@charset "utf-8";

/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/

@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');


/*~-~-~-~-~-~-~-~-~-~ Custom fonts ~-~-~-~-~-~-~-~-~-~*/

@font-face {
    font-family: 'FuturaPT-Medium';
    src: url('../fonts/FuturaPT-Medium.eot');
    src: url('../fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
        url('../fonts/FuturaPT-Medium.woff') format('woff'),
        url('../fonts/FuturaPT-Medium.ttf') format('truetype'),
        url('../fonts/FuturaPT-Medium.svg#FuturaPT-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FuturaPT-Demi';
    src: url('../fonts/FuturaPT-Demi.eot');
    src: url('../fonts/FuturaPT-Demi.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaPT-Demi.woff2') format('woff2'),
        url('../fonts/FuturaPT-Demi.woff') format('woff'),
        url('../fonts/FuturaPT-Demi.ttf') format('truetype'),
        url('../fonts/FuturaPT-Demi.svg#FuturaPT-Demi') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "Urbanist", sans-serif;
    --heading-font:"Anybody", sans-serif;
    --futuraptdemi:'FuturaPT-Demi';
    --futuraptmd:'FuturaPT-Medium';
    --title-font:"Space Grotesk", sans-serif;
    --nav-font: "Urbanist", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL:82px;
    --f-size-XXL:54px;    
    --f-size-XL:32px;
    --f-size-L: 32px;    
    --f-size-M:24px;
    --f-size-S: 20px;
    --f-size-Body: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-green: #005A5B;
    --clr-green-2:#134E5E;
    --clr-dark-green: #002F35;
    --clr-yellow: #FFF600; 
    --clr-white: #fff;
    --clr-black: #000000;    
    --clr-dark: #363539;
    --clr-dark2: #444444;          
    --clr-gray: #F4F4F4;          
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}

/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0; line-height: 1.4; font-weight: 400; color: var(--clr-dark); transition: var(--common-transition);font-family:var(--body-font);}
h1, h2, h3, h4, h5, h6 { font-family:var(--futuraptmd); color: var(--clr-dark2); margin: 0 0 20px !important; padding: 0; line-height: 1.3; font-weight: 500; }

h1,.h1 {font-size: var(--f-size-XXXL);}
h2,.h2 {font-size: var(--f-size-XXL);}
h3,.h3 {font-size: var(--f-size-XL);}
h4,.h4 {font-size: var(--f-size-L);}
h5,.h5 {font-size: var(--f-size-M);}
h6,.h6 {font-size: var(--f-size-S);}  
p, .p{ margin: 0 0 20px; padding: 0; line-height: 1.4; font-size: var(--f-size-Body);color: var(--clr-dark2); } 

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--heading); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

textarea, select, .form-control, input { font-size: var(--f-size-Body); font-family: var(--body-font); padding:16px 20px; background:var(--clr-white); width: 100%; border-radius: 50px; margin-bottom: 30px; outline: none !important;  font-weight: 600; color: var(--clr-dark);border: 1px solid #D9D9D9; }
textarea { padding: 18.5px 20px; min-height: 120px !important; max-height: 150px; resize: none;border-radius: 30px !important; }
input[type="submit"] {background:var(--clr-green) url(../images/rightarrow.svg) no-repeat center;background-position: 100%; color: var(--clr-yellow); width: auto;  padding: 18px 69px 18px 40px; font-weight: 700; transition: all 0.3s ease 0s; outline: none; letter-spacing: normal; border: 0 none;}
input[type="submit"]:hover {background:var(--clr-green) url(../images/rightarrow.svg) no-repeat 100%; color: var(--clr-white);}
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit!important; border: 1px solid #D9D9D9; }

select, .form-select { appearance: none; -webkit-appearance: none; font-size: 16px; padding: 17px 20px; background-color: #FDFDFD; border-radius: 10px; border:1px solid rgba(0, 0, 0, 0.4); background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: 98% center; color: var(--clr-dark3); }
input:focus, input:focus-visible { outline: none; box-shadow: none; border:1px solid rgba(0, 0, 0, 0.4); }
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.field-group { margin-bottom: 30px; }

/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color:#83838366; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color:#83838366; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color:#83838366; }
/* --- for placeholder color --- */

label, .maxchar { margin-bottom: 11px; color: var(--clr-black-primary); font-weight: 500; font-size: var(--f-size-Body);} 
.common-padding{ padding-top:80px; padding-bottom:80px; }
.small-padding{ padding-top: 50px; padding-bottom: 50px; } 

.btn, a.btn{ font-family: var(--body-font); line-height: 1; background:transparent; color: var(--clr-white); display:inline-flex; border-radius: 30px; column-gap: 15px; padding: 0 0 0 30px;align-items: center; transition: var(--common-transition); font-size: var(--f-size-Body); font-weight: 600; text-transform: capitalize; border: solid 1px var(--clr-white);}
.btn span {margin-right: -2px;}
a.btn img { width: 56px; height: auto; position: relative;}
.btn:hover{ background:var(--clr-white); color: var(--clr-green);}
a.btn.solid { background:var(--clr-green); color:var(--clr-yellow);}
a.btn.solid:hover {background:var(--clr-yellow);color: var(--clr-green);}

.btn.border{background: transparent; text-transform: uppercase; color: var(--clr-white); border:solid 1px var(--clr-white);}
.btn.border:hover{background: var(--clr-sky); color: var(--clr-white); border:solid 1px var(--clr-sky);}
.headertop .btn span svg, .headertop .btn span i { display: none;}
.white h1, .white .h1, .white h2, .white .h2, .white h3, .white .h3, .white h4, .white .h4, .white h5, .white .h5, .white h6, .white .h6, .white p, .white .p, .white li{color: var(--clr-white);}
.radius-15 img { border-radius: 15px;}
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

/* -- Header -- */
.flex { display: flex;  align-items: center; justify-content: space-between;}
.hdr-logo { position: absolute; top: 0; z-index: 2;}
.hdr-wrap { display: flex; align-items: center;  justify-content:center;}

/*.header-sticky header { position: fixed;  top: 0; left: 0;  right: 0;  z-index: 9;  background: var(--clr-dark);}*/
.headerbtm { display: flex; justify-content: space-between; }
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) { margin-right:64px; }
.topmenu ul li:hover a,.topmenu ul li.current-menu-item a, .main-menu ul li.current-menu-item a, .main-menu ul li:hover a {color:var(--clr-green);border-bottom: solid 1px var(--clr-green);}
.topmenu ul li a, .main-menu ul li a {font-family: var(--nav-font); color: var(--clr-dark);font-size: var(--f-size-Body);font-weight: 600; border-bottom: solid 3px transparent;}
.small-logo { width: 120px; margin: 0 auto 20px; background: var(--clr-sky); height: 120px; display: flex; align-items: center; justify-content: center; padding: 20px; border-radius: 50%; }


.main-menu .hdr-btn{display: none;}
.main-header.no-banner { background: var(--clr-light-blue); position: relative;}
.hdr-btn {  display: flex; column-gap: 20px; flex-wrap: wrap; align-items: center;}
.topmenu ul, .main-menu ul {display: flex;}
.headertop{ background: var(--clr-green); padding-top: 20px; padding-bottom: 20px;}
.headertop .h3 {padding-left: 190px; margin-bottom: 0;}
.headerbtm{ padding-top: 20px; padding-bottom: 20px; }
header.no-banner .headerbtm { box-shadow: 0px 4px 10.4px 0px #00000017;}
/*.headermidd, .headerbtm, .max-search { max-width: 1406px; margin: auto;}*/

ul {margin: 0;padding: 0; list-style: none;}
.socialicon ul { display: flex; align-items: center;column-gap: 15px;}
.socialicon ul li a { color: var(--clr-white); border: 1px solid #F9F9EF1A;  width: 35px;  height: 35px; display: flex; align-items: center; justify-content: center;  border-radius: 50%;  background: #F9F9EF26;}
.socialicon ul li:hover a { color: var(--clr-dark); border: solid 1px var(--clr-yellow); background: var(--clr-green);}
/* dropdown */

li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li a{margin-right: 15px;}
li.menu-item-has-children::after { position: absolute; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 17px; margin-left: 15px; color: var(--clr-dark); transition: 0.3s ease-in; top: 2px; right: -10px; }
.hdr-menu .main-menu ul li.menu-item-has-children a:hover::after{display: none;}
li.menu-item-has-children > ul.sub-menu {display: none;position: absolute;background: #FFF;box-shadow: 0px 0px 10px 0px rgba(46, 45, 45, 0.25);min-width: 235px; z-index:2;margin-top: 0px; border-radius: 10px;}
li.menu-item-has-children > ul.sub-menu li{margin-right: 0;}
li.menu-item-has-children > ul.sub-menu li:hover{background:var(--clr-green);}
li.menu-item-has-children > ul.sub-menu li:hover a{color: var(--clr-white) !important;}
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--clr-black-primary);margin-right: 0;padding:10px; border: none;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{background-color: var(--yellow) !important;color: var(--black); }
li.menu-item-has-children > ul.sub-menu > li > a{border: none;border-bottom: 1px solid #8F8C82B2; font-size: 15px; }
li.menu-item-has-children:hover ul.sub-menu {display: block;}
li.menu-item-has-children:hover::after{transform: rotate(180deg);}
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;margin: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0 none;margin: 0; border-radius:0 0 10px 10px;}
li.menu-item-has-children ul.sub-menu li:first-child{border-radius: 10px 10px 0 0;}
li.menu-item-has-children ul.sub-menu li:last-child a{border:0 none;}
.minus, .plus {display: none;}

/* dropdown */


 @keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
} 

/* -- Header -- */

/* -- Banner -- */

/*.header-sticky .homebanner, .header-sticky .applicationform-holder, .header-sticky .myaccount-holder{ margin-top: 167px;}*/
.home-banner-holder img { width: 100%; height: 100%; object-fit: cover; object-position: top; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.homebanner .draggable { padding: 0 !important;}
.home-banner-holder { position: relative; padding-bottom: 38%; }
.home-banner-holder:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; z-index: 1; background: url(../images/bannerimg-overlay.svg)}
.banner-cnt { position: absolute; top: 50%;transform: translateY(-50%); right: 0; left: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; column-gap: 250px;}
.banner-cnt .bannerinfo{margin-top: 450px;}
.banner-cnt h2, .banner-cnt p { color: var(--clr-white);}
.banner-cnt h1 { font-weight: 600; font-family: var(--futuraptdemi);}
.banner-cnt h1 span{ color: var(--clr-yellow);}
span.headphone img {height: 16px;}


/* -- Banner -- */


.slick-prev, .slick-next{width:48px;height: 48px;display: flex;align-items: center;justify-content: center;bottom: 0;top: 50%; z-index: 1;opacity: 1;}
.slick-prev:hover, .slick-next:hover{background:;}
.slick-next:hover:before{filter: brightness(1); background:  url(../images/next-icon-hover.svg); background-position: center; background-size: contain;}
.slick-prev:hover:before{filter: brightness(1); background:  url(../images/prev-ico-hover.svg); background-position: center; background-size: contain;}
.slick-prev{left: -65px;}
.slick-prev::before{content: '';background: url(../images/prev-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:48px;width: 48px;opacity: 1;}
.slick-next{right:-65px;left: auto;}
.slick-next::before{content: '';background: url(../images/next-icon.svg);background-position: center; background-size: contain;background-repeat: no-repeat;position: absolute;height:48px;width: 48px;opacity: 1;}


h2.titletag { border: 1px solid #134E5E40; border-radius: 30px; background: #134E5E08; display: inline-flex; align-items: center; padding: 12px 24px; font-size: var(--f-size-SM); font-weight: 600; color: var(--clr-green-2); column-gap: 10px; }
/*Welcome*/
.welcome-holder{position: relative;} 
.welcome-holder:before { position: absolute; top:-570px; right:0; content:""; background:url(../images/shape-2.svg); width: 842px; height: 1426px; z-index: -1; } 
.welcome-holder-img { position: relative;padding-bottom: 100%;} 
.welcome-holder-img img { border-radius: 30px; border: solid 10px var(--clr-white); position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
.welcome-holder-img:before { position: absolute; top: -20px; right: -20px; content: ""; background: url(../images/shape-l.svg) no-repeat; width: 434px; height: 392px; z-index: -1; background-size: 100%;} 
.experience { position: absolute; z-index: 1; width: 274px; height: 116px; background: #CAA261; right: -21px; bottom: 144px; border-radius: 30px 0 0 30px; padding: 20px 30px; } 
.experience h4 { color: var(--clr-white); margin-bottom: 0; line-height: 1.3; }
/*Welcome*/


/*Our Principal*/
.our-principal-info { padding: 50px 60px; border-radius: 30px 0 0 30px;  background: var(--clr-green) url(../images/bg-1.svg); height: 100%;}
.our-principal-info p:last-child{margin-bottom: 0;}
.our-principal-img {height: 100%;}
.our-principal-img img { border-radius: 0 30px  30px 0; width: 100%; height: 100%; object-fit: cover;}
/*Our Principal*/

/*Our Growth*/
.our-growth-holder{ background: var(--clr-gray) url(../images/bg-2.svg) no-repeat top right; } 
.our-growth-card {background: var(--clr-white); height: 100%; box-shadow: 4px 4px 24px 0px #0000001A; border-radius: 30px; padding: 40px; text-align: center; border-bottom: solid 13px var(--clr-green); }
.our-growth-card:hover { background: linear-gradient(90deg, rgba(19, 78, 94, 1) 0%, rgba(113, 178, 128, 1) 100%); border-bottom: solid 13px transparent;}
.our-growth-card:hover .growth-card-icon {background: var(--clr-white);}
.our-growth-card:hover .growth-card-icon img {filter: hue-rotate(45deg);}
.our-growth-card .growth-card-icon { width: 85px; height: 85px; margin: 0 auto 10px; background: var(--clr-green); display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.our-growth-card h4{ color: var(--clr-green);}
.our-growth-card:hover h4, .our-growth-card:hover p{ color: var(--clr-white);}
.our-growth-card p { margin-bottom: 0;}
/*Our Growth*/

/*Our Activity*/
.our-activity-holder{ background: var(--clr-white) url(../images/bg-left-3.png) no-repeat; background-position: 0 -420px;}
.loader { background: linear-gradient(90deg, rgba(19, 78, 94, 1) 0%, rgba(113, 178, 128, 1) 100%); display: flex;  justify-content: space-between;  align-items: center;  padding: 60px;  border-radius: 30px 30px 0 0; column-gap: 45px;  text-align: left;}
.counter-card h2 { display: flex; align-items: center; font-family: var(--title-font); font-weight: 600; color: var(--clr-yellow);}
.counter-card h4, .counter-card p { color: var(--clr-white);}
.groupimage img {  width: 100%;}
.counter-card {width: 25%; padding-right: 20px;}
.counter-card:not(:last-child) { border-right: solid 1px rgb(255 255 255 / 25%);}

.vsitem-holder { display: flex; column-gap: 20px; padding: 20px; border: solid 1px #3d3d3d; background: var(--clr-white); border-radius: 30px; opacity: .5; transform: scale(.8); margin: -5px 0; transition: ease-in-out 1s!important; }
.vsitem-holder img{max-width: 44px; height: auto; width: 100%; object-fit: cover;}
.slick-active .vsitem-holder { transform: scale(1)!important;opacity: 1; transition: ease-in-out 1s!important; border-bottom: solid 5px var(--clr-green);border-right: solid 4px var(--clr-green);}
.slick-active .vsitem-holder h5{ color: var(--clr-green);}
.vsitem-holder h5{font-size: 30px; margin-bottom: 5px; }
.vsitem-cnt p {  display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3;   overflow: hidden; margin-bottom: 0;}
.verticalslider .slick-list { padding: 165px 0 !important;}

/*Our Activity*/

/*Our Events*/
.our-events-holder{ background: var(--clr-white) url(../images/bg-4.jpg) no-repeat; background-size: cover;}
.eventsl-holder { background: var(--clr-white); border-radius: 30px; padding: 16px; margin:30px 20px; box-shadow: 6px 4px 20.1px 0px #0000002E;}
.our-events-info.white h2.titletag { color: var(--clr-white); background: #FFFFFF3D; border: 1px solid #FFFFFF40; } 
.eventsl-cnt {margin-top: 15px;}
.eventsl-holder img { width: 100%;}
.eventsl-cnt p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; margin-bottom: 0; }
.dateofpost { font-size: 10px;color: var(--clr-green-2); font-weight: 500; margin-bottom: 5px; display: block; }
.eventsl-cnt h6.p{font-family: var(--body-font); color: var(--clr-green-2); text-transform: capitalize; font-weight: 600; margin-bottom: 10px;}
/*Our Events*/


/*================Our Gallery================*/

.empowering-collapse { display: flex; width: 100%; height: 100%; gap: 1% } 
.empowering_cell { position: relative; display: flex; width: 18%; align-items: self-start; flex-direction: column; transition: width 500ms cubic-bezier(.4,0,.2,1); padding: 0; border-radius: 30px; overflow: hidden; min-height: 650px; max-height: 650px; height: 100%; } 
.empowering_cell .empowering-dtls h2 { max-width: 400px; font-weight: 600; color: var(--white) } 
.empowering_cell .empowering-dtls { opacity: 0; transition-delay: 0ms } 
.empowering_cell.active .btn { pointer-events: auto; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; padding: 0; position: absolute; right: 30px; top: 30px; background: var(--clr-yellow); color: var(--clr-green); border: 0; } 
.empowering_cell.active { width: 60%!important } 
.empowering_cell.active .empowering-dtls { overflow: hidden; transition: all 300ms cubic-bezier(.4,0,.2,1); transition-delay: 300ms; opacity: 1; position: relative; z-index: 1 ; width: 100%; height: 650px; } 
.empowering_cell.active .btn { pointer-events: inherit} 
img.empowering_bg-image { object-fit: cover; position: absolute; z-index: -1; min-width: 730px; width: 100%; left: 0; right: 0; bottom: 0; top: 0; height: 101%; object-position: left; transition: all 300ms cubic-bezier(.4,0,.2,1); transition-delay: 300ms } 
.empowering_cell.active .empowering-dtls h3.h4 { background: linear-gradient(270deg, #71B280 0%, #134E5E 100%); position: absolute; bottom: 0; left: 0; margin-bottom: 0 !important; text-align: center; right: 0; width: 100%; padding: 15px; color: #fff; }



/*================Our Gallery================*/


/* -- Inner Banner -- */
.innerBanner .home-banner-holder {padding-bottom: 26%; overflow: hidden; min-height: auto; align-items: center;}
.innerBanner .banner-cnt { max-width: max-content; top: 50%; bottom: inherit; transform: translateY(-50%); display: block;}
.subtitle { text-align: center;}
.innerBanner .banner-cnt h2.titletag {  color: var(--clr-white); border: 1px solid var(--clr-white); font-family: var(--body-font); font-weight: 600; background:  #00000040;    margin: 0 auto;}
.subtitle { text-align: center;}
.innerBanner .banner-cnt img { width: 22px; height: 22px; position: relative;}
/*.header-sticky .innerBanner { margin-top: 180px;}*/
/* -- Inner Banner -- */

.student-img {  position: relative;  padding-bottom: 44%;}
.student-img img, .school-img img {border-radius: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.school-img {  position: relative;  padding-bottom: 52%;}

/*---Leadership---*/
.leadership-holder{background:url(../images/img-14.jpg) no-repeat; background-size: cover; position: relative;}
.leadership-holder:before { background: linear-gradient(180deg, rgba(19, 78, 94, 0.7) 0%, rgba(70, 132, 112, 0.7) 100%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ""; z-index: 1; } 
.leadership-holder .container{position: relative; z-index: 2;} 
.leadershiptabs-info {  background: #0000004D; backdrop-filter: blur(204.6999969482422px);    padding: 20px;    border-radius: 30px;} 
.leadershiptabsimg img { width: 100%; border-radius: 20px;} 
.leadershiptabsinfo {  padding: 0 50px; text-align: left;} 
.leadershiptabs ul li .nav-link { font-weight: 900; color: var(--clr-dark); padding: 13px 90px; text-transform: uppercase;}
.leadershiptabs ul li .nav-link.active { border-radius: 50px; background: linear-gradient(91.99deg, #144F5E 0.26%, #37756B 79.61%); } 
.leadershiptabs .nav-pills { background: var(--clr-white); display: inline-flex; justify-content: center !important; align-items: center; padding: 4px; border-radius: 50px; } .leadershiptabs { text-align: center;} 
h2.titletag.yellow { color: var(--clr-yellow); border: 1px solid #FFFFFF40; background: #FFFFFF08; }

/*---Leadership---*/


.clubs-culture-holder{ background: var(--clr-gray) url(../images/bg-2.svg) no-repeat top right;}
.cultureitem-holder { position: relative; padding-bottom: 85%; margin: 0 12px; } 
.cultureitem-holder img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } 
.cultureitem-cnt { transition:  ease 0.6s; height: 59px; overflow: hidden; position: absolute; bottom: 30px; background: #FFFFFF40; backdrop-filter: blur(16px); text-align: center; color: var(--clr-white); padding: 14px; left: 20px; right: 20px;border-radius: 20px; top: auto; }
.cultureitem-cnt h5{color: var(--clr-white); font-family:var(--body-font); letter-spacing: 1%; font-weight: 600;}
.cultureitem-holder p{color: var(--clr-white); }
.cultureitem-holder:hover .cultureitem-cnt{height: auto;transition:  ease 0.6s;bottom: auto;top: 50%;transform: translateY(-50%);}
.cultureitem-holder p:last-child{margin-bottom: 0;}

.cultureitem-cnt-inner {
    max-height: 200px;
    overflow-y: auto;
    padding-right: 20px;
}
.cultureitem-holder .cultureitem-cnt-inner::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } 
.cultureitem-holder .cultureitem-cnt-inner::-webkit-scrollbar { width: 4px; background-color: #F5F5F5; } 
.cultureitem-holder .cultureitem-cnt-inner::-webkit-scrollbar-thumb { background-color:var(--clr-green-2); border: 1px solid var(--clr-green); }


.aboutus-holder {position: relative;}
.aboutus-holder:before { position: absolute; top: -440px; right: 0; content: ""; background: url(../images/abtbg-1.png); width: 573px; height: 1111px; z-index: -1; } 
.history-holder { background: var(--clr-gray) url(../images/stripe-left.png) no-repeat top left;} 
.history-img {  position: relative;  padding-bottom: 52%;} 
.history-img img { border-radius: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
.teamslider .teamsitem {   transition: width 0.3s ease-in-out;} 
.teamslider .teamsitem.slick-center{ transform: scaleX(1.2);} 
.teamsitem-holder { height: 100%; position: relative; border-radius: 30px; overflow: hidden; padding: 0 10px; transform: scaleX(0.95); } 
.teamsitem-cnt { position: absolute; bottom: 0; background: linear-gradient(180deg, rgba(0, 90, 91, 0) 0%, rgba(0, 90, 91, 0.89) 70.67%, #005A5B 98.26%); left: 0; right: 0; top: 0; display: none; } 
.teamslider .teamsitem.slick-center .teamsitem-cnt{display: block;} 
.teamsitem-holder img { width: 100%; height: 100%; object-fit: cover !important; border-radius: 30px; }


/*custom team slider*/
:root { --gap: 1.25rem; --speed: 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94); --closed: 15rem; --open: 30rem; --accent: #ff6b35; } 
.nav-btn { width: 2.5rem; height: 2.5rem; border: none; border-radius: 50%;background: #005A5B1A; color:var(--clr-green); font-size: 1.5rem; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); } .controls button.nav-btn.next { left: auto;   right: -20px;} 
.nav-btn:hover { background: var(--clr-yellow); } 
.nav-btn:disabled { opacity: 0.3; cursor: default; } 
.our-team-slider-area { position: relative;margin: auto; max-width: 1600px; overflow: hidden; } 
.controls { display: none; box-sizing: border-box;} 
.track, .coordinatorssl { display: flex; gap: var(--gap); align-items: flex-start; justify-content: center; scroll-behavior: smooth; scroll-snap-type: x mandatory; } 
.track::-webkit-scrollbar, .coordinatorssl::-webkit-scrollbar { display: none; }

.coordinatorssl { display: flex; gap: var(--gap); align-items: flex-start; justify-content: center; scroll-behavior: smooth; scroll-snap-type: x mandatory; } 
.coordinatorssl::-webkit-scrollbar { display: none; } 

.project-card { position: relative; flex: 0 0 var(--closed); height: 35rem; border-radius: 1rem; overflow: hidden; cursor: pointer; transition: flex-basis var(--speed), transform var(--speed); } 
.project-card[active] { flex-basis: var(--open); } 
.project-card__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.75) saturate(75%); transition: filter 0.3s, transform var(--speed); } 
.project-card:hover .project-card__bg { filter: brightness(0.9) saturate(100%); transform: scale(1.06); } 
.project-card__content { opacity: 0; position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.7rem; padding: 0; background:linear-gradient(180deg, rgba(0, 90, 91, 0) 0%, rgba(0, 90, 91, 0.50) 70.67%, #005A5B 98.26%); z-index: 2; } 
.project-card__title { color:var(--clr-white); font-family: var(--body-font); writing-mode: vertical-rl; transform: rotate(180deg); } 
.project-card__thumb, .project-card__desc, .project-card__btn { display: none; } 
.project-card[active] .project-card__content { opacity: 1; flex-direction: row; align-items: flex-end; padding: 1.2rem 2rem; text-align: center; gap: 1.1rem; } .project-card[active] .project-card__title { writing-mode: horizontal-tb; transform: none; } 
.project-card[active] .project-card__thumb, .project-card[active] .project-card__desc, .project-card[active] .project-card__btn { display: block; } 
.project-card__thumb { width: 133px; height: 269px; border-radius: 0.45rem; object-fit: cover; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); } 
.project-card__desc { color:var(--clr-white); font-family: var(--body-font); overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } 
.project-card__btn { padding: 0.55rem 1.3rem; border: none; border-radius: 9999px; background: var(--accent); color: var(--clr-white); font-size: 0.9rem; font-weight: 600; cursor: pointer; } 
.project-card__btn:hover { background: #ff824f; } 

/*Meet Our Faculty & Coordinators slider dots*/
.dots { display: /*flex*/ none; gap: 0.5rem; justify-content: center; padding:40px 0 0 0 ; } 
.dot { display: flex; width: 10px; height: 10px; border-radius: 50%; background:#E6EFEF; cursor: pointer; transition: 0.3s; } 
.dot.active { background:var(--clr-green); transform: scale(1.3); } 
/*Meet Our Faculty & Coordinators slider dots*/

@media (max-width: 767px) { 
    :root { --closed: 4rem; --open: 22rem; } 
    .track, .coordinatorssl { flex-direction: column; scroll-snap-type: y mandatory; align-items: center; justify-content: flex-start; padding-bottom: 0; } 
    .project-card { height: 20rem; } 
    .project-card__title { font-size: 1.1rem; writing-mode: horizontal-tb; transform: none; text-align: center; padding-inline: 0.3rem; } 
    .nav-btn { width: 2rem; height: 2rem; font-size: 1.2rem; } 
} 
@media (max-width: 767px) { 
:root { 
--closed: 100%; 
--open: 100%; 
--gap: 0.8rem; 
} 
.head { padding: 30px 15px 20px; flex-direction: column; align-items: flex-start; gap: 1rem; } 
.slider { padding: 0 15px; } 
.track, .coordinatorssl { flex-direction: column; scroll-snap-type: y mandatory; gap: 0.8rem; padding-bottom: 20px; } 
.project-card { height: auto; min-height: 80px; flex: 0 0 auto; width: 100%; scroll-snap-align: start; } 
.project-card[active] { min-height: 415px; transform: none; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); } 
.project-card__content { flex-direction: row; justify-content: flex-start; padding: 1rem; align-items: center; gap: 1rem; } 
.project-card__title { writing-mode: horizontal-tb; transform: none; font-size: 1.2rem; margin-right: auto; } 
.project-card__thumb, .project-card__desc, .project-card__btn { display: none; }
.project-card[active] .project-card__content {align-items: end; padding: 1.5rem; justify-content: center;} 
.project-card[active] .project-card__title { font-size: 1.8rem; margin-bottom: 0; margin-top: 2rem; }
.project-card[active] .project-card__thumb { width: 200px; height: 267px; border-radius: 0.35rem; margin-bottom: 1rem; }
.project-card[active] .project-card__desc { font-size: 0.95rem; max-width: 100%; margin-bottom: 0; } 
.project-card[active] .project-card__btn { align-self: center; width: 100%; text-align: center; padding: 0.7rem; } 
.dots { display: none; } 
.controls { width: 100%; justify-content: space-between; padding: 0 15px 20px; } 
.nav-btn { position: static; transform: none; } 
}
/*custom team slider*/





.contactus-holder { background: var(--clr-white) url(../images/contactus-bg.svg) no-repeat; background-position: 0 -420px; } 
.map-area iframe { border-radius: 30px; overflow: hidden; margin-left: 20px;width: 100%; } 
.contactusinfo{padding-bottom: 60px; position: relative;} 
.contactusinfo:before { position: absolute; left: 60px; right: 60px; top: 40px; height: 1px; background: var(--clr-green); content: ""; } 
.contactusinfo ul { display: flex; align-items: center; justify-content: space-between; text-align: center; } 
.contactusinfo ul span { width: 75px; height: 75px; background: var(--clr-green); display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; outline: solid 5px #C6DCD2; color: var(--clr-white); margin: 0 auto 20px; } 
.contactusinfo ul .addressinfo h3.p { margin-bottom: 5px; color: var(--clr-green); font-weight: 600;margin-bottom: 10px !important; } 
.contactusinfo ul .addressinfo h4.p { color:#838383;} 
.parent { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 24px; grid-row-gap: 24px; } 
.div1 { grid-area: 1 / 1 / 2 / 3; } 
.div2 { grid-area: 2 / 1 / 3 / 2; } 
.div3 { grid-area: 2 / 2 / 3 / 3; } 
.div4 { grid-area: 1 / 3 / 3 / 5; } 
.div4 .student-img { padding-bottom: 100%;} 
.div1 .student-img { padding-bottom: 60%;} 
.div2 .student-img, .div3 .student-img { padding-bottom: 71%;} 
.reunions-holder { background: var(--clr-white) url(../images/bg-5.jpg) no-repeat; background-size: cover; } 
.reunionsitem-holder { position: relative; padding-bottom: 85%; margin: 0 12px; } 
.reunionsitem-holder img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } .reunionsitem-cnt { transition:  ease 0.6s; height: 59px; overflow: hidden; position: absolute; bottom: 30px; background: #FFFFFF40; backdrop-filter: blur(16px); text-align: center; color: var(--clr-white); padding: 14px; left: 20px; right: 20px;border-radius: 20px; top: auto; }
.reunionsitem-cnt h5{color: var(--clr-white); font-family:var(--body-font); letter-spacing: 1%; font-weight: 600; display: -webkit-box;
    -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden;}
.reunionsitem-holder .reunionsitem-cnt h6{color: var(--clr-white); font-family:var(--body-font); font-weight: 600;}
.reunionsitem-holder p{color: var(--clr-white); }
.reunionsitem-holder:hover .reunionsitem-cnt{height:auto;bottom: auto; transition: ease 0.6s;top: 50%; transform: translateY(-50%);background: #00000033;}
.reunionsitem-holder p:last-child{margin-bottom: 0;}


.reunionsslider .slick-dots li button:before{ color: var(--clr-white);}
.reunionsslider .slick-dots li.slick-active button:before { color:var(--clr-yellow);}
.reunionsslider .slick-dots { bottom: -50px;}
.noticeboard-info ul li p a svg { padding: 0 7px 0 10px;}
.reunionsitem-holder:hover .reunionsitem-cnt h5{color: var(--clr-yellow);}
.reunionsslider .slick-prev::before, .reunionsslider .slick-next::before { filter: brightness(0) invert(1);}
.reunionsslider .slick-prev:hover::before, .reunionsslider .slick-next:hover::before { filter: brightness(1);}
.eventsslider .slick-prev::before, .eventsslider .slick-next::before { filter: brightness(0) invert(1);}
.eventsslider .slick-prev:hover::before, .eventsslider .slick-next:hover::before { filter: brightness(1);}
.registernow-holder { position: relative;  background: url(../images/contactus-bg.svg) no-repeat; background-position: 0 -180px; background-size: 27%;}
.registernow-holder:after { z-index: -1; position: absolute; left: 19%; top: 0; right: 0; bottom: 0; content: ""; background: #F3F4F6; clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);}
.noticeboard-info ul li p{margin-bottom: 0;}
.noticeboard-info ul li p a{font-weight: 700; color: #CDA35E;}
.noticeboard-info ul li { box-shadow: 0px 5px 15px 0px #0000000D; border: 1px solid #0F163421;  border-radius: 20px; margin-bottom: 24px; padding:15px 20px 15px 40px; transition: all 2s; position: relative;}
.noticeboard-info ul li:hover { background: #F4F4F4; transition: all 2s;}
.noticeboard-info ul li:hover .download-pdf{display: block;}
.download-pdf{display: none; padding: 40px 0; text-align: center;}
.download-pdf img{ max-width: 357px; width: 100%;}
.noticeboard-info ul li:before { position: absolute; left: 20px; top: 21px; content: ""; width: 10px; height: 10px; background: var(--clr-dark); border-radius: 50%;}

.eventsdetails-holder{ background: url(../images/event-details-bg.png) no-repeat right bottom;}



/*---Gallery---*/
.flex-column {max-width: 352px;}        
.flex-column img {margin: 5px;}        
.flex-column .scale {transform: scaleY(1.05);padding-top: 5px;}

.galleryCard {}
  :root{
      --gap: 24px;
    }

/* Masonry using CSS columns */ 
.masonry{ column-gap: var(--gap); padding: var(--gap); } 

/* responsive column counts */ 
@media (min-width: 480px){ .masonry{ column-count: 2; }} 
@media (min-width: 768px){ .masonry{ column-count: 3; } } 
@media (min-width: 1200px){ .masonry{ column-count: 4; } } 

.masonry a:hover:before { background: linear-gradient(180deg, rgba(0, 90, 91, 0) 0%, rgba(0, 90, 91, 0.89) 70.67%, #005A5B 98.26%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 1; }
.masonry a{ cursor: url(../images/mouse-pointer-click.svg), auto; display: inline-block; width: 100%; margin: 0 0 var(--gap);padding-bottom: 100%; break-inside: avoid; position: relative; border-radius: 14px; overflow: hidden; transform: translateZ(0);} 
.masonry img{ display: block; width: 100%; height: 100%; transition: transform .3s ease;object-fit: cover; position: absolute; top: 0; left: 0; right: 0;  bottom: 0; } 
.masonry a:focus-visible{ outline: 3px solid #71c2ff; outline-offset: 2px; }
.masonry a:hover img{ transform: scale(1.04); }
.masonry .caption-badge{ position: absolute; left: 10px; bottom: 10px; background: rgb(0 0 0 / .55); color: #fff; padding: 6px 10px; border-radius: 999px; font-size: 12px; backdrop-filter: blur(2px); }
/* Lightbox */ 
.lightbox{ position: fixed; inset: 0; display: none; /* toggled to flex when open */ align-items: center; justify-content: center; z-index: 9999; } .lightbox.open{ display: flex; } 
.lb-backdrop{ position: absolute; inset: 0; background: rgb(0 0 0 / .92); backdrop-filter: blur(2px); } 
.lb-content{ position: relative; max-width: min(92vw, 1200px); max-height: 86vh; margin: 0; } 
.lb-img{ display: block; max-width: 100%; max-height: 100%; border-radius: 16px; box-shadow: 0 12px 40px rgb(0 0 0 / .5); } 
.lb-caption{ margin-top: 10px; text-align: center; font-size: 14px; color: #ddd; }
/* Controls */
.lb-btn{ position: absolute; top: 50%; transform: translateY(-50%); border: none; background: rgb(255 255 255 / 1); color:var(--clr-black); width: 44px; height: 44px; border-radius: 999px; cursor: pointer; place-items: center; backdrop-filter: blur(2px);line-height: 1; align-items: center; display: flex; justify-content: center; font-size: 22px; }
.lb-btn:hover { background: var(--clr-red);  color: var(--clr-white);}
.lb-prev{ left: 0px; }
.lb-next{ right:0px; } 
/* Close button */
.lb-close { position: absolute; top: 5px; right: 5px; border: none; width: 30px; height: 30px; border-radius: 999px; background: var(--clr-red); color: var(--clr-white); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; padding-top: 3px; }
.lb-close:hover{ color:var(--clr-black) }
/* Mobile tweaks: keep controls inside */ 
@media (max-width: 640px){ 
    .lb-prev{ left: 8px; } 
    .lb-next{ right: 8px; } 
    .lb-close{ top: 8px; right: 8px; }
}

.masonry-gallery { background:url(../images/gallerybg.png) no-repeat right -310px;}
.gallerytabs ul li .nav-link { font-weight: 400;border-radius: 30px;  color: var(--clr-green); border: solid 1px var(--clr-green);    padding: 13px 45px;}
.gallerytabs ul li .nav-link.active {background: var(--clr-yellow);color: var(--clr-green);}
.gallerytabs ul li {margin-bottom: 32px;}
.gallerytabs ul.nav { column-gap: 32px;}

/*---Gallery---*/

.our-team-holder {  background: url(../images/facultybg.png) no-repeat; background-position:0 -510px;}

.highlights-holder{ background: var(--clr-white) url(../images/highlightbg.png) no-repeat right -310px;}
.highlightscard-holder { position: relative;  padding-bottom: 119%;}
.highlightscard-holder img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } 
.highlightscard-cnt { transition:ease 0.6s; height: 59px; overflow: hidden; position: absolute; bottom: 30px; background: #FFFFFF40; backdrop-filter: blur(16px); text-align: center; color: var(--clr-white); padding: 14px; left: 20px; right: 20px;border-radius: 20px; top: auto; }
.highlightscard-cnt h5{color: var(--clr-white); font-family:var(--body-font); letter-spacing: 1%; font-weight: 600;}
.highlightscard-holder p{color: var(--clr-white); }
.highlightscard-holder:hover .highlightscard-cnt{height:auto;bottom: auto; transition:ease 0.6s; top:50%; transform:translateY(-50%); background:#00000033;}
.highlightscard-holder p:last-child{margin-bottom: 0;}

.smslideritem-accwrp h6 span {  display: block;  color: #838383;  font-weight: 400;}
.smslideritem-accwrp h6 { color: var(--clr-green); margin-bottom: 0;}
.smprofile { width:50px; height:50px; object-fit:cover; border-radius:50%; overflow: hidden;}
.smslideritem-accwrp { column-gap: 15px; }
.smslideritem-flex i { color: #1877F2; font-size: 30px;}
.smslideritem-holder {  background: var(--clr-white); border-radius:30px; overflow: hidden; margin: 0 12px;}
.smslideritem-cnt { padding: 30px; }
.smslideritem-cnt p{ margin-bottom: 0; }
.smslideritem-cnt p a.readmore { color: #0047FF;  text-decoration: underline; font-weight: 600; display: block;}


.socialslider .slick-dots li button:before{ color: var(--clr-white);}
.socialslider .slick-dots li.slick-active button:before { color:var(--clr-yellow);}
.socialslider .slick-dots { bottom: -50px;}
.socialslider-holder:hover .reunionsitem-cnt h5{color: var(--clr-yellow);}
.socialslider .slick-prev::before { filter: brightness(0) invert(1);}
.socialslider .slick-prev:hover::before,  .socialslider .slick-next:hover::before{ filter: brightness(1);}
.socialslider .slick-prev::before, .socialslider .slick-next::before { filter: brightness(0) invert(1);}

.smslideritem-img { position: relative; padding-bottom:80%; } 
.smslideritem-img img { position: absolute; top: 0; left: 0; right:0; bottom:0; content: ""; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; } 
.sciencslab-holder{ background: var(--clr-green) url(../images/sciencslabbg.svg) no-repeat top left;}
.sciencslabcard-holder { position: relative; padding-bottom: 100%; border-radius: 30px; } 
.sciencslabcard-holder img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } 
.sciencslabcard-cnt h5{ font-family:var(--body-font);  font-weight: 600; margin-bottom: 0!important;} 
.sciencslabcard-holder:hover .sciencslabcard-cnt h5{color:  var(--clr-green); } 
.sciencslabcard {    border-radius: 30px; background:var(--clr-white); padding: 30px 30px 83px 30px; margin-bottom: 24px;} 
.sciencslabcard-cnt { position: absolute; bottom: -50px; left: 0; right: 0; text-align: center; } 
.sciencslabcard-holder:hover .sciencslabcard-cnt{height:auto;bottom: auto; transition:ease 0.6s; top:90%; transform:translateY(-50%);background: #FFFFFFBF; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); left: 30px; right: 30px; border-radius: 30px; padding: 12px 0;} .sciencslabcard:hover{padding:0;}
.sciencslabcard:hover .sciencslabcard-holder { padding-bottom: 110%;} 
.homesciencslab-holder { background: var(--clr-gray) url(../images/bg-rightsci.svg) no-repeat top right;} 
/*
.library-holder .our-principal-img { position: relative; padding-bottom:66%; } 
.library-holder .our-principal-img img { border-radius: 0 30px  30px 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; } 
*/
.library-holder{ background:url(../images/boardingbg1-left.png) no-repeat ; background-position: 0 -360px;} 
.boardingimgcard { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 24px; grid-row-gap: 24px; }

.boardingimgcard .div1 { grid-area: 1 / 1 / 3 / 2; }
.boardingimgcard .div2 { grid-area: 2 / 2 / 4 / 3; }
.boardingimgcard .div3 { grid-area: 3 / 1 / 4 / 2; }
.boardingimgcard .div4 { grid-area: 1 / 2 / 2 / 3; }

.boardingimgcard .div3 .boardingimgcard-img {    height: 134px;    overflow: hidden;}
.boardingimgcard .boardingimgcardsm-img img {width: 100%;  height: 100%;    object-fit: cover;}
.boardingimgcard .div4 .boardingimgcard-img {    height: 134px;    overflow: hidden;}
.boardingimgcard .div4 .boardingimgcardsm-img img {    height: 100%;    object-fit: cover;}
.boardingimgcard .div1, .boardingimgcard .div3 { margin-top: -43px;}
.boardingimgcard .div1 .boardingimgcard-img img {height: 100%; max-height: 288px;}
.boardingimgcard .div2 .boardingimgcard-img img {height: 100%; max-height: 288px;}

.boardingimgcard .boardingimgcard-img {height:100%;}
.boardingimgcard .boardingimgcard-img img {height: 100%; width: 100%; object-fit: cover; border-radius: 15px;}







.heritage-holder {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 24px;grid-row-gap: 24px;}
.heritage-holder .div1 { grid-area: 1 / 1 / 3 / 2; }
.heritage-holder .div2 { grid-area: 2 / 2 / 4 / 3; }
.heritage-holder .div3 { grid-area: 3 / 1 / 4 / 2; }
.heritage-holder .div4 { grid-area: 1 / 2 / 2 / 3; }
.heritage-holder .div1 .heritagecard-img img, .heritage-holder .div2 .heritagecard-img img { max-height: 405px;}
.heritage-holder .div3 .heritagecard-img, .heritage-holder .div4 .heritagecard-img { height: 190px; overflow: hidden;}
.heritage-holder .heritagecard-img img, .heritage-holder .heritagecardsm-img img { height: 100%;width: 100%; object-fit: cover; border-radius: 15px;}

.eventlisting{ background: url(../images/gallerybg.png) no-repeat right -310px;}
.eventcard { background: var(--clr-white); border-radius: 30px; padding: 16px 16px 30px 16px; margin:0 0 20px 0; box-shadow: 6px 4px 20.1px 0px #0000002E;}
.eventcard-cnt {margin-top: 15px;}
.eventcard-cnt p{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; margin-bottom: 0; } 
.eventcard .dateofpost { font-size: 10px;color: var(--clr-green-2); font-weight: 500; margin-bottom: 5px; display: block; } 
.eventcard-cnt h6.p{font-family: var(--body-font); color: var(--clr-green-2); text-transform: capitalize; font-weight: 600; margin-bottom: 10px;} 
.eventcard-img { position: relative; padding-bottom: 100%; } 
.eventcard-img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.comnpageholder-info h2.wp-block-heading {
    font-size: var(--f-size-XL);
    margin-top: 20px !important;
}
.fc-button-group {
    column-gap: 10px;
}

/* -- Footer -- */


.continuous {width: auto; padding: 30px 0; border-bottom: 1px solid #FFFFFF1A;}
.continuous .slick-prev:before,.continuous .slick-next:before {  color: black;}
.continuous .slick-dots {  bottom: -30px;}
.continuous h2, .ftr-menu h6{font-family: var(--title-font); font-weight: 600;color:var(--clr-white); display: inline-block;}
.continuous h2 span { padding: 0 15px;display: inline-block;}
.continuous h2 a svg { transform: rotate(-45deg);}

.main-footer{position: relative; background: var(--clr-green);}
.footer-left { padding-right: 8rem;}
.footer-left p { margin: 30px 0;}
.main-footer h4{color: var(--clr-white); border-bottom: solid 1px hsl(60deg 45% 96% / 10%); padding-bottom: 30px;}
.main-footer p{color:var(--clr-white); font-weight: 400;}
.ftr-menu ul{ margin: 0;padding: 0;list-style: none;}
.ftr-menu ul li a{color:#DADEE2; font-weight: 400; padding-bottom: 15px; display: block; font-size: var(--f-size-body);}
.ftr-menu ul li:hover a{color: var(--clr-yellow);}
.copyrights {background: var(--clr-dark-green);}
.copyrights p{margin-bottom: 0;padding: 16px 0;}
.footer-link-wrap { display: flex; align-items:flex-start; justify-content: space-between;}
.ftr-menu .d-flex ul { min-width: 210px;}

.cont ul li span { display: flex; align-items: center; justify-content: center; border-radius: 50px; } 
.cont ul li, .cont ul li a { display: flex; align-items: center; column-gap: 16px;padding-bottom: 0; color: #fff; font-weight: 400; }
.cont ul li { margin-bottom: 15px;}
.copyrights-wrapper { display:flex; align-items:center; justify-content:space-between;}
.copyrights-wrapper ul {display: flex;}
.copyrights-wrapper ul li a { color:var(--clr-white);  display: block;  padding: 0 15px; font-weight: 400;}
.copyrights-wrapper ul li:not(:last-child) {  border-right: solid 1px var(--clr-white);}
.wpcf7-spinner { position: absolute;} 
.wpcf7-not-valid-tip { display: none;} 
.form-control.wpcf7-not-valid {  border-color: red;} 
.trms-cnd h1 { font-size:var(--f-size-L);}
.trms-cnd h2 { font-size: var(--f-size-S);}
.choose-file .wpcf7-form-control-wrap { position: inherit;}
/* -- Footer -- */

.empowering-section .storiesslider{display: none;}

.calendar { width: 100%; overflow: hidden; } 
.calendar .header { display: flex; align-items: center; gap: 12px; } 
span#month-name { white-space: nowrap;} 
select#year-select { margin-bottom: 0;font-size: 15px; padding:5px 15px 5px 5px; border-radius: 0; border: 0 none; background-size: 10px; cursor: pointer;} 
.calendar .nav-btn { background: #f6f930; border: none; border-radius: 50%; width: 34px; height: 34px; font-weight: bold; cursor: pointer; font-size: 18px; display: inline-flex; align-items: center; justify-content: center; position: relative;  top:inherit; left:inherit; transform:none;  } 
.calendar .month-year { font-weight: 600; font-size: 18px; display: flex; align-items: center; gap: 10px; } 
.calendar select { font-size: 15px; padding: 4px 8px; border-radius: 6px; border: 1px solid #ccc; } 
.calendar .selected-info { display: none; font-size: 13px; color: #444; margin-left: 8px; font-weight: 500; } 
.calendar table { width: 100%; border-collapse: collapse; text-align: center; } 
.calendar table thead th { padding: 10px; color: #777; border-bottom: 1px dashed #b0d0e0; } 
.calendar table td { height: 120px; vertical-align: top; position: relative; border: 1px solid #D9D9D9; cursor: pointer; user-select: none; transition: background 0.12s, transform 0.06s; } 
.calendar table td.empty { background: transparent; cursor: default; } 
/*.calendar table td:hover:not(.empty) { transform: translateY(-2px); } */
.calendar table td .date-num {display: inline-block; padding: 0; margin: 50px; border-radius: 6px; font-size: 15px; color: #222; BACKGROUND: transparent; } .calendar table .highlight { background-color: #d3e5dc; border-radius: 6px; } 
.calendar table .event { position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); background: #d8ebe0; color: #333; font-size: 12px; padding: 4px 10px; border-radius: 12px; } 
.calendar table td.selected { background:#C6DCD2; }

@media (max-width: 640px) {
    .calendar table .calendar { width: 100%; }
    .calendar table td { height: 64px; }
    .calendar table .nav-btn { width: 30px; height: 30px; }
  }





/* -- Body Adjustment -- */

@media only screen and (min-width:1699px){
.container{max-width: 1624px;}
}

@media only screen and (max-width:1799px){
    
}
@media only screen and (max-width:1699px){

.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) {margin-right: 15px;}
:root {
    --f-size-XXXL:45px;
    --f-size-XXL:35px;    
    --f-size-XL: 30px;
    --f-size-L: 24px;    
    --f-size-M:20px;
    --f-size-S: 18px;
    --f-size-Body: 16px;
}
    
.main-menu ul li a { margin-right: 25px;} 
li.menu-item-has-children::after { font-size: 15px; margin-left: 0;top: 2px; right: 6px;}
a.btn img {width: 45px;}     
    
.welcome-holder-img:before { width: 315px;  height: 290px;}   
.heritage-holder .div1 .heritagecard-img, .heritage-holder .div2 .heritagecard-img {  height: 100%;}   
    
.track .project-card[active]:first-child, .coordinatorssl .project-card[active]:first-child { margin-left: 238px;}
.leadershiptabs ul li .nav-link { padding: 13px 50px;}    
    
    
    
    
}
@media only screen and (max-width:1499px){
.banner-cnt .bannerinfo { margin-top: 350px;} 
.verticalslider .slick-list { padding: 138px 0 !important;}
.slick-prev{left: -45px;}
.slick-next{right: -45px;} 
.heritage-holder .div3 .heritagecardsm-img, .heritage-holder .div4 .heritagecardsm-img {height: 150px;} 
}
@media only screen and (max-width:1399px){

li.menu-item-has-children::after {top: 0;}  
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) { margin-right: 25px;}   
a.btn img { width: 40px;}   
.hdr-logo img { width: 130px;    height: auto;}
.headertop .h3 {  padding-left: 150px;} 
.empowering_cell { min-height: 510px;  max-height: 510px;}  
.experience { bottom: 90px;}   
.heritage-holder .div3 .heritagecardsm-img, .heritage-holder .div4 .heritagecardsm-img {height: 135px;}   
.student-img { padding-bottom: 60%;}  
.sciencslabcard {padding: 30px 30px 64px 30px;}  
    
.gallerytabs ul li {margin-bottom: 12px;}  
.gallerytabs ul.nav { column-gap: 12px;}   
.gallerytabs ul li .nav-link { padding: 10px 20px;} 
.track .project-card[active]:first-child, .coordinatorssl .project-card[active]:first-child { margin-left: 420px;}  
}

@media only screen and (max-width:1299px){
.banner-cnt .bannerinfo { margin-top: 280px;}
.experience { width: 200px;  height: 100px;} 
    
    
}
@media only screen and (max-width:1199px){


:root {
    --f-size-XXXL:35px;
    --f-size-XXL:30px;    
    --f-size-XL: 24px;
    --f-size-L: 20px;    
    --f-size-M:18px;
    --f-size-S: 16px;
    --f-size-Body: 15px;
}

.our-principal-info {padding: 30px;} 
.banner-cnt .bannerinfo { margin-top: 200px;}  
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) { margin-right: 15px;}
li.menu-item-has-children::after { right: 3px;}
.topmenu ul li:not(:last-child), .main-menu ul li:not(:last-child) {margin-right: 10px;}   
.heritage-holder .div3 .heritagecardsm-img, .heritage-holder .div4 .heritagecardsm-img { height: 115px;} 
.leadershiptabs ul li .nav-link { padding: 13px 40px;}   
.highlightscard { margin: 12px 0;} 
.main-menu ul li a { margin-right: 20px;}
.track .project-card[active]:first-child, .coordinatorssl .project-card[active]:first-child { margin-left: 610px;}
    
    
}
@media only screen and (max-width:991px){
/* Base (no delays here) */
.main-menu ul li, .main-menu .topmenu ul li{  opacity: 0;  transform: translateX(-150px);  -webkit-transform: translateX(-150px);  transition-property: transform, opacity;  -webkit-transition-property: transform, opacity;  transition-duration: .4s;  -webkit-transition-duration: .4s;}

/* Open state (no delays here either) */
.main-menu.sidebar-open ul li, .main-menu.sidebar-open .topmenu ul li{  opacity: 1;  transform: translateX(0);  -webkit-transform: translateX(0);
  transition-delay: 0s;  -webkit-transition-delay: 0s;
text-align: left; border-bottom: solid 1px rgb(255 255 255 / 50%); padding: 13px 0; }

/* -------- First UL (direct child of .main-menu) -------- */
.main-menu.sidebar-open > ul > li:nth-child(1){ transition-delay:.10s; -webkit-transition-delay:.10s; }
.main-menu.sidebar-open > ul > li:nth-child(2){ transition-delay:.18s; -webkit-transition-delay:.18s; }
.main-menu.sidebar-open > ul > li:nth-child(3){ transition-delay:.26s; -webkit-transition-delay:.26s; }
.main-menu.sidebar-open > ul > li:nth-child(4){ transition-delay:.34s; -webkit-transition-delay:.34s; }
.main-menu.sidebar-open > ul > li:nth-child(5){ transition-delay:.42s; -webkit-transition-delay:.42s; }
.main-menu.sidebar-open > ul > li:nth-child(6){ transition-delay:.50s; -webkit-transition-delay:.50s; }
.main-menu.sidebar-open > ul > li:nth-child(7){ transition-delay:.58s; -webkit-transition-delay:.58s; }
    
.common-padding { padding-top: 50px; padding-bottom: 50px; }
.common-small-padding { padding-top: 35px; padding-bottom: 35px; }
.nav_btn { display: block; cursor: pointer; position: absolute; right: 37px; top: 42px;}
.hdr-wrap ul { display: block; text-align: center;}
body.fixed { overflow-y: hidden;}
body.fixed .main-header { background: var(--clr-dark-blue);}
.stickyholder { position: relative;}
.main-menu { position: fixed; transform:translateX(100%); right: -100%; top:0; bottom: 0; z-index: 999; max-width: 100%; background-color:var(--clr-green); padding-top: 70px; margin:0; display:block; width: 100%; padding-left: 20px;padding-right: 20px; transition: 250ms ease-in;overflow: auto;  border-top: solid 1px var(--clr-blue); }
.nav_btn.sidebar_active { position: fixed; top: 30px; right: 20px;  z-index: 999;}
.main-menu>ul li { width: 100%; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu>ul>li a { display: block; padding: 5px 0;border-bottom:0;color: var(--clr-white)!important; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a{color: var(--clr-white); border-bottom:0 none;}
.topmenu ul li a{padding: 5px 0; display: block; }
.hdr-rt ul li a {color: var(--clr-white);padding: 10px;}
li.menu-item-has-children::after{content: none;}
.nav_btn::after { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); right: 0; top: -12px;transition: ease-in-out 0.4s; }
.nav_btn::before { content: ""; position: absolute; width: 35px; height: 2px; background: var(--clr-white); top: 3px; right: 0;transition: ease-in-out 0.4s; }

.nav_btn.sidebar_active::after{transform: rotate(45deg);top: 0; }
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 0; }
.main-menu.sidebar-open { right: 0; }
.minus, .plus{display: block;position: absolute;right: 0;top: 0;font-weight: 400;color: var(--clr-white);font-size: 30px;}
.minus{display: none;}

li.menu-item-has-children.open-sub > ul.sub-menu{display: block;}
li.menu-item-has-children > ul.sub-menu { min-width: 100%; margin-top: 10px;}
li.menu-item-has-children:hover > ul.sub-menu{height: 0; overflow: hidden;}
li.menu-item-has-children.open-sub > ul.sub-menu{height: 100%; position: relative;}
li.menu-item-has-children.open-sub .minus{display: block; font-size: 50px; line-height: 1; right: 0; top: -8px;}
li.menu-item-has-children.open-sub .plus{display: none;}
li.menu-item-has-children ul.sub-menu a{color: var(--clr-black-primary) !important;}
.headerbtm { border-top: 0; padding: 0;}    
    
    
    
.hdr-logo img { width:90px; height: auto;}
.headertop .h3 { padding-left: 95px; width: 65%; font-size: var(--f-size-S);} 
a.btn img { width: 35px;}  
.btn, a.btn { padding: 0 0 0 17px;}  
.headertop { padding-top: 10px; padding-bottom: 10px;}  
 .hdr-btn {column-gap: 15px; margin:0 50px 0 0;} 
    
    
.our-growth-card { height:calc( 100% - 24px); margin-bottom: 24px;}
.verticalslider { padding: 50px 0;}  
.footer-left { padding-right: 0;}  
.banner-cnt .bannerinfo {margin-top: 0;}  
.welcome-holder-img { margin: 50px 0;} 
.welcome-holder-img:before { width: 65%;  height: 405px;}  
.experience { bottom: 44%;}
.our-principal-info { padding: 30px; border-radius: 30px 30px 0 0;}
.our-principal-img { height: auto;}  
.our-principal-img img { border-radius: 0 0 30px 30px; width: 100%;  height: 100%;  object-fit: cover;}  
.empowering_cell { min-height: 450px;  max-height: 450px;}  
.cont ul li{flex-wrap: wrap; margin-bottom: 20px;padding-bottom: 0;}  
.cont ul li:last-child{ margin-bottom: 0;}  
.cont ul li a{ margin-bottom: 0;}  
.cont ul li, .cont ul li a {font-size: 12px;} 
.loader { padding: 30px; flex-wrap: wrap;} 

.map-area iframe { margin-left: 0;} 
.contactusinfo ul li { width: 50%; margin-bottom: 20px;}
.contactusinfo ul {flex-wrap: wrap;} 
.contactusinfo:before{display: none;} 
.order-2 {order: inherit !important;}  
.contactus-info { padding-top: 30px;}
.contactusinfo ul span { width: 60px; height: 60px;}   
.subtitle { margin-bottom: 15px;}     

.boardingimgcard .div1, .boardingimgcard .div3 { margin-top: 0;} 
.boardingimgcard .div1 .boardingimgcard-img img { height: 100%;} 
.boardingimgcard .div4 .boardingimgcardsm-img, .boardingimgcard .div3 .boardingimgcardsm-img { height: 100%;}
.homesciencslab-holder-info { padding-top: 30px;}     
    
.leadershiptabs ul li .nav-link { padding: 11px 24px;} 
.leadershiptabsinfo {padding: 0;}   
.leadershiptabsimg { position: relative; padding-bottom: 100%; }
.leadershiptabsimg img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } 
    
.cultureslider .slick-dots li button:before { color: var(--clr-green);} 
.counter-card {
    width: 46%;
    border-bottom: solid 1px rgb(255 255 255 / 25%);
    margin-bottom: 20px;
    border-right: 0 none !important;
}
/*TEAM SLIDER CONTROL*/
:root {
    --closed: 13rem;
    --open: 21rem;
}
.cont ul li span.days {padding-left: 28px;}   
    
}

@media only screen and (max-width:767px){
:root {
    --f-size-XXXL:28px;
    --f-size-XXL:24px;    
    --f-size-XL: 20px;
    --f-size-L: 18px;    
    --f-size-M:17px;
    --f-size-S: 16px;
    --f-size-Body: 15px;
}
    
    
    
.headertop .btn span svg, .headertop .btn span i {display: block;}   
.headertop .btn span img {display: none;}  
.headertop .h3 {padding-left: 80px;}
.headertop .btn {font-size: 0; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 0; column-gap: 0;}  
.headertop .btn span {font-size: 16px;}   
.hdr-logo img { width: 68px; height: auto;}
.hdr-btn { margin: 0 65px 0 0;}  
.nav_btn {right: 20px; top: 40px;}  
  
.our-growth-card { height:auto; margin-bottom: 24px; }
.continuous { padding: 30px 0 0;}  
.footer-left, .ftr-menu { padding-bottom: 30px;} 
/*
.main-footer { text-align: center;}  
.socialicon ul, .ftr-menu .d-flex, .footer-link-wrap { justify-content: center;}  
*/
.footerlogo {text-align: center;}
.ftr-menu .d-flex ul {  min-width: inherit; width: 100%;  column-count: 2;}
.cont ul li a {padding-bottom: 0;}
.footer-link-wrap .ftr-menu.cont {  padding-bottom: 0;}   
.copyrights-wrapper {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding-bottom: 20px;} 
.welcome-holder-img { max-width: 94%;} 
.copyrights p {font-size: 14px; text-align: center;}   
    
    
    
.empowering-section .empowering-collapse{display: none;} 
.empowering-section .storiesslider{display: block;} 
.storiesslider .storiesitems  img { border-radius: 30px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.storiesslider .storiesitems { position: relative;padding-bottom: 300px;}
.storiesslider .storiesitems-info { position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}
.storiesslider .storiesitems-info h3.h4 { background: linear-gradient(270deg, #71B280 0%, #134E5E 100%); position: absolute; bottom: 0; left: 0; margin-bottom: 0 !important; text-align: center; right: 0; width: 100%; padding: 15px; color: #fff; border-radius: 0 0 30px 30px;} 
.storiesslider .slick-dots li button:before { color: var(--clr-green);} 

.counter-card {width: 100%;    border-right: solid 1px rgb(255 255 255 / 25%); border-bottom: solid 1px rgb(255 255 255 / 25%);}   

.loader .counter-card{ margin-bottom: 20px;}
.counter-card h2 { margin: 20px 0;} 
.home-banner-holder { padding-bottom: 100%;}  
.banner-cnt { column-gap: 0;  flex-wrap: wrap;}
.innerBanner .home-banner-holder {padding-bottom: 100%;}
.vsitem-holder h5 { font-size: 20px;}  
.our-growth-card { padding: 25px;}
.our-growth-card .growth-card-icon { width: 70px; height: 70px;}
.experience {  width: 160px; height: 85px;}
    
    
.school-img { padding-bottom: 100%;}  
.heritage-holder .div3 .heritagecardsm-img, .heritage-holder .div4 .heritagecardsm-img { height: 65px;}   
.heritage-holder { grid-column-gap: 12px; grid-row-gap: 12px;} 
.innerBanner .banner-cnt { text-align: center;} 
.boardingimgcard { grid-column-gap: 12px;  grid-row-gap: 12px;} 
.sciencslabcard { margin-bottom: 20px;} 
.student-img, .history-img {padding-bottom: 100%;}  
.leadershiptabs ul li .nav-link { padding: 9px 15px; font-size: 12px;}  
.leadershiptabsimg { margin-bottom: 24px;} 
.cultureitem-holder { padding-bottom: 120%;}  
    
.registernow-holder:after { left: 0; clip-path: none;} 
.student-img img, .school-img img { border-radius: 10px;} 
.welcome-holder .parent {  grid-column-gap: 12px; grid-row-gap: 12px; margin-bottom: 24px;} 
.track .project-card[active]:first-child, .coordinatorssl .project-card[active]:first-child { margin-left: 0;}  
    
    
.tabsholder { background: var(--clr-white); padding: 4px; border-radius: 50px; width: 100%; overflow-x: auto; overflow-y: hidden; } 
.leadershiptabs .nav-pills { background: none; display: flex; justify-content: flex-start !important; align-items: center; padding: 0; border-radius: 0; flex-wrap: nowrap; width: 700px; }
    
    
.boardingimgcard .div1, .boardingimgcard .div3 {margin-top: auto;} 
.boardingimgcard .boardingimgcard-img {height: auto;}
.boardingimgcard .div1 .boardingimgcard-img img, .boardingimgcard .div2 .boardingimgcard-img img { max-height: 200px;min-height: 200px;}    
.boardingimgcard { grid-template-rows: repeat(1, 1fr);}    
.heritage-holder {grid-template-rows: repeat(1, 1fr);} 
.heritage-holder .div1 .heritagecard-img img, .heritage-holder .div2 .heritagecard-img img { max-height: 235px;  min-height: 235px;}
.movedown-mobile { margin-bottom: 30px;} 
    
}
@media only screen and (max-width:480px){}
@media only screen and (max-width:380px){
.contactusinfo ul li {width: 100%;} 
.leadershiptabs ul li .nav-link { padding: 9px 10px;  font-size: 10px;} 
.cultureitem-holder .cultureitem-cnt .cultureitem-cnt-inner{  height: 250px;    overflow: auto;} 
    
    
    
}
@media only screen and (max-width:380px){}