/* ========== TOP BLUE BAR ========== */

body{
    font-family: 'Poppins', sans-serif;
    background-color: #fff !important;
}

.main-header-section a {
    text-decoration: none;
}

.main-header-section a:hover {
    text-decoration: none;
}

.main-header-section a:active {
    text-decoration: none;
}


div.error {
    text-align: left;
    color: red;
    font-size: 15px;
    padding-top: 5px;
}

.topbar{
    background:#1f6fa9;
    color:#fff;
    font-size:14px;
    padding:8px 0;
}

.welcome-text{
    font-weight:500;
}

.top-menu{
    list-style:none;
    gap:28px;
}

.top-menu li a{
    color:#fff;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
}

.top-menu li a:hover{
    opacity:.8;
}

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

.main-header{
    background:#fff;
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
}

.main-header-section{
    padding:18px 0;
}   

.logo-icon img{
    width:60px;
}

.logo-wrap {
    gap: 10px;
}
/* Logo Text */
.logo-text{
    color:#e31b23;
    font-size:35px;
    font-weight:700;
    letter-spacing:.5px;
}

/* ESTD text */
.estd{
    color:#555;
    font-size:13px;
    font-weight:600;
}

/* Contact Button */
.contact-btn{
    width: 150px;
    background:#e31b23;
    color:#fff;
    padding:10px 24px;
    border-radius:8px;
    font-weight:600;
    transition:.3s;
}

.contact-btn:hover{
    background:#c9151c;
    color:#fff;
}

/* Spacer */
.header-spacer{
    height:95px;
}


/* ======================================================
   HERO SECTION - BAWA COLLEGE OF PHYSICS
   ====================================================== */

.hero-section{
    background-color:#f0f9ff;
    background-image:url('../img/banner1.png');
    background-repeat:no-repeat;
    background-position:right bottom;
    background-size:contain;
    padding:120px 0 140px;
    position:relative;
    overflow:hidden;
    margin-bottom: -10px;
}

/* keep text above background */
.hero-content{
    position:relative;
    z-index:2;
    max-width:560px;
}

/* TOP SMALL HEADING */
.hero-top{
    font-size:22px;
    font-weight:700;
    letter-spacing:.4px;
    color:#1d1d1d;
    margin-bottom:18px;
    line-height:1.4;
}

/* BLUE INFORMATION TEXT */
.hero-info{
    font-size:18px;
    color:#2b5e88;
    line-height:1.7;
    margin-bottom:28px;
}

.hero-info .red{
    color:#e31b23;
    font-weight:600;
}

/* MAIN TITLE */
.hero-title{
    font-size:64px;
    font-weight:800;
    line-height:1.1;
    color:#222;
    margin-bottom:26px;
}

/* NEET & JEE RED TEXT */
.neet{
    color:#e31b23;
}

/* BLACK STRIP */
.hero-badge{
    background:#1c1c1c;
    color:#fff;
    padding:12px 20px;
    border-radius:8px;
    display:inline-block;
    font-size:14px;
    margin-bottom:32px;
    box-shadow:0 8px 18px rgba(0,0,0,.18);
}

/* ENROLL BUTTON */
.enroll-btn{
    background:#e31b23;
    color:#fff;
    padding:14px 36px;
    border-radius:30px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;
    transition:all .25s ease;
    box-shadow:0 10px 20px rgba(227,27,35,.25);
}

.enroll-btn:hover{
    background:#c9151c;
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 14px 24px rgba(227,27,35,.35);
}

/* ======================================================
   COURSES SECTION (BACKGROUND IMAGE VERSION)
   ====================================================== */

.courses-section {
    background-color: #fff !important;
    background: url('../img/courses.png');
    background-repeat: no-repeat;
    background-size: contain;        /* <-- main fix */
    background-position: center top; 
    padding: 110px 0 120px;
    position: relative;
    z-index: 1;
    border-top: 10px solid #000;
}

/* card structure */
.course-card{
    border-radius:20px;
    overflow:hidden;
    height:100%;
    transition:.35s ease;
}

/* image area at top */
.course-img{
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    margin-bottom:10px;
}

/* image itself */
.course-img img{
    max-height:150px;
    width:100%;
    border-radius:20px;
}

/* padding for text content */
.course-content{
    margin-top: 20px;
}

/* pastel backgrounds */
.course-card.pink{
    background:#eadede;
}

.course-card.blue{
    background:#d5dfe7;
}

/* hover effect */
.course-card:hover{
    transform:translateY(-10px);
    /* box-shadow:0 22px 45px rgba(0,0,0,.14); */
}

/* heading */
.section-title{
    margin-top: 100px;
    font-size:38px;
    font-weight:800;
    letter-spacing:.5px;
    color:#1c1c1c;
}

.section-title .red{
    color:#e31b23;
}

.section-sub{
    color:#2b6da3;
    font-size:20px;
    margin-top:8px;
    margin-bottom:20px;
    font-weight:600;
}

/* ================= CARDS ================= */

.course-card{
    padding:20px;
    border-radius:20px;
    text-align:left;
    height:100%;
    transition:.35s ease;
    position:relative;
}

/* pastel colors like design */
.course-card.pink{
    background:#eadede;
}

.course-card.blue{
    background:#d5dfe7;
}

/* hover lift */
.course-card:hover{
    transform:translateY(-10px);
    /* box-shadow:0 22px 45px rgba(0,0,0,.14); */
}

/* title */
.course-card h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:18px;
    color:#1c1c1c;
}

/* list */
.course-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.course-card ul li{
    font-size:15px;
    color:#333;
    margin-bottom:11px;
    position:relative;
    padding-left:20px;
}

/* red bullet dots */
.course-card ul li:before{
    content:"";
    width:6px;
    height:6px;
    background:#e31b23;
    border-radius:50%;
    position:absolute;
    left:0;
    top:8px;
}

/* ===== Slider container fix ===== */
.courses-slider {
    margin: 0 -12px;
}

/* spacing between cards */
.courses-slider .slick-slide {
    padding: 12px;
    box-sizing: border-box;
}

/* FIX: slick height + flex issue */
.courses-slider .slick-track {
    display: flex !important;
}

.courses-slider .slick-slide {
    height: auto !important;
}

.courses-slider .slick-slide > div {
    height: 100%;
    width: 100%;
}

/* Card must stretch full height */
.course-card {
    height: 100%;
}

/* ===== Arrow Fix (cut ho rahe the) ===== */
.courses-section {
    overflow: visible;
}

.slick-list {
    padding: 10px 0;
}

/* ===== Arrow styling (optional but recommended) ===== */
.slick-prev,
.slick-next {
    width: 42px;
    height: 42px;
    z-index: 10;
}

.slick-prev {
    left: -18px;
}

.slick-next {
    right: -18px;
}

/* dots */
.slick-dots li button:before {
    font-size: 10px;
    opacity: .3;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
}

/* course slide spacing */
.course-slide{
    padding:15px;
}

/* fix slick overflow shadow cut */
.courses-slider .slick-list{
    padding:20px 0;
}

/* arrows styling */
.courses-slider .slick-prev,
.courses-slider .slick-next{
    width:40px;
    height:40px;
    background:#1f6fa9;
    border-radius:50%;
    z-index:10;
}

.courses-slider .slick-prev:before,
.courses-slider .slick-next:before{
    color:#fff;
    font-size:20px;
}

/* dots */
.courses-slider .slick-dots li button:before{
    font-size:11px;
    color:#9bb7cc;
}

.courses-slider .slick-dots li.slick-active button:before{
    color:#e31b23;
}

/* ======================================================
   WHY CHOOSE SECTION
   ====================================================== */

.why-section{
    background-color: #f0f9ff !important;
    padding:100px 0 110px;
    position:relative;
    overflow:hidden;
}

.why-art-image {
    width: 70%;
    margin: auto;
}

.why-art-image img {
    width: 100%;
}

/* heading */
.why-title{
    font-size:40px;
    font-weight:800;
    margin-bottom:8px;
    color:#1d1d1d;
}

.why-title span{
    color:#e31b23;
}

/* subtitle */
.why-subtitle{
    color:#2b6da3;
    font-size:22px;
    font-weight:500;
    margin-bottom:25px;
}

/* ================= LIST ================= */

.why-list{
    list-style:none;
    padding:0;
    margin-top:10px;
}

.why-list li{
    font-size:17px;
    margin-bottom:18px;
    padding-left:28px;
    position:relative;
    color:#222;
}

/* red bullet dots */
.why-list li:before{
    content:"";
    width:8px;
    height:8px;
    background:#e31b23;
    border-radius:50%;
    position:absolute;
    left:0;
    top:8px;
}


/* ======================================================
   TEACHING METHODOLOGY
   ====================================================== */

.method-section{
    padding-bottom:80px;

    /* white → light grey fade */
    background: linear-gradient(
        to bottom,
        #ffffff 0%,
        #ffffff 35%,
        #f1f3f5 70%,
        #e9edf1 100%
    );
}

.method-section-top{
    background: url('../img/teaching-method-header.png') no-repeat top center;
    background-size:cover;
    height: 100px;
}


/* heading */
.method-title{
    font-size:40px;
    font-weight:800;
    color:#1d1d1d;
}

.method-title span{
    color:#e31b23;
}

.method-sub{
    color:#2b6da3;
    font-size:22px;
    margin-top:6px;
}

/* small text */
.method-text{
    font-size:18px;
    font-weight:500;
    color:#222;
}

/* ================= CHEVRON FLOW (EXACT DESIGN) ================= */

.method-steps {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap;
}

.method-steps .steps-image img {
    width: 100%;
}

/* base chevron */
.chevron{
    position:relative;
    color:#fff;
    font-weight:600;
    padding:14px 42px 14px 48px;
    font-size:16px;
    line-height:1;
}

/* right arrow point */
.chevron::after{
    content:"";
    position:absolute;
    top:0;
    right:-30px;
    width:0;
    height:0;
    border-top:22px solid transparent;
    border-bottom:23px solid transparent;
    border-left:30px solid;
    z-index:2;
}

/* left white cut */
.chevron::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:0;
    border-top:25px solid transparent;
    border-bottom:25px solid transparent;
    border-left:30px solid #f3f4f6; /* section background color */
    z-index:1;
}

/* first item has no left cut */
.chevron:first-child::before{
    display:none;
}

/* colors */

.learn{
    background:#2c2f33;
}
.learn::after{ border-left-color:#2c2f33; }

.practice{
    background:#1f6fa9;
}
.practice::after{ border-left-color:#1f6fa9; }

.test{
    background:#f2b705;
    color:#fff;
}
.test::after{ border-left-color:#f2b705; }

.improve{
    background:#ef1f1f;
}
.improve::after{ border-left-color:#ef1f1f; }

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

.method-features{
    margin-top:35px;
}

/* base pill */
.feature-pill{
    padding:16px 22px;
    border-radius:16px;
    font-weight:500;
    font-size:16px;
    text-align:center;
    margin-bottom:18px;
    transition:.25s ease;
    background:#ffffff;
}

/* red style */
.feature-pill.red{
    border:2px solid #ef4a4a;
    background:#f4e9e9;
}

/* blue style */
.feature-pill.blue{
    border:2px solid #6fa3c7;
    background:#e3edf4;
}

/* hover (very subtle like design) */
.feature-pill:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(0,0,0,.08);
}


/* ================= GOAL BANNER ================= */

.goal-wrapper{
    display:flex;
    justify-content:center;
    margin-top:40px;
}

/* banner */
.goal-banner{
    background:#f4d534;
    color:#111;
    font-size:17px;
    font-weight:500;
    padding:18px 40px;
    max-width:900px;
    text-align:center;
    border-radius:30px 0;
    box-shadow:0 12px 22px rgba(0,0,0,.12);
}

/* bold text inside */
.goal-banner strong{
    font-weight:700;
}

/* ======================================================
   FACILITIES SECTION (FINAL MATCH)
   ====================================================== */

.facilities-section{
    background-color: #fff !important;
    /* background: url('../img/facilities.png'); */
    background-size:cover;
    padding:100px 0 120px;
    position:relative;
}

/* main title */
.fac-title{
    font-size:46px;
    font-weight:800;
    color:#e31b23;
    margin-bottom:6px;
    letter-spacing:.5px;
}

/* subtitle */
.fac-subtitle{
    color:#2b6da3;
    font-size:26px;
    font-weight:600;
    position:relative;
    display:inline-block;
    padding-bottom:12px;
    margin-bottom:28px;
}

/* underline */
.fac-subtitle::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:200px;
    height:3px;
    background:#2b6da3;
}

/* list spacing */
.fac-list{
    list-style:none;
    padding:0;
    margin-top:15px;
}

.fac-list li{
    font-size:19px;
    margin-bottom:24px;
    display:flex;
    align-items:center;
    gap:16px;
    color:#222;
}

/* numbered circles */
.num{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    background:#fff;
}

/* vertical line */
/* .fac-list li::before {
    content: "";
    position: absolute;
    left: 134px;
    top: 33%;
    bottom: 0;
    width: 2px;
    background: #d9d9d9;
    height: 305px;
} */


ul.fac-list li span{
    z-index: 1;
} 

/* alternating colors */
.num.red{
    border:2px solid #e31b23;
    color:#e31b23;
    background-color: #FFF5F5;
}

.num.blue{
    border:2px solid #2b6da3;
    color:#2b6da3;
    background-color: #F0F9FF;
}

.fac-art-image img {
    width: 100%;
}

/* ======================================================
   RESULT SECTION
   ====================================================== */

   
/* result card */
.result-card{
    background:#ffffff;
    border-radius:18px;
    padding:22px 20px 35px;
    border:2px solid #f04343;
    max-width:520px;
    margin:auto;
}

/* slide spacing */
.result-slide{
    padding:5px 10px;
}

/* image box */
.result-img-wrap{
    height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* image fit */
.result-img-wrap img{
    max-height:100%;
    max-width:100%;
    /* object-fit:contain; */
    border-radius:12px;
}

/* slick dots */
.results-slider .slick-dots{
    bottom:-28px;
}

.results-slider .slick-dots li button:before{
    font-size:11px;
    color:#b6c7d6;
}

.results-slider .slick-dots li.slick-active button:before{
    color:#1f6fa9;
}

.results-section{
    background:
        #f3f4f6
        url('../img/results.png')
        no-repeat
        left bottom;
    background-size:cover;
    padding:110px 0 120px;
}

/* heading */
.result-title{
    font-size:42px;
    font-weight:800;
    color:#111;
}

.result-title span{
    color:#e31b23;
}

.result-subtitle{
    color:#2b6da3;
    font-size:24px;
    font-weight:600;
    margin:10px 0 25px;
}

/* list */
.result-list{
    list-style:none;
    padding:0 15px;
}

.result-list li{
    font-size:18px;
    margin-bottom:18px;
    padding-left:15px;
    position:relative;
    text-align: left;
}

/* red bullet */
.result-list li::before{
    content:"";
    width:8px;
    height:8px;
    background:#e31b23;
    border-radius:50%;
    position:absolute;
    left:0;
    top:9px;
}

/* ================= CARD ================= */

.result-card{
    background:#fff;
    border-radius:18px;
    padding:14px;
    border:2px solid #ef3b3b;
    position:relative;
}

.result-card img{
    border-radius:14px;
    height:380px;
    /* object-fit:contain; */
    width:100%;
}

/* ================= DOTS ================= */

.custom-indicators{
    position:static;
    margin-top:18px;
}

.custom-indicators button{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#cfd6dc;
    border:none;
    margin:0 6px;
}

.custom-indicators .active{
    background:#1f6fa9;
}

/* ======================================================
   TESTIMONIALS
   ====================================================== */

.testimonial-section {
    background: url('../img/testimonial-banner.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 110px 0 120px;
    position: relative;
}

.test-title{
    color:#e31b23;
    font-size:42px;
    font-weight:800;
}

.test-sub{
    color:#2b6da3;
    font-size:24px;
    font-weight:600;
    margin-top:6px;
}

/* CARD */

.testimonial-card{
    background:#ffffff;
    border-radius:14px;
    padding:28px 26px;
    margin:18px 14px;
    text-align:left;
    min-height:260px;

    /* NEW SHADOW (correct one) */
    box-shadow:
        0 2px 6px rgba(0,0,0,0.05),
        0 18px 30px rgba(0,0,0,0.04);
}
/* header */
.test-header{
    display:flex;
    align-items:center;
    gap:12px;
}

.avatar{
    width:42px;
    height:42px;
    border-radius:50%;
}

/* name */
.test-header h5{
    margin:0;
    font-weight:700;
}

.test-header span{
    font-size:13px;
    color:#777;
}

/* divider */
.testimonial-card hr{
    margin:15px 0;
    border-color:#e5e5e5;
}

/* text */
.testimonial-card p{
    font-size:14.8px;
    line-height:1.6;
    color:#333;
}

/* slick dots */

.slick-dots li button:before{
    font-size:12px;
    color:#9bb7cc;
}

.slick-dots li.slick-active button:before{
    color:#1f6fa9;
}


/* ABOUT SECTION */

.about-section{
    background:#f3f4f6;
    padding:110px 0 120px;
}

/* titles */

.about-title{
    font-size:42px;
    font-weight:800;
    color:#222;
}

.about-title span{
    color:#e31b23;
}

.about-subtitle{
    color:#2b6da3;
    font-size:24px;
    font-weight:600;
    margin:8px 0 22px;
}

.about-section p{
    font-size:16px;
    line-height:1.7;
    color:#333;
    margin-bottom:18px;
}

/* IMAGE STACK */

.about-image-wrap{
    position:relative;
    height:440px;
}

/* decoration (pink + blue + dots) */
.about-decor{
    position:absolute;
    right:0;
    top:-20px;
    width:95%;
    z-index:1;
}

/* real image */
.about-img{
    position:absolute;
    right:80px;
    bottom:10px;
    width:65%;
    height:75%;
    object-fit:cover;
    border-radius:18px;
    box-shadow:0 18px 35px rgba(0,0,0,.18);
    z-index:2;
}

/* ======================================================
   CONTACT FORM SECTION
   ====================================================== */

.contact-section{
    background:
        #cfd9e2
        url('../img/call-to-action.png')
        no-repeat
        center;
    background-size:cover;
    padding:110px 0 120px;
}

/* title */
.contact-title{
    font-size:42px;
    font-weight:800;
    color:#111;
}

.contact-title span{
    color:#e31b23;
}

/* subtitle */
.contact-sub{
    color:#2b6da3;
    font-size:22px;
    font-weight:500;
    margin:12px 0 40px;
}

/* form box spacing */
.contact-form{
    max-width:900px;
    margin:0 auto;
}

/* inputs */
.contact-form input,
.contact-form textarea{
    width:100%;
    padding:16px 18px;
    border:none;
    border-radius:8px;
    background:#fff;
    font-size:15px;
    outline:none;
}

/* focus effect */
.contact-form input:focus,
.contact-form textarea:focus{
    background:#ffffff;
    box-shadow:0 0 0 2px rgba(31,111,169,0.2);
}

/* textarea */
.contact-form textarea{
    resize:none;
    border-radius:10px;
}

/* button */
.register-btn{
    margin-top:35px;
    background:#ef1f1f;
    color:#fff;
    border:none;
    padding:16px 42px;
    font-size:20px;
    font-weight:600;
    border-radius:40px;
    transition:.25s;
}

/* hover */
.register-btn:hover{
    background:#d81818;
    transform:translateY(-2px);
}

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

/* page background behind footer */
.site-footer{
    background:#f7f7f7;
    border-bottom: 10px solid #e31b23;
}

/* rounded card container */
.footer-box {
    background: #f7f7f7;
    padding: 50px 0;
    border-top: 2px solid #e31b233d;
}
/* brand */
.footer-brand{
    width: 250px;
    color:#e31b23;
    font-size:28px;
    font-weight:800;
    line-height:1.2;
}

.footer-brand span{
    color:#333;
    font-size:14px;
    font-weight:600;
    margin-left:8px;
}

/* tagline */
.footer-tag{
    margin-top:20px;
    font-size:18px;
    color:#333;
}

/* headings */
.footer-heading{
    font-size:20px;
    font-weight:600;
    margin-bottom:20px;
}

/* social icons */
.social-icons{
    display:flex;
    gap:14px;
    margin:15px 0 25px;
}

.social-icons a {
    text-decoration: none;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}

.social-icons a:nth-child(1){
    background:#1877f2;
}

.social-icons a:nth-child(2){
    background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);
}

.social-icons a:nth-child(3) {
    background:#25D366;
}

/* timing */
.footer-timing{
    font-size:16px;
    color:#333;
}

/* contact items */
.contact-item{
    display:flex;
    gap:14px;
    margin-bottom:20px;
}

.contact-item .icon{
    width:48px;
    height:48px;
    background:#2d2d2d;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.footer-contact strong{
    font-weight:700;
}

.sub-logo-text {
  white-space: nowrap;
}


.whatsapp-float{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 25px;
    right: 25px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 32px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.25);
    z-index: 9999;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: 0.3s ease;
}

.whatsapp-float:hover{
    transform: scale(1.12);
    background: #1ebe5d;
}

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

/* laptops */
@media (max-width:1200px){
    .hero-title{
        font-size:54px;
    }
    .hero-section{
        background-position:115% bottom;
    }
    .section-title{
        font-size:32px;
    }
    .why-section{
        background-size:520px;
    }
}

/* tablets */
@media (max-width:991px){
    .hero-section{
        background:none;
        padding:90px 0;
        text-align:center;
    }
    .hero-content{
        margin:0 auto;
    }
    .hero-title{
        font-size:42px;
    }
    .hero-top{
        font-size:18px;
    }
    .hero-info{
        font-size:16px;
    }
    .courses-section{
        background-position:top left;
        padding:90px 0;
    }
    .why-section{
        background:none;
        text-align:center;
        padding:80px 0;
    }
    .why-list{
        text-align:left;
        display:inline-block;
    }
    .method-steps{
        flex-direction:column;
        align-items:center;
    }
    .step:after{
        display:none;
    }
    .method-text{
        text-align:center;
        margin-bottom:10px;
    }
    .method-title{
        font-size:32px;
    }
    .method-sub{
        font-size:18px;
    }
    .fac-title{
        font-size:36px;
    }
    .fac-subtitle{
        font-size:22px;
    }
    .fac-dots{
        margin-top:40px;
    }
    .results-section{
        background:none;
        text-align:center;
    }
    .result-card{
        margin-top:40px;
    }
    .result-card img{
        height:260px;
    }
    .about-image-wrap{
        margin-top:40px;
        height:360px;
    }

    .about-decor{
        position:relative;
        width:100%;
        top:0;
    }

    .about-img{
        position:absolute;
        right:50%;
        transform:translateX(50%);
        width:75%;
    }

    .about-title{
        font-size:34px;
    }

    .about-subtitle{
        font-size:20px;
    }
    .footer-box{
        text-align:center;
    }

    .contact-item{
        justify-content:start;
        text-align:left;
    }

    .footer-timing {
        text-align: left;
    }

    .footer-heading {
        text-align: left;
    }

    .social-icons{
        justify-content:left;
    }
    .footer-brand {
        width: 100%;
        text-align: left;
    }
    .footer-tag{
        text-align: left;
    }
}

@media(max-width:768px){
    .slick-arrow {
        display: none !important;
    }
    .welcome-text{
        display:none;
    }
    .top-menu{
        gap:15px;
        font-size:13px;
    }
    .main-header-section{
        padding: 20px;
    }
    .logo-text {
        font-size: 17px;
        width: 150px;
    }
    .contact-btn{
        padding:8px;
        font-size:14px;
        width: 100px;
    }
    .header-spacer{
        height:120px;
    }
    .goal-banner{
        font-size:15px;
        padding:16px 20px;
        border-radius:16px;
    }
    .contact-title{
        font-size:32px;
    }
    .contact-sub{
        font-size:18px;
    }
    .register-btn{
        width:100%;
        font-size:18px;
    }
    /* image box */
    .result-img-wrap{
        height:250px;
    }

}

/* mobiles */
@media (max-width:576px){
    .logo-text {
        font-size: 20px;
    }
    .hero-title{
        font-size:34px;
    }
    .hero-badge{
        font-size:13px;
        padding:10px 14px;
    }
    .enroll-btn{
        padding:12px 28px;
        font-size:15px;
    }
    .section-title{
        font-size:26px;
    }
    .section-sub{
        font-size:17px;
    }
    .course-card{
        padding:26px 22px;
    }
    .fac-list li{
        font-size:16px;
    }
    .num{
        width:30px;
        height:30px;
        font-size:14px;
    }
    span.main-logo-text {
        display: block;
        width: 200px;
    }
    span.sub-logo-text {
        display: block;
        width: 200px;
    }
}

/* break ESTD on small devices */
@media (max-width: 400px) {
    .sub-logo-text {
        white-space: normal;
    }

    .sub-logo-text .estd {
        display: block;
        font-size: 0.85em;   /* optional: slightly smaller */
    }
}