body {margin:0; padding:0; font-family:var(--primary-font-family); font-size:16px; font-weight:300; color:#231F20; overflow-x:hidden; }  

 /* body {margin:0; padding:0; font-family:var(--primary-font-family); font-size:16px; font-weight:300; color:#231F20; overflow-x:hidden;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none;} */

  /* Disable image dragging */
  img {
    pointer-events: none; /* Prevent dragging or context menu */
    -webkit-user-drag: none; /* Disable dragging in WebKit browsers */
  }
h1, h2, p, li {max-width:100%;}
a { text-decoration: none;}
.top-menu ul {list-style-type:none; padding-inline-start:0; transition:all 0.35s ease;}
.menu-icon ul {position:relative;}

.top-menu ul li.hamburger-menu { margin-top: 10px; line-height:30px; padding: 10px 30px; background:var(--bs-primary); border-radius:10px; font-family: var(--heading-font-family); text-transform: uppercase;}
.top-menu ul li.hamburger-menu:hover { background:var(--bs-secondary);}
.top-menu ul li.hamburger-menu a {font-size:24px; letter-spacing: 1px; line-height:40px; color:#fff;  padding:0 15px 0 0; cursor:pointer; position:relative; font-family: var(--heading-font-family); text-transform: uppercase; text-decoration: none}
.top-menu ul li.hamburger-menu a:hover {text-decoration:none;}

.top-menu .menu-icon {margin-left:0;}
#nav-icon3 {width:40px; height:30px; position:relative; -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; overflow:hidden; flex:0 0 auto; margin-top:5px;}
#nav-icon3 span {display:block; position:relative; height:4px; width:100%; margin-bottom:5px; border-radius:9px; 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;}
#nav-icon3 span:last-child {margin-bottom:0;}
#nav-icon3 span:before, #nav-icon3 span:after {content:""; position:absolute; width:100%; height:100%; background-color:#FFFFFF; transform:translateX(-200%); transition:transform ease 300ms;}
#nav-icon3 span:after {transform:translateX(0);}
#nav-icon3 span:nth-child(2):before, #nav-icon3 span:nth-child(2):after {transition-delay:75ms;}
#nav-icon3 span:last-child:before, #nav-icon3 span:last-child:after {transition-delay:150ms;}
#nav-icon3:hover span:before {transform:translateX(0);}
#nav-icon3:hover span:after {transform:translateX(200%);}
.top-menu li div {line-height:initial;}
.side-menu {position:fixed; right:-100%; height:100vh; z-index:9999; width:30%; background:linear-gradient(to bottom, rgb(52 58 64 / 95%), #000000); color:white; padding:30px; transition:all 500ms ease;}
.side-menu .close {color:white; float:none; opacity:1; cursor:pointer; font-size:30px; line-height: 40px; font-weight:400; text-shadow:none; font-family: var(--heading-font-family);}
.side-menu .close i {font-size:20px; vertical-align:middle; line-height: 40px;}
.menu {list-style-type:none; padding-inline-start:initial; height:70vh; overflow:auto; margin-top:25px; font-family: var(--heading-font-family);  text-decoration: none;}
.dropdown { font-size:20px; margin-bottom:20px; line-height: 30px; cursor:pointer;}
p.dropdown  { color: #FFF;}
.dropdown:hover .dropdown-arrow i:last-child {transform:translateY(-100%);}
.dropdown:hover .dropdown-arrow i:first-child {transform:translateY(0);}
.dropdown.active .dropdown-arrow i:last-child {transform:translateY(-100%);}
.dropdown.active .dropdown-arrow i:first-child {transform:translateY(0);}
.dropdown-arrow {width:28px; height:28px; border-radius:50%; border: none; background:#FFFFFF; float:right; overflow:hidden; position:relative; margin-right:10px;}
.dropdown-arrow i { font-size: 12px; width: 28px; height: 28px; line-height: 28px;}
.dropdown.active .dropdown-arrow.active i:first-child {transform:translateY(-100%);}
.dropdown.active .dropdown-arrow.active i:last-child {transform:translateY(0);}
.dropdown-arrow i {vertical-align:middle; position:absolute; transition:all 0.5s linear; color:var(--bs-primary);}
.sub-dropdown .dropdown-arrow.active i:last-child {transform:translateY(-100%);}
.sub-dropdown .dropdown-arrow.active i:first-child {transform:translateY(0);}
.dropdown-arrow i:first-child {transform:translateY(100%);}
.sub-menu, .child-sub-menu, .left-panel .sub-menu {list-style-type:none; font-family:var(--primary-font-family); padding-inline-start:0px; display:none; font-weight:500; margin-bottom:20px; margin-top:10px;}
.left-panel .sub-menu li {padding-bottom:5px;}
.left-panel .sub-menu {margin:0px;}
.child-sub-menu {margin-top:5px;}
.sub-dropdown {width:90%;}
ul.sub-menu li {margin-bottom:5px; margin-top: 5px;}
ul.sub-menu li:hover a:after {width:100%;}
.sub-menu a, .sub-dropdown {font-size:14px; color:#FFFFFF; position:relative; text-transform:uppercase;}
.sub-menu a:after, .sub-dropdown:after {content:''; height:1px; width:0; background-color:white; position:absolute; bottom:-4px; left:0; transition:all 300ms ease;}
.sub-dropdown:hover .child-sub-menu li a:after {width:0;}
.sub-dropdown:hover .child-sub-menu .sports-sub-menu:hover a:after {width:100%;}
.child-sub-menu li:hover a:after {width:100%;}
.sub-menu a:hover {text-decoration:none;}
.sub-dropdown {cursor:pointer;}
/* .contact {position:absolute; width:90%; bottom:0; font-size:16px; padding:15px 0; border-top:0.5px solid #fff;} */
.contact{
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 16px;
    border-top: 0.5px solid #fff;
    left: 0px;
    padding: 0px 15px 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact a {color:#fff;}
.contact a:hover {color:#bca180e6; text-decoration:none;}
.f-13 {font-size:16px;}
.contact p {margin:10px 0 5px; color: #FFF !important}
.contact .social-media-icons i {color:white; font-size:22px; padding-right:10px;}
.contact .social-media-icons i:hover {color:#bca180e6}
.close-btn {font-size:22px; font-weight:bold; margin-bottom:30px; cursor:pointer;}
.close-btn i {font-size:28px;}
.slide {overflow:hidden; width:100%; height:100vh; position:relative;}
.banners {height:100vh; width:100%; overflow-y:scroll;}
.banners::-webkit-scrollbar {width:1px;}
.banners>.swiper-slide {background:#fff; display:flex; justify-content:center; align-items:center; background-repeat:no-repeat; background-size:cover; position:relative;}
/*.slide video {width:100%; position:absolute; bottom:0; left:0;}*/


.slide video {display: block;
  object-fit: cover;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
    vertical-align: middle;}

.pagination {border-radius:0; position:fixed; top:0; height:100vh; background-color:rgba(52, 58, 64, 0.8); left:0; width:50px; justify-content:center; align-items:center; z-index:1;}
.pagination ul {list-style-type:none; padding-inline-start:0;}
.pagination li a {padding:5px; border-radius:50%; background-color:white; cursor:pointer; line-height:0; font-size:0;}
.pagination li {margin:10px 0; height:20px; width:20px; border-radius:50%; display:flex; justify-content:center; align-items:center;}
.pagination li.active {border:1px solid white;}
#home-page .banners>.slide:first-child .title {position:absolute; bottom:40px; left:60px; text-align:left; color:#ffffff; display:flex; opacity:0;}
.bar {width:20px; background-color:#ffffff; margin-right:15px; background-image:linear-gradient(#ECD5B8 0%, #BCAD9D, #938074);}
.storie-box a {color:#231F20;}
.storie-box a:hover {text-decoration:none;}
.animation-text .whitespace {width:20px;}
#slider-1 .animation-text .char {display:inline-block; -webkit-animation-delay:calc(0.25s + var(--char-index) * 0.1s); animation-delay:calc(0.25s + var(--char-index) * 0.1s); transition:all 0.25s calc(0.25s + var(--char-index) * 0.1s);}
.animation-text .char {display:inline-block; -webkit-animation-delay:calc(0.25s + var(--char-index) * 0.1s + 9s); animation-delay:calc(0.25s + var(--char-index) * 0.1s + 9s); transition:all 0.25s calc(0.25s + var(--char-index) * 0.1s + 9s);}
.headline .animation-text .char {display:inline-block; -webkit-animation-delay:calc(0.25s + var(--char-index) * 0.1s); animation-delay:calc(0.25s + var(--char-index) * 0.1s); transition:all 0.25s calc(0.25s + var(--char-index) * 0.1s);}
.sub-headline .animation-text .char {display:inline-block; -webkit-animation-delay:calc(0.25s + var(--char-index) * 0.1s); animation-delay:calc(0.25s + var(--char-index) * 0.1s); transition:all 0.25s calc(0.25s + var(--char-index) * 0.1s);}
.animation-text .char {opacity:0; -webkit-transform:translate(0, 100%); transform:translate(0, 100%);}
.title-animation {opacity:1 !important; -webkit-transform:translate(0, 0) !important; transform:translate(0, 0) !important;}
.whitespace {width:9px;}
.animate__delay-11s {animation-delay:11s;}
.animate__delay-12s {animation-delay:12s;}
.animate__delay-14s {animation-delay:14s;}
#newsletter .headline .title-text {color:#fff;}
#other-event .headline .title-text {color:#fff;}
#monthly-newsletter .headline .title-text {color:#fff;}
#main-event .headline .title-text {color:#fff;}
#newsletter #slider-1 {background-image:url(../images/news-banner.jpg);}
#other-event #slider-1 {background-image:url(../images/other-events-banner.jpg);}
#gallery .breadcrumb-item+.breadcrumb-item {color:#fff;}
#home-page .banners>.slide:first-child .animation-text {font-size:60px; margin:0;  text-shadow:0in 0in 0.09in black; display:block; line-height:60px; white-space:pre;}
.banners>.slide:nth-child(2) .title {text-align:left; color:#fff; margin-bottom:15px;}
.banners>.slide .animation-text {font-size:100px;  color:#fff; display:flex; line-height:90px; white-space:pre;}
#slider-1 .animation-text, #slider-2 .animation-text {display:block;}
#slider-3 .animation-text {margin-left:6rem;}
.animation-text:first-child>span {display:flex; flex-wrap:wrap;}
.animation-text>span {display:block;}
#slider-2 .text {opacity:0;}
#slider-2 .info {display:flex; flex-wrap:wrap;}
#slider-2 .info>span.word {color:transparent; overflow:hidden; position:relative; margin-bottom:2px;}
#slider-2 .info>span.word:before {display:block; content:attr(data-word); position:absolute; color:#FFF; top:0; left:0; padding:inherit; opacity:0;}
#slider-2 .info>span.latter:before {animation:reveal-in 3s cubic-bezier(.5, 0, .5, 1) forwards; animation-delay:calc(.5s * var(--line-index) + 12s);}
#slider-2 .svg-bg embed {width:90%;}
.hide-menu {display:none;}

@keyframes reveal-in {
0% {transform:translateY(120%);}
10% {opacity:1;}
100% {transform:translateY(0%); opacity:1;}
}

@keyframes text-opaicty {
0%, 95% {opacity:0;}
100% {opacity:1;}
}

@keyframes show {
0%, 95% {opacity:0;}
100% {opacity:1;}
}

#slider-5 .animation-text {justify-content:start; padding-right:90px;}
.banners>.slide:nth-child(2) p {font-size:20px; color:#fff;}
.banners>.slide:first-child .row {background:none;}
.banners .slide>.row {padding:80px 100px; position:relative; margin:0;}
.swiper-button-next:hover .circle, .arrow:hover .circle, .read-more:hover .circle {stroke:#FFFFFF; animation:stoke 5s linear;}
.arrow:hover .circle circle {stroke:#FFFFFF;}
#upcoming-events .arrow:hover .circle {animation:none; stroke:rgb(148, 127, 116);}
#upcoming-events .arrow:hover .circle circle {stroke:rgb(148, 127, 116);}
.circle {position:absolute; stroke-dasharray:1000; stroke-dashoffset:0;}
.legacy .swiper-button-next:hover .next-arrow path {animation:fill-color 1s linear;}

@keyframes fill-color {
to {fill:#bca180e6;}
}

.legacy .swiper-button-prev:hover .prev-arrow path {animation:fill-color 1s linear;}

@keyframes stoke {
from {stroke-dashoffset:1000;}
to {stroke-dashoffset:0;}
}

.bg-color {background:linear-gradient(to right, rgb(34 31 31 / 81%), rgb(12 12 12 / 37%)); position:absolute; top:0; right:0; height:100%; width:100%; transform-origin:left; transform:translateX(-100%);}

@keyframes bg-color {
0% {transform:translateX(-100%);}
100% {transform:translateX(0);}
}

@keyframes svg-opacity {
0% {opacity:0;}
100% {opacity:1;}
}

.arrow i {line-height:1.3;}
.arrow p {line-height:2.1;}
.learn-more-btn p, .all-stories-btn p { font-size:20px !important; padding-left:7px; color:#fff; letter-spacing:0.8px; FONT-WEIGHT:500; line-height:14px;}
.all-stories-btn p {font-size:30px;}
.icons {font-size:20px; color:#fff; margin-top:4rem; display:none;}
.icons div {border:1px solid #fff; padding:0px 8px;}
.school-img {height:70vh; width:88%; margin:auto; box-shadow:0.1in 0.1in 0.07in rgb(0 0 0 / 36%); position:relative; transition:all .8s; overflow:hidden; display:flex; justify-content:center; align-items:center; opacity:0;}
.school-img img {width:100%; position:absolute;}
.read-more-btn {font-size:16px; line-height:16px;}
.read-more-btn a {color:#fff;}

@keyframes second-img {
0%, 50% {opacity:1;}
51%, 100% {opacity:0;}
}

@keyframes active-img {
0%, 50% {background:linear-gradient(to bottom, rgb(188 161 128 / 90%), rgb(83 68 59 / 90%));}
51%, 100% {background:transparent;}
}

.school-img:hover img {transition:all .8s; transform:scale(1.1);}
.school-img:hover:after {height:80px; width:80px;}
.overlap-img {width:460px; height:200px; position:absolute; bottom:-40px; right:0px; opacity:0; border-radius:40px; box-shadow:0.1in 0.1in 0.07in rgb(0 0 0 / 36%);}
.school>div {background-position:TOP center; padding:0;}
.school .jnis {background-image:url(../images/jnis_school.jpg); border-radius:0 10px 10px 0;}
.school .gift-city {background-image:url(../images/gift_city_JNS.jpg); border-radius:10px 0 0 10px;}
.school .jnis .txt {border-radius:0 10px 10px 0;}
.school .gift-city .txt {border-radius:10px 0 0 10px;}
.school {height:100%; margin:0;}
.overlap-img .txt {padding:15px 20px; font-size:26px; margin-right:0; margin-left:auto; height:100%; width:100%; position:relative;}
.overlap-img .txt i {font-size:25px; line-height:30px;}
.overlap-img .txt .learn-more-btn {position:absolute; bottom:45px;}
.overlap-img .txt .learn-more-btn p {font-size:18px !important; text-shadow:1px 2px 5px #00000085;}
.overlap-img .txt h6 {font-size:29PX;  color:#FFF; line-height:28px; text-shadow:1px 2px 5px #00000085;}
.overlap-img .txt .learn-more-btn {}
.overlap-img:after {width:45%; height:13px; background-color:white; position:absolute; bottom:20px; z-index:0; left:23px;}
.overlap-img .txt:after {width:45%; height:8px; background-color:#FFFFFF; position:absolute; bottom:22px; z-index:0; right:33px;}
progress {opacity:0;}
.progress-element {width:90%; position:absolute; bottom:10px; left:50%; transform:translateX(-50%);}
.progress-container {position:relative; background:#FFFFFF; height:10px; border-radius:0; box-shadow:0.01in 0.01in 0.07in rgb(0 0 0 / 50%);}
.progress-container .progress-bar {content:""; position:absolute; top:50%; transform:translateY(-50%); left:0; height:14px; width:0; background:white;}

@keyframes progress-line {
to {width:100%;}
}

#slider-2 .svg-bg {}
#slider-3 .svg-bg {position:absolute; bottom:-10px; left:0; width:100%;}
#slider-3 .svg-bg img {width:100%;}
.text {margin-top:20px;}
.legacy .text {padding-left:7.5rem;}
#slider-5 .text {margin-top:40px; margin-left:10rem;}
#slider-2 .text {margin-top:0px; width:70%;}
#slide-2 .hidden {opacity:0;}
#slider-2 a, #slider-3 a {color:white;}
#slider-5 .svg-bg {position:absolute; top:0; left:0; height:100%;}
.family-pic video {position:absolute; height:100%; width:100%; top:-20px; left:20px; display:block; object-fit:cover;}
.family-pic>div {width:100%; height:400px; background-color:white; position:relative;}
.family-pic>div video:after {content:''; height:100%; width:100%; position:absolute; left:-17px; bottom:-17px; background-color:rgb(230 230 230);}
.family-pic {padding-left:9rem; padding-top:20px;}
.family-pic H6 {font-size:30px; color:#fff;  margin:0;}
.family-pic p {color:#fff;}
.play-btn {position:absolute; width:60px; height:60px; border-radius:50%; border:2px solid white; display:flex; justify-content:center; align-items:center; bottom:40px; right:40px; color:white; cursor:pointer; box-shadow:5px 2px 12px 0px grey;}
.play-btn i {font-size:50px;}
.content-div {width:85%; margin:auto;}
.year {font-size:120px;  color:transparent; -webkit-text-stroke:1px white; margin:0; margin-bottom:140px; text-align:center; line-height:95px; letter-spacing:-7px; display:flex;}
.year .well {opacity:0;}
span.well>div>div {padding-top:5px; padding-right:5px;}
span.well>div {width:45px;}
span.counter-value {padding-right:7px;}

@keyframes year {
0%, 80% {opacity:0;}
81%, 100% {opacity:1;}
}

.legacy .swiper {height:600px; width:85%; margin:0; position:absolute; top:65%; transform:translateY(-50%); opacity:0;}
.legacy .swiper-button-next, .legacy .swiper-button-prev {width:100px; height:100px; right:160px; top:45%;}
.legacy .swiper-button-next svg, .legacy .swiper-button-prev svg {position:absolute;}
.legacy .swiper-button-prev {right:320px; left:auto;}
.legacy .swiper-button-next:after, .legacy .swiper-button-prev:after {content:'';}
.legacy .la-long-arrow-alt-left {font-size:120px; color:white; transition:all 1s ease;}
.legacy .la-long-arrow-alt-right {font-size:120px; color:#FFFFFF; transition:all 1s ease;}
.legacy .la-long-arrow-alt-right:hover, .legacy .la-long-arrow-alt-left:hover {color:#bca180e6;}
.legacy .svg-bg {position:absolute; top:55%; right:130px; transform:translateY(-50%); opacity:0;}
.legacy .svg-bg svg {height:210mm; width:210mm;}
.alumni {}
.alumni-slider {width:100%; margin-right:0; margin-left:auto; margin-top:1rem; margin-inline-end:-10rem; opacity:0;}
.alumni-slider .mySwiper, .alumni-slider .swiper-wrapper, .alumni-slider .swiper-slide {height:580px !important; cursor:pointer;}
.alumni-slider .swiper-slide img {height:100%; width:100%; overflow:hidden;}
.alumni-slider .swiper-button-prev {display:none;}
.alumni-slider .swiper-button-next i {font-size:45px; color:#FFFFFF; text-shadow:5px 2px 12px grey;}
.alumni-slider .swiper-button-next svg {height:80px; width:80px;}
.alumni-slider .swiper-button-next svg circle {filter:drop-shadow(2px 2px 5px gray);}
.alumni-slider .swiper-button-next, .alumni-slider .swiper-button-prev {width:60px; height:60px; border-radius:50%; right:260px;}
.alumni-slider .swiper-button-next div:after, .alumni-slider .swiper-rtl .swiper-button-prev div:after {content:""; display:block; width:2px; height:30px; background-color:#FFFFFF; transform:rotate(-45deg) translate(10px, 3px); left:0; top:0;}
.alumni-slider .swiper-button-next:after, .alumni-slider .swiper-rtl .swiper-button-prev:after {content:'';}
.alumni-slider .swiper-button-next div, .alumni-slider .swiper-rtl .swiper-button-prev div {display:block; margin:30px auto; width:20px; height:20px; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; transform:rotate(135deg);}
.alumni-slider .swiper-slide {position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center;}
.alumni-slider .swiper-slide:hover .alumni-info {transform:scale(1) translate(-50%, -50%);}
.alumni-slider .swiper-slide:hover:after {background-color:#FFFFFF; color:white;}
.alumni-slider .swiper-slide:after {content:'\002B'; font-size:70px; height:60px; font-weight:100; width:60px; border-radius:50%; background-color:white; color:#747474; position:absolute; bottom:20px; left:70px; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center;}
.alumni-info {position:absolute; background-color:rgb(0 0 0 / 75%); width:160%; height:130%; border-radius:100%; padding:120px 160px; color:white; top:50%; left:50%; transition:all 1s ease; transform:scale(0) translate(-50%, -50%); transform-origin:top left; display:flex; justify-content:center; align-items:center;}

.stories {background:#938074; overflow:hidden; background-size:contain; background-position:0; background-repeat:no-repeat; background-position:right;}

.stories .title {margin-left:11.5rem;}

.gallary {width:80%; margin:auto; height:75%;}
.gallary>div.row {position:relative; margin-bottom:20px; height:100%; width:100%;}
.gallary .row>div {height:100%;}
.social-icon {position:absolute; font-size:30px; color:#fff; right:10px;}
.description {height:35%; background-color:#fff; outline:1px double #938074; outline-offset:-5px; padding:5px 10px 9px 10px; position:absolute; bottom:0; display:inline-block;  width:100%;}
.description p {font-size:14px; line-height:15px; margin-bottom:0;}
.description span {font-size:13px; font-family:var(--primary-font-family);}
.description>div:first-child {width:85%;}
.gallary .social-media-img {height:80%; overflow:hidden; text-align:center; position:unset;}
.gallary .social-media-img img {height:100%; width:100%; display:block; object-fit:cover;}
.read-more {display:flex; justify-content:end; align-items:end; font-size:15px; width:15%; position:relative; bottom:0; margin-right:10px; margin-bottom:10px;}
#storie-box-1, #storie-box-4 {height:58%;}
.storie-box {width:90%; margin-bottom:20px; position:relative; box-shadow:2px 2px 5px #2e2e2e;}
.view-all-btn {margin-right:18rem;}
#storie-box-2, #storie-box-3 {height:39%;}
#storie-box-5, #storie-box-6 {height:48.5%;}
.youtube-video iframe {width:95%; height:95%;}
.youtube-video {height:32%; width:90%; margin-bottom:13px; background-color:white; display:flex; justify-content:center; align-items:center; box-shadow:2px 2px 5px #2e2e2e;}
.youtube-video:last-child {margin-bottom:0;}

.contact-links {margin-left:25px;}
.animated-line-content {opacity:0; animation:animtext-up .75s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation-delay:calc(.15s * var(--line-index));}

@keyframes animtext-up {
from {transform:translateY(100%); opacity:0;}
to {transform:translateY(0); opacity:1;}
}

.stories {position:relative;}
.stories .svg-bg {position:absolute; top:50%; transform:translateY(-50%); right:0; width:100%;}
.top {position:fixed; bottom:50px; right:20px; font-size:10px; text-align:center; cursor:pointer; transition:all .8s ease; z-index:9; display:none; height:50px; width:50px; border-radius:50%; justify-content:center; align-items:center; background-color:var(--bs-primary); color:var(--bs-white);}
.top:hover { background-color:var(--bs-secondary); color:var(--bs-white);}
.top i {font-size:10px;}
form#subscribe input {padding:5px 15px; border:1px solid black; width:50%; border-radius:0;}
form#subscribe button {font-size:12px; padding:12px 20px; color:white; background-color:black; border:1px solid black;}
.menu::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3); background-color:#F5F5F5;}
.menu::-webkit-scrollbar {width:6px; background-color:#F5F5F5;}
.menu::-webkit-scrollbar-thumb {background-color:#000000;}
hr {border-top:1px solid #8c8b8b; border-bottom:1px solid #fff;}
.counters {display:flex;}
.counter {position:relative; display:flex; overflow:hidden; align-items:center; height:5.125rem; margin:0 1.25rem 0.625rem;}
.counter>span {z-index:1; display:flex; flex-direction:column; height:100%; transition:-webkit-transform 2s ease; transition:transform 2s ease; transition:transform 2s ease, -webkit-transform 2s ease; -webkit-transform:translateY(0); transform:translateY(0); line-height:1; transition-delay:5s; padding-right:6px;}
.counter>span span {flex:0 0 100%; height:100%;}

@keyframes scale {
0% {transform:scale(0);}
100% {transform:scale(1);}
}

.banners>.slide .center-title .animation-text {font-size:160px; line-height:160px; text-shadow:0 0 2px hsl(0deg 0% 0% / 50%); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:18; width:80%; opacity:0;}
#logo-anthem .banners>.slide .center-title .animation-text {top:38%;}
.center-title .animation-text:first-child>span {justify-content:center;}
.breadcrumb {position:absolute; bottom:10px; background-color:transparent; font-family:var(--primary-font-family); font-size:22px; text-shadow:1px -1px 5px black; width:100%; justify-content:center;}
.breadcrumb a {color:#fff;}
.breadcrumb a:hover {text-decoration:none;}
.breadcrumb-item.active {color:#fff;}
.breadcrumb-item {font-family:var(--secondary-font);}
.breadcrumb-item+.breadcrumb-item::before {content:"|"; color:#fff;}
.svg-banner {position:absolute; width:100%; bottom:-10px; left:0; z-index:-1;}
.svg-banner embed {width:100%;}
#vision-mission .main-content, #patrons .main-content {color:var(--title-color);}
.main-content {color:#58595b; font-size:25px;}
.left-panel {padding:100px 50px; box-shadow:2px -2px 10px #919191; background-color:white; z-index:1;}
.left-panel .thought {margin-top:80px;}
.font-color {color:var(--title-color);}
.main-content {background-color:#e6e7e8;}
.main-content h1 {font-weight:400; color:#000000;}
.content {}
.right-panel {background-color:white; overflow:hidden; text-align:left; position:relative;}
.right-panel>.text {padding:100px 60px 0;}
.content .right-panel hr {margin:80px auto; height:1px; transition:all 3s ease; background-color:#938074;}
.content .right-panel hr.title-border {margin:15px 0;}
.left-panel h2 {color:#000000; text-transform:uppercase;  font-size:45px; line-height:45px;}
.left-panel h2 span {font-size:30px; color:#58595B;}
.content hr {height:1px; width:0px; background-color:#000000; margin:30px auto; transition:all 3s ease;}
.menu-list ul {padding-inline-start:0; list-style-type:none;}
.menu-list ul li {font-size:17px; padding-bottom:20px; font-family:var(--secondary-font); color:#58595B;}
.menu-list ul li a {color:#58595B;}
.menu-list ul li.active a {color:#000000; font-weight:600;}
.dropdown.active span {color:#000; font-weight:600;}
.dropdown.active a {color:#58595B !important; font-weight:normal !important;}
.dropdown .sub-menu .active a {color:#000000 !important; font-weight:600 !important;}
.dropdown .sub-menu li:hover a {color:#000000 !important; font-weight:600 !important;}
.left-panel .dropdown ul {padding-inline-start:20px; margin-top:15px; margin-bottom:0px;}
.left-panel .dropdown ul li {padding-bottom:5px;}
.left-panel .dropdown:hover>span {color:var(--title-color); text-decoration:none; font-weight:600;}
.menu-list ul li:hover>a {color:var(--title-color); text-decoration:none; font-weight:600;}
.options ul {padding-inline-start:0; list-style-type:none; margin-bottom:100px; padding:0 10px;}
.options ul li {font-size:20px; color:var(--title-color); margin-bottom:15px; font-family:var(--secondary-font);}
.options ul li span {padding-left:20px;}
.options img {width:80px;}
.headline {color:#000000; display:flex; margin-bottom:100px;}
.headline .title-text {font-size:85px;  line-height:80px;}
.headline .title-text span {}
.sub-headline {display:flex; color:#000000; font-size:60px;  line-height:60px; margin-bottom:30px; margin-top:5px;}
.pointers {border:1px solid #938074; padding:15px; margin-top:30px;}
.pointers ul li {color:#58595b; padding:9px 0; padding-left:0.5rem; border-bottom:1px solid #938074;}
.pointers ul li:last-child {border-bottom:none;}
.pointers ul li strong {color:var(--title-color); text-transform:uppercase;}
.thought {position:relative; display:inline-block;}
.thought p {font-size:50px; margin-bottom:0px; line-height:35px; display:inline-grid; padding:20px 30px; position:relative; font-family:var(--secondary-font); font-style:italic; font-weight:100; color:#000000;}
.thought p>span {color:#58595b; font-size:22px; text-align:right; margin-top:10px; font-style:initial;}
.thought:after, .thought:before {content:''; height:0%; width:2px; background-color:#938074; position:absolute; transition:all 5s ease;}
.line-animate:after, .line-animate:before {height:60%;}
.line-animate:after {right:0; bottom:-40px;}
.line-animate:before {top:-40px; left:0;}
.thought p:after, .thought p:before {left:0; content:''; height:2px; width:0px; background-color:#938074; position:absolute; transition:all 5s ease;}
#trustee .line-animate p:after {}
.mng-trust .line-animate::after {}
.line-animate p:after, .line-animate p:before {width:130px;}
.line-animate p:after {bottom:0; right:-40px; left:auto;}
.line-animate p:before {top:0; left:-40px;}
.line-animate .text {position:relative; display:inline-block; margin-top:0;}
.thought .text:after, .thought .text:before {content:''; color:#938074; position:absolute; font-size:50px; transition:all 5s ease; opacity:0; font-weight:bold;}
.line-animate .text:after, .line-animate .text:before {opacity:1;}
.line-animate .text:after {content:'\201D'; bottom:-75px; right:-34px;}
.line-animate .text:before {content:'\201C'; top:-45px; left:-34px;}
.testimonal-title h5 {color:#000000; font-size:40px;}
.testimonal-title p {color:#58595b; margin:auto;}
.testimonal {padding:6rem 0;}
.testimonal .swiper {padding:0 15px; z-index:0;}
.testimonal .swiper-slide p {color:#58595b; width:70%; margin:20px auto; font-size:18px;}
.testimonal .swiper-slide .date {font-size:24px; margin-top:0; visibility:hidden;}
.testimonal .btn {color:var(--title-color); font-size:22px; border:1px solid var(--title-color); border-radius:25px; text-transform:uppercase; padding:7px 10px; width:250px; margin-top:30px; font-weight:unset;}
.testimonal .swiper-slide-active img {filter:brightness(1) !important;}
.testimonal .swiper-slide-active .date {visibility:visible;}
.testimonal .swiper-slide-active figure {height:160px !important; width:160px !important;}
.testimonal .swiper-slide figure {height:120px; width:120px; margin:auto; border-radius:50%; position:relative; overflow:hidden; border:3px solid #fff;}
.testimonal .swiper-slide img {width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); filter:brightness(0.5);}
.testimonal .swiper-button-next:after, .testimonal .swiper-button-prev:after {font-size:20px; color:var(--title-color);}
.testimonal .swiper-button-next, .testimonal .swiper-button-prev {border:1px solid var(--title-color); border-radius:50%; width:40px; height:40px;}
.testimonal .swiper-button-next, .testimonal .swiper-rtl .swiper-button-prev {right:0;}
.testimonal .swiper-button-prev, .testimonal .swiper-rtl .swiper-button-next {left:0;}
.social-icn a {font-size:30px; color:var(--title-color);}
.social-icn a:hover {color:var(--title-color);}
.slide-container {position:relative; overflow:hidden; height:100%;}
.slide-container .slide {position:absolute; width:100%; height:100% !important; overflow:hidden; background-color:#fff; padding:10px 0;}
.slide-container #slide-1 {padding:0 100px;}
.philosophy-img {padding:0px 0; background-size:contain; z-index:999; background-repeat:no-repeat; background-position:bottom; padding-bottom:40px; margin-bottom:30px;}
.philosophy-img img {width:45%;}
.pointers ul {list-style:none; padding-inline-start:0;}
.pointers ul li::before {content:"\2022"; color:#938074; font-weight:bold; display:inline-block; width:.8em; font-size:25px; line-height:20px;}
#patrons #slider-1 {background-image:url(../images/banner/PATRONS.jpg);}
#patrons .thought {margin:60px;}
#patrons .line-animate:after, #patrons .line-animate:before {height:80%;}
#patrons .line-animate .text:after {}
#patrons .photo {}
.photo {position:relative; width:75%; margin:auto; margin-top:15px;}
.photo img {width:100%; position:relative; opacity:0; transform-origin:0; transform:scaleX(0); transition:all .5s linear;}
.shadow {box-shadow:none !important;}
.shadow:before {content:''; width:100%; height:100%; background-color:#938074; position:absolute; left:-10px; top:-10px;}
#patrons .right-panel, #vision-mission .right-panel {background-size:contain; background-repeat:no-repeat; background-position:bottom;}
#educational-trust #slider-1 {background-image:url(../images/banner/Naresee-Trust.jpg);}
#educational-trust .add-border:last-child>div:first-child:after {display:none;}
.border-bot:after {content:''; height:1px; width:0; position:absolute; transition:all 3s ease; bottom:0; left:0; background-color:rgb(137 120 110);}
.team-members.border-bot:after {width:100%;}
.w-60 {width:60%;}
.journey h1 {font-weight:400; color:var(--title-color);}
.journey li span {color:var(--title-color); font-weight:500;}
.journey li strong {font-weight:500;}
.journey ul {list-style:none; padding-inline-start:0;}
.journey li {margin-bottom:35px;}
.journey li a {color:var(--title-color);}
.journey ul li::before {content:"\2022"; color:var(--title-color); font-weight:bold; display:inline-block; width:.8em; font-size:25px;}
.members>div:hover .info {transform:scale(1) translate(-50%, -50%);}
.members .info p {position:relative; margin-bottom:0;}
.members .info p:after, .members .info p:before {color:#938074; content:''; position:absolute; font-size:60px; transition:all 5s ease; font-weight:bold;}
.members .info p:after {content:'\201D'; padding-left:30px; bottom:-50px;}
.members .info p:before {content:'\201C'; top:-40px; left:-10px;}
.members>div {overflow:hidden; cursor:pointer;}
.members h4 {font-size:40px; font-weight:500; color:var(--title-color); margin-top:15px;}
.members .photo:after {content:'\002B'; font-size:50px; height:45px; font-weight:100; width:45px; border-radius:50%; background-color:white; color:#747474; position:absolute; bottom:-10px; left:40px; transform:translate(-50%, -50%); display:flex; justify-content:center; align-items:center;}
#logo-anthem #slider-1 {background-image:url(../images/banner/Logo_Anthem.jpg);}
.photo .text {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:70px; line-height:70px;  color:#fff; width:100%; text-shadow:0px 0px 2px #999999; margin-top:0;}
.text i {font-size:30px; line-height:20px;}
.f-28 {font-size:28px;}
.left-panel .thought p {line-height:50px; padding:20px 20px;}
.left-panel .thought p>span {font-size:22px; font-weight:600; color:#60595b; margin-top:0; text-align:left;}
.left-panel .line-animate:after, .left-panel .line-animate:before {height:150px;}
.left-panel .line-animate:after {bottom:-40px; top:auto; right:0;}
.left-panel .line-animate:before {top:-40px;}
.left-panel .line-animate p:after {bottom:0px; right:-40px;}
.left-panel .line-animate p:before {top:0; left:-40px;}
.left-panel .line-animate .text {position:unset;}
.left-panel .line-animate .text:after {content:'\201D'; bottom:-75px; right:-40px;}
.left-panel .line-animate .text:before {content:'\201C'; top:-45px; left:-40px;}
#learner-attributes #slider-1 {background-image:url(../images/JNS-learner-attributes.jpg); background-position:top !important;}
.w-60 {width:60% !important;}
#awards #slider-1 {background-image:url(../images/awards-recognition-banner.jpg);}
.testimonal .swiper-button-next, .testimonal .swiper-button-prev {top:60%;}
#jns-pta #slider-1 {background-image:url(../images/jns-pta-banner.jpg);}
.font-color-pta {color:#000000; font-weight:500;}
.width-60 {width:60%; margin:auto; padding-top:6rem; padding-bottom:6rem;}
.width-60 .thought p {line-height:55px;}
.text-head-left {font-size:30px; color:#1c2754; text-align:left;}
.jns-pta li {padding-bottom:25px;}
.jns-pta .accordion {background-color:none; color:rgb(28, 39, 84); cursor:pointer; padding:0px; width:100%; border:none; text-align:left; outline:none; font-size:26px; transition:0.4s; border-bottom:1px solid; margin-bottom:20px;}
.jns-pta .active, .accordion:hover {background-color:#ccc;}
.jns-pta .panel {padding:0 18px; display:none; background-color:white; overflow:hidden;}
button.accordion {background-color:#fff;}
button.accordion:hover {background-color:#fff;}
.pd-60 {padding-top:10px; padding-bottom:60px;}
.pd-80 {padding-top:80px !important;}
.right-icon {float:right; border-left:1px solid #000; padding-left:20px; padding-right:15px; padding-bottom:10px; padding-top:10px;}
#jns-pta .jns-pta .active, .accordion:hover {background-color:#fff;}
.awards li {padding-bottom:20px;}
.students-li {border:1px solid; margin-left:66px; padding-left:15px; padding-top:10px;}
.students-li p {margin-bottom:2px;}
.box-content {background-color:#685141; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; display:flex; border-right:4px solid #fff; margin-top:5px;}
.box-content-2 {background-color:#938074; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; display:flex; border-right:4px solid #fff; margin-top:5px;}
.box-content-3 {background-color:#BAA690; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; display:flex; border-right:4px solid #fff; margin-top:5px;}
.box-content-5 {background-color:#443e3B; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; display:flex; border-right:4px solid #fff; margin-top:5px;}
.box-content-4 {background-color:#5e5045; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; display:flex; border-right:4px solid #fff; margin-top:5px;}
.box-content-top {background-color:#443E3B; height:330px; color:#fff; border-right:4px solid #fff; display:grid; justify-content:center;}
.box-content-top-2 {background-color:#938074; height:330px; color:#fff; border-right:4px solid #fff; display:grid; justify-content:center;}
.box-content-top-3 {background-color:#baa690; height:330px; color:#fff; border-right:4px solid #fff; display:grid; justify-content:center;}
.box-content-head {display:flex; justify-content:center; align-items:end; vertical-align:middle;}
.flex-end {display:flex; align-items:end;}
.mar-bot-pta {margin-bottom:20px;}
.photo-1 {position:relative; width:75%; margin-top:15px; margin-right:30px;}
.center-photo {margin-right:23px;}
.center-photo-2 {margin-left:23px;}
.ul-none {list-style:none; padding-left:0px;}
.ul-none li::before {content:'\2022';}
#jns-jnaa #slider-1 {background-image:url(../images/jns-jnaa.jpg);}
.box-content-head {font-weight:400; margin-bottom:5px;}
.box-content-jns-jnaa {background-color:#2d2624; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; margin:auto; display:flex; border-right:4px solid #fff; border-top:4px solid #fff;}
.box-content-2-jns-jnaa {background-color:#443e3b; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; margin:auto; display:flex; border-right:4px solid #fff; border-top:4px solid #fff;}
.box-content-3-jns-jnaa {background-color:#5e5045; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; margin:auto; display:flex; border-top:4px solid #fff;}
.box-content-jnaa {background-color:#685141; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; margin:auto; display:flex; border-right:4px solid #fff; border-top:4px solid #fff;}
.box-content-2-jnaa {background-color:#938074; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; margin:auto; display:flex; border-right:4px solid #fff; border-top:4px solid #fff;}
.box-content-3-jnaa {background-color:#baa690; color:#fff; height:170px; justify-content:center; align-items:center; text-align:center; vertical-align:middle; margin:auto; display:flex; border-top:4px solid #fff;}
.contact-jnaa {color:#000000;}
.arrow1 {padding:0.5rem; border-left:2px solid #938074; color:#938074;}
.arrow1 i {font-size:24px;}
button.btn.btn-link.collapsed i {transform:rotate(0deg);}
button.btn.btn-link i {transform:rotate(180deg); transition:0.5s;}
.btn-bdr {border-bottom:2px solid #938074;}
.card-header {padding:0px; background-color:transparent;}
.higher-sec .card {}
.btn-link:hover {color:#1C2754; text-decoration:none;}
.btn.focus, .btn:focus {outline:0; box-shadow:none;}
.bdr-left {border-left:2px solid #938074; padding:1.3rem;}
.higher-sec span:hover {text-decoration:none;}
.just-space {justify-content:space-between;}
#career-assessment #slider-1 {background-image:url(../images/career-assessment-banner.jpg);}
#career-assessment .hover-sec {height:430px; display:flex; justify-content:center; align-items:center;}
.members .info {position:absolute; background-color:#443E3B; width:140%; height:150%; border-radius:100%; padding:130px 170px; color:#fff; top:50%; left:50%; font-size:20px; transition:all 1s ease; transform:scale(0) translate(-50%, -50%); transform-origin:top left; text-align:left; display:flex; justify-content:center; align-items:center;}
#career-assessment .photo-car:after {content:'\002B'; font-size:50px; height:22px; font-weight:100; width:45px; border-radius:50%; background-color:white; color:#747474; position:absolute; top:0; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; box-shadow:2px 2px #acaaaa; padding:25px;}
#career-assessment .photo-car-12:after {content:'\002B'; font-size:50px; height:22px; font-weight:100; width:45px; border-radius:50%; background-color:white; color:#747474; position:absolute; bottom:4%; left:50%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; box-shadow:2px 2px #acaaaa; padding:25px;}
.width-80 {width:80%;}
.font-bur {font-size:8rem !important; line-height:6rem; margin-bottom:0;  color:transparent !important; -webkit-text-stroke:1px black; text-align:center; letter-spacing:0px;}
.mar-auto {margin:auto;}
#career-assessment .hover-sec p::before {display:none;}
#career-assessment .hover-sec p::after {display:none;}
.bor-top-n {border-top:none !important;}
.txt-dec {color:#000000 !important; font-weight:500 !important; font-size:27px !important; text-decoration:underline;}
.bor-right-none {border-right:none !important;}
#jns-pta .btn:not(:disabled):not(.disabled) {cursor:pointer; text-decoration:none;}
#awards .left-panel .line-animate:after {bottom:-40px; top:auto; right:-5px;}
#logo-anthem .left-panel .line-animate:after {bottom:-40px; top:auto; right:-5px;}
#jns-pta .line-animate:after {}
#career-assessment .line-animate:after {right:-5px;}
#jns-pta .line-animate .text:after {}
#inclusive .line-animate::after {}
#academic-guidance .line-animate:after {right:-5px;}
.center-ver {display:flex; align-items:center; justify-content:center; vertical-align:middle;}
#inclusive .line-animate .text::after {}
#inclusive .line-animate .text::before {}
#academic-guidance .color-academy {color:#000000; font-weight:400;}
.menu-list {text-transform:uppercase;}
.bg-news-right {background-color:rgb(62 62 63);}
#news-events .headline .title-text {color:#fff;}
#news-events .white-txt {color:#fff; padding-top:25px; position:relative; width:75%; margin:auto; margin-top:15px;}
.txt-news {font-size:2rem; margin-bottom:5px;}
.wid-75 {font-size:18px;}
.bod-right {border-right:1px solid rgb(137 120 110);}
.add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
.add-border>div:first-child:before {right:0; left:auto;}
.add-border>div:first-child:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
.team-members>div:before {width:100%;}
.team-members>div:first-child:after {height:100%;}
.team-members>div {position:relative;}
.mar-top-news {padding-top:50px;}
.ht-40 {height:40px; ;}
#news-events .right-panel {background-size:contain; background-repeat:no-repeat; background-position:bottom;}
.txt-news-cen {text-align:center; color:#fff;}
#jns-pta .line-animate:before {}
#jns-pta .line-animate:after {}
.fixed {position:fixed; left:0; top:0; height:100vh; overflow:auto;}
.ml-25 {margin-left:25% !important;}
.photo .visible {opacity:1; transform:scaleX(1);}
.hide {opacity:0; pointer-events:none;}
.mng-trust .line-animate .text:after {}
.gif-inline {display:flex; margin:auto; justify-content:center; align-items:center;}
.options ul li {margin-right:0px;}
.center-txt {text-align:center; text-transform:uppercase; color:#000; padding-bottom:1.5rem;}
.pad-lft-rgt-50 {padding-left:70px; padding-right:70px;}
#academic-team #slider-1 {background-image:url(../images/banner/Meet-Team.JPG);}
.width-60-academy {width:60%; margin:auto;}
.academy-text {width:60%; margin:auto; padding-top:20px; padding-bottom:20px; color:rgb(41 31 32); font-weight:400;}
.small-txt {font-size:35px;}
.fo-we {font-weight:400;}
.width-65 {width:70%; margin:auto; padding-top:6rem; padding-bottom:6rem;}
.inline-flex {display:flex; justify-content:center; align-items:center;}
.white-bg {background-color:#fff;}
#news-events .white-txt-popup {color:#000;}
.width-75 {width:75%; margin:auto;}
.pop-content {display:flex; justify-content:end; position:fixed; top:0; right:-100%; height:100vh; z-index:999; transition:all .5s linear; background-color:#00000080; width:75%;}
.pop-content .navigation {padding-top:20px;}
.close-popup {float:right; font-size:1.5rem; font-weight:300; line-height:1; color:#000; text-shadow:0 1px 0 #fff; background:#fff; padding:10px; height:200px; border-right:1px solid; cursor:pointer; display:flex; align-items:center; justify-content:center;}
.close-style {display:block !important; text-align:center; margin-bottom:30px;}
.activity {width:80%; margin:auto;}
.activity .flex-box {flex-basis:25%;}
.flex-box {flex-basis:20%; text-align:center;}
.team-members>div.flex-box:before {display:none;}
.team-members>div.flex-box.second-row:before {display:block; width:100%;}
.team-members>div.flex-box.last-col:after {display:none;}
.right-border {border:none; border-right:1px solid rgb(137 120 110);}
.bottom-border {border-bottom:2px solid #938074;}
.left-border {border-left:1px solid #edd6b9;}
.black-color {color:#000;}
.fw-400 {font-weight:400;}
table td, table th {border:1px solid #938074;}
tr .dtl {font-family:'burford'; font-size:4rem;}
.photo {margin-bottom:1rem}
.mgn-1 {margin:10rem 0;}
.pre-sec span {color:#000; padding-top:1rem; font-weight:400;}
.pre-school .txt-bl {color:#000; font-size:25px;}
.pre .line-animate .text:after {}
.pre .line-animate .text:before {}
.thought p {line-height:1.2;}
.pre .line-animate:before {}
.pre .line-animate:after {}
.pre .line-animate:after, .pre .line-animate:before {}
.w-100 {width:100% !important;}
.scndry .line-animate .text:before {top:-82px; left:-25px;}
.scndry .line-animate p:after, .scndry .line-animate p:before {width:90px;}
.scndry .line-animate p:before {top:0; left:-28px;}
.scndry .line-animate p:after {bottom:0px; right:-30px;}
.scndry .line-animate .text:after {bottom:-92px; right:-28px;}
.mgn-2 {margin:5rem 0;}
.arrow1 {padding:0.5rem; border-left:2px solid #938074; color:#938074; font-weight:bolder;}
button.btn.btn-link.collapsed i {transform:rotate(0deg);}
button.btn.btn-link i {transform:rotate(180deg); transition:0.5s;}
.btn-bdr {border-bottom:2px solid #938074;}
.card-header {padding:0px; background-color:transparent;}
.higher-content .read-more i {font-size:20px;}
.card-header span {padding:0rem 1rem; font-size:25px; color:#000; text-transform:uppercase; font-family:var(--primary-font-family);}
.higher-sec .photo {width:95%;}
.card {border:none;}
.btn-link:hover {color:#1C2754; text-decoration:none;}
.btn.focus, .btn:focus {outline:0; box-shadow:none;}
.bdr-left {border-left:2px solid #938074; padding:23.5px;}
.higher-content .read-more {display:inline-block; width:8%;}
.hs-sec span {color:#1C2754; padding-top:1rem; font-weight:400;}
.hs-school span {color:#58595b; font-weight:400; font-size:22px;}
.hs-school p {color:#1C2754; font-weight:400; font-size:27px;}
.higher-sec .btn:not(:disabled):not(.disabled) {cursor:pointer; text-decoration:none;}
.vertical {border-left:2px solid #938074; height:90%; position:absolute; left:50%;}
.banner-img1 {}
.img-bg1 {background-image:url('../images/academic/co-curriculam.jpg');}
.img-bg2 {background-image:url('../images/academic/wellness.jpg');}
.img-bg3 {background-image:url('../images/academic/sports-banner.jpg');}
.img-higher {background-image:url('../images/academic/higher-banner.jpg');}
.img-primary {background-position:top; background-image:url('../images/academic/primary-banner1.jpg');}
.img-secondary {background-position:top; background-image:url('../images/academic/secondary-banner-new.jpg');}
.img-higher-primary {background-position:top; background-image:url('../images/academic/grade-3-5.jpg');}
.img-trustee {background-image:url('../images/Banner1.JPG'); background-position:100% 10%!important;}
.img-principal {background-image:url('../images/Anupama-ma\'am-pic3.jpg');}
.img-principal.slide .center-title .animation-text {top:60%;}
.school-camp p {font-weight:400; font-size:18px; color:#58595b;}
.sec-link {color:#58595b; text-decoration:underline;}
.left-panel .sec1 .thought p>span {text-align:end;}
.left-panel::-webkit-scrollbar {width:5px;}
.left-panel::-webkit-scrollbar-track {box-shadow:inset 0 0 1px grey;}
.left-panel::-webkit-scrollbar-thumb {background:gray;}
.left-panel::-moz-scrollbar {width:5px;}
.left-panel::-moz-scrollbar-track {box-shadow:inset 0 0 1px grey;}
.left-panel::-moz-scrollbar-thumb {background:gray;}
#trustee .line-animate::after {}
.mar-right-30 {margin-right:30px;}
#news-events .arrow {color:rgb(148 127 116);}
#news-events .pad-left-0 {padding-left:0px;}
.txt-color-up {color:rgb(148, 127, 116);}
.bod-bottom-up {border-bottom:1px solid rgb(137 120 110);}
.underline {color:#000; text-decoration:underline; text-transform:uppercase;}
#upcoming-events .arrow {display:flex; justify-content:center;}
.mar-bot-0 {margin-bottom:0px;}
.vertical-cen {display:flex; align-items:center; justify-content:center;}
.text-center {text-align:center;}
.p1-upcoming {font-size:30px; color:rgb(147 128 117); font-weight:400; margin-bottom:10px;}
.p2-upcoming {color:#000; font-weight:500; font-size:35px;}
.pd-top-15 {padding-top:15px;}
.weight-400 {font-weight:400;}
#upcoming-events .text i {color:rgb(147 128 117);}
#upcoming-events .arrow p {line-height:1;}
.pad-left-0 {padding-left:0px;}
.color-background {background-color:#414042;}
.show-slider span {font-size:50px; height:55px; font-weight:100; width:55px; border-radius:50%; background-color:#ffffff; color:#747474; display:flex; justify-content:center; align-items:center; text-align:center; cursor:pointer; transition:all .3s ease; box-shadow:2px 2px 5px grey;}
.show-slider span:hover {font-size:60px; height:65px; width:65px;}
.show-slider {display:flex; justify-content:center; align-items:center; margin-top:20px;}
.show-slider span i {font-size:30px; color:#000 !important;}
.pointer {cursor:pointer;}
.txt-news-cen {color:#fff; font-weight:400; font-family:'Bebas Neue'; letter-spacing:2px; margin-bottom:0;}
.text i {color:#89786f; font-size:30px;}
.explor-more i {color:white;}
.arrow {}
.school .arrow {margin-top:0;}
#gallery .add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
#gallery .add-border>div:first-child:before {right:0; left:auto;}
#gallery .add-border>div:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#gallery .add-border>div:last-child:after {display:none;}
#gallery .team-members>div:before {width:100%;}
#gallery .team-members>div:after {height:100%;}
#gallery .headline {color:#fff;}
#gallery #slider-1 {background-color:#1c2852;}
#gallery .nav-tabs {justify-content:center;}
#gallery .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color:#000 !important; font-size:1.7rem; background-color:#fff; border-color:#dee2e6 #dee2e6 #fff; font-weight:500; padding-left:20px; padding-right:20px; border-radius:0px; margin-right:5px; margin-left:5px;}
#gallery .nav-tabs .nav-link {border:1px solid #fff; color:#fff; border-bottom:none; border-radius:0px; font-weight:500; font-size:1.5rem;}
#gallery .nav-tabs .nav-item {margin-bottom:0px;}
#gallery .nav-tabs .nav-link {padding-left:20px; padding-right:20px;}
#other-event .add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
#other-event .add-border>div:first-child:before {right:0; left:auto;}
#other-event .add-border>div:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#other-event .add-border>div:last-child:after {display:none;}
#other-event .team-members>div:before {width:100%;}
#other-event .team-members>div:after {height:100%;}
#main-event .add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
#main-event .add-border>div:first-child:before {right:0; left:auto;}
#main-event .add-border>div:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#main-event .add-border>div:last-child:after {display:none;}
#main-event .team-members>div:before {width:100%;}
#main-event .team-members>div:after {height:100%;}
#monthly-newsletter .add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
#monthly-newsletter .add-border>div:first-child:before {right:0; left:auto;}
#monthly-newsletter .add-border>div:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#monthly-newsletter .add-border>div:last-child:after {display:none;}
#monthly-newsletter .team-members>div:before {width:100%;}
#monthly-newsletter .team-members>div:after {height:100%;}
.publications-img .show-slider {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#gallery .nav-tabs .nav-link {font-size:2.2rem; font-family:'Bebas Neue'; line-height:2.2rem;}
.img-content-div {width:60%; margin:auto; align-items:center; font-size:20px; display:flex; justify-content:center; color:#fff; text-align:left; font-weight:400;}
#gallery #tabs-2 .img-conatiner {justify-content:start;}
.sports .add-border>div:before {display:none;}
.sports .add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
.sports .add-border>div:nth-child(odd):after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
.sports .team-members>div:before {width:100%;}
.sports .team-members>div:nth-child(odd):after {height:100%;}
.sports .team-members>div:last-child:after {display:none;}
.sports .team-members>div {position:relative;}
.con .add-border>div:before {content:''; width:0; height:1px; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
.con .add-border>div:nth-child(odd):after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
.con .team-members>div:before {width:100%;}
.con .team-members>div:nth-child(odd):after {height:100%;}
.con .team-members>div {position:relative;}
.con .add-border>div:first-child:before {display:none;}
.con .add-border>div:nth-child(2):before {display:none;}
.con .add-border>div:nth-child(3):before {right:0; left:auto;}
.con-details .add-border>div:after, .con-details .add-border>div:before {display:none;}
.con-details .add-border>div:nth-child(2):after {display:block; content:''; width:1px; height:0; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; right:0;}
.con-details .add-border>div:nth-child(2):before {display:block; content:''; width:1px; height:0; background-color:rgb(137 120 110); transition:all 3s ease; position:absolute; top:0; left:0;}
.con-details .team-members>div:nth-child(2):before, .con-details .team-members>div:nth-child(2):after {height:100%;}
.img-supw {background-position:top !important; background-image:url('../images/supw-banner.jpg');}
.img-ted {background-position:top; background-image:url('../images/holistic/ted-banner.jpg');}
.img-tour {background-image:url('../images/holistic/tournament.jpg');}
.img-ncc {background-image:url('../images/holistic/ncc-banner.jpg');}
.img-self {background-position:top; background-image:url('../images/holistic/self-banner.jpg');}
.img-yoga {background-image:url('../images/holistic/yoga-banner.jpg');}
.img-sports {background-image:url('../images/holistic/sports-offerd.jpg');}
#stat-achiever #slider-1 {background-image:url('../images/holistic/sports-acheivers-banner.jpg');}
.w-star {width:120px;}
.bar1 {width:20px; background-color:#ffffff; background-image:linear-gradient(#ECD5B8 0%, #BCAD9D, #938074); height:80px;}
.achievers p {line-height:1; margin-left:1rem; margin-bottom:0; font-size:85px;  color:transparent; -webkit-text-stroke:1px black; text-align:center; letter-spacing:0px;}
.achieve .arrow1 {padding:0.5rem; border-left:2px solid #938074; color:#938074; height:100px; display:flex; align-items:center; justify-content:center;}
#news-events .bod-top {border-top:1px solid rgb(137 120 110);}
#news-events .team-members>div:first-child:after {height:100%;}
#gallery .txt-news-cen {color:#fff;}
.bg-img {background-size:cover; background-repeat:no-repeat; background-position:center;}
#hobbies .slide {background-image:url(../images/hobbies-banner.jpg);}
#hobbies .add-border:before {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#hobbies .add-border:before:nth-child(5n+1)+.flex-box+.flex-box+.flex-box+.flex-box:before {display:none;}
#hobbies .add-border:after {content:''; position:absolute; transition:all 3s ease; bottom:0; left:0; width:0; height:1px; background-color:rgb(137 120 110);}
#hobbies .add-border:last-child:after, #hobbies .add-border:nth-last-child(2):after, #hobbies .add-border:nth-last-child(3):after, #hobbies .add-border:nth-last-child(4):after {display:none;}
#preschool .add-border:before {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#preschool .add-border:before:nth-child(5n+1)+.flex-box+.flex-box+.flex-box+.flex-box:before {display:none;}
#preschool .add-border:after {content:''; position:absolute; transition:all 3s ease; bottom:0; left:0; width:0; height:1px; background-color:rgb(137 120 110);}
#preschool .add-border:last-child:after, #preschool .add-border:nth-last-child(2):after, #preschool .add-border:nth-last-child(3):after, #preschool .add-border:nth-last-child(4):after {display:none;}
#preschool .last-child::after {display:none;}
.color-fff {color:#fff;}
.color-fff:hover {color:#DDD; text-decoration:none;}
#hobbies .team-members:before {height:100%;}
#hobbies .team-members:nth-child(5n):before {display:none;}
#hobbies .team-members:after {width:100%;}
#preschool .team-members:before {height:100%;}
#preschool .team-members:nth-child(5n):before {display:none;}
#preschool .team-members:after {width:100%;}
.col-fff {color:#fff !important;}
#aws #slider-1 {background-image:url(../images/aws-banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
.ul-aws {line-height:3rem;}
.bor-bot-aws {border-bottom:1px solid #000;}
.left-panel .dropdown {margin-bottom:0px; font-family:var(--primary-font-family); font-size:17px; font-weight:400;}
#life-center #slider-1 {background-image:url(../images/lec-banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
#eoto #slider-1 {background-image:url(../images/holistic/each-one-teach-one-banner.jpg);}
#connecting-classroom #slider-1 {background-image:url(../images/connecting-classrooms-banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
#co-op-programme #slider-1 {background-image:url(../images/holistic/co-op-banner.jpg);}
#life-center .add-border>div::after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#life-center .team-members>div::after {height:100%;}
#life-center .add-border>div:last-child:after {content:''; position:absolute; transition:all 3s ease; top:0; right:0; height:0; width:1px; background-color:rgb(137 120 110);}
#life-center .team-members>div:last-child:after {display:none;}
.accordion {width:75%; margin:auto;}
.accordion .btn {border-radius:0;}
.w-33 {width:33.33%;}
.w-25 {width:25%;}
.mgn-1 {margin:10rem 0;}
.guidance h4 {color:#000000; font-weight:400; font-size:27px; line-height:1.4rem;}
h4.boldtext {font-weight:500; font-size:27px; text-transform:uppercase; line-height:2.4rem;}
p.boldtext {color:#1C2754; font-weight:500;}
p.boldtext a {color:#000000;}
.pre .line-animate .text:after {}
.pre .line-animate .text:before {}
.thought p {line-height:1.2;}
.pre .line-animate:before {}
.pre .line-animate:after {}
.pre .line-animate:after, .pre .line-animate:before {}
#nurture-house #slider-1 {background-image:url(../images/guidance/nuture-house-banner.jpg);}
#inclusive .inclusive {margin-top:10%;}
#inclusive .thought {margin:40px;}
#inclusive .line-animate::after, #inclusive .line-animate::before {}
#inclusive .line-animate::before {}
#inclusive .line-animate::after {}
#inclusive .line-animate p::before {}
#inclusive .line-animate p::after {}
#academic-guidance #slider-1 {background-image:url(../images/guidance/agc-banner.jpg);}
.heading h3 {font-size:35px; color:#000; text-transform:capitalize;}
#career-assessment .last-row.add-border>div:first-child:after {top:auto; bottom:0; right:auto; left:0; height:1px; width:0;}
#career-assessment .last-row.team-members>div:first-child:after {height:1px; width:100%;}
.input-file::file-selector-button {border:none; padding:0.5rem 1.3rem; border-radius:20px; font-size:18px; font-weight:700 !important; background:#8d7a6d; color:white !important; cursor:pointer;}
select>option {width:250px !important;}
select {-webkit-appearance:none; -moz-appearance:none; text-indent:1px; text-overflow:'';}
#selected {color:#1C2754; padding:0 5px; font-size:0.8em; border:none;}
[value="Choose File"] {border:none; padding:0.5rem 1.5rem; border-radius:20px; font-size:16px; font-weight:700 !important; background:#8d7a6d; color:white !important; cursor:pointer; height:45px; text-transform:capitalize;}
.career-form .form-control {height:50px;}
.career-form .form-group select {border-radius:25px;}
.radiocontainer {padding-right:25px;}
.select_box {position:relative;}
.select_box:after {width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #fff; position:absolute; top:71%; right:1.3rem; content:""; z-index:99; pointer-events:none;}
.select_box:before {border-radius:50%; border:1px solid; content:''; height:25px; width:25px; border:1px solid #fff; border-radius:50%; position:absolute; right:0.9rem; top:48%; transform:translateY(50%); z-index:999; pointer-events:none;}
.select_box select {border:0; position:relative; z-index:99; background:none;}
.members .pt-5 {padding-top:0px !important; position:relative; height:65%;}
.input-file::file-selector-button {border:none; padding:0.5rem 1.3rem; border-radius:20px; font-size:18px; font-weight:700 !important; background:#8d7a6d; color:white !important; cursor:pointer;}
#selected {color:#000; padding:0 5px; font-size:0.8em; border:none;}
[value="Choose File"] {border:none; padding:0.5rem 1.3rem; border-radius:20px; font-size:18px; font-weight:700 !important; background:#8d7a6d; color:white !important; cursor:pointer;}
.admission-form .form-control {height:50px;}
.admission-form .form-group select {border-radius:25px;}
h4.boldtext {color:#000; font-weight:500; font-size:27px; text-transform:uppercase; line-height:2.6rem;}
p.boldtext {color:#000; font-weight:500;}
p.boldtext a {color:#000;}
.mt-100 {margin-top:100px;}
.career ul li a {color:#000; font-weight:500;}
#career .svg-bg {position:absolute; width:100%; bottom:-10px; left:0; z-index:-1;}
#career .svg-bg embed {width:100%;}
.career-form {background-color:#dcd3cc; padding:20px 25px;}
.career-form .form-group {margin-bottom:20px;}
.career-form .form-control {height:55px; border:1px solid #e3e3e3; border-radius:0; padding:.375rem .75rem;}
.career-form .form-control:focus {border:1px solid #938074;}
.career-form label {color:#8f8274; font-weight:600;}
.explore-btn button {float:right; border:none; font-size:16px; font-weight:600; background:#000; color:#fff; text-transform:uppercase; text-align:center; padding:18px 20px; justify-content:center; align-items:center; line-height:.8; letter-spacing:1.6px; position:relative;}
.explore-btn button span {position:relative; z-index:2; display:inline-flex; justify-content:center; align-items:center;}
.career-form .form-group select {background:#8d7a6d; font-weight:600; color:#fff;}
.radiocontainer {display:inline-block; position:relative; padding-left:40px; margin-bottom:20px; cursor:pointer;}
.radiocontainer input {position:absolute; opacity:0; cursor:pointer;}
.check {position:absolute; top:0; left:0; height:30px; width:30px; background-color:white; border-radius:50%;}
.radiocontainer:hover input~.check {background-color:gray;}
.radiocontainer input:checked~.check {background-color:#8d7a6d;}
.check:after {content:""; position:absolute; display:none;}
.radiocontainer input:checked~.check:after {display:block;}
.radiocontainer .check:after {top:8px; left:8px; width:15px; height:15px; border-radius:50%; background:white;}
.admission p {color:#1C2754; font-weight:400; font-size:27px;}
.admission h4 {color:#1C2754; font-weight:400; font-size:27px; text-transform:uppercase; line-height:1.4rem;}
h4.boldtext {color:#000; font-weight:500; font-size:27px; text-transform:uppercase; line-height:2.6rem;}
p.boldtext {color:#000; font-weight:500;}
p.boldtext a {color:#000;}
.mt-100 {margin-top:100px;}
.admission ul li a {color:#1C2754; font-weight:500;}
#admission .svg-bg {position:absolute; width:100%; bottom:-10px; left:0; z-index:-1;}
#admission .svg-bg embed {width:100%;}
.admission-form>div:first-child {background-color:#ddd8d3; padding:20px 25px;}
.admission-form {}
.admission-form .form-group {margin-bottom:20px;}
.admission-form .form-control {height:55px; border:1px solid #e3e3e3; border-radius:0; padding:.375rem .75rem;}
.admission-form .form-control:focus {border:1px solid #f59520;}
.admission-form label {color:#8f8274; font-weight:600;}
.explore-btn button {float:right; border:none; font-size:18px; font-weight:bold; background:#8f8274; color:#fff; text-transform:uppercase; text-align:center; padding:18px 20px; justify-content:center; align-items:center; line-height:.8; letter-spacing:1.6px; position:relative;}
.explore-btn button:hover {background-color:#bca180e6;}
.explore-btn button span {position:relative; z-index:2; display:inline-flex; justify-content:center; align-items:center;}
.admission-form .form-group select {background:#8d7a6d; font-weight:600; color:#fff;}
.radiocontainer {display:inline-block; position:relative; padding-left:40px; margin-bottom:20px; cursor:pointer; color:#58595b !important; font-weight:400 !important;}
.radiocontainer input {position:absolute; opacity:0; cursor:pointer;}
.check {position:absolute; top:0; left:0; height:30px; width:30px; background-color:white; border-radius:50%;}
.radiocontainer:hover input~.check {background-color:#8d7a6d;}
.radiocontainer input:checked~.check {}
.check:after {content:""; position:absolute; display:none;}
.radiocontainer input:checked~.check:after {display:block;}
.radiocontainer .check:after {top:8px; left:8px; width:15px; height:15px; border-radius:50%; background:white;}
.admissions>div {overflow:hidden;}
.admissions h4 {font-size:30px; font-weight:bold; color:#000000; margin-top:15px; text-align:center;}
.admissions p {color:#000; font-weight:400;}
.admissions hr {width:400px !important; margin:0 auto !important; height:1px; transition:all 3s ease; background-color:#938074;}
.bor-top-n {border-top:none !important;}
.bor-right-none {border-right:none !important;}
.buttons-list__single {text-align:center; width:100%; padding:1em 0;}
.css-button {color:#000; border-radius:5px; padding:15px 30px; font-weight:700; background:transparent; background-image:none; background-size:auto; cursor:pointer; transition:all .3s ease; position:relative; display:inline-block; outline:none; border:none; text-decoration:underline;}
.css-button-gradient {background-size:120% auto;}
.css-button-gradient--3 {background-image:linear-gradient(315deg, #d8d1cc, #d8d1cc 75%);}
.con-info {color:#000000; font-size:32px; font-weight:500;}
.con-dtl {color:black;}
.hgt {height:auto !important;}
.bor-bottom {border-bottom:1px solid #938074;}
.bor-right {border-right:1px solid #938074;}
.pa-btm {padding:4rem 0;}
.pa-to {padding-top:5rem;}
.fa-icon {color:white; margin-left:4px}
.fo-si {font-size:25px; color:#231F20; font-weight:400;}
.fo-we1 {font-weight:500;}
.mtb-15 {margin-top:15px; margin-bottom:15px;}
.fnt {font-family:'Bebas Neue', cursive;}
.fnt-27px {font-size:27px !important;}
.ltr-space-2 {letter-spacing:2px;}
#principal .line-animate .text:after {}
.principal .line-animate:after, .principal .line-animate:before {}
.mng-trust .line-animate:before, .mng-trust .line-animate:after {}
.ht-100 {height:100%;}
.ht-100.photo img {height:100%; object-fit:cover;}
.no-txt {line-height:1.7; margin-left:1rem; margin-bottom:0; font-size:55px;  color:transparent; -webkit-text-stroke:1px black; text-align:center; letter-spacing:0px;}
.text-align-cen {text-align:center;}
.margin-bot-15 {margin-bottom:15px;}
#life-center .line-animate:after, #life-center .line-animate:before {height:100%;}
#iayp #slider-1 {background-image:url(../images/iypa-banner.JPG); background-size:cover; background-repeat:no-repeat; background-position:center;}
.text-color {color:var(--primary-font-family);}
.border-none.add-border>div:before {display:none;}
#clubjns #slider-1 {background-image:url(../images/holistic/clubjns-banner.jpg);}
#eumind #slider-1 {background-image:url(../images/holistic/eumind-banner.jpg);}
#eoto .line-animate:after, #eoto .line-animate:before {}
#eoto .line-animate .text:after {}
#connecting-classrooms #slider-1 {background-image:url(../images/holistic/connecting-classrooms-banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
#aws #slider-1 {background-image:url(../images/holistic/aws-banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:center;}
.inline-start-pad {padding-inline-start:26px;}
.wid-85 {width:85%; margin:auto;}
.sports-sub-menu a:after {content:''; height:1px; width:0; background-color:#0000; position:absolute; bottom:-4px; left:0; transition:all 300ms ease;}
.sports-sub-menu a:hover {color:#bca180e6; text-decoration:none;}
.sub-dropdown span:after {content:''; height:1px; width:0; background-color:#fff; position:absolute; bottom:-4px; left:0; transition:all 300ms ease;}
#aws .aws-li hr {margin:80px auto; height:1px; transition:all 3s ease; background-color:#938074;}
#aws .add-border:after {content:''; position:absolute; transition:all 3s ease; bottom:0; left:0; width:0; height:1px; background-color:rgb(137 120 110);}
#aws .team-members:after {width:100%;}
#aws .team-members>li {position:relative;}
.w-90 {width:90%; margin:auto;}
#inclusive .w-90 {width:91%;}
#vision-mission .pointers {text-transform:uppercase;}
#career-assessment a:hover {text-decoration:none;}
#wellness a:hover {text-decoration:none;}
#stat-achiever a:hover {text-decoration:none;}
#hs-school a:hover {text-decoration:none;}
#admission a:hover {text-decoration:none;}
#awards a:hover {text-decoration:none;}
#upcoming-events a:hover {text-decoration:none;}
.arrow1 {padding:0.5rem; border-left:2px solid #938074; color:#938074; height:100px; display:flex; align-items:center; justify-content:center;}
.fa-chevron-down:before {content:"\f078";}
.w-100 {width:100%;}
.mar-right-20 {margin-right:20px;}
.pop-content .mySlides {display:none;}
.pop-content .mySlides:first-child {display:block;}
.pop-content .cursor {cursor:pointer;}
.pop-content .prev, .pop-content .next {cursor:pointer; position:absolute; bottom:10%; width:30px; height:30px; padding:8px 12px; border-radius:50%; left:40px; margin-top:-50px; color:#000; font-weight:bold; font-size:11px; user-select:none; -webkit-user-select:none; text-align:center; display:flex; justify-content:center; align-items:center; box-shadow:0 0 5px gray;}
.pop-content .next {right:40px; left:auto;}
.numbertext {color:#f2f2f2; font-size:12px; padding:8px 12px; position:absolute; top:0;}
.caption-container {text-align:center; background-color:#222; padding:2px 16px; color:white;}
.row:after {content:""; display:table; clear:both;}
.pop-content .column {text-align:center; width:20%; margin:5px; height:100%; display:flex; align-items:center; justify-content:center;}
.pop-content .demo {filter:brightness(0.2);}
.pop-content .active, .pop-content .demo:hover {filter:brightness(1);}
.pop-content .image-slider-sec {background-color:#fff; padding:10px; position:relative;}
.img-conatiner {height:600px; margin:auto; overflow:hidden; margin-bottom:0px; display:flex; justify-content:center; align-items:center; position:relative;}
#gallery .img-conatiner {height:550px;}
#news-events .img-conatiner {height:330px;}
#news-events .img-conatiner .photo {height:95%;}
.img-conatiner .photo {height:90%; width:fit-content;}
.img-conatiner .photo img {height:100%; width:100%; display:block; object-fit:cover;}
.more-text {display:none;}
input:focus {outline:none;}
#subscribe input:focus {outline:1px solid #bca180e6;}

#trustee .w-90 {width:91%;}
.pop-content .mySlides img {height:100%; width:100%; display:block; object-fit:contain;}
.pop-content .column img {height:100%; width:100%; display:flex; object-fit:contain;}
.pop-content .mySlides {text-align:center; height:100%;}
.pop-content .slider-list {height:80%; display:flex; justify-content:center; align-items:center;}
.pop-content .navigation {height:20%;}
.team-members p {font-weight:400;}
#publications #slider-1 {background-image:url(../images/jns-e-news.jpg);}
.pop-content .swiper-slide img {height:95%; width:95%; display:block; object-fit:contain; margin:auto;}
.pop-content .mySwiper2 {height:80%;}
.pop-content .mySwiper {height:20%;}
.pop-content .swiper {width:100%; height:300px; margin-left:auto; margin-right:auto;}
.pop-content .swiper-slide {background-size:cover; background-position:center;}
.pop-content .mySwiper2 {height:80%; width:100%;}
.pop-content .mySwiper, .pop-content .thumbnail {height:20%; box-sizing:border-box; padding:10px 0; width:80%; margin:auto;}
.pop-content .mySwiper .swiper-slide {width:25%; height:100%; opacity:0.4;}
.pop-content .mySwiper .swiper-slide-thumb-active {opacity:1;}
.pop-content .swiper-button-next, .pop-content .swiper-button-prev {position:absolute; top:auto; bottom:7%; width:40px; height:40px; margin-top:0; z-index:10; border-radius:50%; box-shadow:0 0 5px grey; color:black;}
.pop-content .swiper-button-next:after, .pop-content .swiper-button-prev:after {font-size:25px;}
.pop-content .swiper-button-prev {left:10px;}
.pop-content .swiper-button-next {right:10px;}
#school-primary #slider-1 {background-image:url(../images/academic/primary-banner1.jpg);}
#sports-activities #slider-1 {background-image:url(../images/school-campus/sports-activities-banner.jpg);}
#life-skills #slider-1 {background-image:url(../images/school-campus/life-skills-banner.jpg);}
#cocurricular #slider-1 {background-image:url(../images/school-campus/cocurricular-banner.jpg);}
.border-circle {border:2px solid rgb(148 127 116); border-radius:50%; width:160px; height:160px; padding:15px;}
.align-items-cen {display:flex; align-items:center;}
.form-error {font-size:14px; color:red; display:block;}
.loader {background:#414042; height:100vh; width:100%; position:fixed; z-index:9999;}
.loader .container {width:100%; height:100%; position:relative; perspective:1000px; display:flex; justify-content:center; align-items:center; height:100vh;}
.hexagone {width:120px; height:120px; margin:auto; position:relative; transform-style:preserve-3d;}
.side-faces {transform-style:preserve-3d; position:absolute; top:0; left:0;}
.side {width:90px; height:62px; position:absolute;}
.img {transform:translateZ(87px); transform:translateZ(80px);}
.side:nth-child(1) {transform:rotateY(270deg) rotateX(30deg) translateZ(9px) translate(28px, 6px); transform-origin:top; background-color:#ffeb00; height:60px;}
.side:nth-child(2) {transform:rotateZ(179deg) rotateY(-90deg) rotateX(-28deg) translateZ(50px) translate(30px, -23px); background-color:#f9c300; height:60px;}
.side:nth-child(3) {transform:rotateZ(180deg) rotateY(269deg) rotateX(30deg) translateZ(67px) translate(21px, -17px); background-color:#00843a;}
.side:nth-child(4) {transform:rotateY(-90deg) rotateX(-30deg) translateZ(46px) translate(21px, 30px); background-color:#d82722;}

@-webkit-keyframes spinningH {
0% {transform:rotateY(0deg);}
25% {transform:rotateY(25deg);}
50% {transform:rotateY(0deg);}
75% {transform:rotateY(-25deg);}
100% {transform:rotateY(0deg);}
}

.animate {-webkit-animation:spinningH 12s infinite linear; -moz-animation:spinningH 12s infinite linear; -o-animation:spinningH 12s infinite linear; -ms-animation:spinningH 12s infinite linear; animation:spinningH 12s infinite linear;}

.traning-txt {font-weight:300;}
.justify-cent {display:flex; justify-content:center;}
.w-80 {width:80%; margin:auto;}
.bod-color tr td {border:2px solid rgb(152 134 124);}
.col-000 {color:#000; padding:10px;}
.w-30 {width:30%;}
.w-15 {width:15%;}
.text-left {text-align:left;}
.video-title {color:#fff; text-align:left;}
svg:not(:root) {cursor:pointer;}
.photos-sec {position:absolute; top:50%; transform:translateY(-50%); margin-top:0;}
#gallery .img-conatiner .photo {width:90%;}
#preschool .pre-school-img {width:15%; margin-bottom:0px; margin:auto; text-align:center; display:flex; align-items:center; justify-content:center; padding-bottom:15px;}
.border-2px {border:2px solid rgb(152 134 124);}
.border-right-2px {border-right:2px solid rgb(152 134 124);}
.border-2px-bot-none {border:2px solid rgb(152 134 124); border-bottom:none;}
#news-events .show-slider {position:absolute; right:10%; bottom:10%;}
.close-popup:hover {background:#bca180e6; color:#fff;}
.grecaptcha-badge {visibility:hidden;}
.video-mobile {display:none;}
.video-desktop {display:block;}
.age_criteria_table {font-size:18px; width:100%;}
.age_criteria_table th {border:1px solid #938074; color:#000;}
.photo.w-70 {width:70%;}

@keyframes video-show {
0% {opacity:0; transform:translate(-50%, -50%) scale3d(1, 1, 1);}
100% {opacity:1; transform:translate(-50%, -50%) scale3d(0, 0, 0);}
}

.photo.width-60-academy {width:60%; margin:auto;}

#e-news .headline .title-text {color:#fff;}
#e-news .left-panel .sub-menu {margin-top:10px;}
.dropdown a {color:#fff;}
.dropdown a:hover {text-decoration:none;}

@supports (-moz-appearance: none) {
  video {
    object-position: center center;
  }
}



/* custom page's style  */


.vmg_content{
  font-size: 17px;
  font-weight: 400;
}

.section_vmg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 25px;
  transition: all 0.3s ease-in-out;
}

.vmg_title li i {
  color: #343a40;
  margin-left: 5px;
  transition: transform 0.4s ease, color 0.4s ease;
}

.vmg_title li{ text-transform: uppercase;}

/* Hover animation effect */
.section_vmg:hover .vmg_title li i {
  transform: translateX(8px) rotate(15deg);
  color: #000000;
}

.section_vmg:hover {
  transform: translateY(-3px);
}

.section_vmg:hover .vmg_title li i {
  transform: translateX(8px) rotate(15deg);
  color: #000000;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

/* Base border style */
.vmg_title {
  position: relative;
  overflow: hidden;
}

/* Create animated border using pseudo-element */
.vmg_title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 0px;
  background-color: #000000;
  transform: translateX(-50%) scaleX(1);
  transform-origin: center;
  transition: transform 0.6s ease;
}

/* On hover: shrink to center, then expand back */
.section_vmg:hover .vmg_title::after {
  height: 1px;
  animation: borderShrinkExpand 0.8s ease forwards;
}

/* Keyframes for the border animation */
@keyframes borderShrinkExpand {
  0% {
    transform: translateX(-50%) scaleX(1);
  }
  50% {
    transform: translateX(-50%) scaleX(0);
  }
  100% {
    transform: translateX(-50%) scaleX(1);
  }
}


/***********  Infrasturcture.  ***********************/

.icon_cont .c_title{
  font-family: --heading-font-family;
    width: 100%;
    margin: 0;
    padding: 15px;
    font-size: 25px;
    line-height: 50px;
    font-family: var(--heading-font-family);
    letter-spacing: 1px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
}
.icon_data {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Icon Box */
.icon-box {
  background: #f9f9f9;
  border: 1px solid #e9ecef;
  border-radius: 16px;
  padding: 25px 20px;
  text-align: center;
  transition: all 0.35s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 200px;
  isolation: isolate;
}

/* Circular background reveal */
.icon-box::before {
  content: "";
  position: absolute;
  bottom: -50%;
  left: -50%;
  width: 0;
  height: 0;
  background: #343a40;
  border-radius: 50%;
  transition: width 1.2s;
  z-index: 0;
}

/* On hover: circle expands to cover card */
.icon-box:hover::before {
  width: 250%;
  height: 250%;
}

/* Icon style */
.icon-box .icon {
  font-size: 42px;
  color: #343a40;
  margin-bottom: 12px;
  transition: all 1.5s ease;
  position: relative;
  z-index: 1;
}

/* Hover icon animation */
.icon-box:hover .icon {
  color: #fff;
  transform: translateY(-6px) rotate(-5deg);
}

/* Text style */
.icon-box p {
  font-family: var(--primary-font-family);
  font-size: 15px;
  font-weight: 500;
  color: #343a40;
  margin: 0;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  transition: color 1.5s ease;
}

/* Hover text color */
.icon-box:hover p {
  color: #fff;
}

/* Hover lift */
.icon-box:hover {
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
  transform: translateY(-5px);
  border-color: transparent;
}

/* ========================= */
/* 📱 RESPONSIVE STYLES */
/* ========================= */

@media (max-width: 992px) {
  .icon_data {
    gap: 15px;
  }
  .icon-box {
    width: 180px;
    padding: 20px 15px;
  }
  .icon-box .icon {
    font-size: 36px;
  }
  .icon-box p {
    font-size: 0.95rem;
  }
}

@media (max-width: 768px) {
  .icon_data {
    gap: 12px;
  }
  .icon-box {
    width: 160px;
    padding: 18px 12px;
  }
  .icon-box .icon {
    font-size: 32px;
  }
  .icon-box p {
    font-size: 0.9rem;
  }
  .news-container{justify-content: center !important;}
	.contact-page-form{ width:100% !important; }
}

@media (max-width: 480px) {
  .icon_data {
    gap: 10px;
  }
  .icon-box {
    width: 100%;
    max-width: 300px;
    padding: 15px 10px;
  }
  .icon-box .icon {
    font-size: 30px;
  }
  .icon-box p {
    font-size: 0.88rem;
  }
  .modal-dialog {
    width: 85% !important;
}
}

.word {
  display: inline-block;  /* allows normal line wrapping per word */
  white-space: normal;    /* ensures it wraps naturally */
}

.char {
  display: inline-block;  /* required for GSAP animations */
}

.char.whitespace {
  display: inline-block;
  width: 0.35em;          /* keeps your natural space */
}

.title.center-title .title-anim {
  font-size: 1.8rem;
  font-size: clamp(1.8rem, 4.2vw, 4rem);
  line-height: 1.1;
  white-space: normal; /* important for proper wrapping */
}

/* change hero section background style */

.img_hero_bx{
    position: relative;
    height: auto;
}


.img_hero_bx > img{
    height: auto;
    width: 100%;
}

.anim_hero_title{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}

@media (max-width:400px){
    .anim_hero_title{
        position: absolute;
        top: auto;
        left: 50%;
        transform: translate(-50%);
    }
    .connect-now ul li a {
        padding: 14px 1px 13px 1px !important;
        letter-spacing: .5px !important;
        font-size: 15px !important;
        line-height: 33px !important;
        border-radius: 8px !important;
    }
    .connect-now {
        right: 1% !important;
    }

}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-device-pixel-ratio: 3) {
    .connect-now {
        right: 10% !important;
    }

}

@media (max-width:357px){
        .title-anim{
            font-size: 20px !important;
    }
}
@media (min-width: 1024px) {
    .img_hero_bx {
        height: 700px;
        overflow: hidden;
    }
    .img_hero_bx > img{height: 700px;
        object-fit: cover; }
}


#form_captcha{
    display:flex;
    place-content:center;
}

.modal-content{
    background-color:transparent !important;
    height:auto !important;
}
.modal-dialog{
    width:auto;
}

@supports (-webkit-touch-callout: none) {
    .modal-content, 
    .popup-box, 
    .lightbox-content {
        height: auto !important;
        max-height: 90vh !important;
        overflow-y: auto !important;
    }
}