/* ================= HEADER ================= */

.topbar{background:#eef2f7;font-size:14px;padding:8px 0;color:#444;}
.topbar i{color:var(--mim-accent);margin-right:6px;}
.top-right a{margin-left:15px;color:#555;transition:.3s;}
.top-right a:hover{color:var(--mim-accent);}

/* ==============================
HEADER
============================== */
.header{
    background:#fff;
    padding:16px 0;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
    position: relative;
}

/* ==============================
LOGO
============================== */
.logo img{
    width:70px;
    margin-right:10px;
}

.logo-title h4{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:var(--mim-primary);
    line-height:1.1;
}

.logo-title span{
    font-size:12px;
    color:#777;
    letter-spacing:2px;
}

/* ==============================
DESKTOP NAV
============================== */
.header-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
}

.menu{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    align-items:center;
    gap:22px;
}

.menu li{
    position:relative;
}

.menu li a{
    text-decoration:none;
    color:#222;
    font-size:15px;
    font-weight:500;
    transition:.3s;
}

.menu li a:hover{
    color:var(--mim-accent);
}

/* ==============================
MOBILE TOGGLE
============================== */
.menu-toggle{
        border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

/* ==============================
MOBILE SIDEBAR
============================== */
.mobile-sidebar{
    position:fixed;
    top:0;
    right:-300px;
    width:280px;
    height:100%;
    background:#fff;
    padding:30px 20px;
    transition:.35s ease;
    box-shadow:-5px 0 20px rgba(0,0,0,0.1);
    z-index:9999;
}

.mobile-sidebar.open{
    right:0;
}

/* ==============================
SIDEBAR MENU
============================== */
.mobile-menu{
    list-style:none;
    margin:25px 0;
    padding:0;
}

.mobile-menu li{
    margin-bottom:12px;
}

.mobile-menu li a{
    text-decoration:none;
    font-size:20px;
    color:#222;
}

.mobile-menu li a:hover{
    color:var(--mim-accent);
}

/* ==============================
CLOSE BUTTON
============================== */
.close-sidebar{
    border:none;
    background:none;
    font-size:22px;
    cursor:pointer;
}

/* ==============================
OVERLAY
============================== */
.sidebar-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.45);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

.sidebar-overlay.active{
    opacity:1;
    visibility:visible;
}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;}

/* ================= HERO ================= */

.hero-section{height:100vh;position:relative;}
.heroSwiper,.heroSwiper .swiper-wrapper,.heroSwiper .swiper-slide{height:100%;}
.hero-bg{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;top:0;left:0;}
.hero-content-wrapper{position:relative;height:100%;display:flex;align-items:center;
  background:linear-gradient( 90deg, rgba(11,31,58,0.95) 0%, rgba(11,31,58,0.85) 40%, rgba(11,31,58,0.5) 65%, rgba(11,31,58,0.1) 85%);}
.hero-content{max-width:650px;}
.hero-nav{position:absolute;bottom:40px;right:60px;display:flex;align-items:center;gap:18px;z-index:50;}
.hero-prev,.hero-next{position:relative !important;top:auto !important;left:auto !important;right:auto !important;width:58px;height:58px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.12);backdrop-filter:blur(12px);
  color:#ffffff;font-size:18px;cursor:pointer;transition:all .3s ease;}
.hero-prev:hover,.hero-next:hover{background:#2f5bea;transform:scale(1.1);}
/*.big-paragraph p{color:var(--white) !important;}*/

/* ================= WHY MIM LEAD ================= */

.campus-section{background:#f4f4f4;}
.placement-blink{
    font-weight:700;
    font-size:45px;
    color: var(--orange);
    animation:blink 1s infinite;
}
@keyframes blink{
    0%, 100% { opacity:1; }
    50% { opacity:0; }
}
.campus-list ul{list-style:none;padding-left:20px;}
.campus-list li{position:relative;padding-left:25px;margin-bottom:12px;color:#444;font-weight:500;}
.campus-list li::before{content:"✔";position:absolute;left:0;color:var(--orange);font-weight:bold;}

.request-card{background:#fff;padding:40px;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,0.08);}
.request-card input,.request-card select,.request-card textarea{width:100%;padding:14px 18px;margin-bottom:18px;border:none;background:#f1f1f1;border-radius:6px;font-size:15px;}
.request-card textarea{height:120px;resize:none;}
.request-btn{width:100%;background:var(--green);color:#fff;padding:14px;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:0.3s;}
.request-btn:hover{background:var(--green);}

/* ================= ABOUT ================= */

.about-section{position:relative;}
.about-collage{position:relative;height:520px;}
.about-collage img{width:100%;height:100%;object-fit:cover;display:block;border-radius:40px;box-shadow:0 20px 60px rgba(0,0,0,0.08);}
.collage-main{position:absolute;width:420px;height:420px;top:0;left:50%;transform:translateX(-50%);border-radius:60px;}
.collage-small{position:absolute;width:240px;height:240px;border-radius:40px;}
.collage-left{bottom:0;left:0;}
.collage-right{bottom:0;right:0;}

/* =================== FEATURE =================== */

.feature-section{background:#f4f7fb;position:relative; padding: 20px 0 70px 0;}
.feature-card{background:#ffffff;padding:40px 30px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,0.04);transition:0.3s ease;height:100%;}
.feature-card:hover{transform:translateY(-8px);}
.feature-icon{width:70px;height:70px;border-radius:18px;background:#f0ebff;display:flex;align-items:center;justify-content:center;
  margin-bottom:25px;font-size:28px;color:var(--soft-blue);}

/* =================== STATS =================== */

.stats-section{background-color: var(--green);}

/* =================== COURSE =================== */

.course-section{background:#f4f7fb;}
.courseSwiper .swiper-wrapper{align-items:stretch;}
.courseSwiper .swiper-slide {width: auto;height:auto;}
.course-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:0.3s;width:100%;}
.course-card:hover{transform:translateY(-8px);}
.course-image{position:relative;}
.course-image img{width:100%;height:220px;object-fit:cover;}
.badge-group{position:absolute;top:15px;left:15px;display:flex;gap:8px;}
.course-badge{background:var(--green);color:var(--white);font-size:12px;padding:5px 10px;border-radius:20px;}
.course-price{position:absolute;bottom:-18px;right:20px;background:var(--green);color:var(--white);width:100px;height:60px;border-radius:50%;display:flex;
  align-items:center;justify-content:center;flex-direction: column;font-weight:600;box-shadow:0 6px 20px rgba(123,97,255,0.4);line-height: 14px;}
.fee-mode{font-size: 12px;display: block;font-weight: 400;}
.course-body{padding:25px;}
.course-meta{display:flex;gap:20px;font-size:13px;color:#6c7a95;margin-bottom:5px;}

.course-info-box{display:grid;grid-template-columns:repeat(2, 1fr);gap:15px;}
.info-item{display:flex;align-items:center;gap:12px;padding:15px;background:#f8f9fc;border-radius:8px;transition:all .3s ease;}
.info-item:hover{background:#eef2ff;transform:translateY(-2px);}
.info-item i{color:var(--orange);font-size:18px;min-width:20px;}
.course-overview{background:#fff;padding:20px;border-radius:8px;}
.course-image img{width:100%;height:auto;border-radius:10px;}
.other-course-item a{display:flex;align-items:center;gap:12px;padding:10px;background:#fff;border-radius:8px;
    text-decoration:none;color:#222;transition:all .3s ease;}
.other-course-item a:hover{background:#f1f4ff;}
.other-course-item img{width:90px;height:90px;object-fit:cover;border-radius:6px;}
.other-course-item .title{font-size:14px;font-weight:600;line-height:1.3;}
.other-course-item a:hover .title{color:#1e4ed8;}

@media(max-width:768px){
.course-info-box{grid-template-columns:1fr;}
}

/* =================== WHY CHOOSE US =================== */

.whychoose-section{background:rgb(33 77 64 / 11%);color:#fff;position:relative;}
.feature-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;}
.feature-pill{    background: #f3f3f3;
    border-radius: 15px;
    padding: 15px 15px;
    display: flex;
    align-items: center;
    gap: 18px;
    color: var(--blue);
    border: solid 1px #ccc;
    margin-bottom: 10px;}
.icon-circle{width:60px;height:60px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;
  flex-shrink: 0;color:#fff;font-size:22px;}
.feature-pill h5{font-weight:600;margin:0;font-size:18px;}
.feature-pill p{margin:0;font-size:14px;color:#555;}

.image-wrapper{position:relative;display:inline-block;}
.image-wrapper img{width:100%;max-width:500px;border-radius:60px;border:5px solid #ff9900;padding:8px;background:#0e2a4f;}

/* =================== CONTACT =================== */

.contact-left{background:var(--green);color:var(--white);padding:40px 40px;min-height:600px;display:flex;flex-direction:column;justify-content:center;}
.contact-left h5{font-weight:600;margin-top:15px;}
.contact-left p,.contact-left a{color:#bbb;font-size:14px;margin-bottom:8px;text-decoration:none;}
.social-icons a{color:#fff;margin-right:15px;font-size:16px;transition:0.3s;}
.social-icons a:hover{color:var(--green);}

.contact-right{background:#fff;padding:80px 80px;min-height:600px;}
.custom-contact-form {padding: 0!important;background: transparent!important;border-radius: 0!important;box-shadow: none !important;}
.contact-right h3{font-weight:600;margin-bottom:40px;}
.form-control{border:1px solid #e5e5e5;border-radius:6px;padding:14px 18px;font-size:14px;margin-bottom:25px;box-shadow:none !important;}
.form-control:focus{border-color:#1e4ed8;}
textarea.form-control{height:140px;resize:none;}

.submit-btn{background:var(--green);color:#fff;padding:14px;border:none;width:100%;font-weight:500;border-radius:4px;transition:0.3s;}
.submit-btn:hover{background:var(--green);}

/* =================== PLACEMENT STATS =================== */

.facts-section{background:#ffffff;}
.vertical-line{width:1px;height:60px;background:#ddd;margin:0 auto;}
.fact-item{text-align:center;margin-top:60px;}
.fact-number{font-size:72px;font-weight:800;color:var(--blue);}
.fact-text{font-size:20px;font-weight:600;color:#555;}

/* =================== CTA =================== */

.cta-section{position:relative;background:#f4f0e6;overflow:hidden;}
.cta-section::before{content:"";position:absolute;width:700px;height:700px;background:#ede7da;border-radius:50%;top:50%;left:50%;
  transform:translate(-50%, -50%);z-index:0;}
.cta-section .container{position:relative;z-index:2;}
.shape-left{position:absolute;left:60px;top:50%;transform:translateY(-50%);}
.shape-left .dots{width:120px;height:120px;background:radial-gradient(#ff6b6b 2px, transparent 2px);background-size:15px 15px;}
.shape-left .zigzag{margin-top:20px;width:120px;height:30px;background:repeating-linear-gradient(45deg,#20b486,#20b486 10px,transparent 10px,transparent 20px);}
.shape-right{position:absolute;right:60px;top:100px;}
.shape-right .dots{width:120px;height:120px;background:radial-gradient(#20b486 2px, transparent 2px);background-size:15px 15px;}

/* =================== PARTNER / TRUST =================== */

.trusted-section{background:#f4f7fb;}
.trustedSwiper{padding:10px 0;}
.trustedSwiper .swiper-slide{display:flex;justify-content:center;align-items:center;}
.trustedSwiper img{height:100px;opacity:1;transition:0.3s;}
.trustedSwiper img:hover{filter:grayscale(0%);opacity:0.6;filter:grayscale(100%);}

/* =================== HOW =================== */

.how-section{background:var(--green); color:var(--white);position:relative;}
.progress-wrapper{position:relative;margin:70px 0 60px;}
.progress-line{height:4px;background:rgba(255,255,255,0.1);position:absolute;width:100%;top:50%;transform:translateY(-50%);}
.step-circle{width:55px;height:55px;background:#ff9c3f;border-radius:50%;display:flex;align-items:center;justify-content:center;
    font-weight:600;position:relative;z-index:2;margin:auto;}
.step-card{background:linear-gradient(145deg, rgba(255,255,255,0.06), rgba(0,0,0,0.4));padding: 25px 25px;height: 100%;border-radius:16px;
    text-align:center;transition:0.3s ease;}
.step-card:hover{transform:translateY(-8px);}
.step-card h5{margin-bottom:20px;font-weight:600;}
.step-card p{color:#c7d0e0;font-size:14px;margin-bottom: 0;}

/* =================== TESTIMONIAL =================== */

.testimonial-section{background:#eef2f6;}
.testimonialSwiper .swiper-wrapper,.testimonialSwiper .swiper-slide{height:100%;padding-bottom:0;max-height:350px;}
.testimonial-card{background:#fff;padding:40px;border-radius:20px;transition:0.3s ease;height:100%;}
.testimonial-card:hover{transform:translateY(-8px);}
.quote-icon{font-size:40px;color:var(--soft-blue);margin-bottom:15px;}
.stars{color:var(--yellow);margin-bottom:20px;}
.testimonial-user{display:flex;align-items:center;gap:15px;}
.testimonial-user img{width:55px;height:55px;border-radius:50%;}
.testimonial-user h4{margin:0;font-size:18px;color:var(--blue);}
.testimonial-user span{font-size:14px;color:#777;}

/* =================== BROCHURE =================== */

.brochure-section{background:#f4f7fb;}
.brochure-card{background:#fff;border-radius:30px;padding:40px 30px;position:relative;transition:0.3s ease;height:100%;}
.brochure-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,0.05);}
.corner-shape{position:absolute;top:0;right:0;width:80px;height:80px;background:#f4f7fb;border-bottom-left-radius:100px;}
.brochure-icon{font-size:45px;color:var(--yellow);margin-bottom:20px;}
.brochure-card h4{font-size:20px;font-weight:600;margin-bottom:15px;color:#1c2b5c;}
.brochure-card p{color:#6c7a92;font-size:15px;margin-bottom:20px;}
.brochure-card a{font-weight:600;color:#1c2b5c;text-decoration:none;font-size:14px;}

/* =================== BLOG =================== */

.blog-section{background:#f4f7fb;}
.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.04);
  transition:0.3s ease;height:100%;}
.blog-card:hover{transform:translateY(-8px);}
.blog-image{position:relative;}
.blog-image img{width:100%;height:230px;object-fit:cover;}
.blog-badge{position:absolute;bottom:15px;left:15px;background:var(--green);color:var(--white);
  font-size:13px;padding:6px 14px;border-radius:20px;}
.blog-content{padding:25px;}
.blog-meta{display:flex;justify-content:space-between;font-size:14px;color:#8a98b3;margin-bottom:15px;}
.blog-content h4, .blog-content h4 a{font-size:20px;font-weight:600;color:var(--blue);margin-bottom:15px;text-decoration:none;}
.read-more{color:#1c2b5c;font-weight:500;text-decoration:none;}

/*======================= GALLERY =====================*/

.cg-gallery-container{margin:0 auto;max-width:1200px;padding:0 15px;box-sizing:border-box;}
.cg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;}
.cg-img{width:100%;height:200px;object-fit:cover;border-radius:14px;cursor:pointer;transition:transform .35s ease;display:block;}
.cg-img:hover{transform:scale(1.05);}
.cg-lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);align-items:center;justify-content:center;z-index:99999;}
.cg-lightbox img{max-width:90%;max-height:90%;border-radius:14px;}
.cg-close, .cg-prev, .cg-next {position: absolute;background: rgba(0, 0, 0, .6);color: var(--white);border: none;font-size: 25px;width: 35px;
    height: 35px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 100000;}
.cg-close{ top:20px; right:20px; }
.cg-prev{ left:20px; top:50%; transform:translateY(-50%); }
.cg-next{ right:20px; top:50%; transform:translateY(-50%); }

/*======================= SERVICE =====================*/

.service-card{
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
    transition:all 0.3s ease;
    height:100%;
    display:flex;
    flex-direction:column;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.08);
}

.service-img img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.service-content{
    padding:25px;
    flex-grow:1;
    display:flex;
    flex-direction:column;
}

.service-content h4{
    font-size:20px;
    font-weight:600;
    margin-bottom:15px;
}

.service-content p{
    font-size:14px;
    color:#666;
    flex-grow:1;
}


/*======================= NOTICE =====================*/


.notice-card{
    display:flex;
    gap:20px;
    padding:25px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
    transition:0.3s;
    height:100%;
}

.notice-card:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
}

.notice-date{
    min-width:70px;
    text-align:center;
    background:#f1f4ff;
    border-radius:10px;
    padding:15px 10px;
}

.notice-date .day{
    display:block;
    font-size:24px;
    font-weight:700;
    color:#1e4ed8;
}

.notice-date .month{
    font-size:13px;
    font-weight:600;
    color:#555;
}

.notice-content h4{
    font-size:18px;
    font-weight:600;
    margin-bottom:8px;
}

.notice-content h4 a{
    text-decoration:none;
    color:#222;
    transition:0.3s;
}

.notice-content h4 a:hover{
    color:#1e4ed8;
}

.notice-content p{
    font-size:14px;
    color:#666;
    margin-bottom:10px;
}

.notice-read{
    font-size:14px;
    font-weight:600;
    color:#1e4ed8;
    text-decoration:none;
}

.notice-read:hover{
    text-decoration:underline;
}

/* No Notice */
.no-notice{
    text-align:center;
    padding:60px;
    background:#fff;
    border-radius:12px;
}

/* Pagination */
.pagination .page-numbers{
    padding:8px 14px;
    margin:0 4px;
    background:#f1f4ff;
    border-radius:6px;
    text-decoration:none;
}

.pagination .current{
    background:#1e4ed8;
    color:#fff;
}


















.goal-box{
  border-left:4px solid #2f5bea;
  padding-left:20px;
}

.goal-item{
  display:flex;
  gap:20px;
  align-items:flex-start;
}

.goal-item i{
  font-size:28px;
  color:#2f5bea;
}

.experience-badge{
  position:absolute;
  background:#6c63ff;
  color:#fff;
  padding:20px 30px;
  border-radius:20px;
  transform:rotate(-10deg);
}

.tilt-image img{
  border-radius:40px;
  transform:rotate(3deg);
  box-shadow:0 20px 60px rgba(0,0,0,0.1);
}

.choose-list{
  list-style:none;
  padding:0;
}

.choose-list li{
  margin-bottom:12px;
  position:relative;
  padding-left:25px;
}

.choose-list li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:#2f5bea;
  font-weight:bold;
}


.about-label{
  font-size:14px;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:600;
  color:#ff5a1f;
}

.about-visual img{
  width:100%;
  border-radius:40px;
  box-shadow:0 20px 60px rgba(0,0,0,0.08);
}


.timeline{
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}

.timeline-item{
  flex:1;
  min-width:200px;
  text-align:left;
  padding:20px 20px;
  border-radius:20px;
  background:#f5f7fb;
  transition:.3s;
}

.timeline-item:hover{
  transform:translateY(-8px);
  background:#ffffff;
  box-shadow:0 15px 40px rgba(0,0,0,0.05);
}

.timeline-item h4{font-size: 15px;color: var(--green);margin-bottom: 0px;}

/* Programs */
.program-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}
.program-card{
    background:#fff;
    padding:35px;
    border-radius:8px;
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
    transition:.3s;
}
.program-card:hover{transform:translateY(-8px);}
.program-card h3{color:var(--primary);margin-bottom:15px;}

/* Stats */
.stats{
    background:var(--primary);
    color:#fff;
}
.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:30px;
}
.stat{text-align:center;}
.stat h2{font-size:40px;color:var(--secondary);}

/* Director */
.message{
    background:#fff;
    border-radius:8px;
    padding:40px;
    box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* Testimonials */
.testimonial{
    text-align:center;
    max-width:700px;
    margin:auto;
    display:none;
}
.testimonial.active{display:block;}

/* CTA */
.cta{
    background:var(--secondary);
    text-align:center;
    padding:60px 0;
}
.cta h2{color:#000;}
.cta button{
    margin-top:20px;
    padding:12px 30px;
    border:none;
    background:#000;
    color:#fff;
    cursor:pointer;
}



/* Modal */
.modal{
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    background:rgba(0,0,0,0.7);
    display:none;
    justify-content:center;
    align-items:center;
}
.modal-content{
    background:#fff;
    padding:40px;
    width:90%;
    max-width:500px;
    border-radius:8px;
}
.modal input, .modal textarea{
    width:100%;
    padding:10px;
    margin:10px 0;
    border:1px solid #ddd;
}
.modal button{
    background:var(--primary);
    color:#fff;
    padding:10px 20px;
    border:none;
}

@media(max-width:768px){
    .about-grid{grid-template-columns:1fr;}
    .hero h1{font-size:32px;}
}









/* =================== DEPARTMENT =================== */



/* =================== WHY =================== */

.why-section{
  background:#2b0b63;
  padding:120px 0;
  font-family:'Poppins',sans-serif;
  color:#fff;
}

.why-header h2{
  font-size:42px;
  font-weight:700;
  margin-bottom:12px;
}

.why-header p{
  color:#c8c1e3;
  font-size:18px;
  margin-bottom:70px;
}

/* Card */
.why-card{
  border:1px solid rgba(255,255,255,0.15);
  border-radius:18px;
  padding:60px 40px;
  text-align:center;
  transition:0.3s ease;
  height:100%;
}

.why-card:hover{
  border-color:#00ff9d;
  box-shadow:0 0 25px rgba(0,255,157,0.2);
}

/* Icon */
.why-icon{
  font-size:55px;
  color:#00ff9d;
  margin-bottom:30px;
}

/* Title */
.why-card h3{
  font-size:28px;
  font-weight:700;
  margin-bottom:20px;
}

/* Paragraph */
.why-card p{
  font-size:16px;
  color:#c8c1e3;
  line-height:1.8;
  max-width:280px;
  margin:0 auto;
}

/* =================================================== */





/* =================== TRUSTED =================== */








/* =================== FOOTER =================== */

.footer-section{background:var(--green);color:var(--white);padding:90px 0 0;}
.footer-section h3{font-size:28px;font-weight:700;color:#fff;}
.footer-section h4{font-size:18px;font-weight:700;color:var(--white);position: relative;padding-bottom: 10px;margin-bottom: 20px;}
.footer-section h4::after {content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 3px;          background: var(--white);  border-radius: 2px;}
.brand-icon{color:var(--white);margin-right:8px;}

.footer-brand p{
  margin:20px 0 30px;
  line-height:1.7;
  max-width:350px;
}

.footer-contact div{
  margin-bottom:15px;
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.footer-contact i{
  color:var(--white);
  margin-top:4px;
}

.footer-links{
  list-style:none;
  padding:0;
}
.footer-links ul{
    padding-left: 0;
}
.footer-links li{
  margin-bottom:14px;
  list-style: none;
}


.footer-links a,.footer-contact a{text-decoration:none;color:var(--white);transition:0.3s;font-size: 14px;line-height: 10px;}
.footer-links a:hover,.footer-contact a:hover{color:var(--yellow);}
.social-icons{display:flex;gap:0px;}
.social-icons a{width:40px;height:40px;border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;
  border-radius:8px;color:#c7d2e4;transition:0.3s;flex-shrink: 0;}
.social-icons a:hover{background:var(--green);border-color:var(--white);color:#fff;}

.footer-bottom{border-top:1px solid var(--white);margin-top:60px;padding:25px 0;}
.footer-bottom .container{display:flex; justify-content:space-between;align-items:center;flex-wrap:wrap;}
.footer-bottom p{margin:0;}
.heart{color:red;}
.bottom-links ul{list-style:none;}
.legal-menu{display:flex;align-items:center; gap: 5px;}
.bottom-links a,.legal-menu a{text-decoration:none;color:var(--white);margin:0 8px;}
.legal-menu a:hover{color:var(--yellow);}

.bottom-links span{
  color:#6f7e99;
}

/* Scroll Top */
.scroll-top{
  position:fixed;
  bottom:25px;
  right:25px;
  width:50px;
  height:50px;
  background:var(--yellow);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(0,0,0,0.2);
  transition:0.3s;
}

/* ===============================
WHATSAPP FLOAT (DESKTOP)
=============================== */

.whatsapp-float{position:fixed;bottom:25px;right:25px;width:55px;height:55px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;
    justify-content:center;font-size:25px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:9999;text-decoration:none;transition:.3s;}
.whatsapp-float:hover{transform:scale(1.08);}
.call-btn{display:none;}

@media (max-width:768px){

.call-btn{position:fixed;bottom:20px;right:70px;width:45px;height:45px;background:#1e4ed8;color:#fff;border-radius:50%;display:flex;align-items:center;
    justify-content:center;font-size:20px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:9999;text-decoration:none;transition:.3s;}
.call-btn:hover{transform:scale(1.08);}
.whatsapp-float{bottom:20px;right:20px;width:45px;height:45px;font-size:25px;}
}



/* OTHER PAGES  */

.inner-banner{
    position:relative;
    padding:120px 0;
    background:url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat;
    color:#fff;
    overflow:hidden;
}

.inner-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(11,30,58,0.9), rgba(11,30,58,0.7));
}

.inner-banner .container{
    position:relative;
    z-index:2;
}
















/*====================================== RESPONSIVE ===========================================*/

@media(max-width:768px){
.logo img {width: 55px;}
.topbar,.header-nav,.progress-wrapper{display:none;}
.small-heading{font-size:18px;}

.section {padding: 40px 0;}
.about-collage,.course-card{margin-bottom:20px;}
.heading {font-size: 26px;}
.w-60{width: 90%;}
.feature-pill {flex-direction: column;align-items: baseline;}
.contact-left {padding: 25px 25px;}
.contact-right {padding: 25px 25px;}
.fact-number {font-size: 40px;}
.fact-text {font-size: 15px;}
.footer-bottom .container{justify-content:center;}
.inner-banner {padding: 40px 0;}
.big-heading {font-size: 30px;}
.collage-main {width: 100%;}
.hero-content{width:100%;}
}