.elementor-17072 .elementor-element.elementor-element-0814101{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-0814101 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17072 .elementor-element.elementor-element-0814101 > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-17072 .elementor-element.elementor-element-0814101 > .elementor-shape-bottom svg{transform:translateX(-50%) rotateY(180deg);}.elementor-17072 .elementor-element.elementor-element-0814101 > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-17072 .elementor-element.elementor-element-d02dd15 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-3a8db5b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-17072 .elementor-element.elementor-element-3a8db5b0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17072 .elementor-element.elementor-element-2063e1c8{color:#000000;}.elementor-17072 .elementor-element.elementor-element-2063e1c8 a{color:#5C8018;}.elementor-17072 .elementor-element.elementor-element-b1cfa2a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17072 .elementor-element.elementor-element-2c916b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-17072 .elementor-element.elementor-element-90292de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17072 .elementor-element.elementor-element-e729ea3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:40px;--margin-left:-35px;--margin-right:0px;--padding-top:50px;--padding-bottom:050px;--padding-left:40px;--padding-right:20px;}.elementor-17072 .elementor-element.elementor-element-e729ea3:not(.elementor-motion-effects-element-type-background), .elementor-17072 .elementor-element.elementor-element-e729ea3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F5;}.elementor-17072 .elementor-element.elementor-element-588d5c0 .elementor-heading-title{font-size:25px;}.elementor-17072 .elementor-element.elementor-element-7225f5f .elementor-heading-title{font-size:14px;line-height:1.8em;}.elementor-17072 .elementor-element.elementor-element-4cd95dc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:-8px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17072 .elementor-element.elementor-element-1fad4c0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-17072 .elementor-element.elementor-element-ab7673c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-ab7673c.elementor-element{--align-self:flex-start;}.elementor-17072 .elementor-element.elementor-element-ab7673c .rs-view-btn{text-align:left;}.elementor-17072 .elementor-element.elementor-element-ab7673c .rs-view-btn a{background:#F9C234;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;font-size:15px;line-height:18px;}.elementor-17072 .elementor-element.elementor-element-ab7673c .rs-view-btn a:hover{color:#FFFFFF;background:#5C8018;}.elementor-17072 .elementor-element.elementor-element-ab7673c .rs-btn.rs-btn-style2:hover:before{background:#FFFFFF;}.elementor-17072 .elementor-element.elementor-element-ab7673c .rs-btn.rs-btn-style2:hover:after{background:#FFFFFF;}.elementor-17072 .elementor-element.elementor-element-f58b618{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17072 .elementor-element.elementor-element-258164b{--display:flex;}.elementor-17072 .elementor-element.elementor-element-3db8442{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17072 .elementor-element.elementor-element-1796810{--display:flex;}.elementor-17072 .elementor-element.elementor-element-227aae7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17072 .elementor-element.elementor-element-a60ec09{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17072 .elementor-element.elementor-element-5552a72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17072 .elementor-element.elementor-element-6f12950{--display:flex;}.elementor-17072 .elementor-element.elementor-element-517f6ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17072 .elementor-element.elementor-element-9745ffb{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:0px;--n-tabs-gap:0px;}.elementor-17072 .elementor-element.elementor-element-9745ffb > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#00000000;}.elementor-17072 .elementor-element.elementor-element-9745ffb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#5C8018;}.elementor-17072 .elementor-element.elementor-element-9745ffb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17072 .elementor-element.elementor-element-9745ffb.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#5C8018;}.elementor-17072 .elementor-element.elementor-element-9745ffb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}:where( .elementor-17072 .elementor-element.elementor-element-9745ffb.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-17072 .elementor-element.elementor-element-980b220:not(.elementor-motion-effects-element-type-background), .elementor-17072 .elementor-element.elementor-element-980b220 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F5;}.elementor-17072 .elementor-element.elementor-element-980b220{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:0px;padding:050px 0px 50px 0px;}.elementor-17072 .elementor-element.elementor-element-980b220 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17072 .elementor-element.elementor-element-38ab4e8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17072 .elementor-element.elementor-element-38ab4e8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17072 .elementor-element.elementor-element-34698b0:not(.elementor-motion-effects-element-type-background), .elementor-17072 .elementor-element.elementor-element-34698b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6F5;}.elementor-17072 .elementor-element.elementor-element-34698b0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:20px;margin-bottom:0px;padding:050px 0px 50px 0px;}.elementor-17072 .elementor-element.elementor-element-34698b0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17072 .elementor-element.elementor-element-74a70f8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17072 .elementor-element.elementor-element-74a70f8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17072 .elementor-element.elementor-element-f483274 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 0px 10px 0px;}.elementor-17072 .elementor-element.elementor-element-809669f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-809669f .rs-heading{text-align:left;}.elementor-17072 .elementor-element.elementor-element-809669f .rs-heading .title-inner .title{color:#5C8018;margin:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-809669f .rs-heading .title-inner .sub-text{color:#F4BF00;margin:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-9b4e57d{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1.2px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17072 .elementor-element.elementor-element-9b4e57d .elementor-divider-separator{width:100%;}.elementor-17072 .elementor-element.elementor-element-9b4e57d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17072 .elementor-element.elementor-element-d730737 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-d730737 .rs-blog-grid .blog-item{margin-bottom:18px;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content .blog-meta{color:#000000;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content .blog-meta i{color:#F4BF00;}.elementor-17072 .elementor-element.elementor-element-d730737 .rs-blog-grid1 .blog-content .btn-btm .post-categories li::before{color:#F4BF00;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content .title a{color:#5C8018;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content .title a:hover{color:#F4BF00;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content{padding:10px 20px 0px 30px;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content .btn-part a{padding:5px 015px 5px 15px;font-size:14px;line-height:0.1em;border-radius:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item .blog-content .btn-part a i{-webkit-transform:translateX(-38px);transform:translateX(-38px);}.elementor-17072 .elementor-element.elementor-element-d730737 .blog-item:hover .blog-content .btn-part a i{-webkit-transform:translateX(10px);transform:translateX(10px);}.elementor-17072 .elementor-element.elementor-element-fd61b28 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-fd61b28 .rs-view-btn{text-align:center;}.elementor-17072 .elementor-element.elementor-element-fd61b28 .rs-view-btn a{background:#F9C234;border-color:#FFFFFF;border-radius:4px 4px 4px 4px;}.elementor-17072 .elementor-element.elementor-element-fd61b28 .rs-view-btn a:hover{color:#FFFFFF;background:#5C8018;}.elementor-17072 .elementor-element.elementor-element-fd61b28 .rs-btn.rs-btn-style2:hover:before{background:#FFFFFF;}.elementor-17072 .elementor-element.elementor-element-fd61b28 .rs-btn.rs-btn-style2:hover:after{background:#FFFFFF;}@media(min-width:768px){.elementor-17072 .elementor-element.elementor-element-3a8db5b0{--width:104.409%;}.elementor-17072 .elementor-element.elementor-element-2c916b0{--width:50%;}.elementor-17072 .elementor-element.elementor-element-e729ea3{--width:50%;}.elementor-17072 .elementor-element.elementor-element-1fad4c0{--width:100%;}.elementor-17072 .elementor-element.elementor-element-5552a72{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-17072 .elementor-element.elementor-element-f483274{width:100%;}}@media(max-width:1024px){.elementor-17072 .elementor-element.elementor-element-980b220{padding:20px 0px 20px 0px;}.elementor-17072 .elementor-element.elementor-element-8d4d399 > .elementor-element-populated{padding:0px 21px 0px 20px;}.elementor-17072 .elementor-element.elementor-element-38ab4e8{padding:22px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-34698b0{padding:20px 0px 20px 0px;}.elementor-17072 .elementor-element.elementor-element-e904abf > .elementor-element-populated{padding:0px 21px 0px 20px;}.elementor-17072 .elementor-element.elementor-element-74a70f8{padding:22px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-f483274 > .elementor-element-populated{padding:0px 14px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-809669f .rs-heading{text-align:center;}.elementor-17072 .elementor-element.elementor-element-9b4e57d{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17072 .elementor-element.elementor-element-9b4e57d .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-17072 .elementor-element.elementor-element-9b4e57d .elementor-divider{text-align:center;}}@media(max-width:767px){.elementor-17072 .elementor-element.elementor-element-b1cfa2a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17072 .elementor-element.elementor-element-2c916b0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17072 .elementor-element.elementor-element-e729ea3{--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:29px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-17072 .elementor-element.elementor-element-4cd95dc{--margin-top:-23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17072 .elementor-element.elementor-element-ab7673c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-ab7673c.elementor-element{--align-self:center;}.elementor-17072 .elementor-element.elementor-element-ab7673c .rs-view-btn{text-align:center;}.elementor-17072 .elementor-element.elementor-element-8d4d399 > .elementor-element-populated{padding:0px 33px 0px 18px;}.elementor-17072 .elementor-element.elementor-element-e904abf > .elementor-element-populated{padding:0px 33px 0px 18px;}.elementor-17072 .elementor-element.elementor-element-fd61b28 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17072 .elementor-element.elementor-element-fd61b28 .rs-view-btn{text-align:center;}}/* Start custom CSS for heading, class: .elementor-element-588d5c0 */.elementor-17072 .elementor-element.elementor-element-588d5c0 .elementor-heading-title{ border-left:none !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77c270e */* { margin: 0; padding: 0; box-sizing: border-box; } .education-page { line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f9f5f0 !important; } /* ===== TYPOGRAPHY ===== */ h3 { color: #003366 !important; margin-top: 30px; margin-bottom: 15px; font-size: 1.8rem; font-weight: 600; border-left: 5px solid #5C8018; padding-left: 15px; } .technology-page p { margin-bottom: 15px; font-family: 'Inter', sans-serif; } .technology-page strong { font-weight: 600; color: #5C8018; } /* ===== WELCOME PARAGRAPHS ===== */ .welcome-paragraph { margin-bottom: 15px; font-size: 1.05rem; } /* ===== LOCATION SECTION ===== */ .location-address { margin-bottom: 15px; background: #eef5ff; padding: 15px 20px; border-radius: 8px; border-left: 5px solid #003366; } /* ===== ACCORDION STYLES ===== */ .accordion-container { margin: 40px 0; } .accordion-item { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .accordion-checkbox { display: none; } .accordion-label { display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%); cursor: pointer; font-weight: 600; color: #003366; border-left: 6px solid #5C8018; transition: background 0.2s; font-size: 1.2rem; } .accordion-label:hover { background: #e4e9f0 !important; } .faculty-link { color: #003366; text-decoration: none; margin-right: 10px; font-size: 1.2rem; font-weight: 400 !important; } .faculty-link:hover { text-decoration: underline; color: #5C8018; } .accordion-arrow { font-size: 1.1rem; transition: transform 0.3s ease; } .accordion-checkbox:checked + .accordion-label + .accordion-content { max-height: 800px !important; padding: 0 25px !important; transition: max-height 0.5s ease-in; } .accordion-checkbox:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } .accordion-content { padding: 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; background: #fafafa; } .accordion-inner { padding: 20px 0; } /* Department Lists */ .department-list { list-style: none; padding-left: 20px; margin-bottom: 10px; } .department-list li { margin-bottom: 10px; position: relative; padding-left: 25px; } .department-list .fa-solid { color: #5C8018; } .department-link { color: #333; text-decoration: none; font-weight: 500; font-family: 'Inter', sans-serif; } .department-link:hover { color: #003366 !important; text-decoration: underline !important; } .department-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .department-grid-two .department-list { margin: 0; padding-left: 20px; } /* ===== STAFF STRENGTH ===== */ .staff-strength { margin-top: 25px; } .staff-growth-note { background: #e6f3e6; padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #5C8018; } .staff-growth-note p { margin: 0; } /* ===== VISION & MISSION ===== */ .vm-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0; } .vm-item { flex: 1 1 250px; padding: 20px; border-radius: 8px; } .vision-box { background: #eef5ff; } .mission-box { background: #e6f3e6; } .vm-item h4 { color: #003366; margin-top: 0; margin-bottom: 10px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; } .mission-box h4 { color: #5C8018; } .vm-item p { margin-bottom: 0; font-family: 'Inter', sans-serif; } /* ===== FACILITY TAGS ===== */ .facility-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; } .facility-tag { background: #f0f0f0; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem; font-family: 'Inter', sans-serif; } .italic-note { font-style: italic; color: #555; } /* ===== RESEARCH SECTION ===== */ .research-areas { margin-bottom: 10px; } .research-facilities-list { columns: 2; column-gap: 30px; margin-bottom: 20px; padding-left: 0 !important; font-family: 'Inter', sans-serif; list-style-type: none; } .research-facilities-list li { margin-bottom: 5px; } /* ===== PROGRAMME BADGES ===== */ .programme-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; } .programme-badge { padding: 8px 20px; border-radius: 40px; font-size: 0.9rem; color: white; font-family: 'Inter', sans-serif; } .badge-blue { background: #5C8018; } .badge-green { background: #f9c234; color: black; } .badge-gold { background: #f9c234; color: #333; } /* ===== TIMELINE ===== */ .timeline-container { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; background: #f9f9f9; padding: 20px; border-radius: 8px; } .timeline-item { flex: 1; min-width: 150px; text-align: center; } .timeline-year { font-size: 1.5rem; font-weight: 700; color: #003366 !important; font-family: 'Inter', sans-serif; } .timeline-year-green { font-size: 1.5rem; font-weight: 700; color: #5C8018; font-family: 'Inter', sans-serif; } .timeline-year-gold { font-size: 1.5rem; font-weight: 700; color: #f9c234; font-family: 'Inter', sans-serif; } .timeline-desc { font-size: 0.9rem; font-family: 'Inter', sans-serif; } /* ===== ACCREDITATION NOTE ===== */ .accreditation-note { background: #e6f3e6; padding: 20px; border-radius: 8px; margin-bottom: 25px; border-left: 5px solid #5C8018; } .accreditation-note p { margin: 0; } .accreditation-title { font-weight: 600; color: #5C8018; font-size: 1.1rem; } .accreditation-text { margin: 5px 0 0; color: #555; font-family: 'Inter', sans-serif; } /* ===== COMMUNITY CARDS ===== */ .community-card { background: #f0f7f0; padding: 20px; border-radius: 8px; margin-bottom: 15px; border-left: 5px solid #5C8018; } .community-card h4 { color: #5C8018; margin-top: 0; margin-bottom: 10px; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; } /* ===== HANDBOOK DOWNLOAD ===== */ .handbook-download { background: #003366; padding: 20px; border-radius: 8px; margin: 30px 0; color: white; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .handbook-title { color: white; margin: 0 0 5px; font-size: 1.3rem; } .handbook-description { margin: 0; opacity: 0.9; font-family: 'Inter', sans-serif; } .handbook-button { background: white; color: #003366; padding: 12px 30px; border-radius: 40px; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; font-family: 'Inter', sans-serif; } .handbook-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); background: #f9c234; color: #003366; } /* ===== WEBOMETRIC HIDDEN ===== */ .webometric-hidden { display: none; } @media (max-width: 768px) { /* Existing responsive styles */ .department-grid-two { grid-template-columns: 1fr; gap: 0; } .timeline-item { min-width: 100%; } .handbook-download { flex-direction: column; text-align: center; } .research-facilities-list { columns: 1; padding-left: 0 !important; margin-left: 0 !important; } .research-facilities-list li { padding-left: 0 !important; margin-left: 0 !important; } /* NEW: Remove ALL left padding/margin from departments on mobile */ .department-list { padding-left: 0 !important; margin-left: 0 !important; } .department-list li { padding-left: 0 !important; margin-left: 0 !important; } /* Remove padding from expanded accordion content */ .accordion-checkbox:checked + .accordion-label + .accordion-content { padding: 0 15px !important; } /* Remove padding from accordion inner container */ .accordion-inner { padding-left: 0 !important; padding-right: 0 !important; } /* Ensure department links align to the left */ .department-link { margin-left: 0 !important; padding-left: 0 !important; } /* Reset icon positioning */ .department-list .fa-solid { margin-left: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-276bc57 */.provosts-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; } /* Section Header */ .provosts-header { color: #003366; margin-top: 25px; border-bottom: 3px solid #f9c234; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.5em; } .provosts-intro { margin-bottom: 20px; } /* Accordion Container */ .accordion-container { margin-bottom: 30px; } /* Accordion Item */ .accordion-item { margin-bottom: 10px; border: 1px solid #f9c234; border-radius: 8px; overflow: hidden; } /* Hide the default radio button */ .accordion-radio { display: none; } /* Accordion Label */ .accordion-label { display: block; background: #f0f4f8; padding: 15px 20px; font-weight: bold; color: #5C8018; cursor: pointer; border-bottom: 2px solid #f9c234; position: relative; transition: background 0.3s ease; } .accordion-label:hover { background: #e4e9f0 !important; } .accordion-title { font-size: 1.1em; } .accordion-arrow { float: right; font-size: 1.2em; transition: transform 0.3s ease; } /* Accordion Content */ .accordion-content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fafafa; } .accordion-content-inner { padding: 20px 0; } /* When radio is checked, show the content */ .accordion-radio:checked + .accordion-label + .accordion-content { max-height: 1000px !important; padding: 0 20px !important; transition: max-height 0.5s ease-in; } /* Rotate arrow when expanded */ .accordion-radio:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } /* Text Styles */ .text-muted { color: #555; } .text-italic { font-style: italic; } .text-strong { font-weight: bold; } /* Info Boxes */ .info-box { background: #eef5ff; padding: 15px; border-radius: 8px; margin: 15px 0; } .info-box-title { color: #003366; } .grant-box { background: #fff4e6; padding: 15px; border-radius: 8px; margin: 15px 0; } .grant-box-title { color: #cc6600; } /* Lists */ .styled-list { margin: 10px 0 0; padding-left: 20px; } /* Summary Box */ .summary-box { background: #f0f7f0; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 5px solid #006633; } .summary-title { color: #006633; margin: 0 0 10px 0; } /* Table */ .leadership-table { width: 100%; border-collapse: collapse; } .leadership-table th { text-align: left; padding: px 0; border-bottom: 1px solid #ccc; } .leadership-table td { padding: px 0; } .table-muted { color: #777; } /* Responsive adjustments */ @media (max-width: 768px) { .accordion-label { padding: 12px 15px !important; font-size: 0.95em; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77c270e */* { margin: 0; padding: 0; box-sizing: border-box; } .education-page { line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f9f5f0 !important; } /* ===== TYPOGRAPHY ===== */ h3 { color: #003366 !important; margin-top: 30px; margin-bottom: 15px; font-size: 1.8rem; font-weight: 600; border-left: 5px solid #5C8018; padding-left: 15px; } .technology-page p { margin-bottom: 15px; font-family: 'Inter', sans-serif; } .technology-page strong { font-weight: 600; color: #5C8018; } /* ===== WELCOME PARAGRAPHS ===== */ .welcome-paragraph { margin-bottom: 15px; font-size: 1.05rem; } /* ===== LOCATION SECTION ===== */ .location-address { margin-bottom: 15px; background: #eef5ff; padding: 15px 20px; border-radius: 8px; border-left: 5px solid #003366; } /* ===== ACCORDION STYLES ===== */ .accordion-container { margin: 40px 0; } .accordion-item { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .accordion-checkbox { display: none; } .accordion-label { display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%); cursor: pointer; font-weight: 600; color: #003366; border-left: 6px solid #5C8018; transition: background 0.2s; font-size: 1.2rem; } .accordion-label:hover { background: #e4e9f0 !important; } .faculty-link { color: #003366; text-decoration: none; margin-right: 10px; font-size: 1.2rem; font-weight: 400 !important; } .faculty-link:hover { text-decoration: underline; color: #5C8018; } .accordion-arrow { font-size: 1.1rem; transition: transform 0.3s ease; } .accordion-checkbox:checked + .accordion-label + .accordion-content { max-height: 800px !important; padding: 0 25px !important; transition: max-height 0.5s ease-in; } .accordion-checkbox:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } .accordion-content { padding: 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; background: #fafafa; } .accordion-inner { padding: 20px 0; } /* Department Lists */ .department-list { list-style: none; padding-left: 20px; margin-bottom: 10px; } .department-list li { margin-bottom: 10px; position: relative; padding-left: 25px; } .department-list .fa-solid { color: #5C8018; } .department-link { color: #333; text-decoration: none; font-weight: 500; font-family: 'Inter', sans-serif; } .department-link:hover { color: #003366 !important; text-decoration: underline !important; } .department-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .department-grid-two .department-list { margin: 0; padding-left: 20px; } /* ===== STAFF STRENGTH ===== */ .staff-strength { margin-top: 25px; } .staff-growth-note { background: #e6f3e6; padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #5C8018; } .staff-growth-note p { margin: 0; } /* ===== VISION & MISSION ===== */ .vm-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0; } .vm-item { flex: 1 1 250px; padding: 20px; border-radius: 8px; } .vision-box { background: #eef5ff; } .mission-box { background: #e6f3e6; } .vm-item h4 { color: #003366; margin-top: 0; margin-bottom: 10px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; } .mission-box h4 { color: #5C8018; } .vm-item p { margin-bottom: 0; font-family: 'Inter', sans-serif; } /* ===== FACILITY TAGS ===== */ .facility-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; } .facility-tag { background: #f0f0f0; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem; font-family: 'Inter', sans-serif; } .italic-note { font-style: italic; color: #555; } /* ===== RESEARCH SECTION ===== */ .research-areas { margin-bottom: 10px; } .research-facilities-list { columns: 2; column-gap: 30px; margin-bottom: 20px; padding-left: 0 !important; font-family: 'Inter', sans-serif; list-style-type: none; } .research-facilities-list li { margin-bottom: 5px; } /* ===== PROGRAMME BADGES ===== */ .programme-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; } .programme-badge { padding: 8px 20px; border-radius: 40px; font-size: 0.9rem; color: white; font-family: 'Inter', sans-serif; } .badge-blue { background: #5C8018; } .badge-green { background: #f9c234; color: black; } .badge-gold { background: #f9c234; color: #333; } /* ===== TIMELINE ===== */ .timeline-container { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; background: #f9f9f9; padding: 20px; border-radius: 8px; } .timeline-item { flex: 1; min-width: 150px; text-align: center; } .timeline-year { font-size: 1.5rem; font-weight: 700; color: #003366 !important; font-family: 'Inter', sans-serif; } .timeline-year-green { font-size: 1.5rem; font-weight: 700; color: #5C8018; font-family: 'Inter', sans-serif; } .timeline-year-gold { font-size: 1.5rem; font-weight: 700; color: #f9c234; font-family: 'Inter', sans-serif; } .timeline-desc { font-size: 0.9rem; font-family: 'Inter', sans-serif; } /* ===== ACCREDITATION NOTE ===== */ .accreditation-note { background: #e6f3e6; padding: 20px; border-radius: 8px; margin-bottom: 25px; border-left: 5px solid #5C8018; } .accreditation-note p { margin: 0; } .accreditation-title { font-weight: 600; color: #5C8018; font-size: 1.1rem; } .accreditation-text { margin: 5px 0 0; color: #555; font-family: 'Inter', sans-serif; } /* ===== COMMUNITY CARDS ===== */ .community-card { background: #f0f7f0; padding: 20px; border-radius: 8px; margin-bottom: 15px; border-left: 5px solid #5C8018; } .community-card h4 { color: #5C8018; margin-top: 0; margin-bottom: 10px; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; } /* ===== HANDBOOK DOWNLOAD ===== */ .handbook-download { background: #003366; padding: 20px; border-radius: 8px; margin: 30px 0; color: white; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .handbook-title { color: white; margin: 0 0 5px; font-size: 1.3rem; } .handbook-description { margin: 0; opacity: 0.9; font-family: 'Inter', sans-serif; } .handbook-button { background: white; color: #003366; padding: 12px 30px; border-radius: 40px; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; font-family: 'Inter', sans-serif; } .handbook-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); background: #f9c234; color: #003366; } /* ===== WEBOMETRIC HIDDEN ===== */ .webometric-hidden { display: none; } @media (max-width: 768px) { /* Existing responsive styles */ .department-grid-two { grid-template-columns: 1fr; gap: 0; } .timeline-item { min-width: 100%; } .handbook-download { flex-direction: column; text-align: center; } .research-facilities-list { columns: 1; padding-left: 0 !important; margin-left: 0 !important; } .research-facilities-list li { padding-left: 0 !important; margin-left: 0 !important; } /* NEW: Remove ALL left padding/margin from departments on mobile */ .department-list { padding-left: 0 !important; margin-left: 0 !important; } .department-list li { padding-left: 0 !important; margin-left: 0 !important; } /* Remove padding from expanded accordion content */ .accordion-checkbox:checked + .accordion-label + .accordion-content { padding: 0 15px !important; } /* Remove padding from accordion inner container */ .accordion-inner { padding-left: 0 !important; padding-right: 0 !important; } /* Ensure department links align to the left */ .department-link { margin-left: 0 !important; padding-left: 0 !important; } /* Reset icon positioning */ .department-list .fa-solid { margin-left: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-276bc57 */.provosts-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; } /* Section Header */ .provosts-header { color: #003366; margin-top: 25px; border-bottom: 3px solid #f9c234; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.5em; } .provosts-intro { margin-bottom: 20px; } /* Accordion Container */ .accordion-container { margin-bottom: 30px; } /* Accordion Item */ .accordion-item { margin-bottom: 10px; border: 1px solid #f9c234; border-radius: 8px; overflow: hidden; } /* Hide the default radio button */ .accordion-radio { display: none; } /* Accordion Label */ .accordion-label { display: block; background: #f0f4f8; padding: 15px 20px; font-weight: bold; color: #5C8018; cursor: pointer; border-bottom: 2px solid #f9c234; position: relative; transition: background 0.3s ease; } .accordion-label:hover { background: #e4e9f0 !important; } .accordion-title { font-size: 1.1em; } .accordion-arrow { float: right; font-size: 1.2em; transition: transform 0.3s ease; } /* Accordion Content */ .accordion-content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fafafa; } .accordion-content-inner { padding: 20px 0; } /* When radio is checked, show the content */ .accordion-radio:checked + .accordion-label + .accordion-content { max-height: 1000px !important; padding: 0 20px !important; transition: max-height 0.5s ease-in; } /* Rotate arrow when expanded */ .accordion-radio:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } /* Text Styles */ .text-muted { color: #555; } .text-italic { font-style: italic; } .text-strong { font-weight: bold; } /* Info Boxes */ .info-box { background: #eef5ff; padding: 15px; border-radius: 8px; margin: 15px 0; } .info-box-title { color: #003366; } .grant-box { background: #fff4e6; padding: 15px; border-radius: 8px; margin: 15px 0; } .grant-box-title { color: #cc6600; } /* Lists */ .styled-list { margin: 10px 0 0; padding-left: 20px; } /* Summary Box */ .summary-box { background: #f0f7f0; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 5px solid #006633; } .summary-title { color: #006633; margin: 0 0 10px 0; } /* Table */ .leadership-table { width: 100%; border-collapse: collapse; } .leadership-table th { text-align: left; padding: px 0; border-bottom: 1px solid #ccc; } .leadership-table td { padding: px 0; } .table-muted { color: #777; } /* Responsive adjustments */ @media (max-width: 768px) { .accordion-label { padding: 12px 15px !important; font-size: 0.95em; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77c270e */* { margin: 0; padding: 0; box-sizing: border-box; } .education-page { line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f9f5f0 !important; } /* ===== TYPOGRAPHY ===== */ h3 { color: #003366 !important; margin-top: 30px; margin-bottom: 15px; font-size: 1.8rem; font-weight: 600; border-left: 5px solid #5C8018; padding-left: 15px; } .technology-page p { margin-bottom: 15px; font-family: 'Inter', sans-serif; } .technology-page strong { font-weight: 600; color: #5C8018; } /* ===== WELCOME PARAGRAPHS ===== */ .welcome-paragraph { margin-bottom: 15px; font-size: 1.05rem; } /* ===== LOCATION SECTION ===== */ .location-address { margin-bottom: 15px; background: #eef5ff; padding: 15px 20px; border-radius: 8px; border-left: 5px solid #003366; } /* ===== ACCORDION STYLES ===== */ .accordion-container { margin: 40px 0; } .accordion-item { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .accordion-checkbox { display: none; } .accordion-label { display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%); cursor: pointer; font-weight: 600; color: #003366; border-left: 6px solid #5C8018; transition: background 0.2s; font-size: 1.2rem; } .accordion-label:hover { background: #e4e9f0 !important; } .faculty-link { color: #003366; text-decoration: none; margin-right: 10px; font-size: 1.2rem; font-weight: 400 !important; } .faculty-link:hover { text-decoration: underline; color: #5C8018; } .accordion-arrow { font-size: 1.1rem; transition: transform 0.3s ease; } .accordion-checkbox:checked + .accordion-label + .accordion-content { max-height: 800px !important; padding: 0 25px !important; transition: max-height 0.5s ease-in; } .accordion-checkbox:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } .accordion-content { padding: 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; background: #fafafa; } .accordion-inner { padding: 20px 0; } /* Department Lists */ .department-list { list-style: none; padding-left: 20px; margin-bottom: 10px; } .department-list li { margin-bottom: 10px; position: relative; padding-left: 25px; } .department-list .fa-solid { color: #5C8018; } .department-link { color: #333; text-decoration: none; font-weight: 500; font-family: 'Inter', sans-serif; } .department-link:hover { color: #003366 !important; text-decoration: underline !important; } .department-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .department-grid-two .department-list { margin: 0; padding-left: 20px; } /* ===== STAFF STRENGTH ===== */ .staff-strength { margin-top: 25px; } .staff-growth-note { background: #e6f3e6; padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #5C8018; } .staff-growth-note p { margin: 0; } /* ===== VISION & MISSION ===== */ .vm-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0; } .vm-item { flex: 1 1 250px; padding: 20px; border-radius: 8px; } .vision-box { background: #eef5ff; } .mission-box { background: #e6f3e6; } .vm-item h4 { color: #003366; margin-top: 0; margin-bottom: 10px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; } .mission-box h4 { color: #5C8018; } .vm-item p { margin-bottom: 0; font-family: 'Inter', sans-serif; } /* ===== FACILITY TAGS ===== */ .facility-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; } .facility-tag { background: #f0f0f0; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem; font-family: 'Inter', sans-serif; } .italic-note { font-style: italic; color: #555; } /* ===== RESEARCH SECTION ===== */ .research-areas { margin-bottom: 10px; } .research-facilities-list { columns: 2; column-gap: 30px; margin-bottom: 20px; padding-left: 0 !important; font-family: 'Inter', sans-serif; list-style-type: none; } .research-facilities-list li { margin-bottom: 5px; } /* ===== PROGRAMME BADGES ===== */ .programme-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; } .programme-badge { padding: 8px 20px; border-radius: 40px; font-size: 0.9rem; color: white; font-family: 'Inter', sans-serif; } .badge-blue { background: #5C8018; } .badge-green { background: #f9c234; color: black; } .badge-gold { background: #f9c234; color: #333; } /* ===== TIMELINE ===== */ .timeline-container { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; background: #f9f9f9; padding: 20px; border-radius: 8px; } .timeline-item { flex: 1; min-width: 150px; text-align: center; } .timeline-year { font-size: 1.5rem; font-weight: 700; color: #003366 !important; font-family: 'Inter', sans-serif; } .timeline-year-green { font-size: 1.5rem; font-weight: 700; color: #5C8018; font-family: 'Inter', sans-serif; } .timeline-year-gold { font-size: 1.5rem; font-weight: 700; color: #f9c234; font-family: 'Inter', sans-serif; } .timeline-desc { font-size: 0.9rem; font-family: 'Inter', sans-serif; } /* ===== ACCREDITATION NOTE ===== */ .accreditation-note { background: #e6f3e6; padding: 20px; border-radius: 8px; margin-bottom: 25px; border-left: 5px solid #5C8018; } .accreditation-note p { margin: 0; } .accreditation-title { font-weight: 600; color: #5C8018; font-size: 1.1rem; } .accreditation-text { margin: 5px 0 0; color: #555; font-family: 'Inter', sans-serif; } /* ===== COMMUNITY CARDS ===== */ .community-card { background: #f0f7f0; padding: 20px; border-radius: 8px; margin-bottom: 15px; border-left: 5px solid #5C8018; } .community-card h4 { color: #5C8018; margin-top: 0; margin-bottom: 10px; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; } /* ===== HANDBOOK DOWNLOAD ===== */ .handbook-download { background: #003366; padding: 20px; border-radius: 8px; margin: 30px 0; color: white; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .handbook-title { color: white; margin: 0 0 5px; font-size: 1.3rem; } .handbook-description { margin: 0; opacity: 0.9; font-family: 'Inter', sans-serif; } .handbook-button { background: white; color: #003366; padding: 12px 30px; border-radius: 40px; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; font-family: 'Inter', sans-serif; } .handbook-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); background: #f9c234; color: #003366; } /* ===== WEBOMETRIC HIDDEN ===== */ .webometric-hidden { display: none; } @media (max-width: 768px) { /* Existing responsive styles */ .department-grid-two { grid-template-columns: 1fr; gap: 0; } .timeline-item { min-width: 100%; } .handbook-download { flex-direction: column; text-align: center; } .research-facilities-list { columns: 1; padding-left: 0 !important; margin-left: 0 !important; } .research-facilities-list li { padding-left: 0 !important; margin-left: 0 !important; } /* NEW: Remove ALL left padding/margin from departments on mobile */ .department-list { padding-left: 0 !important; margin-left: 0 !important; } .department-list li { padding-left: 0 !important; margin-left: 0 !important; } /* Remove padding from expanded accordion content */ .accordion-checkbox:checked + .accordion-label + .accordion-content { padding: 0 15px !important; } /* Remove padding from accordion inner container */ .accordion-inner { padding-left: 0 !important; padding-right: 0 !important; } /* Ensure department links align to the left */ .department-link { margin-left: 0 !important; padding-left: 0 !important; } /* Reset icon positioning */ .department-list .fa-solid { margin-left: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-276bc57 */.provosts-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; } /* Section Header */ .provosts-header { color: #003366; margin-top: 25px; border-bottom: 3px solid #f9c234; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.5em; } .provosts-intro { margin-bottom: 20px; } /* Accordion Container */ .accordion-container { margin-bottom: 30px; } /* Accordion Item */ .accordion-item { margin-bottom: 10px; border: 1px solid #f9c234; border-radius: 8px; overflow: hidden; } /* Hide the default radio button */ .accordion-radio { display: none; } /* Accordion Label */ .accordion-label { display: block; background: #f0f4f8; padding: 15px 20px; font-weight: bold; color: #5C8018; cursor: pointer; border-bottom: 2px solid #f9c234; position: relative; transition: background 0.3s ease; } .accordion-label:hover { background: #e4e9f0 !important; } .accordion-title { font-size: 1.1em; } .accordion-arrow { float: right; font-size: 1.2em; transition: transform 0.3s ease; } /* Accordion Content */ .accordion-content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fafafa; } .accordion-content-inner { padding: 20px 0; } /* When radio is checked, show the content */ .accordion-radio:checked + .accordion-label + .accordion-content { max-height: 1000px !important; padding: 0 20px !important; transition: max-height 0.5s ease-in; } /* Rotate arrow when expanded */ .accordion-radio:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } /* Text Styles */ .text-muted { color: #555; } .text-italic { font-style: italic; } .text-strong { font-weight: bold; } /* Info Boxes */ .info-box { background: #eef5ff; padding: 15px; border-radius: 8px; margin: 15px 0; } .info-box-title { color: #003366; } .grant-box { background: #fff4e6; padding: 15px; border-radius: 8px; margin: 15px 0; } .grant-box-title { color: #cc6600; } /* Lists */ .styled-list { margin: 10px 0 0; padding-left: 20px; } /* Summary Box */ .summary-box { background: #f0f7f0; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 5px solid #006633; } .summary-title { color: #006633; margin: 0 0 10px 0; } /* Table */ .leadership-table { width: 100%; border-collapse: collapse; } .leadership-table th { text-align: left; padding: px 0; border-bottom: 1px solid #ccc; } .leadership-table td { padding: px 0; } .table-muted { color: #777; } /* Responsive adjustments */ @media (max-width: 768px) { .accordion-label { padding: 12px 15px !important; font-size: 0.95em; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77c270e */* { margin: 0; padding: 0; box-sizing: border-box; } .education-page { line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f9f5f0 !important; } /* ===== TYPOGRAPHY ===== */ h3 { color: #003366 !important; margin-top: 30px; margin-bottom: 15px; font-size: 1.8rem; font-weight: 600; border-left: 5px solid #5C8018; padding-left: 15px; } .technology-page p { margin-bottom: 15px; font-family: 'Inter', sans-serif; } .technology-page strong { font-weight: 600; color: #5C8018; } /* ===== WELCOME PARAGRAPHS ===== */ .welcome-paragraph { margin-bottom: 15px; font-size: 1.05rem; } /* ===== LOCATION SECTION ===== */ .location-address { margin-bottom: 15px; background: #eef5ff; padding: 15px 20px; border-radius: 8px; border-left: 5px solid #003366; } /* ===== ACCORDION STYLES ===== */ .accordion-container { margin: 40px 0; } .accordion-item { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .accordion-checkbox { display: none; } .accordion-label { display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%); cursor: pointer; font-weight: 600; color: #003366; border-left: 6px solid #5C8018; transition: background 0.2s; font-size: 1.2rem; } .accordion-label:hover { background: #e4e9f0 !important; } .faculty-link { color: #003366; text-decoration: none; margin-right: 10px; font-size: 1.2rem; font-weight: 400 !important; } .faculty-link:hover { text-decoration: underline; color: #5C8018; } .accordion-arrow { font-size: 1.1rem; transition: transform 0.3s ease; } .accordion-checkbox:checked + .accordion-label + .accordion-content { max-height: 800px !important; padding: 0 25px !important; transition: max-height 0.5s ease-in; } .accordion-checkbox:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } .accordion-content { padding: 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; background: #fafafa; } .accordion-inner { padding: 20px 0; } /* Department Lists */ .department-list { list-style: none; padding-left: 20px; margin-bottom: 10px; } .department-list li { margin-bottom: 10px; position: relative; padding-left: 25px; } .department-list .fa-solid { color: #5C8018; } .department-link { color: #333; text-decoration: none; font-weight: 500; font-family: 'Inter', sans-serif; } .department-link:hover { color: #003366 !important; text-decoration: underline !important; } .department-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .department-grid-two .department-list { margin: 0; padding-left: 20px; } /* ===== STAFF STRENGTH ===== */ .staff-strength { margin-top: 25px; } .staff-growth-note { background: #e6f3e6; padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #5C8018; } .staff-growth-note p { margin: 0; } /* ===== VISION & MISSION ===== */ .vm-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0; } .vm-item { flex: 1 1 250px; padding: 20px; border-radius: 8px; } .vision-box { background: #eef5ff; } .mission-box { background: #e6f3e6; } .vm-item h4 { color: #003366; margin-top: 0; margin-bottom: 10px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; } .mission-box h4 { color: #5C8018; } .vm-item p { margin-bottom: 0; font-family: 'Inter', sans-serif; } /* ===== FACILITY TAGS ===== */ .facility-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; } .facility-tag { background: #f0f0f0; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem; font-family: 'Inter', sans-serif; } .italic-note { font-style: italic; color: #555; } /* ===== RESEARCH SECTION ===== */ .research-areas { margin-bottom: 10px; } .research-facilities-list { columns: 2; column-gap: 30px; margin-bottom: 20px; padding-left: 0 !important; font-family: 'Inter', sans-serif; list-style-type: none; } .research-facilities-list li { margin-bottom: 5px; } /* ===== PROGRAMME BADGES ===== */ .programme-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; } .programme-badge { padding: 8px 20px; border-radius: 40px; font-size: 0.9rem; color: white; font-family: 'Inter', sans-serif; } .badge-blue { background: #5C8018; } .badge-green { background: #f9c234; color: black; } .badge-gold { background: #f9c234; color: #333; } /* ===== TIMELINE ===== */ .timeline-container { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; background: #f9f9f9; padding: 20px; border-radius: 8px; } .timeline-item { flex: 1; min-width: 150px; text-align: center; } .timeline-year { font-size: 1.5rem; font-weight: 700; color: #003366 !important; font-family: 'Inter', sans-serif; } .timeline-year-green { font-size: 1.5rem; font-weight: 700; color: #5C8018; font-family: 'Inter', sans-serif; } .timeline-year-gold { font-size: 1.5rem; font-weight: 700; color: #f9c234; font-family: 'Inter', sans-serif; } .timeline-desc { font-size: 0.9rem; font-family: 'Inter', sans-serif; } /* ===== ACCREDITATION NOTE ===== */ .accreditation-note { background: #e6f3e6; padding: 20px; border-radius: 8px; margin-bottom: 25px; border-left: 5px solid #5C8018; } .accreditation-note p { margin: 0; } .accreditation-title { font-weight: 600; color: #5C8018; font-size: 1.1rem; } .accreditation-text { margin: 5px 0 0; color: #555; font-family: 'Inter', sans-serif; } /* ===== COMMUNITY CARDS ===== */ .community-card { background: #f0f7f0; padding: 20px; border-radius: 8px; margin-bottom: 15px; border-left: 5px solid #5C8018; } .community-card h4 { color: #5C8018; margin-top: 0; margin-bottom: 10px; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; } /* ===== HANDBOOK DOWNLOAD ===== */ .handbook-download { background: #003366; padding: 20px; border-radius: 8px; margin: 30px 0; color: white; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .handbook-title { color: white; margin: 0 0 5px; font-size: 1.3rem; } .handbook-description { margin: 0; opacity: 0.9; font-family: 'Inter', sans-serif; } .handbook-button { background: white; color: #003366; padding: 12px 30px; border-radius: 40px; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; font-family: 'Inter', sans-serif; } .handbook-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); background: #f9c234; color: #003366; } /* ===== WEBOMETRIC HIDDEN ===== */ .webometric-hidden { display: none; } @media (max-width: 768px) { /* Existing responsive styles */ .department-grid-two { grid-template-columns: 1fr; gap: 0; } .timeline-item { min-width: 100%; } .handbook-download { flex-direction: column; text-align: center; } .research-facilities-list { columns: 1; padding-left: 0 !important; margin-left: 0 !important; } .research-facilities-list li { padding-left: 0 !important; margin-left: 0 !important; } /* NEW: Remove ALL left padding/margin from departments on mobile */ .department-list { padding-left: 0 !important; margin-left: 0 !important; } .department-list li { padding-left: 0 !important; margin-left: 0 !important; } /* Remove padding from expanded accordion content */ .accordion-checkbox:checked + .accordion-label + .accordion-content { padding: 0 15px !important; } /* Remove padding from accordion inner container */ .accordion-inner { padding-left: 0 !important; padding-right: 0 !important; } /* Ensure department links align to the left */ .department-link { margin-left: 0 !important; padding-left: 0 !important; } /* Reset icon positioning */ .department-list .fa-solid { margin-left: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-276bc57 */.provosts-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; } /* Section Header */ .provosts-header { color: #003366; margin-top: 25px; border-bottom: 3px solid #f9c234; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.5em; } .provosts-intro { margin-bottom: 20px; } /* Accordion Container */ .accordion-container { margin-bottom: 30px; } /* Accordion Item */ .accordion-item { margin-bottom: 10px; border: 1px solid #f9c234; border-radius: 8px; overflow: hidden; } /* Hide the default radio button */ .accordion-radio { display: none; } /* Accordion Label */ .accordion-label { display: block; background: #f0f4f8; padding: 15px 20px; font-weight: bold; color: #5C8018; cursor: pointer; border-bottom: 2px solid #f9c234; position: relative; transition: background 0.3s ease; } .accordion-label:hover { background: #e4e9f0 !important; } .accordion-title { font-size: 1.1em; } .accordion-arrow { float: right; font-size: 1.2em; transition: transform 0.3s ease; } /* Accordion Content */ .accordion-content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fafafa; } .accordion-content-inner { padding: 20px 0; } /* When radio is checked, show the content */ .accordion-radio:checked + .accordion-label + .accordion-content { max-height: 1000px !important; padding: 0 20px !important; transition: max-height 0.5s ease-in; } /* Rotate arrow when expanded */ .accordion-radio:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } /* Text Styles */ .text-muted { color: #555; } .text-italic { font-style: italic; } .text-strong { font-weight: bold; } /* Info Boxes */ .info-box { background: #eef5ff; padding: 15px; border-radius: 8px; margin: 15px 0; } .info-box-title { color: #003366; } .grant-box { background: #fff4e6; padding: 15px; border-radius: 8px; margin: 15px 0; } .grant-box-title { color: #cc6600; } /* Lists */ .styled-list { margin: 10px 0 0; padding-left: 20px; } /* Summary Box */ .summary-box { background: #f0f7f0; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 5px solid #006633; } .summary-title { color: #006633; margin: 0 0 10px 0; } /* Table */ .leadership-table { width: 100%; border-collapse: collapse; } .leadership-table th { text-align: left; padding: px 0; border-bottom: 1px solid #ccc; } .leadership-table td { padding: px 0; } .table-muted { color: #777; } /* Responsive adjustments */ @media (max-width: 768px) { .accordion-label { padding: 12px 15px !important; font-size: 0.95em; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77c270e */* { margin: 0; padding: 0; box-sizing: border-box; } .education-page { line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f9f5f0 !important; } /* ===== TYPOGRAPHY ===== */ h3 { color: #003366 !important; margin-top: 30px; margin-bottom: 15px; font-size: 1.8rem; font-weight: 600; border-left: 5px solid #5C8018; padding-left: 15px; } .technology-page p { margin-bottom: 15px; font-family: 'Inter', sans-serif; } .technology-page strong { font-weight: 600; color: #5C8018; } /* ===== WELCOME PARAGRAPHS ===== */ .welcome-paragraph { margin-bottom: 15px; font-size: 1.05rem; } /* ===== LOCATION SECTION ===== */ .location-address { margin-bottom: 15px; background: #eef5ff; padding: 15px 20px; border-radius: 8px; border-left: 5px solid #003366; } /* ===== ACCORDION STYLES ===== */ .accordion-container { margin: 40px 0; } .accordion-item { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; background: white; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .accordion-checkbox { display: none; } .accordion-label { display: flex; justify-content: space-between; align-items: center; padding: 18px 25px; background: linear-gradient(135deg, #f5f9f0 0%, #ffffff 100%); cursor: pointer; font-weight: 600; color: #003366; border-left: 6px solid #5C8018; transition: background 0.2s; font-size: 1.2rem; } .accordion-label:hover { background: #e4e9f0 !important; } .faculty-link { color: #003366; text-decoration: none; margin-right: 10px; font-size: 1.2rem; font-weight: 400 !important; } .faculty-link:hover { text-decoration: underline; color: #5C8018; } .accordion-arrow { font-size: 1.1rem; transition: transform 0.3s ease; } .accordion-checkbox:checked + .accordion-label + .accordion-content { max-height: 800px !important; padding: 0 25px !important; transition: max-height 0.5s ease-in; } .accordion-checkbox:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } .accordion-content { padding: 0 25px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-out; background: #fafafa; } .accordion-inner { padding: 20px 0; } /* Department Lists */ .department-list { list-style: none; padding-left: 20px; margin-bottom: 10px; } .department-list li { margin-bottom: 10px; position: relative; padding-left: 25px; } .department-list .fa-solid { color: #5C8018; } .department-link { color: #333; text-decoration: none; font-weight: 500; font-family: 'Inter', sans-serif; } .department-link:hover { color: #003366 !important; text-decoration: underline !important; } .department-grid-two { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .department-grid-two .department-list { margin: 0; padding-left: 20px; } /* ===== STAFF STRENGTH ===== */ .staff-strength { margin-top: 25px; } .staff-growth-note { background: #e6f3e6; padding: 15px; border-radius: 8px; margin-bottom: 20px; border-left: 4px solid #5C8018; } .staff-growth-note p { margin: 0; } /* ===== VISION & MISSION ===== */ .vm-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 25px 0; } .vm-item { flex: 1 1 250px; padding: 20px; border-radius: 8px; } .vision-box { background: #eef5ff; } .mission-box { background: #e6f3e6; } .vm-item h4 { color: #003366; margin-top: 0; margin-bottom: 10px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; } .mission-box h4 { color: #5C8018; } .vm-item p { margin-bottom: 0; font-family: 'Inter', sans-serif; } /* ===== FACILITY TAGS ===== */ .facility-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 15px; } .facility-tag { background: #f0f0f0; padding: 8px 15px; border-radius: 20px; font-size: 0.9rem; font-family: 'Inter', sans-serif; } .italic-note { font-style: italic; color: #555; } /* ===== RESEARCH SECTION ===== */ .research-areas { margin-bottom: 10px; } .research-facilities-list { columns: 2; column-gap: 30px; margin-bottom: 20px; padding-left: 0 !important; font-family: 'Inter', sans-serif; list-style-type: none; } .research-facilities-list li { margin-bottom: 5px; } /* ===== PROGRAMME BADGES ===== */ .programme-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; } .programme-badge { padding: 8px 20px; border-radius: 40px; font-size: 0.9rem; color: white; font-family: 'Inter', sans-serif; } .badge-blue { background: #5C8018; } .badge-green { background: #f9c234; color: black; } .badge-gold { background: #f9c234; color: #333; } /* ===== TIMELINE ===== */ .timeline-container { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 25px; background: #f9f9f9; padding: 20px; border-radius: 8px; } .timeline-item { flex: 1; min-width: 150px; text-align: center; } .timeline-year { font-size: 1.5rem; font-weight: 700; color: #003366 !important; font-family: 'Inter', sans-serif; } .timeline-year-green { font-size: 1.5rem; font-weight: 700; color: #5C8018; font-family: 'Inter', sans-serif; } .timeline-year-gold { font-size: 1.5rem; font-weight: 700; color: #f9c234; font-family: 'Inter', sans-serif; } .timeline-desc { font-size: 0.9rem; font-family: 'Inter', sans-serif; } /* ===== ACCREDITATION NOTE ===== */ .accreditation-note { background: #e6f3e6; padding: 20px; border-radius: 8px; margin-bottom: 25px; border-left: 5px solid #5C8018; } .accreditation-note p { margin: 0; } .accreditation-title { font-weight: 600; color: #5C8018; font-size: 1.1rem; } .accreditation-text { margin: 5px 0 0; color: #555; font-family: 'Inter', sans-serif; } /* ===== COMMUNITY CARDS ===== */ .community-card { background: #f0f7f0; padding: 20px; border-radius: 8px; margin-bottom: 15px; border-left: 5px solid #5C8018; } .community-card h4 { color: #5C8018; margin-top: 0; margin-bottom: 10px; font-size: 1.2rem; display: flex; align-items: center; gap: 10px; } /* ===== HANDBOOK DOWNLOAD ===== */ .handbook-download { background: #003366; padding: 20px; border-radius: 8px; margin: 30px 0; color: white; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; } .handbook-title { color: white; margin: 0 0 5px; font-size: 1.3rem; } .handbook-description { margin: 0; opacity: 0.9; font-family: 'Inter', sans-serif; } .handbook-button { background: white; color: #003366; padding: 12px 30px; border-radius: 40px; text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; font-family: 'Inter', sans-serif; } .handbook-button:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); background: #f9c234; color: #003366; } /* ===== WEBOMETRIC HIDDEN ===== */ .webometric-hidden { display: none; } @media (max-width: 768px) { /* Existing responsive styles */ .department-grid-two { grid-template-columns: 1fr; gap: 0; } .timeline-item { min-width: 100%; } .handbook-download { flex-direction: column; text-align: center; } .research-facilities-list { columns: 1; padding-left: 0 !important; margin-left: 0 !important; } .research-facilities-list li { padding-left: 0 !important; margin-left: 0 !important; } /* NEW: Remove ALL left padding/margin from departments on mobile */ .department-list { padding-left: 0 !important; margin-left: 0 !important; } .department-list li { padding-left: 0 !important; margin-left: 0 !important; } /* Remove padding from expanded accordion content */ .accordion-checkbox:checked + .accordion-label + .accordion-content { padding: 0 15px !important; } /* Remove padding from accordion inner container */ .accordion-inner { padding-left: 0 !important; padding-right: 0 !important; } /* Ensure department links align to the left */ .department-link { margin-left: 0 !important; padding-left: 0 !important; } /* Reset icon positioning */ .department-list .fa-solid { margin-left: 0; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-276bc57 */.provosts-container { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; line-height: 1.6; color: #333; max-width: 1200px; margin: 0 auto; } /* Section Header */ .provosts-header { color: #003366; margin-top: 25px; border-bottom: 3px solid #f9c234; padding-bottom: 10px; margin-bottom: 20px; font-size: 1.5em; } .provosts-intro { margin-bottom: 20px; } /* Accordion Container */ .accordion-container { margin-bottom: 30px; } /* Accordion Item */ .accordion-item { margin-bottom: 10px; border: 1px solid #f9c234; border-radius: 8px; overflow: hidden; } /* Hide the default radio button */ .accordion-radio { display: none; } /* Accordion Label */ .accordion-label { display: block; background: #f0f4f8; padding: 15px 20px; font-weight: bold; color: #5C8018; cursor: pointer; border-bottom: 2px solid #f9c234; position: relative; transition: background 0.3s ease; } .accordion-label:hover { background: #e4e9f0 !important; } .accordion-title { font-size: 1.1em; } .accordion-arrow { float: right; font-size: 1.2em; transition: transform 0.3s ease; } /* Accordion Content */ .accordion-content { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: #fafafa; } .accordion-content-inner { padding: 20px 0; } /* When radio is checked, show the content */ .accordion-radio:checked + .accordion-label + .accordion-content { max-height: 1000px !important; padding: 0 20px !important; transition: max-height 0.5s ease-in; } /* Rotate arrow when expanded */ .accordion-radio:checked + .accordion-label .accordion-arrow { transform: rotate(180deg); } /* Text Styles */ .text-muted { color: #555; } .text-italic { font-style: italic; } .text-strong { font-weight: bold; } /* Info Boxes */ .info-box { background: #eef5ff; padding: 15px; border-radius: 8px; margin: 15px 0; } .info-box-title { color: #003366; } .grant-box { background: #fff4e6; padding: 15px; border-radius: 8px; margin: 15px 0; } .grant-box-title { color: #cc6600; } /* Lists */ .styled-list { margin: 10px 0 0; padding-left: 20px; } /* Summary Box */ .summary-box { background: #f0f7f0; padding: 15px; border-radius: 8px; margin-top: 20px; border-left: 5px solid #006633; } .summary-title { color: #006633; margin: 0 0 10px 0; } /* Table */ .leadership-table { width: 100%; border-collapse: collapse; } .leadership-table th { text-align: left; padding: px 0; border-bottom: 1px solid #ccc; } .leadership-table td { padding: px 0; } .table-muted { color: #777; } /* Responsive adjustments */ @media (max-width: 768px) { .accordion-label { padding: 12px 15px !important; font-size: 0.95em; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3a45afd */.faculty-dept-slider-wrapper { max-width: 1200px; margin: 50px auto; padding: 20px; position: relative; } /* Section Header with Webometric Keywords */ .dept-slider-header { text-align: center; margin-bottom: 40px; } .dept-slider-header h2 { font-size: 2.4em; color: #003366; border-bottom: 4px solid #f9c234; display: inline-block; padding-bottom: 12px; margin-bottom: 15px; } .dept-slider-header p { font-size: 1.1em; color: #555; max-width: 800px; margin: 0 auto; line-height: 1.6; } /* Slider Container - Exact 3 per view */ .faculty-dept-slider { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 30px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 10px 5px 30px; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE/Edge */ } .faculty-dept-slider::-webkit-scrollbar { display: none; /* Chrome/Safari */ } /* Department Cards - Exactly 3 per view */ .dept-card { flex: 0 0 calc(33.333% - 20px); /* 3 cards minus gap adjustment */ min-width: 300px; background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,51,102,0.08); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); scroll-snap-align: start; border: 1px solid #eee; position: relative; display: flex; flex-direction: column; } .dept-card:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,51,102,0.15); border-color: #f9c234; } /* Image Container with Overlay for Text */ .dept-image { position: relative; width: 100%; height: 220px; overflow: hidden; } .dept-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .dept-card:hover .dept-image img { transform: scale(1.05); } .dept-image::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 60px; background: linear-gradient(to top, rgba(0,51,102,0.3), transparent); } /* Department Code Badge (Webometric) */ .dept-code { position: absolute; top: 15px; right: 15px; background: #f9c234; color: #003366; padding: 5px 15px; border-radius: 30px; font-weight: 700; font-size: 0.85em; z-index: 2; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* Card Content */ .dept-card h3 { font-size: 1.4em; margin: 20px 0px 10px; color: #000000; line-height: 1.4; min-height: 70px; border-left: none !important; } .dept-card h3 a { color: inherit; text-decoration: none; transition: color 0.2s; } .dept-card h3 a:hover { color: #5C8018; text-decoration: underline; } .dept-card p { font-size: 0.95em; color: #555; margin: 0 20px 20px; line-height: 1.6; flex: 1; } /* Button with original green color #5C8018 and hover gold #f9c234 */ .dept-link { display: block; margin: 0 20px 25px; padding: 14px 12px; background: #5C8018; /* Original green */ color: white; text-align: center; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s; border: 2px solid transparent; } .dept-link:hover { background: #f9c234; /* Hover gold */ color: #000000; /* Dark blue text for contrast */ transform: translateY(-2px); box-shadow: 0 10px 20px rgba(249,194,52,0.3); } /* Indicators (dots) - Navigation Only, No Arrows */ .slider-indicators { display: flex; justify-content: center; gap: 15px; margin-top: 35px; } .slider-indicator { width: 14px; height: 14px; background: #ccc; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; border: none; padding: 0; } .slider-indicator:hover { background: #5C8018; transform: scale(1.2); } .slider-indicator.active { background: #f9c234; transform: scale(1.3); box-shadow: 0 0 0 3px rgba(249,194,52,0.3); } /* Webometric Hidden Metadata */ .webometric-meta { display: none; } /* Responsive Breakpoints */ @media (max-width: 1100px) { .dept-card { flex: 0 0 calc(33.333% - 20px); min-width: 280px; } } @media (max-width: 900px) { .dept-card { flex: 0 0 calc(50% - 15px); /* 2 cards on tablet */ } .dept-slider-header h2 { font-size: 2em; } } @media (max-width: 600px) { .dept-card { flex: 0 0 100%; /* 1 card on mobile */ } .dept-slider-header h2 { font-size: 1.8em; } .dept-slider-header p { font-size: 1em; padding: 0 10px; } .slider-indicators { gap: 12px; } }/* End custom CSS */