/********** Template CSS **********/
:root {
    --primary: #0e859e;
    --secondary: #4ba455;
    --light: #F6F7FC;
    --dark: #15233C;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover,
.btn.btn-secondary,
.btn.btn-outline-secondary:hover {
    color: #FFFFFF;
}

.btn.btn-primary:hover {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn.btn-secondary:hover {
    background: var(--primary);
    border-color: var(--primary);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
    box-shadow: 0px 0px 6px #00000040;
    border-radius: 0 0 20px 20px;
}

.navbar .navbar-brand img {
    max-height: 70px;
}

.navbar .navbar-nav .nav-link {
    margin-left: 25px;
    padding: 10px 0;
    color: #696E77;
    font-weight: 500;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-brand img {
        max-height: 65px;
            filter: brightness(16.5);
    }

    .navbar .navbar-nav {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .navbar .nav-item .dropdown-menu {
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        left: 30px;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    text-align: start;
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 15px solid var(--primary);
    border-radius: 50px;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    /*background: linear-gradient(90deg, rgba(24, 31, 107, 0.9), rgba(37, 40, 49, 0)),*/
    /*        url(../img/breadcumb-banner.webp) center center no-repeat;*/
      background: url(../img/bradecam-image.webp) center center no-repeat;
background-size: cover;
padding:0 !important;
}
.page-header .container{
    margin-top:0 !important;
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-weight: 500;
}

.page-header .breadcrumb-item a,
.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

.page-header .breadcrumb-item a:hover,
.page-header .breadcrumb-item.active {
    color:#fff;
}

.facts {
    background: linear-gradient(#0e869edf, #4ba455db), url(../img/background.jpg) center right no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.facts .facts-counter {
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url(../img/carousel-2.jpg) center right no-repeat;
    background-size: cover;
}

.facts .facts-text .h-100,
.facts .facts-counter .h-100 {
    padding: 6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/*** Service ***/
.service-item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.service-item .service-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    margin-left: -1rem;
    justify-content: center;
}
.service-item .service-icon i{
    color:#fff;
    font-size: 22px;
}

.service-item .service-icon img {
    max-width: 60px;
    max-height: 60px;
}

.service-item a.btn {
    color: var(--primary);
}

.service-item a.btn:hover {
    color: #FFFFFF;
    background: var(--primary);
    border-color: var(--primary);
}


/*** Appointment ***/
.appointment {
    background: linear-gradient(#0e869edf, #4ba455db), url(../img/background-2.jpg) center right no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


/*** Team ***/
.team-item {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.team-item img {
    transition: .5s;
}

.team-item:hover img {
    transform: scale(1.1);
}

.team-text {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -50px;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-text {
    bottom: 0;
    opacity: 1;
}

.team-item a.btn {
    color: var(--primary);
}

.team-item a.btn:hover {
    color: #FFFFFF;
    background: var(--primary);
    border-color: var(--primary);
}


/*** Testimonial ***/
.animated.pulse {
    animation-duration: 1.5s;
}

.testimonial-left,
.testimonial-right {
    position: relative;
}

.testimonial-left img,
.testimonial-right img {
    position: absolute;
    padding: 5px;
    border: 1px dashed var(--primary);
    border-radius: 10px;
}

.testimonial-left img:nth-child(1),
.testimonial-right img:nth-child(3) {
    width: 70px;
    height: 70px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-left img:nth-child(2),
.testimonial-right img:nth-child(2) {
    width: 60px;
    height: 60px;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
}

.testimonial-left img:nth-child(3),
.testimonial-right img:nth-child(1) {
    width: 50px;
    height: 50px;
    bottom: 10%;
    right: 10%;
}

.testimonial-carousel .owl-item img {
    width: 100px;
    height: 100px;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 0 5px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: var(--primary);
    border-radius: 10px;
    font-size: 22px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--secondary);
}


/*** Footer ***/
.footer {
    color: #A7A8B4;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #A7A8B4;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #A7A8B4;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--light);
    letter-spacing: 1px;
    box-shadow: none;
}

.footer .btn.btn-square {
    color: #A7A8B4;
    border: 1px solid#A7A8B4;
}

.footer .btn.btn-square:hover {
    color: var(--secondary);
    border-color: var(--light);
}

.footer .copyright {
    padding: 25px 0;
    font-size: 15px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--secondary);
}

.footer .copyright a:hover {
    color: #FFFFFF;
}
.banner-section{
    margin-top: -20px;
}
.color-1{
    color: var(--primary);
}
.color-2{
    color: #f4e854 !important;
}
.text-shadow{
    text-shadow:0px 0px 6px #00000030;
}
.btn-main{
    font-size: 16px;
    border-radius: 10px;
    padding-inline:10px;
}
.btn-border:hover {
    border: 1px solid var(--primary);
}
.text-justify{
    text-align: justify;
}
.my-h::after{
    content:'';
height:2px;
width:80px;
background:var(--primary);
margin:15px 0;
display:block;
position:relative;
margin-bottom:15px;
}
.my-h-center{
     line-height:1;
}
.my-h-center::after{
    content:'';
height:2px;
width:80px;
background:var(--primary);
margin:15px auto;
display:block;
position:relative;
margin-bottom:15px;
line-height:1;
}




 .my-h-1::after{
    content:'';
height:2px;
width:80px;
background:#fff;
margin:10px 0;
display:block;
position:relative;
margin-bottom:15px;
}
.my-h-1-center{
     line-height:1;
}
.my-h-1-center::after{
    content:'';
height:2px;
width:80px;
background:#fff;
margin:10px auto;
display:block;
position:relative;
margin-bottom:15px;
line-height:1;
}
.bor-r{
    border-right: 1px solid #fff;
}
.programmes-img{
    aspect-ratio: 3/2;

    object-fit: cover;
}
.footer-logo{
    max-width: 250px;}
:root{
    --navy:#181f6b;
    --navy-2:#0d4882;
    --navy-dark:#0a0d3c;
    --navy-darker:#070930;
    --blue:#2547c9;
    --gold:#fdc750;
    --gold-dark:#dd8f0f;
    --light:#f5f7fc;
    --ink:#1c2140;
    --gray:#657085;
    --font-head:'Poppins',sans-serif;
    --font-body:'Inter',sans-serif;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-body);
    color:var(--ink);
    background:#fff;
    overflow-x:hidden;
  }
  h1,h2,h3,h4,h5,.font-head{font-family:var(--font-head);}
  .text-navy{color:var(--navy)!important;}
  .text-gold{color:var(--gold)!important;}
  .bg-navy{background:var(--navy)!important;}
  .bg-navy-dark{background:var(--navy-dark)!important;}
  .bg-light-soft{background:var(--light)!important;}

  .btn-gold{
    background:linear-gradient(135deg,var(--gold),var(--gold-dark));
    color:#1c2140;
    font-weight:700;
    border:none;
    padding:.75rem 1.9rem;
    border-radius:6px;
    letter-spacing:.3px;
    transition:.3s ease;
    box-shadow:0 8px 20px rgba(245,166,35,.35);
  }
  .btn-gold:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(245,166,35,.45);color:#1c2140;}

  .btn-outline-navy-light{
    border:2px solid rgba(255,255,255,.65);
    color:#fff;
    font-weight:600;
    padding:.7rem 1.7rem;
    border-radius:6px;
    background:transparent;
    transition:.3s ease;
  }
  .btn-outline-navy-light:hover{background:#fff;color:var(--navy);}

  .btn-navy{
    background:var(--navy);
    color:#fff;
    font-weight:600;
    padding:.7rem 2rem;
    border-radius:6px;
    border:none;
    transition:.3s ease;
  }
  .btn-navy:hover{background:var(--navy-dark);color:#fff;transform:translateY(-2px);}

  .eyebrow{
    font-family:var(--font-head);
    font-weight:700;
    font-size:.78rem;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--gold-dark);
    position:relative;
    display:inline-block;
    padding-bottom:.6rem;
  }
  .eyebrow::after{
    content:'';
    position:absolute;
    left:0; bottom:0;
    width:46px;height:3px;
    background:var(--gold);
    border-radius:3px;
  }
  .eyebrow.center{padding-left:0;}
  .text-center .eyebrow::after{left:50%;transform:translateX(-50%);}

  /*.section-title{*/
  /*  font-weight:800;*/
  /*  color:var(--navy);*/
  /*  font-size:2.1rem;*/ 
  /*}*/

  /* ===== TOP BAR ===== */
  .top-bar{
    background:#fff;
    padding:8px 0;
    border-bottom:1px solid #eef0f8;
  }
  .top-bar .logo-lockup img{height:72px;width:auto;}
  .top-bar .contact-item{
    display:flex;align-items:center;gap:.6rem;
  }
  .top-bar .contact-item .icon-circle{
    width:42px;height:42px;min-width:42px;
    border-radius:50%;
    background:var(--light);
    color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    font-size:1.05rem;
  }
  .top-bar .contact-item .lbl{font-size:.76rem;color:var(--gray);line-height:1.1;margin-bottom:2px;}
  .top-bar .contact-item .val{font-weight:700;font-size:.92rem;color:var(--navy);}

  /* ===== NAVBAR ===== */
  .navbar-main{
    background:var(--navy);
    padding:0;
    position:sticky;top:0;z-index:1030;
    box-shadow:0 4px 18px rgba(10,13,60,.18);
  }
  .navbar-main .nav-link{
    color:rgba(255,255,255,.88)!important;
    font-weight:600;
    font-size:13px;
    padding:1rem 1rem!important;
    letter-spacing:.3px;
    transition:.25s;
    position:relative;
    margin-left:0px !important;
  }
  .navbar-main .nav-link:hover,
  .navbar-main .nav-link.active{color:var(--gold)!important;}
  .navbar-main .dropdown-menu{
    border:none;
    border-radius:8px;
    box-shadow:0 14px 34px rgba(10,13,60,.25);
    padding:.5rem;
    margin-top:0;
  }
  @media (min-width:992px){
    .navbar-main .nav-item.dropdown{position:relative;}
    .navbar-main .dropdown-menu{
      display:block;
      opacity:0;
      visibility:hidden;
      transform:translateY(10px);
      transition:opacity .25s ease, transform .25s ease, visibility .25s;
      pointer-events:none;
    }
    .navbar-main .nav-item.dropdown.show > .dropdown-menu{
      opacity:1;
      visibility:visible;
      transform:translateY(0);
      pointer-events:auto;
    }
  }
  .navbar-main .dropdown-toggle::after{
    transition:transform .25s ease;
  }
  .navbar-main .nav-item.dropdown.show .dropdown-toggle::after{
    transform:rotate(180deg);
  }
  .navbar-main .dropdown-item{
    border-radius:6px;
    padding:.55rem .9rem;
    font-weight:500;
    font-size:.9rem;
    color:var(--ink);
  }
  .navbar-main .dropdown-item:hover{background:var(--light);color:var(--navy);}
  .navbar-toggler{border:none;color:#fff;}
  .navbar-toggler:focus{box-shadow:none;}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    display:block;align-items:center;
    overflow:hidden;
  }
  .hero .carousel-item{
    background-size:cover;
    background-position:center;
    position:relative;
  }
  .hero .carousel-item::after{
    content:'';
    position:absolute;inset:0;
    background:linear-gradient(100deg, rgba(7,9,48,.92) 0%, rgba(10,13,60,.75) 42%, rgba(10,13,60,.35) 75%);
  }
  .hero-content{
    position:relative;z-index:3;
    padding:7rem 0 9rem;
    
  }
  .hero-content .badge-eyebrow{
    background:rgba(245,166,35,.15);
    border:1px solid rgba(245,166,35,.5);
    color:var(--gold);
    font-weight:600;
    font-size:.78rem;
    letter-spacing:1.5px;
    padding:.5rem 1rem;
    border-radius:30px;
    text-transform:uppercase;
  }
  .hero-content h1{
    font-size:3.1rem;
    font-weight:800;
    color:#fff;
    line-height:1.15;
    margin:1.1rem 0 1.2rem;
  }
  .hero-content h1 span{color:var(--gold);}
  .hero-content p{
    color:rgba(255,255,255,.85);
    font-size:1.08rem;
    max-width:520px;
    margin-bottom:2rem;
  }
  .hero .carousel-indicators{
    bottom:0;
    margin-bottom:0;
  }
  .hero .carousel-indicators [data-bs-target]{
    width:34px;height:4px;border-radius:2px;
    background:rgba(255,255,255,.45);
    opacity:1;
    transition:background .3s;
  }
  .hero .carousel-indicators .active{background:var(--gold);}

  .slide-el{
    opacity:0;
    transform:translateY(26px);
    transition:opacity .7s ease, transform .7s ease;
  }
  .carousel-item.active .slide-el.in{
    opacity:1;
    transform:translateY(0);
  }
  .hero-arrow{
    width:52px;height:52px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.35);
    display:flex;align-items:center;justify-content:center;
    color:#fff;
    opacity:1;
    transition:.25s;
  }
  .hero-arrow:hover{background:var(--gold);border-color:var(--gold);color:var(--navy);}
  .carousel-control-prev,.carousel-control-next{width:auto;z-index:4;}
  .carousel-control-prev{left:2rem;} .carousel-control-next{right:2rem;}

  /* ===== FEATURE STRIP ===== */
  .feature-strip-wrap{margin-top:-64px;position:relative;z-index:10;}
  .feature-strip{
    background:#fff;
    border-radius:16px;
    box-shadow:0 22px 55px rgba(10,13,60,.14);
    padding:2.1rem 1rem;
  }
  .feature-item{
    text-align:center;
    padding:0 .6rem;
    border-right:1px solid #eef0f8;
  }
  .feature-item:last-child{border-right:none;}
  .feature-item .ic{
    width:58px;height:58px;
    border-radius:16px;
    /* background:linear-gradient(135deg,var(--navy),var(--blue)); */
    color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    font-size:2.4rem;
    margin:0 auto .9rem;
    transition:.3s;
  }
  .feature-item:hover .ic{transform:rotate(-8deg) scale(1.08);}
  .feature-item h6{
    font-weight:700;color:var(--navy);font-size:.86rem;
    letter-spacing:.3px;margin-bottom:.4rem;
  }
  .feature-item p{font-size:.79rem;color:var(--gray);margin:0;line-height:1.45;}

  /* ===== ABOUT ===== */
  .about-section{padding:6.5rem 0 5.5rem;}
  .about-check-list{list-style:none;padding:0;margin:1.5rem 0 2rem;}
  .about-check-list li{
    display:flex;align-items:flex-start;gap:.7rem;
    margin-bottom:.75rem;font-weight:600;color:var(--ink);font-size:.96rem;
  }
  .about-check-list li i{color:#fff;background:var(--navy);width:22px;height:22px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:.65rem;margin-top:.15rem;flex-shrink:0;}
  .about-media-outer{position:relative;margin-right:1.6rem;margin-bottom:1.6rem;}
  .about-media{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 25px 55px rgba(10,13,60,.18);}
  .about-media img{width:100%;height:100%;object-fit:cover;display:block;min-height:400px;}
  .play-btn{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:76px;height:76px;border-radius:50%;
    background:rgba(255,255,255,.95);
    display:flex;align-items:center;justify-content:center;
    color:var(--navy);font-size:1.5rem;
    box-shadow:0 0 0 0 rgba(255,255,255,.7);
    animation:pulse 2.2s infinite;
    cursor:pointer;
    z-index:2;
  }
  @keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.55);}
    70%{box-shadow:0 0 0 22px rgba(255,255,255,0);}
    100%{box-shadow:0 0 0 0 rgba(255,255,255,0);}
  }
  .about-badge-card{
    position:absolute;bottom:-1.6rem;left:-1.6rem;
    background:var(--navy);color:#fff;
    padding:1.2rem 1.6rem;border-radius:14px;
    box-shadow:0 18px 34px rgba(10,13,60,.35);
    display:flex;align-items:center;gap:.9rem;
    z-index:5;
    white-space:nowrap;
  }
  .about-badge-card .num{font-family:var(--font-head);font-weight:800;font-size:1.9rem;color:var(--gold);line-height:1;flex-shrink:0;}
  .about-badge-card .lbl{font-size:.78rem;line-height:1.25;font-weight:600;}

  /* ===== ACADEMICS ===== */
  .academics-section{padding:5.5rem 0;background:var(--light);}
  .wing-card{
    background:#fff;border-radius:14px;overflow:hidden;
    box-shadow:0 10px 30px rgba(10,13,60,.08);
    transition:.35s ease;height:100%;
  }
  .wing-card:hover{transform:translateY(-9px);box-shadow:0 22px 42px rgba(10,13,60,.16);}
  .wing-card .img-wrap{height:190px;overflow:hidden;position:relative;}
  .wing-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:.5s;}
  .wing-card:hover .img-wrap img{transform:scale(1.09);}
  .wing-card .body{padding:1.4rem 1.3rem 1.6rem;}
  .wing-card .body h5{font-weight:700;color:var(--navy);margin-bottom:.15rem;}
  .wing-card .body .classes{color:var(--gold-dark);font-weight:700;font-size:.8rem;margin-bottom:.6rem;display:block;}
  .wing-card .body p{color:var(--gray);font-size:.87rem;margin:0;line-height:1.5;}

  /* ===== FACILITIES ===== */
  .facilities-section{padding:5.5rem 0;background:#fff;}
  .facility-item{text-align:center;padding:1.6rem 1rem;}
  .facility-item .ic{
    width:70px;height:70px;border-radius:50%;
    background:var(--light);color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;margin:0 auto 1.1rem;
    border:2px dashed rgba(24,31,107,.25);
    transition:.3s;
  }
  .facility-item:hover .ic{background:var(--navy);color:var(--gold);border-color:var(--navy);transform:scale(1.07);}
  .facility-item h6{font-weight:700;color:var(--navy);font-size:.92rem;margin-bottom:.4rem;}
  .facility-item p{font-size:.8rem;color:var(--gray);margin:0;}

  /* ===== STATS ===== */
  .stats-section{
    background:linear-gradient(120deg,#0d4882,#006fdc);
    padding:4rem 0;
    position:relative;
    overflow:hidden;
  }
  .stats-section::before{
    content:'';position:absolute;inset:0;
    background-image:radial-gradient(circle at 15% 30%, rgba(13, 72, 130, 1) 0, transparent 40%),
                      radial-gradient(circle at 85% 70%,rgba(13, 72, 130, 1) 0, transparent 45%);
  }
  .stat-item{text-align:center;position:relative;z-index:2;}
  .stat-item i{color:var(--gold);font-size:2rem;margin-bottom:.9rem;}
  .stat-item .count{
    font-family:var(--font-head);font-weight:800;color:#fff;font-size:2.5rem;line-height:1;
  }
  .stat-item .lbl{color:rgba(255,255,255,.75);font-weight:600;font-size:.88rem;margin-top:.5rem;letter-spacing:.3px;}
  .stat-divider{border-left:1px solid rgba(255,255,255,.14);}

  /* ===== NEWS ===== */
  .news-section{padding:5.5rem 0;background:var(--light);}
  .news-card{
    background:#fff;border-radius:14px;overflow:hidden;
    box-shadow:0 10px 26px rgba(10,13,60,.08);
    transition:.3s;height:100%;
  }
  .news-card:hover{transform:translateY(-7px);box-shadow:0 20px 38px rgba(10,13,60,.14);}
  .news-card .img-wrap{height:170px;overflow:hidden;position:relative;}
  .news-card .img-wrap img{width:100%;height:100%;object-fit:cover;transition:.5s;}
  .news-card:hover .img-wrap img{transform:scale(1.08);}
  .news-date{
    position:absolute;top:12px;left:12px;
    background:var(--gold);color:var(--navy);
    border-radius:8px;padding:.35rem .65rem;
    text-align:center;line-height:1.05;
    box-shadow:0 6px 14px rgba(0,0,0,.18);
  }
  .news-date .d{font-family:var(--font-head);font-weight:800;font-size:1.05rem;display:block;}
  .news-date .m{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
  .news-card .body{padding:1.2rem 1.25rem 1.4rem;}
  .news-card .body h6{font-weight:700;color:var(--navy);margin-bottom:.5rem;font-size:.98rem;}
  .news-card .body p{color:var(--gray);font-size:.83rem;margin-bottom:.7rem;line-height:1.5;}
  .news-card .read-more{color:var(--blue);font-weight:700;font-size:.82rem;text-decoration:none;}
  .news-card .read-more i{transition:.25s;margin-left:.25rem;}
  .news-card .read-more:hover i{transform:translateX(4px);}
  .news-card .read-more:hover{color:var(--gold-dark);}

  /* ===== CTA BANNER ===== */
  .cta-banner{
    background:linear-gradient(100deg,var(--navy),var(--navy-2) 60%, var(--navy-dark));
    border-radius:0;
    padding:2.6rem 0;
  }
  .cta-banner .ic{
    width:64px;height:64px;border-radius:14px;
    /* background:rgba(245,166,35,.16); */
    color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:5.7rem;
  }
  .cta-banner h4{color:#fff;font-weight:700;margin-bottom:.2rem;}
  .cta-banner p{color:rgba(255,255,255,.75);margin:0;font-size:.92rem;}

  /* ===== FOOTER ===== */
  .site-footer{background: #0c274b;color:rgba(255,255,255,.75);padding-top:4.5rem;}
  .site-footer h6{
    color:#fff;font-weight:700;font-size:.95rem;margin-bottom:1.3rem;
    text-transform:uppercase;letter-spacing:.6px;
  }
  .site-footer .footer-logo img{    height: 130px;}
  .site-footer .footer-brand-name{font-family:var(--font-head);color:#fff;font-weight:700;font-size:1.05rem;}
  .site-footer p.small-text{font-size:.86rem;line-height:1.7;color:rgba(255,255,255,.55);}
  .site-footer ul{list-style:none;padding:0;margin:0;}
  .site-footer ul li{margin-bottom:.7rem;}
  .site-footer ul li a{
    color:rgba(255,255,255,.65);text-decoration:none;font-size:.87rem;
    transition:.2s;display:inline-flex;align-items:center;gap:.5rem;
  }
  .site-footer ul li a:hover{color:var(--gold);padding-left:4px;}
  .site-footer ul li a i{font-size:.65rem;color:var(--gold);}
  .footer-contact li{display:flex;align-items:flex-start;gap:.7rem;font-size:.87rem;color:rgba(255,255,255,.65);}
  .footer-contact li i{color:var(--gold);margin-top:.2rem;width:16px;}
  .social-icons{display:flex;gap:.6rem;margin-top:1.3rem;}
  .social-icons a{
    width:38px;height:38px;border-radius:50%;
    background:rgba(255,255,255,.08);
    color:#fff;display:flex;align-items:center;justify-content:center;
    transition:.25s;font-size:.9rem;
  }
  .social-icons a:hover{background:var(--gold);color:var(--navy);transform:translateY(-3px);}
  .footer-map{border-radius:10px;overflow:hidden;height:;position:relative;background:#1a2166;}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:2rem;padding:1.3rem 0;
    font-size:.82rem;color:rgba(255,255,255,.5);
  }
  .footer-bottom a{color:rgba(255,255,255,.6);text-decoration:none;}
  .footer-bottom a:hover{color:var(--gold);}

  /* ===== BACK TO TOP ===== */
  #backToTop{
    position:fixed;bottom:50px;right:26px;z-index:999;
    width:46px;height:46px;border-radius:50%;
    background:var(--gold);color:var(--navy);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px rgba(0,0,0,.25);
    opacity:0;visibility:hidden;transform:translateY(15px);
    transition:.3s;border:none;font-size:1.05rem;
  }
  #backToTop.show{opacity:1;visibility:visible;transform:translateY(0);}

  /* counters observed animation class */
  .wow{visibility:hidden;}

  @media (max-width:767px){
    .hero, .hero .carousel-item{min-height:560px;}
    .hero-content{padding:5.5rem 20px 7.5rem;}
/*    .bg-banner-gradient {*/
/*    background: #181F6B;*/
/*    background: linear-gradient(90deg, rgb(20 79 157) 0%, rgba(24, 31, 107, 0) 80%) !important;*/
/*}*/
.about-media-outer {
     margin-right: 0rem;
  }
  section{
      max-width:100vw;
      overflow-X:hidden;
  }
  }
  @media (max-width:991px){
    .top-bar .contact-item{display:none;}
    .hero-content h1{font-size:2.2rem;}
    .feature-item{border-right:none;border-bottom:1px solid #eef0f8;padding-bottom:1.2rem;margin-bottom:1.2rem;}
    .feature-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
    .about-badge-card{left:1rem;bottom:-1.2rem;}
    .stat-divider{border-left:none;border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;margin-top:.5rem;}
    .carousel-control-prev,.carousel-control-next{display:none;}
  }
.banner .swiper-slide{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}
/*.bg-banner-gradient{*/
/*    background: #181F6B;*/
/*background: linear-gradient(90deg, rgb(20 79 157) 0%, rgba(24, 31, 107, 0) 80%);*/
/*}*/




















/*start*/




:root{
    --navy:#181f6b;
    --navy-dark:#0e123f;
    --navy-soft:#242c86;
    --gold:#fdc750;
    --gold-light:#f2cf6e;
    --cream:#f7f5ef;
    --ink:#15182c;
    --gray:#5c5f74;
    --line:rgba(24,31,107,0.12);
  }


 .eyebrow{
    font-family:'Oswald',sans-serif;
    letter-spacing:0.35em;
    font-size:1rem;
    font-weight:600;
    text-transform:uppercase;
  }

  .num-font{
    font-family:'Bebas Neue',cursive;
    letter-spacing:0.03em;
  }

  a{text-decoration:none;}

  /* ===== NAVBAR ===== */
  .navbar-oia{
    position:fixed;
    top:0;left:0;right:0;
    z-index:1000;
    padding:18px 0;
    transition:all .35s ease;
    background:transparent;
  }
  .navbar-oia.scrolled{
    background:var(--navy-dark);
    padding:10px 0;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
  }
  .navbar-oia .brand-mark{
    display:flex;align-items:center;gap:10px;
    color:#fff;
  }
  .navbar-oia .brand-mark .crest{
    width:42px;height:42px;border-radius:50%;
    background:linear-gradient(145deg,var(--gold-light),var(--gold));
    display:flex;align-items:center;justify-content:center;
    font-family:'Bebas Neue',cursive;color:var(--navy-dark);font-size:1.15rem;
    border:2px solid rgba(255,255,255,.5);
    flex-shrink:0;
  }
  .navbar-oia .brand-text{line-height:1.1;}
  .navbar-oia .brand-text .t1{font-family:'Oswald',sans-serif;font-weight:700;font-size:1rem;letter-spacing:.03em;}
  .navbar-oia .brand-text .t2{font-size:.68rem;letter-spacing:.2em;color:var(--gold-light);text-transform:uppercase;}

  .navbar-oia .nav-link{
    color:#eef0ff !important;
    font-family:'Oswald',sans-serif;
    font-weight:500;
    letter-spacing:.06em;
    font-size:.88rem;
    text-transform:uppercase;
    margin:0 12px;
    position:relative;
    padding:6px 2px !important;
  }
  .navbar-oia .nav-link::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--gold);
    transition:width .25s ease;
  }
  .navbar-oia .nav-link:hover::after{width:100%;}

  .btn-gold{
    background:var(--gold);
    border:2px solid var(--gold);
    color:var(--navy-dark);
    font-family:'Oswald',sans-serif;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.85rem;
    padding:10px 26px;
    border-radius:2px;
    transition:all .25s ease;
  }
  .btn-gold:hover{background:transparent;color:var(--gold);}

  .btn-outline-cream{
    background:transparent;
    border:2px solid rgba(255,255,255,.55);
    color:#fff;
    font-family:'Oswald',sans-serif;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-size:.85rem;
    padding:10px 26px;
    border-radius:2px;
    transition:all .25s ease;
  }
  .btn-outline-cream:hover{background:rgba(255,255,255,.12);color:#fff;border-color:#fff;}

  /* ===== HERO ===== */
 
  .hero-stripe{
    display:inline-flex;align-items:center;gap:10px;
    color:var(--gold-light);
    margin-bottom:22px;
  }
  .hero-stripe .dash{width:34px;height:2px;background:var(--gold);}
  .hero h1{
    color:#fff;
    font-weight:700;
    font-size:clamp(2.6rem, 6vw, 5.2rem);
    line-height:1.02;
    margin-bottom:6px;
  }
  .hero h1 .gold-word{color:var(--gold);}
  .hero .subline{
    font-family:'Oswald',sans-serif;
    font-weight:400;
    color:#c9cdf2;
    font-size:clamp(1.1rem,2.4vw,1.6rem);
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:26px;
  }
  .hero p.lead-text{
    color:#dfe1f7;
    max-width:600px;
    font-size:1.08rem;
    margin-bottom:34px;
  }
  .scroll-cue{
    position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
    color:rgba(255,255,255,.75);
    display:flex;flex-direction:column;align-items:center;gap:6px;
    font-family:'Oswald',sans-serif;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;
  }
  .scroll-cue .line{width:1px;height:34px;background:linear-gradient(180deg, rgba(255,255,255,.8), transparent);animation:pulse-line 1.8s ease-in-out infinite;}
  @keyframes pulse-line{0%,100%{opacity:.3;}50%{opacity:1;}}

  /* ===== SECTION GENERAL ===== */
  section{position:relative;padding:100px 0;}
  .section-tag{
    color:var(--navy);
    display:flex;align-items:center;gap:12px;
    margin-bottom:18px;
  }
  .section-tag .dash{width:40px;height:3px;background:var(--gold);}
  .section-tag.light{color:var(--gold-light);}

  .intro-section{background:var(--cream);}
  .intro-section .pull{
    font-family:'Oswald',sans-serif;
    font-size:clamp(1.5rem,3vw,2.1rem);
    color:var(--navy);
    line-height:1.35;
    font-weight:500;
    border-left:4px solid var(--gold);
    padding-left:26px;
  }
  .intro-section p.body-copy{
    color:var(--gray);
    font-size:1.08rem;
    line-height:1.85;
  }

  /* ===== PROGRAMS / ROSTER ===== */
  .programs-section{
    background:var(--navy-dark);
    background:radial-gradient(circle at 15% 10%, var(--navy-soft) 0%, var(--navy-dark) 55%);
  }
  .programs-section h2{color:#fff;}
  .programs-section .lede{color:#c4c8ef;max-width:820px;font-size:1.05rem;line-height:1.85;}

  .track-chip{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid rgba(212,167,44,.5);
    color:var(--gold-light);
    font-family:'Oswald',sans-serif;
    font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;
    padding:6px 14px;border-radius:30px;
    margin:4px 6px 0 0;
  }

  .group-label{
    font-family:'Oswald',sans-serif;
    color:var(--gold);
    font-size:.85rem;
    letter-spacing:.25em;
    text-transform:uppercase;
    margin:50px 0 22px;
    display:flex;align-items:center;gap:14px;
  }
  .group-label::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.14);}

  .roster-card{
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.1);
    border-radius:6px;
    overflow:hidden;
    height:100%;
    transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  }
  .roster-card:hover{
    transform:translateY(-8px);
    border-color:var(--gold);
    box-shadow:0 18px 40px rgba(0,0,0,.4);
  }
  .roster-card .img-wrap{
    position:relative;
    height:190px;
    overflow:hidden;
  }
  .roster-card .img-wrap img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .5s ease;
  }
  .roster-card:hover .img-wrap img{transform:scale(1.08);}
  .roster-card .img-wrap::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(180deg, transparent 50%, rgba(14,18,63,.9) 100%);
  }
  .roster-card .jersey-num{
    position:absolute;top:12px;left:12px;
    width:44px;height:44px;
    border-radius:50%;
    background:var(--navy-dark);
    border:2px solid var(--gold);
    color:var(--gold-light);
    display:flex;align-items:center;justify-content:center;
    font-family:'Bebas Neue',cursive;
    font-size:1.25rem;
    z-index:2;
  }
  .roster-card .tag{
    position:absolute;top:12px;right:12px;
    background:rgba(212,167,44,.92);
    color:var(--navy-dark);
    font-family:'Oswald',sans-serif;
    font-weight:600;
    font-size:.62rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding:4px 10px;
    border-radius:20px;
    z-index:2;
  }
  .roster-card .card-body-oia{
    padding:16px 18px 20px;
  }
  .roster-card .card-body-oia h4{
    color:#fff;
    font-size:1.15rem;
    margin-bottom:0;
  }

  /* ===== PILLARS ===== */
  .pillars-section{background:var(--cream);}
  .pillar-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    padding:42px 32px;
    height:100%;
    position:relative;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .pillar-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(24,31,107,.12);}
  .pillar-card .p-num{
    font-family:'Bebas Neue',cursive;
    font-size:3.2rem;
    color:transparent;
    -webkit-text-stroke:1.5px var(--gold);
    line-height:1;
    margin-bottom:18px;
    display:block;
  }
  .pillar-card h3{
    font-size:1.35rem;
    color:var(--navy);
    margin-bottom:14px;
  }
  .pillar-card p{color:var(--gray);line-height:1.8;margin:0;}
  .pillar-card .underline{width:44px;height:3px;background:var(--gold);margin-bottom:18px;}

  /* ===== COMMUNITY ===== */
  .community-section{
    background:var(--navy);
    background:linear-gradient(120deg, var(--navy) 0%, var(--navy-dark) 100%);
    color:#fff;
  }
  .community-section .img-frame{
    position:relative;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,.4);
  }
  .community-section .img-frame img{
    width:100%;height:100%;object-fit:cover;
    display:block;
    min-height:420px;
  }
  .community-section .img-frame::before{
    content:"";
    position:absolute;inset:0;
    border:3px solid var(--gold);
    border-radius:8px;
    transform:translate(16px,16px);
    z-index:-1;
  }
  .community-section p.body-copy{
    color:#cfd2f2;
    font-size:1.08rem;
    line-height:1.9;
  }

  /* ===== JOIN CTA ===== */
  .join-section{
    position:relative;
    background:
      linear-gradient(180deg, rgba(14,18,63,.82), rgba(14,18,63,.92)),
      url('https://images.pexels.com/photos/8926835/pexels-photo-8926835.jpeg?auto=compress&cs=tinysrgb&w=1920') center/cover no-repeat;
    color:#fff;
    text-align:center;
  }
  .join-section h2{color:#fff;}
  .join-section p{
    color:#d7d9f5;
    max-width:640px;
    margin:0 auto 34px;
    font-size:1.1rem;
    line-height:1.85;
  }

  /* ===== WHY CHOOSE ===== */
  .why-section{background:var(--cream);}
  .why-card{
    background:#fff;
    border:1px solid var(--line);
    border-radius:8px;
    padding:50px;
  }
  .why-card p{
    color:var(--gray);
    font-size:1.08rem;
    line-height:1.95;
    margin:0;
  }
  .value-chip{
    display:inline-block;
    background:var(--navy);
    color:#f2cf6e;
    font-family:'Oswald',sans-serif;
    font-size:.72rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    padding:7px 16px;
    border-radius:20px;
    margin:5px 6px 0 0;
  }
/*end*/



















 :root{
    --navy-900:#0a1240;
    --navy-800:#111c56;
    --navy-700:#1a2a6c;
    --navy-500:#2c3d8f;
    --gold-500:#fcc650;
    --gold-300:#e2c273;
    --bg-soft:#f6f6f4;
    --ink-900:#141628;
    --ink-600:#4c4f66;
    --line:#e4e3dd;
  }



  /* ===== Section framing ===== */
  section{padding:5.5rem 0;}
  .section-tight{padding:4.5rem 0;}
  .kicker{
    color:var(--gold-500);
    font-family:'Fraunces',serif;
    font-style:italic;
    font-weight:500;
    font-size:1.05rem;
    margin-bottom:.35rem;
  }
  .section-title{
    font-size:clamp(1.7rem, 2.9vw, 2.35rem);
    font-weight:600;
    color:var(--navy-900);
   
  }
  .lede{
      color: #000;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;

  }
  .rule{
    width:56px;height:3px;background:var(--gold-500);
    margin:1.1rem 0 1.4rem;
  }

  /* ===== Academics split ===== */
  .stat-panel{
    background:var(--bg-soft);
    border:1px solid var(--line);
    border-radius:4px;
    padding:2.1rem;
  }
  .stat-row{
    display:flex; gap:1rem; align-items:flex-start;
    padding:1rem 0;
    border-bottom:1px solid var(--line);
  }
  .stat-row:last-child{border-bottom:none;padding-bottom:0;}
  .stat-row:first-child{padding-top:0;}
  .stat-icon{
    width:42px;height:42px;flex:none;
    border-radius:50%;
    background:var(--navy-900);
    color:var(--gold-300);
    display:flex;align-items:center;justify-content:center;
    font-size:1rem;
  }
  .stat-row h4{
    font-size:1rem; font-weight:600; color:var(--navy-900);
    margin-bottom:.2rem; font-family:'Work Sans',sans-serif;
  }
  .stat-row p{font-size:.9rem;color:var(--ink-600);margin:0;line-height:1.55;}

  /* ===== Pedagogy icon grid ===== */
  .method-card{
    border:1px solid var(--line);
    padding:1.7rem 1.5rem;
    height:100%;
    background:#fff;
    transition:.25s ease;
    box-shadow: 2px 2px 10px #00000030;
    border-radius: 15px;
  }
  .method-card:hover{
    border-color:var(--gold-500);
    box-shadow:0 10px 26px -18px rgba(10,18,64,.35);
  }
  .method-icon{
    width:48px;height:48px;
    border:1.5px solid var(--gold-500);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:var(--navy-800);
    font-size:1.15rem;
    margin-bottom:1rem;
  }
  .method-card h4{
    font-family:'Fraunces',serif;
    font-size:1.08rem;
    font-weight:600;
    color:var(--navy-900);
    margin-bottom:.5rem;
  }
  .method-card p{font-size:.9rem;color:var(--ink-600);line-height:1.6;margin:0;}

  /* ===== Beyond academics ===== */
  .beyond-section{
    background:var(--navy-900);
    position:relative;
    overflow:hidden;
  }
  .beyond-section::before{
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(600px 300px at 90% 0%, rgba(200,160,75,.14), transparent 60%);
    pointer-events:none;
  }
  .beyond-section .kicker{color:var(--gold-300);}
  .beyond-section .section-title{color:#fff;}
  .beyond-section .lede{color:rgba(255,255,255,.68);}
  .beyond-card{
    border:1px solid rgba(255,255,255,.16);
    padding:1.8rem 1.5rem;
    height:100%;
    position:relative;
  }
  .beyond-card::before{
    content:"";
    position:absolute; top:0; left:0; right:0; height:2px;
    background:var(--gold-500);
    transform:scaleX(0); transform-origin:left;
    transition:transform .3s ease;
  }
  .beyond-card:hover::before{transform:scaleX(1);}
  .beyond-card i{
    color:var(--gold-300);
    font-size:1.5rem;
    margin-bottom:1rem;
  }
  .beyond-card h4{
    color:#fff; font-family:'Fraunces',serif;
    font-size:1.05rem; font-weight:600; margin-bottom:.5rem;
  }
  .beyond-card p{color:rgba(255,255,255,.62);font-size:.87rem;line-height:1.6;margin:0;}

  /* ===== Wings timeline ===== */
  .wings-section{background:var(--bg-soft);}
  .timeline{position:relative;margin-top:3rem;}
  .timeline::before{
    content:"";
    position:absolute; left:31px; top:6px; bottom:6px;
    width:2px;
    background:repeating-linear-gradient(to bottom, var(--gold-500) 0 6px, transparent 6px 12px);
  }
  @media (min-width:992px){
    .timeline::before{left:50%; transform:translateX(-1px);}
  }
  .tl-item{
    position:relative;
    padding-left:78px;
    margin-bottom:2.6rem;
  }
  .tl-item:last-child{margin-bottom:0;}
  .tl-num{
    position:absolute; left:0; top:0;
    width:64px;height:64px;
    border-radius:50%;
    background:var(--navy-900);
    color:var(--gold-300);
    display:flex;align-items:center;justify-content:center;
    font-size:1.3rem;
    border:3px solid var(--bg-soft);
    box-shadow:0 0 0 1px var(--gold-500);
    flex:none;
  }
  .tl-card{
    background:#fff;
    border:1px solid var(--line);
    padding:1.6rem 1.8rem;
  }
  .tl-card h4{
    color:var(--navy-900);
    font-size:1.15rem;
    font-weight:600;
    margin-bottom:.5rem;
  }
  .tl-card .tl-stage{
    font-size:.76rem;
    letter-spacing:.03em;
    color:var(--gold-500);
    font-weight:600;
    margin-bottom:.25rem;
  }
  .tl-card p{
    color:var(--ink-600);
    font-size:.92rem;
    line-height:1.7;
    margin-bottom:.4rem;
  }
  .tl-toggle{
    font-size:.84rem;
    color:var(--navy-700);
    font-weight:500;
    border:none;background:none;padding:0;
  }
  .tl-toggle:hover{color:var(--gold-500);}

  @media (min-width:992px){
    .tl-item{
      padding-left:0;
      width:50%;
      display:flex;
    }
    .tl-item .tl-num{
      left:auto; top:0;
    }
    .tl-item.right{margin-left:50%;}
    .tl-item.left{flex-direction:row-reverse; text-align:right;}
    .tl-item.left .tl-num{right:-32px;}
    .tl-item.right .tl-num{left:-32px;}
    .tl-item.left .tl-card{margin-right:96px;}
    .tl-item.right .tl-card{margin-left:96px;}
  }

  /* ===== CTA ===== */
  .cta-band{
    background:linear-gradient(120deg, var(--navy-900), var(--navy-700));
    color:#fff;
    padding:4rem 0;
    text-align:center;
  }
  .cta-band h2{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:600;margin-bottom:.6rem;}
  .cta-band p{color:rgba(255,255,255,.7);max-width:52ch;margin:0 auto 1.8rem;}
  .btn-gold{
    background:var(--gold-500);
    color:var(--navy-900);
    font-weight:600;
    padding:.75rem 2rem;
    border-radius:2px;
    border:1px solid var(--gold-500);
    transition:.25s ease;
  }
  .btn-gold:hover{background:transparent;color:var(--gold-300);}
  .btn-outline-light-2{
    padding:.75rem 2rem;
    border-radius:2px;
    border:1px solid rgba(255,255,255,.5);
    color:#fff;
    font-weight:500;
    margin-left:.75rem;
    transition:.25s ease;
  }
  .btn-outline-light-2:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff;}

  /* ===== Footer ===== */
  footer{background:var(--navy-900);color:rgba(255,255,255,.68);padding-top:4rem;}
  footer h5{color:#fff;font-family:'Fraunces',serif;font-weight:600;font-size:1.05rem;margin-bottom:1.1rem;}
  footer a{color:rgba(255,255,255,.62);}
  footer a:hover{color:var(--gold-300);}
  footer ul{list-style:none;padding:0;margin:0;}
  footer ul li{margin-bottom:.65rem;font-size:.92rem;}
  .footer-contact li{display:flex;gap:.65rem;align-items:flex-start;}
  .footer-contact i{color:var(--gold-500);width:16px;margin-top:.25rem;}
  .footer-bottom{
    border-top:1px solid rgba(255,255,255,.12);
    margin-top:3rem;
    padding:1.2rem 0;
    font-size:.83rem;
  }
  .social-dot{
    width:36px;height:36px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    margin-right:.5rem;
    color:#fff;
  }
  .social-dot:hover{border-color:var(--gold-500);color:var(--gold-300);}
  
  
  /*end*/
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  :root{
    --navy:#0d4882;
    --navy-deep:#0d4882;
    --gold:#fdc750;
    --gold-soft:#E7D4A8;
    --maroon:#7A2331;
    --paper:#FAF7F0;
    --ink:#242B36;
    --ink-soft:#5B6270;
  }
  
  
  
  
  /* .hero-banner{*/
  /*  position:relative;*/
  /*  background:var(--navy);*/
  /*  overflow:hidden;*/
  /*}*/
  /*.hero-banner .hero-art{*/
  /*  position:absolute;*/
  /*  top:0; right:0; bottom:0;*/
  /*  width:46%;*/
  /*  opacity:.9;*/
  /*}*/
  /*.hero-banner .hero-art svg{ width:100%; height:100%; }*/
  /*.hero-inner{*/
  /*  position:relative;*/
  /*  z-index:1;*/
  /*  padding:4.2rem 0 4.6rem;*/
  /*  max-width:640px;*/
  /*}*/
  .eyebrow-line{
    display:flex; align-items:center; gap:.6rem;
    color:var(--gold-soft);
    font-size:.85rem;
    letter-spacing:.14em;
    margin-bottom:1rem;
  }
  .eyebrow-line::before{
    content:"";
    width:34px; height:2px;
    background:var(--gold);
    display:inline-block;
  }
  /*.hero-banner h1{*/
  /*  color:#fff;*/
  /*  font-size:clamp(2.1rem, 3.6vw, 3rem);*/
  /*  font-weight:700;*/
  /*  line-height:1.15;*/
  /*  margin-bottom:1.1rem;*/
  /*}*/
  /*.hero-banner p{*/
  /*  color:#C9D2E0;*/
  /*  font-size:1.05rem;*/
  /*  line-height:1.75;*/
  /*}*/

  /* ===== MAIN LAYOUT ===== */
  .content-wrap{ padding:4.2rem 0 5rem; }

  .side-nav{
    background:#fff;
    border:1px solid #E7E1D3;
    border-radius:4px;
    overflow:hidden;
  }
  .side-nav .side-nav-head{
    background:var(--navy);
    color:#fff;
    font-family:'Playfair Display', serif;
    font-size:1.05rem;
    padding:.9rem 1.15rem;
  }
  .side-nav ul{ list-style:none; margin:0; padding:0; }
  .side-nav li{ border-bottom:1px solid #EFEAE0; }
  .side-nav li:last-child{ border-bottom:none; }
  .side-nav a{
    display:block;
    padding:.75rem 1.15rem;
    text-decoration:none;
    color:var(--ink-soft);
    font-size:.92rem;
    font-weight:500;
    transition:background .15s ease, color .15s ease;
  }
  .side-nav a:hover{ background:#F5F0E4; color:var(--navy); }
  .side-nav a.active{
    background:var(--paper);
    color:var(--maroon);
    font-weight:700;
    border-left:3px solid var(--maroon);
    padding-left:calc(1.15rem - 3px);
  }

  .info-card{
    background:var(--navy);
    color:#D9DFEA;
    border-radius:4px;
    padding:1.6rem;
    margin-top:1.5rem;
  }
  .info-card h4{
    font-family:'Playfair Display', serif;
    color:var(--gold);
    font-size:1.05rem;
    margin-bottom:.6rem;
  }
  .info-card p{ font-size:.88rem; line-height:1.7; margin-bottom:0; color:#C9D2E0; }

  /* ===== ARTICLE ===== */
  .article-heading{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-bottom:1.6rem;
  }
  .article-heading h2{
    font-size:clamp(1.6rem, 2.6vw, 2.1rem);
    font-weight:700;
    color:var(--navy);
    margin:0;
  }
  .article-heading .rule{
    flex:1;
    height:1px;
    background:linear-gradient(to right, var(--gold), transparent);
  }

  .lede{
    font-size:1.12rem;
    line-height:1.85;
    color:var(--ink);
  }
 

  .article-body p{
    font-size:1.02rem;
    line-height:1.85;
    color:var(--ink);
    margin-bottom:1.3rem;
  }

  hr.gold-rule{
    border:0;
    height:1px;
    background:linear-gradient(to right, var(--gold), #E7E1D3 60%, transparent);
    margin:2.6rem 0;
  }

  .pull-quote{
    border-left:3px solid var(--maroon);
    background:#fff;
    padding:1.4rem 1.7rem;
    margin:2.4rem 0;
    box-shadow:0 2px 10px rgba(14,35,64,.05);
  }
  .pull-quote p{
    font-family:'Playfair Display', serif;
    font-style:italic;
    font-size:1.22rem;
    color:var(--navy);
    line-height:1.6;
    margin:0;
  }

  .value-strip{
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    margin:2.2rem 0 2.6rem;
  }
  .value-item{
    flex:1 1 150px;
    background:#fff;
    border:1px solid #E7E1D3;
    border-top:3px solid var(--gold);
    padding:1.1rem 1rem;
    text-align:center;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: column;
    width: 100%;
    
  }
  .value-item svg{ width:26px; height:26px; margin-bottom:.5rem; }
  .value-item span{
    display:block;
    font-size:.82rem;
    font-weight:600;
    color:var(--navy);
    letter-spacing:.01em;
  }



 .card{
  
    border:0 !important;
    border-radius:18px !important;
    box-shadow:0 10px 30px -12px rgba(76,63,224,.12);
    padding:1.6rem 1.9rem 1.8rem;
  }

  .card-title{
    font-size:1.15rem;
    font-weight:700;
    color:#3730A3;
  }

  .icon-circle{
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:1.05rem;
  }
  .icon-circle.coral{ 
      background: #FDE9EA;
    color: #E4626F;
    align-items: center;
    text-align: center;
    display: flex;
      
  }
  .icon-circle.purple{ background:#EDEAFC; color:#6B5BD6;
  
    
    align-items: center;
    text-align: center;
    display: flex;
  }
  .icon-circle.green{ background:#E8F6EC; color:#4CAF6E;
    align-items: center;
    text-align: center;
    display: flex;}
  .icon-circle.gold{ background:#FDF3DF; color:#D9A441; 
        align-items: center;
    text-align: center;
    display: flex;
  }

  .item-title{
    font-size:.95rem;
    font-weight:700;
    color:#2C2A6B;
    margin-bottom:.15rem;
  }
  .item-sub{
    font-size:.83rem;
    color:#8A8AA3;
    margin-bottom:0;
  }
  
  
  
  .btn-navy {
    background: #fdc750;
    color: #111;
    font-weight: 700;
    padding: .7rem 2rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    animation: goldenBlink 1s ease-in-out infinite;
}

@keyframes goldenBlink {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 5px #fdc750;
    }

    50% {
        transform: scale(1.06);
        box-shadow: 0 0 25px #fdc750, 0 0 45px rgba(253, 199, 80, 0.5);
    }
}



.display-4{
    margin-top:100px;
        text-align: center;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.breadcrumb{
    align-items:center;
    justify-content:center;
}