/* ---------- Google Fonts & Root Variables ---------- */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Display:wght@700;900&display=swap');

:root {
  --blue:     #00528a;
  --blue-dark:#003e6b;
  --blue-mid: #0069b0;
  --blue-light:#e8f3fb;
  --white:    #ffffff;
  --red:      #e63946;
  --red-dark: #c1121f;
  --gray-50:  #f8fafc;
  --gray-100: #f1f5f9;
  --gray-200: #e2e8f0;
  --gray-600: #475569;
  --gray-700: #334155;
  --gray-800: #1e293b;
  --font-heading: 'Google Sans Display', 'Google Sans', sans-serif;
  --font-body:    'Google Sans', sans-serif;
  --transition:   all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-sm:    0 2px 8px rgba(0,82,138,.10);
  --shadow-md:    0 8px 32px rgba(0,82,138,.15);
  --shadow-lg:    0 20px 60px rgba(0,82,138,.20);
  --radius:       16px;
  --radius-sm:    8px;
}
.navbar-brand img{max-width:355px;transition:all .4s ease!important;width:100%}
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);color:var(--gray-800);background:var(--white);overflow-x:hidden;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none;padding:0}
.section-pad{padding:76px 0 72px}
.section-pad-sm{padding:70px 0}
.text-blue{color:var(--blue)!important}
.text-red{color:var(--red)!important}
.bg-blue{background:var(--blue)!important}
.font-heading{font-family:var(--font-heading)}
.section-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-light);color:var(--blue);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:16px}
.section-badge .dot{width:6px;height:6px;background:var(--red);border-radius:50%;display:inline-block}
.section-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15;color:var(--gray-800)}
.section-sub{font-size:1.05rem;color:var(--gray-600);max-width:580px}
.btn-primary-custom{background:var(--blue);color:var(--white);padding:14px 32px;border-radius:50px;font-weight:600;width:fit-content;font-size:.95rem;border:2px solid transparent;display:inline-flex;align-items:center;gap:8px;transition:var(--transition);position:relative;overflow:hidden}
.btn-primary-custom::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--blue-dark);transition:left .35s ease;z-index:0}
.btn-primary-custom:hover::before{left:0}
.btn-primary-custom span,.btn-primary-custom i{position:relative;z-index:1;font-size:16px;text-transform:uppercase;letter-spacing:1px}
.btn-primary-custom:hover{color:var(--white);box-shadow:0 8px 25px #00528a66;transform:translateY(-2px)}
.btn-outline-custom{background:transparent;color:var(--white);padding:14px 32px;border-radius:50px;font-weight:600;font-size:.95rem;border:2px solid #ffffffb3;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}
.btn-outline-custom:hover{background:var(--white);color:var(--blue);border-color:var(--white);transform:translateY(-2px)}
.btn-red{background:var(--red);color:var(--white);padding:12px 28px;border-radius:50px;font-weight:600;font-size:.9rem;border:2px solid var(--red);display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}
.btn-red:hover{background:var(--red-dark);border-color:var(--red-dark);color:var(--white);transform:translateY(-2px)}
#mainNav{background:linear-gradient(135deg,#fff 32%,#0286cb00 31%,#00528a00 50%)!important;backdrop-filter:blur(12px);border-top:4px solid #e31e24;transition:background .4s ease,box-shadow .4s ease,padding .3s ease;padding:5px 0;z-index:1050}
#mainNav.scrolled{background:linear-gradient(135deg,#fff 32%,#0286cb 31%,#00528a 50%)!important;backdrop-filter:blur(12px);box-shadow:0 4px 30px #00000040;padding:0;transition:all .4s ease!important}
#mainNav.scrolled .navbar-brand img{width:200px;transition:all .4s ease!important}
#mainNav .navbar-brand .logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:900;color:var(--white);letter-spacing:-.02em;line-height:1}
#mainNav .navbar-brand .logo-sub{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6}
#mainNav .nav-link{color:#ffffffe0!important;font-weight:600;font-size:16px;letter-spacing:0;padding:8px 14px!important;position:relative;transition:color .25s}
@media only screen and (max-width: 992px) {
#mainNav .navbar-nav{background-color:#ffff;color:#000!important;padding:35px 10px}
.fx-premium-hero h1,p{text-align:start}
.navbar-brand img{max-width:226px;transition:all .4s ease!important;width:100%}
#mainNav{background:linear-gradient(135deg,#fff 32%,#0286cb 31%,#00528a 50%)!important}
#mainNav .nav-link{color:#000!important}
.carousel-control-prev,.carousel-control-next{top:90%!important}
#mainNav.scrolled .navbar-nav{background-color:#ffff;color:#000!important;padding:35px 10px}
#mainNav.scrolled .nav-link{color:#000!important}
#mainNav .nav-link:hover,#mainNav .nav-link.active{color:#000!important}
}
#mainNav .nav-link::after{content:'';position:absolute;bottom:2px;left:14px;right:14px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:2px}
#mainNav .nav-link:hover,#mainNav .nav-link.active{color:#fff!important}
#mainNav .nav-link:hover::after,#mainNav .nav-link.active::after{transform:scaleX(1)}
.nav-admit-btn{background:var(--red);color:var(--white)!important;padding:8px 22px!important;border-radius:50px!important;font-weight:600!important;transition:var(--transition)!important}
.nav-admit-btn:hover{background:var(--red-dark)!important;transform:translateY(-1px)}
.nav-admit-btn::after{display:none!important}
.navbar-toggler{border:1px solid #ffffff4d;padding:6px 10px;background:#fff}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
#welcomeModal .modal-content{border:none;border-radius:20px;overflow:hidden}
#welcomeModal .modal-body{padding:0}
.popup-img-side{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;position:relative;overflow:hidden}
.popup-img-side::before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:60px solid #ffffff0f;top:-80px;right:-80px}
.popup-img-side::after{content:'';position:absolute;width:200px;height:200px;border-radius:50%;border:40px solid #ffffff0f;bottom:-50px;left:-50px}
.popup-content-side{padding:40px 35px;display:flex;flex-direction:column;justify-content:center}
.popup-badge{background:var(--red);color:var(--white);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:50px;display:inline-block;margin-bottom:16px}
.popup-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:900;color:var(--gray-800);line-height:1.2;margin-bottom:12px}
.popup-text{font-size:.92rem;color:var(--gray-600);margin-bottom:24px}
.popup-features{margin-bottom:24px}
.popup-features li{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--gray-700);margin-bottom:8px}
.popup-features li i{color:var(--blue);font-size:1rem}
.btn-close-popup{position:absolute;top:16px;right:16px;background:#ffffff26;border:none;color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background .25s;z-index:10}
.btn-close-popup:hover{background:#ffffff4d}
.pll{filter:brightness(0) invert(1)}
#heroCarousel{height:100vh;min-height:650px}
.hero-slide{height:100vh;min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 8s ease;will-change:transform}
.carousel-item.active .hero-slide-bg{transform:scale(1)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000085 0%,#fff0 75%)}
.hero-geo-pattern{position:absolute;right:0;top:0;width:50%;height:100%;opacity:.08;background-image:repeating-linear-gradient(45deg,var(--white) 0,var(--white) 1px,transparent 0,transparent 50%),repeating-linear-gradient(-45deg,var(--white) 0,var(--white) 1px,transparent 0,transparent 50%);background-size:40px 40px}
.hero-content{position:relative;z-index:5;max-width:800px}
.hero-tag{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;backdrop-filter:blur(8px);border:1px solid #fff3;color:var(--white);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 18px;border-radius:50px;margin-bottom:24px;opacity:0;transform:translateY(20px);transition:opacity .6s .2s,transform .6s .2s}
.hero-tag .tag-dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:blink 1.5s infinite}
@keyframes blink {
0%,100%{opacity:1}
50%{opacity:.3}
}
.hero-heading{font-family:var(--font-heading);font-size:clamp(2.8rem,7vw,4rem);font-weight:900;color:var(--white);line-height:1.08;margin-bottom:20px;opacity:0;transform:translateY(30px);transition:opacity .7s .35s,transform .7s .35s;letter-spacing:-.02em;text-shadow:0 4px 30px #0000004d}
.hero-heading span{color:#7dc3ef}
.hero-desc{font-size:1.1rem;color:#ffffffd1;line-height:1.75;margin-bottom:36px;max-width:580px;opacity:0;transform:translateY(20px);transition:opacity .6s .5s,transform .6s .5s}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;opacity:0;transform:translateY(20px);transition:opacity .6s .65s,transform .6s .65s}
.carousel-item.active .hero-tag,.carousel-item.active .hero-heading,.carousel-item.active .hero-desc,.carousel-item.active .hero-actions{opacity:1;transform:translateY(0)}
.hero-stats-ribbon{position:absolute;bottom:0;left:0;right:0;background:#001e37d9;backdrop-filter:blur(12px);border-top:1px solid #ffffff14;z-index:10;padding:20px 0}
.hero-stat-item{text-align:center;color:var(--white);padding:0 20px;border-right:1px solid #ffffff1f}
.hero-stat-item:last-child{border-right:none}
.hero-stat-num{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:#7dc3ef;line-height:1}
.hero-stat-label{font-size:.75rem;color:#ffffffa6;letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.carousel-control-prev,.carousel-control-next{width:52px;height:52px;top:50%;transform:translateY(-50%);background:#ffffff1f;backdrop-filter:blur(8px);border:1px solid #fff3;border-radius:50%;margin:0 20px;opacity:1;transition:background .25s}
.carousel-control-prev:hover,.carousel-control-next:hover{background:#ffffff40}
.carousel-control-prev-icon,.carousel-control-next-icon{width:20px;height:20px}
.carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;margin:0 4px;transition:all .3s}
.carousel-indicators .active{background:var(--white);transform:scale(1.4)}
.welcome-section{background:var(--white)}
.welcome-img-wrap{position:relative;border-radius:0 44px;overflow:hidden;box-shadow:var(--shadow-lg)}
.welcome-img-wrap img{width:100%;height:480px;object-fit:cover;transition:transform .6s ease}
.welcome-img-wrap:hover img{transform:scale(1.04)}
.welcome-badge-float{position:absolute;bottom:0;right:0;background:#e31e24e3;color:var(--white);padding:20px 24px;border-radius:36px 36px 0;text-align:center;box-shadow:var(--shadow-md);z-index:2}
.welcome-badge-float .big-num{font-family:var(--font-heading);font-size:2.4rem;font-weight:900;line-height:1}
.welcome-badge-float .label{font-size:16px;opacity:.85;margin-top:4px}
.experience-strip{display:inline-flex;align-items:center;gap:12px;background:var(--red);color:var(--white);padding:10px 22px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:20px}
.value-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.value-icon{width:48px;height:48px;min-width:48px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.2rem;transition:var(--transition)}
.value-item:hover .value-icon{background:var(--blue);color:var(--white);transform:rotate(-5deg)}
.value-content h6{font-weight:700;font-size:.95rem;margin-bottom:4px;color:var(--gray-800)}
.value-content p{font-size:.85rem;color:var(--gray-600);margin:0}
.stats-section{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);position:relative;padding:80px 0;overflow:hidden}
.stats-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 15% 85%,#ffffff0d 0%,transparent 50%),radial-gradient(circle at 85% 15%,#ffffff0d 0%,transparent 50%)}
.geo-bg-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,#ffffff08 0,#ffffff08 1px,transparent 0,transparent 60px),repeating-linear-gradient(90deg,#ffffff08 0,#ffffff08 1px,transparent 0,transparent 60px);background-size:60px 60px}
.stat-card{text-align:center;color:var(--white);padding:20px;position:relative;z-index:2;opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(0.25,0.46,0.45,0.94)}
.stat-card.visible{opacity:1;transform:translateY(0)}
.stat-card .stat-icon{font-size:2.5rem;color:#ffffff59;margin-bottom:14px}
.stat-card .stat-num{font-family:var(--font-heading);font-size:3.2rem;font-weight:900;line-height:1;margin-bottom:8px;color:var(--white)}
.stat-card .stat-label{font-size:16px;color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase}
.delay-1{transition-delay:.15s}
.delay-2{transition-delay:.3s}
.delay-3{transition-delay:.45s}
.academics-section{background:var(--gray-50)}
.program-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);height:100%;border:1px solid var(--gray-200)}
.program-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}
.program-card-img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease}
.program-card:hover .program-card-img{transform:scale(1.05)}
.program-card-body{padding:24px}
.program-cat{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin-bottom:8px}
.program-card-body h5{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--gray-800);margin-bottom:8px}
.program-card-body p{font-size:.88rem;color:var(--gray-600);margin-bottom:16px}
.program-link{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:.88rem;font-weight:600;transition:gap .25s}
.program-link:hover{gap:10px;color:var(--blue-dark)}
.program-link i{font-size:.75rem}
.pentagon-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:40px}
.pentagon-card{position:relative;width:160px;height:160px;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 20px;color:var(--white);cursor:pointer;transition:transform .35s ease,filter .35s ease}
.pentagon-card:hover{transform:scale(1.08) rotate(-3deg);filter:brightness(1.15)}
.pentagon-card.alt{background:var(--blue-dark)}
.pentagon-card.accent{background:var(--red)}
.pentagon-card i{font-size:1.8rem;margin-bottom:8px}
.pentagon-card span{font-size:.78rem;font-weight:700;letter-spacing:.04em;line-height:1.3}
.features-section{background:var(--white);position:relative;overflow:hidden}
.features-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#00528a0d 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0}
.why-list{counter-reset:why-counter}
.why-item{display:grid;grid-template-columns:56px 1fr;gap:0 18px;align-items:start;padding:22px 0;border-bottom:1px solid var(--gray-200);transition:var(--transition)}
.why-item:last-child{border-bottom:none}
.why-item-num{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--gray-200);line-height:1.1;transition:color .35s,transform .35s;padding-top:4px;user-select:none}
.why-item:hover .why-item-num{color:var(--blue);transform:scale(1.15)}
.why-item-body h5{font-size:.98rem;font-weight:700;color:var(--gray-800);margin-bottom:4px;display:flex;align-items:center;gap:10px;transition:color .25s}
.why-item-body h5 i{width:30px;height:30px;background:var(--blue-light);color:var(--blue);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;flex-shrink:0;transition:var(--transition)}
.why-item:hover .why-item-body h5{color:var(--blue)}
.why-item:hover .why-item-body h5 i{background:var(--blue);color:var(--white);transform:rotate(-8deg)}
.why-item-body p{font-size:.86rem;color:var(--gray-600);margin:0;line-height:1.65}
.why-visual-stack{position:relative;height:520px}
.why-big-img{width:100%;height:320px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}
.why-big-img img{width:100%;height:100%;object-fit:cover}
.why-pill-badge{position:absolute;bottom:200px;right:-20px;background:var(--blue);color:var(--white);padding:14px 20px;border-radius:16px;box-shadow:var(--shadow-md);text-align:center;min-width:110px;z-index:3}
.why-pill-badge .big{font-family:var(--font-heading);font-size:2rem;font-weight:900;line-height:1}
.why-pill-badge .lbl{font-size:.72rem;opacity:.85;margin-top:3px}
.why-accent-card{position:absolute;bottom:0;left:0;right:0;background:var(--blue-dark);border-radius:20px;padding:22px 24px;display:flex;gap:16px;align-items:center;box-shadow:var(--shadow-md);z-index:2;height:185px}
.why-accent-card img{width:110px;height:141px;border-radius:12px;object-fit:cover;flex-shrink:0}
.why-accent-card-content{color:var(--white)}
.why-accent-card-content .lbl{font-size:.72rem;color:#fff9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}
.why-accent-card-content h5{font-weight:700;font-size:1rem;margin-bottom:8px}
.why-accent-card-content p{font-size:.82rem;color:#ffffffb8;margin:0}
.why-float-stat{position:absolute;top:8px;right:-10px;background:var(--red);color:var(--white);border-radius:50px;padding:8px 18px;display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;box-shadow:0 4px 20px #e6394666;z-index:4;animation:floatY 3s ease-in-out infinite}
@keyframes floatY {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-8px)}
}
.subjects-outer{padding:60px 0}
.subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:0 auto;border:1.5px dashed var(--gray-200);border-radius:24px;overflow:hidden}
.subject-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;gap:10px;cursor:pointer;transition:var(--transition);border-right:1.5px dashed var(--gray-200);border-bottom:1.5px dashed var(--gray-200);position:relative;overflow:hidden}
.subject-tile:nth-child(3n){border-right:none}
.subject-tile:nth-child(n+7){border-bottom:none}
.subject-tile::before{content:'';position:absolute;inset:0;background:var(--blue);transform:scale(0);border-radius:50%;transition:transform .5s cubic-bezier(.34,1.56,.64,1);z-index:0}
.subject-tile:hover::before{transform:scale(2.4)}
.subject-tile-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.subject-icon-wrap{width:60px;height:60px;border-radius:50%;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:var(--transition)}
.subject-tile:hover .subject-icon-wrap{background:#fff3;color:var(--white);box-shadow:0 0 0 3px #ffffff4d}
.subject-label{font-size:.82rem;font-weight:700;color:var(--gray-700);text-align:center;letter-spacing:.02em;transition:color .3s}
.subject-tile:hover .subject-label{color:var(--white)}
.subject-tile.center-tile{background:var(--blue)}
.subject-tile.center-tile .subject-icon-wrap{background:#ffffff26;color:var(--white);width:70px;height:70px;font-size:1.8rem}
.subject-tile.center-tile .subject-label{color:#ffffffe6;font-size:.88rem}
.subject-tile.center-tile::before{display:none}
.subject-tile.accent-tile .subject-icon-wrap{background:#e639461a;color:var(--red)}
.subject-tile.accent-tile:hover .subject-icon-wrap{background:#fff3;color:var(--white)}
.subject-tile.accent-tile::before{background:var(--red)}
.hero-heading span{color:var(--white);background:linear-gradient(90deg,#ffffff26,#ffffff0f);backdrop-filter:blur(4px);padding:2px 10px 0;border-radius:6px;border-bottom:3px solid var(--red)}
.hero-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;opacity:0;transform:translateY(16px);transition:opacity .5s .15s,transform .5s .15s}
.carousel-item.active .hero-badge-row{opacity:1;transform:translateY(0)}
.hero-mini-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid #ffffff26;color:#ffffffe6;font-size:.75rem;font-weight:600;padding:5px 14px;border-radius:50px}
.hero-mini-badge i{color:#ffd60a}
.hero-number-row{display:flex;gap:28px;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff26;opacity:0;transform:translateY(16px);transition:opacity .5s .8s,transform .5s .8s}
.carousel-item.active .hero-number-row{opacity:1;transform:translateY(0)}
.hero-inline-stat .n{font-family:var(--font-heading);font-size:1.8rem;font-weight:900;color:var(--white);line-height:1}
.hero-inline-stat .l{font-size:.72rem;color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
#newsToastContainer{position:fixed;bottom:90px;left:24px;z-index:1060;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}
.news-toast{background:var(--white);border:1px solid var(--gray-200);border-left:4px solid var(--blue);border-radius:14px;padding:14px 16px;box-shadow:0 8px 32px #00000024;display:flex;gap:12px;align-items:flex-start;max-width:310px;min-width:260px;pointer-events:all;transform:translateX(-130%);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}
.news-toast.show{transform:translateX(0);opacity:1}
.news-toast.event-type{border-left-color:var(--red)}
.news-toast-icon{width:36px;height:36px;min-width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:var(--blue-light);color:var(--blue)}
.news-toast.event-type .news-toast-icon{background:#e639461a;color:var(--red)}
.news-toast-body{flex:1;min-width:0}
.news-toast-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:3px}
.news-toast.event-type .news-toast-label{color:var(--red)}
.news-toast-title{font-size:.84rem;font-weight:700;color:var(--gray-800);line-height:1.35;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-toast-time{font-size:.72rem;color:var(--gray-600)}
.news-toast-close{background:none;border:none;color:var(--gray-600);cursor:pointer;padding:0;font-size:.85rem;flex-shrink:0;margin-top:2px}
.news-toast-close:hover{color:var(--red)}
.halftone-bg{background-color:var(--white);background-image:radial-gradient(circle,#0000002e 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 450'%3E%3Cpath fill='none' stroke='#0000000f' stroke-width='0.6' d='M180 140 C200 120 240 100 280 110 C320 120 340 140 360 150 C380 160 400 155 430 160 C460 165 480 180 510 175 C540 170 560 155 590 150 C620 145 650 150 680 145 M140 160 C160 145 190 135 220 140 C250 145 270 160 300 165 C330 170 360 165 390 170 C420 175 440 185 470 180 C500 175 530 165 560 160 C590 155 620 160 650 155 C680 150 710 155 740 150 M100 200 C130 185 170 175 210 180 C250 185 280 200 320 205 C360 210 400 205 440 210 C480 215 510 225 550 220 C590 215 620 205 660 200 C700 195 730 200 760 195 M80 230 C120 215 160 205 200 210 C240 215 270 230 310 235 C350 240 390 235 430 240 C470 245 500 255 540 250 C580 245 610 235 650 230 M450 80 C430 100 410 130 420 160 C430 190 460 200 470 230 C480 260 460 280 450 310 C440 340 430 360 440 380 M500 70 C490 95 475 125 480 155 C485 185 510 200 520 230 C530 260 515 280 510 310 C505 340 495 360 500 380 M550 75 C545 100 535 130 540 160 C545 190 565 205 570 235 C575 265 560 285 555 315 C550 345 545 365 550 385 M400 85 C385 110 370 140 375 170 C380 200 405 215 410 245 C415 275 400 295 395 325 C390 355 382 375 385 395'/%3E%3C/svg%3E");background-size:18px 18px,cover;background-position:0 0,center}
.halftone-bg-dark{background-color:var(--blue-dark);background-image:radial-gradient(circle,#ffffff12 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 450'%3E%3Cpath fill='none' stroke='#ffffff0f' stroke-width='0.6' d='M180 140 C200 120 240 100 280 110 C320 120 340 140 360 150 C380 160 400 155 430 160 C460 165 480 180 510 175 C540 170 560 155 590 150 C620 145 650 150 680 145 M140 160 C160 145 190 135 220 140 C250 145 270 160 300 165 C330 170 360 165 390 170 C420 175 440 185 470 180 C500 175 530 165 560 160 C590 155 620 160 650 155 C680 150 710 155 740 150 M100 200 C130 185 170 175 210 180 C250 185 280 200 320 205 C360 210 400 205 440 210 C480 215 510 225 550 220 C590 215 620 205 660 200 C700 195 730 200 760 195 M450 80 C430 100 410 130 420 160 C430 190 460 200 470 230 C480 260 460 280 450 310 M500 70 C490 95 475 125 480 155 C485 185 510 200 520 230 C530 260 515 280 510 310'/%3E%3C/svg%3E");background-size:20px 20px,cover;background-position:0 0,center}
.halftone-bg-blue{background-color:var(--blue);background-image:radial-gradient(circle,#ffffff14 1px,transparent 1px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 450'%3E%3Cpath fill='none' stroke='#ffffff12' stroke-width='0.7' d='M180 140 C200 120 240 100 280 110 C320 120 340 140 360 150 C380 160 400 155 430 160 C460 165 480 180 510 175 C540 170 560 155 590 150 M100 200 C130 185 170 175 210 180 C250 185 280 200 320 205 C360 210 400 205 440 210 C480 215 510 225 550 220 M450 80 C430 100 410 130 420 160 C430 190 460 200 470 230 C480 260 460 280 450 310 M500 70 C490 95 475 125 480 155 C485 185 510 200 520 230'/%3E%3C/svg%3E");background-size:20px 20px,cover;background-position:0 0,center}
.hex-row{display:flex;justify-content:center;gap:6px;margin-bottom:-20px}
.hex-row + .hex-row{margin-top:0}
.hex{width:50px;height:58px;background:var(--blue-light);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);transition:background .3s,transform .3s}
.hex:hover{background:var(--blue);transform:scale(1.1)}
.hex.filled{background:var(--blue)}
.hex.accent{background:var(--red)}
.admissions-section{background:linear-gradient(135deg,var(--blue-dark) 0%,var(--blue) 100%);position:relative;overflow:hidden}
.admissions-section::before{content:'';position:absolute;bottom:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:#ffffff0a;border:80px solid #ffffff0a}
.admissions-section::after{content:'';position:absolute;top:-80px;left:-80px;width:350px;height:350px;border-radius:50%;background:#ffffff0a;border:60px solid #ffffff0a}
.step-card{background:#ffffff17;backdrop-filter:blur(8px);border:1px solid #ffffff1f;border-radius:var(--radius);padding:30px 24px;transition:var(--transition);position:relative;z-index:2;height:100%}
.step-card:hover{background:#ffffff24;transform:translateY(-6px)}
.step-num{font-family:var(--font-heading);font-size:3rem;font-weight:900;color:#ffffff1f;line-height:1;margin-bottom:12px}
.step-icon{width:52px;height:52px;background:var(--white);color:var(--blue);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}
.step-card h5{color:var(--white);font-weight:700;font-size:1rem;margin-bottom:8px}
.step-card p{color:#ffffffb8;font-size:16px;margin:0}
.step-connector{display:flex;align-items:center;justify-content:center;color:#fff3;font-size:1.5rem}
.deadline-card{background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:12px;transition:var(--transition)}
.deadline-card:hover{background:#ffffff29}
.deadline-date{background:var(--red);color:var(--white);padding:8px 14px;border-radius:10px;text-align:center;min-width:60px}
.deadline-date .month{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.deadline-date .day{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;line-height:1}
.deadline-info h6{color:var(--white);font-weight:600;margin-bottom:2px;font-size:.92rem}
.deadline-info p{color:#ffffffa6;font-size:.82rem;margin:0}
.news-section{background:var(--gray-50)}
.news-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--gray-200);height:100%}
.news-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}
.news-img-wrap{overflow:hidden;height:220px}
.news-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.news-card:hover .news-img-wrap img{transform:scale(1.06)}
.news-card-body{padding:24px}
.news-cat{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--white);background:var(--blue);padding:3px 12px;border-radius:50px;margin-bottom:10px}
.news-cat.event{background:var(--red)}
.news-date{font-size:.8rem;color:var(--gray-600);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.news-card-body h5{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--gray-800);line-height:1.4;margin-bottom:10px}
.news-card-body p{font-size:.85rem;color:var(--gray-600);margin:0}
.event-timeline-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);padding:20px 24px;display:flex;gap:20px;align-items:flex-start;transition:var(--transition);margin-bottom:16px}
.event-timeline-card:hover{box-shadow:var(--shadow-md);transform:translateX(6px);border-color:var(--blue-light)}
.event-date-box{background:var(--blue);color:var(--white);padding:10px 16px;border-radius:12px;text-align:center;min-width:58px}
.event-date-box .e-month{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.event-date-box .e-day{font-family:var(--font-heading);font-size:1.8rem;font-weight:900;line-height:1}
.event-info h6{font-weight:700;font-size:.95rem;color:var(--gray-800);margin-bottom:4px}
.event-info p{font-size:.83rem;color:var(--gray-600);margin:0}
.event-info .event-tag{display:inline-block;font-size:.7rem;font-weight:600;color:var(--red);background:#e6394614;padding:2px 10px;border-radius:50px;margin-top:6px}
.gallery-section{background:linear-gradient(180deg,#f2f2f2a3 0%,#fff0 100%)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,220px);gap:12px}
.gallery-item{border-radius:var(--radius-sm);overflow:hidden;position:relative;cursor:pointer}
.gallery-item:first-child{grid-column:span 2;grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gallery-item:hover img{transform:scale(1.07)}
.gallery-overlay{position:absolute;inset:0;background:#00528a99;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s}
.gallery-overlay i{color:var(--white);font-size:2rem}
.gallery-item:hover .gallery-overlay{opacity:1}
.testimonials-section{background:var(--blue);position:relative;overflow:hidden}
.testimonials-section::before{content:'"';position:absolute;font-family:var(--font-heading);font-size:20rem;font-weight:900;color:#ffffff0a;top:-60px;left:40px;line-height:1;pointer-events:none}
.testimonial-card{background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid #ffffff26;border-radius:var(--radius);padding:36px 32px;color:var(--white);transition:var(--transition)}
.testimonial-card:hover{background:#ffffff26;transform:translateY(-5px)}
.testimonial-stars{color:#ffd60a;margin-bottom:16px;font-size:.95rem}
.testimonial-text{font-size:1rem;line-height:1.8;color:#ffffffe0;margin-bottom:24px;font-style:italic}
.testimonial-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #ffffff4d}
.testimonial-name{font-weight:700;font-size:.95rem}
.testimonial-role{font-size:.8rem;color:#fff9}
.faculty-section{background:var(--gray-50)}
.faculty-card{background:var(--white);border-radius:var(--radius);overflow:hidden;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:var(--transition)}
.faculty-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:transparent}
.faculty-img-wrap{position:relative;height:240px;overflow:hidden}
.faculty-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}
.faculty-card:hover .faculty-img-wrap img{transform:scale(1.05)}
.faculty-overlay{position:absolute;bottom:0;left:0;right:0;height:0;background:linear-gradient(0deg,#00528ad9,transparent);transition:height .35s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;gap:12px}
.faculty-card:hover .faculty-overlay{height:100%}
.faculty-social-btn{width:36px;height:36px;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.9rem;transition:background .25s;text-decoration:none}
.faculty-social-btn:hover{background:var(--white);color:var(--blue)}
.faculty-card-body{padding:20px 16px}
.faculty-card-body h5{font-weight:700;font-size:1rem;color:var(--gray-800);margin-bottom:4px}
.faculty-card-body .role{font-size:.82rem;color:var(--blue);font-weight:600;margin-bottom:2px}
.faculty-card-body .dept{font-size:.78rem;color:var(--gray-600)}
.cta-band{background:var(--gray-800);position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-dark) 0%,transparent 60%);opacity:.8}
.cta-band::after{content:'';position:absolute;right:0;top:0;bottom:0;width:45%;clip-path:polygon(15% 0%,100% 0%,100% 100%,0% 100%);background:#ffffff0a}
.cta-band-content{position:relative;z-index:2}
.cta-band h2{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;color:var(--white);line-height:1.2}
.cta-band p{color:#ffffffb8;font-size:1rem}
.contact-section{background:var(--gray-50)}
.contact-form-card{background:var(--white);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-md);border:1px solid var(--gray-200)}
.form-control-custom{border:1.5px solid var(--gray-200);border-radius:10px;padding:12px 16px;font-size:.92rem;font-family:var(--font-body);transition:border-color .25s,box-shadow .25s;background:var(--gray-50)}
.form-control-custom:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #00528a1a;background:var(--white)}
.form-label-custom{font-size:.85rem;font-weight:600;color:var(--gray-700);margin-bottom:6px}
.contact-info-card{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-dark) 100%);border-radius:var(--radius);padding:40px 36px;color:var(--white);height:100%}
.contact-info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
.contact-info-icon{width:46px;height:46px;min-width:46px;background:#ffffff1f;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.contact-info-item h6{font-weight:700;font-size:.9rem;margin-bottom:4px}
.contact-info-item p{font-size:.85rem;color:#ffffffb8;margin:0}
.social-links-contact{display:flex;gap:10px;margin-top:28px}
.social-link-btn{width:42px;height:42px;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:var(--transition);font-size:1rem}
.social-link-btn:hover{background:var(--white);color:var(--blue);transform:translateY(-3px)}
.map-wrap{border-radius:var(--radius);overflow:hidden;height:410px;margin-top:28px;border:1px solid #ffffff26}
.map-wrap iframe{width:100%;height:100%;border:none}
.ticker-bar{background:var(--blue-dark);padding:10px 0;overflow:hidden;position:relative}
.ticker-label{background:var(--red);color:var(--white);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 16px;border-radius:0 50px 50px 0;white-space:nowrap}
.ticker-content{display:flex;animation:tickerScroll 8s linear infinite;white-space:nowrap;gap:60px;align-items:center}
@keyframes tickerScroll {
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
.ticker-item{color:#ffffffd9;font-size:.85rem;font-weight:500}
.ticker-item i{color:var(--red);margin-right:8px}
.ticker-separator{color:#ffffff4d}
.main-footer{background:#00528a;color:#ffffffbf}
.footer-top{padding:70px 0 50px;border-bottom:1px solid #ffffff14}
.footer-brand .logo-text{font-family:var(--font-heading);font-size:1.6rem;font-weight:900;color:var(--white)}
.footer-brand .logo-sub{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}
.footer-desc{font-size:.88rem;line-height:1.4;margin:16px 0 20px;max-width:280px;color:#fff;font-weight:300}
.footer-heading{color:var(--white);font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;margin-bottom:20px;position:relative;padding-bottom:10px}
.footer-heading::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:var(--red);border-radius:2px}
.footer-links li{margin-bottom:10px}
.footer-links li a{color:#ffff;font-size:16px;transition:color .25s,padding-left .25s;display:flex;align-items:center;gap:8px}
.footer-links li a:hover{color:var(--white);padding-left:6px}
.footer-links li a i{font-size:.7rem;color:#fff}
.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.footer-contact-item i{color:var(--red);margin-top:2px;font-size:.9rem}
.footer-contact-item span{font-size:16px;color:#fff}
.footer-social{display:flex;gap:10px;margin-top:16px}
.footer-social a{width:38px;height:38px;background:#ffffff14;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffa6;transition:var(--transition);font-size:.95rem}
.footer-social a:hover{background:var(--blue);color:var(--white);transform:translateY(-3px)}
.footer-bottom{padding:20px 0}
.footer-bottom p{font-size:14px!important;color:#ffffff73;margin:0}
.footer-bottom a{color:#ffffff8c;font-size:.82rem;transition:color .25s}
.footer-bottom a:hover{color:var(--white)}
.footer-tagline{color:var(--red);font-weight:600;font-size:.82rem}
.fotr-links{display:flex;align-items:center;justify-content:end}
#backToTop{position:fixed;bottom:30px;right:30px;width:46px;height:46px;background:red;color:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #00528a66;z-index:999;opacity:0;transform:translateY(20px);transition:var(--transition)}
#backToTop.show{opacity:1;transform:translateY(0)}
#backToTop:hover{background:var(--blue-dark);transform:translateY(-3px)}
.geo-divider{position:relative;height:60px;overflow:hidden}
.geo-divider svg{position:absolute;bottom:0;width:100%}
/* ==========================================
   SCROLL REVEAL ANIMATIONS
   ========================================== */
.reveal { opacity: 0; transform: translateY(40px); transition: opacity .65s ease, transform .65s ease;}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-40px); transition: opacity .65s ease, transform .65s ease; }
.reveal-left.visible { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(40px); transition: opacity .65s ease, transform .65s ease; }
.reveal-right.visible { opacity: 1; transform: translateX(0); }
.delay-1 { transition-delay: .1s; }
.delay-2 { transition-delay: .2s; }
.delay-3 { transition-delay: .3s; }
.delay-4 { transition-delay: .4s; }
.delay-5 { transition-delay: .5s; }

/* ============== PRELOADER  ================= */
#preloader{position:fixed;inset:0;background:var(--blue-dark);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s,visibility .5s}
#preloader.hidden{opacity:0;visibility:hidden}
.preloader-logo{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--white);margin-bottom:30px}
.preloader-bar{width:200px;height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}
.preloader-fill{height:100%;background:var(--red);width:0;animation:preloaderAnim 1.5s ease forwards;border-radius:3px}
@keyframes preloaderAnim {
to{width:100%}
}

/* Nav in ipad view */
@media (max-width: 1200px) {
.navbar-expand-lg .navbar-toggler{display:block!important}
.hf{display:none}
.kidg{display:block;border:1px solid #ddd;padding:5px 20px;border-radius:8px;background:#fff;color:#000;font-weight:600}
.navbar-expand-lg .navbar-collapse{display:none!important}
.navbar-expand-lg .navbar-collapse.show{display:block!important;background:#021c3a;position:absolute;top:100%;left:0;width:100%;padding:20px}
#mainNav .nav-link:hover,#mainNav .nav-link.active{color:#fff!important}
#mainNav{background:linear-gradient(135deg,#fff 40%,#0286cb00 40%,#00528a00 51%)!important;backdrop-filter:blur(12px);transition:background .4s ease,box-shadow .4s ease,padding .3s ease;padding:5px 0;z-index:1050}
}
@media (min-width: 992px) and (max-width: 1200px) {
.nav-link.nav-admit-btn{padding:8px 15px!important;font-size:13px}
.navbar-nav{gap:5px!important}
}
.academics-section{background:var(--gray-50);padding:80px 0}
@media (max-width: 992px) {
.academics-section{padding:60px 0}
#mainNav .nav-link:hover,#mainNav .nav-link.active{color:#000!important}
}
@media (max-width: 576px) {
.academics-section{padding:44px 0}
}
.section-badge{display:inline-flex;align-items:center;gap:8px;background:#001e3714;color:var(--blue-dark);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 16px;border-radius:50px;margin-bottom:16px}
.section-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block}
.section-title{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;color:var(--blue-dark);line-height:1.2}
.section-sub{color:#556;font-size:.97rem;line-height:1.75;max-width:72%}
.acad-showcase{margin-top:20px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg)}
.acad-tabs{display:flex;background:var(--blue-dark);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.acad-tabs::-webkit-scrollbar{display:none}
.acad-tab{flex:1;min-width:110px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;border:none;background:transparent;color:#ffffff80;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.05em;cursor:pointer;border-bottom:3px solid transparent;transition:color .25s,border-color .25s,background .25s;white-space:nowrap}
.acad-tab i{font-size:1.25rem}
.acad-tab:hover{color:#ffffffd9;background:#ffffff0f}
.acad-tab.active{color:var(--white);border-bottom-color:var(--red);background:#ffffff17}
.acad-panels{position:relative}
.acad-panel{display:none;grid-template-columns:1fr 1fr;opacity:0;transition:opacity .45s ease}
.acad-panel.active{display:grid;opacity:1}
@media (max-width: 768px) {
.acad-panel{grid-template-columns:1fr}
}
.acad-panel-img{position:relative;overflow:hidden;min-height:260px}
@media (max-width: 768px) {
.acad-panel-img{min-height:220px}
}
.acad-panel-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 6s ease}
.acad-panel.active .acad-panel-img img{transform:scale(1.06)}
.acad-panel-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#001e37cc 100%)}
@media (max-width: 768px) {
.acad-panel-overlay{background:linear-gradient(180deg,transparent 40%,#001e37d9 100%)}
}
.acad-panel-content{background:var(--blue-dark);padding:44px 40px;display:flex;flex-direction:column;justify-content:center}
@media (max-width: 992px) {
.acad-panel-content{padding:32px 28px}
}
@media (max-width: 768px) {
.acad-panel-content{padding:26px 22px}
}
.acad-cat-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;color:#ffffffd9;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:5px 14px;border-radius:50px;margin-bottom:16px;width:fit-content;border:1px solid #ffffff1f}
.acad-panel-content h3{font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,1.95rem);font-weight:900;color:var(--white);line-height:1.2;margin-bottom:12px}
.acad-panel-content p{font-size:.92rem;color:#ffffffb8;line-height:1.75;margin-bottom:22px}
.acad-stats-row{display:flex;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid #ffffff1a;margin-bottom:22px}
.acad-stat{display:flex;flex-direction:column;color:#ffffff8c;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.acad-stat span{font-family:var(--font-heading);font-size:1.55rem;font-weight:900;color:var(--white);line-height:1;margin-bottom:2px}
.btn-primary-custom{display:inline-flex;align-items:center;gap:10px;background:var(--red);color:var(--white);font-family:var(--font-body);font-size:.85rem;font-weight:700;letter-spacing:.04em;padding:12px 24px;border-radius:50px;text-decoration:none;transition:background .25s,transform .2s;width:fit-content}
.btn-primary-custom:hover{background:#c0272d;transform:translateY(-2px);color:var(--white)}
.btn-primary-custom i{font-size:.85rem;transition:transform .2s}
.btn-primary-custom:hover i{transform:translateX(4px)}
.why-interactive{display:grid;grid-template-columns:1fr 480px;gap:40px;align-items:start}
@media (max-width: 992px) {
.why-interactive{grid-template-columns:1fr}
}
.why-interactive-item{display:grid;grid-template-columns:56px 1fr auto;gap:0 16px;align-items:start;padding:26px 20px;border-radius:16px;border:1.5px solid var(--gray-200);margin-bottom:12px;cursor:pointer;transition:var(--transition);background:var(--white);position:relative;overflow:hidden}
.why-interactive-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--blue);transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease;border-radius:2px 0 0 2px}
.why-interactive-item:hover{border-color:var(--blue-light);box-shadow:var(--shadow-sm)}
.why-interactive-item.active{border-color:var(--blue);background:var(--blue-light);box-shadow:var(--shadow-md)}
.why-interactive-item.active::before{transform:scaleY(1)}
.why-int-num{font-family:var(--font-heading);font-size:2rem;font-weight:900;color:var(--gray-200);line-height:1.1;transition:color .3s;padding-top:2px}
.why-interactive-item.active .why-int-num,.why-interactive-item:hover .why-int-num{color:var(--blue)}
.why-int-body h4{font-size:20px;font-weight:700;color:var(--gray-800);margin-bottom:6px;display:flex;align-items:center;gap:10px}
.why-int-body h4 i{width:28px;height:28px;background:var(--blue-light);color:var(--blue);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0;transition:var(--transition)}
.why-interactive-item.active .why-int-body h4 i,.why-interactive-item:hover .why-int-body h4 i{background:var(--blue);color:var(--white)}
.why-int-body p{font-size:.84rem;color:var(--gray-600);line-height:1.65;margin:0 0 10px;max-height:0;overflow:hidden;transition:max-height .4s ease}
.why-interactive-item.active .why-int-body p{max-height:120px}
.why-int-tags{display:flex;flex-wrap:wrap;gap:6px}
.why-int-tags span{font-size:.7rem;font-weight:700;color:var(--blue);background:var(--blue-light);padding:3px 10px;border-radius:50px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s}
.why-interactive-item.active .why-int-tags span{opacity:1;transform:translateY(0)}
.why-interactive-item.active .why-int-tags span:nth-child(2){transition-delay:.05s}
.why-interactive-item.active .why-int-tags span:nth-child(3){transition-delay:.1s}
.why-int-arrow{color:var(--gray-200);font-size:1.4rem;padding-top:4px;transition:color .3s,transform .3s;align-self:center}
.why-interactive-item.active .why-int-arrow,.why-interactive-item:hover .why-int-arrow{color:var(--blue);transform:translateX(4px)}
.why-image-col{position:sticky;top:100px}
@media (max-width: 992px) {
.why-image-col{position:relative;top:0}
}
.why-img-frame{border-radius:24px;overflow:hidden;height:500px;position:relative;box-shadow:var(--shadow-lg)}
@media (max-width: 992px) {
.why-img-frame{height:300px}
}
.why-img-slide{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .6s ease,transform .6s ease}
.why-img-slide.active{opacity:1;transform:scale(1)}
.why-img-slide img{width:100%;height:100%;object-fit:cover}
.why-img-badge{position:absolute;bottom:16px;left:16px;background:#001e37e0;backdrop-filter:blur(8px);border:1px solid #ffffff1f;color:var(--white);padding:10px 16px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;z-index:2}
.why-img-badge i{color:#ffd60a}
.why-img-counter{position:absolute;top:16px;right:16px;background:#001e37bf;backdrop-filter:blur(8px);color:var(--white);padding:8px 14px;border-radius:50px;font-family:var(--font-heading);font-size:.95rem;font-weight:900;z-index:2;display:flex;align-items:center;gap:4px}
.why-img-sep{opacity:.4}
.news-carousel-section{background:var(--gray-800);position:relative;overflow:hidden}
.news-car-header{display:flex;align-items:flex-end;justify-content:space-between;padding-top:70px;padding-bottom:30px;flex-wrap:wrap;gap:20px;position:relative;z-index:5}
.news-car-header .section-title{color:var(--white)}
.news-car-header .section-badge{background:#ffffff1a;color:#fffc}
.news-car-controls{display:flex;align-items:center;gap:14px}
.news-car-btn{width:46px;height:46px;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:var(--transition)}
.news-car-btn:hover{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}
.news-car-progress{width:100px;height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}
.news-car-progress-fill{height:100%;background:var(--red);border-radius:3px;transition:width .6s ease}
.news-car-track-wrap{position:relative}
.news-car-track{position:relative;height:520px;overflow:hidden}
@media (max-width: 768px) {
.news-car-track{height:420px}
}
.news-car-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(60px) scale(.98);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);display:flex;align-items:flex-end}
.news-car-slide.active{opacity:1;pointer-events:all;transform:translateX(0) scale(1);z-index:2}
.news-car-slide.exit{opacity:0;transform:translateX(-60px) scale(.98);z-index:1}
.news-car-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 8s ease}
.news-car-slide.active .news-car-bg{transform:scale(1.04)}
.news-car-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000f23f2 0%,#000f2399 45%,#000f2326 100%)}
.news-car-content{position:relative;z-index:3;padding:40px 48px;max-width:680px;width:100%}
@media (max-width: 768px) {
.news-car-content{padding:24px 20px}
}
.news-car-meta{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.news-car-badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:50px;color:var(--white)}
.news-car-badge.achievement{background:var(--blue)}
.news-car-badge.event{background:var(--red)}
.news-car-badge.community{background:#2d8a4e}
.news-car-badge.upcoming{background:#d97706}
.news-car-date{display:flex;align-items:center;gap:6px;color:#fff9;font-size:.8rem}
.news-car-title{font-family:var(--font-heading);font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:900;color:var(--white);line-height:1.2;margin-bottom:12px}
.news-car-title em{font-style:normal;color:#7dc3ef}
.news-car-desc{font-size:.92rem;color:#ffffffb8;line-height:1.7;margin-bottom:22px;max-width:520px}
.news-car-cta{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--blue);font-size:.88rem;font-weight:700;padding:12px 24px;border-radius:50px;transition:var(--transition)}
.news-car-cta:hover{background:var(--red);color:var(--white);transform:translateY(-2px);gap:12px}
.news-car-cta i{font-size:.8rem}
.news-car-number{position:absolute;right:48px;bottom:44px;font-family:var(--font-heading);font-size:7rem;font-weight:900;color:#ffffff0a;line-height:1;z-index:1;pointer-events:none;user-select:none}
@media (max-width: 768px) {
.news-car-number{display:none}
}
.news-car-dots{display:flex;justify-content:center;gap:8px;padding:20px 0 30px;position:relative;z-index:5}
.news-car-dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;border:none;cursor:pointer;transition:all .35s;padding:0}
.news-car-dot.active{background:var(--red);transform:scale(1.4);width:24px;border-radius:4px}
@media (max-width: 992px) {
.section-pad{padding:70px 0}
.gallery-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}
.gallery-item:first-child{grid-column:span 2;grid-row:span 1}
.stat-divider{display:none}
.hero-stat-item{padding:10px 12px}
.pentagon-card{width:130px;height:130px}
}
@media (max-width: 768px) {
#heroCarousel,.hero-slide{height:90vh;min-height:500px}
.hero-heading{font-size:2rem}
.hero-desc{font-size:.95rem}
.contact-form-card{padding:24px}
.contact-info-card{padding:30px 24px;margin-top:24px}
.pentagon-wrap{gap:10px}
.pentagon-card{width:110px;height:110px}
.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
.gallery-item:first-child{grid-column:span 2}
.step-connector{display:none}
.footer-bottom{flex-direction:column;text-align:center}
}
@media (max-width: 576px) {
.hero-actions{flex-direction:column;align-items:flex-start}
.welcome-badge-float{display:none}
.section-pad{padding:50px 0}
}
:root{--brand:#1a56db;--brand-light:#ebf1ff;--brand-mid:#c0d4ff;--red:#e02424;--red-light:#fde8e8;--green:#057a55;--green-light:#def7ec;--amber:#c27803;--amber-light:#fdf6b2;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg:#f9fafb;--bg-card:#fff;--border:#00000014;--border-strong:#00000024;--shadow-sm:0 1px 3px #0000000f 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014 0 2px 6px #0000000a;--shadow-lg:0 20px 60px #0000001f 0 8px 20px #0000000f;--radius:12px;--radius-sm:8px;--font:Inter,system-ui,sans-serif;--header-h:76px;--transition:.22s cubic-bezier(0.4,0,0.2,1)}
body{font-family:var(--font);background:var(--bg);color:var(--text-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.cal-header{position:sticky;top:0;z-index:200;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center}
.cal-header .inner{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.nav-group{display:flex;align-items:center;gap:6px}
.nav-btn{width:36px;height:36px;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);flex-shrink:0}
.nav-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 8px #1a56db4d}
.nav-btn:active{transform:scale(0.94)}
.date-selector{display:flex;align-items:center;gap:4px}
.sel-pill{appearance:none;border:none;background:transparent;font-family:var(--font);font-weight:700;font-size:1.25rem;color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition);outline:none}
.sel-pill:hover{background:var(--brand-light);color:var(--brand)}
.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.today-btn{height:36px;padding:0 18px;border:1px solid var(--border-strong);border-radius:50px;background:var(--bg-card);font-family:var(--font);font-weight:600;font-size:.82rem;color:var(--text-primary);cursor:pointer;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);display:flex;align-items:center;gap:6px}
.today-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 8px #1a56db4d}

.cal-wrap{max-width:1200px;margin:28px auto;padding:0 16px 40px;overflow:visible}
.month-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;padding-left:2px}
.cal-card{background:var(--bg-card);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow-md);overflow:hidden}
.week-row{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border);background:#fafafa}
.wday{padding:14px 0;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.wday.weekend{color:var(--red)}
.cal-body{display:grid;grid-template-columns:repeat(7,1fr);transition:opacity .28s ease,transform .28s ease}
.cal-body.animating{opacity:0;transform:translateY(8px)}
.cell{min-height:130px;padding:12px 10px 10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;transition:background var(--transition);cursor:default}
.cell:nth-child(7n){border-right:none}
.cell:hover{background:#f8f9ff}
.cell.other-month{background:#fafafa;opacity:.45}
.cell.today{background:#f0f5ff}
.date-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px;transition:background var(--transition),color var(--transition)}
.cell.today .date-badge{background:var(--brand);color:#fff;box-shadow:0 2px 8px #1a56db59}
.cell.weekend .date-badge{color:var(--red)}
.ev-chip{display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:600;margin-bottom:3px;cursor:pointer;border:none;text-align:left;width:100%;transition:filter var(--transition),transform var(--transition)}
.ev-chip:hover{filter:brightness(0.93);transform:translateX(1px)}
.ev-chip:active{transform:scale(0.97)}
.ev-chip .ev-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.ev-chip .ev-lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cat-news{background:var(--brand-light);color:#1a40a0}
.cat-news .ev-dot{background:var(--brand)}
.cat-meeting{background:var(--green-light);color:var(--green)}
.cat-meeting .ev-dot{background:var(--green)}
.cat-business{background:var(--amber-light);color:var(--amber)}
.cat-business .ev-dot{background:var(--amber)}
.cat-deadline{background:var(--red-light);color:var(--red)}
.cat-deadline .ev-dot{background:var(--red)}
.ev-wrapper{position:relative}
.tooltip-card{position:absolute;width:280px;max-width:calc(100vw - 20px);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-lg);z-index:500;height:fit-content;pointer-events:none;opacity:0;transform:translateY(6px) scale(0.97);transition:opacity .18s ease,transform .18s ease;overflow:hidden}
.ev-wrapper:hover .tooltip-card{opacity:1;transform:translateY(0) scale(1)}
.tt-above{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(6px) scale(0.97)}
.ev-wrapper:hover .tt-above{transform:translateX(-50%) translateY(0) scale(1)}
.tt-below{top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px) scale(0.97)}
.ev-wrapper:hover .tt-below{transform:translateX(-50%) translateY(0) scale(1)}
.tt-left{top:0;right:calc(100% + 12px);left:auto;transform:translateY(0) scale(0.97)}
.tt-right{top:0;left:calc(100% + 12px);transform:translateY(0) scale(0.97)}
.ev-wrapper:hover .tt-left,.ev-wrapper:hover .tt-right{transform:translateY(0) scale(1)}
.tt-img{width:100%;height:120px;object-fit:cover}
.tt-body{padding:14px 16px}
.tt-cat{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:3px 10px;border-radius:50px;margin-bottom:8px}
.tt-body h5{font-size:.88rem;font-weight:700;margin-bottom:4px;color:var(--text-primary)}
.tt-body p{font-size:.78rem;color:var(--text-secondary);line-height:1.55;margin:0}
.tt-meta{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted);font-weight:500}
.cal-card{overflow:visible}
.cal-body{overflow:visible}
.ev-wrapper{position:relative;z-index:10}
.cell{overflow:visible}
.cell:hover{z-index:100;position:relative}
.ev-wrapper:hover{z-index:110}
.ev-wrapper{position:relative;z-index:50}
.cell{overflow:visible}
.ev-wrapper:hover .tooltip-card,.tooltip-card:hover{opacity:1;transform:translateY(0) scale(1)}
@media (max-width: 640px) {
:root{--header-h:64px}
.sel-pill{font-size:1rem}
.today-btn span{display:none}
.add-btn span{display:none}
.add-btn,.today-btn{padding:0 12px}
.cell{min-height:64px;padding:8px 4px 4px;display:flex;flex-direction:column;align-items:center}
.date-badge{width:24px;height:24px;font-size:.75rem;margin-bottom:4px}
.ev-chip{display:none}
.ev-dot-only{width:6px;height:6px;border-radius:50%;margin:1px auto}
.tooltip-card{display:none!important}
.cell.has-events{cursor:pointer}
}
@media (min-width: 641px) {
.ev-dot-only{display:none}
}
.overlay{position:fixed;inset:0;background:#0006;z-index:900;opacity:0;pointer-events:none;transition:opacity .3s ease}
.overlay.show{opacity:1;pointer-events:all}
.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top-left-radius:24px;border-top-right-radius:24px;padding:0;box-shadow:0 -8px 40px #0000002e;z-index:1000;transform:translateY(105%);transition:transform .38s cubic-bezier(0.34,1.46,0.64,1);max-height:85vh;overflow-y:auto}
.sheet.open{transform:translateY(0)}
.sheet-handle-bar{width:40px;height:4px;background:#e5e7eb;border-radius:10px;margin:14px auto 0}
.sheet-inner{padding:20px 20px 10px}
.sheet-img{width:100%;height:160px;object-fit:cover;border-radius:var(--radius);margin-bottom:16px}
.sheet-cat{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:4px 12px;border-radius:50px;margin-bottom:10px}
.sheet h4{font-size:1.1rem;font-weight:700;margin-bottom:6px}
.sheet p{font-size:.88rem;color:var(--text-secondary);line-height:1.6}
.sheet-meta{display:flex;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.sheet-meta-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-secondary);font-weight:500}
.sheet-close{width:100%;margin-top:16px;padding:14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);font-family:var(--font);font-weight:600;font-size:.88rem;cursor:pointer;color:var(--text-primary);transition:background var(--transition)}
.sheet-close:hover{background:var(--brand-light);color:var(--brand)}
.no-events{grid-column:1 / -1;padding:32px;text-align:center;color:var(--text-muted);font-size:.88rem}
.sds{background-color:#fff}
.hw,.fc-section,.mosc-awards-section,.elite-social-section,.testimonial-section{overflow-x:hidden;width:100%}
@media (max-width: 768px) {
body,.page-wrapper,.container,.container-fluid{overflow-x:hidden}
.hl,.hr,.fc-card,.gl-card,.ns-featured-card{width:100%}
}
p{font-size:17px!important}
.dropdown-toggle::after{display:none!important}
.dropdown-caret{font-size:.75rem;transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.custom-dropdown:hover .dropdown-caret{transform:rotate(180deg);color:#fff}
@media (min-width: 992px) {
.custom-dropdown .dropdown-menu{display:block;visibility:hidden;opacity:0;transform:translateY(15px) scale(0.95);transition:all .4s cubic-bezier(0.165,0.84,0.44,1);background:#fffffffa;backdrop-filter:blur(15px);border-radius:5px;padding:12px;min-width:250px;box-shadow:0 15px 35px #0000001a 0 5px 15px #0000000d;margin-top:10px;border:1px solid #fff3!important}
.custom-dropdown:hover .dropdown-menu{visibility:visible;opacity:1;transform:translateY(0) scale(1)}
.custom-dropdown .dropdown-item{display:flex;align-items:center;padding:8px 15px;margin-bottom:4px;border-radius:2px;color:#333!important;font-weight:500;transition:all .3s ease}
.icon-box{width:36px;height:36px;background:#f0f4f8;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:2px;color:#0286cb;transition:all .3s ease}
.custom-dropdown .dropdown-item:hover{background:#f5f5f5ee;color:#000!important;border-radius:0 25px 25px 0}
.custom-dropdown .dropdown-item:hover .icon-box{background:#ffffff40;color:#fff}
}
@media (max-width: 991px) {
.dropdown-caret{color:#000}
.custom-dropdown .dropdown-item{color:#000!important;padding:10px 0}
.icon-box{display:none}
}

.fx-hero-wrap{position:relative;padding:77px 0 82px;background:linear-gradient(to bottom,#f9faff 75%,#00528a 75%);overflow:hidden}
.fx-main-title{font-weight:600;font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.1;color:#1a1a1a;letter-spacing:-1px}
.fx-highlight{color:#00528a}
.fx-sub-text{color:#6c757d;font-size:1.1rem;line-height:1.6;max-width:100%}
.fx-action-bar{margin-top:2.5rem;display:flex;align-items:center;gap:25px}
.fx-btn-primary{background-color:#00528a;color:#fff;padding:14px 32px;border-radius:50px;font-weight:600;border:none;transition:all .3s ease;text-decoration:none}
.fx-btn-primary:hover{background-color:#ffff;border:1px solid #00528a;transform:translateY(-2px);color:#00528a}
.fx-link-more{color:#00528a;text-decoration:none;font-weight:600;display:flex;align-items:center;transition:gap .2s}
.fx-link-more:hover{gap:8px}
.fx-video-stage{position:relative;border-radius:45px;overflow:hidden;margin-top:50px;box-shadow:0 30px 60px #00000026;opacity:0;transform:translateY(40px);animation:fxReveal 1.2s cubic-bezier(0.2,1,0.3,1) forwards}
.fx-video-element{width:100%;display:block;object-fit:cover;aspect-ratio:16 / 8}
@keyframes fxReveal {
to{opacity:1;transform:translateY(0)}
}
.fx-animate-fade{animation:fxFadeIn 1s ease-out forwards}
@keyframes fxFadeIn {
from{opacity:0}
to{opacity:1}
}
@media (max-width: 991.98px) {
.fx-hero-wrap{background:#f9faff;padding-bottom:60px}
.fx-video-stage{margin-top:40px;border-radius:25px}
.fx-video-element{aspect-ratio:16 / 10}
.fx-sub-text{margin-top:20px}
}
.custom-dropdown .dropdown-menu{border-radius:0;margin-top:0}
@media (min-width: 992px) {
.dropdown-submenu{position:relative}
.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:.1rem;margin-top:-1px}
.dropdown-submenu:hover > .dropdown-menu{display:block}
}
@media (max-width: 991px) {
.dropdown-submenu .dropdown-menu{position:static;display:none;padding-left:20px;background-color:#f9f9f9;border:none;box-shadow:none}
.dropdown-item{padding:10px 20px}
}
.dropdown-item:hover{background-color:#d22b2b1a;color:#D22B2B}
.why-int-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:65px;height:80px;background:#f8fafc;border-radius:12px;margin-right:20px;border:1px solid #e2e8f0;transition:all .3s ease;flex-shrink:0}
.why-int-num span{font-size:1.6rem;font-weight:800;color:#00528a;line-height:1}
.why-int-num small{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-top:4px}
.why-interactive-item.active .why-int-num{background:#0286cb;border-color:#0286cb;box-shadow:0 10px 20px #0286cb33}
.why-interactive-item.active .why-int-num span,.why-interactive-item.active .why-int-num small{color:#fff}
.why-interactive-item{display:flex;padding:20px;transition:transform .3s ease}
.why-interactive-item.active{transform:translateX(10px)}
.why-int-body h4{margin-bottom:5px;font-weight:700}
.why-int-arrow{margin-left:auto;align-self:center;opacity:.2}
.why-interactive-item.active .why-int-arrow{opacity:1;color:#0286cb}
.why-int-body p{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .5s cubic-bezier(0,1,0,1),opacity .4s ease,margin-top .4s ease}
.why-interactive-item.active .why-int-body p{max-height:200px;opacity:1;margin-top:10px;transition:max-height .5s cubic-bezier(1,0,1,0),opacity .5s ease 0.1s,margin-top .4s ease}
.why-interactive-item{align-items:flex-start;height:auto;min-height:100px;will-change:transform,background-color}
.calendar-trigger-btn{display:inline-flex;align-items:center;background:#fff;border:1px solid #0286cb1a;padding:12px 24px;border-radius:16px;box-shadow:0 10px 30px #0000000d;transition:all .4s cubic-bezier(0.165,0.84,0.44,1);cursor:pointer;text-align:left}
.calendar-trigger-btn .btn-icon{width:45px;height:45px;background:#0286cb;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-right:15px;transition:transform .4s ease}
.calendar-trigger-btn .btn-text span{display:block;font-size:.75rem;text-transform:uppercase;color:#64748b;letter-spacing:1px}
.calendar-trigger-btn .btn-text strong{font-size:1.1rem;color:#00528a;display:block}
.calendar-trigger-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0286cb26;border-color:#0286cb}
.calendar-trigger-btn:hover .btn-icon{transform:rotate(-10deg) scale(1.1)}
.modal-calendar.fade .modal-dialog{transform:scale(0.8) translateY(30px);opacity:0;transition:all .5s cubic-bezier(0.34,1.56,0.64,1)}
.modal-calendar.show .modal-dialog{transform:scale(1) translateY(0);opacity:1}
.modal-backdrop.show{opacity:.6;backdrop-filter:blur(10px);background-color:#001a2c}
.modal-calendar .modal-content{border-radius:30px;background:#fffffffa;box-shadow:0 30px 60px #0000004d}
.btn-close-custom{position:absolute;top:20px;right:20px;border:none;background:#f1f5f9;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100}
.btn-close-custom:hover{background:#e7222e;color:#fff;transform:rotate(90deg)}
html,body{position:relative}
.calendar-premium-btn{display:inline-flex;align-items:center;padding:10px 25px;background:#fff;border:1px solid #00528a1a;border-radius:50px;box-shadow:0 10px 25px #0000000d;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer;text-align:left}
.calendar-premium-btn .btn-icon{width:42px;height:42px;background:linear-gradient(135deg,#0286cb,#00528a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:15px;transition:transform .4s ease}
.calendar-premium-btn .btn-content small{display:block;font-size:.7rem;text-transform:uppercase;color:#64748b;letter-spacing:1px;font-weight:600}
.calendar-premium-btn .btn-content span{font-size:1rem;font-weight:700;color:#00528a;display:block}
.calendar-premium-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0286cb33;border-color:#0286cb}
.modal.fade .custom-modal-animation{transform:scale(0.7) translateY(100px) rotateX(-15deg);opacity:0;transition:all .6s cubic-bezier(0.34,1.56,0.64,1);perspective:1000px}
.modal.show .custom-modal-animation{transform:scale(1) translateY(0) rotateX(0);opacity:1}
.modal-backdrop.show{opacity:.7;backdrop-filter:blur(8px);background-color:#001a2c}
.btn-close-modal{border:none;background:#f1f5f9;color:#64748b;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin:10px}
.btn-close-modal:hover{background:#e7222e;color:#fff;transform:rotate(90deg)}


*{box-sizing:border-box;margin:0;padding:0}
.acad-wrap{font-family:sans-serif;border-radius:20px;overflow:hidden;background:#0a2a42;color:#fff}
.tab-row{position:relative;background:#0d3452}
.tab-row::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff14}
.tab-scroll{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;padding:0 44px}
.tab-scroll:active{cursor:grabbing}
.tab-scroll::-webkit-scrollbar{display:none}
.acad-tab{flex:0 0 auto;padding:17px 32px;font-size:18px;font-weight:500;color:#ffffff80;cursor:pointer;position:relative;transition:color .25s;letter-spacing:.3px}
.acad-tab:hover{color:#fffc}
.acad-tab.active{color:#fff}
.acad-tab.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#e63946;border-radius:2px 2px 0 0}
.tab-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;z-index:5;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .2s}
.tab-btn:hover{background:#000000bf}
.tab-btn.left{left:6px}
.tab-btn.right{right:6px}
.acad-panel{display:none;animation:panelIn .35s ease}
.acad-panel.active{display:flex;flex-wrap:wrap}
@keyframes panelIn {
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}
.panel-img{flex:0 0 50%;min-height:500px;overflow:hidden;position:relative}
@media (max-width: 700px) {
  .panel-img{flex:0 0 100%;min-height:240px}
}
.panel-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.panel-img:hover img{transform:scale(1.04)}
.img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,#0a2a42e6);pointer-events:none}
@media (max-width: 700px) {
  .img-overlay{background:linear-gradient(to bottom,transparent 50%,#0a2a42f2)}
}
.panel-text{flex:1 1 50%;padding:42px 44px;display:flex;flex-direction:column;justify-content:center;min-width:280px}
@media (max-width: 700px) {
  .panel-text{padding:28px 24px}
}
.panel-tag{font-size:11px;font-weight:600;letter-spacing:1.2px;color:#e63946;text-transform:uppercase;margin-bottom:12px}
.panel-text h3{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2;margin-bottom:14px;color:#fff}
.panel-text p{font-size:15px;line-height:1.7;color:#fff9;margin-bottom:22px}
.panel-btn{display:inline-flex;align-items:center;gap:8px;background:#e63946;color:#fff;border:none;padding:11px 22px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;align-self:flex-start}
.panel-btn:hover{background:#c92d38;transform:translateY(-1px)}
.dots{display:flex;gap:6px;padding:14px 24px;background:#061d2e;justify-content:center}
.dot{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:background .2s,transform .2s}
.dot.active{background:#e63946;transform:scale(1.3)}
.vm-btn-container{display:flex;justify-content:center;align-items:center;margin-top:40px}
.vm-btn-main{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#0165a1,#0285ca52);border:none;border-radius:50px;margin-top:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00797b4d;position:relative;overflow:hidden}
.vm-btn-icon{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none;transition:transform .3s ease}
.vm-btn-main:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px #00797b66}
.vm-btn-main:hover .vm-btn-icon{transform:translateX(6px)}
.vm-btn-main:active{transform:scale(0.96)}
.vm-btn-main::before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:#ffffff4d;transform:skewX(-25deg);transition:.5s}
.vm-btn-main:hover::before{left:125%}
.dynamic-nav-list,.dropdown-menu{list-style:none;padding:0;margin:0;position:relative}
.custom-dropdown2 .dropdown-menu,.nested-dropdown .dropdown-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out,padding .3s ease;background:transparent;border:none!important;box-shadow:none!important}
.custom-dropdown2:hover > .dropdown-menu,.nested-dropdown:hover > .dropdown-menu{grid-template-rows:1fr;padding:8px 0}
.dropdown-menu > div{overflow:hidden}
.dropdown-menu{border-left:1px solid #e2e8f0;margin-left:22px!important}
.dropdown-menu.nested{margin-left:15px!important;border-left:1px solid #cbd5e1}
.dynamic-nav-link,.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;color:#64748b;text-decoration:none;font-size:14px;font-weight:500;border-radius:6px;transition:all .2s ease}
.custom-dropdown2 > .dynamic-nav-link::after,.nested-dropdown > .dropdown-item::after{content:'';width:5px;height:5px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(-45deg);transition:transform .3s ease;margin-left:10px;flex-shrink:0;display:inline-block}
.custom-dropdown2:hover > .dynamic-nav-link::after,.nested-dropdown:hover > .dropdown-item::after{transform:rotate(45deg);border-color:#0f172a}
.dynamic-nav-link:hover,.active-node{background:#f1f5f9;color:#0f172a}
.dynamic-nav-link .active-node::before{content:'';width:5px;height:5px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(-45deg);transition:transform .3s ease;margin-left:10px;flex-shrink:0}
.dropdown-item:hover{background:#eff6ff;color:#2563eb!important;padding-left:20px}
.fx-premium-hero{position:relative;padding:160px 0 20px;background:#021c3a;overflow:hidden;color:#fff}
.fx-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.fx-hero-content{position:relative;z-index:2}
.fx-premium-hero{position:relative;padding:160px 0 20px;min-height:450px;overflow:hidden;color:#fff}
.fx-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.fx-premium-hero::before{content:"";position:absolute;background:linear-gradient(180deg,#00000085 0%,#0000005c 75%);inset:0;z-index:1}
.fx-hero-bg-shapes{position:absolute;inset:0;z-index:2}
.shape{position:absolute;filter:blur(80px);border-radius:50%;opacity:.4;animation:shapeMove 20s infinite alternate}
.shape-1{width:400px;height:400px;background:#0d6efd;top:-100px;right:-50px}
.shape-2{width:300px;height:300px;background:#dc3545;bottom:-50px;left:-50px;animation-delay:-5s}
@keyframes shapeMove {
0%{transform:translate(0,0)}
100%{transform:translate(50px,100px)}
}
.fx-premium-hero .container{position:relative;bottom:-98px;z-index:3}
.breadcrumb{margin:0 auto!important}
.breadcrumb-item a{color:#ffffffb3;text-decoration:none;font-size:16px;font-weight:500}
.breadcrumb-item{font-size:16px;font-weight:500}
.breadcrumb-item.active{color:#fff}
.breadcrumb-item + .breadcrumb-item::before{color:#fff6;content:"/"}
.fx-premium-hero h1{font-family:'Google Sans Display','Google Sans',sans-serif;letter-spacing:0;font-size:56px}
.text-info{color:#74c0fc!important}
@media (max-width: 768px) {
  .fx-premium-hero{padding:120px 0 80px;text-align:center}
  .fx-premium-hero .d-flex{justify-content:center}
}


/* event page  */
:root { --navy: #004a8c; --red: #e31e24; --bg: #f4f7fa; --shadow: 0 20px 40px rgba(0,0,0,0.06); }
body { font-family: 'Outfit', sans-serif; background: var(--bg); color: #1e293b; }
/* SIDEBAR */
.sticky-side { position: sticky; top: 120px; }
.side-card { background: white; border-radius: 25px; padding: 25px; box-shadow: var(--shadow); margin-bottom: 25px; }
.cal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; background: #f8fafc; padding: 10px; border-radius: 12px; }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.day-name { font-size: 0.7rem; font-weight: 800; color: #94a3b8; text-align: center; }
.date-btn { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-weight: 600; cursor: pointer; transition: 0.2s; font-size: 0.85rem; }
.date-btn:hover { background: var(--navy); color: white; }
.date-btn.active { background: var(--red); color: white; box-shadow: 0 5px 15px rgba(227, 30, 36, 0.3); }

/* EVENT CARDS */
.event-item{background:#fff;border-radius:24px;overflow:hidden;display:flex;margin-bottom:25px;box-shadow:var(--shadow);transition:all .4s cubic-bezier(0.165,0.84,0.44,1);border:1px solid transparent}
.event-item:hover{transform:translateX(10px);border-color:var(--navy)}
.event-img{width:220px;min-width:220px;overflow:hidden}
.event-img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.event-item:hover .event-img img{transform:scale(1.1)}
.event-content{padding:30px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}
.news-tag{color:var(--red);font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:12px}
.event-right-date{min-width:110px;padding:20px;background:#f8fafc;border-left:1px solid #edf2f7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.event-right-date .day{font-size:1.8rem;font-weight:800;color:var(--navy);line-height:1}
.event-right-date .month{font-size:.8rem;font-weight:700;color:var(--red);text-transform:uppercase}
.custom-dropdown .dropdown-menu{display:block;visibility:hidden;opacity:0;transform:translateY(15px) scale(0.95);transition:all .4s cubic-bezier(0.165,0.84,0.44,1);background:#fffffffa;backdrop-filter:blur(15px);border-radius:18px;padding:12px;min-width:250px;box-shadow:0 15px 35px #0000001a;border:1px solid #fff3!important}
.custom-dropdown:hover .dropdown-menu{visibility:visible;opacity:1;transform:translateY(0) scale(1)}
.fade-in{animation:fadeIn .4s ease-in-out}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width: 768px) {
  .event-item{flex-direction:column}
  .event-img{width:100%;height:200px}
  .event-right-date{border-left:none;border-top:1px solid #eee;flex-direction:row;gap:10px;min-width:auto}
}

/* contentpage  */

/* Master Wrapper */
.dynamic-page-wrapper { display: flex; min-height: 100vh;padding: 0; margin: -35px auto 0; /* background: #fff; */ position: relative; z-index: 9; }

/* Sidebar: Sticky & Modern */
.dynamic-nav-sidebar{width:300px;background:#fff;border-right:1px solid #f0f0f0;padding:50px 30px;position:sticky;top:110px;height:fit-content;flex-shrink:0;overflow-y:auto}
.sidebar-section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a0a0a0;margin-bottom:20px;font-weight:700;padding-left:15px}
.dynamic-nav-list{list-style:none;padding:0;margin:0}
.dynamic-nav-link{display:block;padding:12px 15px;color:#4a4a4a;text-decoration:none;border-radius:10px;margin-bottom:5px;font-weight:500;transition:all .3s ease}
.dynamic-nav-link:hover{background-color:#f5f7ff;color:#3b82f6;transform:translateX(5px)}
.dynamic-nav-link.active-node{background-color:#eff6ff;color:#2563eb;font-weight:600}

/* Content Area: Airy & Focused */
.dynamic-main-content{flex-grow:1;padding:48px 4%;background:linear-gradient(180deg,#ffff 41%,#fff0 100%)}
.content-article-container{max-width:850px}
.content-status-badge{display:inline-block;padding:6px 16px;background:#eef2ff;color:#4f46e5;border-radius:100px;font-size:.85rem;font-weight:600;margin-bottom:25px}
.dynamic-heading-primary{font-size:3rem;font-weight:800;color:#111827;line-height:1.1;margin-bottom:30px;letter-spacing:-.04em}
.dynamic-rich-text{font-size:1.2rem;line-height:1.8;color:#374151}
.dynamic-rich-text p{margin-bottom:25px}
.dynamic-image-placeholder{width:100%;height:auto;background:#f3f4f6;border-radius:24px;margin:40px 0;display:flex;align-items:center;justify-content:center;color:#9ca3af;border:1px solid #e5e7eb}
    

        /* Responsive */
@media (max-width: 1024px) {
  .dynamic-main-content{padding:60px 5%}
}
@media(max-width:768px) {
  .dynamic-nav-sidebar{width:100%;padding:30px 15px;top:0;position:relative}
  .dynamic-page-wrapper{flex-direction:column}
}

*{box-sizing:border-box;margin:0;padding:0}
.acad-wrap{font-family:sans-serif;border-radius:20px;overflow:hidden;background:#0a2a42;color:#fff}
.tab-row{position:relative;background:#0d3452}
.tab-row::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#ffffff14}
.tab-scroll{display:flex;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;padding:0 44px}
.tab-scroll:active{cursor:grabbing}
.tab-scroll::-webkit-scrollbar{display:none}
.acad-tab{flex:0 0 auto;padding:17px 32px;font-size:18px;font-weight:500;color:#ffffff80;cursor:pointer;position:relative;transition:color .25s;letter-spacing:.3px}
.acad-tab:hover{color:#fffc}
.acad-tab.active{color:#fff}
.acad-tab.active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#e63946;border-radius:2px 2px 0 0}
.tab-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;width:32px;height:32px;border-radius:50%;z-index:5;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .2s}
.tab-btn:hover{background:#000000bf}
.tab-btn.left{left:6px}
.tab-btn.right{right:6px}
.acad-panel{display:none;animation:panelIn .35s ease}
.acad-panel.active{display:flex;flex-wrap:wrap}
@keyframes panelIn {
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}
.panel-img{flex:0 0 50%;min-height:500px;overflow:hidden;position:relative}
@media (max-width: 700px) {
.panel-img{flex:0 0 100%;min-height:240px}
}
.panel-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}
.panel-img:hover img{transform:scale(1.04)}
.img-overlay{position:absolute;inset:0;background:linear-gradient(to right,transparent 60%,#0a2a42e6);pointer-events:none}
@media (max-width: 700px) {
.img-overlay{background:linear-gradient(to bottom,transparent 50%,#0a2a42f2)}
}
.panel-text{flex:1 1 50%;padding:42px 44px;display:flex;flex-direction:column;justify-content:center;min-width:280px}
@media (max-width: 700px) {
.panel-text{padding:28px 24px}
}
.panel-tag{font-size:11px;font-weight:600;letter-spacing:1.2px;color:#e63946;text-transform:uppercase;margin-bottom:12px}
.panel-text h3{font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2;margin-bottom:14px;color:#fff}
.panel-text p{font-size:15px;line-height:1.7;color:#fff9;margin-bottom:22px}
.panel-btn{display:inline-flex;align-items:center;gap:8px;background:#e63946;color:#fff;border:none;padding:11px 22px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,transform .15s;align-self:flex-start}
.panel-btn:hover{background:#c92d38;transform:translateY(-1px)}
.dots{display:flex;gap:6px;padding:14px 24px;background:#061d2e;justify-content:center}
.dot{width:6px;height:6px;border-radius:50%;background:#fff3;cursor:pointer;transition:background .2s,transform .2s}
.dot.active{background:#e63946;transform:scale(1.3)}
.why-int-num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:65px;height:80px;background:#f8fafc;border-radius:12px;margin-right:20px;border:1px solid #e2e8f0;transition:all .3s ease;flex-shrink:0}
.why-int-num span{font-size:1.6rem;font-weight:800;color:#00528a;line-height:1}
.why-int-num small{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-top:4px}
.why-interactive-item.active .why-int-num{background:#0286cb;border-color:#0286cb;box-shadow:0 10px 20px #0286cb33}
.why-interactive-item.active .why-int-num span,.why-interactive-item.active .why-int-num small{color:#fff}
.why-interactive-item{display:flex;padding:20px;transition:transform .3s ease}
.why-interactive-item.active{transform:translateX(10px)}
.why-int-body h4{margin-bottom:5px;font-weight:700}
.why-int-arrow{margin-left:auto;align-self:center;opacity:.2}
.why-interactive-item.active .why-int-arrow{opacity:1;color:#0286cb}
.why-int-body p{max-height:0;overflow:hidden;opacity:0;margin-top:0;transition:max-height .5s cubic-bezier(0,1,0,1),opacity .4s ease,margin-top .4s ease}
.why-interactive-item.active .why-int-body p{max-height:200px;opacity:1;margin-top:10px;transition:max-height .5s cubic-bezier(1,0,1,0),opacity .5s ease 0.1s,margin-top .4s ease}
.why-interactive-item{align-items:flex-start;height:auto;min-height:100px;will-change:transform,background-color}
.calendar-trigger-btn{display:inline-flex;align-items:center;background:#fff;border:1px solid #0286cb1a;padding:12px 24px;border-radius:16px;box-shadow:0 10px 30px #0000000d;transition:all .4s cubic-bezier(0.165,0.84,0.44,1);cursor:pointer;text-align:left}
.calendar-trigger-btn .btn-icon{width:45px;height:45px;background:#0286cb;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-right:15px;transition:transform .4s ease}
.calendar-trigger-btn .btn-text span{display:block;font-size:.75rem;text-transform:uppercase;color:#64748b;letter-spacing:1px}
.calendar-trigger-btn .btn-text strong{font-size:1.1rem;color:#00528a;display:block}
.calendar-trigger-btn:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0286cb26;border-color:#0286cb}
.calendar-trigger-btn:hover .btn-icon{transform:rotate(-10deg) scale(1.1)}
.modal-calendar.fade .modal-dialog{transform:scale(0.8) translateY(30px);opacity:0;transition:all .5s cubic-bezier(0.34,1.56,0.64,1)}
.modal-calendar.show .modal-dialog{transform:scale(1) translateY(0);opacity:1}
.modal-backdrop.show{opacity:.6;backdrop-filter:blur(10px);background-color:#001a2c}
.modal-calendar .modal-content{border-radius:30px;background:#fffffffa;box-shadow:0 30px 60px #0000004d}
.btn-close-custom{position:absolute;top:20px;right:20px;border:none;background:#f1f5f9;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:100}
.btn-close-custom:hover{background:#e7222e;color:#fff;transform:rotate(90deg)}
html,body{overflow-x:hidden;position:relative}
.calendar-premium-btn{display:inline-flex;align-items:center;padding:10px 25px;background:#fff;border:1px solid #00528a1a;border-radius:50px;box-shadow:0 10px 25px #0000000d;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer;text-align:left}
.calendar-premium-btn .btn-icon{width:42px;height:42px;background:linear-gradient(135deg,#0286cb,#00528a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:15px;transition:transform .4s ease}
.calendar-premium-btn .btn-content small{display:block;font-size:.7rem;text-transform:uppercase;color:#64748b;letter-spacing:1px;font-weight:600}
.calendar-premium-btn .btn-content span{font-size:1rem;font-weight:700;color:#00528a;display:block}
.calendar-premium-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 35px #0286cb33;border-color:#0286cb}
.modal.fade .custom-modal-animation{transform:scale(0.7) translateY(100px) rotateX(-15deg);opacity:0;transition:all .6s cubic-bezier(0.34,1.56,0.64,1);perspective:1000px}
.modal.show .custom-modal-animation{transform:scale(1) translateY(0) rotateX(0);opacity:1}
.modal-backdrop.show{opacity:.7;backdrop-filter:blur(8px);background-color:#001a2c}
.btn-close-modal{border:none;background:#f1f5f9;color:#64748b;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin:10px}
.btn-close-modal:hover{background:#e7222e;color:#fff;transform:rotate(90deg)}
.hstr{display:flex;gap:20px}
@media only screen and (max-width: 480px) {
.navbar-brand img{max-width:178px;transition:all .4s ease!important;width:100%}
.hstr{display:flex;gap:4px}
#mainNav.scrolled{background:linear-gradient(135deg,#fff 55%,#0286cb 31%,#00528a 50%)!important;backdrop-filter:blur(12px);box-shadow:0 4px 30px #00000040;padding:10px 0}
}
.navbar-toggler-icon span{color:#fff}
.navbar-toggler-icon{display:inline-block;width:1em;color:#fff;height:1em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
.zxq-navigation-link{padding:12px 0!important;color:#fff!important;border-radius:0!important;margin-bottom:0!important;border-bottom:1px solid #fff}
.zxq-side-navigation{height:auto!important;background:#044877!important}
.zxq-navigation-link:hover{background-color:#033d66!important;color:#3b82f6;transform:translateX(0px)!important;padding-left:13px!important}
.zxq-active-link{background-color:#01375d!important;color:#2563eb;font-weight:600;padding-left:13px!important}