:root{
  --brand-dark:#0a2540;
  --brand:#1a2440;
  --brand-2:#1d4e89;
  --accent:#f6b400;
  --accent-2:#e89f00;
  --text:#1a2440;
  --muted:#5a6779;
  --bg-soft:#f6f8fc;
}
*{ -webkit-font-smoothing:antialiased; }
html, body{ overflow-x:hidden; max-width:100%; }
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}hero-3

.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}



body{
  font-family: "Barlow", sans-serif;
  color:var(--text);
  background:#fff;
}
h1,h2,h3,h4,h5{ font-family: "Barlow", sans-serif; color:var(--brand-dark); }
.letter-spaced{ letter-spaced:.18em; letter-spacing:.18em; }
.text-dark-blue{ color:var(--brand-dark)!important; }
.text-primary-brand{ color:var(--brand)!important; }
.link-primary-brand{ color:var(--brand); text-decoration:none; }
.link-primary-brand:hover{ color:var(--accent-2); }

/* Topbar */
.topbar{
  background:linear-gradient(90deg,var(--brand-dark),var(--brand));
  overflow:hidden;
}
.topbar a{ text-decoration:none; }
.topbar a:hover{ color:var(--accent)!important; }

/* Brand mark */
.brand-mark{
  width:48px;height:48px;
  background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);
  border:2px solid var(--accent);
  border-radius:50%;
  font-size:13px;
  letter-spacing:1px;
}
.brand-name{ font-family:'Merriweather',serif; font-size:1.05rem; }

/* Nav */
@media (min-width:992px){
  .navbar .navbar-brand{ margin-right:auto!important; }
  .navbar .navbar-collapse{
    flex-grow:0;
    justify-content:flex-end;
  }
  .navbar .navbar-nav{ margin-left:auto!important; }
}
.navbar .nav-link{
  color:var(--brand-dark);
  font-weight:500;
  font-size:.95rem;
  padding:.6rem .9rem!important;
}
.navbar .nav-link:hover, .navbar .nav-link.active{ color:var(--accent-2); }
.btn-primary-brand{
  background:var(--brand);
  border:none; color:#fff; font-weight:500;
}
.btn-primary-brand:hover{ background:var(--brand-dark); color:#fff; }

/* Hover dropdowns (desktop only) */
@media (min-width: 992px){
  .navbar .dropdown > .dropdown-menu{
    display:block;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    margin-top:0;
    transform:translateY(18px) scale(.96) rotateX(-12deg);
    transform-origin:top center;
    transition:opacity .35s ease, transform .35s cubic-bezier(.2,.9,.25,1.2), visibility .35s;
  }
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown > .dropdown-menu.show{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1) rotateX(0);
  }
  .navbar .dropdown-toggle::after{
    transition:transform .35s cubic-bezier(.2,.9,.25,1.2);
  }
  .navbar .dropdown:hover > .dropdown-toggle::after{
    transform:rotate(180deg) translateY(-2px);
  }
  /* Stagger each item in */
  .navbar .dropdown-menu .dropdown-item{
    opacity:0;
    transform:translateX(-12px);
    transition:opacity .3s ease, transform .3s ease, background-color .2s, color .2s, padding-left .25s;
  }
  .navbar .dropdown:hover > .dropdown-menu .dropdown-item,
  .navbar .dropdown > .dropdown-menu.show .dropdown-item{
    opacity:1;
    transform:translateX(0);
  }
  .navbar .dropdown-menu .dropdown-item:nth-child(1){ transition-delay:.06s; }
  .navbar .dropdown-menu .dropdown-item:nth-child(2){ transition-delay:.12s; }
  .navbar .dropdown-menu .dropdown-item:nth-child(3){ transition-delay:.18s; }
  .navbar .dropdown-menu .dropdown-item:nth-child(4){ transition-delay:.24s; }
  .navbar .dropdown-menu .dropdown-item:nth-child(5){ transition-delay:.30s; }
  .navbar .dropdown-menu .dropdown-item:nth-child(6){ transition-delay:.36s; }
  .navbar .dropdown-menu .dropdown-item:hover{
    padding-left:1.5rem;
  }
  /* Accent slide-in on hover */
  .navbar .dropdown-menu .dropdown-item{ position:relative; overflow:hidden; }
  .navbar .dropdown-menu .dropdown-item::before{
    content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
    background:var(--accent); transform:scaleY(0);
    transform-origin:bottom; transition:transform .25s ease;
  }
  .navbar .dropdown-menu .dropdown-item:hover::before{
    transform:scaleY(1); transform-origin:top;
  }
}
.dropdown-menu{
  border:0;
  border-top:3px solid var(--accent);
  border-radius:0 0 6px 6px;
  box-shadow:0 18px 40px rgba(10,37,64,.18);
  padding:.4rem 0;
}
.dropdown-item{
  padding:.55rem 1.1rem;
  font-size:.92rem;
  color:var(--brand-dark);
}
.dropdown-item:hover, .dropdown-item:focus{
  background:var(--bg-soft);
  color:var(--accent-2);
}

/* ===== Mega menu (Schools) ===== */
@media (min-width: 992px){
  .mega-dd{ position:static!important; }
  .mega-menu{
    left:0!important; right:0!important;
    width:100%;
    border:0;
    border-top:3px solid var(--accent);
    border-radius:0;
    box-shadow:0 22px 50px rgba(10,37,64,.18);
    padding:0;
    background:#fff;
    transform:translateY(20px) scaleY(.96);
    transform-origin:top center;
  }
  .mega-dd:hover > .mega-menu,
  .mega-menu.show{
    transform:translateY(0) scaleY(1);
  }
}
.mega-inner{
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);
}
.mega-col{
  padding:0 1rem;
  border-right:1px solid #eef1f6;
}
.mega-col:last-child{ border-right:0; }
.mega-heading{
  font-family:'Poppins',sans-serif;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  color:var(--brand);
  padding-bottom:.6rem;
  margin-bottom:.9rem;
  border-bottom:2px solid var(--accent);
  position:relative;
}
.mega-link{
  display:flex; align-items:flex-start; gap:.8rem;
  padding:.7rem .6rem;
  margin-bottom:.3rem;
  border-radius:8px;
  text-decoration:none;
  color:var(--brand-dark);
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}
.mega-link::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:0;
  background:linear-gradient(180deg,var(--accent),var(--accent-2));
  transition:width .25s ease;
}
.mega-link:hover{
  background:var(--bg-soft);
  transform:translateX(4px);
  color:var(--brand);
}
.mega-link:hover::before{ width:3px; }
.mega-link i{
  width:38px; height:38px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));
  color:var(--accent);
  border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:1.05rem;
  flex-shrink:0;
  transition:.3s ease;
}
.mega-link:hover i{
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  color:var(--brand-dark);
  transform:rotate(-6deg) scale(1.08);
}
.mega-link-title{
  font-weight:600;
  font-size:14px;
  line-height:1.2;
}
.mega-link-sub{
  font-size:.78rem;
  color:var(--muted);
  margin-top:.15rem;
}
.mega-feature{
  background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%);
  background-image:linear-gradient(135deg,rgba(10,37,64,.92),rgba(13,59,102,.92)),url('https://images.unsplash.com/photo-1562774053-701939374585?w=900&q=80');
  background-size:cover; background-position:center;
  min-height:240px;
}
.mega-feature h5{ font-family:'Merriweather',serif; }

/* Stagger mega-link animation in */
@media (min-width: 992px){
  .mega-menu .mega-link{
    opacity:0;
    transform:translateY(10px);
    transition:opacity .35s ease, transform .35s ease, background-color .25s, color .25s;
  }
  .mega-dd:hover > .mega-menu .mega-link,
  .mega-menu.show .mega-link{
    opacity:1; transform:translateY(0);
  }
  .mega-menu .mega-col:nth-child(1) .mega-link:nth-of-type(1){ transition-delay:.08s; }
  .mega-menu .mega-col:nth-child(1) .mega-link:nth-of-type(2){ transition-delay:.14s; }
  .mega-menu .mega-col:nth-child(2) .mega-link:nth-of-type(1){ transition-delay:.16s; }
  .mega-menu .mega-col:nth-child(2) .mega-link:nth-of-type(2){ transition-delay:.22s; }
  .mega-menu .mega-col:nth-child(3) .mega-link:nth-of-type(1){ transition-delay:.24s; }
  .mega-menu .mega-col:nth-child(3) .mega-link:nth-of-type(2){ transition-delay:.30s; }
}

/* Hero */
.hero-slide{
  height:580px;
  background-size:cover;
  background-position:center;
}
.hero-1{ background: url("../img/slider/1.jpg") }
.hero-2{ background: url("../img/slider/2.jpg") }
.hero-3{ background: url("../img/slider/3.jpg") }

.hero-overlay h1{ color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.4); }
.carousel-indicators [data-bs-target]{ width:32px; height:4px; border-radius:2px; }

/* Section titles */
.section-title{
  font-size:30px; font-weight:700; margin-bottom:1rem;
  position:relative; display:inline-block; padding-bottom:.6rem;
}
.section-title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:60px; height:3px; background:var(--accent); border-radius:2px;
}
.text-center .section-title::after{ left:50%; transform:translateX(-50%); }

/* Quick strip */
.quick-strip{ background:#fff; border-bottom:1px solid #eee; }
.quick-card{
  background:#fff; border:1px solid #eef1f6;
  text-decoration:none; color:var(--brand-dark);
  transition:.25s; box-shadow:0 4px 14px rgba(10,37,64,.04);
}
.quick-card:hover{ transform:translateY(-4px); border-color:var(--accent); box-shadow:0 12px 24px rgba(10,37,64,.1); }

/* Notice card */
.notice-card{ border:1px solid #eef1f6; background:#fff; }
.notice-header{ background:linear-gradient(135deg,var(--brand),var(--brand-dark)); }
.notice-list li{
  display:flex; gap:.75rem; padding:.7rem 0;
  border-bottom:1px dashed #e5e9f0;
}
.notice-list li:last-child{ border:none; }
.notice-date{
  background:var(--bg-soft); color:var(--brand);
  font-size:.78rem; font-weight:600; padding:.25rem .5rem;
  border-radius:4px; min-width:58px; text-align:center; height:fit-content;
}
.notice-list a{ color:var(--text); text-decoration:none; font-size:.92rem; }
.notice-list a:hover{ color:var(--accent-2); }
.view-all{ background:var(--bg-soft); color:var(--brand); font-weight:600; text-decoration:none; }
.view-all:hover{ background:var(--accent); color:#fff; }

/* Stats */
.stats-section{
  background:linear-gradient(135deg,var(--brand-dark),var(--brand));
  background-image:linear-gradient(135deg,rgba(10,37,64,.95),rgba(13,59,102,.95)),url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=1600&q=80');
  background-size:cover; background-position:center;
}
.stat-num{ font-family: "Barlow", sans-serif; font-size:2.2rem; color:#fff; font-weight:700; margin-top:.5rem; }

/* Schools */
.school-card{
  border:1px solid #eef1f6; transition:.3s;
  position:relative;
}
.school-card:hover{ transform:translateY(-6px); box-shadow:0 18px 36px rgba(10,37,64,.12); }
.school-icon{
  height:90px;
  background:linear-gradient(135deg,var(--brand),var(--brand-dark));
  color:var(--accent); font-size:2.4rem;
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
}
.school-icon::before{
  content:""; position:absolute; inset:0;
  background:radial-gradient(circle at top right, rgba(246,180,0,.2), transparent 60%);
}

/* Programs pills */
.prog-pill{
  background:#fff; border:1px solid #eef1f6; border-left:4px solid var(--accent);
  padding:.9rem 1rem; border-radius:6px;
  box-shadow:0 4px 10px rgba(10,37,64,.04);
  transition:.25s; height:100%;
}
.prog-pill:hover{ transform:translateX(4px); border-left-color:var(--brand); }
#progTabs .nav-link{ color:var(--brand); border:1px solid #e2e7ef; background:#fff; font-weight:500; }
#progTabs .nav-link.active{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* VC section */
.vc-section{
  background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand) 100%);
  position:relative; overflow:hidden;
}
.vc-section::before{
  content:""; position:absolute; right:-100px; top:-100px;
  width:400px; height:400px; border-radius:50%;
  background:radial-gradient(circle,rgba(246,180,0,.15), transparent 70%);
}
.vc-photo{
  height:420px; background-size:cover; background-position:center;
  background-image:url('https://images.unsplash.com/photo-1556157382-97eda2d62296?w=1000&q=80');
  border:4px solid var(--accent);
}

/* News */
.news-card{ border:1px solid #eef1f6; transition:.3s; }
.news-card:hover{ transform:translateY(-4px); box-shadow:0 16px 30px rgba(10,37,64,.1); }
.news-img{ height:200px; background-size:cover; background-position:center; }
.news-1{ background-image:url('https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?w=900&q=80'); }
.news-2{ background-image:url('https://images.unsplash.com/photo-1532187863486-abf9dbad1b69?w=900&q=80'); }
.news-3{ background-image:url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=900&q=80'); }

/* Campus tiles */
.campus-tile{
  background-size:cover; background-position:center;
  border-radius:8px; overflow:hidden; position:relative;
  cursor:pointer;
}
.campus-tile::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(10,37,64,0) 40%,rgba(10,37,64,.85));
  transition:.3s;
}
.campus-tile span{
  position:absolute; bottom:14px; left:16px; z-index:2;
  color:#fff; font-weight:600; font-family:'Merriweather',serif;
}
.campus-tile:hover::after{ background:linear-gradient(180deg,rgba(13,59,102,.4),rgba(10,37,64,.9)); }
.tile-1{ background-image:url('https://images.unsplash.com/photo-1481627834876-b7833e8f5570?w=1200&q=80'); }
.tile-2{ background-image:url('https://images.unsplash.com/photo-1530549387789-4c1017266635?w=800&q=80'); }
.tile-3{ background-image:url('https://images.unsplash.com/photo-1555854877-bab0e564b8d5?w=800&q=80'); }
.tile-4{ background-image:url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?w=800&q=80'); }
.tile-5{ background-image:url('https://images.unsplash.com/photo-1582719471384-894fbb16e074?w=800&q=80'); }
.tile-6{ background-image:url('https://images.unsplash.com/photo-1564981797816-1043664bf78d?w=1200&q=80'); }

/* CTA */
.cta-section{
  background:linear-gradient(135deg,var(--brand-dark),var(--brand-2));
  background-image:linear-gradient(135deg,rgba(10,37,64,.92),rgba(29,78,137,.92)),url('https://images.unsplash.com/photo-1523050854058-8df90110c9f1?w=1600&q=80');
  background-size:cover; background-position:center;
}

/* Footer */
.footer{
  background:linear-gradient(180deg,#091d36,#06152a);
}
.footer-link{ color:rgba(255,255,255,.75); text-decoration:none; display:inline-block; padding:.18rem 0; }
.footer-link:hover{ color:var(--accent); }
.social-btn{
  width:36px; height:36px; border-radius:50%;
  background:rgba(255,255,255,.08); color:#fff;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; transition:.25s;
}
.social-btn:hover{ background:var(--accent); color:var(--brand-dark); }

/* Responsive tweaks */
@media (max-width:991px){
  /* keep brand + toggler on a single row */
  .navbar > .container{ flex-wrap:nowrap; }
  .navbar-brand{ min-width:0; max-width:calc(100% - 60px); }
  .brand-name{ font-size:.95rem; }
  .brand-sub{ font-size:.7rem; }
  .brand-mark{ width:40px; height:40px; font-size:11px; }
  .navbar-toggler{ padding:.25rem .5rem; font-size:.95rem; }

  /* mega menu becomes a normal stacked dropdown on mobile */
  .mega-menu{
    width:auto!important;
    left:auto!important; right:auto!important;
    box-shadow:none;
    border:0;
  }
  .mega-inner > .container{ padding:0; }
  .mega-col{
    border-right:0;
    border-bottom:1px solid #eef1f6;
    padding-bottom:.5rem;
    margin-bottom:.5rem;
  }
  .mega-col:last-child{ border-bottom:0; }
  .mega-feature{ display:none!important; }
}

@media (max-width:768px){
  .topbar .container{ font-size:.75rem; }
  .topbar span, .topbar a{ white-space:nowrap; }
  .hero-slide{ height: 200px; width: 100%; background-size:cover;
  background-position:center; }
  .hero-overlay h1{ font-size:1.9rem; }
  .section-title{ font-size:1.55rem; }
  .stat-num{ font-size:1.6rem; }
  .display-4{ font-size:2rem; }
  .display-6{ font-size:1.6rem; }
}

@media (max-width:575px){
  .brand-name{ font-size:.85rem; }
  .brand-sub{ display:none; }
  .topbar .container{ justify-content:center; }
  .topbar > .container > div:first-child{ display:none!important; }
  .container{ padding-left:14px; padding-right:14px; }
}

/* Mobile gutter / overflow safety net — Bootstrap g-4/g-5 use big negative
   margins that overflow narrow viewports. Cap them on phones. */
@media (max-width:767px){
  .row.g-5{ --bs-gutter-x:1.25rem; --bs-gutter-y:1.5rem; }
  .row.g-4{ --bs-gutter-x:1rem;    --bs-gutter-y:1.25rem; }
  .vc-photo{ height:280px; }
}

/* Mobile nav layout */
@media (max-width:991px){
  .navbar > .container{
    flex-wrap:wrap;
    align-items:center;
  }
  .navbar-collapse{
    flex-basis:100%;
    flex-grow:1;
    background:#fff;
    margin-top:.6rem;
    padding:.4rem 0;
    border-top:1px solid #eef1f6;
    max-height:80vh;
    overflow-y:auto;
  }
  .navbar-nav{ width:100%; }
  .navbar-nav .nav-link{
    padding:.7rem 1rem!important;
    border-bottom:1px solid #f1f3f7;
    font-weight:600;
  }
  .navbar-nav .nav-item:last-child .nav-link{ border-bottom:0; }
  .navbar .dropdown-menu{
    border:0; box-shadow:none;
    background:#f8fafc;
    padding:.2rem .8rem .4rem;
  }
  .navbar .mega-menu{ padding:0!important; }
  .navbar .mega-inner{ background:transparent; }
  .navbar .mega-col{ padding:.3rem .4rem; }
  .navbar .mega-heading{
    margin-top:.6rem;
    font-size:.65rem;
  }
  .navbar .nav-item.dropdown .nav-link.dropdown-toggle{
    display:flex; justify-content:space-between; align-items:center;
  }
  .navbar .ms-lg-2{ margin-top:.6rem; padding:.4rem 1rem; }
  .navbar .btn-primary-brand{ width:100%; }
}

 .top-marquee {
            width: 100%;
            background: #222;
            color: #fff;
            overflow: hidden;
            white-space: nowrap;
            position: relative;
            height: 42px;
            display: flex;
            align-items: center;
        }

        .marquee-content {
            display: inline-flex;
            align-items: center;
            gap: 80px;
            padding-left: 100%;
            animation: marquee 25s linear infinite;
            font-size: 15px;
            font-weight: 500;
        }

        .marquee-content a {
            color: #ff9800;
            text-decoration: none;
            font-weight: 700;
        }

        .marquee-content a:hover {
            color: #ffc107;
        }

        @keyframes marquee {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-100%);
            }
        }

        /* Mobile */
        @media (max-width: 768px) {
            .top-marquee {
                height: 38px;
            }

            .marquee-content {
                gap: 50px;
                font-size: 13px;
                animation-duration: 18s;
            }
        }




.why-choose-section{
    background:#f8f8fc;
    overflow:hidden;
}

.section-title{
   
    font-weight:700;
    color:#2c1468;
    margin-bottom:0;
}

.section-description{
    color:#666;
    font-size:18px;
    line-height:1.8;
    max-width:500px;
}

.feature-card{
    background:#fff;
    padding:40px;
    border-radius:18px;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.feature-card:hover{
    transform:translateY(-5px);
}

.feature-card h4{
    color:#2c1468;
    font-size:28px;
    font-weight:600;
    margin-bottom:20px;
}

.feature-card p{
    color:#666;
    line-height:1.8;
    margin:0;
}

.gallery-card{
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.gallery-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.4s;
}

.gallery-card:hover img{
    transform:scale(1.05);
}

.carousel-control-prev,
.carousel-control-next{
    width:50px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:#2c1468;
    border-radius:50%;
    padding:18px;
}

.carousel-indicators{
    margin-bottom:0;
}

.carousel-indicators button{
    width:10px !important;
    height:10px !important;
    border-radius:50%;
    background:#c8c8c8 !important;
}

.carousel-indicators .active{
    background:#2c1468 !important;
}

/* Tablet */
@media(max-width:991px){

    .section-title{
        font-size:42px;
        margin-bottom:20px;
    }

    .feature-card{
        padding:30px;
    }

    .gallery-card img{
        height:240px;
    }
}

/* Mobile */
@media(max-width:767px){

    .section-title{
        font-size:34px;
        text-align:center;
    }

    .section-description{
        text-align:center;
        margin:auto;
    }

    .feature-card{
        text-align:center;
    }

    .feature-card h4{
        font-size:24px;
    }

    .gallery-card img{
        height:220px;
    }
}





.courses-section{
    padding:90px 0;
}

.sub-title{
    color:#ff6b17;
    font-size:18px;
    font-weight:700;
    letter-spacing:2px;
    display:block;
    margin-bottom:10px;
}

.section-title{
    color:#002d72;
    font-weight:700;
    margin-bottom:20px;
}

.section-desc{
    max-width:900px;
    margin:auto;
    color:#666;
    font-size:18px;
    line-height:1.8;
}

.course-card{
    transition:.4s;
}

.course-card:hover{
    transform:translateY(-8px);
}

.course-image{
    overflow:hidden;
    border-radius:14px;
}

.course-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

.course-card:hover img{
    transform:scale(1.08);
}

.course-content{
    padding-top:22px;
}

.course-content h3{
    font-size:20px;
    font-weight:700;
    color:#002d72;
    margin-bottom:10px;
}

.course-content p{
    color:#666;
    font-size:12px;
    margin:0;
}

.course-content h5
{
	font-size: 15px;
}

.view-btn{
    background:#ff6b17;
    color:#fff;
    padding:14px 40px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
    display:inline-block;
}

.view-btn:hover{
    background:#e35c0f;
    color:#fff;
}

.owl-stage{
    display:flex;
}

.owl-item{
    display:flex;
}

.course-card{
    width:100%;
}

/* Tablet */
@media(max-width:991px){

    .section-title{
        font-size:35px;
    }

    .course-content h3{
        font-size:28px;
    }

    .course-content p{
        font-size:18px;
    }
}

/* Mobile */
@media(max-width:767px){

    .courses-section{
        padding:60px 0;
    }

    .section-title{
        font-size:25px;
    }

    .section-desc{
        font-size:15px;
    }

    .course-image img{
        height:220px;
    }

    .course-content h3{
        font-size:24px;
    }

    .course-content p{
        font-size:16px;
    }

    .view-btn{
        padding:12px 30px;
    }
}


.courses-slider .owl-nav{
    margin-top: 30px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.courses-slider .owl-nav button{
    width: 55px;
    height: 55px;
    border-radius: 50% !important;
    border: none !important;
    background: linear-gradient(135deg,#ff6b6b,#ff9f43) !important;
    color: #fff !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    transition: 0.3s;
}

.courses-slider .owl-nav button:hover{
    transform: translateY(-3px);
    background: linear-gradient(135deg,#4facfe,#00f2fe) !important;
}

.courses-slider .owl-nav button span{
    line-height: 1;
    font-weight: bold;
}





.text-secondary
{
	font-size: 14px;
}

.text-secondary1
{
	font-size: 16px;
}








.gallery-section{
    padding:80px 0;
    background:#f8f9fa;
}

.gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:12px;
    cursor:pointer;
}

.gallery-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.4s ease;
    border-radius:12px;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

.gallery-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.35);
    opacity:0;
    transition:.4s;
    z-index:1;
}

.gallery-item:hover::before{
    opacity:1;
}

.gallery-item::after{
    content:"+";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:60px;
    height:60px;
    background:#fff;
    color:#0d6efd;
    font-size:32px;
    font-weight:700;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:.4s;
    z-index:2;
}

.gallery-item:hover::after{
    opacity:1;
}

.modal-content{
    background:transparent;
    border:none;
}

.modal-body{
    padding:0;
}

.modal-body img{
    width:100%;
    border-radius:12px;
}

.btn-close{
    position:absolute;
    top:-40px;
    right:0;
    filter:invert(1);
}

/* Modal Background */
#lightboxModal .modal-content{
    background: transparent;
    border: none;
}

#lightboxModal .modal-dialog{
    max-width: 95vw;
}

/* Center Image */
#lightboxModal .modal-body{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
    position: relative;
}

/* Image Fit Screen */
#lightboxImage{
    max-width: 100%;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,.4);
}

/* Stylish Close Button */
#lightboxModal .btn-close{
    position: fixed;
    top: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 1;
    z-index: 9999;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
    transition: all .3s ease;
    background-size: 18px;
}

#lightboxModal .btn-close:hover{
    transform: rotate(90deg) scale(1.1);
}

/* Dark Backdrop */
.modal-backdrop.show{
    opacity: .9;
}





.form-card{
    background: rgba(255,255,255,0.95);
    border-radius:20px;
    padding:35px;
	border:1px solid #ccc;
}

.form-title{
    text-align:center;
    font-size:32px;
    font-weight:700;
    margin-bottom:30px;
    color:#0f172a;
}

.form-label{
    font-weight:300;
}

.form-control,
.form-select{
    border-radius:10px;
    min-height:48px;
}

.form-control:focus,
.form-select:focus{
    box-shadow:0 0 0 0.25rem rgba(13,110,253,.15);
}

.btn-submit{
    background:#0d6efd;
    border:none;
    border-radius:10px;
    padding:14px;
    font-size:18px;
    font-weight:600;
}

.btn-submit:hover{
    background:#0b5ed7;
}

.section-title{
    font-size:18px;
    font-weight:500;
    color:#333;
    margin-top:20px;
    margin-bottom:15px;
}





 .breadcrumb-banner {
            position: relative;
            background: linear-gradient(
                90deg,
                rgba(212, 84, 84, 0.95),
                rgba(133, 40, 102, 0.95)
            );
            padding: 28px 0;
            overflow: hidden;
        }

        /* Optional background pattern */
        .breadcrumb-banner::before {
            content: "";
            position: absolute;
            inset: 0;
            background: url("https://www.transparenttextures.com/patterns/cubes.png");
            opacity: 0.08;
        }

        .breadcrumb-content {
            position: relative;
            z-index: 2;
            display: flex;
            align-items: center;
            gap: 25px;
            flex-wrap: wrap;
        }

        .page-title {
            color: #fff;
            font-size: 2rem;
            font-weight: 700;
            margin: 0;
            line-height: 1;
        }

        .divider {
            width: 1px;
            height: 38px;
            background: rgba(255,255,255,.35);
        }

        .breadcrumb-custom {
            margin: 0;
            font-size: 1rem;
        }

        .breadcrumb-custom .breadcrumb-item,
        .breadcrumb-custom .breadcrumb-item a {
            color: rgba(255,255,255,.95);
            text-decoration: none;
        }

        .breadcrumb-custom .breadcrumb-item.active {
            color: rgba(255,255,255,.95);
        }

        .breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {
            color: rgba(255,255,255,.75);
            content: "/";
        }

        @media (max-width: 767px) {
            .breadcrumb-content {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }

            .divider {
                display: none;
            }

            .page-title {
                font-size: 1.6rem;
            }

            .breadcrumb-banner {
                padding: 20px 0;
            }
        }




.about-hero{
    background: linear-gradient(135deg, #0d6efd, #0b5ed7);
    color:#fff;
    padding:80px 0;
}

.about-card{
    border:none;
    border-radius:15px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:0.3s;
}

.about-card:hover{
    transform:translateY(-5px);
}

.icon-box{
    width:70px;
    height:70px;
    background:#1a2440;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin:0 auto 15px;
}

.counter-box{
    background:#f8f9fa;
    border-radius:15px;
    padding:30px 20px;
    text-align:center;
    height:100%;
}

.section-title{
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}

.section-title::after{
    content:"";
    width:60px;
    height:3px;
    background:#1a2440;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
}

.counter-box h2
{
	color: #1a2440 !important;
}

.btn-primary
{
	background: #1a2440 !important;
}







.vision-mission-section{
    background:#f8f9fa;
}

.vision-card,
.mission-card{
    background:#fff;
    padding:40px 30px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.vision-card:hover,
.mission-card:hover{
    transform:translateY(-8px);
}

.icon-box1{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#4f46e5);
    color:#fff;
    font-size:30px;
    margin-bottom:25px;
}

.vision-card h3,
.mission-card h3{
    font-weight:700;
}

.vision-card ul li,
.mission-card ul li{
    margin-bottom:12px;
    font-weight:500;
}

.vision-card ul li i,
.mission-card ul li i{
    color:#198754;
}

@media(max-width:767px){

    .vision-card,
    .mission-card{
        padding:25px 20px;
    }

    .icon-box1{
        width:65px;
        height:65px;
        line-height:65px;
        font-size:24px;
    }
}


.courses-section{
    background:#f8f9fa;
}

.course-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:all .3s ease;
    height:100%;
}

.course-card:hover{
    transform:translateY(-8px);
}

.course-img{
    width:100%;
    height:230px;
    object-fit:cover;
}

.course-content{
    padding:20px;
    text-align:center;
}

.course-content h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:10px;
    color:#222;
}

.duration{
    margin:0;
    color:#0d6efd;
    font-weight:600;
}

@media(max-width:767px){

    .course-img{
        height:200px;
    }

    .course-content h4{
        font-size:20px;
    }

}


.admission-section{
    background:#f8faff;
}

.admission-tag{
    display:inline-block;
    padding:8px 20px;
    background:#e8f0ff;
    color:#0d6efd;
    font-weight:600;
    border-radius:50px;
}

.admission-title{
    font-size:2.5rem;
    font-weight:700;
    color:#212529;
    line-height:1.3;
}

.admission-text{
    color:#6c757d;
    font-size:1rem;
    line-height:1.9;
    margin:20px 0;
}

.admission-features{
    margin-top:25px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px;
}

.feature-item i{
    color:#198754;
    font-size:18px;
}

.admission-form-card{
    background:#fff;
    padding:35px;
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);
}

.admission-form-card .form-control,
.admission-form-card .form-select{
    height:55px;
    border-radius:12px;
}

.admission-form-card textarea.form-control{
    height:auto;
}

.btn-primary{
    border-radius:12px;
}

.btn-outline-primary{
    border-radius:12px;
}

@media(max-width:991px){

    .admission-title{
        font-size:2rem;
    }

    .admission-form-card{
        padding:25px;
    }

}



.notice-list li {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.notice-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.notice-list img {
    object-fit: cover;
    border: 3px solid #f8f9fa;
}

.notice-list h6 {
    font-weight: 600;
    color: #0d6efd;
}

.notice-list p {
    color: #666;
    line-height: 1.5;
}

.whatsapp-float{
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 25px;
    right: 25px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    text-decoration: none;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
    z-index: 9999;
    transition: all 0.3s ease;
    animation: pulseWhatsapp 2s infinite;
}

.whatsapp-float:hover{
    background: #1ebe5d;
    color: #fff;
    transform: translateY(-5px) scale(1.08);
}

@keyframes pulseWhatsapp{
    0%{
        box-shadow: 0 0 0 0 rgba(37,211,102,.7);
    }
    70%{
        box-shadow: 0 0 0 20px rgba(37,211,102,0);
    }
    100%{
        box-shadow: 0 0 0 0 rgba(37,211,102,0);
    }
}

/* Mobile */
@media (max-width: 768px){
    .whatsapp-float{
        width: 58px;
        height: 58px;
        font-size: 30px;
        right: 15px;
        bottom: 15px;
    }
}