/* reset css */ *, :after, :before {box-sizing: border-box; padding: 0; margin: 0; border: none; outline: none; font-family: "Open Sans", sans-serif}
/* font-family: "Montserrat", sans-serif */ /* font-family: "Sulphur Point", sans-serif; */ img {max-width: 100%; }
ul, li {list-style: none; margin: 0;color: #1E1E1E; font-size: 18px; }
a {text-decoration: none !important; display: inline-block; color: #383838; font-size: 16px; cursor: pointer; }
a {text-decoration: none !important; display: inline-block; color: #383838; font-size: 18px; cursor: pointer; }
select, input, textarea, button {width: 100%; border: none; outline: none; background: transparent; cursor: pointer; font-size: 16px; }
input::placeholder, textarea::placeholder {opacity: 1; color: #626262; }
textarea {resize: none; }
p {color: #1E1E1E; font-size: 18px; margin: 15px 0; text-align: justify; line-height: 1.6; }
.textl {text-align: left; }
.textc {text-align: center; }
.textr {text-align: right; }
iframe {width: 100%; height: 450px; border: none; }
h1 {font-size: 34px; margin: 15px 0 30px; color: var(--purple); font-weight: 500; text-align: center; position: relative; }
h2, .inner-h1 {font-size: 44px; color: var(--light-purple); font-weight: 300; text-shadow: 1px 1px 1px rgb(0 0 0 / 43%); line-height: 1.2; margin: 0 0 15px; }
h3 {font-size: 32px; margin: 15px 0 0; font-weight: 500; color: var(--dark-blue); }
h4 {font-size: 28px; margin: 15px 0; font-weight: 600; }
h5 {font-size: 25px; margin: 15px 0; font-weight: 600; }
h6 {font-size: 22px; margin: 15px 0; font-weight: 600; }
h1, h2, h3, h4, h5 {font-family: "Bodoni Moda", serif; }
.fancybox-button--thumbs {display: none !important; }
/* reset css */ /* common css */ .wrapper {width: 100%; overflow: hidden; }
.fluid-container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; }
/* common css */ :root {--yellow: #E9AD34; --purple: #77054D; --dark-blue: #002058; --red: #C41716; --dark-purple:#530c4a;  --white-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(279deg) brightness(106%) contrast(103%); --box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; --light-blue: #013B9E; --light-purple: #A10E80; }
:root {scrollbar-width: none !important; }
/* Hide scrollbar for Chrome, Safari, and Edge */ ::-webkit-scrollbar {width: 0; }
/* Track */ ::-webkit-scrollbar-track {background: #929292; border-radius: 2px; }
/* Handle */ ::-webkit-scrollbar-thumb {background: #929292; border-radius: 2px; }
/* Handle on hover */ ::-webkit-scrollbar-thumb:hover {background: #bcbcbc; }
/* Hide scrollbar for Firefox */ html {scrollbar-width: none; /* Hides scrollbar in Firefox */}
/* Button */

.common-btn {display: flex; justify-content: flex-start; align-items: center; padding: 20px 0; }
.common-btn a {color: #fff; position: relative; background: var(--red); padding: 10px 30px; font-size: 16px; cursor: pointer; transition: ease all .4s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 6px; }
.common-btn.yellow-btn a {background: var(--yellow); color: #000; border-bottom: solid 2px #ffff04; }
.common-btn a:hover {background-color: var(--yellow); color: #000; }
.common-btn.yellow-btn a:hover {background-color: var(--dark-blue); }

.common-p{width: 100%; max-width: 900px; text-align: center; margin: 20px auto 40px;}


/* Button */

/* header */
.right-header ul li a.act-link, .sub-footer-links li a.act-li {color: var(--yellow); }
.right-header ul li span.act-link {color: var(--purple); }
.inner-h1 {position: relative; margin: 0 0 45px; text-shadow: 1px 1px 1px rgb(0 0 0 / 43%); }
.inner-h1::before {content: ""; position: absolute; left: 50%; bottom: -10px; transform: translateX(-50%); width: 140px; height: 2px; background: var(--red); box-shadow: var(--box-shadow); }
.inner-h1::after {content: ""; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); width: 10px; height: 10px; background: var(--red); border-radius: 50%; box-shadow: var(--box-shadow); }
.header-top-section {width: 100%; max-width: 100%; background: var(--dark-purple); padding: 5px 0; }
.header-top-icons {width: 100%; max-width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 20px; padding: 3px 0; }
.header-top-icons a img {width: 100%; max-width: 20px; filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(1805%) hue-rotate(2deg) brightness(114%) contrast(103%); }
.header-top-icons ul li a {color: #fff; }
.header-top-icons a {display: flex; justify-content: center; align-items: center; }
.header-admission-text{color: #fff;font-size: 14px;font-weight: 700;text-decoration: none;text-transform: uppercase;animation: colorBlink 1.2s infinite;}

@keyframes colorBlink {

    0% {
        color: var(--yellow);
    }

    25% {
        color: #ffffff;
    }

    50% {
        color: #8fd3ff;
    }

    75% {
        color: #ffd6f5;
    }

    100% {
        color: var(--yellow);
    }

}




/* header */
 .inner-header-wrapper {display: flex; justify-content: space-between; align-items: center; gap: 5px; padding: 5px 0; }
.right-header>ul {display: flex; justify-content: space-between; align-items: center; }
.left-header {display: flex; width: 100%; max-width:200px; transition: 1s ease; }
.header-wrapper {position: relative; z-index: 5; right: 0; left: 0; background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-bottom: solid 1px var(--red); }
.right-header ul li a, .right-header ul li span {color: #000; font-weight: 600; padding: 36px 15px; font-size: 15px; cursor: pointer; max-width: 320px; }
.dropdown-wrapper ul li a, .dropdown-wrapper li span {color: #fff; font-size: 14px; }
.left-header img {display: flex; transition: 1s ease; }
header.scrolled-header {position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
.scrolled-header .right-header {padding-left: 30px; transition: 1s ease; }
.scrolled-header .left-header img, .scrolled-header .left-header {max-width: 160px; }
.dropdown-wrapper li svg, .dropdown-wrapper li i {color: #ffc304; padding-right: 10px; font-size: 16px; }
/* header */ /* home-banner */ 
.slider {display: flex; width: 100%; height: calc(100vh - 132px); position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 0; position: relative; }
/* .slider::before {position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: #0000008c; }
*/ .home-sliders {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: relative; }
.scrolled-header .header-top-section {display: none; }
.scrolled-header .left-header {max-width: 270px; }
/* .scrolled-header .right-header ul li a ,.scrolled-header.right-header ul li span {font-size: 16px; }
*/ .swiper-img {width: 100%; max-width: 550px; margin: auto; display: flex; justify-content: center; }
.swiper-content {width: 100%; max-width: 900px; position: relative; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; margin-bottom: 180px; }
.swiper-img {position: relative; }
.slider .fluid-container {display: flex; width: 100%; }
.swiper-content h2 {font-size: 45px; color: #fff; }
.swiper-content h3 {font-size: 30px; color: #fff; text-transform: uppercase; margin: 15px 0; position: relative; line-height: 1.5; border-left: 4px solid #82ff0e; }
.slider h2 {color: #fff; text-shadow: 1px 2px #000; }
.home-banner-wrapper {height: calc(100vh - 132px)}

.owl-carousel.slider-home .owl-dots {position: absolute; bottom: 50px; right: 0; left: 0; margin: auto; display: flex; width: 100%; max-width: 1240px; justify-content: center; align-items: center; }
.inner-home-wrapper span {font-size: 100px; color: #E8A300; font-weight: 600; line-height: 1.2; text-align: left; width: 100%; max-width: 600px; text-shadow: 1px 1px 1px rgb(0 0 0 / 43%); }
.owl-item.active .inner-home-wrapper {transform: none; transition: 1.2s ease-in-out; }
.inner-home-wrapper {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: center; position: relative; z-index: 1; padding-top: 90px; opacity: 0; transform: translateX(-50px) scale(0.95); animation: slideInScale 1s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards; }
@keyframes slideInScale {  0% {opacity: 0; transform: translateX(-50px) scale(0.95); }
  100% {opacity: 1; transform: translateX(0) scale(1); }
}


/* home-banner */ 

/* Dropdown css */

.dropdown-wrapper-li {position: relative; }
li.dropdown-wrapper-li .dropdown-wrapper {pointer-events: none; opacity: 0; position: absolute; width: 300px; top: 100px; visibility: hidden; transition: all .2s ease-in; z-index: 1; display: flex; justify-content: center; align-items: stretch; left: -75px; gap: 50px; }
.products-images, .products-images img {width: 100%; max-width: 250px; display: flex; justify-content: center; align-items: center; }
.dropdown-wrapper-li.act-link span, .dropdown-wrapper-li:hover span {color: var(--dark-blue); }
.products-images img {object-fit: cover; height: 100%; }
.first-route-products ul li a:hover, .first-route-products ul li a.act-link {color: #ffd49b !important; }
.dropdown-wrapper {position: relative; }
li.dropdown-wrapper-li:hover .dropdown-wrapper {visibility: visible; opacity: 1; top: 60px; pointer-events: visible; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background: var(--dark-blue); border-bottom: 5px solid var(--yellow); }
.dropdown-wrapper ul {width: 100%; max-width: 100%; }
.dropdown-wrapper li {position: relative; border-bottom: 1px dotted #fff; padding-left: 10px; }
.dropdown-wrapper li:hover a {transform: translateX(10px); }
.dropdown-wrapper li:last-child {border-bottom: unset; }
.dropdown-wrapper ul {position: relative; z-index: 2; }
.dropdown-wrapper li a {width: 100%; max-width: 350px; padding: 10px 5px !important; color: #4c6444; transition: transform 0.3s ease, padding-left 0.3s ease; }
header.scrolled-header li.dropdown-wrapper-li:hover .dropdown-wrapper {top: 60px; }
.first-route-products h3 {font-size: 30px; display: inline-block; border-bottom: 2px solid #fefffe; color: #fff; }
.first-route-products.act-link .first-route-products ul li img {display: none; }
.dropdown-wrapper ul li a {position: relative; display: flex; }
/* Dropdown css */ /* owl-carousel css */ .owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent; position: relative}
.owl-carousel {width: 100%; z-index: 1}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item {min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none}
.owl-carousel .owl-item img {display: block; width: 100%; }
.owl-carousel .owl-nav {display: none; font-size: 55px}
.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {background: #354c42; color: inherit; border: none; padding: 0 !important; font: inherit}
.owl-carousel.owl-loading {opacity: 0; display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel.owl-refresh .owl-item {visibility: hidden}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; justify-content: center; align-items: stretch; }
.owl-carousel.owl-grab {cursor: move; cursor: grab}
.owl-carousel.owl-rtl {direction: rtl}
.owl-carousel.owl-rtl .owl-item {float: right}
.owl-carousel .animated {animation-duration: 1s; animation-fill-mode: both}
.owl-carousel .owl-animated-in {z-index: 0}
.owl-carousel .owl-animated-out {z-index: 1}
.owl-carousel .fadeOut {animation-name: fadeOut}
@keyframes fadeOut {  0% {opacity: 1}
  100% {opacity: 0}
}
.owl-height {transition: height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy {opacity: 0; transition: opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {max-height: 0}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d}
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000}
.owl-carousel .owl-video-play-icon:hover {-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {display: none}
.owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease}
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%}
.owl-theme .owl-nav {margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent}
.owl-theme .owl-nav [class*=owl-] {color: #b4b4b4; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px}
.owl-theme .owl-nav [class*=owl-]:hover {color: #d0630e; text-decoration: none}
.owl-theme .owl-nav .disabled {opacity: .5; cursor: default}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px}
.owl-theme .owl-dots {text-align: center; -webkit-tap-highlight-color: transparent}
.owl-theme .owl-dots .owl-dot {display: inline-block; }
.owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791}
.owl-theme .owl-dots .owl-dot.active span {background: #b4b4b4}
.owl-dots {text-align-last: center; padding: 0; }
.owl-carousel button.owl-dot {width: 100%; max-width: 35px; height: 10px; display: inline-block; margin: 15px 5px; background: #fff; border-radius: 0; position: relative; border-radius: 10px; }
.owl-dots .owl-dot.active {background: #A10E80 !important; }
.owl-carousel button.owl-dot::before {content: "•"; font-size: 14px; color: transparent; display: block; text-align: center; position: absolute; width: 100%; height: 100%; line-height: 10px; top: 0; left: 0; }
button.owl-dot {position: relative; }
button.owl-dot:focus {outline: 2px solid transparent; }
/* owl-carousel css */



/* ================= FULL SCREEN MENU ================= */
.desk-resp-ham {position: relative; }
 .sidebar {position: fixed; inset: 0; width: 100vw; height: 100vh; background: linear-gradient(rgb(0 0 0 / 67%), rgb(0 0 0 / 67%)), url(../images/banners/menu-banner.webp) no-repeat center center/cover; display: flex; flex-direction: column; justify-content: center; opacity: 0; visibility: hidden; transform: scale(1.05); transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s ease; z-index: 1000; overflow: hidden; }
/* .sidebar::before {content: ""; position: absolute; inset: 0; background: rgb(0 0 0 / 67%)}
*/ .sidebar.active {opacity: 1; visibility: visible; transform: scale(1); }
.sidebar ul.menu>li>a, .sidebar ul.menu>li>span {font-size: 42px; font-weight: 500; padding: 20px 0; border: none; transition: 0.3s ease; }
.sidebar ul.menu>li>a:hover, .sidebar ul.menu>li>span:hover {color: #B72126; transform: translateX(10px); }
/* Sub menu */ .nav-dropdown {background: transparent; }
.nav-dropdown li a {font-size: 20px; padding-left: 40px; color: #666; }
.menu-wrapper{display: flex; justify-content: center; align-items: center;}
.site-menu-toggle {width: 46px; height: 46px; background: var(--dark-purple); border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 10px; cursor: pointer; position: relative; z-index: 1100; transition: 0.3s ease; box-shadow: var(--box-shadow); }
.menu-label {position: absolute;left: 0;font-size: 14px;font-weight: 600;color:var(--dark-purple);letter-spacing: 1px;bottom: -20px;}
.site-menu-toggle span {width: 4px; height: 4px; background: #fff; border-radius: 50%; margin: 2px; transition: 0.3s ease; }
.site-menu-toggle.active span {opacity: 0; }
.site-menu-toggle.active::before, .site-menu-toggle.active::after {content: ""; position: absolute; width: 26px; height: 3px; background: #fff; border-radius: 3px; }
.site-menu-toggle.active::before {transform: rotate(45deg); }
.site-menu-toggle.active::after {transform: rotate(-45deg); }
.site-menu-toggle.active .menu-label {color: #fff; }
.menu-inner {display: flex; height: 100vh; position: relative; z-index: 2; padding: 100px 0 0; }
/* LEFT SIDE */ .menu-left {width: 100%; max-width: 40%; height: 100vh; overflow-y: auto; padding-right: 20px; }
.main-menu {list-style: none; padding: 0; }
.main-menu li, .main-menu li a {font-size: 42px; margin-bottom: 30px; cursor: pointer; transition: 0.3s ease; color: #fff; }
.main-menu li a {margin-bottom: unset !important; }
.main-menu li:hover, .main-menu li:hover a {color: var(--yellow); transform: translateX(10px); }
.main-menu li.active a , .main-menu li.active {color: var(--yellow); transform: translateX(10px); }
/* VERTICAL LINE */ .menu-divider {width: 1px; background: #ccc; margin: 0 60px; }
/* RIGHT SIDE */ .menu-right {width: 100%; max-width: 60%; height: 100vh; position: sticky; top: 0; overflow: hidden; }
.submenu {display: none; flex-direction: column; }
.submenu a {font-size: 20px; margin-bottom: 22px; color: #c9c8c8; text-decoration: none; transition: 0.3s ease; position: relative; }
.submenu a:hover {color: var(--yellow); }
/* Show active submenu */
.submenu.active {display: flex; }
.submenu a.active-link , .mobile-submenu a.active-link {color: var(--yellow); }
body.menu-open {overflow: hidden; }
.scrolled-header .inner-header-wrapper {margin-bottom: 5px;}


/* responcive menu css */

/* footer */ 

.footer-wrapper {position: relative; }
.footer-wrapper::before {position: absolute; content: ""; height: 100%; width: 100%; background: #2C284E}
.inner-footer-logo {width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.inner-footer-wrapper {position: relative; z-index: 1; }
.inner-footer-logo img {width: 100%; max-width:200px; margin: auto; display: flex; }
.footer-content {width: 100%; max-width: 1000px; margin: auto; text-align: center; }
.footer-content p {color: #fff; }
.footer-contact-links {display: flex; justify-content: space-between; align-items: center; padding: 50px 0 20px; gap: 35px; }
.footer-links-main {width: 100%; max-width: 400px; }
.sub-footer-links li {margin: 15px 0; position: relative; transition: transform 0.3s ease; text-align: center; }
.sub-footer-links li:hover {transform: translateX(15px); }
.sub-footer-links li:hover a {color: var(--yellow); }
.sub-footer-main li {margin: 18px 0; }
.sub-footer-main li:hover {color: var(--yellow); }
.sub-footer-main li a {display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; line-height: 1.5; transition: ease all .4s; }
.sub-footer-main li:hover a, .sub-footer-main li:hover a span img {color: var(--yellow); }
.sub-footer-main li a span img {width: 100%; max-width: 25px; filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(1805%) hue-rotate(2deg) brightness(114%) contrast(103%); }
.footer-address {width: 100%; max-width: 400px; }
.footer-2 {border-top: 2px solid #ffffff14; background:var(--dark-purple); position: relative; padding: 5px 0; }
.copyrights {color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 5px 0; position: relative; flex-wrap: wrap; gap: 20px; }
.copyrights p {font-size: 14px; margin: 0; }
.copyrights span a img {display: flex; justify-content: center; align-items: center; }
.footer-logo {border-bottom: 1px solid #d6cec3; padding: 0 0 30px; }
.sub-footer-links>li>a, .sub-footer-main>li>a, .footer-links-main p {color: #d6d6d6; font-size: 16px; }
.copyrights p a, .copyrights p {color: #fff; font-size: 13px !important; }
.copyrights span a {width: 100%; max-width: 90px; filter: invert(95%) sepia(18%) saturate(0%) hue-rotate(12deg) brightness(119%) contrast(100%); }
.inner-footer-logo a {position: relative; background: #fff; padding: 10px 20px; border-radius: 0 0 20px 20px; box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.12);}
.sub-footer-links li a.act-link {color: var(--yellow); }
.sub-footer-links li a.act-link {color: var(--yellow); }
.social-media-icons-inner-wrapper {background: #fff; border-radius: 5px; display: flex; justify-content: center; align-items: center; gap: 20px; padding: 8px 10px; width: fit-content; margin: 0 auto; }
.social-media-icons-inner-wrapper a span {display: flex; justify-content: center; align-items: center; }
.social-media-icons-inner-wrapper a span img {width: 100%; max-width: 30px; }
/* footer */ 

/* Index Overview */

.overview-main-wrapper {position: relative; padding: 70px 0; background: url(../images/overview-bg.webp) no-repeat center center/cover; }
.overview-main-wrapper::before {position: absolute; content: ""; width: 100%; max-width: 250px; height: 100%; background: url(../images/overvew-left-element.webp) no-repeat center center/contain; top: 0; left: calc(50% - 960px); bottom: 0; margin: auto 0; }
.overview-main-wrapper::after {position: absolute; content: ""; width: 100%; max-width: 250px; height: 100%; background: url(../images/overvew-right-element.webp) no-repeat center top/contain; top: 200px; right: calc(50% - 960px); z-index: -1; }
.overview-imgs-wrapper {display: flex; justify-content: center; align-items: center; gap: 40px; padding: 80px 0 20px; }
.overview-imgs-wrapper img {width: 100%; max-width: 370px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 5px; }
.overview-imgs-wrapper .overview-img-card:nth-child(2) {transform: translateY(-40px); }
.overview-content-wrapper h2 {text-align: center;}
.overview-content-wrapper p {text-align: center; width: 100%; max-width: 900px; margin: 15px auto; }
.overview-inner-wrapper .common-btn {justify-content: center; }
.overview-img-card h2{font-size:28px; text-align: center; margin: 0 0 15px; color: var(--dark-blue); transition: ease all .3s;}
.overview-img-card:hover h2{color: var(--red);}



/* Index Overview */

/* Index Learning */
.learning-main-wrapper {background: radial-gradient(circle at 10% 20%, #3e1b5d 0%, #1e1b3a 100%); padding: 100px 0; position: relative; overflow: hidden; }
.learning-inner-wrapper {display: flex; align-items: center; justify-content: space-between; gap: 60px; position: relative; z-index: 2; }
.learning-visual {flex: 1; max-width: 48%; position: relative; }
.visual-card-container {position: relative; width: 100%; display: flex; justify-content: center; align-items: center; }
.main-image-card {position: relative; width: 100%; max-width:500px; border-radius: 24px; overflow: hidden; border: 2px solid #fff; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.main-image-card img {width: 100%; height: 390px; object-fit: cover; display: block; transition: transform 0.8s ease; }
.image-overlay-text {position: absolute; bottom: 0; left: 0; right: 0; padding: 25px; background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 60%, transparent 100%); color: #fff; }
.image-overlay-text .tag {display: inline-block; font-size: 11px; background: var(--yellow); color: #000; padding: 4px 12px; border-radius: 20px; font-weight: 700; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 1px; }
.image-overlay-text h2 {font-size: 24px; font-family: "Bodoni Moda", serif; margin: 0; color: #fff; font-weight: 600; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); }
.floating-badge {position: absolute;background: var(--dark-purple);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.12);border-radius: 10px;padding: 12px 15px;display: flex;align-items: center;gap: 12px;box-shadow: 0 15px 35px rgba(0,0,0,0.35);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);z-index: 10;}
.badge-1 {top: 8%; left: -5%;}
.badge-2 {bottom: 15%; right: -5%; }
.badge-3 {top: -4%;right: 1%;}

.badge-icon {width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.08); }
.badge-icon img {width: 22px; height: auto; filter: var(--white-filter); }
.badge-text h2 {font-size: 14px; font-weight: 700; color: #fff; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.badge-text span {font-size: 13px; color: rgba(255, 255, 255, 0.7); display: block; font-weight: 500; }
.learning-content {flex: 1; max-width: 48%; margin-left: 0; }

.learning-content h2 { color: #fff; line-height: 1.25;  font-family: "Bodoni Moda", serif; font-weight: 600; text-shadow: none; }
.learning-content h2 .highlight-text {color: var(--yellow); background: linear-gradient(120deg, var(--yellow) 0%, #ffffff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.learning-content p {font-size: 17px; color: rgba(255, 255, 255, 0.85); line-height: 1.8; margin:0 0 30px; text-align: start; }
.learning-awards-wrapper {display: flex; justify-content: start; align-items: center; gap: 20px; padding: 0; margin-bottom: 35px; }
.learning-award-card {flex: 1;display: flex;align-items: center;gap: 15px;padding: 18px 20px;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 16px;box-shadow:    0 8px 32px rgba(0, 0, 0, 0.2),    inset 0 1px 1px rgba(255, 255, 255, 0.25);transition: all 0.4s ease;}
.learning-award-card:hover {background: rgba(255, 255, 255, 0.08); border-color: rgba(233, 173, 52, 0.4); }
.award-img-box {width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.05); border-radius: 12px; padding: 8px; flex-shrink: 0; }
.award-img-box img {width: 100%; height: 100%; object-fit: contain; }
.award-info h3 {font-size: 15px; font-weight: 700; color: #fff; margin: 0 0 4px 0; text-transform: uppercase; letter-spacing: 0.5px; }
.award-info p {font-size: 14px; color: rgba(255, 255, 255, 0.7); margin: 0; line-height: 1.4; text-align:start; }




/* Index Learning */ 



/* Index Compreshensive Learning */ 

.comprehensive-learning-main-wrapper {padding: 80px 0; background: url(../images/comprehensive-bg.webp) no-repeat center center/cover; }
.comprehensive-learning-inner-wrapper h2 {text-align: center; }
.comprehensive-learning-inner-wrapper>p {text-align: center; font-size: 24px; }
.comprehensive-learning-cards-wrapper {position: relative; display: flex; justify-content: center; align-items: stretch; gap: 60px; z-index: 1; padding-top: 40px; }
.comprehensive-learning-card {width: 100%; max-width: 370px; }
.comprehensive-learning-img {display: flex; justify-content: center; align-items: center; position: relative; padding: 0 5px; }
.comprehensive-learning-img img {width: 100%; max-width: 370px; height: 460px; object-fit: contain; object-position: bottom; padding: 5px 0 0; }
.comprehensive-learning-img::before {position: absolute; content: ""; width: 100%; max-width: 370px; height: 265px; background: #002058; bottom: 0; z-index: -1; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: 1s ease; }
.comprehensive-learning-content h3 {text-align: center; color: var(--dark-blue); margin: 15px 0 0; font-size: 28px; }
.comprehensive-learning-content p {text-align: center; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.comprehensive-learning-content .common-btn {justify-content: center; }
.comprehensive-learning-content .common-btn a {background: var(--dark-blue); }
.comprehensive-learning-cards-wrapper .comprehensive-learning-card:nth-child(2) .comprehensive-learning-img::before {background: var(--yellow); }
.comprehensive-learning-cards-wrapper .comprehensive-learning-card:nth-child(3) .comprehensive-learning-img::before {background: var(--purple); }
.comprehensive-learning-cards-wrapper .comprehensive-learning-card:nth-child(2) .comprehensive-learning-content h3 {color: var(--yellow); }
.comprehensive-learning-cards-wrapper .comprehensive-learning-card:nth-child(3) .comprehensive-learning-content h3 {color: var(--purple); }
 .comprehensive-learning-card:hover .comprehensive-learning-img::before {height: 107%; }
.comprehensive-learning-cards-wrapper  .comprehensive-learning-card.card-yellow .comprehensive-learning-img::before {background: var(--yellow);}
.comprehensive-learning-cards-wrapper  .comprehensive-learning-card.card-purple .comprehensive-learning-img::before {background: var(--purple);}
.comprehensive-learning-cards-wrapper  .comprehensive-learning-card.card-yellow  .comprehensive-learning-content h3{color: var(--yellow);}
.comprehensive-learning-cards-wrapper  .comprehensive-learning-card.card-purple  .comprehensive-learning-content h3{color: var(--purple);}
.comprehensive-learning-inner-wrapper .common-btn{justify-content: center; padding: 20px 0 0;}



/* Index Compreshensive  Learning */




/* Index cta */ 
.cta-main-wrapper {position: relative; padding: 100px 0; background: url(../images/cta-bg.webp) no-repeat center bottom/cover; }
.cta-main-wrapper::before {position: absolute; content: ""; background: #00000063; width: 100%; height: 100%; top: 0; }
.cta-inner-wrapper h2 {text-align: center; color: #fff; font-size: 42px; position: relative; }
.cta-inner-wrapper .common-btn {display: flex; justify-content: center; align-items: center; gap: 20px; position: relative; }
.cta-inner-wrapper .common-btn a:first-child {background: #fff; color: #000; }
.cta-inner-wrapper .common-btn a:first-child:hover , .admission-inner-wrapper .common-btn a:first-child:hover{background:var(--yellow) ; color: #fff;}
/* Index cta */





/* Index Our Facilities */

.our-facilities-main-wrapper{padding: 90px 0 ;}
.our-facilities-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px;}
.our-facilities-img{width: 100%; max-width: 500px;}
.our-facilities-img img{width: 100%; max-width: 500px; border-radius: 100%; box-shadow: var(--box-shadow);}
.our-facilities-content{width: 100%; max-width:695px;}
.our-facilities-content h2{margin: unset;}
.our-facilities-content h3{font-size: 28px;}
.our-facilities-card-wrapper.owl-carousel .owl-dots, .our-facilities-card-wrapper.owl-carousel .owl-nav span {display: none !important;}
.our-facilities-card-wrapper.owl-carousel .owl-dots, .our-facilities-card-wrapper.owl-carousel .owl-nav {width: 100%;max-width: 1200px;position: absolute;left: 0;right: 0;margin: auto;height: 50px;display: flex !important;justify-content: start;align-items: center;gap: 30px;z-index: 5;}
.our-facilities-card-wrapper.owl-carousel .owl-nav button.owl-prev, .our-facilities-card-wrapper.owl-carousel .owl-nav button.owl-next {width: 50px;height: 50px;background: var(--red);border-radius: 50%;display: flex;justify-content: center;align-items: center;top: 0;bottom: -30px;left: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.our-facilities-card-wrapper.owl-carousel .owl-nav button.owl-prev::before, .our-facilities-card-wrapper.owl-carousel .owl-nav button.owl-next::before {content: '';position: absolute;width: 20px;background: url(../images/icons/right-arrow.webp) no-repeat center center/contain;filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(150deg) brightness(102%) contrast(105%);height: 30px;z-index: 0;transform: scaleX(-1);}
.our-facilities-card-wrapper.owl-carousel .owl-nav button.owl-next::before{transform: unset;}
.owl-carousel.our-facilities-card-wrapper .owl-dots.disabled{display: none !important;}
.our-facilities-card p{margin:5px 0 15px;}


/* Index Our Facilities */ 


/* Index Why Nalanda */


.why-nalanda-gurukula-main-wrapper {padding: 80px 0; background: #e1e1e173;}
.why-nalanda-gurukula-inner-wrapper h2 {text-align: center;width: 100%;max-width: 800px;margin: 0 auto 45px;position: relative;}
.why-nalanda-gurukula-content-list-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;max-width: 1200px;margin: 0 auto;}
.why-nalanda-gurukula-content-item {display: flex;flex-direction: column;gap: 30px;}
.why-nalanda-gurukula-content {border-radius: 28px;padding: 30px;display: flex;align-items: center;justify-content: space-between;gap: 25px;position: relative;overflow: hidden;transition: 0.5s ease;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);border: 1px solid rgba(0, 32, 88, 0.08); background: #fff;}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:last-child .why-nalanda-gurukula-content:first-child::before , .why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:first-child .why-nalanda-gurukula-content:last-child::before   {content: "";position: absolute;width: 120px;height: 120px;background: linear-gradient(135deg, rgba(233, 173, 52, 0.12), rgba(119, 5, 77, 0.12));border-radius: 50%;right: -40px;top: -40px;}
.why-nalanda-gurukula-content-sub-content {flex: 1;}
.why-nalanda-gurukula-content-sub-content h3 {font-size:25px;color:var(--dark-blue);margin: 0; font-weight: 600;}
.counter-value {font-size:40px;font-weight:600;color: #77054D;display: inline-block;margin-right: 10px;line-height: 1;}
.why-nalanda-gurukula-content-sub-img span {width: 90px;height: 90px;background: linear-gradient(135deg, #77054D, #002058);display: flex;align-items: center;justify-content: center;border-radius: 24px;position: relative;z-index: 2;flex-shrink: 0;box-shadow: 0 12px 30px rgba(0, 32, 88, 0.2);}
.why-nalanda-gurukula-content-sub-img img {width: 45px;height: 45px;object-fit: contain;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(58deg) brightness(106%) contrast(101%);}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:first-child .why-nalanda-gurukula-content:first-child {background: linear-gradient(135deg, #002058 0%, #123b86 100%);}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:first-child  .why-nalanda-gurukula-content:first-child h3 {color: #ffffff;}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:first-child .why-nalanda-gurukula-content:first-child .why-nalanda-gurukula-content-sub-img span {background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(10px);}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:last-child .why-nalanda-gurukula-content:last-child { background: linear-gradient(135deg, #77054D 0%, #a10c68 100%);}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:last-child .why-nalanda-gurukula-content:last-child h3,
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:last-child .why-nalanda-gurukula-content:last-child .counter-value {color: #ffffff;}
.why-nalanda-gurukula-content-list-wrapper .why-nalanda-gurukula-content-item:last-child .why-nalanda-gurukula-content:last-child .why-nalanda-gurukula-content-sub-img span {background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(10px);}


/*Index Why Nalanda Gurukula */





/* Index Why Nalanda Gurukula */ 

/* Index Admission */ 
.admission-main-wrapper {background: url(../images/admission-bg.webp) no-repeat center center/cover; padding: 60px 0; position: relative; }
.admission-main-wrapper::before {position: absolute; content: " "; width: 100%; max-width: 100%; height: 100%; background: #454344d1; top: 0; }
.admission-inner-wrapper {width: 100%; max-width: 1100px; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.admission-inner-wrapper .admission-heading {width: 100%; max-width: 70%; position: relative; }
.admission-inner-wrapper .admission-heading h2 {text-align: start; color: #fff; font-size: 46px; font-weight: 600; }
.admission-inner-wrapper .common-btn {width: 100%; max-width: 30%; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.admission-inner-wrapper .common-btn a:first-child {background: #fff; color: #000; }
/* Index Admission */ 

/* Index Events */ 
.events-main-wrapper {padding: 80px 0; }
.events-inner-wrapper h2 {text-align: center; margin: 0 0 35px; }
.events-list-wrapper {display: flex; justify-content: center; align-items: stretch; gap: 60px; }
.events-card {width: 100%; max-width: 400px; padding: 0 10px; margin: auto; }
.events-inner-wrapper .owl-item {position: relative; padding: 0 10px; text-align: center; }
.events-inner-wrapper .owl-item:before {content: ''; position: absolute; top: 0px; right: -8px; width: 1px; bottom: 0; margin: auto; height: 100%; background-image: linear-gradient(0deg, #121111 -9%, #0000002e 0%, #00000000 0%, #000000e0 91%, rgba(255, 255, 255, 0) 100%); }
.events-list-wrapper .events-card:last-child::before {display: none; }
.events-card-img {position: relative; }
.events-card-img a{width: 100%;}
.events-card-img img {width: 100%; max-width: 400px; box-shadow: var(--box-shadow); border-radius: 10px; height: 300px; object-fit: cover; }
.events-card-content h3 {text-align: center; font-size: 24px; margin: 30px 0 0; color: var(--dark-blue); }
.events-card-content p {text-align: center; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.events-card-content .common-btn {justify-content: center; padding: 10px 0; }
.events-date {position: absolute; left: 0; right: 0; bottom: -11px; background: #fff; width: 100%; max-width: 180px; padding: 10px 0 10px 30px; margin: auto; border-radius: 10px; box-shadow: var(--box-shadow); }
.events-date span {position: relative; ; display: block; text-align: center; color: var(--red); font-weight: 600; font-size: 18px; }
.events-date span::before {position: absolute; content: ""; width: 100%; max-width: 25px; height: 25px; background: url(../images/icons/calendar.webp) no-repeat center center/cover; left: -3px; filter: brightness(0) saturate(100%) invert(22%) sepia(50%) saturate(3200%) hue-rotate(345deg) brightness(94%) contrast(107%); top: -2px; }
/* Index Events */ 


/* Index celebratig */ .celebrating-main-wrapper {background: url(../images/celebrating-bg.webp) no-repeat center center/cover; position: relative; }
.celebrating-main-wrapper::before {position: absolute; content: ""; width: 100%; max-width: 100%; height: 100%; background: linear-gradient(180deg, rgb(255 255 255 / 0%) 17%, rgb(255 255 255) 94%); top: 0; }
.celebrating-inner-wrapper {display: flex; justify-content: center; align-items: start; gap: 60px; position: relative; }
.celebrating-img {width: 100%; max-width: 400px; }
.celebrating-img img {width: 100%; max-width: 400px; }
.celebrating-content {width: 100%; max-width: 700px; padding: 60px 0 0; }
.celebrating-content ul li {position: relative; margin: 25px 0 35px; font-size:19px; display: flex; justify-content: start; align-items: start; gap: 15px; }
.celebrating-content ul li span {width: 100%; max-width: 40px; height: 40px; border-radius: 100%; background: #454344; display: flex; justify-content: center; align-items: center; box-shadow: var(--box-shadow); }
.celebrating-content ul li span img {width: 100%; max-width: 22px; filter: var(--white-filter); }
.celebrating-content ul li::after {content: ""; position: absolute; bottom: -11px; left: 0; height: 1px; width: 100%; background: linear-gradient(to right, #00000075, #01161300); }
.celebrating-content h3 {font-size: 26px;color: var(--light-purple);margin: 45px 0 0;}


/* Index celebratig */

/* Index Gallery */

.gallery-main-wrapper {position: relative; padding: 80px 0 60px; background: url(../images/gallery-bg.webp) no-repeat center center/cover; }
.gallery-main-wrapper::before {position: absolute; content: ""; width: 100%; max-width: 100%; height: 100%; background: linear-gradient(180deg, rgb(255 255 255) 17%, rgb(255 255 255 / 52%) 48%); top: 0; }
.gallery-inner-wrapper {position: relative; }
.gallery-inner-wrapper h2 {text-align: center; position: relative; }

.gallery-list-wrapper { display: flex; gap: 20px; }
.gallery-left-wrap { width: 50%; }
.gallery-right-wrap { width: 50%; display: flex; gap: 20px; }
.gallery-right-col { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.gallery-big { height: 420px; margin-bottom: 20px; }
.gallery-bottom-wrap { display: flex; gap: 20px; }
.gallery-bottom-wrap .gallery-card { flex: 1; height: 220px; }
.gallery-tall { height: 440px}
.gallery-large { height: 440px; }
.gallery-right-col .gallery-card:not(.gallery-tall):not(.gallery-large) { height: 200px; }
.gallery-card img { width: 100%; height: 100%; object-fit: cover; display: block;  border-radius: 15px;}



.gallery-inner-wrapper .common-btn {justify-content: center; }
.gallery-full-img {width: 100%; max-width: 1200px; border-radius: 10px; box-shadow: var(--box-shadow); }
.gallery-prev, .gallery-next {position: absolute; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; border-radius: 50%; background: var(--red); color: #fff; border: none; font-size: 18px; cursor: pointer; transition: 0.3s ease; display: flex; align-items: center; justify-content: center; z-index: 2; }
.gallery-prev {left: 20px; }
.gallery-prev img, .gallery-next img {width: 100%; max-width: 20px; filter: var(--white-filter); }
.gallery-prev img {transform: scaleX(-1); }
.gallery-next {right: 20px; }
.gallery-prev:hover, .gallery-next:hover {background: var(--yellow); }
/* Index Gallery */ 

/* KEEP layout stable */
.gallery-list-wrapper {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 30px 0 ;position: relative;transition: opacity 0.4s ease, transform 0.4s ease;}
.gallery-list-wrapper.hidden {opacity: 0;pointer-events: none;transform: scale(0.98);}
/* INLINE VIEWER (overlay style) */
.gallery-inline-viewer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transform: scale(1.02);transition: opacity 0.4s ease, transform 0.4s ease;}
/* ACTIVE STATE */
.gallery-inline-viewer.active {opacity: 1;pointer-events: auto;transform: scale(1);}
/* IMAGE smooth animation */
.gallery-full-img {width: 100%;max-width: 1200px;border-radius: 10px;box-shadow: var(--box-shadow);transform: scale(0.96);transition: transform 0.4s ease;}
.gallery-inline-viewer.active .gallery-full-img {transform: scale(1);}





/* Index Testimonils */

.testimonils-main-wrapper {position: relative; padding: 80px 0; background: url(../images/testimonils-bg.webp) no-repeat center center/cover; }
.testimonils-main-wrapper::before {position: absolute; content: ""; width: 100%; max-width: 100%; height: 100%; background: #ffffffe0; top: 0; }
.testimonils-inner-wrapper h2 {text-align: center; position: relative; margin: 0 0 25px; }
.testimonils-card-wrapper {display: flex; justify-content: center; }
.testimonils-card {width: 100%; max-width: 900px; position: relative; }
.testimonils-card-img {display: flex; justify-content: center; align-items: center; }
.testimonils-card-img img {width: 100%; max-width: 160px; border-radius: 160px; border: solid 8px #F0B01A; box-shadow: var(--box-shadow); }
.testimonils-card-content h3 {text-align: center; font-size: 26px; }
.testimonils-card-content p {text-align: center; color: #000; margin: 15px 0 0; }
/* Index Testimonils */ 

/* go to top */ #to-top {color: #ffc304; cursor: pointer; position: fixed; bottom: 50px; right: 35px; width: 60px; height: 60px; z-index: 9; padding: 6px; border-radius: 50%; }
#to-top img {filter: invert(73%) sepia(96%) saturate(447%) hue-rotate(360deg) brightness(107%) contrast(107%)}
/* go to top */ 





.inner-page-banner-wrapper {height: 450px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 10px; overflow: visible; position: relative; z-index: 1; }
.inner-page-banner-wrapper .fluid-container {height: 100%; }
.banner-text {height: 100%; display: flex; justify-content: end; align-items: start; position: relative; flex-direction: column; z-index: 2; padding:0 0 20px; }
.banner-text h1 {color: var(--white); font-size: 40px; text-align: start; line-height: 1.6; text-transform: uppercase; margin: unset; text-shadow: .5px .5px .5px rgb(0 0 0 / 43%); }
.banner-text p {color: #fff; margin: 0 0 10px; font-size: 20px; font-weight: 500; text-align: start; }
.inner-span-bredcumbs {font-style: italic; font-weight: 200; }
.breadcrumbs {display: flex; justify-content: center; align-items: center; gap: 10px;  background: #00000085; padding:6px 10px; }
.breadcrumbs li, .breadcrumbs a {color: #fff; position: relative; display: flex; font-size: 14px; margin: unset;}
span.breadcrumbs-name {font-size: 18px !important; }
.common-inner-page-wrapper {padding: 60px 0; }
.breadcrumbs-img {position: relative; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
.breadcrumbs-img img {width: 100%; max-width: 12px; filter: brightness(0) saturate(100%) invert(99%) sepia(5%) saturate(258%) hue-rotate(224deg) brightness(119%) contrast(100%); }
.inner-banner-content-wrapper {width: 100%; display: flex; justify-content: start; align-items: center; }
.breadcrumbs-black.breadcrumbs li, .breadcrumbs-black.breadcrumbs a {color: #000; }
.breadcrumbs-black.breadcrumbs .breadcrumbs-img img {filter: unset; }




.common-inner-main-wrapper {padding: 80px 0; }


/* Overview */

.about-overview-inner-wrapper h2 {text-align: center; }
.about-overivew-image {width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 30px; }
.about-overivew-image img {width: 100%; max-width: 700px; border-radius: 20px; box-shadow: var(--box-shadow); border: solid 2px #fff; }
.about-content {display: flex; flex-direction: column; gap: 30px; }
.about-content h2 {font-size: 38px; margin-bottom: 25px; color: #1c2b4a; }
.motto-box {background: linear-gradient(135deg, #ffb947 0%, #ffbc00 100%);padding: 30px;margin: 10px 0;border-radius: 12px;box-shadow: var(--box-shadow);border-left: 6px solid var(--light-purple);transition: transform 0.3s ease, box-shadow 0.3s ease;width: 100%;max-width: 800px;margin: 0 auto;}
.motto-icon {width: 80px; height: 80px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.motto-icon img {max-width: 40px; filter: var(--white-filter); }
.motto-text h2 {margin: 10px 0; color: #fff; font-size: 33px; font-weight: 600; text-align: center;}
.motto-text p {margin: 0; text-align: start; font-size: 18px; color: #333; text-align: center; }
.motto-text p strong {font-size: 22px; color: var(--dark-blue); display: block; margin-bottom: 5px;  text-align: center;}


.core-values-list-wrapper{display:flex;justify-content: center; align-items: center; flex-wrap: wrap;gap:28px;list-style:none;padding:0;}
.core-values-list-wrapper li{ width: 100%; max-width: 48%;position:relative;display:flex;align-items:center;gap:18px;padding:28px 24px;background:#fff;border-radius:28px;overflow:hidden;transition:all 0.45s ease;box-shadow:0 10px 30px rgba(0,0,0,0.06);z-index:1;border:1px solid transparent; margin: unset;}
.core-values-list-wrapper li::before{content:"";position:absolute;top:0;left:0;width:100%; max-width: 4px;height:100%;transition:all 0.4s ease;}
.core-values-list-wrapper li::after{content:"";position:absolute; width: 100%;max-width:180px;height:180px;border-radius:50%;top:-90px;right:-90px;opacity:0.08;transition:all 0.5s ease;z-index:-1;}
.core-values-list-wrapper li:nth-child(1){border-color:rgba(233,173,52,0.18);}
.core-values-list-wrapper li:nth-child(1)::before{background:var(--yellow);}
.core-values-list-wrapper li:nth-child(1)::after{background:var(--yellow);}
.core-values-list-wrapper li:nth-child(1) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--yellow),#d18c00);}
.core-values-list-wrapper li:nth-child(2){border-color:rgba(119,5,77,0.15);}
.core-values-list-wrapper li:nth-child(2)::before{background:var(--purple);}
.core-values-list-wrapper li:nth-child(2)::after{background:var(--purple);}
.core-values-list-wrapper li:nth-child(2) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--purple),var(--dark-purple));}
.core-values-list-wrapper li:nth-child(3){border-color:rgba(1,59,158,0.16);}
.core-values-list-wrapper li:nth-child(3)::before{background:var(--light-blue);}
.core-values-list-wrapper li:nth-child(3)::after{background:var(--light-blue);}
.core-values-list-wrapper li:nth-child(3) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--light-blue),var(--dark-blue));}
.core-values-list-wrapper li:nth-child(4){border-color:rgba(196,23,22,0.16);}
.core-values-list-wrapper li:nth-child(4)::before{background:var(--red);}
.core-values-list-wrapper li:nth-child(4)::after{background:var(--red);}
.core-values-list-wrapper li:nth-child(4) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--red),#8f0d0d);}
.core-values-list-wrapper li:nth-child(5){border-color:rgba(161,14,128,0.18);}
.core-values-list-wrapper li:nth-child(5)::before{background:var(--light-purple);}
.core-values-list-wrapper li:nth-child(5)::after{background:var(--light-purple);}
.core-values-list-wrapper li:nth-child(5) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--light-purple),var(--purple));}
.core-values-list-wrapper li:nth-child(6){border-color:rgba(0,32,88,0.16);}
.core-values-list-wrapper li:nth-child(6)::before{background:var(--dark-blue);}
.core-values-list-wrapper li:nth-child(6)::after{background:var(--dark-blue);}
.core-values-list-wrapper li:nth-child(6) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--dark-blue),var(--light-blue));}
.core-values-list-wrapper li:nth-child(7){border-color:rgba(83,12,74,0.18);}
.core-values-list-wrapper li:nth-child(7)::before{background:var(--dark-purple);}
.core-values-list-wrapper li:nth-child(7)::after{background:var(--dark-purple);}
.core-values-list-wrapper li:nth-child(7) .core-values-icon-wrapper{background:linear-gradient(135deg,var(--dark-purple),var(--purple));}
.core-values-list-wrapper li:hover::after{transform:scale(1.2);}

.core-values-icon-wrapper{min-width:68px;width:68px;height:68px;border-radius:22px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all 0.4s ease;}
.core-values-icon-wrapper::before{content:"";position:absolute;width:120%;height:120%;background:linear-gradient(135deg,rgba(255,255,255,0.3),transparent);top:-40%;left:-40%;transform:rotate(25deg);}
.core-values-icon-wrapper img{width: 100%;max-width:24px;filter:var(--white-filter);position:relative;z-index:2;transition:all 0.4s ease;}
.core-values-list-wrapper p{font-size:20px;color:#1f2937;margin:0;transition:all 0.4s ease; text-align: start;}
.core-values-list-wrapper li:hover p{color:#111827;}

/* Overview */ 

/* Mission Vision */ 
.mission-vision-main-wrapper {padding: 40px 0; }
.mission-vision-main-wrapper h2 {text-align: center;}
.mission-vision-wrapper {display: flex; justify-content: center; align-items: stretch; gap: 40px; flex-wrap: wrap; }
.mission-vision-card {width: 100%; max-width: 380px; box-shadow: var(--box-shadow); padding: 40px 30px; border-bottom: solid 5px var(--purple); border-radius: 12px; transition: all 0.4s ease; display: flex; flex-direction: column; align-items: center; }
.mission-vision-card-img {width: 100%; display: flex; justify-content: center; align-items: center; }
.mission-vision-card-img span {width: 100%; max-width: 90px; height: 90px; border-radius: 50%; background: var(--purple); display: flex; justify-content: center; align-items: center; box-shadow: var(--box-shadow); transition: transform 0.4s ease; }
.mission-vision-card:hover .mission-vision-card-img span {transform: scale(1.05); }
.mission-vision-card-img img {width: 100%; max-width: 45px; filter: var(--white-filter); }
.mission-vision-card h3 {font-size: 26px; color: var(--purple); text-align: center; margin: 10px 0; }
.mission-vision-card p {width: 100%; text-align: center; margin:unset;}
.mission-vision-card ul {padding: 0; margin: 0; width: 100%; }
.mission-vision-card ul li {margin: 10px 0;  position: relative; padding-left: 20px; text-align: left; line-height: 1.3; }
.mission-vision-card ul li::before {content: ""; font-weight: bold; display: inline-block; width: 100%; max-width: 8px; height: 8px; border-radius: 100%; position: absolute; background: var(--red); left: 0; top: 4px; }
.mission-vision-wrapper .mission-vision-card:nth-child(2) {border-bottom: solid 5px var(--light-blue); }
.mission-vision-wrapper .mission-vision-card:nth-child(2) .mission-vision-card-img span {background: var(--light-blue); }
.mission-vision-wrapper .mission-vision-card:nth-child(2) h3 {color: var(--light-blue); }
.mission-vision-wrapper .mission-vision-card:nth-child(3) {border-bottom: solid 5px var(--red); }
.mission-vision-wrapper .mission-vision-card:nth-child(3) .mission-vision-card-img span {background: var(--red); }
.mission-vision-wrapper .mission-vision-card:nth-child(3) h3 {color: var(--red); }
.mission-vision-wrapper .mission-vision-card:nth-child(3) ul li::before {color: var(--red); box-shadow: 0 0 0 4px rgba(196, 23, 22, 0.1); }
.board-responsibilities-list.core-values-list-wrapper{max-width: 100%; flex-wrap: wrap; justify-content: center; flex-direction: unset;}
.board-responsibilities-list.core-values-list-wrapper li{ width: 100%;max-width: 600px;}

/* Mission Vision */




/* About NGIPS Foundation  */

.academics-inner-wrapper ul li{padding: 10px 0 10px 40px;position: relative; text-align: start;}
.academics-inner-wrapper ul li:before , .yoga-section-card ul li::before{position: absolute; content: ""; width: 100%; max-width: 20px; height: 20px; background: url(../images/icons/arrow.webp) no-repeat center center/cover; top: 10px; left: 0;}

/* About NGIPS Foundation  */
.ngips-foundation-intro-box { max-width: 1100px; margin: 0 auto 50px; text-align: center; }
.ngips-foundation-intro-box .highlight-text { font-size: 24px; color: var(--purple); font-weight: 600; text-align: center; line-height: 1.5; text-shadow: 0px 0px 1px rgba(0,0,0,0.2);}
.ngips-foundation-intro-box p { text-align: center;}
.foundation-board-wrapper { position: relative; z-index: 1; padding-bottom: 70px; }
.foundation-board-wrapper h2 { font-size: 32px; margin-bottom: 30px; text-align: center; }

.board-responsibilities-list { display: flex; flex-direction: column; gap: 20px; max-width:900px; margin: 0 auto; }
.board-responsibilities-list li { display: flex; align-items: center; gap: 20px; background: #fff; padding: 25px; border-radius: 12px; box-shadow: var(--box-shadow); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); border-left: 4px solid var(--red); margin: unset;}
.board-responsibilities-list li:nth-child(2n) { border-left-color: var(--light-blue); }
.board-responsibilities-list li:nth-child(3n) { border-left-color: var(--purple); }

.board-responsibilities-list .icon-wrapper { width: 45px; height: 45px; min-width: 45px; background: rgba(196, 23, 22, 0.1); border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.board-responsibilities-list li:nth-child(2n) .icon-wrapper { background: rgba(1, 59, 158, 0.1); }
.board-responsibilities-list li:nth-child(3n) .icon-wrapper { background: rgba(119, 5, 77, 0.1); }
.board-responsibilities-list .icon-wrapper img { width: 20px; opacity: 0.8; filter: brightness(0) saturate(100%) invert(22%) sepia(87%) saturate(3033%) hue-rotate(345deg) brightness(90%) contrast(105%);}
.board-responsibilities-list li:nth-child(2n) .icon-wrapper img { filter: brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(2335%) hue-rotate(212deg) brightness(97%) contrast(106%); }
.board-responsibilities-list li:nth-child(3n) .icon-wrapper img { filter: brightness(0) saturate(100%) invert(16%) sepia(86%) saturate(3015%) hue-rotate(307deg) brightness(84%) contrast(109%); }
.board-responsibilities-list p { margin: 0;  line-height: 1.7; text-align:start; }

.foundation-vision-wrapper { display: flex; flex-wrap: wrap; gap: 40px; justify-content: center;}
.vision-card { flex: 1; min-width: 350px; background:#EAF6FF; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.06); display: flex; flex-direction: column; justify-content: center; border-bottom: 5px solid var(--red); transition: 0.4s ease;}
.vision-card p { font-size: 17px; line-height: 1.8; margin: 0; text-align: justify; }
.foundation-vision-wrapper .vision-card:last-child{background: #ffffef;}




/* About NGIPS Foundation */



/* School Management */

.school-management-main-wrapper{padding: 60px 0 40px; }
.school-management-main-wrapper h2{text-align: center;}
.school-management-main-wrapper p{text-align: center; width: 100%; max-width: 800px; margin: 20px auto 40px; }
.school-management-wrapper{display: flex;justify-content: center; align-items: stretch;gap: 30px;margin-top: 50px;flex-wrap: wrap; position: relative; z-index: 1;}
.school-management-card{background: rgba(255, 255, 255, 0.9); padding: 40px 30px; width: 100%; max-width:350px; border-radius: 20px; box-shadow:var(--box-shadow); display: flex; flex-direction: column; align-items: center;}
.school-management-img{position: relative; }
.school-management-img img{width:100%; max-width:140px; height:140px; object-fit: cover; border-radius: 50%; border: 4px solid #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; transition: transform 0.4s ease;}
.school-management-content h3{font-size: 22px; margin: 15px 0; color: var(--dark-blue); font-weight: 700;}
.school-management-content span{display: inline-block; font-size: 14px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--light-purple); font-weight: 600; padding: 5px 15px; background: rgba(253, 192, 17, 0.3); border-radius: 20px;}
.school-management-content{text-align: center;}
/* School Management */



/* Why Nalanda PU  */

.why-niipuc-pu-inner-wrapper > p {width: 100%;max-width: 900px;margin: 20px auto 40px;text-align: center;}
.why-niipuc-pu-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 30px;max-width: 1100px;margin: 50px auto 0;}
.why-niipuc-pu-card {position: relative;background: #ffffff;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 24px;padding: 40px 30px;box-shadow: 0 10px 35px rgba(0, 0, 0, 0.03),0 1px 3px rgba(0, 0, 0, 0.01);overflow: hidden;transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 1;}
.why-niipuc-pu-card::before {content: "";position: absolute;top: 0;left: 0;width: 6px;height: 100%;transition: width 0.3s ease;z-index: -1;}
.why-niipuc-pu-card:hover::before {width: 100%;}
.why-niipuc-pu-card:nth-child(1)::before {background: linear-gradient(to bottom, var(--yellow), #ffc304);}
.why-niipuc-pu-card:nth-child(1) span.card-icon {background: rgba(233, 173, 52, 0.1);color: var(--yellow);}
.why-niipuc-pu-card:nth-child(2)::before {background: linear-gradient(to bottom, var(--purple), var(--light-purple));}
.why-niipuc-pu-card:nth-child(2) span.card-icon {background: rgba(119, 5, 77, 0.1);color: var(--purple);}
.why-niipuc-pu-card:nth-child(3)::before {background: linear-gradient(to bottom, var(--light-blue), var(--dark-blue));}
.why-niipuc-pu-card:nth-child(3) span.card-icon {background: rgba(1, 59, 158, 0.12);color: var(--light-blue);}
.why-niipuc-pu-card:nth-child(4)::before {background: linear-gradient(to bottom, var(--red), #ee701b);}
.why-niipuc-pu-card:nth-child(4) span.card-icon {background: rgba(196, 23, 22, 0.1);color: var(--red);}
.why-niipuc-pu-card span.card-icon {display: inline-flex;align-items: center;justify-content: center; width: 100%;max-width: 65px;height: 65px;border-radius: 18px;font-size: 26px;margin-bottom: 25px;transition: all 0.4s ease;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);}
.why-niipuc-pu-card h2 {font-size: 26px;color: var(--light-blue);margin: 0 0 5px;line-height: 1.4;transition: color 0.3s ease;text-shadow: unset;}
.why-niipuc-pu-card p {text-align: start; margin: unset;}
.why-niipuc-pu-card:hover h2,
.why-niipuc-pu-card:hover p,
.why-niipuc-pu-card:hover span.card-icon {color: #ffffff;}
.why-niipuc-pu-card:hover span.card-icon {background: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.2);}
.why-niipuc-pu-card:hover::before {width: 100%;}
.why-niipuc-pu-card:nth-child(1):hover h2,
.why-niipuc-pu-card:nth-child(1):hover p {color: #1f2937;}
.why-niipuc-pu-card:nth-child(1):hover span.card-icon {color: #1f2937;background: rgba(255, 255, 255, 0.45);}


/* Why Nalanda PU  */





/* Course offred  */

.courses-offered-inner-wrapper >  p{width: 100%; max-width:1000px; margin: 15px auto; text-align: center;}
.courses-offered-learning-points{display:flex;gap:20px;flex-wrap:wrap;padding:60px 0;}
.courses-offered-point-card{flex:1;min-width:280px;display:flex;align-items:flex-start;gap:20px;background:#ffffff;padding:25px;border-radius:18px;border:1px solid #e5e7eb;transition:0.4s;}
.courses-offered-point-number{min-width:60px;height:60px;border-radius:50%;background:var(--dark-blue);color:white;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700; box-shadow: var(--box-shadow);}
.courses-offered-point-content h2{font-size:24px;color:var(--red); text-shadow: unset; margin: 0 0 5px;}
.courses-offered-point-content p{font-size:16px;text-align: start; margin:unset;}
.courses-offered-subjets-wrapper h2 { font-size:36px;  text-align:center; margin:0 auto 35px; }
.courses-offered-cards-wrapper { display:grid; grid-template-columns:380px 1fr; gap:30px; }
.courses-offered-subjets-card { background:#fff; border-radius:20px; overflow:hidden; border:2px solid rgba(0,32,88,0.08); box-shadow:0 10px 35px rgba(0,0,0,0.08); }
.course-head { padding:30px; background:var(--dark-blue); }
.course-head span { display:block; font-size:16px; color:var(--yellow); margin-bottom:8px; text-transform:uppercase; letter-spacing:1px; }
.course-head h3 { font-size:28px;  color:#fff; margin:0; }
.course-content { padding:30px; }
.subject-box { padding:18px 20px; background:#fff8ea; border-left:4px solid var(--yellow); border-radius:12px; margin-bottom:18px; }
.subject-box:last-child { margin-bottom:0; }
.subject-box p { font-size:18px; font-weight:600; color:var(--dark-blue); margin:0; }
.subject-box p span { color:var(--red); }
.courses-offered-subjets-card-wrapper { padding:30px; display:grid; grid-template-columns:repeat(2,1fr); gap:25px; }
.courses-offered-subjets-card-stream-box { background:#fafafa; border:2px solid rgba(119,5,77,0.08); border-radius:20px; padding:25px; }
.courses-offered-subjets-card-stream-box h4 { font-size:24px; color:var(--purple); margin-bottom:20px; }
.stream-subject { background:#fff; border-radius:15px; padding:18px; border-left:4px solid var(--red); margin-bottom:15px; }
.stream-subject:last-child { margin-bottom:0; }
.stream-subject h5 { font-size:22px; color:var(--dark-blue); margin-bottom:8px; }
.stream-subject p {font-size: 17px;line-height: 1.6;margin: 0;text-align: start;}
.course-info-wrapper { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; margin-top:35px; }
.course-info-box { background:var(--purple); border-radius:20px; padding:30px; text-align:center; }
.course-info-box:nth-child(2) { background:var(--dark-blue); }
.course-info-box:nth-child(3) { background:var(--light-purple); }
.course-info-box h3 { font-size:24px; color:var(--yellow); margin-bottom:10px; font-weight: 600; }
.course-info-box p { font-size:16px;  color:#fff; margin:0; text-align: center;}

/* Course offred  */




/* Code of Conduct New Design */
.new-coc-header { text-align: center; max-width: 900px; margin: 0 auto; }
.new-coc-featured-banner { background: linear-gradient(135deg, var(--dark-blue) 0%, #123b86 100%); border-radius: 30px; padding: 40px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 20px 40px rgba(0, 32, 88, 0.15); position: relative; overflow: hidden; }
.new-coc-featured-banner::before { content: ''; position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); top: -100px; right: -50px; border-radius: 50%; }
.new-coc-banner-content { position: relative; z-index: 2; width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px; }
.new-coc-banner-content h2 { font-size: 32px; color: #fff; margin: 0; max-width: 600px; text-shadow: none; font-weight: 600; line-height: 1.3;}
.new-coc-badge { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); padding: 15px 30px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.2); display: flex; flex-direction: column; align-items: center; text-align: center; }
.new-coc-badge .badge-label { font-size: 14px; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; }
.new-coc-badge .badge-value { font-size: 24px; color: var(--yellow); font-weight: 700; }
.new-coc-rules-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; padding: 70px 0;}
.new-coc-rule-item:nth-child(1) { --rule-color: var(--purple); --rule-color-light: rgba(119, 5, 77, 0.1); --rule-color-hover: rgba(119, 5, 77, 0.2); }
.new-coc-rule-item:nth-child(2) { --rule-color: var(--dark-blue); --rule-color-light: rgba(0, 32, 88, 0.1); --rule-color-hover: rgba(0, 32, 88, 0.2); }
.new-coc-rule-item:nth-child(3) { --rule-color: var(--red); --rule-color-light: rgba(196, 23, 22, 0.1); --rule-color-hover: rgba(196, 23, 22, 0.2); }
.new-coc-rule-item:nth-child(4) { --rule-color: var(--yellow); --rule-color-light: rgba(233, 173, 52, 0.15); --rule-color-hover: rgba(233, 173, 52, 0.35); }
.new-coc-rule-item:nth-child(5) { --rule-color: var(--light-blue); --rule-color-light: rgba(1, 59, 158, 0.1); --rule-color-hover: rgba(1, 59, 158, 0.2); }
.new-coc-rule-item:nth-child(6) { --rule-color: var(--light-purple); --rule-color-light: rgba(161, 14, 128, 0.1); --rule-color-hover: rgba(161, 14, 128, 0.2); }
.new-coc-rule-item:hover .rule-icon svg{filter: var(--white-filter);}



.new-coc-rule-item {  background: #fff; border-radius: 20px; padding: 35px 30px; position: relative; box-shadow: 0 15px 35px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.03); overflow: hidden; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 1; }
.new-coc-rule-item:hover { border-color: var(--rule-color-light); }
.new-coc-rule-item::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: var(--rule-color); transition: width 0.4s ease; z-index: -1; }
.new-coc-rule-item .rule-icon { flex-shrink: 0; width: 65px; height: 65px; border-radius: 18px; background: var(--rule-color-light); display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; position: relative; z-index: 2; margin-bottom: 20px;}
.new-coc-rule-item:hover .rule-icon { background: var(--rule-color); transform: rotate(10deg); box-shadow: 0 10px 20px var(--rule-color-light); }
.new-coc-rule-item .rule-icon i { font-size: 26px; color: var(--rule-color); transition: all 0.4s ease; }
.new-coc-rule-item:hover .rule-icon i { color: #fff !important; }
.new-coc-rule-item .rule-text { position: relative; z-index: 2; }
.new-coc-rule-item .rule-text p { font-size: 17px; color: #222; line-height: 1.7; margin: 0; font-weight: 500; text-align: left; }
.new-coc-rule-item .rule-num { position: absolute; right: 15px; bottom: 5px; font-size: 70px; font-weight: 800; font-family: 'Bodoni Moda', serif; color: transparent; -webkit-text-stroke: 1.5px var(--rule-color); opacity: 0.15; transition: all 0.4s ease; z-index: 1; line-height: 1; }
.new-coc-rule-item:hover .rule-num { opacity: 0.3; transform: scale(1.1) translate(-10px, -10px); }
.new-coc-footer-policy { background: linear-gradient(135deg, var(--dark-purple) 0%, var(--purple) 100%); border-radius: 30px; padding: 50px; text-align: center; box-shadow: 0 15px 35px rgba(83, 12, 74, 0.2); display: flex; flex-direction: column; align-items: center; gap: 20px; }
.new-coc-footer-policy h2 { font-size: 32px; color: var(--yellow); margin: 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.new-coc-footer-policy p { color: #fff; max-width: 800px; margin: 0; line-height: 1.8; text-align: center; }
/* Code of Conduct New Design End */




/* Rules and Regulations */

.rules-and-regulations-inner-wrapper > p {width: 100%; max-width: 900px; text-align: center; margin: 15px auto 45px;}
.rules-and-regulations-content-wrapper { display: flex; flex-direction: column; gap: 50px; max-width: 1200px; margin: 0 auto; }
.rules-and-regulations-box-wrappper { background: #fff; border-radius: 25px; padding:40px; box-shadow: 0 15px 45px rgba(0,0,0,0.08); border-top: 4px solid var(--purple); position: relative; }
.rules-and-regulations-box-wrappper.alt-box { border-top-color: var(--yellow); }
.rules-and-regulations-box-wrappper.fee-box { border-top-color: var(--light-blue); background: #fdfdff; }
.rules-and-regulations-box-wrappper h2 { color: var(--red);  text-align: center; font-size: 32px; margin: 0 0 25px;}
.rules-and-regulations-box-list-wrapper { list-style: none; padding: 0; margin: 0; display: grid; gap: 25px; }
.rules-and-regulations-box-list-wrapper { grid-template-columns: repeat(2, 1fr); }
.rules-and-regulations-box-list-wrapper div { display: flex; align-items: flex-start; gap: 20px; background: #fff; padding:25px; border-radius: 18px; border: 2px solid rgba(0,0,0,0.05); box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.rules-and-regulations-box-list-wrapper div  p{text-align: start;  margin: unset;}
.rules-and-regulations-box-list-wrapper div  span { flex-shrink: 0; width: 50px; height: 50px; background: rgba(119, 5, 77, 0.1); color: var(--purple); font-size: 20px; font-weight: 700; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; }
.rules-and-regulations-box-wrappper.alt-box div  span { background: rgba(233, 173, 52, 0.2); color: #b5800a; }
.rules-and-regulations-box-wrappper.fee-box div  span { background: rgba(1, 59, 158, 0.1); color: var(--light-blue); }
.rules-and-regulations-box-list-wrapper div p {position: relative;padding-left:27px;}
.rules-and-regulations-box-list-wrapper div p::before {content: "";width: 100%;max-width: 15px;height: 15px;background: url(../images/icons/double-chevron.webp) no-repeat center center/cover;position: absolute;left: 0;top: 5px;color: #e67e22;filter: brightness(0) saturate(100%) invert(64%) sepia(78%) saturate(3077%) hue-rotate(349deg) brightness(95%) contrast(88%);}

/* Rules and Regulations */




/* House System */ 


.house-system-intro-card-img-wrapper {display: flex; justify-content: center; align-items: center; gap: 40px; padding: 10px 0 20px; }
.house-system-intro-card-img-wrapper img {width: 100%; max-width: 500px; box-shadow: var(--box-shadow); border: solid 5px var(--yellow); padding: 5px; border-radius: 15px; }
.house-system-intro-card-img-wrapper img:nth-child(2){border: solid 5px var(--red);}
.house-system-intro-card p {text-align: center;width: 100%;max-width: 900px;margin: 15px auto 0;}
.house-system-groups-wrapper {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px; padding: 70px 0; }
.house-system-group {width: 100%; max-width: 250px; padding: 40px 20px; border-radius: 10px; text-align: center; box-shadow: var(--box-shadow); background: var(--red); border: solid 20px #fff; }
.house-system-group h2 {font-size: 32px; color: #fff; margin: unset; }
.house-system-groups-wrapper .house-system-group:nth-child(2) {background: #008000; }
.house-system-groups-wrapper .house-system-group:nth-child(3) {background: var(--light-blue); }
.house-system-groups-wrapper .house-system-group:nth-child(4) {background: var(--yellow); }
.house-system-white-house {background: #ffffff; padding: 50px; border-radius: 25px; text-align: center; box-shadow: var(--box-shadow); margin-bottom: 60px; }
.house-system-white-house h2 {font-size: 32px;  margin-bottom: 10px; }
.house-system-white-house p {text-align: center; }
.house-system-content-block {background: #ffffef; padding: 40px; border-left: 6px solid #ff7a18; border-radius: 15px; margin-bottom: 30px; box-shadow: var(--box-shadow); }
.house-system-content-block-wrapper .house-system-content-block:nth-child(2) {background: #f3fff3; }
/* House System */



/* Contact Us */
 .contact-us-main-wrapper {padding: 80px 0; background: linear-gradient(to bottom, #ffffff, #f7f9fc); }
.contact-us-inner-wrapper h2 {text-align: center;  position: relative; }
.contact-us-wrapper {display: flex; justify-content: center; align-items: stretch; gap: 40px; padding-top: 10px; }
.contact-info {width: 100%; max-width: 45%; display: flex; flex-direction: column; gap: 20px; }
.contact-form-box {width: 100%; max-width: 55%; background: #ffffff; padding: 45px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); border-top: solid 5px var(--red); display: flex; flex-direction: column; justify-content: center; transition: 0.4s ease; }
.contact-info h2, .contact-form-box h2 {font-size: 30px;  color: var(--light-blue); font-weight: 600; text-align: start; text-shadow: unset;}


/* Info Cards */ 

.info-card {display: flex; align-items: flex-start; gap: 20px; background: #ffffff; padding: 25px; border-radius: 15px; box-shadow: var(--box-shadow); transition: 0.4s ease; border-left: 4px solid var(--purple); }
.info-card:hover {transform: translateX(5px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); }
.info-card:nth-child(3) {border-left-color: var(--yellow); }
.info-card:nth-child(4) {border-left-color: var(--dark-blue); }
.info-icon {width: 60px; height: 60px; min-width: 60px; background: rgba(119, 5, 77, 0.1); border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: var(--box-shadow); }
.info-card:nth-child(3) .info-icon {background: rgba(233, 173, 52, 0.2); }
.info-card:nth-child(4) .info-icon {background: rgba(1, 59, 158, 0.1); }
.info-icon svg {font-size: 24px; color: var(--purple); }
.info-card:nth-child(3) .info-icon svg {color: var(--yellow); }
.info-card:nth-child(4) .info-icon svg {color: var(--dark-blue); }
.info-content {flex: 1; }
.info-content h4 {margin: 0 0 10px; font-size: 22px; color: var(--dark-blue); font-weight: 600; }
.info-content a {color: #555; line-height: 1.6; font-size: 16px; transition: color 0.3s; }
.info-content a:hover {color: var(--red); }
.info-details {margin-bottom: 8px; color: #555; line-height: 1.6; font-size: 16px; }
.info-details strong {color: #222; font-weight: 600; margin-right: 5px; }
.grecaptcha-badge {right: -500px !important; }
 .form-group {position: relative; margin-bottom: 30px; }
.btn-submit {background: #ffca08; border: none; padding: 14px 30px; font-weight: 600; cursor: pointer; border-radius: 6px; transition: 0.3s ease; width: 100%; max-width: 200px; box-shadow: var(--box-shadow); }
.btn-submit:hover {background: #1c2b4a; color: #ffffff; }
.index-contact-us-btn {width: 100%; display: flex; justify-content: start; align-items: center; }
 .index-form {display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: auto; }
.input-wrapper {position: relative; margin-bottom: 20px; width: 100%; border-bottom: 1px solid #131313; transition: 0.3s ease; }
.input-wrapper:focus-within {border-bottom-color: var(--purple); }
.index-contact-us-inner-wrapper .index-form .input-wrapper:nth-child(5) {width: 98%; }
.submit-btn {margin-top: 15px; width: auto; min-width: 180px; padding: 15px 35px; border-radius: 50px; font-weight: 600; font-size: 18px; letter-spacing: 1px; background: var(--dark-blue); color: #fff; border: none; cursor: pointer; transition: 0.4s ease; display: inline-flex; justify-content: center; align-items: center; gap: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.submit-btn:hover {background: var(--yellow); box-shadow: 0 10px 20px rgba(196, 23, 22, 0.3); }
.user-box input, .user-box-readonly input, .user-box select {width: 100%; padding: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative; color: #131313; }
.user-box textarea {width: 100%; margin: 20px 0 10px 0; font-size: 16px; border: none; outline: none; background: transparent; position: relative; height: 22px; color: #131313; }
.user-box label, .user-box-readonly label {position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 18px; color: #131313; pointer-events: none; transition: .5s; }
.user-box-readonly label {top: -15px; }
.banner-details-right .user-box-readonly label {color: var(--blue); top: -15px; }
.user-box-readonly select {padding: 20px 0 10px; }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */}
/* input:-webkit-autofill {-webkit-text-fill-color: #fff !important; }
*/ form.index-page input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; /* Text color inside autofilled input */}
.input-color input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; }
/* Lable Animation */ /* Conatct Us */








/* Residential Facilities Page */

.residential-facilities-main-wrapper {background: #fdfdfd; }
.rf-section {padding: 80px 0; position: relative; }
.rf-section-tag-center {display: table; margin: 0 auto 20px; padding: 6px 16px; background: rgba(119, 5, 77, 0.1); color: var(--purple); border-radius: 30px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; }
.rf-center-title {font-size: 40px; color: var(--dark-blue); margin: 0 0 20px; text-align: center; line-height: 1.2; }
.rf-center-desc {text-align: center; max-width: 800px; margin: 0 auto 40px; ; }


/* Intro Section */

 .rf-hostel-intro-section {background: #ffffff; }
.rf-hostel-intro-flex {display: flex; align-items: center; gap: 50px; }
.rf-hostel-intro-image {width: 100%; max-width: 590px; position: relative; }
.rf-hostel-intro-image img {width: 100%; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 30px; display: block; }
.rf-hostel-intro-content p { margin:10px 0 20px }
.rf-hostel-intro-content h2{color: var(--light-blue); font-size: 36px;}
.rf-stat-row {display: flex; gap: 60px; }
.rf-stat-item {display: flex; flex-direction: column; }
.rf-stat-number {font-size: 36px; font-weight: 700; color: var(--red); font-family: "Bodoni Moda", serif; line-height: 1; text-align: center;}
.rf-stat-label {font-size: 16px; color: #777; margin-top: 5px; }
.rf-campus-facilities-section {background: #f8f9fa; position: relative; }
.rf-campus-facilities-section h2 {text-align: center; }
.rf-campus-tiles-flex {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
.rf-campus-tile {background: #fff; border-radius: 15px; padding: 30px 20px; width: 100%; max-width: 350px; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: rgba(0, 0, 0, 0.05) 0px 5px 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; border-bottom: 3px solid transparent; }

.rf-campus-tile-icon {width: 100%; max-width: 80px; height: 80px; background:#e9ad342b; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 36px; margin-bottom: 20px; color: var(--light-blue); transition: 0.3s ease; }
.rf-campus-tile:hover .rf-campus-tile-icon {background: #e9ad342b; color: #fff; }
.rf-campus-tiles-flex .rf-campus-tile .rf-campus-tile-icon svg{color: var(--yellow);}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(2) .rf-campus-tile-icon svg {color: var(--purple);}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(3) .rf-campus-tile-icon svg {color: var(--red);}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(4) .rf-campus-tile-icon svg {color:#97C73F;}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(5) .rf-campus-tile-icon svg {color: #EE701B}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(6) .rf-campus-tile-icon svg {color:var(--light-purple)}

.rf-campus-tiles-flex .rf-campus-tile:nth-child(2) .rf-campus-tile-icon{background: #77054d1a;}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(3) .rf-campus-tile-icon{background:#c417162e;}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(4) .rf-campus-tile-icon{background: #97c73f2e;}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(5) .rf-campus-tile-icon{background:#ee701b2e;}
.rf-campus-tiles-flex .rf-campus-tile:nth-child(6) .rf-campus-tile-icon{background:#a10e801c;}

.rf-campus-tile p {margin: 0;  font-weight: 600;}

/* Wellness Section */ 
.rf-wellness-section {background: #002058; color: #fff; }
.rf-wellness-section .rf-section-title {color: #fff; }
.rf-wellness-section p {color: #fff; }
.rf-wellness-flex {display: flex; align-items: center; gap: 40px; }
.rf-wellness-left h2 {color: #fff; }
.rf-wellness-left {width: 100%; max-width: 35%; }
.rf-wellness-right {width: 100%; max-width: 65%; }
.rf-wellness-cards-flex {display: flex; flex-wrap: wrap; gap: 20px; }
.rf-wellness-card {background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 10px; padding: 15px 20px; display: flex; align-items: center; gap: 15px; width: 100%; max-width: 320px; transition: 0.3s ease; }
.rf-wellness-card:hover {background: rgba(255, 255, 255, 0.15); transform: translateX(5px); }
.rf-wellness-icon {font-size: 24px; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: var(--yellow); }
.rf-wellness-card span:not(.rf-wellness-icon) {color: #fff; font-size: 16px; font-weight: 500; line-height: 1.4; }
/* Catering Section */
 .rf-catering-section {background: #ffffff; }
.rf-catering-flex {display: flex; align-items: center; gap: 60px; }
.rf-catering-image {width: 100%; max-width: 50%; }
.rf-catering-image img {width: 100%; max-width: 590px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 30px; display: block; }
.rf-catering-content {width: 100%; max-width: 50%; }
.rf-catering-list {margin-top: 30px; }
.rf-catering-list li {position: relative; padding-left: 30px; margin-bottom: 20px;  line-height: 1.6; }
.rf-catering-list li::before {content: " "; position: absolute; left: 0; top: 6px; width: 12px; height: 12px; background: var(--red); border-radius: 50%; box-shadow: 0 0 0 4px rgba(196, 23, 22, 0.1); }
/* Care & Medical Section */ 

.rf-care-section {background: #f8f9fa; padding-bottom: 100px; }
.rf-section.rf-care-section h2 {text-align: center; }
.rf-care-cards-flex {display: flex; gap: 40px; justify-content: center; margin-top: 40px; }
.rf-care-card {background: #fff; border-radius: 20px; padding: 50px 40px; width: 100%; max-width: 500px; text-align: center; box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 30px; position: relative; overflow: hidden; transition: 0.3s ease; border-top: 5px solid var(--purple); }
.rf-care-card:nth-child(2) {border-top-color: var(--red); }
.rf-care-card-icon {width: 100%; max-width: 90px; height: 90px; background: rgba(119, 5, 77, 0.05); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 40px; margin: 0 auto 25px; color: var(--purple); transition: 0.3s ease; }
.rf-care-card:nth-child(2) .rf-care-card-icon {background: rgba(196, 23, 22, 0.05); color: var(--red); }
.rf-care-card:hover .rf-care-card-icon {background: var(--purple); color: #fff; transform: scale(1.1); }
.rf-care-card:nth-child(2):hover .rf-care-card-icon {background: var(--red); color: #fff; }
.rf-care-card h3 {font-size: 26px; color: var(--dark-blue); }
.rf-care-card p {text-align: center; }


/* End Residential Facilities Page */




/* Common Fcailities  */


.common-facilities-tab-cards {display: flex;justify-content:center;gap: 20px;margin: 70px 0 50px; overflow-x: auto;scrollbar-width: none; -ms-overflow-style: none;}
.common-facilities-tab-cards::-webkit-scrollbar {display: none;}
.common-facilities-card {min-width: 220px;height: 140px;position: relative;cursor: pointer;border-radius: 10px;overflow: hidden;box-shadow: var(--box-shadow);}
.common-facilities-card img {width: 100%;height: 100%;object-fit: cover;}
.common-facilities-card img {width: 100%;height: 100%;object-fit: cover;display: block;}
.common-facilities-card::after {content: "";position: absolute;inset: 0;background:rgb(0 0 0 / 58%);transition: 0.4s ease;z-index: 1;}
.common-facilities-card span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;z-index: 2;width: 100%;text-align: center;display: block;}
.common-facilities-card.active::after { background: rgba(192, 8, 131, 0.6);}
.common-facilities-tab-content {display: none;align-items: center;gap: 50px;}
.common-facilities-tab-content.active {display: flex;}
.common-facilities-tab-left {width: 100%; max-width: 50%;}
.common-facilities-tab-left img {width: 100%; max-width: 590px;border-radius: 20px; box-shadow: var(--box-shadow);}
.common-facilities-tab-content-right {width: 100%; max-width: 50%;}
.common-facilities-tab-content-right h2 {font-size: 32px;color: var(--dark-blue);}
.common-facilities-tab-content-right span{font-size: 20px; color: var(--dark-purple); font-weight: 600; display: block;}
.common-facilities-tab-content-wrapper .common-facilities-tab-content.laboratories-wrapper .common-facilities-tab-content-right{max-width: 100% !important;}
.common-facilities-tab-content-wrapper .common-facilities-tab-content.laboratories-wrapper .common-facilities-tab-content-right h2{text-align: center;}
.common-facilities-tab-content-wrapper .common-facilities-tab-content.laboratories-wrapper .common-facilities-tab-content-right p {margin: 20px auto 0 !important;}
.common-facilities-tab-content-wrapper .common-facilities-tab-content.laboratories-wrapper .common-facilities-tab-content-right span{display: block; text-align: center;}


/* Common Fcailities  */




/* Oelp */

.oelp-card-wrapper {padding: 40px 0 0; }
.oelp-main-wrapper .fluid-container p {width: 100%; max-width:850px; margin: 10px auto; text-align: center; }
.oelp-card-img {width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; }
.oelp-card-img img {width: 100%; max-width: 900px; height: 400px; object-fit: cover; box-shadow: var(--box-shadow); }
.oelp-card-content {padding: 15px 0 0; }
.oelp-card-content p {font-size: 20px; }
.oelp-inner-wrapper span {width: 100%; max-width: 900px; text-align: center; display: block; margin: 10px auto; }
/* Oelp */ 







/* Inner Page Events */
.inner-pg-events-main-wrapper { padding: 80px 0; background: #f8fafc; }
.events-content-inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 40px; padding: 20px 0; }
.inner-pg-event-card { background: #fff; border-radius: 20px; box-shadow: var(--box-shadow); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; border-top: 6px solid var(--yellow); display: flex; flex-direction: column; }
.inner-pg-event-card:nth-child(2n) { border-top-color: var(--red); }
.inner-pg-event-card-img { position: relative; width: 100%; height: 260px; overflow: hidden; object-fit: cover;}
.inner-pg-event-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.inner-pg-event-card:hover .inner-pg-event-card-img img { transform: scale(1.1); }
.inner-pg-event-card-img a{height: 100%; object-fit: cover; width: 100%;}
.event-date-badge { position: absolute; top: 20px; right: 20px; background: rgba(255, 255, 255, 0.95); padding: 10px 15px; border-radius: 12px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); border-left: 4px solid var(--light-blue); backdrop-filter: blur(5px); }
.inner-pg-event-card:nth-child(2) .event-date-badge { border-left-color: var(--yellow); }
.inner-pg-event-card:nth-child(3) .event-date-badge { border-left-color: var(--red); }
.inner-pg-event-card:nth-child(4) .event-date-badge { border-left-color: var(--purple); }
.event-date-badge .day { display: block; font-size: 26px; font-weight: 700; color: var(--dark-blue); line-height: 1; margin-bottom: 2px; }
.event-date-badge .month-year { display: block; font-size: 13px; color: #555; font-weight: 600; text-transform: uppercase; }
.inner-pg-event-card-content { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.inner-pg-event-card-content h2 { font-size: 24px; color: var(--dark-blue); margin: 0 0 10px; line-height: 1.4;  }
.inner-pg-event-card:hover .inner-pg-event-card-content h2 { color: var(--purple); }
.inner-pg-event-card-content p {  font-size: 16px; line-height: 1.6; margin: unset; }
/* Inner Page Events */


/* gallery */

.gallery-main-container {display: flex;flex-wrap: wrap;gap: 30px;margin-top: 60px;justify-content: center;}
.gallery-main {width: 100%;max-width: 350px;border-radius: 20px;overflow: hidden;position: relative;transition: 0.5s ease;}
.gallery-main a {display: block;text-decoration: none;}
.gallery-img {height: 300px;border-radius:20px;overflow: hidden;position: relative;background-size: cover !important;background-position: center !important;transition: 0.5s ease;}
.gallery-img::before {content: "";position: absolute;inset: 0;background: linear-gradient(    to top,    rgba(0,0,0,0.85),    rgba(0,0,0,0.15),    transparent);transition: 0.4s;}
.gallery-img::after {content: "";position: absolute;inset: 15px;border: 1px solid rgba(255,255,255,0.4);border-radius: 18px;opacity: 0;transform: scale(0.9);transition: 0.4s;}
.gallery-img h2 {position: absolute;left: 30px;bottom: 30px;z-index: 2;color: #fff;font-size: 22px;font-weight: 600;margin: 0;transform: translateY(20px);opacity: 0;transition: 0.4s ease;}
.gallery-main:hover .gallery-img::after {opacity: 1;transform: scale(1);}
.gallery-main:hover h2 {transform: translateY(0);opacity: 1;}
.individual-photo-components {display: flex;flex-wrap: wrap;gap: 25px;justify-content: center;padding: 30px 0 0;}
.magnific-img {width:100%;max-width: 350px;position: relative;border-radius: 25px;overflow: hidden;cursor: pointer;transition: 0.5s ease;}
.magnific-img a {position: relative;display: block;width: 100%;height: 320px;border-radius: 25px;overflow: hidden;background-size: cover !important;background-position: center !important;transition: 0.6s ease;}
.magnific-img a::before {content: "";position: absolute;inset: 0;background: rgba(0,0,0,0.15);transition: 0.4s ease;}
.magnific-img a::after {content: "";position: absolute;inset: 15px;border: 1px solid rgba(255,255,255,0.4);border-radius: 18px;opacity: 0;transform: scale(0.9);transition: 0.4s ease;}
.magnific-img em {position: absolute;top: 50%;left: 50%;width: 65px;height: 65px;transform: translate(-50%, -50%) scale(0);background: rgba(255,255,255,0.2);backdrop-filter: blur(8px);border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 2;transition: 0.4s ease;}
.magnific-img em img { width: 28px;}
.magnific-img:hover a {background-size: 115% !important;}
.magnific-img:hover a::before {background: rgba(0,0,0,0.45);}
.magnific-img:hover a::after {opacity: 1}
.magnific-img:hover em {transform: translate(-50%, -50%) }





/* Video Gallery Styles */
.video-gallery-section {padding: 80px 0;background: #fdfdfd;}
.video-gallery-card-wrapper {display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;gap: 35px 35px;}
.video-card {background: #fff;border-radius: 15px;overflow: hidden;box-shadow: 0 5px 20px rgba(0,0,0,0.06);transition: all 0.4s ease;border: 1px solid #eee;width: 100%;max-width: 350px;}
.video-card:hover {transform: translateY(-8px);box-shadow: 0 15px 35px rgba(119, 5, 77, 0.15);border-color: var(--purple);}
.video-link {text-decoration: none;display: block;color: inherit;}
.video-thumbnail {height: 240px;position: relative;overflow: hidden;}
.video-card:hover .play-icon {border-left-color: #fff;}
.video-info {padding: 25px;text-align: center;border-top: 3px solid transparent;transition: border-color 0.3s ease;}
.video-card:hover .video-info { border-top-color: var(--yellow);}
.video-info h2 {font-size: 22px;color: var(--dark-blue);margin: 0;transition: color 0.3s ease;}
.video-card:hover .video-info h3 {color: var(--purple);}





/* Common Achievements Design */

.common-achievements-design-card-wrapper {padding: 80px 0; }
.common-achievements-design-inner-wrapper .common-achievements-design-card-wrapper:first-child{padding: 20px 0 80px;}
.common-achievements-design-inner-wrapper .common-achievements-design-card-wrapper:last-child {padding: 80px 0 100px; }
.common-achievements-design-card {display: flex; justify-content: center; align-items: center; gap: 70px; }
.common-achievements-design-card-img {width: 100%; max-width: 570px; }
.common-achievements-design-card-img span {position: relative; display: block; z-index: 1; }
.common-achievements-design-card-img span::before {position: absolute; content: ""; width: 100%; max-width: 300px; height: 410px; background: var(--yellow); left: -25px; top: -25px; z-index: -1; }
.common-achievements-design-inner-wrapper .common-achievements-design-card-wrapper:nth-child(2n) .common-achievements-design-card-img span::before {background: var(--red); left: unset; right: -25px; }
.common-achievements-design-card-img img {width: 100%; max-width: 570px; height: 360px; object-fit: cover; box-shadow: var(--box-shadow); }
.common-achievements-design-card-content {width: 100%; max-width: 50%; }
.common-achievements-design-card-content h3 {font-size: 30px; color: var(--light-blue); }
.common-achievements-design-main-wrapper>.fluid-container p {width: 100%; max-width: 1100px; margin: 10px auto; text-align: center; }
.common-achievements-design-inner-wrapper .common-achievements-design-card-wrapper:nth-child(2n) {background: #EAF6FF; }
.common-achievements-design-inner-wrapper .common-achievements-design-card-wrapper:nth-child(2n) .common-achievements-design-card {flex-direction: row-reverse; }
/* Common Achievements Design */ 








/* Alumni */ 
.alumni-main-wrapper {padding: 120px 0 140px; position: relative; }
.alumni-inner-wrapper {display: flex; align-items: center; gap: 80px; }
.alumni-img {width: 100%; max-width: 550px; position: relative; }
.alumni-img::before {content: ""; position: absolute; top: 30px; left: 30px; width: 100%; max-width: 550px; height: 100%; border: 2px solid var(--yellow); z-index: 0; }
.alumni-img img {width: 100%; max-width: 550px; height: 520px; object-fit: cover; position: relative; z-index: 1; box-shadow: var(--box-shadow); }
.alumni-content {width: 100%; max-width: 700px; position: relative; }
.alumni-content a {color: var(--purple); text-decoration: none; font-weight: 500; position: relative; }
.alumni-content a::after {content: ""; position: absolute; left: 0; bottom: -3px; width: 0%; height: 2px; background: var(--purple); transition: 0.3s; }
.alumni-content a:hover::after {width: 100%; }
.alumni-btn {display: inline-block; margin-top: 25px; padding: 12px 30px; border: 2px solid var(--purple); color: #007bff; text-decoration: none; font-weight: 500; position: relative; overflow: hidden; transition: 0.3s}
.alumni-btn::before {content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--purple); z-index: -1; transition: 0.4s; }
.alumni-btn:hover::before {left: 0; }
.alumni-btn:hover {color: #fff; }
/* Alumni */





/* Acdemic Achivemnts */
.common-inner-main-wrapper {padding: 80px 0; }
.academics-achievements-inner-wrapper span {display: block; text-align: center; font-size: 22px; width: 100%; max-width: 700px; margin: 0 auto; }
.academics-achievements-inner-wrapper {max-width: 1100px; margin: 0 auto; }
.academics-achievements-card-wrapper {position: relative; padding-left: 25px; margin: 60px 0; }
.academics-achievements-inner-wrapper .academics-achievements-card-wrapper:last-child {margin: 60px 0 0; }
.academics-achievements-card-wrapper::before {content: ''; position: absolute; left: 0; top: 5px; width:2px; height: 100%; background: var(--red); border-radius: 5px; }
.academics-achievements-card-wrapper h2 {font-size:28px; color: var(--dark-blue); text-shadow: unset; }
.academics-achievements-card-wrapper h3 {font-size: 20px; margin:35px 0 10px; color: var(--purple); }
.sacademics-achievements-card-img {display: block; overflow: hidden; border-radius: 10px; padding: 10px 0 25px; }
.sacademics-achievements-card-img img {width: 100%; height: 450px; object-fit: cover; transition: 0.4s ease; box-shadow: var(--box-shadow); }
.sacademics-achievements-card-img:hover img {transform: scale(1.05); }
.gallery-overlay {display: none; }
/* Acdemic Achivemnts */


.result-table-wrapper { width: 100%;max-width: 100%;margin:30px auto;border-radius: 20px;overflow: hidden;box-shadow: 0 15px 40px rgba(0,0,0,0.08);border: 1px solid rgba(119, 5, 77, 0.08);}
.result-table-wrapper h3 {text-align: center;background: var(--dark-purple);color: #fff;margin: 0;padding: 22px;font-size: 24px;font-weight: 600;letter-spacing: 1px;}
.result-table {width: 100%;border-collapse: collapse;}
.result-table th {background: #fff4fb;color:var(--red);font-size: 17px;font-weight: 700;padding: 18px 25px;text-transform: uppercase;}
.result-table td {padding: 20px 25px;font-size: 17px;color: #333;border-bottom: 1px solid #f1f1f1;font-weight: 500;text-align: center;}
.result-table tr:last-child td {border-bottom: none;}
.result-table tr:hover {background: #fff8fc;transition: 0.3s ease;}
.result-table td:last-child {text-align: center;font-size: 20px;font-weight: 700;color: var(--purple);}



/* Student council */

.student-council-main-wrapper {padding: 90px 0; }
.student-council-inner-wrapper {width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px; position: relative; padding: 40px; }
.student-council-content {width: 100%; max-width: 60%; position: relative; }
.student-council-content span {font-size: 22px; color: var(--red); }
.student-council-inner-wrapper::before {content: ""; position: absolute; width: 100%; max-width: 850px; height: 100%; border: solid 1px var(--yellow); top: 0; left: -40px; box-shadow: var(--box-shadow); }
.student-council-img {width: 100%; max-width: 40%; }
.student-council-img img {width: 100%; max-width: 450px; height: 450px; object-fit: cover; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }

/* Student council */



/* Sitemap */ 
.sitemap-main-wrapper {padding: 80px 0 120px; }
.sitemap-list-wrapper {display: flex; flex-wrap: wrap; gap: 25px; justify-content: center; }
.sitemap-list {flex: 1 1 260px; background: #ffffff; padding: 25px 20px; border-radius: 16px; box-shadow: var(--box-shadow); transition: all 0.3s ease; position: relative; overflow: hidden; }
.sitemap-list::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--purple), var(--yellow)); }
.sitemap-list h2 {font-size: 24px; margin-bottom: 15px; color: #222; }
.sitemap-list ul {list-style: none; padding: 0; margin: 0}
.sitemap-list ul li {margin-bottom: 10px; }
.sitemap-list ul li a {font-size: 16px; display: inline-block; transition: all 0.25s ease; position: relative; padding-left: 18px; }
.sitemap-list ul li a::before {content: ""; font-weight: bold; display: inline-block; width: 100%; max-width: 8px; height: 8px; border-radius: 100%; position: absolute; background: var(--red); left: 0; top: 4px; box-shadow: 0 0 0 4px rgba(196, 23, 22, 0.1)}
.sitemap-list ul li a:hover {color: #ff6b00; transform: translateX(4px); }

/* Sitemap */ 




/* Admission Process */


.admission-process-inner-wrapper > p {width: 100%;max-width: 700px;margin: 0 auto;text-align: center;}
.admission-process-wrapper {display: flex;justify-content: center;align-items: stretch;gap: 30px;padding: 40px 0 70px;flex-wrap: wrap;}
.admission-process-card {width: 100%;max-width: 390px;position: relative;z-index: 1;overflow: hidden;display: flex;flex-direction: column;align-items: flex-start;padding: 45px 30px 35px;background: #fff;border: 1px solid rgba(0, 0, 0, 0.05);border-radius: 20px;box-shadow: 0 25px 40px rgba(0, 0, 0, 0.05);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.admission-process-card::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 4px;background: var(--purple);z-index: -1;transition: height 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.admission-process-card:nth-child(2)::before {background: var(--light-blue);}
.admission-process-card:nth-child(3)::before { background: var(--red);}
.admission-process-card:nth-child(4)::before {background: var(--yellow);}
.admission-process-card:nth-child(5)::before {background: var(--light-purple);}
.admission-process-card:nth-child(6)::before {background: var(--dark-blue);}

.admission-process-card::after {content: "0" attr(data-step);position: absolute;top: 20px;right: 25px;font-family: "Montserrat", sans-serif;font-size: 44px;font-weight: 800;line-height: 1;color: color-mix(in srgb, var(--purple) 10%, transparent);transition: all 0.4s ease;}
.admission-process-card:nth-child(2)::after {color: color-mix(in srgb, var(--light-blue) 10%, transparent);}
.admission-process-card:nth-child(3)::after {color: color-mix(in srgb, var(--red) 10%, transparent);}
.admission-process-card:nth-child(4)::after {color: color-mix(in srgb, var(--yellow) 10%, transparent);}
.admission-process-card:nth-child(5)::after { color: color-mix(in srgb, var(--light-purple) 10%, transparent);}
.admission-process-card:nth-child(6)::after {color: color-mix(in srgb, var(--dark-blue) 10%, transparent);}

.admission-process-card:hover {border-color: var(--purple);box-shadow: 0 2px 10px color-mix(in srgb, var(--purple) 18%, transparent);}
.admission-process-card:nth-child(2):hover {border-color: var(--light-blue);box-shadow: 0 2px 10px color-mix(in srgb, var(--light-blue) 18%, transparent);}
.admission-process-card:nth-child(3):hover {border-color: var(--red);box-shadow: 0 2px 10px color-mix(in srgb, var(--red) 18%, transparent);}
.admission-process-card:nth-child(4):hover {border-color: var(--yellow);box-shadow: 0 2px 10px color-mix(in srgb, var(--yellow) 18%, transparent);}
.admission-process-card:nth-child(5):hover {border-color: var(--light-purple);box-shadow: 0 2px 10px color-mix(in srgb, var(--light-purple) 18%, transparent);}
.admission-process-card:nth-child(6):hover {border-color: var(--dark-blue);box-shadow: 0 2px 10px color-mix(in srgb, var(--dark-blue) 18%, transparent);}

.admission-icon {display: inline-flex;align-items: center;justify-content: center;width: 60px;height: 60px;margin-bottom: 25px;border-radius: 15px;background: color-mix(in srgb, var(--purple) 8%, white);color: var(--purple);font-size: 24px;box-shadow: 0 4px 10px color-mix(in srgb, var(--purple) 8%, transparent);transition: all 0.4s ease;}
.admission-process-card:nth-child(2) .admission-icon {background: color-mix(in srgb, var(--light-blue) 8%, white);color: var(--light-blue);box-shadow: 0 2px 6px color-mix(in srgb, var(--light-blue) 8%, transparent);}
.admission-process-card:nth-child(3) .admission-icon {background: color-mix(in srgb, var(--red) 8%, white);color: var(--red);box-shadow: 0 2px 6px color-mix(in srgb, var(--red) 8%, transparent);}
.admission-process-card:nth-child(4) .admission-icon {background: color-mix(in srgb, var(--yellow) 8%, white);color: var(--yellow);box-shadow: 0 2px 6px color-mix(in srgb, var(--yellow) 8%, transparent);}
.admission-process-card:nth-child(5) .admission-icon {background: color-mix(in srgb, var(--light-purple) 8%, white);color: var(--light-purple);box-shadow: 0 2px 6px color-mix(in srgb, var(--light-purple) 8%, transparent);}
.admission-process-card:nth-child(6) .admission-icon {background: color-mix(in srgb, var(--dark-blue) 8%, white);color: var(--dark-blue);box-shadow: 0 2px 6px color-mix(in srgb, var(--dark-blue) 8%, transparent);}

.admission-process-content h2 {margin: 0 0 10px;font-size: 24px;color: var(--dark-blue);text-shadow: unset;transition: color 0.3s ease;}
.admission-process-card:hover .admission-process-content h2 {color: var(--purple);}
.admission-process-card:nth-child(2):hover .admission-process-content h2 {color: var(--light-blue);}
.admission-process-card:nth-child(3):hover .admission-process-content h2 {color: var(--red);}
.admission-process-card:nth-child(4):hover .admission-process-content h2 {color: var(--yellow);}
.admission-process-card:nth-child(5):hover .admission-process-content h2 {color: var(--light-purple);}
.admission-process-card:nth-child(6):hover .admission-process-content h2 {color: var(--dark-blue);}
.admission-process-content p {margin: 0;font-size: 16px; text-align: start;}
.admission-process-inner-wrapper .rules-and-regulations-box-wrappper{margin-bottom: 70px;}
.admission-process-inner-wrapper .rules-and-regulations-box-wrappper.fees{margin-bottom: 30px;}
.admission-process-inner-wrapper .rules-and-regulations-box-wrappper.eligibility .rules-and-regulations-box-list-wrapper{grid-template-columns: repeat(1, 1fr);}



/* General Rules */

.general-rules-section-wrapper {padding-top: 30px;}
.general-rules-section-wrapper h2 {text-align: center;}
.general-rules-section-wrapper > p {  width: 100%;max-width: 800px;margin: 0 auto 50px;text-align: center;}
.general-rules-section-card-wrapper {display: flex; justify-content: center;  align-items: stretch; gap: 25px;max-width: 1200px;margin: 0 auto; flex-wrap: wrap;}

.general-rules-card { width: 100%; max-width: 46%;position: relative;overflow: hidden;display: block;padding:25px;background: #fff;border: 1px solid rgba(0, 0, 0, 0.04);border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.015);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.general-rules-card::before {content: "";position: absolute;top: 0;left: 0;bottom: 0;width: 4px;background: var(--purple);transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.general-rules-card:nth-child(2)::before {background: var(--red);}
.general-rules-card:nth-child(3)::before {background: var(--dark-purple);}
.general-rules-card:nth-child(4)::before {background: var(--light-blue);}
.general-rules-card:nth-child(5)::before {background: var(--yellow);}
.general-rules-card:nth-child(6)::before {background: var(--light-purple);}
.general-rules-card:nth-child(7)::before {background: var(--dark-blue);}

.general-rules-card{border-color: var(--purple)}
.general-rules-card:nth-child(2) {border-color: var(--red);}
.general-rules-card:nth-child(3) {border-color: var(--dark-purple)}
.general-rules-card:nth-child(4) {border-color: var(--light-blue);}
.general-rules-card:nth-child(5) {border-color: var(--yellow);}
.general-rules-card:nth-child(6) {border-color: var(--light-purple);}
.general-rules-card:nth-child(7) {border-color: var(--dark-blue);}
.general-rules-card p {margin: 0;font-size: 17px;}


/* Admission Process */



#start-popup {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;height: 100%;left: 0;position: fixed;text-align: center;top: 0;width: 100%;z-index: 9999999;overflow-y: auto;display: flex;align-items: center;justify-content: center;}
#start-popup>div {display: inline-block;margin: 0 auto;position: relative;width: 100%;max-width:500px;}
.close-popup {position: absolute;right: 0px;top: 0px;padding: 5px 10px;background:#de2c1d;color: #fff !important;font-weight: bold;cursor: pointer;}
.pop-up-video {width: 100%;background: rgba(255, 255, 255, 0.7);}
.pop-up-video iframe {width: 100%;height: 100%;}
#start-popup span img {width: 100%;}
#start-popup>div {padding: 0;}


#pagination-container {margin: 30px 0;}
div.pagination {margin: 0px auto !important; display: flex; gap: 15px; width: 100% !important; justify-content: center;}
div.pagination .page-item {padding: 2px 7px; background-color: #433d77; color: #ffffff; font-size: 18px; border-radius: 3px; border-bottom: 2px solid #00001b; box-shadow: 0 8px 6px -7px #2E2E2E6B; width: fit-content;}
div.pagination .page-item:hover {background: #9d0406;}
div.pagination .page-item.active { background-color: #9d0406; font-weight: 600;}
div.pagination .page-item.disabled {background-color: #433d77; color: #fff; font-weight: 600; cursor: not-allowed; pointer-events: none;}

/* pagination css */

.pdf-link {display: inline-block; margin-top: 10px; padding: 7px 0px; color: #c41716; border-radius: 4px; font-size: 15px; font-weight: 600; text-decoration: none; transition: 0.3s ease;}