.inner-page-banner-wrapper {width: 100%; height: 500px; position: relative; }
.sitemap-main-wrapper {padding: 80px 0}
.sitemap-main-wrapper h1 {text-align: center; padding: 0 0 30px; }
.sitemap-inner-wrapper {display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
.sitemap-card {background: #fff; border-radius: 16px; padding: 30px; box-shadow: 0 8px 24px rgba(149, 157, 165, .08); border-top: 5px solid var(--blue); transition: .35s ease; flex: 0 0 calc(25% - 23px); max-width: calc(25% - 23px); }
.sitemap-card:hover {transform: translateY(-10px); box-shadow: 0 16px 36px rgba(17, 54, 201, .12); }
.sitemap-card span, .sitemap-card h3 {display: block; font-size: 21px; font-weight: 700; margin: 0 0 25px; color: #1e293b; transition: .3s ease; }
.sitemap-card ul {display: flex; flex-direction: column; gap: 15px; }
.sitemap-card li a {font-size: 15px; color: #475569; padding-left: 18px; position: relative; transition: .3s ease; display: inline-block; }
.sitemap-card li a::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #cbd5e1; transition: .3s ease; }
.sitemap-card:hover span, .sitemap-card:hover h3, .sitemap-card li a:hover {color: var(--blue); }
.sitemap-card li a:hover {padding-left: 24px; }
.sitemap-card li a:hover::before {background: var(--blue); transform: translateY(-50%) scale(1.3); }
.sitemap-card:nth-child(4n+1) {border-color: var(--blue)}
.sitemap-card:nth-child(4n+2) {border-color: var(--red)}
.sitemap-card:nth-child(4n+3) {border-color: #DC703A}
.sitemap-card:nth-child(4n) {border-color: #FCBD00}
.sitemap-card:nth-child(4n+1):hover span, .sitemap-card:nth-child(4n+1):hover h3, .sitemap-card:nth-child(4n+1) a:hover {color: var(--blue)}
.sitemap-card:nth-child(4n+2):hover span, .sitemap-card:nth-child(4n+2):hover h3, .sitemap-card:nth-child(4n+2) a:hover {color: var(--red)}
.sitemap-card:nth-child(4n+3):hover span, .sitemap-card:nth-child(4n+3):hover h3, .sitemap-card:nth-child(4n+3) a:hover {color: #DC703A}
.sitemap-card:nth-child(4n):hover span, .sitemap-card:nth-child(4n):hover h3, .sitemap-card:nth-child(4n) a:hover {color: #FCBD00}
.sitemap-card:nth-child(4n+1) a:hover::before {background: var(--blue)}
.sitemap-card:nth-child(4n+2) a:hover::before {background: var(--red)}
.sitemap-card:nth-child(4n+3) a:hover::before {background: #DC703A}
.sitemap-card:nth-child(4n) a:hover::before {background: #FCBD00}
/* contact */ .contact-main-wrapper {background: #F5F7FA; padding: 100px 0; }
.contact-flex-container {display: flex; flex-wrap: wrap; gap: 40px; align-items: stretch; justify-content: center; }
.contact-info-card {background: #2A42B5; border-radius: 20px; padding: 45px 40px; color: #fff; display: flex; flex-direction: column; position: relative; width: 100%; max-width: 450px; }
.contact-info-card::before {content: ''; position: absolute; width: 250px; height: 250px; border-radius: 50%; background: rgba(255, 255, 255, 0.06); top: -60px; right: -60px; }
.contact-info-card::after {content: ''; position: absolute; width: 180px; height: 180px; border-radius: 50%; background: rgba(255, 255, 255, 0.04); bottom: -40px; left: -40px; }
.contact-info-card p {color: rgba(255, 255, 255, 0.8); margin-bottom: 35px; }
.info-items {display: flex; flex-direction: column; gap: 22px; position: relative; z-index: 1; }
.info-item {display: flex; align-items: flex-start; gap: 16px; padding: 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); transition: background 0.3s ease, transform 0.3s ease; }
.info-item:hover {background: rgba(255, 255, 255, 0.14); transform: translateX(5px); }
.info-icon {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; flex-shrink: 0; transition: transform 0.3s ease; background: #ffffff24; }
.info-icon img {filter: invert(100%) sepia(0%) saturate(7488%) hue-rotate(210deg) brightness(99%) contrast(104%); width: 100%; max-width: 26px; }
.info-item:hover .info-icon {transform: scale(1.1); }
.info-details {display: flex; flex-direction: column; }
.info-details h2, .info-details h3 {font-size: 16px; color: #fff; margin: 0 0 5px; }
.info-details p {font-size: 14px; color: rgba(255, 255, 255, 0.8); margin: 0; line-height: 1.5; text-align: left; }
.info-details p a {color: rgb(255, 255, 255); font-size: 14px; transition: color 0.2s ease; }
.contact-form-card {background: #fff; border-radius: 20px; padding: 45px; box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; width: 100%; max-width: 700px; }
.contact-form-card span, .contact-form-card h2 {display: block; font-size: 12px; font-weight: 800; color: #1e293b; margin-bottom: 8px; }
.contact-form-card p {font-size: 15px; color: #64748B; margin-bottom: 30px; line-height: 1.5; }
.bes-contact-form {display: flex; flex-direction: column; gap: 22px; }
/* form */ .form-row {display: flex; gap: 22px; width: 100%; }
.flex-1 {flex: 1; }
.form-group {display: flex; flex-direction: column; gap: 6px; }
.form-group label {font-size: 14px; color: #334155; }
.form-group input, .form-group textarea, .form-group select {width: 100%; padding: 13px 16px; border: 2px solid #E2E8F0; border-radius: 10px; font-size: 15px; color: #1E293B; background: #fff; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.form-group input::placeholder, .form-group textarea::placeholder {color: #94A3B8; opacity: 1; }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {border-color: var(--blue) !important; box-shadow: 0 0 0 4px rgba(23, 54, 201, 0.08); outline: none; }
.select-wrapper {position: relative; width: 100%; }
.select-wrapper::after {content: ''; position: absolute; right: 16px; top: 50%; width: 8px; height: 8px; border-right: 2px solid #64748B; border-bottom: 2px solid #64748B; transform: translateY(-60%) rotate(45deg); pointer-events: none; transition: border-color 0.3s ease; }
.select-wrapper select {appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 40px; cursor: pointer; }
.select-wrapper:hover::after {border-color: var(--blue); }
.contact-submit-btn {display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--red); color: #fff; font-size: 16px; padding: 14px 32px; border-radius: 10px; width: fit-content; margin-top: 8px; box-shadow: 0 4px 15px rgba(237, 3, 8, 0.25); transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer; }
.contact-submit-btn span {color: #fff; }
.contact-submit-btn svg {transition: transform 0.3s ease; }
.contact-submit-btn:hover {background: #c41518; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(237, 3, 8, 0.35); }
/* Form Validation Styles */ .bes-contact-form .form-group.has-error input, .bes-contact-form .form-group.has-error textarea, .bes-contact-form .form-group.has-error select {border-color: #ED0308 !important; box-shadow: 0 0 0 4px rgba(237, 3, 8, 0.1) !important; }
.form-md .form-group.has-error input, .form-md .form-group.has-error textarea {border: none !important; border-bottom: 2px solid #ff6b6b !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
.form-error-msg {color: #ED0308; font-size: 13px; font-weight: 500; margin-top: 5px; display: block; line-height: 1.3; animation: formErrorFadeIn 0.25s ease-out; }
.form-md .form-error-msg {color: #ff6b6b; font-size: 12px; position: absolute; bottom: -22px; left: 0; margin-top: 0; }
@keyframes formErrorFadeIn {  from {opacity: 0; transform: translateY(-4px); }
  to {opacity: 1; transform: translateY(0); }
}
.form-success-msg {background: #ecfdf5; border: 1px solid #10b981; color: #065f46; padding: 14px 18px; border-radius: 10px; font-size: 14px; font-weight: 500; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; width: 100%; animation: formSuccessFadeIn 0.3s ease-out; }
.form-md .form-success-msg {background: rgba(16, 185, 129, 0.15); border: 1px solid #10b981; color: #a7f3d0; }
@keyframes formSuccessFadeIn {  from {opacity: 0; transform: translateY(-6px); }
  to {opacity: 1; transform: translateY(0); }
}
.contact-map-wrapper {width: 100%; height: 450px; overflow: hidden; }
.contact-map-wrapper iframe {width: 100%; height: 100%; border: none; }
/* error */ .error-contant {background-color: #FAFBFD; padding: 100px 0; }
.error-card {background: #FFFFFF; border-radius: 20px; padding: 60px 45px; box-shadow: rgba(149, 157, 165, 0.08) 0px 8px 24px; border-top: 6px solid var(--blue); max-width: 580px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; }
.error-code {font-size: 100px; line-height: 1; background: linear-gradient(135deg, var(--blue) 0%, var(--red) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-bottom: 20px; }
.error-card p {text-align: center; }
/* about bes */ .about-wrapper {padding: 80px 0; }
.about-wrapper {padding: 80px 0; }
.about-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 40px}
.about-left-wrapper {width: 100%; max-width: 650px; }
.about-inner-wrapper span {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; }
.about-inner-wrapper span img {width: 100%; max-width: 500px; border-top-left-radius: 200px; border-bottom-right-radius: 200px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.mlilestone-wrapper {background: #030817; padding: 80px 0; overflow: hidden; }
.mlilestone-wrapper h2 {text-align: center; }
.founders-wrapper {padding: 80px 0; }
.founders-wrapper>.fluid-container>p {text-align: center; color: #777; margin-bottom: 50px; }
.founders-inner-wrapper {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 40px 20px; }
.founders-inner {width: calc(25% - 15px); background: #f5f5f5; padding: 25px; border-radius: 10px; border-top: 4px solid var(--red); box-shadow: 0 2px 10px rgba(0, 0, 0, .05); min-height: 140px; }
.founders-inner span {display: block; color: var(--red); font-size: 17px; font-weight: 600; margin-bottom: 10px; }
.founder-card-body h3 {font-size: 18px; font-weight: 700; color: #1e293b; line-height: 1.4; margin: 0; transition: color 0.4s ease; text-align: left; }
/* facilities css */ .facilities-wrapper:nth-child(2n+1) .facilities-inner {flex-direction: row-reverse; }
.facilities-wrapper:nth-child(2n+1) {background: #4242FB0D; }
.facilities-wrapper {padding: 80px 0; }
.facilities-inner {display: flex; justify-content: center; align-items: center; gap: 40px; margin: 0 0 40px; }
.facilities-left-wrapper {width: 100%; max-width: 500px; }
.facilities-left-wrapper img {width: 100%; height: auto; }
.facilities-right-wrapper p {text-align: justify; color: #000; line-height: 1.8; }
.facilities-right-wrapper {width: 100%; max-width: 600px; }
.facilities-right-wrapper h2 {color: #ec3247; }
.facilities-wrapper:nth-child(2n+1) h2 {color: #374ea1; }
.facilities-inner:last-child {margin: 0; }
/* facilities css */ /* academics css */ .academics-wrapper {padding: 80px 0; }
.academics-inner-wrapper h2, .academics-inner-wrapper p {text-align: center; }
.stream-desc {text-align: left !important; }
.academics-main-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 40px; padding: 30px 0 0; }
.academics-inner {width: 100%; max-width: 50%; }
.banner-inner-wrapper {width: 100%;max-width: 615px;padding: 60px 0 0 30px;}
.academics-inner ul li::before {content: ''; position: absolute; background: url(../images/icons/arrow.webp)no-repeat center center/cover; top: 21px; left: 0; width: 20px; height: 20px; filter: invert(25%) sepia(97%) saturate(5634%) hue-rotate(233deg) brightness(78%) contrast(104%); }
.curricular-activities-wrapper {padding: 100px 0; }
.curricular-activities-wrapper h2 {text-align: center; }
/* academics css */ .high-school-inner-wrapper {display: flex; flex-direction: column !important; gap: 10px !important; }
/* Careers */ .careers-main-wrapper {background: #FAFBFD; padding: 80px 0; }
.careers-inner-wrapper {display: flex; justify-content: space-between; align-items: center; gap: 50px; padding-bottom: 80px; }
.career-content-left {flex: 1.2; max-width: 680px; }
.career-content-left h1 {margin: 0 0 30px}
.career-content-left p {margin: 0 0 20px; }
.career-content-right {flex: 1; max-width: 500px; display: flex; flex-direction: column; gap: 30px; }
.career-highlight-card {background: #ffffff; border-radius: 16px; padding: 30px; box-shadow: 0 10px 30px rgba(23, 54, 201, 0.04); border-left: 3px solid var(--blue); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease; position: relative; }
.career-highlight-card:nth-child(even) {border-left-color: var(--red); }
.career-highlight-card img {width: 54px; height: 54px; padding: 12px; background: #f1f5f9; border-radius: 12px; object-fit: contain; margin-bottom: 20px; display: block; transition: background-color 0.3s ease, transform 0.3s ease; }
.career-highlight-card:hover img {background: #d3e9ff; }
.career-highlight-card:nth-child(even):hover img {background: rgb(222 59 62 / 36%); }
.career-highlight-card h2 {font-size: 24px; color: #1e293b; margin-bottom: 12px; }
.career-highlight-card p {font-size: 16px; margin: 0; text-align: start; }
.career-cta-card {background: linear-gradient(135deg, var(--blue) 0%, #0b2299 100%); border-radius: 24px; padding: 60px 40px; text-align: center; color: #ffffff; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(23, 54, 201, 0.15); }
.career-cta-card::before {content: ''; position: absolute; width: 320px; height: 320px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); top: -100px; right: -100px; pointer-events: none; }
.career-cta-card::after {content: ''; position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255, 255, 255, 0.03); bottom: -80px; left: -80px; pointer-events: none; }
.career-cta-card h2 {font-size: 38px; color: #ffffff; margin-bottom: 12px; position: relative; z-index: 1; }
.career-cta-card p {color: rgba(255, 255, 255, 0.85); margin: 0 auto 30px; text-align: center; max-width: 500px; position: relative; z-index: 1; }
.career-email {display: inline-flex; align-items: center; justify-content: center; background: #ffffff; color: var(--blue) !important; font-size: 20px; padding: 16px 36px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.3s ease, color 0.3s ease; position: relative; z-index: 1; margin-bottom: 40px; border: 2px solid #ffffff; }
.career-email:hover {background: transparent; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255, 255, 255, 0.15); }
.career-contact {position: relative; z-index: 1; border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 30px; display: block; text-align: center; max-width: 600px; margin: 0 auto; }
.career-contact h3 {font-size: 18px; color: rgba(255, 255, 255, 0.85); margin-bottom: 15px; }
.career-contact a {display: inline-block; color: #ffffff !important; font-size: 22px; transition: color 0.3s ease, transform 0.3s ease; vertical-align: middle; }
.career-contact a:hover {color: #FCBD00 !important; transform: translateY(-1px); }
.career-contact span {color: rgba(255, 255, 255, 0.4); font-size: 20px; margin: 0 12px; vertical-align: middle; }
/* prajwal */ /* High School Page */ .high-school-img {width: 100%; margin: 0 0 50px; }
.high-school-img img {border-radius: 20px; width: 100%; height: auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.high-school-main-wrapper {padding: 80px 0 0; }
.high-school-inner-wrapper h1 {text-align: center; margin: 0 0 40px; }
.high-school-card-wrapper {background: #f9f9f9f9; border-radius: 24px; padding: 45px 40px; box-shadow: 0 10px 40px rgba(23, 54, 201, 0.02); border: 1px solid rgba(23, 54, 201, 0.07); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); position: relative; overflow: hidden; }
.high-school-card-wrapper::before {content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--blue); }
.high-school-card-wrapper:nth-child(even)::before {background: var(--red); }
.high-school-card-wrapper h2 {font-size: 28px; margin: 0 0 15px; position: relative; padding-bottom: 12px; border-bottom: 1px solid #f1f5f9; display: inline-block; }
.high-school-card-wrapper h2::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 40px; height: 3px; background: var(--blue); border-radius: 2px; }
.high-school-card-wrapper:nth-child(even) h2::after {background: var(--red); }
.high-school-card-wrapper p:last-child {margin-bottom: 0; }
.high-school-common-icon-wrapper {display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin: 30px 0; }
.high-school-icon-card {background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; padding: 16px 20px; text-align: left; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 16px; min-height: 80px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.01); position: relative; overflow: hidden; z-index: 1; }
.high-school-icon-card::before {content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #845ef7; transform: scaleY(0); transform-origin: top; transition: transform 0.3s ease; z-index: 2; }
.high-school-icon-card:nth-child(even)::before {background: #EA580C; }
.high-school-icon-card:hover::before {transform: scaleY(1); }
.high-school-icon {width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: #f1f5f9; border-radius: 10px; color: #845ef7; flex-shrink: 0; transition: all 0.3s ease; }
.high-school-icon img {width: 22px; height: 22px; object-fit: contain; transition: filter 0.3s ease; }
.high-school-icon-card:nth-child(even) .high-school-icon {color: #EA580C; }
.high-school-icon-card h3 {font-size: 16px; margin: 0; line-height: 1.4; transition: color 0.3s ease; }
.high-school-icon-card:nth-child(even) {border-color: rgba(237, 3, 8, 0.1); }
.high-school-icon-card .high-school-icon {background: #845ef7; color: #ffffff; }
.high-school-icon-card:nth-child(even) .high-school-icon {background: #EA580C; color: #ffffff; }
.high-school-icon-card .high-school-icon img, .high-school-icon-card:nth-child(even) .high-school-icon img {filter: brightness(0) invert(1); }
.high-school-icon-card h3 {color: #845ef7; }
.high-school-icon-card:nth-child(even) h3 {color: #EA580C; }
/* About BES */ .about-school-main-wrapper {padding: 80px 0; }
.about-school-inner-wrapper h1 {text-align: center; margin: 0 0 40px; }
.about-school-inner-wrapper h2 {text-align: center; margin: 0 0 40px; }
.vision-mission-cards-wrapper {display: flex; gap: 70px; margin-bottom: 40px; justify-content: center; align-items: center; }
.vm-card {width: 100%; max-width: 580px; }
.vm-icon {width: 100%; max-width: 90px; height: 90px; border-radius: 50%; background: #5325a2; color: #ff7e3b; font-size: 28px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.vm-icon img {width: 100%; max-width: 45px; filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7492%) hue-rotate(160deg) brightness(105%) contrast(100%); }
.vm-card h3 {color: var(--red); text-align: start; }
.vm-card p, .vm-card li {color: #0827be; line-height: 1.9; /* font-size: 16px; */ text-align: start; margin: 5px 0 25px 0; font-weight: 500; }
.vm-card ul {margin-left: 22px; }
.vm-card li {margin: 9px 0; position: relative; font-size: 18px; }
.vm-card li::before {position: absolute; content: ""; width: 100%; max-width: 16px; height: 16px; background: url(../images/icons/double-checked.webp) no-repeat center center/contain; top: 10px; left: -29px; }
.vm-card img {width: 100%; border-radius: 40px; }
.values-card {background: #5325a2; padding: 30px 0 40px; border-radius: 24px; text-align: center; margin: auto; position: relative; overflow: hidden; }
.values-card::before {content: ""; position: absolute; width: 300px; height: 300px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; top: -120px; right: -100px; z-index: 0; transition: 0.5s; }
.values-card::after {content: ""; position: absolute; width: 300px; height: 300px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; bottom: -120px; left: -100px; z-index: 0; transition: 0.5s; }
.values-card:hover::before, .values-card:hover::after {transform: scale(1.1); }
.values-card h3 {color: #fff; font-size: 30px; margin-bottom: 20px; position: relative; z-index: 1; }
.values-wrapper {display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; position: relative; z-index: 1; }
.values {display: inline-grid; gap: 20px; justify-content: center; align-items: center; width: 100%; max-width: 217px; }
.values-wrapper span {background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .15); color: #fff; padding: 12px 24px; border-radius: 50px; font-size: 15px; transition: .3s; }
/* .inner-page-banner-wrapper::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient( to right, #0000007d 0%, transparent 50%, #00000082 100% );
} */
.values-wrapper span:hover {background: #ff7e3b; transform: translateY(-4px); }
.life-bes-main-wrapper {padding: 80px 0; background: #f9f9f9f9; }
.life-bes-inner-wrapper h2 {text-align: center; margin: 0 0 40px; }
.life-bes-cards-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.life-bes-card {position: relative; background: #ffffff; padding: 35px; border-radius: 30px; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06); }
.life-bes-card:before {content: ""; position: absolute; width: 220px; height: 220px; border-radius: 50%; top: -120px; right: -120px; background: linear-gradient(135deg, #d6d6e4, #0001af); opacity: .12; transition: .5s; }
.life-bes-card:hover::before {transform: scale(1.4); }
.life-bes-card span {display: block; font-size: 80px; font-weight: 800; line-height: 1; color: transparent; -webkit-text-stroke: 1px var(--red); margin-bottom: 15px; }
/* .life-bes-card h3 {font-size: 26px; } */
.life-bes-card p {text-align: start; margin: 15px 0 0; }
.why-bes-main-wrapper {padding: 80px 0; background: #0B1533; }
.why-bes-inner-wrapper h2 {text-align: center; margin: 0 0 40px; color: #fff; }
.why-bes-cards-wrapper {display: flex; gap: 30px; justify-content: center; align-items: stretch; flex-wrap: wrap; }
.why-bes-card {position: relative; padding: 80px 30px 30px; border-radius: 20px; background: #fff; overflow: hidden; transition: .4s; width: 100%; max-width: 382px; }
.why-bes-card span {width: 80px; height: 80px; border-radius: 0 0 24px 24px; position: absolute; top: -8px; left: 30px; display: flex; align-items: center; justify-content: center; box-shadow: 0 15px 30px rgba(0, 0, 0, .12); }
.why-bes-card span img {width: 42px; height: 42px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(91deg) brightness(104%) contrast(101%); }
.why-bes-card h3 { margin: 5px 0 0; }
.why-bes-card p {text-align: start; margin: 10px 0 0; }
.why-bes-card:nth-child(1) span, .why-bes-card:nth-child(9) span {background: linear-gradient(135deg, #ff6b6b, #ff8787); }
.why-bes-card:nth-child(2) span, .why-bes-card:nth-child(8) span {background: linear-gradient(135deg, #4dabf7, #74c0fc); }
.why-bes-card:nth-child(3) span, .why-bes-card:nth-child(7) span {background: linear-gradient(135deg, #20c997, #38d9a9); }
.why-bes-card:nth-child(4) span, .why-bes-card:nth-child(10) span {background: linear-gradient(135deg, #845ef7, #9775fa); }
.why-bes-card:nth-child(5) span {background: #FBB040; }
.why-bes-card:nth-child(6) span {background: linear-gradient(135deg, #f06595, #faa2c1); }
/* Message From The Management */ .message-from-the-management-main-wrapper {background: #FAFBFD; padding: 80px 0; position: relative; overflow: hidden; }
.message-from-the-management-main-wrapper::before {content: ''; position: absolute; top: 0; left: -10%; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(23, 54, 201, 0.03) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.message-from-the-management-main-wrapper::after {content: ''; position: absolute; bottom: 0; right: -10%; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(237, 3, 8, 0.02) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.message-from-the-management-inner-wrapper h1 {text-align: center; margin: 0 0 40px; }
.message-from-the-management-tabs {display: flex; justify-content: start; gap: 15px; margin-bottom: 50px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; }
.message-from-the-management-tabs::-webkit-scrollbar {display: none; }
.message-from-the-management-tabs .tab-btn {min-width: 400px; padding: 14px 28px; font-size: 16px; background: #ffffff; border: 1px solid #e2e8f0; border-radius: 50px; cursor: pointer; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02); margin: 2px 0; }
.message-from-the-management-tabs .tab-btn:hover {transform: translateY(-2px); box-shadow: 0 6px 12px rgba(23, 54, 201, 0.06); }
.message-from-the-management-tabs .tab-btn[data-tab="secretary"]:hover {color: var(--blue); border-color: var(--blue); }
.message-from-the-management-tabs .tab-btn[data-tab="principal"]:hover {color: var(--red); border-color: var(--red); }
.message-from-the-management-tabs .tab-btn[data-tab="president"]:hover {color: #845ef7; border-color: #845ef7; }
.message-from-the-management-tabs .tab-btn[data-tab="secretary"].active {background: var(--blue); border-color: var(--blue); color: #ffffff; box-shadow: 0 10px 20px rgba(23, 54, 201, 0.15); }
.message-from-the-management-tabs .tab-btn[data-tab="principal"].active {background: var(--red); border-color: var(--red); color: #ffffff; box-shadow: 0 10px 20px rgba(237, 3, 8, 0.15); }
.message-from-the-management-tabs .tab-btn[data-tab="president"].active {background: #845ef7; border-color: #845ef7; color: #ffffff; box-shadow: 0 10px 20px rgba(132, 94, 247, 0.15); }
.message-from-the-management-card {display: none; opacity: 0; }
@keyframes fadeInUp {  from {opacity: 0; transform: translateY(20px); }
  to {opacity: 1; transform: translateY(0); }
}
.message-from-the-management-card.active {display: flex; flex-direction: column; animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; background: #ffffff; border-radius: 20px; padding: 60px 40px; box-shadow: 0 10px 40px rgba(23, 54, 201, 0.03); border: 1px solid rgba(23, 54, 201, 0.05); width: 100%; }
#secretary.message-from-the-management-card.active {border-bottom: 6px solid var(--blue); }
#principal.message-from-the-management-card.active {border-bottom: 6px solid var(--red); }
#president.message-from-the-management-card.active {border-bottom: 6px solid #845ef7; }
.message-from-the-management-profile {display: flex; flex-direction: column; align-items: center; text-align: center; padding-bottom: 50px; }
.message-from-the-management-img {width: 100%; max-width: 100%; max-width: 100%; margin: 0 auto 20px; }
.message-from-the-management-img img {max-width: 100%; width: 500px; height: 100%; object-fit: cover; border-radius: 20px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; }
#secretary .message-from-the-management-profile:hover .message-from-the-management-img {border-color: var(--blue); }
#principal .message-from-the-management-profile:hover .message-from-the-management-img {border-color: var(--red); }
#president .message-from-the-management-profile:hover .message-from-the-management-img {border-color: #EA580C; }
.message-from-the-management-info {display: flex; flex-direction: column; gap: 6px; }
.message-from-the-management-info span:first-child {font-size: 24px; font-weight: 700; }
.message-from-the-management-info span:last-child {font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: var(--blue); }
#principal .message-from-the-management-info span:last-child {color: var(--red); }
#president .message-from-the-management-info span:last-child {color: #845ef7; }
.message-from-the-management-card-content {width: 100%; }
.message-from-the-management-card-content h2 {font-size: 32px; margin: 0 0 25px; position: relative; padding-bottom: 12px; }
.message-from-the-management-card-content h2::after {content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; border-radius: 2px; }
#secretary .message-from-the-management-card-content h2::after {background: var(--blue); }
#principal .message-from-the-management-card-content h2::after {background: var(--red); }
#president .message-from-the-management-card-content h2::after {background: #845ef7; }
.message-from-the-management-card-content p {margin: 0 0 20px; }
.message-from-the-management-card-content p:last-child {margin-bottom: 0; }
.message-from-the-management-card-content blockquote {background: #f1f8ff; border-left: 4px solid var(--blue); padding: 28px 36px; margin: 35px 0; font-style: italic; font-size: 18px; line-height: 1.75; color: #1e293b; border-radius: 0 16px 16px 0; position: relative; }
#principal .message-from-the-management-card-content blockquote {border-left-color: var(--red); background: #fff3f3; }
#president .message-from-the-management-card-content blockquote {border-left-color: #845ef7; background: #efeaff; }
.message-from-the-management-card-content blockquote::before {content: ''; font-size: 60px; color: rgba(23, 54, 201, 0.08); position: absolute; top: -10px; left: 10px; font-family: serif; }
#principal .message-from-the-management-card-content blockquote::before {color: rgba(237, 3, 8, 0.08); }
.message-from-the-management-card-content ul {list-style: none; padding: 0; margin: 25px 0; }
.message-from-the-management-card-content li {position: relative; padding-left: 30px; font-size: 18px; line-height: 1.75; color: #475569; margin-bottom: 12px; }
.message-from-the-management-card-content li::before {content: ''; position: absolute; left: 0; top: 6px; width: 16px; height: 16px; background: url(../images/icons/arrow.webp) no-repeat center center/cover; }
.message-from-the-management-signature {margin-top: 40px; padding-top: 30px; border-top: 1px dashed #e2e8f0; display: flex; flex-direction: column; gap: 4px; }
.message-from-the-management-signature strong {font-size: 16px; font-style: italic; margin-bottom: 4px; font-weight: 200; }
.message-from-the-management-signature h3 {font-size: 22px; font-weight: 600; margin: 0; }
.message-from-the-management-signature span {font-size: 14px; font-weight: 600; color: #845ef7; text-transform: uppercase; letter-spacing: 0.5px; }
#principal .message-from-the-management-signature span {color: var(--red); }
.message-from-the-management-signature p {font-size: 15px; margin: 0; line-height: 1.4; }
/* Faculty Details Page */ .faculty-details-main-wrapper h1 {text-align: center; padding: 0 0 30px; }
.faculty-details-main-wrapper {background: #FAFBFD; padding: 100px 0 100px; position: relative; overflow: hidden; }
.faculty-details-main-wrapper::before {content: ''; position: absolute; top: 0; left: -10%; width: 400px; height: 400px; border-radius: 50%; background: radial-gradient(circle, rgba(132, 94, 247, 0.03) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.faculty-details-main-wrapper::after {content: ''; position: absolute; bottom: 0; right: -10%; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(234, 88, 12, 0.02) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none; }
.faculty-details-inner-wrapper h1 {text-align: center; margin: 0 0 60px; }
.faculty-details-inner-wrapper .message-from-the-management-tabs {justify-content: center; gap: 20px; margin-top: 25px; margin-bottom: 50px; }
.faculty-details-inner-wrapper .message-from-the-management-tabs .tab-btn {min-width: 190px; font-weight: 700; }
.message-from-the-management-tabs .tab-btn[data-tab="teacher"]:hover, .message-from-the-management-tabs .tab-btn[data-tab="administrative-staff"]:hover {color: #845ef7; border-color: #845ef7; }
.message-from-the-management-tabs .tab-btn[data-tab="lecturer"]:hover, .message-from-the-management-tabs .tab-btn[data-tab="supporting-staff"]:hover {color: #ea580c; border-color: #ea580c; }
.message-from-the-management-tabs .tab-btn[data-tab="pu-college"]:hover, .message-from-the-management-tabs .tab-btn[data-tab="high-school"]:hover, .message-from-the-management-tabs .tab-btn[data-tab="higher-primary"]:hover, .message-from-the-management-tabs .tab-btn[data-tab="lower-primary"]:hover, .message-from-the-management-tabs .tab-btn[data-tab="nursery"]:hover {color: var(--blue); border-color: var(--blue); }
.message-from-the-management-tabs .tab-btn[data-tab="teacher"].active, .message-from-the-management-tabs .tab-btn[data-tab="administrative-staff"].active {background: #845ef7; border-color: #845ef7; color: #ffffff; box-shadow: 0 10px 20px rgba(132, 94, 247, 0.15); }
.message-from-the-management-tabs .tab-btn[data-tab="lecturer"].active, .message-from-the-management-tabs .tab-btn[data-tab="supporting-staff"].active {background: #ea580c; border-color: #ea580c; color: #ffffff; box-shadow: 0 10px 20px rgba(234, 88, 12, 0.15); }
.message-from-the-management-tabs .tab-btn[data-tab="pu-college"].active, .message-from-the-management-tabs .tab-btn[data-tab="high-school"].active, .message-from-the-management-tabs .tab-btn[data-tab="higher-primary"].active, .message-from-the-management-tabs .tab-btn[data-tab="lower-primary"].active, .message-from-the-management-tabs .tab-btn[data-tab="nursery"].active {background: var(--blue); border-color: var(--blue); color: #ffffff; box-shadow: 0 10px 20px rgba(23, 54, 201, 0.15); }
.faculty-details-content-wrapper {display: none; opacity: 0; }
.faculty-details-content-wrapper.active {display: block; opacity: 1; animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; background: transparent; padding: 0; box-shadow: none; border: none; overflow: visible; }
.faculty-details-content-wrapper table, .faculty-details-content-wrapper tbody {display: block; width: 100%; }
.faculty-details-content-wrapper thead {display: none; }
.faculty-details-content-wrapper tbody {display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 35px; }
.faculty-details-content-wrapper tbody tr {display: flex; flex-direction: column; background: #ffffff; border: 1px solid rgba(15, 23, 42, 0.06); border-radius: 24px; padding: 30px 25px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease; position: relative; overflow: hidden; }
.faculty-details-content-wrapper tbody tr::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; transition: height 0.3s ease; }
#teacher tbody tr::after, #administrative-staff tbody tr::after {background: #845ef7; }
#lecturer tbody tr::after, #supporting-staff tbody tr::after {background: #ea580c; }
#teacher tbody tr:hover, #administrative-staff tbody tr:hover {border-color: rgba(132, 94, 247, 0.2); box-shadow: 0 20px 40px rgba(132, 94, 247, 0.08); }
#lecturer tbody tr:hover, #supporting-staff tbody tr:hover {border-color: rgba(234, 88, 12, 0.2); box-shadow: 0 20px 40px rgba(234, 88, 12, 0.08); }
.faculty-details-content-wrapper td:first-child {position: absolute; top: 25px; right: 25px; font-size: 15px; font-weight: 600; color: #fff; background: #f67353; border: 1px solid #e2e8f0; width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; border-bottom: none; }
#lecturer.faculty-details-content-wrapper td:first-child, #supporting-staff.faculty-details-content-wrapper td:first-child {background: #845ef7; }
.faculty-details-content-wrapper td:nth-child(2) {font-size: 20px; font-weight: 600; color: #0f172a; margin-bottom: 6px; padding: 0; border-bottom: none; line-height: 1.3; }
.faculty-details-content-wrapper td:nth-child(3) {font-size: 15px; font-weight: 600; color: #64748b; margin-bottom: 20px; padding: 0; border-bottom: none; }
.faculty-details-content-wrapper td:nth-child(4) {font-size: 15px; letter-spacing: 1px; display: inline-block; width: fit-content; margin-top: auto; border-bottom: none; }
#teacher td:nth-child(4), #administrative-staff td:nth-child(4) {color: #845ef7; }
#lecturer td:nth-child(4), #supporting-staff td:nth-child(4) {color: #ea580c; }
/* Events Page */ .inner-pg-events-main-wrapper {background: #FAFBFD; padding: 80px 0; position: relative; overflow: hidden; }
.inner-pg-events-inner-wrapper h1 {text-align: center; margin: 0 0 50px; }
.inner-pg-events-inner-wrapper:hover h1::after {width: 100px; }
.inner-pg-event-card-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; position: relative; z-index: 2; }
.inner-pg-event-card {background: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 1px solid rgba(15, 23, 42, 0.05); display: flex; flex-direction: column; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease; }
.inner-pg-event-card:nth-child(odd):hover {border-color: rgba(23, 54, 201, 0.10); box-shadow: 0 15px 20px rgba(23, 54, 201, 0.05); }
.inner-pg-event-card:nth-child(even):hover {border-color: rgba(237, 3, 8, 0.10); box-shadow: 0 15px 20px rgba(237, 3, 8, 0.05); }
.inner-pg-event-card-img {height: 260px; position: relative; overflow: hidden; }
.inner-pg-event-card-img img {width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.inner-pg-event-card:hover .inner-pg-event-card-img img {transform: scale(1.08); }
.event-date-badge {position: absolute; top: 20px; left: 20px; z-index: 2; border-radius: 14px; padding: 10px 14px; min-width: 75px; text-align: center; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.inner-pg-event-card:nth-child(odd) .event-date-badge {background: linear-gradient(135deg, var(--blue) 0%, #0b2299 100%); color: #ffffff; }
.inner-pg-event-card:nth-child(even) .event-date-badge {background: linear-gradient(135deg, var(--red) 0%, #a81013 100%); color: #ffffff; }
.event-date-badge .day {font-size: 24px; font-weight: 800; line-height: 1; display: block; }
.event-date-badge .month-year {font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 4px; display: block; opacity: 0.9; }
.inner-pg-event-card:hover .event-date-badge {transform: scale(1.06); }
.inner-pg-event-card-content {padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.inner-pg-event-card-content h2 {font-size: 22px; color: #0F172A; margin: 0 0 5px; font-weight: 700; line-height: 1.4; transition: color 0.3s ease; }
.inner-pg-event-card:nth-child(odd):hover .inner-pg-event-card-content h2 {color: var(--blue); }
.inner-pg-event-card:nth-child(even):hover .inner-pg-event-card-content h2 {color: var(--red); }
.inner-pg-event-card-content p {font-size: 15px; line-height: 1.7; margin: 0; }
/* Gallery */ .gallery-cards-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-top: 40px; position: relative; z-index: 2; }
.gallery-card {background: #ffffff; border-radius: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid rgba(15, 23, 42, 0.05); }
.gallery-card a {text-decoration: none; display: block; overflow: hidden; border-radius: 24px; }
.gallery-img {position: relative; width: 100%; height: 360px; display: flex; align-items: flex-end; padding: 35px 30px; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.gallery-img::before {content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.3) 50%, rgba(15, 23, 42, 0) 100%); z-index: 1; transition: opacity 0.4s ease, background 0.4s ease; }
.gallery-card:hover .gallery-img {transform: scale(1.06); }
.gallery-card:nth-child(odd):hover .gallery-img::before {background: linear-gradient(to top, rgba(23, 54, 201, 0.95) 0%, rgba(23, 54, 201, 0.5) 60%, rgba(15, 23, 42, 0.1) 100%); }
.gallery-card:nth-child(even):hover .gallery-img::before {background: linear-gradient(to top, rgba(237, 3, 8, 0.95) 0%, rgba(237, 3, 8, 0.5) 60%, rgba(15, 23, 42, 0.1) 100%); }
.gallery-card:nth-child(odd):hover {border-color: rgba(23, 54, 201, 0.12); box-shadow: 0 20px 40px rgba(23, 54, 201, 0.08); }
.gallery-card:nth-child(even):hover {border-color: rgba(237, 3, 8, 0.12); box-shadow: 0 20px 40px rgba(237, 3, 8, 0.08); }
.gallery-card:hover {transform: translateY(-8px); }
.gallery-img h2 {color: #ffffff; font-size: 22px; font-weight: 700; margin: 0; position: relative; z-index: 2; display: flex; flex-direction: column; gap: 10px; width: 100%; transition: color 0.3s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); line-height: 1.4; }
.gallery-img h2::after {content: ''; width: 35px; height: 3px; background: #ffffff; border-radius: 2px; transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease; }
.gallery-card:hover .gallery-img h2::after {width: 70px; }
/* Inner Gallery */ .gallery-back-btn-wrapper {margin-bottom: 25px; display: flex; justify-content: flex-start; }
.gallery-back-btn {display: inline-flex; align-items: center; gap: 8px; color: #475569; font-size: 15px; font-weight: 600; text-decoration: none; padding: 10px 22px; border-radius: 50px; background: #ffffff; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.gallery-back-btn svg {transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
.gallery-back-btn:hover {color: var(--blue); border-color: rgba(23, 54, 201, 0.2); background: rgba(23, 54, 201, 0.02); transform: translateX(-4px); box-shadow: 0 6px 15px rgba(23, 54, 201, 0.05); }
.gallery-back-btn:hover svg {transform: translateX(-3px); }
.individual-photo-components-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; position: relative; z-index: 2; }
.individual-photo-component {position: relative; border-radius: 20px; overflow: hidden; height: 300px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04); background: #f1f5f9; border: 1px solid rgba(15, 23, 42, 0.05); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.individual-photo-component .image-link {display: block; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
.individual-photo-component::before {content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(23, 54, 201, 0.8) 0%, rgba(237, 3, 8, 0.8) 100%); z-index: 1; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; }
.individual-photo-component:hover::before {opacity: 1; }
.individual-photo-component em {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); z-index: 2; opacity: 0; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease; pointer-events: none; }
.individual-photo-component:hover em {opacity: 1; transform: translate(-50%, -50%) scale(1); }
.individual-photo-component em img {width: 50px; height: 50px; background: #ffffff; border-radius: 50%; padding: 13px; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); display: block; object-fit: contain; }
.individual-photo-component:hover {transform: translateY(-2px); }
.individual-photo-component:nth-child(odd):hover {border-color: rgba(23, 54, 201, 0.15); box-shadow: 0 20px 40px rgba(23, 54, 201, 0.1); }
.individual-photo-component:nth-child(even):hover {border-color: rgba(237, 3, 8, 0.15); box-shadow: 0 20px 40px rgba(237, 3, 8, 0.1); }
/* ---- Nursery Page ---- */ .learning-journey-main-wrapper {padding: 100px 0; background: #F9F9FA; }
.nursery-main-wrapper {padding: 100px 0; position: relative; }
.subjects-we-teach-main-wrapper {padding: 100px 0; background: #fff; position: relative; }
.nursery-flex-row-main-wrapper {padding: 100px 0; }
.nursery-slider-main-wrapper h2 {text-align: center; padding: 0 0 40px; }
.nursery-content-container {display: flex; flex-direction: column; gap: 80px; max-width: 1200px; margin: 0 auto; }
.nursery-intro {text-align: center; max-width: 800px; margin: 0 auto; }
.cute-badge {background: #ff7eb3; color: white; padding: 8px 20px; border-radius: 50px; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; display: inline-block; margin-bottom: 15px; box-shadow: 0 4px 15px rgba(255, 126, 179, 0.4); }
.nursery-intro h1 {color: #2a2aae; margin-bottom: 15px; font-weight: 800; text-shadow: 2px 2px 0px rgba(255, 82, 119, 0.1); }
.nursery-intro h2 {color: #0ea5e9; margin-bottom: 25px; }
.nursery-intro p {display: flex; text-align: center; position: relative; margin: 0}
.subject-card h3 {font-weight: 600; padding: 0 0 10px; color: #ef0a08; }
.nursery-section {display: flex; flex-direction: column; gap: 40px; }
.nursery-section h2 {text-align: center; padding-bottom: 15px; }
.nursery-flex-cards, .learning-journey-flex {display: flex; flex-wrap: wrap; justify-content: center; gap: 35px; }
.nursery-card, .journey-card {position: relative; background: #ffffff; border-radius: 24px; padding: 40px 30px 35px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06); flex: 1 1 calc(25% - 26.25px); max-width: calc(25% - 26.25px); display: flex; flex-direction: column; border-bottom: 8px solid transparent; z-index: 1; overflow: hidden; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.nursery-card:hover, .journey-card:hover {transform: translateY(-12px) scale(1.02); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.12); }
.journey-number {position: absolute; top: -5px; right: 10px; font-size: 90px; font-weight: 900; line-height: 1; z-index: -1; opacity: 0.05; }
.journey-icon, .nursery-card-icon {width: 65px; height: 65px; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 25px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }
.nursery-card h4, .journey-card h4 {font-size: 22px; color: #1e293b; margin-bottom: 15px; font-weight: 800; }
.nursery-card p, .journey-card p {font-size: 16px; color: #475569; line-height: 1.7; margin: 0; }
/* Logo Brand Colors (Blue and Red) */ .card-blue {border-bottom-color: var(--blue, #2563eb); background: #ffffff; }
.card-blue .journey-number {color: var(--blue, #2563eb); opacity: 0.08; }
.card-blue .journey-icon, .card-blue .nursery-card-icon {background: #f0f4ff; color: var(--blue, #2563eb); }
.card-red {border-bottom-color: var(--red, #ED0308); background: #ffffff; }
.card-red .journey-number {color: var(--red, #ED0308); opacity: 0.08; }
.card-red .journey-icon, .card-red .nursery-card-icon {background: #fdf2f2; color: var(--red, #ED0308); }
/* New Subject Card Design (Modern Aesthetic) */ .subject-card {border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 24px; padding: 40px 30px; flex-direction: column; align-items: flex-start; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease; max-width: calc(25% - 26.25px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02); }
.subject-card-icon {width: 64px; height: 64px; border-radius: 18px; display: flex; align-items: center; justify-content: center; font-size: 30px; margin-bottom: 25px; transition: transform 0.3s ease; }
.subject-card h4 {font-size: 22px; color: #0f172a; margin-bottom: 12px; font-weight: 700; letter-spacing: -0.02em; }
.subject-card p {font-size: 16px; color: #475569; line-height: 1.6; margin: 0; text-align: left; }
/* Colors (Modern White Cards with Top Accent & Glowing Hover Shadows) */ .subject-purple {border-top: 5px solid #8b5cf6; }
.subject-purple:hover {border-color: #8b5cf6; box-shadow: 0 20px 40px rgba(139, 92, 246, 0.12); }
.subject-orange {border-top: 5px solid #f97316; }
.subject-orange:hover {border-color: #f97316; box-shadow: 0 20px 40px rgba(249, 115, 22, 0.12); }
.bento-section-wrapper h2 {text-align: center; }
.subject-green {border-top: 5px solid #10b981; }
.subject-green:hover {border-color: #10b981; box-shadow: 0 20px 40px rgba(16, 185, 129, 0.12); }
.subject-yellow {border-top: 5px solid #eab308; }
.subject-yellow .subject-card-icon {background: rgba(234, 179, 8, 0.08); color: #eab308; }
.subject-yellow:hover {border-color: #eab308; box-shadow: 0 20px 40px rgba(234, 179, 8, 0.12); }
.subject-card:hover {transform: translateY(-8px); }
.subject-card:hover .subject-card-icon {transform: scale(1.1); }
.card-joy {flex: 1 1 calc(40%); max-width: 450px; }
.nursery-flex-row {display: flex; gap: 0; background: #ffffff; border-radius: 30px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); }
.nursery-half {gap: 25px; width: 50%; padding: 40px; }
.nursery-section.nursery-half:nth-child(1) {background: #232e63; border-radius: 30px; }
.nursery-section.nursery-half:nth-child(1) h3 {color: #fff; }
.nursery-half h3 {text-align: left; }
.nursery-half h3::after {left: 0; transform: none; }
.nursery-half p {font-size: 17px; color: #fff; line-height: 1.8; }
.nursery-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; }
.nursery-list li {font-size: 17px; color: #334155; padding-left: 30px; position: relative; line-height: 1.6; font-weight: 500; }
.nursery-list li::before {content: ''; position: absolute; left: 0; top: 5px; width: 16px; height: 16px; background: url('../images/icons/star.webp') no-repeat center; background-size: contain; }
.journey-timeline {display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; position: relative; margin-top: 20px; }
.journey-timeline::before {content: ''; position: absolute; top: 176px; left: 8%; right: 8%; height: 4px; background: linear-gradient(90deg, #2563eb, #ED0308, #2563eb, #ED0308, #2563eb); background-size: 200% auto; opacity: 0.25; z-index: 0; animation: flow-line 5s linear infinite; }
.timeline-step {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 1; }
.step-image-wrapper {position: relative; width: 260px; height: 260px; margin-bottom: 25px; z-index: 1; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.step-image-wrapper img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 4px solid #ffffff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12); transition: border-color 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.step-number-badge {position: absolute; bottom: 0; right: 46px; width: 38px; height: 38px; border-radius: 50%; background: #2563eb; color: #ffffff; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; border: 3px solid #ffffff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, scale 0.4s ease, transform 0.4s ease; animation: badge-float 3s infinite ease-in-out; }
.timeline-step:nth-child(even) .step-number-badge {background: #ED0308; }
.timeline-step:hover .step-image-wrapper {transform: scale(1.08) rotate(-3deg); }
.timeline-step:hover img {box-shadow: 0 15px 30px rgba(37, 99, 235, 0.2); border-color: #2563eb; }
.timeline-step:nth-child(even):hover img {border-color: #ED0308; box-shadow: 0 15px 30px rgba(237, 3, 8, 0.2); }
.timeline-step:hover .step-number-badge {box-shadow: 0 0 15px rgba(37, 99, 235, 0.4); }
.timeline-step:nth-child(even):hover .step-number-badge {box-shadow: 0 0 15px rgba(237, 3, 8, 0.4); }
@keyframes orbit-badge {  0% {transform: translate(-50%, -50%) rotate(45deg) translateX(130px) rotate(-45deg); }
  100% {transform: translate(-50%, -50%) rotate(405deg) translateX(130px) rotate(-405deg); }
}
.step-content h3, .step-content h4 {font-size: 22px; color: #0f172a; margin-bottom: 12px; font-weight: 800; letter-spacing: -0.02em; }
.step-content p {color: #475569; line-height: 1.6; margin: 0; padding: 0 15px; text-align: center; }
/* Modern Cards for Joyful Additions */ .slider-left-content h2 {color: #f80806; padding: 0 0 20px; }
.joy-cards-container {display: flex; justify-content: center; gap: 28px; width: 100%; margin-top: 10px; }
.joy-card {position: relative; border-radius: 24px; padding: 34px; flex: 1; max-width: 440px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; background: #ffffff; border: 1px solid rgba(15, 23, 42, 0.08); box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; overflow: hidden; color: #0f172a; }
.joy-card::before {content: ''; position: absolute; inset: 0 0 auto 0; height: 6px; background: linear-gradient(90deg, var(--joy-accent), var(--joy-accent-soft)); pointer-events: none; }
.joy-card::after {content: ''; position: absolute; right: -42px; top: -42px; width: 150px; height: 150px; border-radius: 50%; background: var(--joy-glow); pointer-events: none; }
.joy-card-icon {width: 58px; height: 58px; border-radius: 18px; background: var(--joy-icon-bg); border: 1px solid var(--joy-icon-border); display: flex; align-items: center; justify-content: center; font-size: 27px; margin-bottom: 28px; transition: transform 0.35s ease, background-color 0.35s ease; position: relative; z-index: 1; }
.joy-card h4 {font-size: 24px; color: #111827; margin-bottom: 12px; font-weight: 800; letter-spacing: 0; position: relative; z-index: 1; }
.joy-card p {font-size: 15px; color: #526071; line-height: 1.6; margin: 0; position: relative; z-index: 1; }
.joy-rhymes {--joy-accent: #4652d9; --joy-accent-soft: #22c7d8; --joy-glow: rgba(34, 199, 216, 0.12); --joy-icon-bg: #eef7ff; --joy-icon-border: rgba(70, 82, 217, 0.12); }
.joy-story {--joy-accent: #ED0308; --joy-accent-soft: #f7b733; --joy-glow: rgba(247, 183, 51, 0.14); --joy-icon-bg: #fff6ea; --joy-icon-border: rgba(237, 3, 8, 0.12); }
.joy-card:hover {transform: translateY(-8px); border-color: rgba(15, 23, 42, 0.14); box-shadow: 0 26px 60px rgba(15, 23, 42, 0.12); }
.joy-card:hover .joy-card-icon {transform: translateY(-3px) scale(1.04); }
.slider-pane p {text-align: justify; }
.joy-box-title {font-size: 24px; color: #4648b8; font-weight: 800; margin-bottom: 15px; }
/* Interactive Stepper Slider Section */ .nursery-slider-main-wrapper {background: #f9f9fa; padding: 100px 0; overflow: hidden; }
.interactive-slider-box {display: flex; align-items: center; justify-content: space-between; gap: 40px; max-width: 1200px; margin: 0 auto; }
.slider-left-content {width: 100%; max-width: 500px; }
.slider-pane {display: none; opacity: 0; transition: opacity 0.5s ease; }
.slider-pane.active {display: block; opacity: 1; }
.slider-pane h2 {color: #e01513; margin-bottom: 30px; letter-spacing: -0.02em; line-height: 1.2; }
.slide-sub-item h3, .slider-pane.active h3 {color: #1736c9; font-weight: 800; padding: 0 0 15px; }
.slide-single-desc {color: #475569; line-height: 1.8; margin: 0; }
.slide-details {display: flex; flex-direction: column; gap: 24px; }
.slide-sub-item h5 {font-size: 19px; color: #1e293b; font-weight: 750; margin-bottom: 8px; }
.slide-sub-item p {color: #475569; margin: 0; text-align: left; }
.slide-bullet-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }
.slide-bullet-list li {font-size: 18px; color: #475569; line-height: 1.6; padding-left: 34px; position: relative; font-weight: 500; }
.slide-bullet-list li::before {content: ''; position: absolute; left: 0; top: 2px; background: url('../images/icons/star.webp') no-repeat center/contain; width: 25px; height: 25px; filter: invert(46%) sepia(97%) saturate(1320%) hue-rotate(166deg) brightness(98%) contrast(89%); }
/* Bunny Ornament style exactly like the reference */ .bunny-ornament-wrapper {position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 3px solid #e2dbcd; display: flex; justify-content: space-between; align-items: flex-end; pointer-events: none; }
.bunny-ornament {width: 100px; height: auto; margin-bottom: -5px; margin-left: 10px; }
/* Dots Indicator */ .slider-dots-indicator {display: flex; flex-direction: column; align-items: center; gap: 20px; position: relative; z-index: 2; padding: 0 10px; }
.dot-btn {width: 12px; height: 12px; border-radius: 50%; background: #cbd5e1; border: none; cursor: pointer; transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; }
.dot-btn:hover {transform: scale(1.3); }
.dot-btn.active {background: #de0d0c; transform: scale(1.4); box-shadow: 0 0 12px rgba(204, 41, 9, 0.5); }
/* Right Image wrapper */ .slider-right-image-wrapper {flex: 1 1 calc(45% - 0px); max-width: calc(45% - 0px); position: relative; height: 380px; border-radius: 40px; overflow: hidden; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }
.slider-img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); pointer-events: none; }
.slider-img.active {opacity: 1; transform: scale(1); pointer-events: auto; z-index: 1; }
.bento-section-wrapper {background: #F0F3F6; padding: 100px 0; }
.bento-grid {margin-top: 50px; }
.bento-card {background: #ffffff; border-radius: 32px; padding: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.05); transition: transform 0.4s ease, box-shadow 0.4s ease; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; }
.bento-card:hover {transform: translateY(-6px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06); }
.bento-card-large {grid-column: span 7; width: 100%; max-width: 808px; }
.non-acdemics-details-main {display: flex; flex-direction: column; gap: 30px; }
.bento-card-large .bento-content-layout {display: flex; align-items: center; gap: 30px; height: 100%; }
.bento-card-large .bento-text {flex: 1; }
.bento-card-large .bento-image-wrapper {flex: 1; height: 260px; border-radius: 24px; overflow: hidden; }
.bento-card-large .bento-image-wrapper img {width: 100%; height: 100%; object-fit: cover; }
.bento-grid {display: flex; justify-content: center; align-items: stretch; gap: 30px; }
.bento-card-medium .bento-image-wrapper {height: 180px; border-radius: 24px; overflow: hidden; }
.bento-card-medium .bento-image-wrapper img {width: 100%; height: 100%; object-fit: cover; }
.bento-card-full {grid-column: span 12; display: flex; flex-direction: row; align-items: center; gap: 40px; }
.bento-card-full .bento-text {flex: 1.2; }
.bento-card-full .bento-image-wrapper {flex: 0.8; height: 280px; border-radius: 24px; overflow: hidden; }
.bento-card-full .bento-image-wrapper img {width: 100%; height: 100%; object-fit: cover; }
.bento-card h3 {font-size: 26px; font-weight: 800; color: #0f172a; margin: 0 0 8px; padding: 0 0 6px; }
.bento-card .bento-badge {font-size: 18px; font-weight: 700; text-transform: uppercase; color: #3b82f6e3; letter-spacing: 1.5px; display: block; margin-bottom: 12px; padding: 0 0 5px; }
.bento-card p {font-size: 16px; color: #475569; line-height: 1.7; margin: 0 0 15px; }
.celebration-tags {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.celebration-tag {background: #f1f5f9; color: #334155; padding: 10px 18px; border-radius: 50px; font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; border: 1px solid rgba(0, 0, 0, 0.03); }
.celebration-tag:hover {background: #e2e8f0; transform: scale(1.05); }
.bento-card-medium {color: #fff; background: #071145; width: 100%; max-width: 400px; }
.bento-card.bento-card-medium h3 {color: #fff; }
.bento-card.bento-card-medium p {color: #fff; }
/* ---- Lower Primary Section ---- */ .lower-primary-main-wraper {padding: 100px 0; background: #FAF6F0; }
.lower-primary-intro {text-align: center; max-width: 530px; }
.lp-badge {background: linear-gradient(135deg, rgba(23, 54, 201, 0.1) 0%, rgba(237, 3, 8, 0.1) 100%); color: var(--blue); padding: 8px 24px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; display: inline-block; margin-bottom: 20px; border: 1px solid rgba(23, 54, 201, 0.15); }
.lower-primary-intro h1 {margin-bottom: 28px; text-align: left; }
.middle-school-main {display: flex; justify-content: center; align-items: center; gap: 80px; }
.lower-primary-intro h2 {margin-bottom: 15px; padding-bottom: 0; }
.lower-primary-intro p {text-align: center; }
.lower-primary-intro p.section-lead-text {line-height: 1.8; max-width: 780px; margin: 0; text-align: left; }
.lower-primary-intro-languages h2 {text-align: center; }
.facilities-wrapper h1 {text-align: center; padding: 0 0 70px; }
.about-primary-left {width: 100%; max-width: 400px; position: relative; z-index: 1; }
.about-primary-left img {width: 100%; height: auto; border-radius: 35px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; z-index: 3; }
.about-primary-left::before {content: ''; position: absolute; width: 100%; height: 100%; background: #DCA9CA; right: -15px; top: -15px; border-radius: 35px; transform: rotate(5deg); z-index: 1; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.subjects-section-wrapper {background: #F0F3F6; padding: 100px 0; border-top: 1px solid rgba(23, 54, 201, 0.05); }
.subjects-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; width: 100%; margin-top: 40px; }
.subject-modern-card {background: #ffffff; border-radius: 32px; padding: 35px 28px; border: 1px solid rgba(15, 23, 42, 0.05); box-shadow: 0 10px 30px rgba(15, 23, 42, 0.02); flex-direction: column; align-items: flex-start; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease; position: relative; overflow: hidden; width: 100%; max-width: 286px; }
.subject-modern-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: var(--card-accent, var(--blue)); transition: height 0.3s ease; }
.subject-modern-card {box-shadow: 0 20px 40px var(--card-shadow, rgba(23, 54, 201, 0.08)); border-color: var(--card-accent, rgba(23, 54, 201, 0.2)); }
.subject-modern-card:hover::before {height: 30px; }
.subject-icon-box {width: 60px; height: 60px; border-radius: 16px; background: var(--card-bg, rgba(23, 54, 201, 0.05)); display: flex; align-items: center; justify-content: center; margin-bottom: 24px; transition: transform 0.4s ease, background-color 0.4s ease; }
.subject-icon-box img {width: 32px; height: 32px; object-fit: contain; }
.subject-modern-card h3 {font-weight: 800; color: #0B2DCE; margin: 0 0 12px; line-height: 1.3; }
.subject-modern-card p {font-size: 17px; color: #000000c7; line-height: 1.6; margin: 0; text-align: left; }
.subj-kannada {--card-accent: #E5A900; --card-bg: rgba(229, 169, 0, 0.08); --card-shadow: rgba(229, 169, 0, 0.05); }
.subj-english {--card-accent: #416bf7; --card-bg: rgba(30, 64, 175, 0.08); --card-shadow: rgba(30, 64, 175, 0.02); }
.subj-hindi {--card-accent: #EA580C; --card-bg: rgba(234, 88, 12, 0.08); --card-shadow: rgba(248, 125, 60, 0.12); }
.subj-maths {--card-accent: #059669; --card-bg: rgba(5, 150, 105, 0.08); --card-shadow: rgba(5, 150, 105, 0.04); }
.subj-evs {--card-accent: #E2DF15; --card-bg: rgba(21, 128, 61, 0.08); --card-shadow: rgba(21, 128, 61, 0.12); }
.subj-gs {--card-accent: #999851; --card-bg: rgba(21, 128, 61, 0.08); --card-shadow: rgba(21, 128, 61, 0.12); }
.subj-values {--card-accent: #E11D48; --card-bg: rgba(225, 29, 72, 0.08); --card-shadow: rgba(225, 29, 72, 0.07); }
.subj-values {--card-accent: #E11D48; --card-bg: rgba(225, 29, 72, 0.08); --card-shadow: rgba(225, 29, 72, 0.12); }
.subj-gk {--card-accent: #7C3AED; --card-bg: rgba(124, 58, 237, 0.08); --card-shadow: rgba(124, 58, 237, 0.07); }
.cocurricular-parallax-wrapper {position: relative; width: 100%; background: #F0F3F6; }
.cocurricular-parallax-wrapper h2 {padding: 0 0 10px; }
.cocurricular-parallax-section {position: relative; height: 100vh; width: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; box-sizing: border-box; }
.cocurricular-parallax-section .fluid-container {position: relative; z-index: 2; width: 100%; display: flex; }
.cocurricular-parallax-section:nth-of-type(odd) {justify-content: flex-start; }
.cocurricular-parallax-section:nth-of-type(2n+1) .fluid-container {justify-content: flex-end; }
.cocurricular-parallax-section:nth-of-type(even) {justify-content: flex-end; }
.cocurricular-parallax-section:nth-of-type(2n) .fluid-container {justify-content: flex-start; }
.cocurricular-floating-card {background: #fff; width: 100%; max-width: 600px; padding: 55px 48px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35); }
.cocurricular-floating-card h2 {color: #1736c9 !important; font-weight: 800; margin-bottom: 12px; line-height: 1.25; text-transform: capitalize; }
.cocurricular-floating-card p {color: #0000009c; font-size: 18px; line-height: 1.65; text-align: left; font-weight: 600; }
.cocurricular-floating-card p:last-child {margin-bottom: 0; }
.cocurricular-floating-card .card-badge {background: rgba(255, 255, 255, 0.15); color: #f00433; font-size: 18px; font-weight: 700; letter-spacing: 1.5px; display: inline-block; margin-bottom: 20px; }
.competitions-section-wrapper {padding: 100px 0; position: relative; width: 100%; background: linear-gradient(rgb(146, 45, 44), rgba(13, 35, 58, 0.88)), url('../images/competitions_bg.webp') no-repeat center center/cover; background-attachment: fixed; }
.competitions-intro {text-align: center; margin: 0 auto 40px; }
.comp-badge {background: rgba(255, 255, 255, 0.15); color: #ffffff; padding: 8px 24px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; display: inline-block; margin-bottom: 20px; border: 1px solid rgba(255, 255, 255, 0.2); }
.competitions-intro h2 {color: #ffffff !important; margin-bottom: 13px; }
.competitions-intro p {color: #fff; line-height: 1.8; max-width: 940px; margin: 0 auto; text-align: center; padding: 8px 0; }
.competitions-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; width: 100%; }
.competition-card {background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 24px; padding: 45px 35px; position: relative; max-width: 282px; width: 100%; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
.competition-card:hover {transform: translateY(-8px); border-color: rgba(255, 255, 255, 0.4); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25); background: rgba(255, 255, 255, 0.12); }
.competition-card h3 {color: #ffffff !important; font-weight: 750; margin: 0 0 16px; line-height: 1.3; }
.competition-card p {color: rgba(255, 255, 255, 0.85) !important; font-size: 15px; line-height: 1.6; margin: 0; text-align: left; }
.comp-card-icon {position: absolute; right: 20px; bottom: 20px; width: 70px; height: 70px; z-index: 1; opacity: 0.25; pointer-events: none; transition: transform 0.4s ease, opacity 0.4s ease; }
.competition-card:hover .comp-card-icon {transform: scale(1.15) rotate(-5deg); opacity: 0.25; }
.comp-card-icon img {width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.subjects-section-wrapper.higher-primary .subject-modern-card {max-width: 306px; }
.h-p-content {
	width: 100%;
	max-width: 600px;
}
.high-skl-first-photo {
	width: 100%;
	max-width: 400px;
  position: relative;

}
.high-school-card-wrapper.first {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;

}
.high-skl-first-photo::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #DCA9CA;
  right: -15px;
  top: -15px;
  border-radius: 35px;
  transform: rotate(5deg);
 
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.high-skl-first-photo img {
	border-radius: 50px;
	z-index: 3;
	position: relative;
}
.lower-primary-staff-main-wraper {padding: 100px 0 50px; }
.lower-primary-staff-main-wraper h2 {text-align: center; padding: 0 0 40px; }
.cocurricular-parallax-wrapper h2 {text-align: center; color: #1736c9; }
.activities-p {text-align: center; padding: 0 0 40px; margin: 0; line-height: 1.8; width: 100%; max-width: 970px; margin: auto; }
.leadership-main-wrapper {padding: 100px 0; background: #FAF6F0; }
.leadership-flex-container {display: flex; justify-content: space-between; align-items: stretch; gap: 50px; max-width: 1200px; margin: 0 auto; }
.leadership-left {flex: 1 1 calc(45% - 25px); max-width: calc(45% - 25px); display: flex; }
.leadership-quote-card {background: linear-gradient(135deg, var(--blue, #1736C9) 0%, #0d228c 100%); border-radius: 30px; padding: 50px 40px; color: #ffffff; display: flex; flex-direction: column; justify-content: flex-start; position: relative; overflow: hidden; box-shadow: 0 20px 40px rgba(23, 54, 201, 0.15); border: 1px solid rgba(255, 255, 255, 0.1); }
.leadership-quote-card p {color: #fff; }
.leadership-quote-card::before {content: ''; position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); pointer-events: none; }
.leadership-quote-card::after {content: ''; position: absolute; bottom: 0; right: 0; left: 0; width: 333px; height: 436px; background: url(../images/leadership.webp)no-repeat center center / contain; pointer-events: none; margin: auto; }
.leadership-quote-card .quote-icon {font-size: 80px; line-height: 1; color: rgba(255, 255, 255, 0.15); position: absolute; top: 20px; left: 30px; font-family: serif; }
.leadership-quote-card blockquote {font-size: 22px; font-style: italic; line-height: 1.7; margin-bottom: 25px; position: relative; z-index: 1; font-weight: 500; text-align: left; }
.leadership-quote-card cite {font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #FCBD00; display: block; position: relative; z-index: 1; font-style: normal; text-align: left; }
.leadership-right {flex: 1 1 calc(55% - 25px); max-width: calc(55% - 25px); display: flex; flex-direction: column; justify-content: center; }
.leadership-right h3 {font-size: 32px; font-weight: 800; color: var(--blue, #1736C9); margin-bottom: 20px; line-height: 1.3; }
.leadership-right p.lead-text {font-size: 18px; color: #475569; line-height: 1.8; margin-bottom: 30px; text-align: justify; }
.leadership-features-grid {display: flex; flex-direction: column; gap: 20px; }
.leadership-feature-item {display: flex; align-items: flex-start; gap: 20px; background: #ffffff; padding: 24px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.leadership-feature-item:hover {transform: translateY(-5px); box-shadow: 0 15px 35px rgba(23, 54, 201, 0.06); }
.feature-icon-box {width: 50px; height: 50px; border-radius: 14px; background: rgba(23, 54, 201, 0.06); color: var(--blue, #1736C9); display: flex; align-items: center; justify-content: center; font-size: 24px; flex-shrink: 0; }
.feature-icon-box img {width: 100%; max-width: 28px; height: auto; object-fit: contain; }
.feature-content span, .feature-content h4 {display: block; font-size: 18px; font-weight: 700; color: #1e293b; margin-bottom: 6px; }
.feature-content p {font-size: 15px; color: #64748b; line-height: 1.6; margin: 0; text-align: left; }
.sports-main-wrapper {padding: 100px 0; background: #FAF6F0; }
.sports-flex-container {display: flex; justify-content: space-between; align-items: center; gap: 60px; max-width: 1200px; margin: 0 auto; }
.sports-left-content {flex: 1 1 calc(55% - 30px); max-width: calc(55% - 30px); }
.sports-left-content h3 {font-size: 36px; font-weight: 800; color: var(--blue, #1736C9); margin-bottom: 20px; line-height: 1.3; }
.sports-left-content p.lead-text {line-height: 1.6; margin-bottom: 35px; text-align: justify; color: #000; font-weight: 600; }
.sports-right-stack {flex: 1 1 calc(45% - 30px); max-width: calc(45% - 30px); display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; }
.sports-card-stack {position: relative; width: 360px; height: 480px; margin: 0 auto; perspective: 1000px; }
.sports-card {position: absolute; width: 100%; height: 100%; border-radius: 30px; overflow: hidden; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12); transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.5s ease, z-index 0.8s; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); }
.sports-card img {width: 100%; height: 100%; object-fit: cover; display: block; }
.sports-card-caption {position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 24px; background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%); color: #ffffff; z-index: 2; }
.sports-card-caption span, .sports-card-caption h4 {display: block; font-size: 22px; font-weight: 800; margin-bottom: 6px; color: #ffffff; }
.sports-card-caption p {font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, 0.85) !important; margin: 0; text-align: left; }
.sports-card.pos-1 {transform: translate3d(0, 0, 0) scale(1) rotate(0deg); opacity: 1; z-index: 3; }
.sports-card.pos-2 {transform: translate3d(20px, 20px, -20px) scale(0.95) rotate(2deg); opacity: 0.85; z-index: 2; }
.sports-card.pos-3 {transform: translate3d(40px, 40px, -40px) scale(0.9) rotate(4deg); opacity: 0.6; z-index: 1; }
.sports-card.slide-out {transform: translate3d(-120%, 30px, 0) scale(0.9) rotate(-10deg); opacity: 0; z-index: 4; }
.sports-features-grid {display: flex; flex-direction: column; gap: 20px; }
.sports-feature-item {display: flex; align-items: center; gap: 20px; background: #ffffff; padding: 40px 25px; border-radius: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03); border: 1px solid rgba(0, 0, 0, 0.04); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.sports-feature-item:hover {transform: translateY(-5px); box-shadow: 0 15px 35px rgba(23, 54, 201, 0.06); }
.sports-icon-box {width: 50px; height: 50px; border-radius: 14px; background: rgba(23, 54, 201, 0.06); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.sports-icon-box img {width: 100%; max-width: 28px; height: auto; object-fit: contain; }
.sports-feature-content span, .sports-feature-content h4 {display: block; font-size: 18px; font-weight: 700; color: #1e293b; margin-bottom: 6px; }
.sports-left-content {max-width: 550px; width: 100%; }
.sports-card-stack:hover .sports-card.pos-1 {border-radius: 0px; transform: translate3d(0, 0, 0) scale(1) rotate(0deg); }
.sports-card-stack:hover .sports-card.pos-2, .sports-card-stack:hover .sports-card.pos-3 {opacity: 0 !important; visibility: hidden; }
.activities-main-wrapper {background: radial-gradient(circle at 10% 20%, #FAF7F2 0%, #F5EFE4 100%); padding: 100px 0; }
.activities-badge {background: #EFE9DB; color: #4A5568; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; padding: 6px 18px; border-radius: 50px; display: inline-block; margin-bottom: 25px; }
.activities-title {font-family: "Georgia", "Playfair Display", serif; font-size: 56px; font-weight: 800; color: #0F2A4A; margin-bottom: 20px; line-height: 1.2; }
.activities-lead-desc {line-height: 1.8; color: #4A5568; max-width: 760px; margin: 0 auto 50px; text-align: center; font-weight: 500; }
.activities-premium-grid {display: flex; justify-content: center; align-items: stretch; gap: 30px; }
.activity-ref-card {background: #ffffff; border-radius: 24px; padding: 65px 25px 45px; position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.03); border: 1px solid rgba(15, 23, 42, 0.01); margin-top: 45px; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease; width: 100%; max-width: 280px; }
.activity-ref-card:hover {transform: translateY(-8px); box-shadow: 0 25px 50px rgba(15, 23, 42, 0.08); }
.activity-ball-icon {width: 90px; height: 90px; border-radius: 50%; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; align-items: center; justify-content: center; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.activity-ball-icon img {width: 38px; height: 38px; object-fit: contain; filter: brightness(0) invert(1); transition: transform 0.4s ease; }
.activity-ref-card:hover .activity-ball-icon {transform: translateX(-50%) scale(1.06); }
.activity-ref-card:hover .activity-ball-icon img {transform: scale(1.1); }
.activity-card-body {flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; }
.activity-ref-card h3 {font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 800; color: #0F2A4A; margin: 0 0 12px; line-height: 1.3; }
.activity-ref-card p {font-size: 14px; line-height: 1.6; color: #64748b; margin: 0; text-align: center; }
.activity-btn-arrow {width: 44px; height: 44px; border-radius: 50%; background: #EFE9DB; display: flex; align-items: center; justify-content: center; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); z-index: 2; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; border: 1px solid rgba(0, 0, 0, 0.02); }
.activity-arrow-icon {width: 14px; height: 14px; opacity: 0.7; transition: all 0.3s ease; transform: rotate(-45deg); }
.activity-ref-card:hover .activity-btn-arrow {background: #0F2A4A; border-color: #0F2A4A; }
.activity-ref-card:hover .activity-arrow-icon {opacity: 1; filter: brightness(0) invert(1); transform: rotate(-45deg) translate(2px, -2px); }
.ball-blue {background: linear-gradient(135deg, #5dade2 0%, #1f618d 100%); box-shadow: 0 10px 20px rgba(31, 97, 141, 0.35); }
.ball-purple {background: linear-gradient(135deg, #bb8fce 0%, #7d3c98 100%); box-shadow: 0 10px 20px rgba(125, 60, 152, 0.35); }
.ball-green {background: linear-gradient(135deg, #82e0aa 0%, #229954 100%); box-shadow: 0 10px 20px rgba(34, 153, 84, 0.35); }
.ball-orange {background: linear-gradient(135deg, #f8c471 0%, #ba4a00 100%); box-shadow: 0 10px 20px rgba(186, 74, 0, 0.35); }
.sports-feature-content p {color: #00000094; font-weight: 600; margin: 10px 0 0; }
.sports-feature-item {transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, opacity 0.3s ease !important; }
.sports-feature-item.sports-fade {opacity: 0.1; transform: translateY(5px); }
#to-top {position: fixed; bottom: 44px; right: 40px; width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, var(--blue, #1736C9) 0%, #07197c 100%); box-shadow: 0 8px 25px rgba(23, 54, 201, 0.25); display: flex; align-items: center; justify-content: center; z-index: 999; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid rgba(255, 255, 255, 0.1); }
#to-top.show-to-top {opacity: 1; visibility: visible; transform: translateY(0); }
.to-top-arrow {width: 10px; height: 10px; border-top: 3px solid #ffffff; border-left: 3px solid #ffffff; transform: rotate(45deg) translate(2px, 2px); transition: transform 0.3s ease; }
#to-top:hover {box-shadow: 0 12px 30px rgba(23, 54, 201, 0.4); }
#to-top:hover .to-top-arrow {transform: rotate(45deg) translate(0px, 0px); }
/* Admission */ .admission-main-wrapper {padding: 100px 0; }
.addmission-cta-inner-wrapper .common-btn {justify-content: center; margin: 25px 0 0; }
.admission-main-wrapper h1 {text-align: center; }
.nav-column ul li a.act-link {color: #f7c548 !important; font-weight: 600; }
.annual-plan-main-wrapper {padding: 100px 0; background: #ffffff; }
.annual-plan-section-header {text-align: center; max-width: 800px; margin: 0 auto 50px; }
.annual-plan-section-header .cute-badge {background: #2563eb; box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4); }
.annual-plan-section-header h2 {color: #1e293b; margin-bottom: 15px; font-weight: 800; }
.annual-plan-section-header p {color: #000; font-size: 20px; line-height: 1.6; text-align: center; }
.annual-plan-flex-container {display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; max-width: 1200px; margin: 0 auto; }
/* Redesigned Plan Month Card */ /* Redesigned Plan Month Card */ .plan-month-card {background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 24px; padding: 30px; flex: 1 1 calc(33.333% - 20px); max-width: calc(33.333% - 20px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease; display: flex; flex-direction: column; position: relative; overflow: hidden; }
/* Card Accent Themes */ .plan-month-card.accent-blue {--accent-color: #2563eb; --accent-bg: rgba(37, 99, 235, 0.05); --accent-shadow: rgba(37, 99, 235, 0.20); --icon-filter: invert(30%) sepia(97%) saturate(2171%) hue-rotate(220deg) brightness(96%) contrast(96%); }
.plan-month-card.accent-green {--accent-color: #16a34a; --accent-bg: rgba(22, 163, 74, 0.05); --accent-shadow: rgba(22, 163, 74, 0.20); --icon-filter: invert(48%) sepia(95%) saturate(385%) hue-rotate(94deg) brightness(94%) contrast(85%); }
.plan-month-card.accent-purple {--accent-color: #7c3aed; --accent-bg: rgba(124, 58, 237, 0.05); --accent-shadow: rgba(124, 58, 237, 0.20); --icon-filter: invert(29%) sepia(94%) saturate(2971%) hue-rotate(261deg) brightness(95%) contrast(97%); }
.plan-month-card.accent-orange {--accent-color: #ea580c; --accent-bg: rgba(234, 88, 12, 0.05); --accent-shadow: rgba(234, 88, 12, 0.20); --icon-filter: invert(47%) sepia(97%) saturate(3015%) hue-rotate(4deg) brightness(97%) contrast(93%); }
.plan-month-card.accent-cyan {--accent-color: #0891b2; --accent-bg: rgba(8, 145, 178, 0.05); --accent-shadow: rgba(8, 145, 178, 0.20); --icon-filter: invert(36%) sepia(96%) saturate(2059%) hue-rotate(159deg) brightness(95%) contrast(98%); }
.plan-month-card.accent-pink {--accent-color: #db2777; --accent-bg: rgba(219, 39, 119, 0.05); --accent-shadow: rgba(219, 39, 119, 0.20); --icon-filter: invert(18%) sepia(85%) saturate(6011%) hue-rotate(323deg) brightness(94%) contrast(91%); }
.plan-month-card.accent-red {--accent-color: #dc2626; --accent-bg: rgba(220, 38, 38, 0.05); --accent-shadow: rgba(220, 38, 38, 0.20); --icon-filter: invert(19%) sepia(97%) saturate(5436%) hue-rotate(358deg) brightness(95%) contrast(97%); }
/* Watermark Image in Bottom Right */ .card-watermark {position: absolute; bottom: 0; right: 0; width: 80px; height: 80px; opacity: 0.15; filter: var(--icon-filter); pointer-events: none; z-index: 1; }
/* Top-Left corner accent curve */ .plan-month-card::before {content: ''; position: absolute; top: 0; left: 0; width: 45px; height: 45px; border-top: 5px solid var(--accent-color); border-left: 5px solid var(--accent-color); border-top-left-radius: 24px; pointer-events: none; z-index: 1; mask: linear-gradient(to bottom right, black, transparent 65%); -webkit-mask: linear-gradient(to bottom right, black, transparent 65%); }
/* Bottom-Left corner accent curve */ .plan-month-card::after {content: ''; position: absolute; bottom: 0; left: 0; width: 110px; height: 60px; border-bottom: 5px solid var(--accent-color); border-left: 5px solid var(--accent-color); border-bottom-left-radius: 24px; pointer-events: none; z-index: 1; mask: linear-gradient(to top right, black, transparent 65%); -webkit-mask: linear-gradient(to top right, black, transparent 65%); }
.plan-month-card:hover {transform: translateY(-6px); box-shadow: 0 18px 36px rgba(0, 0, 0, 0.10); }
/* Ribbon Badge (Top Left) */ .month-badge {position: absolute; top: 0; left: 24px; width: 36px; height: 38px; background: var(--accent-color); color: #ffffff; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; padding-bottom: 6px; clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%); z-index: 2; box-sizing: border-box; }
/* White Circle Container for Top Right Icon */ .month-icon-wrapper {position: absolute; top: 22px; right: 24px; width: 60px; height: 60px; border-radius: 50%; border: 1.5px solid var(--accent-color); background-color: #ffffff; box-shadow: 0 4px 15px var(--accent-shadow); display: flex; align-items: center; justify-content: center; z-index: 2; box-sizing: border-box; }
/* Icon Inside Circle */ .month-icon-wrapper .month-icon {width: 38px; height: 38px; object-fit: contain; filter: var(--icon-filter); }
.plan-month-card h3 {font-weight: 800; color: var(--accent-color); margin: 50px 0 20px 0; padding-bottom: 10px; position: relative; text-align: left; z-index: 2; }
.plan-month-card h3::after {content: ''; position: absolute; bottom: 0; left: 0; width: 32px; height: 3px; background-color: var(--accent-color); border-radius: 2px; }
/* Event List */ .plan-event-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; flex-grow: 1; z-index: 2; }
.plan-event-list li {font-size: 16px; color: #334155; line-height: 1.5; padding-left: 19px; position: relative; text-align: left; font-weight: 600; }
.plan-event-list li::before {content: '✓'; position: absolute; left: 0; top: 5px; width: 13px; height: 13px; border-radius: 50%; background-color: var(--accent-color); color: #ffffff; font-size: 10px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.age-section-wrap h2 {padding: 0 0 30px; text-align: center; }
.admission-main-wrapper::before, .admission-main-wrapper::after, .admission-glow-blob-3 {content: ''; position: absolute; border-radius: 50%; filter: blur(120px); z-index: 0; pointer-events: none; opacity: 0.85; }
.admission-main-wrapper::before {width: 350px; height: 350px; background: rgba(23, 54, 201, 0.07); top: 5%; left: -100px; }
.admission-main-wrapper::after {width: 400px; height: 400px; background: rgba(247, 197, 72, 0.12); bottom: 5%; right: -100px; }
.admission-glow-blob-3 {width: 250px; height: 250px; background: rgba(237, 3, 8, 0.04); top: 45%; left: 10%; }
.admission-main-wrapper .fluid-container {position: relative; z-index: 1; }
.admission-main-wrapper h1.page-title {font-size: 42px; font-weight: 700; color: #1736C9; margin-bottom: 50px; text-align: left; }
/* Age Criteria Section */ .age-section-wrap {margin: 50px 0; }
.age-grid {display: flex; gap: 24px; justify-content: center; align-items: stretch; }
.age-card {position: relative; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px; padding: 30px 24px 25px; transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; max-width: 300px; }
.age-card:hover {transform: translateY(-6px); border-color: rgba(23, 54, 201, 0.2); box-shadow: 0 15px 35px rgba(23, 54, 201, 0.08); }
.age-card h3 {font-size: 21px; font-weight: 800; color: #1736C9; }
.doc-icon-wrap img {filter: invert(100%) sepia(0%) saturate(7455%) hue-rotate(179deg) brightness(107%) contrast(102%); }
.age-card h3::after {content: ''; display: block; width: 32px; height: 3px; background-color: #ED0308; margin-top: 8px; }
.age-card .card-body {margin-top: 25px; }
.age-card p.card-age {color: #f90e0e; line-height: 1.5; margin: 0 0 15px; font-weight: 700; }
.age-card p.card-label {font-size: 18px; font-weight: 700; color: #1f2937; margin: 20px 0 2px; letter-spacing: 0.5px; }
.age-card p.card-value {font-size: 16px; font-weight: 700; color: #ED0308; margin: 0; }
/* Gold Ribbon Medal Badge */ .gold-badge {position: absolute; top: 15px; right: 36px; width: 44px; height: 44px; z-index: 2; }
.badge-circle {width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, #fce074 0%, #d4a437 50%, #b8860b 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); text-align: center; line-height: 1.1; }
.badge-circle span.badge-title {font-size: 16px; font-weight: 600; color: #122eb4; padding: 0 0 4px; }
.badge-circle span.badge-num {font-size: 18px; font-weight: 800; }
.badge-ribbons {position: absolute; top: 53px; left: 0; right: -17px; display: flex; justify-content: center; gap: 4px; z-index: -1; }
.ribbon-tail {width: 10px; height: 16px; background-color: #ED0308; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); }
/* Required Documents Section */ .documents-section-wrap {margin-top: 60px; }
.document-list {display: flex; flex-direction: column; gap: 35px; max-width: 1000px; margin-top: 20px; justify-content: center; margin: 40px auto 0; }
.document-item {display: flex; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 12px; padding: 16px 24px; box-shadow: 0 4px 20px rgba(23, 54, 201, 0.02); transition: transform 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; text-decoration: none; }
.document-item:hover {transform: translateX(6px); background: rgba(255, 255, 255, 0.85); border-color: rgba(23, 54, 201, 0.18); box-shadow: 0 8px 25px rgba(23, 54, 201, 0.06); }
.doc-left {display: flex; align-items: center; gap: 20px; width: 100%; }
.doc-main {display: flex; justify-content: center; align-items: center; gap: 10px; }
.doc-icon-wrap {width: 44px; height: 44px; border-radius: 10px; background-color: #1736C9; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.3s ease; }
.document-item:hover .doc-icon-wrap {transform: scale(1.08) rotate(2deg); }
.doc-title {font-size: 19px; font-weight: 600; color: #1736C9; font-family: 'Manrope', sans-serif; }
.doc-right-dash {width: 20px; height: 4px; background-color: #ED0308; border-radius: 2px; }
.documents-section-wrap h3, .step-by-step-process-main-wrapper h3, .pu-docs-column h3 {text-align: center; font-size: 25px; font-weight: 600; color: #f40b10; }
/* Base Style for Section Titles */ .step-by-step-process-main-wrapper h2 {text-align: center; padding: 0 0 30px; color: #0a1e7b; }
.admission-section-title.text-center {text-align: center; }
.admission-section-title.text-center::after {left: 50%; transform: translateX(-50%); }
/* Step-by-Step Process Section */ .step-by-step-process-main-wrapper {margin-top: 60px; }
.process-timeline {display: flex; justify-content: space-between; gap: 30px; position: relative; margin-top: 40px; }
.process-line-bg {position: absolute; top: 35px; left: 10%; right: 10%; height: 4px; background: rgba(23, 54, 201, 0.15); z-index: 0; border-radius: 2px; }
.process-progress-bar {position: absolute; top: 0; left: 0; height: 100%; width: 0%; background: #ED0308; border-radius: 2px; transition: width 2.4s linear; }
.process-step.active .step-icon {background-color: #ED0308; box-shadow: 0 6px 20px rgba(237, 3, 8, 0.4); transform: scale(1.1); }
.process-step {flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; z-index: 1; }
.step-icon-number-wrap {position: relative; margin-bottom: 25px; }
.step-number {position: absolute; top: -8px; right: -8px; background: #ED0308; color: #fff; font-size: 11px; font-weight: 800; padding: 3px 8px; border-radius: 20px; box-shadow: 0 2px 6px rgba(237, 3, 8, 0.3); }
.step-icon {width: 70px; height: 70px; background: #1736C9; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(23, 54, 201, 0.2); transition: transform 0.3s ease, background-color 0.3s ease; }
.process-step:hover .step-icon {transform: scale(1.1) rotate(5deg); background-color: #ED0308; }
.step-icon img {width: 32px; height: 32px; object-fit: contain; filter: invert(100%) sepia(0%) saturate(7455%) hue-rotate(179deg) brightness(107%) contrast(102%); }
.step-info-card {background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px; padding: 24px 24px 0; text-align: center; box-shadow: 0 4px 20px rgba(23, 54, 201, 0.02); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease; width: 100%; }
.process-step:hover .step-info-card {transform: translateY(-6px); border-color: rgba(23, 54, 201, 0.2); box-shadow: 0 15px 35px rgba(23, 54, 201, 0.08); }
.step-info-card h3 {font-size: 22px; font-weight: 700; color: #1736C9; margin-bottom: 12px; }
/* PU College Admissions Section */ .pu-admissions-section-wrapper {width: 100%; max-width: 930px; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.pu-grid {display: flex; flex-wrap: wrap; gap: 40px; margin-top: 30px; }
.pu-eligibility-card {background: linear-gradient(135deg, rgba(23, 54, 201, 0.03) 0%, rgba(237, 3, 8, 0.03) 100%); border: 1px solid rgba(23, 54, 201, 0.1); border-radius: 20px; padding: 40px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); max-width: 800px; margin: 30px 0 60px; align-items: center; }
.pu-eligibility-card:hover {transform: translateY(-5px); border-color: rgba(23, 54, 201, 0.25); box-shadow: 0 15px 40px rgba(23, 54, 201, 0.06); }
.pu-eligibility-card::before {content: ''; position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: rgba(23, 54, 201, 0.06); border-radius: 50%; filter: blur(30px); pointer-events: none; }
.eligibility-badge {display: inline-flex; align-items: center; gap: 8px; background: rgba(23, 54, 201, 0.1); color: #1736C9; padding: 6px 14px; border-radius: 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 20px; width: 100%; max-width: fit-content; justify-content: center; }
.eligibility-badge img {width: 16px; height: 16px; object-fit: contain; filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.pu-eligibility-card h3 {font-size: 24px; font-weight: 800; color: #1736C9; margin-bottom: 15px; }
.pu-eligibility-card p {font-size: 20px; color: #2f3134; line-height: 1.7; margin: 0; text-align: center; }
.pu-docs-column {display: flex; flex-direction: column; justify-content: flex-start; flex: 1.5 1 350px; }
.pu-docs-list {display: flex; flex-direction: column; gap: 30px; margin: 41px auto 0; width: 83%; /* margin: auto; */}
.pu-details-main-wrapper {padding: 100px 0 0; }
.pu-annual-plan {padding: 0; }
/* cta */ .addmission-cta-main-wrapper {padding: 70px 0; background: linear-gradient(90deg, #152570, #BC0A0D) !important; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; }
/* Bottom CTA - Distinct Crimson Red to Deep Midnight Royal Blue Gradient */ .addmission-cta-main-wrapper.bottom-cta {background: #08144c !important; }
.addmission-cta-inner-wrapper {display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.addmission-cta-inner-wrapper h2 {text-align: center; color: #fff; padding: 0 0 12px; }
.addmission-cta-inner-wrapper p {text-align: center; color: rgba(255, 255, 255, 0.95); font-size: 19px; width: 100%; max-width: 820px; margin: 0 auto 20px; line-height: 1.6; }
.addmission-cta-inner-wrapper .common-btn {justify-content: center; margin: 15px 0 0; }
.addmission-cta-inner-wrapper .common-btn.transparent a {border: 2px solid #fff; color: #fff; font-weight: 700; padding: 12px 36px; border-radius: 10px; transition: all 0.3s ease; }
.addmission-cta-inner-wrapper .common-btn.transparent a:hover {background: #fff; color: #1738D8; }
.addmission-cta-main-wrapper.bottom-cta .common-btn.transparent a:hover {color: #E6090D; }
/* Fee Payment & Applications Sections */ .fee-payment-main-wrapper {margin-top: 60px; padding: 60px 0 80px; border-top: 2px dashed rgba(23, 54, 201, 0.15); }
.fee-payment-grid {display: flex; flex-wrap: wrap; gap: 40px; margin-top: 30px; justify-content: center; }
.payment-info-column {display: flex; flex-direction: column; gap: 24px; /* flex: 1.2 1 350px; */ width: 100%; max-width: 730px; }
.info-card {background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 20px; padding: 35px; box-shadow: 0 4px 20px rgba(23, 54, 201, 0.02); display: flex; flex-direction: column; gap: 30px; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.info-card:hover {transform: translateY(-4px); border-color: rgba(23, 54, 201, 0.18); box-shadow: 0 8px 25px rgba(23, 54, 201, 0.06); }
.info-item {display: flex; gap: 20px; align-items: flex-start; }
.info-icon-wrap {width: 44px; height: 44px; border-radius: 10px; background: rgba(23, 54, 201, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.info-icon-wrap img {width: 22px; height: 22px; object-fit: contain; filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.info-text h3, .info-text h4 {font-size: 18px; font-weight: 700; color: #1736C9; margin-bottom: 6px; }
.info-text p {font-size: 15px; color: #4b5563; line-height: 1.6; margin: 0; }
.offline-location-card {background: linear-gradient(135deg, rgba(23, 54, 201, 0.03) 0%, rgba(237, 3, 8, 0.03) 100%); backdrop-filter: blur(14px); border: 1px solid rgba(23, 54, 201, 0.1); border-radius: 20px; padding: 30px 35px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.offline-location-card:hover {transform: translateY(-4px); border-color: rgba(23, 54, 201, 0.25); box-shadow: 0 15px 40px rgba(23, 54, 201, 0.06); }
.location-header {display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.location-header img {width: 20px; height: 20px; object-fit: contain; filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.location-header h3, .location-header h4 {font-size: 18px; font-weight: 700; color: #1736C9; margin: 0; }
.offline-location-card p {font-size: 15px; color: #4b5563; line-height: 1.6; margin: 0; }
.bank-details-card {background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(14px); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 20px; padding: 35px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; border-color: rgba(23, 54, 201, 0.25); flex: 1 1 350px; max-width: 450px; }
.fee-payment-section h2 {text-align: center; }
.bank-details-card:hover {transform: translateY(-4px); border-color: rgba(23, 54, 201, 0.25); box-shadow: 0 15px 40px rgba(23, 54, 201, 0.06); }
.bank-card-header {display: flex; flex-direction: column; align-items: center; text-align: center; border-bottom: 1px solid rgba(23, 54, 201, 0.1); padding-bottom: 25px; margin-bottom: 15px; }
.bank-card-header img {width: 44px; height: 44px; object-fit: contain; margin-bottom: 12px; filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.bank-card-header h3 {font-size: 22px; font-weight: 800; color: #1736C9; margin: 0 0 4px; }
.bank-card-header p {font-size: 13px; text-transform: uppercase; font-weight: 700; color: #ED0308; letter-spacing: 0.8px; margin: 0; }
.bank-details-list {display: flex; flex-direction: column; }
.bank-detail-item {display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px dashed rgba(23, 54, 201, 0.15); }
.bank-detail-item:last-child {border-bottom: none; }
.detail-label {font-size: 14px; color: #6b7280; font-weight: 600; }
.detail-value {font-size: 15px; color: #1736C9; font-weight: 700; text-align: right; }
/* Applications Section */ .applications-section {margin-top: 60px; }
.applications-section h2 {text-align: center; }
.applications-grid {display: flex; flex-wrap: wrap; gap: 24px; margin-top: 30px; justify-content: center; }
.app-card {display: flex; align-items: center; gap: 16px; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 16px; padding: 20px; box-shadow: 0 4px 20px rgba(23, 54, 201, 0.02); transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease; text-decoration: none; flex: 1 1 240px; max-width: 280px; }
.app-card:hover {transform: translateY(-6px); border-color: rgba(23, 54, 201, 0.2); box-shadow: 0 15px 35px rgba(23, 54, 201, 0.08); }
.app-card-icon {width: 48px; height: 48px; border-radius: 12px; background: rgba(23, 54, 201, 0.1); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.app-card-icon img {width: 24px; height: 24px; object-fit: contain; filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.app-card-content {flex: 1; display: flex; flex-direction: column; gap: 4px; }
.app-card-content h3 {font-size: 17px; font-weight: 700; color: #1736C9; margin: 0; }
.app-badge {font-size: 11.5px; color: #ED0308; font-weight: 600; }
.app-download-btn {width: 36px; height: 36px; border-radius: 50%; background: #1736C9; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background-color 0.3s ease, transform 0.3s ease; }
.app-download-btn img {width: 16px; height: 16px; object-fit: contain; filter: invert(100%); }
.app-card:hover .app-download-btn {background-color: #ED0308; transform: translateY(2px); }
/* Working Hours Section with Tabs */ .working-hours-main-wrapper {padding: 60px 0 0; border-top: 2px dashed rgba(6, 34, 167, 0.15); }
.hours-tabs-container {display: flex; justify-content: center; gap: 16px; margin: 30px 0 45px; flex-wrap: wrap; }
.hours-tab-btn {background: transparent; border: 1px solid rgba(23, 54, 201, 0.15); color: #1736C9; border-radius: 30px; padding: 12px 24px; display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; transition: all 0.3s ease; cursor: pointer; outline: none; width: 100%; max-width: fit-content; }
.hours-tab-btn img {width: 20px; height: 20px; object-fit: contain; filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); transition: filter 0.3s ease; }
.hours-tab-btn:hover, .hours-tab-btn.active {background: #1736C9; color: #fff; border-color: #1736C9; box-shadow: 0 4px 15px rgba(23, 54, 201, 0.15); }
.hours-tab-btn:hover img, .hours-tab-btn.active img {filter: invert(100%); }
.hours-tab-content-container {position: relative; width: 100%; }
.hours-tab-pane {display: none; animation: fadeInTab 0.5s ease-in-out forwards; }
.hours-tab-pane.active {display: block; }
@keyframes fadeInTab {  from {opacity: 0; transform: translateY(10px); }
  to {opacity: 1; transform: translateY(0); }
}
.nursery-hours-grid {display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; }
.hours-detail-card, .single-hours-card {background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(23, 54, 201, 0.15); border-radius: 20px; padding: 35px; box-shadow: 0 8px 30px rgba(23, 54, 201, 0.04); flex: 1 1 350px; max-width: 480px; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.single-hours-card {margin: 0 auto; }
.hours-detail-card:hover, .single-hours-card:hover {transform: translateY(-5px); border-color: rgba(23, 54, 201, 0.45); box-shadow: 0 15px 35px rgba(23, 54, 201, 0.1); }
.card-hours-header {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(23, 54, 201, 0.1); padding-bottom: 18px; margin-bottom: 20px; flex-wrap: wrap; gap: 10px; }
.card-hours-header h3 {font-size: 20px; font-weight: 800; color: #1736C9; margin: 0; }
.sub-badge {font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
.red-badge {background: rgba(237, 3, 8, 0.1); color: #ED0308; }
.timings-list {display: flex; flex-direction: column; }
.timing-row {display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-bottom: 1px dashed rgba(23, 54, 201, 0.1); }
.timing-row:last-child {border-bottom: none; }
.timing-day {font-size: 14.5px; color: #374151; font-weight: 600; }
.timing-time {font-size: 14.5px; color: #1736C9; font-weight: 700; text-align: right; }
.break-row .timing-day {color: #ED0308; font-weight: 500; }
.break-row .timing-time {color: #ED0308; }
.library-row .timing-day {color: #059669; }
.library-row .timing-time {color: #059669; }
/* Norms of the Institution Section */ .institution-norms-main-wrapper {margin-top: 0; padding: 100px 0; }
.institution-norms-main-wrapper h2 {text-align: center; }
.norms-split-grid {display: flex; gap: 40px; margin-top: 30px; flex-wrap: wrap; justify-content: center; align-items: stretch; }
.norms-column {display: flex; flex-direction: column; gap: 24px; width: 100%; max-width: 550px; }
.column-header-wrap {display: flex; align-items: center; gap: 14px; padding: 16px 24px; border-radius: 16px; margin-bottom: 10px; }
.student-header {background: rgba(23, 54, 201, 0.06); border: 1px solid rgba(23, 54, 201, 0.15); }
.parent-header {background: rgba(237, 3, 8, 0.06); border: 1px solid rgba(237, 3, 8, 0.15); }
.column-header-wrap img {width: 28px; height: 28px; object-fit: contain; }
.student-header img {filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.parent-header img {filter: invert(18%) sepia(61%) saturate(5833%) hue-rotate(352deg) brightness(89%) contrast(95%); }
.column-header-wrap h3 {font-size: 20px; font-weight: 800; margin: 0; }
.student-header h3 {color: #1736C9; }
.parent-header h3 {color: #ED0308; }
.norms-list {display: flex; flex-direction: column; gap: 16px; }
.norm-card {display: flex; gap: 16px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); border: 1px solid rgba(23, 54, 201, 0.12); border-radius: 16px; padding: 20px; box-shadow: 0 8px 30px rgba(23, 54, 201, 0.03); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; }
.norm-card:hover {transform: translateY(-4px); border-color: rgba(23, 54, 201, 0.35); box-shadow: 0 12px 25px rgba(23, 54, 201, 0.06); }
.norm-icon-box {width: 38px; height: 38px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.academics-main-wrapper {display: flex; justify-content: center; align-items: stretch; gap: 40px; padding: 30px 0 0; }
.norm-content {display: flex; flex-direction: column; gap: 4px; }
.norm-content h4 {font-size: 16px; font-weight: 700; color: #1736C9; margin: 0; }
.norm-content p {font-size: 14px; color: #4b5563; line-height: 1.5; margin: 0; }
/* ---- Achievements Page Alternating Layout ---- */ .achievements-main-wrapper {padding: 100px 0; background: #ffffff; overflow: hidden; }
.achievements-section-header {text-align: center; max-width: 800px; margin: 0 auto 35px; }
.achievements-section-header p {color: #64748b; font-size: 18px; line-height: 1.6; margin-top: 15px; text-align: center; }
/* ---- Achievements Centered Segmented Control Tabs ---- */ .achievements-tabs-container-outer {display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 100px; }
.achievements-tabs-wrapper {display: inline-flex; align-items: center; justify-content: center; background: #f1f5f9; padding: 6px; border-radius: 60px; border: 1px solid #e2e8f0; box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.04); gap: 6px; max-width: fit-content; margin: 0 auto; }
.achievements-tab-btn {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 30px; font-size: 15px; font-weight: 700; color: #64748b; background: transparent !important; border: none !important; border-radius: 50px !important; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); white-space: nowrap; outline: none; width: auto !important; min-width: 150px; box-shadow: none !important; margin: 0 !important; }
.achievements-tab-btn img {width: 18px; height: 18px; object-fit: contain; opacity: 0.7; transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease; flex-shrink: 0; }
.achievements-tab-btn:hover {color: #1736C9; }
.achievements-tab-btn:hover img {opacity: 1; transform: scale(1.1); }
.achievements-tab-btn.active {color: #ffffff !important; background: #1736C9 !important; box-shadow: 0 6px 18px rgba(23, 54, 201, 0.3) !important; }
.achievements-tab-btn.active img {opacity: 1; filter: brightness(0) invert(1); }
.achievements-tab-content {display: none; opacity: 0; }
.achievements-tab-content.active {display: block; opacity: 1; animation: achievementTabFadeIn 0.5s ease forwards; }
@keyframes achievementTabFadeIn {  from {opacity: 0; transform: translateY(16px); }
  to {opacity: 1; transform: translateY(0); }
}
.showcase-text-col h2 span {font-size: 20px; }
.achievements-showcase-container {display: flex; flex-direction: column; gap: 120px; max-width: 1100px; margin: 0 auto; }
.achievements-showcase-row {display: flex; align-items: center; justify-content: space-between; gap: 80px; width: 100%; }
.achievements-showcase-row.row-reverse {flex-direction: row-reverse; }
.showcase-text-col {max-width: 500px; display: flex; flex-direction: column; align-items: flex-start; position: relative; }
.showcase-number {font-size: 90px; font-weight: 900; line-height: 1; color: var(--row-accent, #2563eb); opacity: 0.2; position: absolute; top: -65px; left: -10px; z-index: 1; }
.showcase-mini-badge {font-size: 13px; font-weight: 700; text-transform: uppercase; color: var(--row-accent, #2563eb); background: var(--row-bg, rgba(37, 99, 235, 0.06)); padding: 6px 14px; border-radius: 50px; margin-bottom: 20px; letter-spacing: 1.5px; position: relative; z-index: 2; }
.showcase-text-col h2 {color: #0f172a; margin: 0 0 20px; }
.showcase-text-col p {color: #475569; line-height: 1.7; margin: 0 0 25px; text-align: justify; }
.showcase-highlights {display: flex; flex-wrap: wrap; gap: 10px; }
.highlight-pill {font-size: 13px; font-weight: 600; color: #fff; background: #0e259c; padding: 8px 16px; border-radius: 50px; transition: background 0.3s, transform 0.3s; }
.highlight-pill:hover {background: var(--row-accent, #2563eb); color: #ffffff; transform: translateY(-2px); }
.showcase-visual-col {flex: 1; max-width: 440px; display: flex; justify-content: center; align-items: center; }
.visual-wrapper {position: relative; }
.visual-gradient-aura {position: absolute; }
.visual-icon-holder {display: flex; align-items: center; justify-content: center; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease; }
.visual-icon-holder:hover {transform: scale(1.04); }
.achievement-fancybox {position: relative; display: block; overflow: hidden; border-radius: 20px; cursor: pointer; text-decoration: none; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); }
.achievement-fancybox img {width: 100%; object-fit: cover; display: block; border-radius: 20px; transition: transform 0.4s ease, filter 0.4s ease; }
.achievement-fancybox:hover img {transform: scale(1.06); filter: brightness(0.92); }
.achievement-fancybox .zoom-badge {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: rgba(23, 54, 201, 0.85); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 2px solid rgba(255, 255, 255, 0.85); border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0.9; box-shadow: 0 8px 25px rgba(23, 54, 201, 0.35); pointer-events: none; z-index: 2; animation: expandBadgeBlink 2s infinite ease-in-out; }
.achievement-fancybox .zoom-badge img {width: 22px; height: 22px; object-fit: contain; filter: brightness(0) invert(1); transition: transform 0.3s ease; border-radius: 0; }
@keyframes expandBadgeBlink {  0%, 100% {opacity: 0.95; transform: translate(-50%, -50%) scale(1); box-shadow: 0 0 0 0 rgba(23, 54, 201, 0.5); }
  50% {opacity: 0.45; transform: translate(-50%, -50%) scale(0.9); box-shadow: 0 0 0 10px rgba(23, 54, 201, 0); }
}
.achievement-fancybox:hover .zoom-badge {animation: none; opacity: 1; transform: translate(-50%, -50%) scale(1.15); background: rgba(23, 54, 201, 0.95); box-shadow: 0 10px 30px rgba(23, 54, 201, 0.5); }
.achievement-fancybox:hover .zoom-badge img {transform: scale(1.1); }
.floating-tag {position: absolute; padding: 8px 18px; border-radius: 50px; font-size: 13px; font-weight: 700; background: #ffffff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.03); color: #1e293b; z-index: 3; }
.tag-1 {top: 15px; left: -10px; }
.tag-2 {bottom: 40px; right: -20px; }
.tag-3 {bottom: 20px; left: 20px; }
/* ---- Circular Timeline Milestones ---- */ .mlilestone-wrapper.pu-milestones-section {position: relative; padding: 100px 0 70px; background: radial-gradient(circle at center, #ffffff 0%, #F0F3F6 100%) !important; overflow: hidden; }
.mlilestone-wrapper.pu-milestones-section h2 {padding: 0 0 20px; }
.pu-timeline-circle-container {width: 100%; max-width: 850px; aspect-ratio: 1 / 1; height: auto; margin: 15px auto 0; position: relative; display: flex; justify-content: center; align-items: center; }
.pu-circle-wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.pu-circle-dashed-line {position: absolute; inset: 14%; /* Matches node radius */ border: 2px dashed #e0b85a; border-radius: 50%; z-index: 0; animation: puCircleRotate 120s linear infinite; pointer-events: none; }
@keyframes puCircleRotate {  from {transform: rotate(0deg); }
  to {transform: rotate(360deg); }
}
/* Center Building Element */ .pu-circle-center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; height: 450px; z-index: 1; display: flex; justify-content: center; align-items: center; }
.pu-center-building-img {width: 100%; height: 100%; border-radius: 50%; overflow: hidden; }
.pu-center-building-img img {width: 100%; height: 100%; object-fit: cover; }
.pu-center-founded-badge {position: absolute; bottom: -15px; background: #ffffff; border: 3px solid #e0b85a; border-radius: 50%; width: 100px; height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 8px 20px rgba(224, 184, 90, 0.15); z-index: 3; animation: puBadgeBounce 3s infinite ease-in-out; }
@keyframes puBadgeBounce {  0%, 100% {transform: translateY(0); }
  50% {transform: translateY(-5px); }
}
.pu-center-founded-badge .founded-year {font-size: 20px; font-weight: 850; color: var(--blue, #1736C9); line-height: 1; }
.pu-center-founded-badge .founded-label {font-size: 11px; font-weight: 750; color: #e0b85a; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 3px; }
/* Nodes Positioning around circle (Radius: 36%) */ .pu-milestone-node {position: absolute; width: 52px; height: 52px; z-index: 2; }
.pu-milestone-node.node-1 {width: 64px; height: 64px; top: calc(14% - 32px); left: calc(50% - 32px); }
.pu-milestone-node.node-2 {top: calc(18.2% - 26px); left: calc(66.9% - 26px); }
.pu-milestone-node.node-3 {top: calc(29.6% - 26px); left: calc(79.6% - 26px); }
.pu-milestone-node.node-4 {top: calc(45.5% - 26px); left: calc(85.7% - 26px); }
.pu-milestone-node.node-5 {top: calc(62.4% - 26px); left: calc(83.8% - 26px); }
.pu-milestone-node.node-6 {top: calc(76.6% - 26px); left: calc(74.3% - 26px); }
.pu-milestone-node.node-7 {top: calc(84.8% - 26px); left: calc(59.3% - 26px); }
.pu-milestone-node.node-8 {top: calc(84.8% - 26px); left: calc(40.7% - 26px); }
.pu-milestone-node.node-9 {top: calc(73.5% - 26px); left: calc(22.7% - 26px); }
.pu-milestone-node.node-10 {top: calc(54.1% - 26px); left: calc(14.2% - 26px); }
.pu-milestone-node.node-11 {top: calc(33.2% - 26px); left: calc(18.1% - 26px); }
.pu-milestone-node.node-12 {top: calc(18.2% - 26px); left: calc(33.1% - 26px); }
/* Icon Button Styles */ .milestone-icon-btn {width: 100%; height: 100%; border-radius: 50%; border: 3px solid #e0b85a; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); display: flex; align-items: center; justify-content: center; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease; cursor: pointer; }
/* Color Variations for Milestone Icon Buttons (All Brand Dark Blue) */ .milestone-icon-btn.box-red, .milestone-icon-btn.box-blue, .milestone-icon-btn.box-orange, .milestone-icon-btn.box-purple, .milestone-icon-btn.box-green {background: #122270 !important; box-shadow: 0 4px 12px rgba(23, 54, 201, 0.3); }
.pu-milestone-node:hover .milestone-icon-btn {transform: scale(1.18); box-shadow: 0 8px 24px rgba(23, 54, 201, 0.35); }
.milestone-icon-btn img {width: 22px; height: 22px; object-fit: contain; filter: brightness(0) invert(1) !important; }
.node-1 .milestone-icon-btn img {width: 28px; height: 28px; }
/* Node Text Positioning */ .milestone-text-box {position: absolute; width: 210px; pointer-events: auto; transition: opacity 0.3s ease, transform 0.3s ease; }
.milestone-year {font-size: 19px; font-weight: 850; color: var(--blue, #1736C9); display: block; margin-bottom: 4px; }
.node-1 .milestone-year {font-size: 24px; margin-bottom: 6px; }
.milestone-desc {font-size: 13px; line-height: 1.5; color: #475569; margin: 0; font-weight: 600; }
.node-1 .milestone-text-box {bottom: 78px; left: 50%; transform: translateX(-50%); text-align: center; transform-origin: bottom center; }
.node-2 .milestone-text-box, .node-3 .milestone-text-box, .node-4 .milestone-text-box, .node-5 .milestone-text-box {left: 82px; top: 50%; transform: translateY(-50%); text-align: left; transform-origin: left center; }
.node-10 .milestone-text-box, .node-11 .milestone-text-box, .node-12 .milestone-text-box {right: 79px; top: 50%; transform: translateY(-50%); text-align: right; transform-origin: right center; }
.node-6 .milestone-text-box {left: 84px; bottom: -10px; top: auto; transform: none; text-align: left; }
.node-7 .milestone-text-box {left: 84px; bottom: -38px; top: auto; transform: none; text-align: left; }
.node-8 .milestone-text-box {right: 84px; bottom: -38px; left: auto; top: auto; transform: none; text-align: right; }
.node-9 .milestone-text-box {right: 84px; bottom: -10px; left: auto; top: auto; transform: none; text-align: right; }
.center {text-align: center; }
.right {text-align: right; }
.pu-milestone-node:hover .milestone-text-box {transform: scale(1.12); }
.node-1:hover .milestone-text-box {transform: translateX(-50%) scale(1.12); }
.node-2:hover .milestone-text-box, .node-3:hover .milestone-text-box, .node-4:hover .milestone-text-box, .node-5:hover .milestone-text-box, .node-10:hover .milestone-text-box, .node-11:hover .milestone-text-box, .node-12:hover .milestone-text-box {transform: translateY(-50%) scale(1.12); }
.node-6:hover .milestone-text-box, .node-7:hover .milestone-text-box, .node-8:hover .milestone-text-box, .node-9:hover .milestone-text-box {transform: scale(1.12); }
.float-up-down {animation: floatUpDown 6s ease-in-out infinite; }
.float-left-right {animation: floatLeftRight 7s ease-in-out infinite; }
.float-diagonal {animation: floatDiagonal 8s ease-in-out infinite; }
@keyframes floatUpDown {  0%, 100% {transform: translateY(0); }
  50% {transform: translateY(-12px); }
}
@keyframes floatLeftRight {  0%, 100% {transform: translateX(0); }
  50% {transform: translateX(10px); }
}
@keyframes floatDiagonal {  0%, 100% {transform: translate(0, 0); }
  50% {transform: translate(-8px, -8px); }
}
*/ .age-card h3 {font-size: 20px; }

h3 {font-size: 23px; }


/* ---- Breadcrumb Styles ---- */

.inner-page-banner-wrapper .fluid-container {height: 100%; display: flex; justify-content: center; align-items: flex-end; }

.inner-page-banner-wrapper .banner-inner-wrapper {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 12px;list-style: none;margin: 0 0 0;width: auto;max-width: none;position: relative;height: auto;padding: 8px 22px;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);background: #00000036;}
.inner-page-banner-wrapper .banner-inner-wrapper li {display: flex; justify-content: center; align-items: center; margin: 0; }
.inner-page-banner-wrapper .banner-inner-wrapper li a, .inner-page-banner-wrapper .banner-inner-wrapper li p {font-size: 15px; color: #fff; font-weight: 600; text-decoration: none; margin: 0; }
.inner-page-banner-wrapper .banner-inner-wrapper li a {transition: color 0.3s ease; }
.inner-page-banner-wrapper .banner-inner-wrapper li a:hover {color: var(--yellow, #f7c548); }
.inner-page-banner-wrapper .banner-inner-wrapper li img {width: 100%; max-width: 22px; height: auto; filter: invert(100%) sepia(1%) saturate(341%) hue-rotate(298deg) brightness(108%) contrast(100%); }
.banner-wrapper header, .inner-page-banner-wrapper header {position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.desk-resp-ham .sidebar ul.menu li>a.dropdown-span img {transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
.desk-resp-ham .sidebar ul.menu li>a.dropdown-span.open img {transform: rotate(180deg); }
.nav-dropdown li {animation: slideInSubMenu 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; opacity: 0; transform: translateY(-8px); }
@keyframes slideInSubMenu {  to {opacity: 1; transform: translateY(0); }
}
.nav-dropdown li:nth-child(1) {animation-delay: 0.04s; }
.nav-dropdown li:nth-child(2) {animation-delay: 0.08s; }
.nav-dropdown li:nth-child(3) {animation-delay: 0.12s; }
.nav-dropdown li:nth-child(4) {animation-delay: 0.16s; }
.nav-dropdown li:nth-child(5) {animation-delay: 0.2s; }
@keyframes flow-line {  0% {background-position: 0% 0%; }
  100% {background-position: -200% 0%; }
}
@keyframes badge-float {  0%, 100% {transform: translateY(0); }
  50% {transform: translateY(-6px); }
}
.cute-badge {animation: cute-badge-pulse 3s infinite ease-in-out; }
@keyframes cute-badge-pulse {  0%, 100% {transform: scale(1); box-shadow: 0 4px 15px rgba(255, 126, 179, 0.4); }
  50% {transform: scale(1.05); box-shadow: 0 4px 22px rgba(255, 126, 179, 0.65); }
}
.subject-card:hover .subject-card-icon {transform: scale(1.1) rotate(6deg); }
/* Floating background blobs/ornaments */ .bg-decor-wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; pointer-events: none; z-index: 0; }
.bg-decor-blob {position: absolute; border-radius: 50%; filter: opacity(0.08); pointer-events: none; }
.bg-decor-blob.blob-1 {width: 120px; height: 120px; background: #ff7eb3; top: 15%; left: 5%; animation: float-slow 8s infinite ease-in-out; }
.bg-decor-blob.blob-2 {width: 180px; height: 180px; background: #0ea5e9; bottom: 10%; right: 5%; animation: float-reverse 10s infinite ease-in-out; }
.bg-decor-blob.blob-3 {width: 100px; height: 100px; background: #eab308; top: 40%; right: 12%; animation: float-slow 12s infinite ease-in-out; }
.bg-decor-blob.blob-4 {width: 150px; height: 150px; background: #8b5cf6; bottom: 25%; left: 8%; animation: float-reverse 9s infinite ease-in-out; }
@keyframes float-slow {  0%, 100% {transform: translateY(0) rotate(0deg); }
  50% {transform: translateY(-20px) rotate(12deg) scale(1.03); }
}
@keyframes float-reverse {  0%, 100% {transform: translateY(0) rotate(0deg); }
  50% {transform: translateY(20px) rotate(-12deg) scale(0.97); }
}
/* Bento grid card tilt & glow effect */ .bento-card {position: relative; z-index: 1; }
.bento-card::after {content: ''; position: absolute; inset: 0; border-radius: inherit; box-shadow: 0 0 40px rgba(59, 130, 246, 0); transition: box-shadow 0.4s ease; pointer-events: none; z-index: -1; }
.bento-card:hover::after {box-shadow: 0 10px 45px rgba(59, 130, 246, 0.08); }
/* ---- PU College Academics Redesign ---- */ .pu-academics-section {position: relative; padding: 100px 0; background: #FAF9F6; overflow: hidden; }
.pu-academics-glow-blob {position: absolute; border-radius: 50%; filter: blur(120px); z-index: 0; pointer-events: none; opacity: 0.6; }
.pu-blob-1 {width: 300px; height: 300px; background: rgba(23, 54, 201, 0.05); top: 5%; left: -50px; }
.pu-blob-2 {width: 350px; height: 350px; background: rgba(237, 3, 8, 0.04); bottom: 5%; right: -50px; }
.academics-header-area {text-align: center; max-width: 800px; margin: 0 auto 50px; position: relative; z-index: 1; }
.pu-badge {background: linear-gradient(135deg, rgba(23, 54, 201, 0.1) 0%, rgba(237, 3, 8, 0.1) 100%); color: var(--blue, #1736C9); padding: 8px 24px; border-radius: 50px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; display: inline-block; margin-bottom: 20px; border: 1px solid rgba(23, 54, 201, 0.15); }
.pu-lead-text {color: #334155; font-weight: 600; margin-bottom: 15px; text-align: center; }
.pu-sub-text {line-height: 1.8; color: #64748b; margin: 0; }
.academics-card {background: #ffffff; border-radius: 24px; padding: 40px; flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); border: 1px solid rgba(0, 0, 0, 0.05); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease; display: flex; flex-direction: column; position: relative; overflow: hidden; z-index: 1; }
.card-science {border-top: 6px solid var(--blue, #1736C9); }
.card-commerce {border-top: 6px solid var(--red, #ED0308); }
.academics-card:hover {transform: translateY(-8px); }
.card-science:hover {border-color: var(--blue, #1736C9); box-shadow: 0 20px 40px rgba(23, 54, 201, 0.1); }
.card-commerce:hover {border-color: var(--red, #ED0308); box-shadow: 0 20px 40px rgba(237, 3, 8, 0.1); }
.academics-card-header {display: flex; align-items: center; gap: 20px; margin-bottom: 25px; }
.stream-icon-box {width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; }
.stream-icon-box img {width: 32px; height: 32px; object-fit: contain; }
.stream-icon-science {background: rgba(23, 54, 201, 0.06); }
.stream-icon-commerce {background: rgba(237, 3, 8, 0.06); }
.academics-card:hover .stream-icon-box {transform: scale(1.1) rotate(3deg); }
.stream-header-text {display: flex; flex-direction: column; gap: 4px; }
.stream-badge {font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 3px 10px; border-radius: 20px; width: fit-content; }
.stream-badge-science {color: var(--blue, #1736C9); background: rgba(23, 54, 201, 0.08); }
.stream-badge-commerce {color: var(--red, #ED0308); background: rgba(237, 3, 8, 0.08); }
.stream-header-text h3, .stream-header-text span {font-size: 24px; font-weight: 800; color: #1e293b; margin: 0; }
.stream-desc {line-height: 1.6; color: #64748b; margin-bottom: 25px; }
.course-list {display: flex; flex-direction: column; gap: 15px; }
.course-item {display: flex; align-items: center; gap: 18px; background: #F0F3F6; padding: 16px 20px; border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.02); transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; }
.course-item:hover {transform: translateX(6px); background: #ffffff; border-color: rgba(23, 54, 201, 0.1); }
.card-commerce .course-item:hover {border-color: rgba(237, 3, 8, 0.1); }
.course-code {font-size: 14px; font-weight: 800; padding: 6px 14px; border-radius: 10px; color: #ffffff; min-width: 75px; text-align: center; letter-spacing: 0.5px; }
.card-science .course-code {background: var(--blue, #1736C9); box-shadow: 0 4px 10px rgba(23, 54, 201, 0.15); }
.card-commerce .course-code {background: var(--red, #ED0308); box-shadow: 0 4px 10px rgba(237, 3, 8, 0.15); }
.course-subjects {font-size: 15px; font-weight: 600; color: #334155; line-height: 1.4; text-align: left; }
.mandatory-lang-banner {display: flex; align-items: center; gap: 20px; background: #fffdf5; border: 1px dashed rgba(253, 214, 6, 0.5); border-radius: 20px; padding: 22px 30px; max-width: 800px; margin: 50px auto 0; position: relative; z-index: 1; box-shadow: 0 10px 25px rgba(253, 214, 6, 0.03); }
.lang-banner-icon {width: 46px; height: 46px; border-radius: 12px; background: rgba(253, 214, 6, 0.15); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.lang-banner-icon img {width: 24px; height: 24px; object-fit: contain; filter: invert(68%) sepia(85%) saturate(735%) hue-rotate(5deg) brightness(96%) contrast(98%); }
.lang-banner-content p {line-height: 1.6; color: #475569; margin: 0; text-align: left; }
.lang-banner-content p strong {color: #1e293b; }
/* ---- PU College Co-Curricular Redesign ---- */ .pu-cocurricular-section {position: relative; padding: 100px 0 100px; background: #ffffff; overflow: hidden; }
.pu-cocurricular-glow-blob {position: absolute; border-radius: 50%; filter: blur(130px); z-index: 0; pointer-events: none; opacity: 0.5; }
.cocurric-blob-1 {width: 320px; height: 320px; background: rgba(253, 214, 6, 0.05); top: 10%; right: -60px; }
.cocurric-blob-2 {width: 380px; height: 380px; background: rgba(23, 54, 201, 0.04); bottom: 15%; left: -70px; }
.cocurricular-header-area {text-align: center; max-width: 800px; margin: 0 auto 50px; position: relative; z-index: 1; }
.cocurricular-bento-grid {display: flex; flex-direction: column; gap: 70px; margin-top: 50px; position: relative; z-index: 1; }
.pu-event-row:nth-child(2n) {flex-direction: row-reverse; }
.pu-event-row {display: flex; gap: 30px; width: 100%; }
.pu-event-card {background: #ffffff; border-radius: 24px; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02); overflow: hidden; position: relative; display: flex; flex-direction: column; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease; z-index: 1; }
.pu-event-card:hover {transform: translateY(-8px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.06); }
/* Featured Event Card (With Image Background) */ .pu-event-row.full .featured-card {max-width: 100%; }
.featured-card {flex: 1 1 calc(66.666% - 10px); max-width: calc(66.666% - 10px); min-height: 380px; padding: 40px; background-size: 100% auto; background-position: center; background-repeat: no-repeat; justify-content: flex-end; border: none; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, background-size 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
/* .featured-card:hover {background-size: 105% auto; }
*/ .event-card-content {position: relative; z-index: 2; color: #ffffff; text-align: left; }
.event-badge {font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; padding: 4px 12px; border-radius: 20px; display: inline-block; margin-bottom: 15px; }
.badge-music {background: #ff5277; color: #ffffff; }
.badge-sports {background: #10b981; color: #ffffff; }
.event-card-content h3 {font-size: 28px; font-weight: 850; color: #ffffff; margin: 0 0 12px; }
.event-card-content p {font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.9); margin: 0; text-align: left; }
.standard-card {flex: 1 1 calc(33.333% - 20px); max-width: 100%; padding: 35px 30px; }
.event-card-top {display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; }
.event-icon-box {width: 54px; height: 54px; border-radius: 14px; display: flex; align-items: center; justify-content: center; transition: transform 0.4s ease; }
.event-icon-box img {width: 26px; height: 26px; object-fit: contain; }
.box-red {background: rgba(237, 3, 8, 0.08); }
.box-blue {background: rgba(23, 54, 201, 0.08); }
.box-orange {background: rgba(234, 88, 12, 0.08); }
.box-purple {background: rgba(124, 58, 237, 0.08); }
.box-green {background: rgba(16, 185, 129, 0.08); }
.box-red img {filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(345deg) brightness(85%) contrast(98%); }
.box-blue img {filter: invert(19%) sepia(87%) saturate(3990%) hue-rotate(228deg) brightness(85%) contrast(98%); }
.box-orange img {filter: invert(44%) sepia(93%) saturate(1645%) hue-rotate(5deg) brightness(96%) contrast(97%); }
.box-purple img {filter: invert(27%) sepia(90%) saturate(2852%) hue-rotate(258deg) brightness(96%) contrast(99%); }
.box-green img {filter: invert(53%) sepia(74%) saturate(497%) hue-rotate(107deg) brightness(91%) contrast(91%); }
.standard-card:hover .event-icon-box {transform: scale(1.1) rotate(5deg); }
.event-tag {font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; padding: 4px 10px; border-radius: 12px; }
.tag-red {color: var(--red, #ED0308); background: rgba(237, 3, 8, 0.08); }
.tag-blue {color: var(--blue, #1736C9); background: rgba(23, 54, 201, 0.08); }
.tag-orange {color: #ea580c; background: rgba(234, 88, 12, 0.08); }
.tag-purple {color: #7C3AED; background: rgba(124, 58, 237, 0.08); }
.tag-green {color: #10b981; background: rgba(16, 185, 129, 0.08); }
.event-card-body h3 {font-size: 21px; font-weight: 800; color: #1e293b; margin: 0 0 12px; line-height: 1.3; }
.event-card-body p {line-height: 1.6; color: #64748b; margin: 0; text-align: left; }
/* ---- History & Legacy Section Bento Redesign ---- */ .pu-history-section {padding: 100px 0; background: #ffffff !important; position: relative; overflow: hidden; }
.pu-history-section .section-title-wrapper {text-align: center; max-width: 700px; margin: 0 auto 60px; }
.pu-history-section .pu-section-desc {font-size: 16px; line-height: 1.6; color: #64748b; margin: 0; }
/* Bento Wrapper Layout */ .pu-history-bento {display: flex; gap: 30px; align-items: stretch; width: 100%; margin-top: 20px; }
.history-left-panel {flex: 1 1 40%; max-width: 40%; display: flex; }
.history-right-panel {flex: 1 1 60%; max-width: 60%; display: flex; flex-direction: column; gap: 30px; }
.history-row-top {display: flex; gap: 30px; align-items: stretch; width: 100%; }
/* Card General Design */ .history-card {background: #ffffff; border-radius: 24px; padding: 40px; border: 1px solid rgba(15, 23, 42, 0.05); box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02); position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease; width: 100%; }
.history-card:hover {transform: translateY(-8px); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06); }
/* Left Featured Card: Dark Blue Gradient Theme */ .featured-history-card {background: linear-gradient(135deg, #0f172a 0%, #1738d8 100%); border: none; color: #ffffff; display: flex; flex-direction: column; justify-content: center; position: relative; }
.featured-history-card .history-card-glow {position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(224, 184, 90, 0.15) 0%, rgba(255, 255, 255, 0) 60%); pointer-events: none; }
.featured-history-card .history-card-badge {font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: 2px; color: #e0b85a; background: rgba(224, 184, 90, 0.1); padding: 6px 14px; border-radius: 50px; display: inline-block; align-self: flex-start; margin-bottom: 25px; border: 1px solid rgba(224, 184, 90, 0.2); }
.featured-history-card .history-foundation-date {font-size: 90px; font-weight: 900; color: rgba(224, 184, 90, 0.9); line-height: 1; font-family: 'Outfit', sans-serif; margin-bottom: 15px; letter-spacing: -2px; }
.featured-history-card h3 {font-size: 26px !important; font-weight: 850; color: #ffffff !important; margin: 0 0 15px !important; letter-spacing: 0.5px; text-align: left !important; }
.featured-history-card p {line-height: 1.8 !important; color: #94a3b8 !important; margin: 0 !important; text-align: justify !important; }
.featured-history-card .history-card-icon-bg {position: absolute; bottom: -30px; right: -30px; width: 180px; height: 180px; opacity: 0.03; pointer-events: none; }
.featured-history-card .history-card-icon-bg img {width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
/* Right Standard Cards: Clean light mode cards with icon boxes */ .standard-history-card {display: flex; flex-direction: column; background: #ffffff; }
.history-icon-box {width: 54px; height: 54px; border-radius: 14px; background: rgba(224, 184, 90, 0.08); border: 1px solid rgba(224, 184, 90, 0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 25px; transition: transform 0.4s ease; }
.history-card:hover .history-icon-box {transform: scale(1.1) rotate(5deg); }
.history-icon-box img {width: 24px; height: 24px; object-fit: contain; filter: invert(72%) sepia(50%) saturate(601%) hue-rotate(5deg) brightness(96%) contrast(90%); /* gold filter */}
.standard-history-card h4 {font-size: 20px !important; font-weight: 800; color: #1e293b !important; margin: 0 0 12px !important; text-align: left !important; }
.standard-history-card p {line-height: 1.65 !important; color: #526071 !important; margin: 0 !important; text-align: justify !important; }
/* Individual card tweaks */ .card-vision, .card-sangha {flex: 1 1 50%; }
.card-legacy {flex: 1; }
.card-legacy .legacy-header {display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.card-legacy .history-icon-box {margin-bottom: 0; }
.card-legacy p {line-height: 1.75 !important; }
/* ---- Founder Members Section Redesign ---- */ .pu-founders-section {padding: 100px 0; background: #F0F3F6 !important; position: relative; }
.pu-founders-section .section-title-wrapper {text-align: center; max-width: 700px; margin: 0 auto 60px; }
.pu-founders-section .pu-program-badge {font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #e0b85a; background: rgba(224, 184, 90, 0.08); padding: 6px 16px; border-radius: 50px; display: inline-block; margin-bottom: 12px; border: 1px solid rgba(224, 184, 90, 0.15); }
.pu-founders-section .pu-section-desc {font-size: 16px; line-height: 1.6; color: #64748b; margin: 0; }
.pu-founders-section .founders-inner-wrapper {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 24px; margin-top: 20px; }
/* Card Styling */ .pu-founders-section .founders-inner {background: #ffffff !important; border-radius: 20px !important; padding: 30px !important; width: 100%; box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03) !important; border: 1px solid rgba(15, 23, 42, 0.05) !important; border-top: 4px solid #e0b85a !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-top-color 0.4s ease !important; max-width: 275px; }
.founders-inner.featured-founder.head {width: 100%; max-width: 400px; }
/* Featured Founder Card Styling */ .pu-founders-section .founders-inner.featured-founder {border-top: 4px solid var(--blue, #1736C9) !important; }
.pu-founders-section .founders-inner:hover {transform: translateY(-8px) !important; box-shadow: 0 15px 35px rgba(23, 54, 201, 0.08) !important; border-top-color: var(--blue, #1736C9) !important; }
.pu-founders-section .founders-inner.featured-founder:hover {border-top-color: #e0b85a !important; box-shadow: 0 15px 35px rgba(224, 184, 90, 0.15) !important; }
/* Card Header */ .founder-card-header {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; width: 100%; }
.founder-role {color: #64748b; background: rgba(100, 116, 139, 0.08); padding: 4px 10px; border-radius: 12px; }
.founder-role.role-primary {color: var(--blue, #1736C9); background: rgba(23, 54, 201, 0.08); }
.founder-number {font-size: 20px; font-weight: 900; color: #e2e8f0; line-height: 1; font-family: 'Outfit', sans-serif; transition: color 0.4s ease; }
.pu-founders-section .founders-inner:hover .founder-number {color: rgba(224, 184, 90, 0.4); }
.pu-founders-section .founders-inner.featured-founder:hover .founder-number {color: rgba(23, 54, 201, 0.3); }
.pu-founders-section .founders-inner:hover .founder-card-body h3 {color: var(--blue, #1736C9) !important; }
.pu-founders-section .founders-inner.featured-founder:hover .founder-card-body h3 {color: #b88d30 !important; }
.pu-about-intro-section {padding: 100px 0; background: #ffffff; position: relative; overflow: hidden; }
/* Subtle background glowing blobs */ .pu-about-intro-section::before {content: ''; position: absolute; top: -100px; left: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(23, 54, 201, 0.03) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none; z-index: 0; }
.pu-about-intro-section::after {content: ''; position: absolute; bottom: -150px; right: -150px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(224, 184, 90, 0.04) 0%, rgba(255, 255, 255, 0) 70%); pointer-events: none; z-index: 0; }
.pu-about-intro-section .fluid-container {position: relative; z-index: 1; }
.pu-about-intro-section .pu-program-badge {font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #e0b85a; background: rgba(224, 184, 90, 0.08); padding: 6px 16px; border-radius: 50px; display: inline-block; margin-bottom: 15px; border: 1px solid rgba(224, 184, 90, 0.15); }
.pu-about-intro-section h2 {font-size: 34px; font-weight: 850; color: var(--blue, #1736C9); line-height: 1.3; margin: 0 0 25px 0; text-transform: uppercase; letter-spacing: 0.5px; text-align: left; }
.pu-about-intro-section p {line-height: 1.75; margin-bottom: 0; text-align: justify; }
/* Lead text style for the first paragraph */ .pu-about-intro-section p.lead-text {font-weight: 600; color: #1e293b; line-height: 1.7; }
.about-right-wrapper {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; z-index: 1; }
/* Layered gold background frame */ .about-img-frame {position: relative; width: 100%; max-width: 500px; z-index: 1; }
.about-img-frame::before {content: ''; position: absolute; inset: 10px -10px -10px 10px; border: 2px solid #e0b85a; border-top-left-radius: 200px; border-bottom-right-radius: 200px; z-index: -1; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
.about-img-frame img {width: 100%; max-width: 500px; border-top-left-radius: 200px !important; border-bottom-right-radius: 200px !important; box-shadow: 0 15px 40px rgba(15, 23, 42, 0.1) !important; transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease; display: block; }
/* Hover effects */ .about-img-frame:hover img {transform: translate(-5px, -5px) !important; box-shadow: 0 20px 45px rgba(23, 54, 201, 0.12) !important; }
.about-img-frame:hover::before {transform: translate(5px, 5px); }
.about-gallery-section {padding: 100px 0; position: relative; overflow: hidden; }
.about-gallery-section .section-title-wrapper {text-align: center; margin-bottom: 30px; }
.about-gallery-section h2 {color: var(--blue, #1736C9); font-weight: 800; margin-bottom: 15px; }
.about-gallery-section p.subtitle {text-align: center; }
.gallery-slider-wrapper {
	position: relative;
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 45px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.gallery-nav-btn {position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border-radius: 50%; background: #ffffff; box-shadow: 0 6px 20px rgba(15, 29, 64, 0.15); border: 1px solid rgba(23, 54, 201, 0.15); color: var(--blue, #1736C9); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 20; }
.gallery-nav-btn:hover {background: var(--blue, #1736C9); color: #ffffff; transform: translateY(-50%) scale(1.08); box-shadow: 0 8px 25px rgba(23, 54, 201, 0.3); }
.gallery-nav-btn.prev-btn {left: -11px; }
.gallery-nav-btn.next-btn {right: -11px; }
.scrolling-gallery-container {width: 100%; overflow-x: auto; overflow-y: hidden; position: relative; padding: 20px 0; scrollbar-width: none; -ms-overflow-style: none; }
.scrolling-gallery-container::-webkit-scrollbar {display: none; }
.scrolling-gallery-track {display: flex; flex-wrap: nowrap; gap: 20px; width: 100%; box-sizing: border-box; }
.gallery-scrolling-item {flex: 0 0 calc((100% - 40px) / 3); width: calc((100% - 40px) / 3); max-width: calc((100% - 40px) / 3); min-width: calc((100% - 40px) / 3); height: 300px; display: block; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 20px rgba(23, 54, 201, 0.1); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease; box-sizing: border-box; text-decoration: none; cursor: pointer; }
.gallery-scrolling-item img, .gallery-scrolling-img {width: 100% !important; height: 100% !important; max-width: 100% !important; min-width: 100% !important; object-fit: cover; display: block; border-radius: 16px; transition: transform 0.4s ease; box-sizing: border-box; }
.gallery-scrolling-item:hover {transform: translateY(-6px); box-shadow: 0 15px 30px rgba(23, 54, 201, 0.2); border: 2px solid var(--blue, #1736C9); }
.gallery-scrolling-item:hover img {transform: scale(1.04); }
.committee-wrapper.pu-committee-section h2 {text-align: center; }
/* Committee Carousel Section */ .pu-committee-section {padding: 80px 0; position: relative; background: transparent; }
.committee-carousel-container {max-width: 900px; margin: 0 auto 0; border-radius: 20px; padding: 40px; position: relative; }
.committee-carousel .item {width: 100%; border-radius: 12px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.committee-carousel .item img {width: 100%; height: auto; max-height: 550px; display: block; object-fit: contain; }
/* Owl Carousel Custom Navigation & Dots */ .committee-carousel .owl-nav {position: absolute; top: 45%; width: calc(100% + 140px); left: -70px; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; }
.committee-carousel .owl-nav button.owl-prev, .committee-carousel .owl-nav button.owl-next {pointer-events: auto; width: 48px; height: 48px; background: #ffffff; color: var(--blue, #1736C9); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 22px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12); transition: all 0.3s ease; border: 1px solid #eaeaea; }
.committee-carousel .owl-nav button.owl-prev:hover, .committee-carousel .owl-nav button.owl-next:hover {background: var(--blue, #1736C9); color: #fff; border-color: var(--blue, #1736C9); }
.committee-carousel .owl-dots {margin-top: 30px; text-align: center; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 36px; margin: auto; }
.committee-carousel .owl-dots .owl-dot {display: inline-block; margin: 0 6px; padding: 0; background: transparent; border: none; }
.committee-carousel .owl-dots .owl-dot span {width: 12px; height: 12px; background: #d1d5db; transition: all 0.3s ease; margin: 0; display: block; border-radius: 50%; }
.committee-carousel .owl-dots .owl-dot.active span, .committee-carousel .owl-dots .owl-dot:hover span {background: var(--blue, #1736C9); transform: scale(1.3); }
.explore-school-inner-wrapper.custom-scroll {display: flex; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; justify-content: flex-start; align-items: stretch; padding-top: 10px; padding-bottom: 20px; padding-left: 0; padding-right: 0; gap: 15px; }
.explore-school-inner-wrapper.custom-scroll::-webkit-scrollbar {display: none; }
.explore-school-inner-wrapper.custom-scroll span {flex: 0 0 calc((100% - 30px) / 3); scroll-snap-align: start; max-width: 100% !important; margin: 0 !important; box-sizing: border-box; }
.explore-school-inner-wrapper.custom-scroll span img {max-width: 100% !important; width: 100%; object-fit: cover; box-sizing: border-box; }
/* Dedicated Facilities Scroll Styles */ .our-facilities-inner-wrapper.facilities-scroll {display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 20px !important; -ms-overflow-style: none; scrollbar-width: none; justify-content: flex-start !important; align-items: stretch !important; padding-top: 10px; padding-bottom: 25px; padding-left: 0 !important; padding-right: 0 !important; }
.our-facilities-inner-wrapper.facilities-scroll::-webkit-scrollbar {display: none; }
.our-facilities-inner-wrapper.facilities-scroll .our-facilities-inner {flex: 0 0 calc((100% - 60px) / 4) !important; width: calc((100% - 60px) / 4) !important; max-width: calc((100% - 60px) / 4) !important; min-width: calc((100% - 60px) / 4) !important; box-sizing: border-box !important; margin: 0 !important; }
@media (prefers-reduced-motion: reduce) {  .hero-experiment, .hero-experiment *, .hero-experiment::after {animation: none !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  .hero-bubbles {display: none; }
  .hero-evaporation {display: none; }
  .hero-tube-glow {opacity: 0.34; transform: translate(-50%, -50%) scale(1); }
  .hero-doodle {opacity: 0.4; }
}
/* ---- Alumni Page Design ---- */
 .alumni-section {padding: 80px 0; background: #f8fafc; }
.alumni-slider-wrapper {position: relative; display: flex; align-items: center; gap: 15px; max-width: 1100px; margin: 0 auto; }
.alumni-slider-track {display: flex; gap: 0; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; width: 100%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 22px; }
.alumni-slider-track::-webkit-scrollbar {display: none; }
.alumni-card {flex: 0 0 100%; width: 100%; box-sizing: border-box; display: flex; background: #ffffff; border-radius: 24px; position: relative; overflow: hidden; min-height: 440px; transition: transform 0.3s ease, box-shadow 0.3s ease; /* border-radius: 4px; */}
.alumni-photo-wrap {flex: 0 0 42%; position: relative; overflow: hidden; background: #0f1d40; }
.alumni-photo {width: 100%; height: 100%; object-fit: cover; object-position: center 20%; display: block; }
.common-btn.alumni {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px 0 0 0;
}
.common-btn.alumni a, .button {
	
	width: 100%;
	max-width: 248px;

}
/* Dark Blue Badge with Gold Number and Gold Line */ .alumni-badge {position: absolute; top: 0; left: 0; background: #0f1d40; padding: 16px 26px 14px 22px; border-bottom-right-radius: 40px; border-top-left-radius: 24px; z-index: 5; display: flex; flex-direction: column; align-items: flex-start; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); }
.badge-num {color: #8f6312; font-weight: 800; font-size: 28px; line-height: 1; font-family: 'Aeonik Bold', sans-serif; }
.badge-line {display: block; width: 26px; height: 3px; background: #c58d27; margin-top: 6px; border-radius: 2px; }
/* S-Curve Separation Effect */ .alumni-photo-wrap::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, transparent, #c58d27 30%, #c58d27 70%, transparent); z-index: 4; }
.alumni-section h1 {text-align: center; padding: 0 0 30px; }
/* Right Content Wrap */ .alumni-content-wrap {flex: 0 0 58%; padding: 40px 45px 35px 35px; position: relative; display: flex; flex-direction: column; justify-content: center; gap: 3px; }
.alumni-quote-watermark {position: absolute; top: 15px; right: 35px; font-size: 80px; line-height: 1; color: #f6e6c6; font-family: Georgia, serif; opacity: 0.6; pointer-events: none; }
.alumni-name {font-weight: 800; color: #0f1d40; margin: 0 0 4px; font-family: 'Aeonik Bold', sans-serif; }
.alumni-meta-grid {background: #4499ed12; border-radius: 16px; padding: 16px 12px; display: flex; align-items: center; justify-content: space-around; border: 1px solid #d4d7da; }
.alumni-org {font-size: 18px; font-weight: 600; color: #475569; display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.org-icon {font-size: 16px; }
.alumni-gold-divider {width: 80px; height: 3px; background: #f6e6c6; margin-bottom: 20px; position: relative; border-radius: 2px; }
.alumni-gold-divider span {position: absolute; left: 30px; top: -3px; width: 9px; height: 9px; border-radius: 50%; background: #ffffff; border: 2.5px solid #c58d27; }
.alumni-testimonial {font-style: italic; font-size: 15px; line-height: 1.65; color: #334155; margin: 0 0 24px; font-weight: 500; }
/* Bottom Metadata Box (3 Columns) */ .alumni-meta-grid {background: #f8fafc; border-radius: 16px; padding: 16px 12px; display: flex; align-items: center; justify-content: space-around; border: 1px solid #edf2f7; }
.meta-item {flex: 1; text-align: center; position: relative; padding: 0 6px; }
.meta-icon {width: 38px; height: 38px; background: #0f1d40; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 6px; font-size: 16px; color: #ffffff; }
.meta-label {display: block; font-size: 11px; color: #64748b; font-weight: 600; margin-bottom: 3px; }
.meta-val {display: block; font-size: 13px; color: #c58d27; font-weight: 700; }
/* Side Navigation Arrows */ .alumni-nav-btn {flex-shrink: 0; width: 46px; height: 46px; border-radius: 50%; background: #ffffff; box-shadow: 0 6px 20px rgba(15, 29, 64, 0.12); border: 1px solid #f1f5f9; cursor: pointer; color: #0f1d40; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 10; }
.alumni-nav-btn:hover {background: #0f1d40; color: #ffffff; transform: scale(1.08); }
/* Pagination Dots */ .alumni-dots {display: flex; justify-content: center; gap: 10px; margin-top: 30px; }
.alumni-dots button {width: 12px; height: 12px; border-radius: 50%; background: #cbd5e1; border: none; cursor: pointer; transition: all 0.3s ease; padding: 0; }
.alumni-dots button.active {width: 32px; border-radius: 8px; background: #c58d27; }