@charset "utf-8";

:root {  
  /** @font family declaration **/   
  --ff-gotham-regular:'Gotham-Book';
  --ff-gotham-light:'Gotham-Light';
  --ff-gotham-medium:'Gotham-Medium';
  --ff-gotham-bold:'Gotham-Bold'; 
 
  /** background color declaration **/
  --bg-white: #FFFFFF;
  --bg-black: #000000;  
  --bg-blue: #001E55;
  --bg-red: #D95B59;
  --bg-grey: #474747;
  --bg-lgrey: #F6F5F2;
  --bg-lblue: #008BD2;
  --bg-green: #0C8179;
  --bg-yellow: #F6C34F;
  --bg-bluebg:#384490; 
  --bg-alabasterwhite:#FAFAFA; 
  
  /** text color declaration **/
  --txt-white: #FFFFFF;
  --txt-black:#000000;
  --txt-black1:#333333;
  --txt-red: #D95B59;
  --txt-green: #0C8179;
  --txt-blue: #133370;
  --txt-yellow: #F5CF23;
  --txt-grey: #3A3A3A;

  
--bg: #f6f3ef;
--line: #dfb7ff;
--accent: #97a2ff;
--text: #111;
--card: #ffffff;
--card-border: rgba(0,0,0,.12);
  
}

/* CSS Document */
body { padding:0px; margin:0px; background:var(--bg-white); font-size:1rem; color:#000000; line-height:1.3; font-family: 'Gotham-Book'; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:1rem; line-height:1.3; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 1.4; }
a{ color: #000000; outline:none; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:100%; max-width: 1170px; margin:auto; padding:0px;}

img { border: 0; height: auto; max-width: 100%; vertical-align: middle;  width: 100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

/* common css */
.overflow-hidden { overflow: hidden;}
.d-flex { display: flex; flex-wrap: wrap; }
.justify-space-between { justify-content: space-between;}
.div-center { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.align-center { align-items: center;}
.align-top { align-items: flex-start;}
.space-between { display: flex; flex-wrap: wrap; justify-content: space-between;}
::selection { color: var(--txt-white); background-color: var(--bg-lblue);}

html.lenis { height: auto;}
.lenis.lenis-smooth { scroll-behavior: auto;}
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain;}
.lenis.lenis-stopped { overflow: hidden;}

/* header css */
header {  float: left; width: 100%; position: relative; z-index: 9; background: var(--bg-white); box-shadow: 0 3px 14px rgba(0, 0, 0, 0.19); }
.head-top { float: left; width: 100%; padding: 10px 0px; }
.head-top-rgt { float: left; width: 100%;  display: flex; justify-content: right; column-gap: 30px; }
ul.head-links { display: flex; align-items: center; column-gap: 32px; }
ul.head-links li { flex: 0 1 auto; position: relative;}
ul.head-links li::after { width: 5px; height: 5px;position: absolute;content: '';background: #D9D9D9;border-radius: 5px;top: 9px;right: -17px;}
ul.head-links li:last-child::after { display: none;}
ul.head-links li a { color: var(--txt-black); font-size: 16px; font-family: var(--ff-gotham-regular); transition: all 0.5s ease; }
ul.head-links li a:hover { color: var(--txt-red); }
.head-fut-btn { display: flex;column-gap: 15px;}
a.head-btn { display: inline-flex;width: 132px; height: 35px; padding: 0px 15px; border-radius: 30px; border: 2px solid var(--bg-green);background: var(--bg-green); align-items: center; justify-content: center; color: var(--txt-white); font-size: 12px; text-transform: uppercase; font-family: var(--ff-gotham-bold); }
a.head-btn:hover {  color: var(--txt-green); background: var(--bg-white); }
a.head-btn-ad { display: inline-flex;width: 132px; height: 35px; padding: 0px 15px; border-radius: 30px; border: 2px solid var(--bg-red);background: var(--bg-red); align-items: center; justify-content: center; color: var(--txt-white); font-size: 12px; text-transform: uppercase; font-family: var(--ff-gotham-bold); }
a.head-btn-ad:hover {  color: var(--txt-red); background: var(--bg-white);} 

.head-btm { float: left; width: 100%; border-top: 2px solid rgba(230, 230, 230, 1); padding: 10px 0px; }
.header-in { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; }

.header-top-bg { float: left;width: 100%;display: flex;flex-wrap: wrap;}
.head-top-lft { float: left; height: 5px; width: 33.33%;}
.head-top-lft.green { background: var(--bg-green);}
.head-top-lft.yellow { background: var(--bg-yellow);}
.head-top-lft.red { background: var(--bg-red);}

header.sticky { position: fixed; top: 0; transform: translateY(0); animation: slideDown 0.6s ease forwards; z-index: 99; }
/* Keyframes for sliding down */
@keyframes slideDown {
  0% { transform: translateY(-100%); opacity: 0;}
  100% { transform: translateY(0); opacity: 1; }
}

/* megamenu css starts */
.menu-nav{ float: left; }
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 35px; flex-wrap: wrap; align-items: center;}
.megamenu-sec ul li { display: inline-block; margin-right: 0; position: relative; }
.megamenu-sec ul li a { font-size: 16px; font-family: var(--ff-gotham-medium); line-height: 1; color: var(--txt-black); transition: all 0.4s ease; padding: 25px 0; display: flex; flex-wrap: wrap; align-items: center; text-decoration: none; position: relative; column-gap: 12px;}
.megamenu-sec ul li a.active { color: var(--txt-red);}
.megamenu-sec ul li.has-mega-menu a::after { display: block; content: ""; width: 8px; height: 8px; border-right: 2px solid var(--bg-black); border-bottom: 2px solid var(--bg-black); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px; position: relative; top: -2px; right: 0px;}
.megamenu-sec ul li a:hover::after, .megamenu-sec ul li a.active::after { border-right: 2px solid var(--txt-red); border-bottom: 2px solid var(--txt-red); }
.megamenu-sec ul li:hover a { color: var(--txt-red);}
.megamenu-sec ul li:hover a.active::after {  border-right: 2px solid var(--txt-red); border-bottom: 2px solid var(--txt-red); }
.megamenu-sec ul li ul.submenu { border-radius: 0px 0px; z-index: 2; left: -10%; right: 0; margin: 0 auto; width: 325px; position: absolute; background: var(--bg-white); padding: 25px; transition: all 0.3s ease; top: 130%; opacity: 0; visibility: hidden; border: 0px solid #A1A1A1; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.05);}
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%; }
.megamenu-sec ul li ul.submenu li { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgba(73,82,255,0.1); width: 100%;}
.megamenu-sec ul li ul.submenu li:last-child { border: none; padding: 0px; margin: 0px;}
.megamenu-sec ul li ul.submenu li a { color: var(--txt-blue); display: flex; flex-wrap: wrap; padding: 0; font-size: 16px; line-height: 1.4; font-family: var(--ff-gotham-regular); }
.megamenu-sec ul li ul.submenu li a:hover { color: var(--txt-red);}
.megamenu-sec ul li ul.submenu li a::after { display: none;}

.hdr-last { order: 3; position: relative; overflow: hidden;}
.hdr-last ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px;}
.hdr-last ul li { flex: 0 1 auto;}
.hdr-last ul li a.talk-btn { font-size: 14px; font-family: var(--ff-inter-sbold); text-transform: uppercase; }

/* banner section css */
.hero-slider {float: left; width: 100%; padding: 0px 0px; overflow: hidden; position: relative; }
.hero-slider .swiper-slide::before { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; 
background: linear-gradient(to right,  rgba(0,0,0,0.5) 40%,rgba(0,0,0,0) 100%); }
.hero-slider .swiper-slide .hero-cnt { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; position: absolute; left: 0px; top:125px; text-align: center; }
.hero-slider .swiper-slide .hero-cnt h2 { color: var(--txt-white); font-size: 75px; line-height: 1.2; font-family: var(--ff-gotham-bold); margin-bottom: 10px; letter-spacing: -0.65px; 
text-shadow: 0px 0px 20px rgba(1, 1, 1, 0.25);}
.hero-slider .swiper-slide .hero-cnt h2 span { color: var(--txt-yellow);}
.hero-slider .swiper-slide .hero-cnt p { color: var(--txt-white); font-size: 25px; line-height: 1.5; font-family: var(--ff-gotham-regular); margin-bottom: 45px; letter-spacing: -0.33px; 
text-shadow: 0px 0px 20px rgba(1, 1, 1, 0.25);}
.hero-slider .swiper-slide .hero-cnt ul {display: flex;align-items: center;column-gap: 32px;justify-content: center;}
.hero-slider .swiper-slide .hero-cnt ul li{flex: 0 1 auto;position: relative;font-family: var(--ff-gotham-regular); color: var(--txt-white);font-size: 22px; line-height: 1.5;letter-spacing: -0.33px; text-shadow: 0px 0px 20px rgba(1, 1, 1, 0.25);}
.hero-slider .swiper-slide .hero-cnt ul li::after {width: 7px;height: 7px;position: absolute;content: '';background: #D9D9D9;border-radius: 5px;top: 14px;right: -17px;}
.hero-slider .swiper-slide .hero-cnt ul li:last-child:after { display: none;}
.hero-slider .swiper-nav { width: 100%; position: absolute; bottom: 65px; margin-top: 0px; }
.hero-slider .control-in { width: 100%; display: flex; align-items: center; column-gap: 30px; justify-content: left; }
.hero-slider .swiper-nav-ban { display: flex; z-index: 1; width: 160px;justify-content: space-between; }
.hero-slider .swiper-button-prev-ban{background: rgba(24,25,24,.4); width: 61px; height: 61px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; }
.hero-slider .swiper-button-next-ban{background: rgba(24,25,24,.4); width: 61px; height: 61px; border-radius: 50px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition:all .5s ease; }
.hero-slider .swiper-button-prev-ban:hover{ background: rgba(24,25,24,.7); } 
.hero-slider .swiper-button-next-ban:hover { background: rgba(24,25,24,.7); }
.hero-slider .swiper-nav-ban img { width: auto; }
.banner-shape { position: absolute; right: 0px; bottom: 0px; z-index: 1; }


/* Breadcrum Navigation for Chairman Desk & Career */
.breadcrum1 {float: left; width: 100%; position: relative; background:var(--bg-alabasterwhite);}
.breadcrum1 ul { float: left; width: 100%; padding: 25px 0px; margin-top: 20px; }
.breadcrum1 ul li { float:left; width: auto; color: #444; font-size: 16px; line-height: 14px; font-family: var(--ff-gotham-medium); }
.breadcrum1 ul li:first-child a { padding-left: 0px; }
.breadcrum1 ul li a { float: left; font-size: 16px; color: #444; line-height: 14px; transition:all .5s ease; letter-spacing: -0.15px;  font-family: var(--ff-gotham-regular); position: relative;}
.breadcrum1 ul li:not(:last-of-type) a::after { position: relative; content: "\f105"; font-family: "FontAwesome"; padding: 0px 8px; color: #444; font-size: 10px; height: 12px;top: -1px; }
.breadcrum1 ul li a:hover { color: #008BD2; }
/* .breadcrum1 .row { width:1225px;} */

/* Chairman's Desk */
.chairman-desk { float: left; width: 100%; padding: 0 0 80px 0; position: relative; }
.chairman-heading { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 20px; margin-top: 0px; }
.chairman-heading h1 { display: flex; flex-wrap: wrap; align-items: left; text-align: left; font-size: 60px; line-height: 1.2; font-family: var(--ff-gotham-bold); color: var(--txt-black); margin: 10px 0px 30px 0px; }

/* Chairman's Message */
.chairmandesk { float: left; width: 100%; padding: 50px 0; background: var(--bg-alabasterwhite);  }
.chairman-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; margin-bottom: 35px; }
.chairman-cnt-rht { flex: 0 1 51%;}
.chairman-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #133370; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 20px;}
.chairman-cnt-rht h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.chairman-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.chairman-cnt-rht p:last-child { margin-bottom: 0;} 
.chairman-img-lft { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.chairmandesk.secretary-cont { background: #fff;}
.chairmandesk.secretary-cont .chairman-img-lft{order: 1;}
.chairman-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }
.chairman-name { float: left; width: 100%; padding: 20px 0 0 10px; }
.chairman-name h3 { color: #211915; font-size: 28px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }
.chairman-name { float: left; width: 100%; padding: 20px 0 0 10px; }
.chairman-name h5 span { font-size: 18px; color: var(--txt-red); font-family: var(--ff-gotham-medium); text-transform: uppercase; }
.chairman-name h5 { color: #000000; font-size: 18px; line-height: 1.8; font-family: var(--ff-gotham-regular); letter-spacing: -0.29px; transition: all 0.5s ease; }


/* Career */
.careers-card{ width: 60%; margin: 0 auto; background:var(--bg-white); border-radius:15px; padding: 34px 34px 44px; box-shadow: 0 10px 30px rgba(0,0,0,0.06);
border: 1px solid rgba(0,0,0,0.05);  float: left; margin: 0 20%;}
.careers-fields{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; }
/* 2 columns */
.careers-fields li{ flex: 0 0 calc(50% - 8px); /* gap/2 */ }
/* full width */
.careers-fields li.full-width{flex: 0 0 100%;}
.careers-fields input[type="text"],
.careers-fields input[type="email"],
.careers-fields input[type="tel"],
.careers-fields input[type="date"],
.careers-fields textarea{width: 100%;background: #f7f7f7;border: 1px solid #f1f1f1;border-radius: 7px;padding: 14px 16px;font-size: 14px;outline: none;color: #333;}
.careers-fields input{height: 46px;}
.careers-fields textarea{min-height: 210px;resize: vertical;}
.careers-fields li.full-width:last-child {justify-content: center;align-items: center;display: flex;}
/* file fields */
.careers-fields li.file{display: flex;flex-direction: column;gap: 8px;}
.careers-fields li.file label {font-size: 14px;color: #666;}
.careers-fields input[type="file"]{width: 100%;background: #f7f7f7;border: 1px solid #f1f1f1;border-radius: 7px;padding: 10px 12px;font-size: 12px;}


/* School-Curriculum */
.inn-banner { float: left; width: 100%; position: relative; }
.inn-caption::after { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 100%,rgba(0,0,0,0) 100%); }
.inn-caption { position: absolute; bottom: 0px; background: rgba(0,0,0,0.45); padding: 40px 40px; border-radius: 30px 30px 0 0; max-width: 600px; }
.inn-caption h1 { position: relative; color: #ffffff; font-family: var(--ff-gotham-bold); font-size: 64px; font-weight: normal;padding: 0px; margin: 0px; line-height: 1.2; }
.breadcrumb-nav { position: relative; z-index: 1; }
.breadcrumb-nav ul { display: flex; position: relative; color: #ffffff; font-family: var(--ff-gotham-medium); font-size: 16px; }
.breadcrumb-nav ul li { flex: 0 1 auto; color: #ffffff; position: relative; margin-right: 10px; padding-right: 20px; margin-bottom: 25px; }
.breadcrumb-nav ul li a { color: #ffffff; transition: all 0.5s ease; } 
.breadcrumb-nav ul li a:hover { color:#f6c34f;}
.breadcrumb-nav ul li::after { position: absolute; top: 4px; right: 0; display: block; content: "\f105"; font-family: "FontAwesome";  color: #ffffff; font-size: 12px; }
.breadcrumb-nav ul li:last-child::after { display: none;}
.breadcrumb-nav ul li:last-child { margin: 0; padding: 0;}


/* Monte-school-curriculum */
.monte-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.monte { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.monte-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.monte-cnt-rht { flex: 0 1 45%;}
.monte-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 10px; }
.monte-cnt-rht h3 { position: relative; float: left; width: 100%; color: #d9191f; font-family: var(--ff-gotham-medium); font-size: 24px; line-height: 30px; text-align: left; padding-bottom: 30px; margin-bottom: 25px; }
.monte-cnt-rht h3::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.monte-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.monte-cnt-rht p:last-child { margin-bottom: 0;} 
.monte-img-lft { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.monte-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }
 
/* Primary */
.primary-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-alabasterwhite); }
.primary { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-alabasterwhite);}
.primary-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.primary-cnt-lft { flex: 0 1 45%;}
.primary-cnt-lft h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 10px; }
.primary-cnt-lft h3 { position: relative; float: left; width: 100%; color: #d9191f; font-family: var(--ff-gotham-medium); font-size: 24px; line-height: 30px; text-align: left; padding-bottom: 30px; margin-bottom: 25px; }
.primary-cnt-lft h3::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.primary-cnt-lft p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.primary-cnt-lft p:last-child { margin-bottom: 0;} 
.primary-img-rht { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.primary-img-rht img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


/* Middle */
.middle-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.middle { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.middle-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.middle-cnt-rht { flex: 0 1 45%;}
.middle-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 10px; }
.middle-cnt-rht h3 { position: relative; float: left; width: 100%; color: #d9191f; font-family: var(--ff-gotham-medium); font-size: 24px; line-height: 30px; text-align: left; padding-bottom: 30px; margin-bottom: 25px; }
.middle-cnt-rht h3::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.middle-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.middle-cnt-rht p:last-child { margin-bottom: 0;} 
.middle-img-lft { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.middle-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }

/* Secondary */
.secondary-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-alabasterwhite); }
.secondary { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-alabasterwhite);}
.secondary-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.secondary-cnt-lft { flex: 0 1 45%;}
.secondary-cnt-lft h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 10px; }
.secondary-cnt-lft h3 { position: relative; float: left; width: 100%; color: #d9191f; font-family: var(--ff-gotham-medium); font-size: 24px; line-height: 30px; text-align: left; padding-bottom: 30px; margin-bottom: 25px; }
.secondary-cnt-lft h3::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.secondary-cnt-lft p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.secondary-cnt-lft p:last-child { margin-bottom: 0;} 
.secondary-img-rht { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.secondary-img-rht img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }

/* Senior */
.senior-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.senior { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.senior-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.senior-cnt-rht { flex: 0 1 45%;}
.senior-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 10px; }
.senior-cnt-rht h3 { position: relative; float: left; width: 100%; color: #d9191f; font-family: var(--ff-gotham-medium); font-size: 24px; line-height: 30px; text-align: left; padding-bottom: 30px; margin-bottom: 25px; }
.senior-cnt-rht h3::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.senior-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.senior-cnt-rht p:last-child { margin-bottom: 0;} 
.senior-img-lft { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.senior-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


/* Activities at Nandha */
.activities-at-nandha { float: left; width: 100%; text-align: center; color: #F6F5F2; background: linear-gradient(180deg, rgba(246, 245, 242, 0.72) 0%, rgba(255, 255, 255, 1) 100%); padding: 80px 0; }
.activities-at-nandha h2 { font-size: 50px; color: var(--bg-black); font-family: var(--ff-gotham-bold); padding-bottom: 20px; line-height: 1.1; }
.activities-at-nandha p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 16px; line-height: 25px; color: #3a3a3a; margin-bottom: 15px; }
.activities-at-nandha ul { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; padding-top: 60px; flex-wrap: wrap; row-gap: 80px;}
.activities-at-nandha ul li { border-bottom: 1.5px solid #d4d4d4; padding-bottom: 80px; }
.activities-at-nandha ul li:last-child { display: flex; border: none; padding: 0;}
ul.activity-list { display: flex; flex-wrap: wrap; padding-top:0 !important; row-gap: 10px !important;}
ul.activity-list li {flex: 0 1 100%;padding-left: 40px;background: url(../images/tick-icon.svg) no-repeat scroll 0 5px;color: var(--txt-grey);font-size: 18px;line-height: 1.5;padding-bottom: 0; border: none;}
ul.activity-list li:last-child { padding-left: 40px;}


/* Nandha Activities  */
.skating-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.skating { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.skating-cnt { display: flex; flex-wrap: wrap; justify-content: space-between; }
.skating-cnt-rht { flex: 0 1 42%; text-align: left; }
.skating-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px; }
.skating-cnt-rht h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #D95B59; bottom: 0; left: 0; } 
.skating-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.skating-cnt-rht p:last-child { margin-bottom: 0; } 
.skating-img-lft { flex: 0 1 50%; border-radius: 15px; overflow: hidden; }
.skating-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


.swimming-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.swimming { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.swimming-cnt { display: flex; flex-wrap: wrap; justify-content: space-between; }
.swimming-cnt-lft { flex: 0 1 42%; text-align: left; }
.swimming-cnt-lft h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px; }
.swimming-cnt-lft h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #0C8179; bottom: 0; left: 0; } 
.swimming-cnt-lft p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.swimming-cnt-lft p:last-child { margin-bottom: 0; } 
.swimming-img-rht { flex: 0 1 50%; border-radius: 15px; overflow: hidden; }
.swimming-img-rht img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


.yoga-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.yoga { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.yoga-cnt { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 80px; }
.yoga-cnt-rht { flex: 0 1 42%; text-align: left; }
.yoga-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px; }
.yoga-cnt-rht h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #F6C34F; bottom: 0; left: 0; } 
.yoga-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.yoga-cnt-rht p:last-child { margin-bottom: 0; } 
.yoga-img-lft { flex: 0 1 50%; border-radius: 15px; overflow: hidden; }
.yoga-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


.sports-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.sports { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.sports-cnt { display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 80px; }
.sports-cnt-lft { flex: 0 1 42%; text-align: left; }
.sports-cnt-lft h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px; }
.sports-cnt-lft h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #F15852; bottom: 0; left: 0; } 
.sports-cnt-lft p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.sports-cnt-lft p:last-child { margin-bottom: 0; } 
.sports-img-rht { flex: 0 1 50%; border-radius: 15px; overflow: hidden; }
.sports-img-rht img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }



/* Monte Method-1 */
.monte1-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.monte1 { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.monte1-cnt { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 15px; }
.monte1-cnt-rht { flex: 0 1 50%;}
.monte1-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px;}
.monte1-cnt-rht h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.monte1-cnt-rht p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; margin-bottom: 15px; }
.monte1-cnt-rht p:last-child { margin-bottom: 0;} 
.monte1-img-lft { flex: 0 1 46%; border-radius: 15px; overflow: hidden; }
.monte1-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


/* Monte Method-2 */
.monte2-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-alabasterwhite); }
.monte2 { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-alabasterwhite);}
.monte2-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.monte2-cnt-lft { flex: 0 1 45%;}
.monte2-cnt-lft ul li { flex: 0 1 100%; padding-left: 40px; background: url(../images/tick-icon.svg) no-repeat scroll 0 5px; color: var(--txt-grey); font-size: 18px; line-height: 1.5; }
.monte2-cnt-lft ul li:last-child { margin-bottom: 0;} 
.monte2-img-rht { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.monte2-img-rht img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


/* Admission */
.admission-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.admission { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-white);}
.admission-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.admission-cnt-rht { flex: 0 1 48%;}
.admission-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px;}
.admission-cnt-rht h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.admission-cnt-rht ul li { flex: 0 1 100%; padding-left: 40px; background: url(../images/tick-icon.svg) no-repeat scroll 0 5px; color: var(--txt-grey); font-size: 18px; line-height: 1.5; }
.admission-cnt-rht ul li:last-child { margin-bottom: 0;}
.admission-img-lft { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.admission-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }


/* Eligibility Criteria */
.eligibility-at-nandha { float: left; width: 100%; background: #F6F5F2; background: linear-gradient(180deg, rgba(246, 245, 242, 0.72) 0%, rgba(255, 255, 255, 1) 100%); padding: 80px 0; }
h2.title-heading { font-size: 50px; color: var(--bg-black); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1; }
.eligibility-at-nandha p { font-size: 18px; text-align: center; width: 100%; font-family: var(--ff-gotham-regular); color: var(--bg-grey); padding: 0px; margin-top: 40px; }
.eligibility-nandha { text-align: center; width: 100%; padding: 0 15px 40px; float: left; position: relative; }
.eligibility-nandha::after { position: absolute; content: ''; background: url(../images/bulb-icn.svg) no-repeat; left: 0; top: 38%; width: 88px; height: 85px;}
.eligibility-nandha::before { position: absolute; content: ''; background: url(../images/book-icn.svg) no-repeat; right: 0; top: 20%; width: 91px; height: 228px;}
.eligibility-nandha p { font-size: 18px; text-align: center; width: 100%; font-family: var(--ff-gotham-regular); color: var(--bg-grey); padding: 0px; margin-top: 15px; }
.btn-div { width: 100%; display: flex; justify-content: center; margin-top: 20px; }

/*  Table of Eligibility Criteria */
.table { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding : 0px 16px 0 16px; }
.eligibility-table { position: relative; width: 100%; border: 1px solid #111; margin: 0px 100px; padding: 0px 0px; }
.table-title { background: #133370; font-family: var(--ff-gotham-bold); font-size: 24px; color: #fff; font-weight: bold; text-align: center; padding: 14px 14px; border-bottom: 1px solid #111; }
table { width: 100%; border-collapse: collapse; background: #fff; }
table td { width: 50%; }
th, td { width: 0px; border: 2px solid #111; padding: 14px 18px; font-family: var(--ff-gotham-regular); font-size: 18px; text-align: left; }
th { font-family: var(--ff-gotham-bold); font-size: 18px; font-weight: bold; }


/* Withdrawl */
.withdrawl-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-alabasterwhite); }
.withdrawl { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-alabasterwhite);}
.withdrawl-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.withdrawl-cnt-rht { flex: 0 1 45%;}
.withdrawl-cnt-rht h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 25px;}
.withdrawl-cnt-rht h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.withdrawl-cnt-rht ul li { flex: 0 1 100%; padding-left: 40px; background: url(../images/tick-icon.svg) no-repeat scroll 0 5px; color: var(--txt-grey); font-size: 18px; line-height: 1.5; }
.withdrawl-cnt-rht ul li:last-child { margin-bottom: 0;}
.withdrawl-img-lft { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.withdrawl-img-lft img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }

/* Infrastructure Table */
.infra { float: left; width: 100%; background: #F6F5F2; background: linear-gradient(180deg, rgba(246, 245, 242, 0.72) 0%, rgba(255, 255, 255, 1) 100%); padding: 80px 0; }
.infra-nandha { text-align: center; width: 100%; padding: 0 15px 40px; float: left; position: relative; }
h2.infra-title-heading { font-size: 50px; color: var(--bg-black); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1; }
.infra-nandha p { font-size: 18px; text-align: center; width: 100%; font-family: var(--ff-gotham-regular); color: var(--bg-grey); padding: 0px; margin-top: 15px; }
.infra-nandha::after { position: absolute; content: ''; background: url(../images/bulb-icn.svg) no-repeat; left: 0; top: 38%; width: 88px; height: 85px;}
.infra-nandha::before { position: absolute; content: ''; background: url(../images/book-icn.svg) no-repeat; right: 0; top: 20%; width: 91px; height: 228px;}

.table { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding : 0px 16px 0 16px; }
.infra-table { position: relative; width: 100%; border: 1px solid #111; margin: 0px 100px; padding: 0px 0px; }
.infra-table-title { background: #133370; font-family: var(--ff-gotham-bold); font-size: 24px; color: #fff; font-weight: bold; text-align: center; padding: 14px 14px; border-bottom: 1px solid #111; }
table { width: 100%; border-collapse: collapse; background: #fff; }
table td { width: 50%; }
th, td { width: 0px; border: 2px solid #111; padding: 14px 18px; font-family: var(--ff-gotham-regular); font-size: 18px; text-align: left; }
th { font-family: var(--ff-gotham-bold); font-size: 18px; font-weight: bold; }

/* Academic Infrastructure */
.acad-infra {float: left;width: 100%;background: #FAFAFA; padding: 70px 0;}
h2.infraa-title-heading { font-size: 50px; color: var(--bg-black); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1;}
.explore-infra {text-align: center;width: 100%;padding: 0 13% 50px ;float: left; position: relative; }
.explore-infra p{ font-size: 20px;text-align: center;width: 100%; color: var(--bg-grey);}

.infra-events-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.infra-pad { flex: 0 1 100%; }
.infra-pad ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 3%; justify-content: center ; }
.infra-pad ul li { flex: 0 1 30%; display:flex; flex-wrap: wrap; width: 100%; background: var(--bg-white); padding: 15px 15px 25px 15px; border: 1px solid #E3E3E3; border-radius: 20px; }
.infra-main:hover .infra-cont h3 { color: var(--bg-red);}
.infra-main:hover h3 { color: var(--txt-red); }
.infra-main:hover .digital-img img { transform: scale(1.02); }
.infra-main:hover .library-img img { transform: scale(1.02); }
.infra-main:hover .educator-img img { transform: scale(1.02); }
.infra-pad .btn-lnk { padding: 20px 0 0 0;}
.btn-lnk {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.explore-infra.man-icn-rem::after, .explore-infra.man-icn-rem::before { display: none;}

.digital-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.digital-img img { float: left; width: 100%; transition: all 0.5s ease; }
.digital-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.digital-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.digital-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.library-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.library-img img { float: left; width: 100%; transition: all 0.5s ease; }
.library-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.library-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.library-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.educator-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.educator-img img { float: left; width: 100%; transition: all 0.5s ease; }
.educator-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.educator-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.educator-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }


/* Laboratories */
.acad-lab {float: left;width: 100%;background: #0C8179; padding: 70px 0;}
h2.lab-title-heading { font-size: 50px; color: var(--bg-white); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1;}
.explore-lab {text-align: center;width: 100%;padding: 0 13% 50px ;float: left; position: relative; }
.explore-lab p{ font-size: 20px; text-align: center; width: 100%; color: var(--bg-white); }

.lab-events-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.lab-pad { flex: 0 1 100%; }
.lab-pad ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 3%; row-gap: 35px; justify-content: center ; }
.lab-pad ul li { flex: 0 1 30%; display:flex; flex-wrap: wrap; width: 100%; background: var(--bg-white); padding: 15px 15px 25px 15px; border: 1px solid #E3E3E3; border-radius: 20px; }
.lab-main:hover .lab-cont h3 { color: var(--bg-red);}
.lab-main:hover h3 { color: var(--txt-red); }
.lab-main:hover .physics-img img { transform: scale(1.02); }
.lab-main:hover .chemistry-img img { transform: scale(1.02); }
.lab-main:hover .bio-img img { transform: scale(1.02); }
.lab-main:hover .computer-img img { transform: scale(1.02); }
.lab-main:hover .atal-img img { transform: scale(1.02); }
.lab-pad .btn-lnk { padding: 20px 0 0 0;}
.btn-lnk {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.explore-lab.man-icn-rem::after, .explore-lab.man-icn-rem::before { display: none;}

.physics-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.physics-img img { float: left; width: 100%; transition: all 0.5s ease; }
.physics-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.physics-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.physics-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.chemistry-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.chemistry-img img { float: left; width: 100%; transition: all 0.5s ease; }
.chemistry-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.chemistry-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.chemistry-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.bio-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.bio-img img { float: left; width: 100%; transition: all 0.5s ease; }
.bio-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.bio-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.bio-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.computer-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.computer-img img { float: left; width: 100%; transition: all 0.5s ease; }
.computer-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.computer-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.computer-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.atal-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.atal-img img { float: left; width: 100%; transition: all 0.5s ease; }
.atal-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.atal-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.atal-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.acad-lab.sport-infra { background: #D95B59;}


/* Co-Curricular & Activity Areas */
.acad-curri {float: left;width: 100%;background: #FAFAFA; padding: 70px 0;}
h2.curri-title-heading { font-size: 50px; color: var(--bg-black); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1;}
.explore-curri {text-align: center;width: 100%;padding: 0 13% 50px ;float: left; position: relative; }
.explore-curri p{ font-size: 20px;text-align: center;width: 100%; color: var(--bg-grey);}

.curri-events-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.curri-pad { flex: 0 1 100%; }
.curri-pad ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 3%; justify-content: center ; }
.curri-pad ul li { flex: 0 1 30%; display:flex; flex-wrap: wrap; width: 100%; background: var(--bg-white); padding: 15px 15px 25px 15px; border: 1px solid #E3E3E3; border-radius: 20px; }
.curri-main:hover .curri-cont h3 { color: var(--bg-red);}
.curri-main:hover h3 { color: var(--txt-red); }
.curri-main:hover .conference-img img { transform: scale(1.02); }
.curri-main:hover .music-img img { transform: scale(1.02); }
.curri-main:hover .dance-img img { transform: scale(1.02); }
.curri-pad .btn-lnk { padding: 20px 0 0 0;}
.btn-lnk {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.explore-curri.man-icn-rem::after, .explore-curri.man-icn-rem::before { display: none;}

.conference-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.conference-img img { float: left; width: 100%; transition: all 0.5s ease; }
.conference-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.conference-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.conference-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.music-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.music-img img { float: left; width: 100%; transition: all 0.5s ease; }
.music-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.music-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.music-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.dance-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.dance-img img { float: left; width: 100%; transition: all 0.5s ease; }
.dance-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.dance-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.dance-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }


/* Sports & Amenities */
.sports-amenities { float: left; width: 100%; background: #D95B59; padding: 70px 0; }
h2.amenities-title-heading { font-size: 50px; color: var(--bg-white); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1;}
.explore-amenities {text-align: center;width: 100%;padding: 0 13% 50px ;float: left; position: relative; }
.explore-amenities p{ font-size: 20px; text-align: center; width: 100%; color: var(--bg-white); }

.sports-events-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sports-pad { flex: 0 1 100%; }
.sports-pad ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 3%; row-gap: 35px; justify-content: center ; }
.sports-pad ul li { flex: 0 1 30%; display:flex; flex-wrap: wrap; width: 100%; background: var(--bg-white); padding: 15px 15px 25px 15px; border: 1px solid #E3E3E3; border-radius: 20px; }
.sports-main:hover .sports-cont h3 { color: var(--bg-red);}
.sports-main:hover h3 { color: var(--txt-red); }
.sports-main:hover .volleyball-img img { transform: scale(1.02); }
.sports-main:hover .football-img img { transform: scale(1.02); }
.sports-main:hover .badminton-img img { transform: scale(1.02); }
.sports-main:hover .basketball-img img { transform: scale(1.02); }
.sports-main:hover .skatrink-img img { transform: scale(1.02); }
.sports-main:hover .swimpool-img img { transform: scale(1.02); }
.sports-pad .btn-lnk { padding: 20px 0 0 0;}
.btn-lnk {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between; align-items: center; padding: 20px 0 0 0;}
.explore-amenities.man-icn-rem::after, .explore-amenities.man-icn-rem::before { display: none;}

.volleyball-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.volleyball-img img { float: left; width: 100%; transition: all 0.5s ease; }
.volleyball-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.volleyball-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.volleyball-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.football-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.football-img img { float: left; width: 100%; transition: all 0.5s ease; }
.football-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.football-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.football-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.badminton-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.badminton-img img { float: left; width: 100%; transition: all 0.5s ease; }
.badminton-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.badminton-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.badminton-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.basketball-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.basketball-img img { float: left; width: 100%; transition: all 0.5s ease; }
.basketball-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.basketball-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.basketball-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.skatrink-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.skatrink-img img { float: left; width: 100%; transition: all 0.5s ease; }
.skatrink-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.skatrink-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.skatrink-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }

.swimpool-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.swimpool-img img { float: left; width: 100%; transition: all 0.5s ease; }
.swimpool-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.swimpool-cont { float: left; width: 100%; padding: 20px 0 0 10px; }
.swimpool-cont h3 { color: #211915; font-size: 25px; line-height: 1.8; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }


/* Internet Facility */
.inter-facility-sec { float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.inter-facility { float: left; width: 100%; padding: 80px 0 80px; background: var(--bg-alabasterwhite);}
.internet-cnt { display: flex; flex-wrap: wrap; column-gap: 7%; row-gap: 15px; }
.internet-cnt-lft { flex: 0 1 49%;}
.internet-cnt-lft h2 { position: relative; font-family: var(--ff-gotham-bold); color: #000; font-size: 40px; line-height: 48px; padding-bottom: 25px; margin-bottom: 15px; }
.internet-cnt-lft h2::after { position: absolute; content: ''; width: 50px; height: 7px; background: #FFC224; bottom: 0; left: 0; } 
.internet-cnt-lft p { float: left; width: 100%; font-family: var(--ff-gotham-regular); font-size: 18px; line-height: 30px; color: #3a3a3a; padding-bottom: 15px; }
.internet-cnt-lft p:last-child { margin-bottom: 0;} 
.internet-img-rht { flex: 0 1 42%; border-radius: 15px; overflow: hidden; }
.internet-img-rht img { float: left; width: 100%; border-radius: 15px; object-fit: cover; z-index: 9; }



/* button base */
.float-btn{
--btn-bg: #D9191F;
--h: 58px;              /* button height */
--icon: 18px;           /* icon area width */
--pad: 20px;           /* inner padding */

height: var(--h);display: flex;align-items: center;gap: 12px;background: var(--btn-bg);color: #fff;text-decoration: none;border-radius: 999px 0 0 999px;padding: 0 var(--pad);box-shadow: 0 10px 25px rgba(0,0,0,.18);/* only show icon part by default (hide text off-canvas) */transform: translateX(calc(100% - (var(--icon) + (var(--pad) * 2))));
transition: transform .35s cubic-bezier(.2,.8,.2,1);}

/* icon */
.float-ico{width: 28px;height: 28px;display: block;filter: brightness(0) invert(1); /* makes black SVG icons white */}
/* label hidden initially */
.float-text{white-space: nowrap;opacity: 0;transform: translateX(8px);transition: opacity .25s ease, transform .35s cubic-bezier(.2,.8,.2,1); font-size: 17px;}
/* hover: slide left + show text smoothly */
.float-btn:hover, .float-btn:focus-visible{ transform: translateX(0);}
.float-btn:hover .float-text, .float-btn:focus-visible .float-text{ opacity: 1;transform: translateX(0);}
/* accessibility */
.float-btn:focus-visible{outline: 3px solid rgba(255,255,255,.65);outline-offset: -3px;}
/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .float-btn, .float-text{ transition: none; }
  .float-btn{ transform: translateX(0); }
  .float-text{ opacity: 1; transform: none; }
}

/*Achiements-Admissions-Careers*/
.key-links {float: left;width: 100%;z-index: 9;position: relative;margin-top: -74px;}
ul.key-link-sec {display: flex;flex-wrap: wrap;width: 100%;column-gap: 1.5%;}
ul.key-link-sec li {flex: 0 1 32.3%;display: flex;flex-wrap: wrap;align-items: center;padding: 15px; background: rgba(255,255,255, 0.4); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; column-gap: 4%; border-radius: 7px;}
.key-lft-tab { flex: 0 1 57%;background: var(--bg-white);height: 125px;align-items: center;display: flex;flex-wrap: wrap; padding:15px; border-radius: 7px;}
.key-rht-tab { flex: 0 1 39%; border-radius: 7px; overflow: hidden;}
.key-lft-tab h3 { width: 100%; font-size: 20px; font-family: var(--ff-gotham-bold); color: var(--bg-black);}
a.arw-icn {width: 40px;height: 40px; color: var(--bg-white);background: #474747; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 30px; transition: all .5s ease;}
a.arw-icn:hover {background: var(--bg-red);}

/*About Nandha Central City*/
.welcome-sec { float: left; width: 100%; padding: 100px 0px; }
.welcome-out { float: left; width: 100%;display: flex; flex-wrap: wrap; align-items: center; }
.welcome-lft { float: left; width: 40%; }
.welcome-lft h2 { color: var(--txt-black); font-size: 50px; line-height: 1.1; font-family: var(--ff-gotham-bold); letter-spacing: -0.65px; padding-bottom: 30px; }
.welcome-lft h2 span { font-size: 24px; }
.welcome-rgt { float: left; width: 60%; display: flex; flex-wrap: wrap;}
.welcome-rgt p { color: var(--txt-black1); font-size: 18px; line-height: 1.5; font-family: var(--ff-gotham-regular); margin-bottom: 30px; }
.welcome-rgt p span { font-family: var(--ff-gotham-sbold); }
a.read-more { display: inline-flex; column-gap: 10px; width: auto; height: 56px; padding: 0px 20px; border: 1px solid var(--bg-black); align-items: center; justify-content: space-between; color: var(--txt-black); font-size: 16px; font-family: var(--ff-gotham-medium); border-radius: 35px; transition: all .5s ease; }
a.read-more:hover { background: var(--bg-blue); color: var(--bg-white);border: 1px solid var(--bg-blue); }
a.read-more i { font-size: 22px; rotate: -45deg; }
a.read-more.res-view { display: none;}
a.read-more1 { display: inline-flex; column-gap: 10px; width: auto; height: 56px; padding: 0px 20px; border: 1px solid var(--bg-black); align-items: center; justify-content: space-between; margin-top: 20px; color: var(--txt-black); font-size: 16px; font-family: var(--ff-gotham-medium); border-radius: 35px; transition: all .5s ease; }
a.read-more1:hover { background: var(--bg-red); color: var(--bg-white);border: 1px solid var(--bg-red); }
a.read-more1 i { font-size: 22px; rotate: -45deg; }
a.read-more1.res-view { display: none;}
ul.abt-item {display: flex;flex: 0 1 100%;flex-wrap: wrap; column-gap: 5%;}
ul.abt-item li { flex: 0 1 30%;display: flex;flex-wrap: wrap; align-items: center; column-gap: 15px;}
.abt-itm { width: 60px;height: 60px;padding: 14px;border-radius: 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.abt-itm img {width: auto;}
.abt-itm.cbse {background: var(--bg-red);}
.abt-itm.exp {background: var(--bg-yellow);}
.abt-itm.greencam {background: var(--bg-green);}
ul.abt-item li h2 { color: var(--txt-black); font-size:18px; line-height: 1.3; font-family: var(--ff-gotham-bold); letter-spacing: -0.65px; }

/*Explore Our Curriculum*/
.our-curriculum {float: left;width: 100%;background: #F6F5F2;background: linear-gradient(180deg, rgba(246, 245, 242, 0.72) 0%, rgba(255, 255, 255, 1) 100%); padding: 70px 0;}
h2.title-heading { font-size: 50px; color: var(--bg-black); font-family: var(--ff-gotham-bold); padding-bottom: 15px; line-height: 1.1;}
.explore-tab {text-align: center;width: 100%;padding: 0 13% 50px ;float: left; position: relative; overflow: hidden; }
.explore-tab:after { position: absolute; content: ''; background: url(../images/bulb-icn.svg) no-repeat; left: 0; top: 38%; width: 88px; height: 85px;}
.explore-tab:before { position: absolute; content: ''; background: url(../images/book-icn.svg) no-repeat; right: 0; top: 20%; width: 91px; height: 228px;}
.explore-tab p{ font-size: 20px;text-align: center;width: 100%; color: var(--bg-grey); line-height: 1.5;}
ul.academic-tab {display: flex;flex-wrap: wrap;width: 100%; column-gap: 2%; row-gap:25px; justify-content: center;}
ul.academic-tab li {flex: 0 1 32%; display: flex; flex-wrap: wrap;border-radius: 10px;overflow: hidden;}
.academic-btm h3 { color: var(--txt-blue); font-size: 25px; line-height: 1.1; font-family: var(--ff-gotham-bold); letter-spacing: -0.65px; margin-bottom: 8px; }
.academic-top {flex: 0 1 100%;}
.academic-btm {flex: 0 1 100%; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; padding: 20px; transition: all 0.5s ease; background: #F6F5F2;}
ul.academic-tab li:hover .academic-btm {background: var(--bg-lblue);}
ul.academic-tab li:hover .academic-btm h3 { color: var(--bg-white);}
ul.academic-tab li:hover .academic-btm p { color: var(--bg-white);}
a.acad-arw-icn {background: #fff;width:50px;height: 50px;border-radius: 30px;display: flex;justify-content: center;align-items: center;  border: 1px solid #979797; }
a.acad-arw-icn .feather.icon-arrow-right { font-size: 20px;rotate: -45deg; transition: all 0.5s ease;}
ul.academic-tab li:hover a.acad-arw-icn{ rotate:inherit; border: 1px solid #fff; background: none; color: var(--bg-white);}
ul.academic-tab li:hover .feather.icon-arrow-right { rotate: 0deg;}

/*Counter*/
.welcome-counter { float: left; width: 100%; padding-bottom: 50px;}
.counter-bg { float: left; width: 100%; background: url(../images/counter-bg.webp) no-repeat; background-size: cover; padding: 75px 0; border-radius: 15px; position: relative; overflow: hidden;}
.counter-bg::after {content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: linear-gradient(to right, rgba(0,0,0,0.5) 40%,rgba(0,0,0,0) 100%);}
.welcome-counter ul { width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
.welcome-counter ul li { flex: 0 1 25%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
.welcome-counter ul li h3 { float: left; width: 100%; color: var(--txt-white); font-size: 40px; line-height: 1.2; font-family: var(--ff-gotham-bold); ;}
.welcome-counter ul li h3 span { font-size: 75px; }
.welcome-counter ul li p { float: left; width: 100%; font-size: 20px; line-height: 1.4; font-family: var(--ff-gotham-medium); color: var(--txt-white); letter-spacing: -0.33px; }

/*News section*/
.news-events-sec { float: left; width: 100%; padding: 95px 0px; background: #F4F4F5; }
.news-events-cont {float: left;width: 100%;display: flex;flex-wrap: wrap; justify-content: space-between;}
.news-pad {flex: 0 1 66%;}
.news-pad ul {display: flex;flex-wrap: wrap;width: 100%; column-gap: 2%;}
.news-pad ul li {flex: 0 1 49%;background: var(--bg-white);padding: 15px 15px 25px 15px; border: 1px solid #E3E3E3; border-radius: 20px;}
.news-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.news-img img { float: left; width: 100%; transition: all 0.5s ease; }
.news-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.news-cont { float: left; width: 100%; padding-top: 20px; }
.news-cont h5 { color: rgba(1, 1, 1, 0.5); font-size: 16px; line-height: 1.3; font-family: var(--ff-gotham-regular); margin-bottom: 10px; text-transform: uppercase; }
.news-cont h3 { color: #211915; font-size: 25px; line-height: 1.2; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }
.news-main:hover h3 { color: var(--txt-red); }
.news-main:hover .news-img img { transform: scale(1.02); }
.btn-lnk {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between; align-items: center; padding: 30px 0 0 0;}
.news-lnk a {padding: 5px 25px;border: 1px solid #000;border-radius: 30px;text-transform: uppercase;}
.arw-lnk a {width: 65px;height: 65px;color: var(--bg-black);background: #F8F8F5;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-radius: 50px;transition: all .5s ease;border: 1px solid #e1e1e1;}
.arw-lnk a i { font-size: 25px;rotate: -45deg; transition: all 0.5s ease;}
.btn-lnk a:hover{background: var(--bg-red); color: var(--txt-white); border: 1px solid var(--bg-red);}
.arw-lnk a:hover i { rotate: 0deg;}
.news-events-cont a.read-more { margin-top: 30px;}

/*Events section*/
.events-pad {flex: 0 1 32%;}
.events-pad ul {display: flex;flex-wrap: wrap;width: 100%;row-gap: 15px;}
.events-pad ul li { flex: 0 1 100%; background: var(--bg-white);padding: 25px 0 25px 25px; border: 1px solid #E3E3E3; border-radius: 20px;}
.event-lnk {display: inline-block;padding: 5px 25px;border: 1px solid #000;border-radius: 30px;text-transform: uppercase;}
.event-lnk:hover {background: var(--bg-red);color: var(--txt-white);border: 1px solid var(--bg-red);}
.event-cont h3 { color: #211915; font-size: 25px; line-height: 1.2; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; padding: 20px 0; }
.date-con {background: #474747;float: left;color: var(--txt-white);padding: 10px 25px;border-radius: 30px;}
.events-pad ul li:hover h3{ color: var(--txt-red);}

/*Life of Nandha*/
.our-curriculum.life { background: var(--bg-white); }
.explore-tab.lifeofnandha:after { position: absolute; content: ''; background: url(../images/globus-icn.svg) no-repeat; left: 0; top: 32%; width: 79px; height: 103px;}
.explore-tab.lifeofnandha:before { position: absolute; content: ''; background: url(../images/apple-icn.svg) no-repeat; right: 0; top: 36%; width: 71px; height: 72px;}
.home-video-div {float: left;width: 100%;margin-top: 0;z-index: 1;position: relative;}
/* .video-sec {float: left;width: 100%;border-radius: 12px;overflow: hidden;box-shadow: 0px 20px 30px rgba(0,0,0, 0.18);}
.video-sec iframe {width: 100%;height: 500px; float: left;} */

.video-sec {float: left;width: 100%;border-radius: 12px;overflow: hidden;box-shadow: 0px 20px 30px rgba(0,0,0, 0.18);}
.video-sec::after {background: rgba(0, 0, 0, 0.2);top: 0;left: 0;width: 100%;height: 100%;position: absolute;content: '';z-index: 0;}
.videoWrapper {position: relative;width: 100%;float: left;}

.videoWrapper169 {padding-top: 56.25%; /* 16:9 */}
.videoWrapper .videoIframe {position: absolute;top: 0; left: 0;width: 100%;height: 100%;border: 0;display: none; /* hidden until active */}
.videoWrapper .videoPoster {position: absolute;top: 0; left: 0;width: 100%;height: 100%;cursor: pointer;border: 0;background-size: cover;background-position: center;z-index: 2;font-size: 18px;color: #fff;background-color: rgba(0,0,0,0.2); /* fallback */}

.videoWrapper.videoWrapperActive .videoPoster {display: none; /* hide poster when playing */}

.videoWrapper.videoWrapperActive .videoIframe {display: block; /* show iframe when playing */}
.videoPoster::after {content: '';position: absolute;top: 50%;left: 0;width: 98px;right: 0;margin: 0 auto;height: 98px;background: url(../images/play-button.svg) no-repeat scroll center center;transform: translateY(-50%); z-index: 1;} 


.video-gallery-txt a.arw-icn{content: '';position: absolute;top: 50%;left: 0;width: 98px;right: 0;margin: 0 auto;height: 98px;background: url(../images/play-button.svg) no-repeat scroll center center;transform: translateY(-50%);z-index: 1;}
/* .video-sec::after {background: rgba(0, 0, 0, 0.2);top: 0;left: 0;width: 100%;height: 100%;position: absolute;content: '';z-index: 0;}
.videoWrapper169 {padding-top: 50%;}
.videoWrapper {position: relative;width: 100%;height: 0;background-color: #000;}
.videoIframe {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;background-color: transparent;}
.videoPoster {position: absolute;top: 0;right: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;cursor: pointer;border: 0;outline: none;background-position: 50% 50%;background-size: 100% 100%;background-size: cover;text-indent: -999em;overflow: hidden;opacity: 1;-webkit-transition: opacity 800ms, height 0s;-moz-transition: opacity 800ms, height 0s;transition: opacity 800ms, height 0s;transition-delay: 0s, 0s;-webkit-transition-delay: 0s, 0s;-moz-transition-delay: 0s, 0s;transition-delay: 0s, 0s;}
.videoPoster::after {content: '';position: absolute;top: 50%;left: 0;width: 98px;right: 0;margin: 0 auto;height: 98px;background: url(../images/play-button.svg) no-repeat scroll center center;transform: translateY(-50%); z-index: 1;} */

.management-slider { float: left; width: 100%;position: relative; overflow: hidden; }
.management-main {float: left;width: 100%;position: relative;background: var(--bg-white);padding: 15px 15px 25px 15px; border: 1px solid #E3E3E3; border-radius: 20px;}
.management-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.management-img img { float: left; width: 100%; transition: all 0.5s ease; }
.management-img img.top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.management-cont { float: left; width: 100%; padding-top: 20px; }
.management-cont h5 { color: rgba(1, 1, 1, 0.5); font-size: 16px; line-height: 1.3; font-family: var(--ff-gotham-regular); margin: 10px 0; text-transform: uppercase; }
.management-cont h3 { color: #211915; font-size: 25px; line-height: 1.2; font-family: var(--ff-gotham-bold); letter-spacing: -0.29px; transition: all 0.5s ease; }
.management-main:hover .management-cont h3 { color: var(--bg-red);}
.management-pad .btn-lnk { padding: 20px 0 0 0;}
.explore-tab.man-icn-rem::after, .explore-tab.man-icn-rem::before { display: none;}

.swiper-pagination-team { float: left; width: 100%; margin-top: 35px; text-align: center;}
.swiper-pagination-team .swiper-pagination-bullet { width: 10px; height: 10px;}
.swiper-pagination-team .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--bg-red);}

/*Admission Open*/
.admission-sec { float: left; width: 100%; background: url(../images/admission-bg.webp) no-repeat; background-size: cover; position: relative; text-align: center; padding: 80px 0; }
.admission-sec::after { position: absolute; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; height: 100%;width: 100%; content: '';z-index: 0;}
.admission-cont {float: left;width: 100%; z-index: 1;position: relative;}
.admission-cont h2{ font-size: 50px; color: var(--txt-white); font-family: var(--ff-gotham-bold); text-transform: uppercase; width: 100%; line-height: 1.1;}
.admission-cont p{ font-size: 25px; color: var(--txt-white); font-family: var(--ff-gotham-regular); width: 100%; padding: 25px 0;}
.admission-cont a.read-more { border: 1px solid #fff; background: var(--bg-red); color: var(--txt-white); transition: all 0.5s ease;}
.admission-cont a.read-more:hover { background: var(--bg-white); border: 1px solid #fff; color: var(--txt-black);}
/*Unique section*/
.unique-sec {float: left;width: 100%;padding: 80px 0;}
.unique-cont {  float: left;width: 100%; text-align: center;}
.unique-cont ul { display: flex; flex-wrap: wrap; width: 100%; align-items: center;column-gap: 2%;margin-top: 25px;}
.unique-cont ul li {flex: 0 1 18%;display: flex;flex-wrap: wrap;justify-content: center;row-gap: 15px;}
.unique-cont ul li img {width: auto;}
.unique-cont ul li p {color: var(--txt-black); font-size: 18px; line-height: 1.3; font-family: var(--ff-gotham-regular); width: 100%;}

/* footer css */
footer { float: left; width: 100%; padding: 0px 0px; background: var(--bg-bluebg); }
.foot-mid-lft p {font-size: 18px;color: #fff;width: 80%;margin-bottom: 30px;}
.foot-mid { float: left; width: 100%; padding: 100px 0px 90px; position: relative; }
.foot-mid-in { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.foot-mid-lft { float: left; width: 36%; }
.ftr-logo { float: left; width: 100%; margin-bottom: 20px; }
.ftr-logo img { width: auto; }
.foot-mid-rgt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; }
.foot-mid-rgt ul li { flex: 0 1 100%; position: relative; }
.foot-mid-rgt ul li p { color: var(--txt-white); font-size: 16px; line-height: 1.5; font-family: var(--ff-gotham-regular); letter-spacing: -0.3px; }
.foot-mid-rgt ul li p span { font-family: var(--ff-gotham-bold); }
.foot-mid-rgt ul li p a { color: var(--txt-white); transition: all 0.4s ease; }
.foot-mid-rgt ul li p a:hover { color: var(--txt-red); }
.foot-mid-rgt { float: left; width: 32%; padding-left: 32px; border-left: 1px dashed rgba(255, 255, 255, 0.50); }
.foot-mid-rgt h4 { color: var(--txt-white); font-size: 24px; line-height: 1.2; font-family: var(--ff-gotham-bold); letter-spacing: -0.3px; margin-bottom: 20px; text-transform: uppercase; }
ul.foot-menu { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 6px; }
ul.foot-menu li { flex: 0 1 100%; }
ul.foot-menu li a { color: var(--txt-white); font-size: 16px; line-height: 1.5; font-family: var(--ff-gotham-sbold); letter-spacing: -0.3px; }
ul.foot-menu li a:hover { color: var(--txt-red);}
.foot-m {float: left; margin: 0px;}
.foot-m.pad {margin-top: 30px;}
.foot-btm { float: left; width: 100%; padding: 25px 0px; background: #333D82; }
.copy-pad { width: 100%; float: left;}
.copyright { float: left; width: 100%; text-align: center;}
.copyright p { color: var(--txt-white); font-size: 16px; line-height: 1.5; font-family: var(--ff-gotham-regular); opacity: 0.7;}
.ftr-scl-links { float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; column-gap: 15px; }
.ftr-scl-links h4 { color: var(--txt-white); font-size: 16px; line-height: 1.5; font-family: var(--ff-gotham-regular); opacity: 0.7; }
.ftr-scl-links ul { display: flex; align-items: center; column-gap: 15px; }
.ftr-scl-links ul li { flex: 0 1 auto; }
.ftr-scl-links ul li a { display: flex; align-items: center; justify-content: center; color: var(--txt-white); font-size: 16px; width: 37px; height: 37px; border-radius: 40px; border: 1px solid #fff; }
.ftr-scl-links ul li a:hover { background: #fff; color: var(--bg-blue); }
.ftr-btm-rht {float: left; width: 50%; float: right; text-align: right;}
.ftr-btm-rht p a { color: var(--txt-white); transition: all 0.5s ease; opacity: 0.7;}
.ftr-btm-rht p a:hover{color: var(--txt-red);}
li.address, li.phone, li.email {padding-left: 30px;}
li.address:after { background: url(../images/address-icn.svg) no-repeat;content: '';position: absolute;left: 0;top: 4px;width: 18px;height: 23px;}
li.phone:after { background: url(../images/phone-icn.svg) no-repeat;content: '';position: absolute;left: 0;top: 5px;width: 18px;height: 23px;}
li.email:after { background: url(../images/email-icn.svg) no-repeat;content: '';position: absolute;left: 0;top: 6px;width: 18px;height: 23px;}

/*------------------------------------------------------------------------------*/

/*mobile-menu-start*/
body.over { overflow: hidden;}
.mobile-menu { -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */ position:fixed; top:66px; bottom: 0; width:100%; height: calc(100% - 66px); overflow: auto;  z-index: 1000; border-top: none; padding: 30px 0 50px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: var(--bg-lblue); border-bottom:none; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%; background: var(--bg-white); float: left;  padding: 0 0 75px 0; height:100%;}
.m-menu { order: 2; width: 28px; height: 18px; margin: 0px 0 0 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left; position: relative; left: 0; top: auto; display:none; z-index:9; }
.m-menu a { display: block; height: 100%;}
.m-menu span { display: block; position: absolute; height: 2px; width: 28px; background: var(--bg-blue); border-radius: 0px; opacity: 1;left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu span:nth-child(1) { top: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px;  right: 0; left: auto; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; left: auto; right: 0px; width: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu a:hover span { background: var(--bg-lblue);}
.m-menu.open span:nth-child(1) { width: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px; background: var(--bg-blue);}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { width: 28px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 18px; left: 4px; background:var(--bg-blue); }

.mobile-menu ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.mobile-menu ul li { flex: 1 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.mobile-menu ul li a { width: calc(100% - 50px); font-size: 18px; color: var(--txt-white); line-height: 1; font-family: var(--ff-gotham-regular); display: block; padding:5px 30px 5px 0; position: relative; transition: all 0.4s ease;}
.mobile-menu ul li.menu-item-has-children > .arrow { position: relative; width: 22px; height: 22px; border: 0px solid rgba(255,255,255,0.2); cursor: pointer;}
.mobile-menu ul li.menu-item-has-children > .arrow::after { display: block; content: ""; width: 10px; height: 10px; border-right: 2px solid var(--bg-white);
border-bottom: 2px solid var(--bg-white); transform: rotate(45deg); transition: transform 0.3s ease-in-out; margin-left: 0px;position: absolute; right: 7px; top: 4px;}
.mobile-menu ul li.menu-item-has-children.active > span.arrow::after { transform: rotate(-135deg); top: 12px; }
.mobile-menu ul li ul { display: none; padding:20px 0 10px 15px; width: 100%; }
.mobile-menu ul li ul li { margin-bottom: 18px; }
.mobile-menu ul li ul li:last-child { margin-bottom: 0; }
.mobile-menu ul li ul li a { font-size: 15px; font-family: var(--ff-poppins-regular); padding: 0; color: var(--txt-white); }
.mobile-menu ul li ul li a::after { display: none; }
.mobile-menu ul li a:hover { color: var(--txt-yellow); }
 
.mobile-menu .mobile-btns { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px; justify-content: center; margin-top: 50px;}
.mobile-menu .mobile-btns a { background: var(--bg-red); color: var(--txt-white); font-size: 16px; font-family: var(--ff-poppins-bold); border-radius: 50px; height: 50px; padding: 0 20px; display: inline-flex; align-items: center; column-gap: 10px; text-transform: uppercase; transition: all 0.4s ease; }
.mobile-menu .mobile-btns a i { font-size: 22px; }
.mobile-menu .mobile-btns a:hover { background: var(--bg-white); color: var(--txt-red);}


.head-fut-btn.mob-btn {width: 100%; justify-content: center;}


/*About Us page*/
h5.small-title { font-size: 20px; color: var(--bg-black); font-family: var(--ff-gotham-regular); padding-bottom: 5px; line-height: 1.1; }

.abt-vision-sec{float: left;width: 100%;padding: 50px 0;background: var(--bg-alabasterwhite);}
.our-vision-cont {display: flex;flex-wrap: wrap;width: 100%; column-gap: 2%;}
.our-vision-pad {flex: 0 1 49%; padding: 30px; background: #fff; border: 1px solid #D5D5D6; border-radius: 10px;}
.our-vision-pad p {color: var(--txt-black1);font-size: 18px;line-height: 1.5;font-family: var(--ff-gotham-regular);margin-bottom: 30px;}
.our-vision-pad p span {font-family: var(--ff-gotham-bold);}
.our-curriculum.abt-history p {padding-bottom: 20px;}
.our-curriculum.abt-history .explore-tab {padding: 0 13% 0px;}

ul.management-tab-list  { display: flex; flex-wrap: wrap; width: 100%; column-gap: 2%; row-gap: 25px;}
ul.management-tab-list li { flex: 0 1 49%; display: flex; align-items: center;border: 1px solid #EBEBEB; border-radius: 5px; padding: 15px;background: #fff;}
.manage-lft { flex: 0 1 50%; border-radius: 10px; overflow: hidden; transition:all .5s ease;}
.manage-rht { flex: 0 1 50%;padding-left: 20px;}
.manage-rht h3 {font-size: 22px;color: var(--bg-black);font-family: var(--ff-gotham-bold);padding-bottom: 15px;line-height: 1.1;}
.manage-rht p {color:#3B3B3B; text-transform: uppercase;margin-bottom: 35px;}
ul.management-tab-list li:hover .arw-lnk a{ background: #D95B59; color: #fff;}
ul.management-tab-list li:hover .manage-lft img { transform: scale(1.02);}

/*about-award-sec*/
.award-sec {display: flex;flex-wrap: wrap;width: 100%;}
.award-sec ul { display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center; column-gap: 2%; row-gap: 30px;}
.award-sec ul li { flex: 0 1 30%; border-radius: 10px; overflow: hidden;}
.award-sec ul li img { float: left; width: 100%;}

/*activity - outdoor page*/
.activity-outdoor-cont ul { display: flex; flex-wrap: nowrap; width: 100%; align-items: inherit; justify-content: center; column-gap: 2%; row-gap: 30px !important;margin: 0; padding: 0 !important;}
.activity-outdoor-cont ul li { flex: 0 1 auto; overflow: hidden; padding:0 !important; margin: 0; border: none !important; }
.activity-outdoor-cont ul li img { float: left; width: 100%;}
ul.list-cont { display: flex; flex-wrap: wrap; align-items: flex-start; width: 100%; column-gap: 2%; row-gap: 30px !important; margin: 0; padding: 40px 0 0 0 !important;font-size:18px; font-family: var(--ff-gotham-regular); color: var(--bg-grey);}
ul.list-cont li {flex: 0 1 49%; position: relative;padding: 0 0 0 30px !important;border: none;text-align: left;line-height: 1.5;}
ul.list-cont li::after { position: absolute; content: ''; background: url(../images/list-arw.svg) no-repeat left center; width: 20px; height: 20px; left:0; top: 4px;}
ul.list-cont li.remove-pad { padding:0 0 0 30px;}
/*photo gallery*/
.photo-gallery-cont {float: left;width: 100%;margin: 0;padding: 0; }
.photo-gallery-cont ul{ padding: 0 !important; display: flex; flex-wrap: wrap; width: 100%; column-gap: 2%; row-gap: 20px !important; justify-content: start; }
.photo-gallery-cont ul li{ flex: 0 1 32%;border: none; padding: 0 !important; }
.photo-gallery-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px; }
.photo-gallery-img img { float: left; width: 100%; transition: all 0.5s ease; }
.photo-gallery-img .top-img { position: absolute; left: 0px; top:0px; height: 100%; object-fit: cover; }
.gallery-txt {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;align-items: center;padding: 30px 0 0 0; position: absolute; bottom: 0;padding: 20px;}
.gallery-txt h3 { font-size: 18px; color: var(--txt-white); line-height: 1.5;flex: 0 1 75%; text-align: left;}

.photo-gallery-img .dark-bg { width: 100%; height:50%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.50) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
position: absolute; bottom: 0;}
.arw-gal {width: 50px;height: 50px; color: var(--bg-white);background: #fff; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-radius: 30px; transition: all .5s ease;}
.arw-gal:hover {background: var(--bg-red);}
.arw-gal i {color: #333;font-size: 25px;rotate: -45deg;transition: all 0.5s ease;}
.arw-gal:hover i {rotate: 0deg; color: #fff;}
.photo-gallery-cont ul li:hover img {transform: scale(1.02);}

.gallery-txt-icn {display: flex;flex-wrap: wrap;width: 100%;justify-content: space-between;align-items: center;padding: 30px 0 0 0;position: absolute;bottom: 0;padding: 20px;}

.photo-gallery-img::before {position: absolute;opacity: 0;visibility: hidden;content: "";background: rgba(16, 44, 96,0.70);top: 0;left: 0;width: 100%;height: 100%;transition: all 0.5s ease;border-radius: 20px 20px 0 0;}
.photo-gallery-cont ul li .photo-gallery-img::after {position: absolute;opacity: 0;visibility: hidden;content: "";background: url("../images/zoom-ico.svg") no-repeat scroll center center;top: 50%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;width: 50px;height: 50px;transition: all 0.5s ease;}
.photo-gallery-cont ul li:hover .photo-gallery-img::after, .photo-gallery-cont ul li:hover .photo-gallery-img::before {opacity: 1;visibility: visible;z-index: 9;}

.photo-gallery-cont.video-gallery .photo-gallery-img::before { display: none; }
.photo-gallery-cont.video-gallery .photo-gallery-img::after { display: none; }

.video-gallery .photo-gallery-img .arw-gal i {rotate: 0deg; transition: all 0.5s ease;}

.activities-at-nandha .photo-gallery-cont.two-col ul li:last-child { flex: 1 1 32%; border: none; padding: 0; display: block; }
.photo-gallery-cont.two-col ul li { flex: 1 1 32%;}
.photo-gallery-cont.two-col h3 { font-size: 30px; color: var(--txt-white); font-family: var(--ff-gotham-bold); text-transform: Titlecase; width: 100%; line-height: 1.1; bottom: 0; padding: 20px 40px 40px; }
.photo-gallery-cont.two-col .gallery-txt { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; align-items: center; padding: 20px 40px 20px 0px; position: absolute; bottom: 0; }



/*inner*/
.newsletter-section { float: left; width: 100%; margin-top: 60px;}
.newsletter-tab { float: left; width: 100%; margin-bottom: 40px; }
.newsletter-tab ul.tab-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; justify-content: center;}
.newsletter-tab ul.tab-list li {flex: 0 1 auto; padding: 8px 32px; cursor: pointer; border-radius: 50px; text-align: center; font-family:var(--ff-gotham-medium); background: none; border: 2px solid #D95B59; font-size: 17px; line-height: 22px; color: #133370; position: relative; transition:all .5s ease;}
.newsletter-tab ul.tab-list li::before {display: block; content: attr(title); font-family:var(--ff-gotham-medium); height: 1px; color: transparent; overflow: hidden; visibility: hidden;}
.newsletter-tab ul.tab-list li.current { background: #133370; color: #FFFFFF; font-family:var(--ff-gotham-medium); position: relative;border: 2px solid #133370;}
.newsletter-tab ul.tab-list li:hover { background: #133370; color: #FFFFFF;border: 2px solid #133370;}
.newsletter-tab ul.tab-list li span { display: block;font-family:var(--ff-gotham-regular); color: var(--txt-red);}
.newsletter-tab ul.tab-list li:hover span { color: var(--txt-white);}
.newsletter-tab ul.tab-list li.current span { color: var(--txt-white);}
.newsletter-tab ul.tab-list li.current::after { position: absolute; content: ''; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #133370; rotate: 180deg; bottom: -11px;left: 0;margin: 0 auto; right: 0;}
.newsletter-content { float: left; width: 100%; padding-bottom: 60px;}
.newsletter-content .tab-cnt { float: left; width: 100%; display: none;}
.newsletter-content .tab-cnt.current { display: block;}

.com-arribar-cnt {float: left;width: 100%;}
.com-arribar-cnt ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 2%; row-gap: 20px;}
.com-arribar-cnt ul li { flex: 0 1 32%; border: 1px solid #dfdfdf; padding: 20px; border-radius: 10px; transition:all .5s ease;}
.com-arribar-cnt ul li .newsletter-cont{ display: flex; flex-wrap: wrap; width: 100%; justify-content: left;row-gap: 20px; padding: 0;}
.file-icn {flex: 0 1 100%;}
.com-arribar-cnt h3 { color: #333;font-family: var(--ff-gotham-bold);font-size: 30px;padding: 0px;margin: 0px;line-height: 1.2; padding-bottom: 20px;}
.com-arribar-cnt ul li .newsletter-cont img { width: 48px;height: 48px;}
.com-arribar-cnt ul li .newsletter-cont h4 { color: #333;font-family: var(--ff-gotham-bold);font-size: 25px;padding: 0px;margin: 0px;line-height: 1.2;flex: 0 1 80%;}
.date-cont {flex: 0 1 auto;background: #474747;color: var(--txt-white);padding: 5px 20px;border-radius: 25px;}
.com-arribar-cnt ul li:hover { border: 1px solid var(--bg-green);}
.com-arribar-cnt ul li:hover .date-cont{ background: var(--bg-green); color: var(--txt-white);}

.com-circular-cnt {float: left;width: 100%;}
.com-circular-cnt ul { display: flex; flex-wrap: wrap; width: 100%; column-gap: 2%; row-gap: 20px;}
.com-circular-cnt ul li { flex: 0 1 32%; border: 1px solid #dfdfdf; padding: 20px; border-radius: 10px; transition:all .5s ease;}
.com-circular-cnt ul li .newsletter-cont{ display: flex; flex-wrap: wrap; width: 100%; justify-content: left;row-gap: 20px; padding: 0;}
.file-icn {flex: 0 1 100%;}
.com-circular-cnt h3 { color: #333;font-family: var(--ff-gotham-bold);font-size: 30px;padding: 0px;margin: 0px;line-height: 1.2; padding-bottom: 20px;}
.com-circular-cnt ul li .newsletter-cont img { width: 48px;height: 48px;}
.com-circular-cnt ul li .newsletter-cont h4 { color: #333;font-family: var(--ff-gotham-bold);font-size: 25px;padding: 0px;margin: 0px;line-height: 1.2;flex: 0 1 80%;}
.date-cont {flex: 0 1 auto;background: #474747;color: var(--txt-white);padding: 5px 20px;border-radius: 25px;}
.com-circular-cnt ul li:hover { border: 1px solid var(--bg-green);}
.com-circular-cnt ul li:hover .date-cont{ background: var(--bg-green); color: var(--txt-white);}

.timeline-wrap{ padding: 0; width: 100%; float: left; }
.timeline-shell{display: flex;align-items: center;gap: 14px;padding: 0;}
.nav-btn{width: 48px;height: 44px;border: 0;border-radius: 999px;background: white;box-shadow: 0 10px 28px rgba(0,0,0,.10);cursor: pointer;font-size: 26px;line-height: 1;display: grid;place-items: center;user-select: none;}
.nav-btn:disabled{opacity: .35;cursor: not-allowed;}
.timeline-scroll{overflow-x: hidden; overflow-y: hidden;width: 100%;padding: 28px 0;}
.timeline-track{position: relative;display: inline-flex;align-items: center;gap: 38px;padding: 24px 140px 24px 40px;min-height: 440px;}
.timeline-line{position: absolute;left: 27px;right: 110px;top: 50%;height: 4px;transform: translateY(-50%);background: var(--line);border-radius: 999px;}
.timeline-start-dot{position: absolute;left: 0;top: 50%;width: 28px;height: 28px;transform: translateY(-50%);background: var(--accent);border-radius: 999px;}
.timeline-arrow{position: absolute;right: 92px;top: 50%;width: 46px;height: 46px;transform: translateY(-50%);}
.timeline-arrow::before,.timeline-arrow::after{content:"";position:absolute;right:0;top:50%;width: 40px;height: 8px;background: var(--accent);border-radius: 999px;transform-origin: right center;}
.timeline-arrow::before{ transform: translateY(-50%) rotate(30deg); }
.timeline-arrow::after{ transform: translateY(-50%) rotate(-30deg); }
.timeline-item{position: relative;display: grid;place-items: center;width: 220px;}
.hex{width: 140px;height: 140px;display: grid;place-items: center;border-radius: 50%;}
.hex-purple{ background: #9aa2ff; }
.hex-cyan{ background: #8be4ea; }
.hex-green{ background: #a7e26d; }
.hex-yellow{ background: #ffd74d; }
.year{ font-size:32px; line-height: 1; }

.bubble {position: absolute;d: var(--card);border: 2px solid var(--card-border);border-radius: 22px;padding: 18px;text-align: center;box-shadow: 0 10px 28px rgba(0,0,0,.08);}
.bubble-text{ font-size: 18px; line-height: 1.25; }
.bubble-top{ bottom: 170px; }
.bubble-bottom{ top: 170px; }
.bubble-top::after,.bubble-bottom::after{content:"";position:absolute;left: 50%;width: 18px;height: 18px;background: var(--card);border: 2px solid var(--card-border);transform: translateX(-50%) rotate(45deg);}
.bubble-top::after{bottom: -10px;border-top: none;border-left: none;}
.bubble-bottom::after{top: -10px;border-bottom: none;border-right: none;}
#prevBtn .arw-timeline-lft {display: block;content: "";width: 12px;height: 12px;border-top: 2px solid var(--bg-black);border-left: 2px solid var(--bg-black);transform: rotate(-45deg);transition: transform 0.3s ease-in-out;margin-left: 0px;position: relative;top: 0px;right: -3px;}
#nextBtn .arw-timeline-rht {display: block;content: "";width: 12px;height: 12px;border-top: 2px solid var(--bg-black);border-left: 2px solid var(--bg-black);transform: rotate(133deg);transition: transform 0.3s ease-in-out;margin-left: 0px;position: relative;top: 0px;right: 2px;}

@media (max-width: 900px){
.timeline-track{ gap: 100px; padding-left: 90px; padding-right: 120px; }
.bubble{ width: 280px; }
.hex{ width: 160px; height: 160px; }
.year{ font-size: 32px; }
}

/* Career */
.eligibility-at-nandha.career { padding: 50px 0;}
.careers-card{ width: 60%; margin: 0 auto; background:var(--bg-white); border-radius:15px; padding: 34px 34px 44px; box-shadow: 0 10px 30px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.05);  float: left; margin: 0 20%;}
.careers-fields{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; }
.careers-fields li{ flex: 0 0 calc(50% - 8px); /* gap/2 */ }
.careers-fields li.full-width{flex: 0 0 100%;}
.careers-fields input[type="text"],.careers-fields input[type="email"],.careers-fields input[type="tel"],.careers-fields input[type="date"],.careers-fields textarea{ width: 100%; background: #f7f7f7; border: 1px solid #f1f1f1; border-radius: 7px; padding: 14px 16px; font-size: 14px; outline: none; color: #333; font-family: var(--ff-gotham-regular); }
.careers-fields input{height: 46px;}
.careers-fields textarea{min-height: 210px;resize: vertical;}
.careers-fields li.full-width:last-child { justify-content: center; align-items: center; display: flex; }
.careers-fields li.file{ display: flex; flex-direction: column; gap: 12px; }
.careers-fields li.file label {font-size: 14px;color: #000000;}
.careers-fields input[type="file"] { width: 100%; background: #f7f7f7; border: 1px solid #f1f1f1; border-radius: 7px; padding: 10px 12px; font-size: 12px; }

/*Contact us*/
.contact-list{ float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.contact-list::before{display: none;}
.contact-us-list ul {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%;}
.contact-us-list ul li {flex: 0 1 32%; padding: 25px; border: 1px solid #E7E9E7; border-radius: 20px; display: flex; flex-wrap: wrap; row-gap: 20px; align-content: flex-start;}
.contact-us-list ul li span {background: #F5F5F5; width: 60px; height: 60px; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.contact-us-list ul li span img {width: auto;}
.contact-us-list ul li h3 {width: 100%; float: left; font-size: 20px; line-height: 26px; font-weight: 400; font-family: var(--ff-gotham-medium);}
.contact-us-list ul li p {width: 100%; float: left; color: #3A3A3A; font-weight: 200; font-size: 16px; line-height: 30px; margin: 0; font-family: var(--ff-gotham-regular);}
.contact-us-list ul li a {float: left; color: #3A3A3A; font-weight: 400; font-size: 16px; line-height: 26px; transition: all 0.4s ease;}
.contact-us-list ul li a:hover {color: #D95B59;}

.send-msg-card{ width: 60%; margin: 0 auto; background:var(--bg-white); border-radius:15px; padding: 34px 34px 44px; box-shadow: 0 10px 30px rgba(0,0,0,0.06);border: 1px solid rgba(0,0,0,0.05);  float: left; margin: 0 20%;}
.contact-fields{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; }
.contact-fields li{ flex: 0 0 calc(50% - 8px); /* gap/2 */ }
.contact-fields li.full-width{flex: 0 0 100%;}
.contact-fields input[type="text"],.contact-fields input[type="email"],.contact-fields input[type="tel"],.contact-fields input[type="date"],.contact-fields textarea{ width: 100%; background: #f7f7f7; border: 1px solid #f1f1f1; border-radius: 7px; padding: 14px 16px; font-size: 14px; outline: none; color: #333; font-family: var(--ff-gotham-regular); }
.contact-fields input{height: 46px;}
.contact-fields textarea{min-height: 210px;resize: vertical;}
.contact-fields li.full-width:last-child { justify-content: center; align-items: center; display: flex; }
.btn-pad {display: flex;  flex-wrap: wrap;}
#contact_submit_load, #career_submit_load {display: none;background: var(--bg-red); color: var(--bg-white); border: 1px solid var(--bg-red); cursor: pointer;}
.contact-fields input.err-field[type="text"],.contact-fields input.err-field[type="email"],.contact-fields input.err-field[type="tel"],
.careers-fields input.err-field[type="text"],.careers-fields input.err-field[type="email"],.careers-fields input.err-field[type="tel"] { border: 1px solid #e52429; }
.err-msg {display: none;font-size:13px;color: #e52429;padding-top: 3px;line-height: 1.2;}

.map-sec {width: 100%; float: left; padding: 20px 0; margin: 0px;}
.map-sec iframe {width: 100%; float: left; height: 480px; border-radius: 15px;}

/*Management Officers*/
.officers-list{ float: left; width: 100%; padding: 80px 0; background: var(--bg-white); }
.officers-list::before{display: none;}

.officers-list ul {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%;}
.officers-list ul li {flex: 0 1 32%; padding: 25px 10px 25px 25px; border: 1px solid #E7E9E7; border-radius: 20px; display: flex; flex-wrap: wrap; row-gap: 15px; align-content: flex-start;}
.officers-list ul li span {background: #F5F5F5; width: 60px; height: 60px; border-radius: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.officers-list ul li span img {width: auto;}
.officers-list ul li h3 {width: 100%; float: left; font-size: 20px; line-height: 26px; font-weight: 400; font-family: var(--ff-gotham-medium);}
.officers-list ul li h4 {width: 100%; float: left; font-size: 16px; line-height: 10px; font-weight: 200; font-family: var(--ff-gotham-regular); color: #D95B59;}
.officers-list ul li p {width: 100%; float: left; color: #3A3A3A; font-weight: 200; font-size: 16px; line-height: 30px; margin: 5px 0;  font-family: var(--ff-gotham-regular);}
.officers-list ul li p a {color: #3A3A3A; font-weight: 400; font-size: 16px; line-height: 26px; transition: all 0.4s ease;}
.officers-list ul li p a:hover {color: #D95B59;}

/*Submit Button*/
.careers-btn { cursor: pointer; display: inline-flex; column-gap: 10px; width: auto; height: 56px; padding: 0px 20px; border: 1px solid var(--bg-black); background: var(--bg-white); align-items: center; justify-content: space-between; margin-top: 20px; color: var(--txt-black); font-size: 16px; font-family: var(--ff-gotham-medium); border-radius: 35px; transition: all .5s ease; }
.careers-btn:hover { background: var(--bg-red); color: var(--bg-white);border: 1px solid var(--bg-red); }
.careers-btn .arrow { font-size: 14px; line-height: 1; }

/*News*/
.news-pad.news-list h2.title-heading { font-size: 30px;}
.news-pad.news-list ul li { flex: 0 1 32%;}

.events-pad.events-list h2.title-heading { font-size: 30px;}
.events-pad.events-list ul { column-gap: 2%; }
.events-pad.events-list ul li { flex: 0 1 32%;}
/*music-hall*/
.admission-cnt-rht.cont-para p {font-size: 18px;padding-bottom: 15px;line-height: 1.5;}
.admission.yoga .admission-img-lft { order: 1;}
.admission.lft-cont .admission-img-lft { order:1;}
.admission-cnt-rht.para ul {row-gap: 15px;display: flex;flex-wrap: wrap;}
.admission-cnt-rht.para p {line-height: 1.5;font-size: 18px;}
:root{--navy:#142553;--navy-2:#0f1f48;--border:#dfe7f5;--text:#0f172a;--muted:#334155;--subject:#ff3b00;--bg:#ffffff;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:2px;}
/* Table */
.marks-table{width:100%;min-width:860px; /* keeps layout similar on small screens */border-collapse:collapse;table-layout:fixed;background:#fff;}
.marks-table th,.marks-table td{border:1px solid var(--border);padding:18px 14px;text-align:center;vertical-align:middle;line-height:1.35;}
/* Header rows */.marks-table thead th{background:#133370;color:#fff;font-weight:700;font-size:16px;}
.marks-table thead tr:nth-child(3) th{background:#133370;}
/* Column widths */
.col-subject{ width:22%; }
.col-term{ width:28%; }
.col-periodic{ width:22%; }
.col-notebook{ width:22%; }
.col-activity{ width:22%; }
/* Body cells */
.marks-table tbody td{font-size:16px;color:var(--muted);font-weight:400;background:#fff;}
.subject-cell{background:var(--bg-red) !important;color:#fff !important;font-weight:800;}
.activity{color:var(--text) !important;font-weight:700;}
.soft{color:var(--muted);font-weight:600;}

.assesment-table {float: left;width: 100%;padding: 60px 0 0 0;}
.admission.lft-cont.add-table {padding: 0 0 80px;}

.photo-gal-mail ul li .photo-gallery-img::after, .photo-gal-mail ul li .photo-gallery-img::before { display: none; }
.photo-gallery-cont.gal-lst ul li .photo-gallery-img::after, .photo-gallery-cont.gal-lst ul li .photo-gallery-img::before { display: none; }

.grey-bg { background: #f5f5f5;}