*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#eaebf1;
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

.section{
    padding:100px 8%;
}

.section-title{
    text-align:center;
    margin-bottom:70px;
}

.section-title p{
  color: #0f0f0e;
    /* font-weight: 350; */
    margin: 16px;
    text-align: center;
    font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 56%;

}

/* ================= NAVBAR ================= */

header{
    background:#fff;
    position:sticky;
    top: 0px;
    z-index:9999;
    box-shadow:0 5px 20px rgba(7, 7, 7, 0.05);
    
}


.nav-links a{
    color:#333;
    font-weight:600;
    transition: 0.3s ease;
    /* padding: 1px 5px; */
}

.nav-links a:hover{
    color:#ff7a00;
    border-bottom: 2px solid #481abd;
}
.enroll-btn{
    padding:8px 22px;
    border-radius:14px;
        background: linear-gradient(to right,#75be84,#6fdff3);
 
    color:#fff;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    transition:0.4s;
    flex: 1;
    max-width: 170px;
    justify-content: center;
        margin-left: auto;
    margin-right: auto;
}
.enroll-btn:hover{
    transform:translateY(-4px);
    background:#fac48e;
}

/* .enroll-btn i{ */
    /* font-size:18px;
        transition:0.4s;

} */

.enroll-btn:hover i{
    color:#fff;
}



.enroll-btn:hover i{
    color:#fff;
}
/* 
.enroll-btn:hover{
    transform:translateY(-4px);
    background:#30be62;
} */







/* ================= DROPDOWN ================= */

/* ================= DROPDOWN ================= */

.dropdown{
    position:relative;
}

/* NAV LINK */

.dropdown > a{

    display:flex;
    align-items:center;
    gap:8px;
}

/* DROPDOWN MENU */

.dropdown-menu{

    position:absolute;

    top:100%;
    left:0;

    background:#fff;

    min-width:220px;

    border-radius:18px;

    padding:12px 0;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.12);

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:0.3s ease;

    z-index:999;
}

/* DESKTOP HOVER */



/* MENU LINKS */

.dropdown-menu li{

    width:100%;
}

.dropdown-menu li a{

    display:block;

    padding:14px 22px;

    color:#0b1c54;

    font-weight:500;

    transition:0.3s;
}

.dropdown-menu li a:hover{

    background:#fff4eb;

    color:#ff7a00;

    padding-left:28px;
}










/* LOGO */

.logo img{

    width:180px;
    padding: 5px 8px;
}


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

.hero{

    position:relative;

    padding: 25px 0px 25px 11%;

    min-height: 100vh;

    display:flex;

    align-items:center;

    background:

    linear-gradient(
        rgba(249, 229, 214, 0.7),
        rgba(245, 223, 223, 0.7)
    ),

    url('images/study.webp');
    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.hero-content{

    position:relative;

    z-index:3;

    max-width:720px;

}




.hero-content1 span{
        color: #20b9bf;

}
.hero-location-box{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:
   linear-gradient(to right,#75be84,#6fdff3);
    backdrop-filter:blur(12px);

    padding:14px 24px;

    border-radius:50px;

    margin-bottom:28px;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.08);
}

/* ICON */

.hero-location-box i{

    color:#030303;

    font-size:16px;
}

/* TEXT */

.hero-location-box span{

    color:#000000;

    font-size:15px;

    font-weight:600;

    line-height:1.5;
}





.hero-content p{

    font-size:20px;

    line-height:1.9;

    color:#111;

    max-width:650px;

    margin-bottom:35px;
}


.secondary-btn{
    border:2px solid #e2f98e;
    padding:18px 35px;
    border-radius:14px;
    color:#333;
    transition:0.4s;
    background-color: #edf5f355;
}

.secondary-btn:hover{
    transform:translateY(-5px);
    background-color: #99d4de;
    color:#090909;
}

.hero-stats{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    /* margin-left: 800px; */
}

.hero-card{
    background:#f8f7f7;
    background: linear-gradient(to right,#f8f7f7,#e5f6c7);
    padding:25px;
    border-radius:20px;
    display:flex;
    align-items:center;
    gap:15px;
    min-width:220px;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.hero-card i{
    font-size:28px;
    color:#ff7a00;
}

.hero-card h3{
    color:#0b1c54;
    font-size:32px;
    padding: 1px 1px;
    /* background-color: #481abd; */
}









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

.about{
    /* background:#f8fbff; */
    background: linear-gradient(to right,#f8fbff,#e1f5f9);
    position:relative;
    overflow:hidden;
    
}

.about-wrapper{

    display:grid;

    grid-template-columns:
    1.1fr 1fr;

    gap:50px;

    align-items:center;

    width: 100%;
}


.about-section{

    padding:100px 0;

    background:#eef9fc;

    overflow:hidden;
}



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

.about-page{

    min-height:100vh;

    padding:80px 8% 100px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:
    linear-gradient(
        135deg,
        #f8fbff,
        #cad8eb
    );
}

/* CONTAINER */

.about-container{

    max-width:1200px;

    width:100%;

    background:#fff;

    padding:25px;

    border-radius:35px;

    text-align:center;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.08);
}

/* TAG */

.about-tag{

    display:inline-block;

    background:#fff4eb;

    color:#ff7a00;

    padding:12px 25px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:25px;
}

/* TITLE */

.about-container h1{

font-size:74px;
    color:#0b1c54;

    margin-bottom:25px;
}

/* TEXT */

.about-container p{

    color:#666;

    font-size:15px;

    /* line-height:1.9; */

    max-width:850px;

    margin:-4px 44px 16px;

    width: 100%;

    margin-left: auto;

    margin-right: auto;
}

/* GRID */

.about-page-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

    margin-bottom:50px;
}

/* CARD */

.about-page-card{

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #edf7d3
    );

    padding:45px 35px;

    border-radius:30px;

    transition:0.4s;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.08);
}

/* HOVER */

.about-page-card:hover{

    transform:translateY(-10px);
}

/* ICON */

.about-page-icon{

    width:90px;
    height:90px;

    margin:auto auto 25px;

    border-radius:25px;

    background:#fff4eb;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:38px;

    color:#ff7a00;
}

/* CARD TITLE */

.about-page-card h2{

    font-size:36px;

    color:#0b1c54;

    margin-bottom:20px;
}

/* BUTTON */

.about-back-btn{

    display:inline-block;

    padding:18px 40px;

    border-radius:18px;

    background:
    linear-gradient(
        135deg,
        #ff9f43,
        #ff7a00
    );

        color:#fff;

    font-weight:600;

    transition:0.4s;
}

.about-back-btn:hover{

    transform:translateY(-5px);
}

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

@media(max-width:992px){

    .about-container{

        padding:50px 35px;
    }

    .about-container h1{

        font-size:52px;
    }
}

@media(max-width:768px){

    .about-page{

        padding:160px 20px 80px;
    }

    .about-container{

        padding:40px 25px;
    }

    .about-container h1{

        font-size:40px;
    }

    .about-container p{

        font-size:15px;
    }

    .about-page-card h2{

        font-size:28px;
    }
}


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


.about{
    position:relative;
    overflow:hidden;
}

/* COMMON */

.about-side{

    position:absolute;

    z-index:0;

    opacity:0.35;

    pointer-events:none;

    animation:
    floatSide 6s ease-in-out infinite;
}

/* LEFT IMAGE */

.left-side{

    left:0;

    top:80px;

    width:220px;
}

/* RIGHT IMAGE */

.right-side{

    right:0;

    bottom:50px;

    width:220px;

    animation-delay:2s;
}

/* FLOAT ANIMATION */

@keyframes floatSide{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-20px);
    }

    100%{
        transform:translateY(0px);
    }
}



.about-image{

    position:relative;

    animation:
    floatImage 5s ease-in-out infinite;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* IMAGE */

.about-image img{

    width:100%;

    border-radius:30px;

    object-fit:contain;

    position:relative;

    z-index:2;

    transition:0.5s;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.15);

    /* margin-left: auto; */
    max-width: 720px;


}

/* HOVER EFFECT */

.about-image:hover img{

    transform:scale(1.03);

    box-shadow:
    0 30px 70px rgba(0,0,0,0.2);
}

/* FLOATING ANIMATION */

@keyframes floatImage{

    0%{
        transform:translateY(0px);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0px);
    }
}

/* GLOW SHAPES */

.shape{

    position:absolute;

    border-radius:50%;

    filter:blur(5px);

    z-index:1;

    animation:
    moveShape 6s infinite alternate ease-in-out;
}

/* SHAPE 1 */

.shape1{

    width:180px;
    height:180px;

    background:
    linear-gradient(
        135deg,
        #ff7a00,
        #ffb347
    );

    top:-40px;
    left:-50px;

    opacity:0.35;
}

/* SHAPE 2 */

.shape2{

    width:140px;
    height:140px;

    background:
    linear-gradient(
        135deg,
        #4facfe,
        #00f2fe
    );

    bottom:-40px;
    right:-40px;

    opacity:0.3;
}

/* SHAPE ANIMATION */

@keyframes moveShape{

    0%{
        transform:translateY(0px)
        translateX(0px);
    }

    100%{
        transform:translateY(20px)
        translateX(15px);
    }
}





/* CONTENT */

.about-content{
    position:relative;
    width: 100%;
}

.about-tag{

    display:inline-block;

    background:#fff1e6;

    color:#ff7a00;

    padding:12px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:22px;
}

.about-content h2{

    font-size:42px;

    /* line-height:1.15; */

    color:#0b1c54;

    /* margin-bottom:18px; */
}


.about-content h3{

    font-size:34px;

    color:#111;

    margin-bottom:-32px;

    line-height:1.5;
}
.about-content p{

    color:#666;

    /* line-height:2; */

    font-size:15px;

    margin-bottom:34px;

    width: 80%;

    margin-left: auto;

    margin-right: auto;

    padding: 32px;

    margin-top: 29px;
}


.about-content1{
        text-align: center;
    order: 2;
    font-size: 28px;
    color: #111;
    margin-bottom: 18px;
    line-height: 0.5;
    width: 100%;
}

/* FEATURE BOX */

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

.about-features{

    display:grid;

        grid-template-columns:repeat(2,1fr);

    gap:30px;

    margin-top:auto;
    width: 100%;
}

/* FEATURE CARD */

.feature-box{

    background:
    linear-gradient(
    135deg,
    #ffffff,
    #edf6d7);

    padding:35px 28px;

    border-radius:28px;

    transition:0.5s;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.08);

    position:relative;

    overflow:hidden;

    min-width: 0;

    margin-left: auto;

    margin-right: auto;

    width: 96%;
}

/* TOP BORDER */

.feature-box::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:
    linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);
}

/* HOVER */

.feature-box:hover{

    transform:
    translateY(-10px);

    box-shadow:
    0 25px 50px rgba(0,0,0,0.12);
}

/* ICON */

.feature-icon{

    width:auto;
    height:auto;

    border-radius:22px;

    background:#fff4eb;

    display:inline-block;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

    font-size:30px;

    color:#ff7a00;
    /* margin-left: auto;
    margin-bottom: 22px; */
    text-align: center;
    padding: 2px 2px;
    /* margin: 0 auto 22px; */
}

/* TITLE */

.feature-box h3{

    font-size:30px;

    color:#0b1c54;

    margin-bottom:18px;

    line-height: 1.3;

    word-break: break-word;

    display: block;
}

/* TEXT */

.feature-box p{

    color:#666;

    line-height:1.9;

    margin-bottom:24px;

    font-size:16px;
}

/* BUTTON */

.feature-box a{

    display:inline-flex;

    padding:14px 24px;

    border-radius:40px;

    background:linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);

    color:#fff;

    font-weight:600;

    transition:0.4s;
    
    gap: 8px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* HOVER */

.feature-box a:hover{

    background:#0b1c54;

    transform:translateX(5px);
}


.text-center p{
    width: 89%;
}

/* ================= LARGE SCREEN ================== */
/* ================================================= */

@media(max-width:1400px){

    .about-wrapper{

        gap:40px;
    }

    .feature-box{

        padding:30px 22px;
    }
}



/* ================================================= */
/* ================= TABLET ======================== */
/* ================================================= */

@media(max-width:1100px){

    .about-wrapper{

        grid-template-columns:1fr;

        gap:60px;
    }

    .about-image{

        max-width:850px;

        margin:auto;

        order: 1;
    }

    .about-content{
        order: 2;
    }

    .about-image img{
        max-width: 750px;
    }
}
/* =============== RESPONSIVE ============== */

@media(max-width:768px){

    .feature-box{

        padding:28px 22px;
        border-radius: 24px;
        width: 100%;
        
    }

    .feature-box h3{

        font-size:28px;
        text-align: center;
    }

    .feature-icon{

        width:65px;
        height:auto;

        font-size:28px;
    }

    .about-features{
        padding: 80px 20px;
        grid-template-columns: 1fr;
    }

    .about-features p{
        text-align: center;
    }

    .about-section{
        padding: 70px 0;
    }

    .about-wrapper{
        gap: 45px;
    }

    .about-content{
        padding: 0 20px;
        /* text-align: left; */
    }

    .about-tag{
        margin-bottom: 18px;
        margin-left: auto;
        margin-right: auto;
    }

    /* .about-content h2{

        font-size:42px;

        line-height:1.3;

        margin-bottom:16px;
    } */

    .about-content h3{

        font-size:26px;

        line-height:1.6;

        margin-bottom:14px;
    }

    .about-content p{

        font-size:15px;

        /* line-height:1.9; */
    }

   .about-image img{
    max-width:350px;
    width:100%;
    height:auto;
    border-radius:22px;
}
}




/* ================================================= */
/* ================= SMALL MOBILE ================== */
/* ================================================= */

@media(max-width:480px){

     .about-content{

        padding:0 16px;
    }

    /* .about-content h2{

        font-size:34px;
        line-height: 1.3; */
        /* margin-left: auto;
        margin-right: auto;
        width: 44%; */
        
    }

    .about-content h3{

        font-size:18px;
        line-height: 1.6;
    }

    .about-content p{
        font-size: 15px;
        /* line-height: 1.9; */
        padding: 0 8px;
    }

    .about-features h3{

        font-size:32px;
    }

    .about-features p{

        font-size:14px;
    }

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

    .about-tag{
        font-size: 12px;
        padding: 10px 20px;
    }

    .feature-box{
        padding: 24px 18px;
        border-radius: 20px;
        width: 100%;
    }

    .feature-icon{
        width: 60px;
        height: auto;
        font-size: 24px;
    }

    .feature-box h3{
        font-size: 21px;
        text-align: center;
    }

    .feature-box p{
        font-size: 13px;
    }

    .feature-box a{
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}
/* BUTTON */

.about-btn{

    display:inline-flex;

    align-items:center;

    gap:19px;

    background: linear-gradient(to right,#e7c2a7,#e39c39);

    color:#fff;

    padding:18px 35px;

    border-radius:16px;

    font-weight:600;

    transition:0.3s;
    font-size: 18px;
}

.about-btn:hover{
    transform:translateY(-5px);
    background:#d6b349;
}

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



@media(max-width:768px){

    .about-wrapper{
        gap:50px;
    }

   
    .experience-card{
        left:20px;
        bottom:20px;
    }

}

@media(max-width:576px){

    .about-content h2{
        font-size:34px;
    }

    .feature-box{
        flex-direction:column;
    }

}

/* ================= COURSES ================= */

.courses{
    /* background:#96acef6f; */
    color:#fff;
    background: radial-gradient(#1f749e, #5ab59c);
}

.courses .section-title h2{
    color:#feffff;
}

.course-card{
   background:#fff;

    color:#333;

    padding:24px 18px;

    border-radius:25px;

    transition:0.4s;

    overflow:hidden;

    min-width:0;

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:flex-start;

    align-items:flex-start;
}

.course-card:hover{
    transform:translateY(-8px);
    background-color: #e5791487;
}

.active-course{
    background:#f1eeeb;
    color:#040404;
}

.active-course p,
.active-course a{
    color:#131212 !important;
}



.blue{
    background:#eef3ff;
    color:#4a76ff;
}

.orange{
    background:#fff2dd;
    color:#ff9d00;
}

.pink{
    background:#ffe5ee;
    color:#ff4d8d;
}

.white{
    background:#fff;
    color:#ff7a00;
}

.course-card h3{
    font-size:30px;

    line-height:1.35;

    margin-bottom:16px;

    color:#0b1c54;

    width:100%;

    word-break:break-word;

    overflow-wrap:break-word;
}

.course-card p{
     line-height:1.8;

    color:#666;

    width:100%;

    font-size:16px;

    word-break:break-word;

    overflow-wrap:break-word;
}

.course-card a{
    color:#0b1c54;
    font-weight:600;
    margin-bottom:25px;
    display:inline-block;
}


.section-para1{
           color: #fefefe;
    font-size: 18px;
    width: 71%;
    /* padding-top: 7px; */
    font-weight: 350;
    margin-left: auto;
    margin-right: auto;
}

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

.why-grid{
    display:grid;

 grid-template-columns:
    repeat(3,1fr);
    gap:22px;

    width:100%;

    /* align-items: stretch; */
}

.why-card{
background: linear-gradient(135deg, #ffffff, #a0c9ff);
    padding:33px 27px 33px 19px;
    /* height: 100%; */
    border-radius:25px;
    text-align:center;
    box-shadow:0 30px 15px rgba(0,0,0,0.05);
    transition:0.4s;
    /* min-width: 0; */
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 299px;
}

.why-card:hover{
    transform:translateY(-10px);
    background-color: #e5791487;
}

.why-card i{
    font-size:42px;
    color:#c6874d;
    margin-bottom:9px;
    /* line-height: 1.4; */
    flex-shrink: 0;
}

.why-card h3{

font-size:22px;

    margin-bottom:16px;

    color:#000;

    /* word-break:break-word; */

    /* overflow-wrap:break-word; */

    /* hyphens:auto; */

    /* width: 100%; */
}

.why-card p{

    font-size:15px;

    /* line-height:1.8; */

    color:#666;

    

    /* word-break:break-word;

    overflow-wrap:break-word;

    width: 100%; */
}


.section-para2{
    font-size: 18px;
    width: 71%;
    margin-left: auto;
    margin-right: auto;
}

/* ================================================= */
/* ================= LARGE TABLET ================== */
/* ================================================= */

@media(max-width:1200px){

    .course-grid{

        grid-template-columns:
        repeat(4,1fr);

        gap:16px;
    }

    .course-card{

        padding:18px 12px;
    }

    .course-card h3{

        font-size:1.1rem;
    }

    .course-card p{

        font-size:14px;
    }
}

/* ================================================= */
/* ================= TABLET ======================== */
/* ================================================= */

@media(max-width:992px){

    .course-grid{

        grid-template-columns:
        repeat(2,1fr);
    }

    .why-grid{
        grid-template-columns: repeat(2,1fr);
    }
}

/* ================================================= */
/* ================= MOBILE ======================== */
/* ================================================= */

@media(max-width:768px){

    .course-grid{

        grid-template-columns:
        repeat(2,1fr);

        gap:16px;
    }

    .course-card{

        padding:18px 12px;
    }

    .course-card h3{

        font-size:1.5rem;
    }

    .course-card p{

        font-size:13px;

        line-height:1.7;
    }

    .why-grid{
        grid-template-columns: 1fr;

        gap: 22px;
    }

    .why-card{
        min-height: auto;

        padding: 30px 20px;
    }

    .why-card h3{
        font-size: 14px;
    }
}

/* ================================================= */
/* ================= SMALL MOBILE ================== */
/* ================================================= */

@media(max-width:480px){

    .course-grid{

        gap:14px;
    }

    .course-card{

        padding:16px 10px;
    }

    .course-card h3{

        font-size:1.2rem;
    }

    .course-card p{

        font-size:12px;
    }
}




@media(max-width:1200px){
    .why-grid{
        grid-template-columns: repeat(3,1fr);
    }
}

@media(max-width:992px){
    .why-grid{
        grid-template-columns: repeat(2,1fr);
        gap: 18px;
    }
    .why-card{
        padding: 22px 14px;
    }
}

@media(max-width:768px){
    .why-grid{
        grid-template-columns: repeat(2,1fr);
        gap: 16px;
    }

    .why-card{
        padding: 20px 12px;
        border-radius: 22px;
    }

    .why-card i{
        font-size: 30px;
    }

    .why-card h3{
        font-size: 1.15rem;

        line-height: 1.45;
    }

    .why-card p{
        font-size: 13px;
        line-height: 1.7;
    }
    }


    @media(max-width:480px){

    .why-grid{

        grid-template-columns:
        repeat(2,1fr);

        gap:14px;
    }

    .why-card{

        padding:18px 10px;
    }

    .why-card h3{

        font-size:1rem;
    }

    .why-card p{

        font-size:12px;
    }
}
/* ================= FACULTY ================= */

.faculty-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.faculty-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
    transition:0.4s;
    text-align:center;
}

.faculty-card:hover{
    transform:translateY(-10px);
    background-color: #e5791487;
}

.faculty-card img{
    width:100%;
    height:350px;
    object-fit:cover;
}

.faculty-card h3{
    margin-top:25px;
    font-size:30px;
    color:#0b1c54;
}

.faculty-card p{
    color:#0e9eb7;
    margin:15px 0 30px;
    font-size: large;
}
.faculty-card a{
    color:#0b1c54;
    font-weight:600;
    margin-bottom:25px;
    display:inline-block;
    /* margin-left: 30px; */
    text-decoration: none;
    
}

/* ================= STATISTICS ================= */



/* ================================================= */
/* ================= ACADEMY BANNER ================ */
/* ================================================= */

.academy-banner{

    width:100%;

    min-height:10vh;

    padding:90px 8%;

    background:
    linear-gradient(135deg, #192b23, #217d8a);

/* linear-gradient(135deg, #192b23, #217d8a) */

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

    overflow:hidden;

    position:relative;
}

/* ================================================= */
/* ================= CONTENT ======================= */
/* ================================================= */

.banner-content{

    flex:1;

    color:#f3f4f6;
}

/* TAG */

.banner-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:
    rgba(255,255,255,0.22);

    backdrop-filter:blur(10px);

    padding:12px 22px;

    border-radius:40px;

    font-weight:600;

    margin-bottom:30px;

    color: #f2f4f5;
}

/* TITLE */

.banner-content h1{

font-size:clamp(2.5rem,6vw,5rem);
    line-height:1.1;

    margin-bottom:25px;

    color:#f3f3f4;

    
}

/* TEXT */

.banner-content h2{

    font-size:29px;

    line-height:1.8;

    max-width:650px;

    margin-bottom:35px;
}

/* ================================================= */
/* ================= FEATURES ====================== */
/* ================================================= */

.banner-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;
}

.feature-item{

    display:flex;

    align-items:center;

    gap:10px;

    background:
    rgba(255,255,255,0.2);

    padding:14px 22px;

    border-radius:40px;

    font-weight:600;

    backdrop-filter:blur(10px);
}

/* ================================================= */
/* ================= BUTTON ======================== */
/* ================================================= */

.banner-btn{

    display:inline-block;

    padding:18px 35px;

    border-radius:50px;

    background:#0b1c54;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:0.4s;
}

.banner-btn:hover{

    transform:translateY(-5px);

    background:#06113a;
}

/* ================================================= */
/* ================= IMAGE ========================= */
/* ================================================= */

.banner-image{

    flex:1;

    display:flex;

    justify-content:center;
}

.banner-image img{

    width:100%;

    max-width:550px;

    animation:floatImage 4s ease-in-out infinite;
}

/* FLOAT */

/* @keyframes floatImage{

    0%{

        transform:translateY(0);
    }

    50%{

        transform:translateY(-15px);
    }

    100%{

        transform:translateY(0);
    }
} */

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

@media(max-width:992px){

    .academy-banner{

        flex-direction:column;

        text-align:center;
    }

    .banner-content h1{

font-size:clamp(2.5rem,6vw,5rem);    
}

    .banner-features{

        justify-content:center;
    }
}

@media(max-width:768px){

    .academy-banner{

        padding:70px 20px;
    }

    .banner-content h1{

        font-size:48px;
    }

    .banner-content p{

        font-size:17px;
    }

    .feature-item{

        width:100%;

        justify-content:center;
    }
}

@media(max-width:480px){

    .banner-content h1{

        font-size:38px;
    }

    .banner-tag{

        font-size:13px;
    }
}
/* .name{
    background:linear-gradient(to right,#ff7a00,#f4b256);
    color:#fff;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:30px;
    padding:50px 5%;
    text-align:center;

}

.name h1{
    font-size:115px;
    color:#0b1c54;
    margin-bottom:25px;
    width: 45vw;
}

.name p{
    font-size:41px;
    color:#0b1c54;
    margin-bottom:25px;
    margin-left: 500px;
} */

/* .stat-box h3{
    font-size:90px;
    margin-bottom:15px;


}
.stat-box p{
    font-size:98px;
    color:#f1e7e7;
    font-weight:500;
}
.counter{
    font-size:60px;
    margin-bottom:15px;
}
.stat-box p{
    font-size:18px;
    color:#f1e7e7;
    font-weight:500;
} */

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

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    gap:35px;
    /* padding: 20px; */
}

.testimonial-card{
   background:linear-gradient(45deg, #bee1ec, #ebf0f15e);
    padding: 21px 19px;
    border-radius: 25px;
    box-shadow: 38px 33px 60px 49px rgb(241 169 169 / 5%);
    display: flex;
    flex-direction: column;
}




.testimonial-card p{
    line-height:1.9;
    margin-bottom:24px;
    color:#666;
}

.testimonial-card h4{

    font-size:18px;

    color:#000;

    font-weight:700;
}

/* ================================================= */
/* ================= REVIEW STARS ================== */
/* ================================================= */

.review-stars{

    margin-top:auto;

    display:flex;

    align-items:center;

    gap:6px;

    flex-wrap:wrap;
}

/* STARS */

.review-stars i{

    color:#ffc107;

    font-size:18px;

    animation:starGlow 2s infinite alternate;
}

/* TEXT */

.review-stars span{

    margin-left:10px;

    font-size:14px;

    font-weight:600;

    color:#0b1c54;
}

/* ANIMATION */

@keyframes starGlow{

    0%{

        transform:scale(1);
    }

    100%{

        transform:scale(1.15);
    }
}




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

.contact{
    background:#f8fbff;
    position:relative;
    overflow:hidden;
}

.contact-wrapper{

        margin-top:70px;

}
/* IMAGE SIDE */

.contact-image{
    width:100%;

    display:flex;

    justify-content:center;

    align-items:center;
    

    
}



.contact-image img{

    width:100%;

    /* max-width:500px; */

    border-radius:30px;

    object-fit:cover;

    box-shadow:
    0 20px 50px rgba(0,0,0,0.12);
}



/* FORM BOX */

.contact-form-box{

    background:#fff;

    padding:45px;

    border-radius:35px;

    box-shadow:
    0 22px 55px rgba(11,28,84,0.13);
}

/* FORM */

.contact-form{
    display:flex;
    flex-direction:column;
    gap:15px;
}

/* INPUT BOX */

.input-box{

    position:relative;
}

.input-box i{

    position:absolute;

    left:22px;
    top: 50%;

    transform:translateY(-50%);

    color:#2aa7c9;

    font-size:18px;
}

.input-box input,
.input-box textarea{

    width:100%;

    border:none;

    background:#f5f7fb;

    padding:17px 18px 18px 56px;

    border-radius:18px;

    font-size:12px;

    outline:none;

    transition:0.3s;
}

.input-box input:focus,
.input-box textarea:focus{

    background:#fff;

    box-shadow:
    0 0 0 3px rgba(255,122,0,0.15);
}

/* TEXTAREA */

.textarea-box i{
    top:28px;
}

.input-box textarea{

    height:97px;

    resize:none;
}

/* BUTTON */

.contact-form button{

    border:none;

    background:linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);

    color:#fff;

    padding:15px;

    border-radius:18px;

    font-size:14px;

    font-weight:600;

    cursor:pointer;

    transition:0.4s;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;
}

.contact-form button:hover{

    transform:translateY(-5px);

    background:#e99949;
}

/* SECTION TITLE */



.section-title span{

    color:#ff7a00;

    font-weight:600;

    letter-spacing:2px;
}

.section-title h2{

    font-size:48px;

    margin-top:-17px;

    color:#0b1c54;

    font-weight: 600;
}

/* RESPONSIVE */

@media(max-width:992px){

    .contact-wrapper{
        gap:40px;
    }

    .contact-image img{
        min-height:500px;
    }

    .contact-form-box{

        padding:35px;
    }

}

@media(max-width:768px){

    .contact-form-box{
        padding:30px;
    }

    /* .section-title h2{
        font-size:42px;
    } */

    .contact-card{
        left:20px;
        right:20px;
        bottom:20px;
        max-width:none;
    }

     .contact-wrapper{

        margin-top:50px;
    }

    .contact-image img{

        max-width:100%;
    }

}

@media(max-width:576px){

    .contact-form-box{
        padding:25px;
    }

    /* .section-title h2{
        font-size:34px;
    } */

}


@media(max-width:480px){

    .contact-form-box{

        padding:22px;
    }

    .input-box input,
    .input-box textarea{

        font-size:14px;
    }

    .contact-form button{

        font-size:16px;
    }
}



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

.contact-details{

    margin-top:55px;

    display:grid;

    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

    gap:20px;
}

/* BOX */

.contact-box{

    display:inline-flex;

    align-items:flex-start;

    gap:18px;
    padding:20px 24px;
    border-radius:20px;
}
    /* background:#fff;



    box-shadow:
    0 10px 25px rgba(0,0,0,0.06);

    transition:0.4s;
} */

/* HOVER */

.contact-box:hover{

    /* transform:translateY(-5px); */

    box-shadow:
    0 0px 0px rgba(0,0,0,0.1);
}

/* ICON */

.contact-icon{

    width:42px;

    height:42px;

    border-radius:16px;

    background:
    linear-gradient(
        135deg,
        #ff7a00,
        #ffb347
    );

    display:inline-flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:18px;

    flex-shrink:0;
}

/* TEXT */

.contact-box h4{

    font-size:20px;

    color:#0b1c54;

    margin-bottom:6px;
}

.contact-box p{


    line-height:1.3em;


    font-size: 17px;
    color: rgb(65, 59, 59);
}

.contact-box a{

    color: inherit;

    text-decoration: none;

    transition: 0.3s;
}


.contact-box a:hover{

    color: #ff7a00;

    text-decoration: underline;
}

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

@media(max-width:768px){

    .contact-box{

        padding:18px;
    }

    .contact-icon{

        width:48px;

        height:48px;

        font-size:18px;
    }

    .contact-box h4{

        font-size:18px;
    }

    .contact-box p{

        font-size:14px;
    }
}

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

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

.footer{

    background:#4a7f82e7;

    color:#fff;

    padding:50px 80px 8px;

    position:relative;

    overflow:hidden;
    
}

/* CONTAINER */

.footer-container{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(250px,1fr));

    gap:50px;

    margin-bottom:50px;
}

/* ================================================= */
/* ====================== LOGO ===================== */
/* ================================================= */

.footer-logo{

    width:160px;

    margin:0 auto 20px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-left: auto;
    margin-right: auto;
    
}
.footer-logo img{

    width: 100%;

    height:auto;

    display:block;

    object-fit:contain;

    background:transparent;
}

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

.footer-about p{

    color:#f7f3f3;

    line-height:2;

    margin-bottom:20px;

    max-width:300px;

    font-size:15px;

    margin: auto;
}

/* ================================================= */
/* ====================== TITLE ==================== */
/* ================================================= */

.footer-box h3{

    color:#ffffff;

    font-size:28px;

    margin-bottom:25px;

    margin-right: 80px;
}

/* ================================================= */
/* ====================== LINKS ==================== */
/* ================================================= */

.footer-box ul{

    display:flex;

    flex-direction:column;

    gap:15px;

    padding:0;

    align-items: flex-start;
}

.footer-box ul li{

    list-style-type: none;

    width: 100%;
}

.footer-box ul li a{

    color:#f9f9f9;

    transition:0.3s;

    font-size:15px;

    text-decoration:none;

    display: block;

    text-align: left;
}

.footer-box ul li a:hover{

    color:#ff7a00;

    padding-left:8px;

}

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

.footer-contact{

    display:flex;

    flex-direction:column;

    gap:18px;

    align-items: flex-start;

    
}

.footer-contact p{

    display:flex;

    align-items:flex-start;

    gap:11px;

    color:#fffefe;

    font-size:15px;

    line-height:1.7;

    width: 100%;

    text-align: left;

    text-decoration: none;
}

.footer-contact i{

    color:#ffffff;

    font-size:16px;

    width: 22px;

    flex-shrink: 0;

    margin-top: 4px;
}

.footer-contact a{
    color: #fff;

    text-decoration: none;

    transition: 0.3s;
}

.footer-contact a:hover{
    color: #ffd27a;
    transition: 0.3s;
}
/* ================================================= */
/* ================= SOCIAL ICONS ================== */
/* ================================================= */

.social-icons{

    display:flex;

    align-items:center;
    justify-content: center;

    gap:15px;

    margin-top:20px;
    margin-right: auto;
    margin-left: auto;
}

.social-icons a{

       /* width: 100%; */
    /* height: 28px; */
    padding: 10px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:18px;

    transition:0.4s ease;

    text-decoration:none;
}

/* FACEBOOK */

.social-icons a:nth-child(1){

    background:#1877f2;
}

/* INSTAGRAM */

.social-icons a:nth-child(2){

    background:
    linear-gradient(
        45deg,
        #FFD600,
        #FF7A00,
        #FF0069,
        #D300C5,
        #7638FA
    );
}

/* YOUTUBE */

.social-icons a:nth-child(3){

    background:#79b959;
}

/* WHATSAPP */

.social-icons a:nth-child(4){

    background:#25D366;
}

/* HOVER */

.social-icons a:hover{

    transform:
    translateY(-6px)
    scale(1.08);

    box-shadow:
    0 10px 20px rgba(0,0,0,0.2);
}


@media(max-width:480px){
    .footer-logo{
        margin-left: 118px;
    }
    .social-icons{
        margin-left: 61px;
    }
}








/* ================= LARGE TABLETS ================= */

@media(max-width:1200px){

    .hero{
        padding:140px 6%;
    }

    .hero-content h1{
        font-size:60px;
    }

    .about-content h2{
        font-size:52px;
    }

    .section-title h2{
        font-size:38px;
    }

    .contact-image img{
        width:100%;
        height:auto;
        min-height:auto;
    }

    .overview-card,
    .mission-card,
    .vision-card{
        width:100%;
    }

    .overview-shape,
    .mission-shape,
    .vision-shape{
        display:none;
    }
}

/* ===================== TABLET ==================== */

@media(max-width:992px){

    /* NAVBAR */

    .navbar{

        flex-direction:row;

        gap:20px;

        padding:12px 20px;
    }

    .nav-links{

        flex-wrap:wrap;

        justify-content:center;

        gap:20px;

        font-size:16px;
    }

    .nav-links a{

        font-size:14px;
    }

    .enroll-btn{

        padding:10px 14px;

        font-size:11px;

        border-radius:10px;
    }

    .hero-content p{

        font-size:16px;

        line-height:1.8;

        max-width:480px;
    }


    .primary-btn{

        padding:14px 24px;

        font-size:14px;
    }

    /* HERO IMAGE */

    .hero,
    .course-hero{

        background-position:center;

        min-height:85vh;
    }

    /* SLIDER IMAGE */

    .slides img{

        object-fit:cover;
    }
}


    .logo{
        gap:20px;
    }

    .logo-img{
        width: auto;
        height:auto;
    }


    .hero-section,
.hero-content,
.slider,
.slides,
.slides img{

    max-width:100%;

    overflow:hidden;
}
   
    /* ABOUT */

    .about-wrapper{

        grid-template-columns:1fr;

        gap:50px;
    }

    .about-image{
        order: 1;
    }

    .about-content{

        text-align:center;

        order: 2;
    }

    .about-imageimg{
        max-width: 380px;
    }
    
    .about-features{

        grid-template-columns:1fr;
    }

    /* COURSES */

    .course-grid{

        grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));
    }

    /* WHY */


    /* FACULTY */

    .faculty-grid{

        grid-template-columns:
        repeat(auto-fit,minmax(260px,1fr));
    }

    /* TESTIMONIALS */

    .testimonial-grid{

        grid-template-columns:
        repeat(auto-fit,minmax(260px,1fr));
    }

    /* CONTACT */

    .contact-wrapper{

        grid-template-columns:1fr;
    }

    .contact-image img{

        width:100%;
        height:auto;
    }

    /* FOOTER */

    .footer-container{

        grid-template-columns:
        repeat(auto-fit,minmax(220px,1fr));
    }

    /* INFO PAGES */

    .info-container{

        padding:40px;
    }

    .info-container h1{

        font-size:50px;
    }


/* ===================== MOBILE ==================== */

@media(max-width:768px){

    .section{
        padding:80px 20px;
    }

    .section-title{
        margin-bottom:50px;
    }

   
    /* HERO */

    .hero{

        padding:150px 20px 70px;
    }

   
    .hero-content h1{

        font-size:42px;

        line-height:1.2;
    }

    

    .primary-btn,
    .secondary-btn{

        width:100%;

        max-width:280px;

        text-align:center;
    }

    .hero-card{

        width:100%;

        min-width:auto;

        justify-content:center;
    }

    .hero-card h3{

        font-size:26px;
    }

    /* ABOUT */

    .about-content{

        width:100%;

        padding:0 20px;

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        justify-content:flex-start;

        text-align:left;    }

    /* .about-content h2{

        font-size:38px;
        text-align:left;

        width:100%;

        margin-bottom:15px;
    } */

    .about-content h3{
        /* margin: 0 auto 20px; */
        text-align:center;

        width:100%;

        margin-bottom:18px;

        line-height:1.5;
    }

    .about-content p{

        font-size:16px;
        text-align:center;
        margin: 0 auto 20px;
        width: 100%;
    }

    .feature-box{

        flex-direction:column;

        text-align:center;
    }

    .feature-box i{

        margin:auto;
    }

    /* COURSES */

    .course-card{

        padding:25px;
    }

    .course-card h3{

        font-size:24px;
    }

    /* WHY */

    .why-card{

        padding:30px 20px;
    }

    .why-card h3{

        font-size:24px;
    }

    /* FACULTY */

    .faculty-card img{

        height:300px;
    }

    /* STATS */

    .statistics{

        grid-template-columns:1fr;

        gap:20px;
    }

    .stat-box h3,
    .counter{

        font-size:42px;
    }

    /* CONTACT */

    .contact-form-box{

        padding:25px;
    }

    .input-box input,
    .input-box textarea{

        padding:18px 18px 18px 52px;
    }

    /* INFO PAGES */

    .info-page{

        padding:140px 20px 80px;
    }

    .info-container{

        padding:30px 20px;
    }

    .info-container h1{

        font-size:36px;
    }

    .info-container p{

        font-size:16px;

        line-height:1.8;
    }

    /* OVERVIEW */

    .overview-card,
    .mission-card,
    .vision-card{

        padding:40px 25px;
    }

    .overview-card h1,
    .mission-card h1,
    .vision-card h1{

        font-size:38px;
    }

    .overview-card p,
    .mission-card p,
    .vision-card p{

        font-size:16px;
    }

    .overview-features,
    .mission-features,
    .vision-features{

        grid-template-columns:1fr;
    }

    .overview-box h3,
    .mission-box h3,
    .vision-box h3{

        font-size:20px;
    }

    /* FOOTER */

    .footer{

        text-align:center;
            padding:45px 20px 18px;

    }

    .footer-contact{
        width: 240px;

        align-items:flex-start;
    }

    .footer-contact p{

        justify-content:flex-start;
    }

    .social-icons{

        justify-content:center;
    }

    .footer-box{
        display: flex;

        flex-direction: column;

        align-items: center;
    }

    .footer-box h3{
        text-align: center;
    }

    .footer-box ul{
        width: 240px;

        align-items: flex-start;
    }
}


/* ================= MOBILE NAVBAR ================= */

@media(max-width:768px){

    .navbar{

        flex-direction:row;

        justify-content:center;

        align-items:center;


        padding:14px 18px;

        display: flex;
        position: relative;
        min-height: 80px;

    }

    /* LOGO */

    .logo{

        width:100%;

        justify-content:center;

        gap:0;
        margin-right: 176px;

        position: absolute;

        left: 50%;

                transform:translateX(-50%);

    }

    .logo-img{

        width:130px;

        height:auto;
    }

    /* MENU */

    
    .nav-links a{

        font-size:15px;

        font-weight:600;
    }

    /* BUTTON */

    .enroll-btn{

        padding:8px 14px;

        font-size:11px;

        border-radius:8px;

        min-width: auto;

        height: auto;

        line-height: 1.2;
    }

    
    /* HERO */

    .hero{

        padding-top:280px;
    }
}



.mobile-enroll{

        display:flex;

        justify-content:center;

        width:100%;

        margin-top:10px;
    }

    .mobile-enroll .enroll-btn{

        width:160px;

        padding:7px 18px;

        border-radius:12px;

        justify-content:center;

        font-size:14px;

        background:linear-gradient(45deg,#79f568,#59d6ff);

        color:#000;

        border:2px solid #79f568;
        align-items: center;
    }


/* ================= SMALL MOBILE ================== */

@media(max-width:480px){

    

    .nav-links a{

        font-size:14px;
    }

    .logo-img{

        width:120px;
    }

    .enroll-btn{

        width:150px;
        padding: 9px 14px;
        font-size: 12px;
        justify-content:center;
    }

    .hero{

        padding-top:280px;
    }

    .hero-content h1{

        font-size:36px;

        line-height:1.2;
    }
}

/* ================= SMALL MOBILE ================== */

@media(max-width:480px){
/* 
    .hero-content h1{

        font-size:34px;
    } */

    /* .about-content h2{

        font-size: 38px;
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
        line-height: 1.2;
    } */

    /* .section-title h2{

        font-size:30px;
    } */

    .hero-card{

        padding:20px;
    }

    .hero-card h3{

        font-size:22px;
    }

    .course-card,
    .why-card,
    .testimonial-card{

        padding:22px;
    }

    .faculty-card img{

        height:260px;
    }

    .overview-card h1,
    .mission-card h1,
    .vision-card h1{

        font-size:32px;
    }
}




@media (min-width: 430px){

    .about-content h2{
        width:60%;
        font-size:67px;
        text-align:center;
        margin-left: auto;
        margin-right: auto;
    }

}

/* ---------class 11 & 12 ------------- */

/* ========================================= */
/* ========== MODERN COURSE CARDS ========== */
/* ========================================= */

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

.course-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(220px,1fr));

    gap:22px;

    width:100%;

    align-items:stretch;
}
/* CARD */

.modern-course-card{

    background:
    linear-gradient(215deg,#ffffff,#d4e4fa);

    padding:24px 16px;

    border-radius:28px;

    position:relative;

    overflow:hidden;

    transition:0.5s;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.08);

    border:1px solid rgba(0,0,0,0.04);
}

/* HOVER */

.modern-course-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 50px rgba(0,0,0,0.12);
}

/* TOP LINE */

.modern-course-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:
    linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);
}

/* ICON */

.course-icon{

    width:50px;
    height:50px;

    border-radius:20px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:15px;

    font-size:25px;

    color:#fff;
}

/* ICON COLORS */

.physics{
    background:linear-gradient(135deg,#3b82f6,#2563eb);
}

.chemistry{
    background:linear-gradient(135deg,#10b981,#059669);
}

.maths{
    background:linear-gradient(135deg,#f59e0b,#d97706);
}

.cs{
    background:linear-gradient(135deg,#8b5cf6,#6d28d9);
}

/* TITLE */

.modern-course-card h3{

    font-size:25px;

    color:#0b1c54;

    margin-bottom:16px;
}

/* TEXT */

.modern-course-card p{

    color:#666;

    line-height:1.5;

    margin-bottom:2px;

    font-size:15px;
}

/* TAG */

.modern-course-card span{

    display:inline-block;

    padding:10px 18px;

    border-radius:30px;

    background:#fff4eb;

    color:#ff7a00;

    font-size:14px;

    font-weight:600;
}



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

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

.course-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:flex-start;

    overflow:hidden;

    padding:1px 5% 80px;
}

/* ================================================= */
/* ================= IMAGE SLIDER ================== */
/* ================================================= */

.slider{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    z-index:1;
}

/* SLIDES */

.slides{

    position:absolute;

    width:100%;
    height:100%;

    opacity:0;

    transition:opacity 1.5s ease-in-out;
}

/* ACTIVE SLIDE */

.slides.active{

    opacity:1;
}

/* IMAGE */

.slides img{

    width:100%;

    height:100vh;

    object-fit:cover;
    filter: blur(1.8px)
    brightness(0.9);
    transform: scale(1.05);
}

/* ================================================= */
/* ================= OVERLAY ======================= */
/* ================================================= */

.hero-overlay{

    position:absolute;

    inset:0;

    /* background:
    linear-gradient(rgb(0 0 0 / 65%), rgba(174, 183, 240, 0.45)); */
    background-color: #00000094;
    z-index:2;
}

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

.course-hero .hero-content{

    position:relative;

    z-index:3;

    max-width:950px;
    margin-right: auto;
    /* margin-left: auto; */
    padding: 20px;
}

/* BADGE */

.hero-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:112px 22px;

    border-radius:40px;

    background:
    rgba(255,255,255,0.85);

    backdrop-filter:blur(10px);

    color:#3456e0;

    font-weight:600;

    margin-bottom:30px;
}

/* PARAGRAPH */

.course-hero .hero-content p{

    color:#f7f7f7;

    font-weight:500;

    font-size:17px;

    line-height:1.8;

    margin-bottom:30px;
}

/* HEADING */

.course-hero .hero-content h1{

    font-size:60px;

    color:#ffffff;

    margin-bottom:25px;

    line-height:1.2;

    font-weight:700;
}

/* BUTTONS */

.hero-buttons{

    display:flex;

    align-items:center;

    gap:20px;
}

/* BUTTON */

.primary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 32px;

    border-radius:50px;

    background:
    linear-gradient(135deg, #1ebac2, #00683f);

    color:#fff;

    font-weight:600;

    transition:0.4s;

    text-decoration: none;
}

/* HOVER */

.primary-btn:hover{

    transform:translateY(-5px);

    box-shadow:
    0 15px 35px rgba(0,0,0,0.2);

        background:linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);

}



/* ------------------subject------------------- */


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

@media(max-width:768px){

    .course-hero{

        min-height:auto;

        padding:
        110px 20px 70px;
    }

    /* HERO CONTENT */

    .hero-content{

        text-align:center;

        display:flex;

        flex-direction:column;

        align-items:center;

        padding: 0 18px;
    }

    /* LOCATION BOX */

    .hero-location-box{

        width:100%;

        max-width:300px;

        margin-bottom:25px;

        padding:12px 16px;

        border-radius:24px;
    }

    .hero-location-box span{

        font-size:13px;

        line-height:1.6;
    }

    /* HEADING */

    .hero-content h1{

        font-size:42px;

        line-height:1.15;

        margin-bottom:20px;

        width: 100%;

        word-break: break-word;
    }

    /* PARAGRAPH */

    .hero-content p{

        font-size:15px;

        line-height:1.8;

        max-width:320px;

        margin-bottom:28px;
    }

    /* BUTTON */

    .hero-buttons{

        width:100%;

        justify-content:center;
    }

    .primary-btn{

        width:100%;

        max-width:240px;
    }

    /* WHATSAPP FIX */

    .whatsapp-float{

        width:52px;

        height:52px;

        right:12px;

        bottom:95px;

        font-size:22px;
    }

    /* STICKY ADMISSION */

    .sticky-admission{

        right:12px;

        bottom:18px;
    }

    /* .admission-main-btn{

        padding:10px 15px;

        font-size:12px;
    } */
}

@media(max-width:480px){

    .hero-content h1{

        font-size:34px;
    }

    .hero-content p{

        font-size:14px;
    }

    .hero-location-box{

        padding:10px 15px;
    }

    .hero-location-box span{

        font-size:12px;
    }
}

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

.course-section{

    padding:100px 8%;
}

/* ================================================= */
/* ================= SPECIAL BATCHES =============== */
/* ================================================= */

.special-batches{

    padding:23px 10%;

    background:#fff;
}

/* GRID */

.batch-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:35px;

    margin-top:60px;
}

/* CARD */

.batch-card{

    background:
    linear-gradient(175deg,#ffffff,#d4e4fa);

    padding:35px 25px;

    border-radius:24px;

    text-align:center;

    transition:0.5s;

    position:relative;

    overflow:hidden;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.06);
}

/* TOP LINE */

.batch-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:
    linear-gradient(
        90deg,
        #ff7a00,
        #ffb347
    );
}

/* HOVER */

.batch-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 50px rgba(0,0,0,0.12);
}

/* ICON */

.batch-icon{

    width:65px;
    height:65px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:0 auto 25px;

    font-size:26px;

    color:#fff;
}

/* COLORS */

.morning{
    background:linear-gradient(135deg,#f59e0b,#f97316);
}

.evening{
    background:linear-gradient(135deg,#6366f1,#4338ca);
}

.weekend{
    background:linear-gradient(135deg,#10b981,#059669);
}

/* TITLE */

.batch-card h3{

    font-size:30px;

    color:#0b1c54;

    margin-bottom:12px;
}

/* TIME */

.batch-card span{

    display:inline-block;

    margin-bottom:20px;

    padding:10px 18px;

    border-radius:30px;

    background:#fff4eb;

    color:#ff7a00;

    font-weight:600;

    font-size:14px;
}

/* TEXT */

.batch-card p{

    color:#666;

    /* line-height:1.9; */

    font-size:16px;
}

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

@media(max-width:768px){

    /* .course-hero .hero-content h1{

        font-size:48px;
    } */

    .course-section,
    .special-batches{

        padding:80px 5%;
    }
}

/* MOBILE */

@media(max-width:768px){

    /* body{

        overflow-x:hidden;
    } */

    .course-grid,
    .batch-grid{

        grid-template-columns:1fr;

        gap:25px;
    }

    .modern-course-card,
    .batch-card{

        padding:30px 22px;
    }

    /* .course-icon,
    .batch-icon{

        width:65px;
        height:65px;

        font-size:28px;
    } */

    .modern-course-card h3,
    .batch-card h3{

        font-size:24px;
    }

    .modern-course-card p,
    .batch-card p{

        font-size:15px;

        line-height:1.7;
    }

    .course-hero{

        min-height:auto;

        padding:140px 20px 70px;
    }

    .course-hero .hero-content p{

        font-size:18px;
    }

    /* .course-hero .hero-content h1{

        font-size:34px;
    } */

    .course-hero .hero-content span{

        font-size:12px;

        line-height:1.7;
    }
    .course-hero .hero-content1 span{

        font-size:40px;

        line-height:1.7;
    }

    .course-section,
    .special-batches{

        padding:70px 20px;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    /* .course-hero .hero-content h1{

        font-size:28px;
    } */

    .modern-course-card h3,
    .batch-card h3{

        font-size:22px;
    }

    .course-icon,
    .batch-icon{

        width:58px;
        height:58px;

        font-size:24px;
        margin-bottom: 13px;
    }
}





/* ===================== FAQ ======================= */

.faq{
    background:
    linear-gradient(135deg, #f8fbff, #cfe3ff);
}

.faq-container{

    /* max-width:1000px;

    margin:auto; */

    display:flex;

    flex-direction:column;

    gap: 18px;
}

/* FAQ BOX */

.faq-box{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
    0 15px 35px rgba(7, 7, 7, 0.08);

    transition:0.4s;
}

.faq-box:hover{

    transform:translateY(-5px);
}

/* QUESTION */

.faq-question{

    width:100%;

    border:none;

    background:#fff;

    padding:22px 24px;

    font-size:18px;

    font-weight:600;

    color:#0b1c54;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    transition:0.3s;
}

/* ICON */

.faq-question i{

    color:#ff7a00;

    font-size:18px;

    transition:0.4s;
}

/* ANSWER */

.faq-answer{

    max-height:0;

    overflow:hidden;

    transition:max-height 0.5s ease;

    background:#fff;
}

.faq-answer p{

    padding:0 24px 22px;

    color:#666;

    line-height:1.9;

    font-size:17px;
}

/* ACTIVE */

.faq-box.active .faq-answer{

    max-height:300px;
}

.faq-box.active .faq-question i{

    transform:rotate(45deg);
}

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

@media(max-width:768px){

    .faq-question{

        padding:18px 18px;

        font-size:15px;

        line-height:1.6;

        align-items:flex-start;
    }

    .faq-answer p{

        padding:0 18px 18px;

        font-size:15px;

        line-height: 1.8;
    }

}
@media(max-width:480px){

    .faq-question{

        font-size:14px;

        padding:16px 16px;
    }

    .faq-answer p{

        padding:0 20px 25px;

        font-size:15px;
    }
}




/* ============ STICKY ADMISSION BUTTON ============ */

.sticky-admission{

    position:fixed;

    right:12px;

    bottom:18px;

    z-index:1000;
}

/* MAIN BUTTON */

.admission-main-btn{

    border:none;

   
    background:
    linear-gradient(135deg, #ff7a00, #a5742e);

    color:#fff;

    padding:18px 24px;

    border-radius:60px;

    font-size:17px;

    font-weight:600;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:12px;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.18);

    transition:0.4s;

    animation:pulseButton 2s infinite;
}

/* ICON */

.admission-main-btn i{

    font-size:20px;
}

/* HOVER */

.admission-main-btn:hover{

    transform:translateY(-5px);

     background:
    linear-gradient(135deg, #75be85, #24b6a9 55%, #19bbcc);
    
}

/* OPTIONS */

.admission-options{

    position:absolute;

    bottom:80px;

    right: 6px;

    display:flex;

    flex-direction:row;

    gap:12px;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    transition:0.4s;
}

/* SHOW OPTIONS */

.sticky-admission:hover .admission-options{

    opacity:1;

    visibility:visible;

    transform:translateY(0);
    
}

/* LINKS */

.admission-options a{

    background:#fff;

    color:#0b1c54;

    padding:14px 22px;

    border-radius:40px;

    font-weight:600;

    text-decoration:none;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.12);

    transition:0.3s;

    white-space:nowrap;
}

/* HOVER */

.admission-options a:hover{

    background:linear-gradient(135deg, #75be85, #24b6a9 55%, #19bbcc);

    color:#fff;

    transform:translateX(-5px);
}

/* PULSE */

@keyframes pulseButton{

    0%{

        transform:scale(1);
    }

    50%{

        transform:scale(1.05);
    }

    100%{

        transform:scale(1);
    }
}

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

@media(max-width:768px){

    .sticky-admission{

       right:12px;

        bottom:18px;

        top:auto;

        z-index:998;
    }

    .course-hero .sticky-admission{

        display:none;
    }

    .admission-main-btn{

        padding:10px 14px;

        font-size:12px;

        border-radius:40px;
    }

    .admission-options a{

        font-size:14px;

        padding:12px 18px;
    }
}




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

.admission-hero{

    height:43vh;

        background: linear-gradient(rgba(156, 228, 246, 0.75), rgba(118, 134, 242, 0.75));


    background-size:cover;

    background-position:center;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    color:#080808;

    padding:120px 20px;
}

/* ================= ADMISSION GRID ================ */

.admission-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:35px;

    margin-top:60px;
}

/* CARD */

.admission-card{

    background:#fff;

    padding:40px 30px;

    border-radius:28px;

    text-align:center;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.08);

    transition:0.4s;
}

/* ICON */

.admission-card i{

    width:85px;
    height:85px;

    border-radius:50%;

    background:#fff4eb;

    color:#ff7a00;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:auto;

    margin-bottom:25px;

    font-size:34px;
}

/* HOVER */

.admission-card:hover{

    transform:translateY(-10px);
}

/* ================= ADMISSION FORM ================ */

.admission-form-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:60px;

    align-items:center;

    margin-top:60px;
}

/* IMAGE */

.admission-image img{

    width:100%;
    height: auto;
    /* padding: 90px; */

    border-radius:30px;
}

/* FORM */

.admission-form{

    background:#fff;

    padding:35px;

    border-radius:30px;

    box-shadow:
    0 15px 40px rgba(0,0,0,0.08);
}

/* INPUT GROUP */

.input-group{

    position:relative;

    margin-bottom:25px;
}

/* ICON */

.input-group i{

    position:absolute;

    left:20px;

    top: 26px;

    transform:translateY(-50%);

    color:#ff7a00;

    font-size:18px;
}

/* INPUTS */

.input-group input,
.input-group select,
.input-group textarea{

    width:100%;

    padding:14px 18px 18px 50px;

    border:none;

    /* border-radius:16px; */

    background:#f8fbff;

    font-size:14px;

    outline:none;
}

/* TEXTAREA */

.textarea-group textarea{

    min-height:100px;

    resize:none;

    padding-top:20px;
}

/* BUTTON */

.submit-btn{

    width:100%;

    border:none;

    padding:18px;

    border-radius:18px;

    background:
    linear-gradient(
    135deg,
    #ff7a00,
    #ffb347);

    color:#fff;

    font-size:18px;

    font-weight:600;

    cursor:pointer;

    transition:0.4s;
}

/* HOVER */

.submit-btn:hover{

    transform:translateY(-5px);
}

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

@media(max-width:992px){

    .admission-form-wrapper{

        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .admission-hero h1{

        font-size:40px;
    }

    .admission-form{

        padding:30px 22px;
    }
}


/* =========== STICKY ADMISSION BUTTON ============= */

.sticky-admission-btn{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:1000;

    background:
    linear-gradient(
        135deg,
        #ff7a00,
        #ffb347
    );

    color:#fff;

    padding:18px 26px;

    border-radius:60px;

    display:flex;

    align-items:center;

    gap:12px;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.18);

    transition:0.4s;

    animation:pulseAdmission 2s infinite;
}

/* ICON */

.sticky-admission-btn i{

    font-size:20px;
}

/* HOVER */

.sticky-admission-btn:hover{

    transform:translateY(-5px);

    color:#fff;
}

/* ANIMATION */

@keyframes pulseAdmission{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.05);
    }

    100%{
        transform:scale(1);
    }
}

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

@media(max-width:768px){

    .sticky-admission-btn{

        right:15px;

        bottom:15px;

        padding:14px 20px;

        font-size:14px;
    }

    .sticky-admission-btn i{

        font-size:18px;
    }
}





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

.footer-bottom{

    margin-top:10px;

    padding-top:5px;

    border-top:
    1px solid rgba(255,255,255,0.12);

    display:flex;

    justify-content:center;

    align-items:center;

    gap:50px;

    flex-wrap:wrap;
}

/* COPYRIGHT */

.footer-bottom p{

    margin: 0px;

    font-size:16px;

    color:#f5f5f5;
}

/* AST */

.footer-bottom p span{

    color:#ffb347;

    font-weight:900;
}

/* POWERED */


.powered-by{

    display:flex;

    align-items:center;

    justify-content:center;

    /* gap:0px; */
}

/* TEXT */

.powered-by span{

    color:#fbf9f9;

    font-size:16px;

    font-weight:400;

    /* letter-spacing:.5px; */

    white-space:nowrap;
}

/* LOGO */

.powered-by img{

    width:143px;

    height: auto;

    object-fit:contain;

    display:block;
    margin-right: 3px;
    /* margin-top: 10px; */
}

/* OPTIONAL HOVER */

.powered-by a img{

    transition:0.2s;
}



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

@media(max-width:768px){

    /* .powered-by{

        gap:8px;
    } */

    .powered-by span{

        font-size:16px;
    }

    .powered-by img{

        width:110px;
    }
}



/* ============== WHATSAPP FLOAT BUTTON ============ */

.whatsapp-float{

    position:fixed;

    right:15px;

    bottom:157px;

    width:58px;

    height:58px;

    border-radius:50%;

    background:#25D366;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    z-index:999;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.18);

    transition:
    opacity 0.4s ease,
    transform 0.4s ease;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

    text-decoration: none;
}

/* SHOW BUTTON */

.whatsapp-float.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);
}

/* HOVER */

.whatsapp-float:hover{

    transform:scale(1.12);

    color:#fff;
}


/* ANIMATION */

@keyframes whatsappPulse{

    0%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,0.5);
    }

    70%{

        box-shadow:
        0 0 0 18px rgba(37,211,102,0);
    }

    100%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,0);
    }
}

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

/* @media(max-width:100%){

    .whatsapp-float{

        width:60px;

        height:60px;

        font-size:32px;

        right:18px;

        bottom:108px;
    }
} */






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

/* TABLET */

@media(max-width:768px){

   
    .hero{

        padding:140px 6% 80px;

        text-align:center;
    }

    .hero-content h1{

        font-size:55px;
    }


    

    .hero-stats{

        justify-content:center;
    }

    .about-wrapper{

        grid-template-columns:1fr;

        gap:50px;
    }

    

    .course-grid,
    .why-grid,
    .faculty-grid,
    .results-grid,
    .about-features,
    .batch-grid,
    .footer-container{

        grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));
    }

    .contact-wrapper,
    .admission-form-wrapper{

        grid-template-columns:1fr;

        gap:40px;
    }
}

/* MOBILE */

@media(max-width:768px){

    body{

        overflow-x:hidden;
    }

    .section{

        padding:70px 20px;
    }

    

    .logo{

        gap:10px;
    }




    .dropdown:hover .dropdown-menu{

        transform:
        translateX(-50%)
        translateY(0);
    }

   

    /* HERO */

    .hero{

        min-height:auto;

        padding:140px 20px 80px;

        text-align:center;
    }


    /* COURSE */

    .modern-course-card{

        padding:30px 20px;
    }

    

    .footer-container{

        grid-template-columns:1fr;

        text-align:center;

        gap:35px;
    }

    .social-icons{

        justify-content:center;
    }

    .footer-bottom{

        display: flex;

        justify-content: center;

        align-items: center;

        gap: 10px;

        flex-direction:column;

        text-align:center;
    }

    /* FLOAT BUTTON */

    

    .sticky-admission-btn{

        right:15px;

        bottom:90px;

        padding:14px 18px;

        font-size:14px;
    }

    /* SIDE IMAGES */

    .left-side,
    .right-side{

        display:none;
    }
}

/* SMALL MOBILE */

@media(max-width:480px){

    .hero-content h1{

        font-size:30px;
    }

    /* .section-title h2{

        font-size:30px;
    } */

 
    .hero-card h3{

        font-size:26px;
    }

    .feature-box h3{

        font-size:22px;
        text-align: center;
    }

    .navbar{

        padding:12px;
    }

    .nav-links{

        gap:12px;

        font-size:15px;
    }

    .enroll-btn{

        width:100%;

        justify-content:center;
    }
}





/* ================================================= */
/* ================ SCROLL TOP BUTTON ============== */
/* ================================================= */

#scrollTopBtn{

    position:fixed;

    bottom:18px;

    left:12px;

    width:60px;

    height:60px;

    border:none;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #ff7a00,
        #ffb347
    );

    color:#fff;

    font-size:22px;

    cursor:pointer;

    z-index:1000;

    display:flex;

    justify-content:center;

    align-items:center;

    opacity:0;

    visibility:hidden;

    transition:0.4s;

    box-shadow:
    0 10px 25px rgba(0,0,0,0.18);
}

/* SHOW BUTTON */

#scrollTopBtn.show{

    opacity:1;

    visibility:visible;
}

/* HOVER */

#scrollTopBtn:hover{

    transform:
    translateY(-5px)
    scale(1.08);

    box-shadow:
    0 15px 35px rgba(0,0,0,0.25);
}

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

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

    #scrollTopBtn{

        width:52px;

        height:52px;

        font-size:18px;

        left:18px;

        bottom:18px;
    }









/* ==================================================
   SMALL MOBILE
================================================== */


@media(max-width:480px){

    .course-hero{

        padding:
        100px 16px 60px;
    }

    .hero-content h1{

        font-size:34px;
    }

    

    .hero-location-box{

        max-width:280px;
    }

    .hero-location-box span{

        font-size:12px;
    }

    /* MOVE WHATSAPP LOWER */

    .whatsapp-float{

        bottom:145px;
    }
}

/* ================================================= */
/* ================= MENU TOGGLE =================== */
/* ================================================= */

/* .menu-toggle{

    display:none;

    font-size:24px;

    color:#0b1c54;

    cursor:pointer;

    
} */

/* ================================================= */
/* ================= MOBILE NAV ==================== */
/* ================================================= */

@media(max-width:768px){


    /* SHOW TOGGLE */

    /* .menu-toggle{

        display:flex;

        z-index:1001;

        margin-right: auto;

        width: 38px;

        height: auto;

        font-size: 21px;
    } */

    /* MENU */

    /* .nav-links{

        position:absolute;

        top:100%;

        left:0;

        width:100%;

        background:#fff;

        flex-direction:column;

        align-items:center;

        gap:0;

        max-height:0;

        overflow:hidden;

        transition:max-height 0.4s ease;

        box-shadow:
        0 10px 25px rgba(0,0,0,0.08);

        border-radius:0 0 20px 20px;

        z-index:1000;

        text-align: center;

        /* padding: 8px 0; */
     

    /* ACTIVE */

    .nav-links.active{

        max-height:800px;

        padding:10px 0 20px;
    }

    /* LINKS */

    .nav-links li{

        width:100%;

        text-align:center;
    }

    .nav-links li a{

        display:block;

        width:100%;

        padding:14px 20px;

        font-size:14px;

        color:#0b1c54;

        font-weight:550;
    }

    /* DROPDOWN */

    .dropdown-menu{

         position:static;

        width:100%;

        min-width:100%;

        margin-top:10px;

        border-radius:12px;

        background:#f8fbff;

        display:none;

        opacity:1;

        visibility:visible;

        transform:none;

        box-shadow:none;
    }



    /* SHOW */

    .dropdown.active .dropdown-menu{

        display:block;
    }


    .dropdown-menu li{

        text-align:center;
    }

    .dropdown-menu li a{

        padding:12px 18px;

        display:block;

        color:#0b1c54;

        text-align: center;
    }

    /* ENROLL */

    .mobile-enroll{

        padding-top:10px;
    }

   
}











/* ================= NAVBAR ================= */

.navbar{

   display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding: 10px 5%; */
    background: linear-gradient(45deg, #ecf0f1, #b1e9f4b3);
    position: relative;
    width: 100%;
    /* padding: 16px; */
    margin-left: auto;
    margin-right: auto;
    padding: 10px 44px 10px 26px;
}

/* ================= LOGO ================= */

.logo-img{

    width:220px;

    height:auto;
}

/* ================= NAV LINKS ================= */

.nav-links{

    display:flex;

    align-items:center;

    gap:35px;

    list-style:none;

    justify-content: center;

    margin: 0;

    padding: 0;

    flex: 2;

    margin-left: 131px;

    margin-right: auto;
}

.nav-links li a{

    text-decoration:none;

    color:#222;
    font-weight: 500;
    transition: 0.3s;
    font-size: 16px;
}

.nav-links li a:hover{

    color:#ff7a00;
    text-decoration: none;
}

/* ================= TOGGLE ================= */

.menu-toggle{

    display:none;

    font-size:24px;

    cursor:pointer;

    color:#0b1c54;
}

/* ================= MOBILE ENROLL ================= */

.mobile-enroll-btn{

    display:none;
}

/* ================================================= */
/* ================= MOBILE ======================== */
/* ================================================= */

@media(max-width:768px){

    

    /* LOGO */

    .logo-img{

        width:145px;
    }

    /* TOGGLE */

    .menu-toggle{

        display:block;

        font-size:24px;

        z-index:1001;

        position: absolute;

        left: 360px;

        top: 50%;

        transform:translateY(-50%);

        cursor: pointer;

    }

    /* NAV LINKS */

    .nav-links{

        position:absolute;

        top:100%;

        left:0;

        width:100%;

        background:#fff;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        gap:8px;

        padding:30px 0;

        display:none;

        box-shadow:
        0 10px 25px rgba(0,0,0,0.08);

        border-radius:0 0 20px 20px;

        z-index:999;
    }

    /* SHOW MENU */

    .nav-links.active{

        display:flex;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0 20px;
    }

   

    

    /* MOBILE ENROLL */

    .mobile-enroll-btn{

        display:flex;

        justify-content:center;

        width:100%;
    }

    .mobile-enroll-link{

        width:85%;

        text-align:center;

        padding:13px 20px;

        border-radius:12px;

        background:
        linear-gradient(45deg,#79f568,#59d6ff);

        color:#000;

        font-weight:600;

        text-decoration:none;

        border:2px solid #79f568;
    }
}










/* ================================================= */
/* ================= VIDEO SECTION ================= */
/* ================================================= */

.academy-video{

    width:100%;

    padding:70px 5%;

    /* background:#f5f9ff; */
}

/* VIDEO CONTAINER */

.video-container{

    width:88%;

    max-width:1100px;

    margin:auto;

    border-radius:28px;

    overflow:hidden;

    /* box-shadow:
    0 15px 40px rgba(0,0,0,0.12); */

    margin-top: auto;

    margin-right: auto;
}

/* VIDEO */

.video-container video{

    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px;
    box-shadow: 0px 2px 9px 0px #000000bd;
}

/* ================================================= */
/* ================= TABLET ======================== */
/* ================================================= */

@media(max-width:768px){

    .academy-video{

        padding:50px 4%;
    }

    .video-container{

        border-radius:20px;
    }
}

/* ================================================= */
/* ================= SMALL MOBILE ================== */
/* ================================================= */

@media(max-width:480px){

    .academy-video{

        padding:40px 3%;
    }

    .video-container{

        border-radius:16px;
    }
}





/* .gradient-text{

   background:
linear-gradient(
45deg,
#157009,
#02695c,
#0680a9
);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;

    color:transparent;
} */







/* FORCE CUSTOM DROPDOWN */

.navbar .dropdown{

    position:relative;
}

.navbar .dropdown-menu{

    display:block !important;

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:0.3s;

    position:absolute;

    top:100%;

    left:0;

    background:#fff;

    min-width:220px;

    border-radius:16px;

    padding:10px 0;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

    z-index:999;
}

/* SHOW ON HOVER */

.navbar .dropdown:hover .dropdown-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);
}






@media(max-width:768px){

    .navbar .dropdown-menu{

        position:static;

        opacity:1;

        visibility:visible;

        transform:none;

        display:none !important;

        width:100%;

        box-shadow:none;

        background:#f8fbff;
    }

    .navbar .dropdown.active .dropdown-menu{

        display:block !important;
    }
}
/* ==================================================
   ABOUT SECTION MOBILE RESPONSIVE FIX
   Preserves the desktop design and only removes mobile overflow/spacing issues.
================================================== */

@media(max-width:768px){
    .about.section{
        padding:70px 16px;
    }

    .about-wrapper{
        grid-template-columns:1fr;
        gap:34px;
        width:100%;
    }

    .about-image{
        width:100%;
        max-width:100%;
        overflow:hidden;
    }

    .about-image img{
        width:100%;
        max-width:100%;
        height:auto;
    }

    .about .shape{
        display:none;
    }

    .about-content{
        width:100%;
        padding:0;
        min-width:0;
    }

    /* .about-content h2, */
    .about-content h3,
    .about-content p{
        width:100%;
        max-width:100%;
    }

    .about-content h2{
       font-size: 43px;
        line-height: 1.2;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .about-content h3{
        font-size: 15px;
        line-height: 1.35;
        margin-bottom: 12px;
        margin-left: auto;
        margin-right: auto;
        width: 66%;
    }

    .about-content p{
        margin:0 0 24px;
        padding:0;
        line-height:1.8;
    }

    .about .container{
        width:100%;
        max-width:100%;
        padding-left:0;
        padding-right:0;
    }

    .about .row{
        margin-left:0;
        margin-right:0;
    }

    .about .row > [class*="col-"]{
        padding-left:0;
        padding-right:0;
    }

    .about .feature-box{
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    .about .feature-box p{
        width:100%;
        margin-left:auto;
        margin-right:auto;
    }

    .about-page{
        padding:120px 16px 70px;
        align-items:flex-start;
    }

    .about-container{
        padding:32px 18px;
        border-radius:24px;
    }

    .about-container h1{
        font-size:clamp(34px, 11vw, 40px);
        line-height:1.15;
    }

    .about-content1{
        font-size:clamp(20px, 6vw, 26px);
        line-height:1.25;
    }

    .about-container p{
        width:100%;
        max-width:100%;
        margin:0 auto 32px;
        line-height:1.8;
    }

    .about-page-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .about-page-card{
        padding:32px 20px;
        border-radius:22px;
    }
}

@media(max-width:480px){
    .about.section{
        padding:60px 14px;
    }

    .about-wrapper{
        gap:28px;
    }

    .about-tag{
        max-width:100%;
        white-space:normal;
        margin-left: auto;
        margin-right: auto;
    }

    .about .feature-box{
        padding:24px 16px;
    }

    .about .feature-box h3{
        font-size:22px;
    }

    .about .feature-box a,
    .about-back-btn{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .about-page{
        padding:105px 14px 60px;
    }

    .about-container{
        padding:28px 16px;
    }
}

/* ==================================================
   MODERN NAVBAR REFRESH
   New desktop style, mobile open motion, and mobile enroll CTA.
================================================== */

header{
    background:rgba(255,255,255,0.86);
    backdrop-filter:blur(18px);
    box-shadow:0 12px 30px rgba(11,28,84,0.08);
}

.navbar{
    background:linear-gradient(135deg, rgba(255,255,255,0.96), rgba(232,250,253,0.92));
    padding:12px 6%;
    min-height:78px;
    gap:28px;
}

.logo-img{
    width:190px;
    display:block;
}

.nav-links{
    gap:8px;
    margin-left:auto;
    flex:initial;
}

.nav-links li{
    display:flex;
    align-items:center;
}

.nav-links li a{
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    padding:10px 14px;
    border-radius:999px;
    color:#183153;
    font-size:15px;
    font-weight:600;
    transition:color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
}

.nav-links li a:hover{
    color:#ff7a00;
    background:rgba(255,122,0,0.1);
    border-bottom:0;
    transform:translateY(-2px);
}

.enroll-btn{
    padding:0;
    margin-left:8px;
    margin-right:0;
    max-width:none;
    flex:initial;
    background:transparent;
    border-radius:999px;
}

.enroll-btn:hover{
    transform:none;
    background:transparent;
}

.enroll-btn .mobile-enroll-link{
    color:#fff;
    padding:12px 22px;
    border-radius:999px;
    background:linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);
    box-shadow:0 12px 28px rgba(42,167,201,0.28);
    border:1px solid rgba(255,255,255,0.5);
}

.enroll-btn .mobile-enroll-link:hover{
    color:#fff;
    background:linear-gradient(135deg,#ff7a00,#ffb347);
    box-shadow:0 14px 30px rgba(255,122,0,0.28);
}

.navbar .dropdown-menu{
    border:1px solid rgba(11,28,84,0.08);
    border-radius:18px;
    padding:10px;
    box-shadow:0 18px 45px rgba(11,28,84,0.14);
}

.navbar .dropdown-menu li a{
    border-radius:12px;
    padding:12px 16px;
    width: 100%;
}

@media(max-width:768px){
    header{
        background:rgba(255,255,255,0.94);
    }

    .navbar{
        min-height:68px;
        padding:10px 16px;
        gap:12px;
    }

    .logo-img,
    .logo img{
        width:142px;
        max-width:58vw;
    }

    .menu-toggle{
        display:flex;
        align-items:center;
        justify-content:center;
        position:absolute;
        top:50%;
        right:16px;
        left:auto;
        width:44px;
        height:44px;
        border-radius:16px;
        color:#0b1c54;
        background:linear-gradient(135deg,#ffffff,#e7f7fb);
        box-shadow:0 10px 22px rgba(11,28,84,0.14);
        transform:translateY(-50%);
        transition:transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    }

    .menu-toggle:hover{
        transform:translateY(-50%) scale(1.04);
        box-shadow:0 14px 26px rgba(11,28,84,0.18);
    }

    .menu-toggle i{
        transition:transform 0.35s ease;
    }

    .navbar:has(.nav-links.active) .menu-toggle{
        background:linear-gradient(135deg,#ffefe0,#dff8ee);
    }

    .navbar:has(.nav-links.active) .menu-toggle i{
        transform:rotate(90deg);
    }

    .nav-links{
        display:flex;
        position:absolute;
        top:calc(100% + 10px);
        left:16px;
        right:16px;
        width:auto;
        margin:0;
        padding:14px;
        flex-direction:column;
        align-items:stretch;
        justify-content:flex-start;
        gap:8px;
        background:rgba(255,255,255,0.97);
        border:1px solid rgba(11,28,84,0.08);
        border-radius:24px;
        box-shadow:0 24px 55px rgba(11,28,84,0.16);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transform:translateY(-16px) scale(0.96);
        transform-origin:top right;
        max-height:0;
        overflow:hidden;
        transition:opacity 0.28s ease, visibility 0.28s ease, transform 0.34s cubic-bezier(.2,.8,.2,1), max-height 0.34s ease;
        z-index:999;
    }

    .nav-links.active{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transform:translateY(0) scale(1);
        max-height:calc(100vh - 96px);
        padding:14px;
        overflow-y:auto;
    }

    .nav-links li{
        width:100%;
        opacity:0;
        transform:translateX(14px);
        transition:opacity 0.28s ease, transform 0.34s ease;
    }

    .nav-links.active li{
        opacity:1;
        transform:translateX(0);
    }

    .nav-links.active li:nth-child(1){ transition-delay:0.04s; }
    .nav-links.active li:nth-child(2){ transition-delay:0.08s; }
    .nav-links.active li:nth-child(3){ transition-delay:0.12s; }
    .nav-links.active li:nth-child(4){ transition-delay:0.16s; }
    .nav-links.active li:nth-child(5){ transition-delay:0.20s; }
    .nav-links.active li:nth-child(6){ transition-delay:0.24s; }
    .nav-links.active li:nth-child(7){ transition-delay:0.28s; }
    .nav-links.active li:nth-child(8){ transition-delay:0.32s; }

    .nav-links li a{
        width:100%;
        justify-content:space-between;
        padding:13px 15px;
        border-radius:16px;
        color:#12223b;
        background:#f7fbfc;
        font-size:15px;
    }

    .nav-links li a:hover{
        transform:translateX(4px);
        background:#fff3e8;
    }

    .navbar .dropdown-menu{
        width:100%;
        margin-top:8px;
        padding:8px;
        border-radius:18px;
        background:#eef8fb;
        border:1px solid rgba(11,28,84,0.06);
    }

    .navbar .dropdown.active .dropdown-menu{
        animation:dropdownReveal 0.28s ease both;
    }

    .enroll-btn{
        width:100%;
        padding:4px 0 0;
        margin:4px 0 0;
        background:transparent;
    }

    .enroll-btn .mobile-enroll-link{
        width:100%;
        min-height:54px;
        justify-content:center;
        text-align:center;
        padding:15px 20px;
        border-radius:18px;
        color:#fff;
        background:linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);
        box-shadow:0 16px 28px rgba(255,122,0,0.26);
        border:0;
        letter-spacing:0;
    }

    .enroll-btn .mobile-enroll-link::after{
        content:"";
        width:8px;
        height:8px;
        margin-left:10px;
        border-top:2px solid currentColor;
        border-right:2px solid currentColor;
        transform:rotate(45deg);
        transition:transform 0.25s ease;
    }

    .enroll-btn .mobile-enroll-link:hover::after{
        transform:translateX(4px) rotate(45deg);
    }
}

@media(max-width:480px){
    .navbar{
        padding:9px 14px;
    }

    .menu-toggle{
        right:14px;
        width:42px;
        height:42px;
        border-radius:14px;
    }

    .nav-links{
        left:12px;
        right:12px;
        border-radius:22px;
    }
}

@keyframes dropdownReveal{
    from{
        opacity:0;
        transform:translateY(-8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* ==================================================
   CLASS XI / XII MODERN PAGE UI
   Scoped to class11.php and class12.php only.
================================================== */

.class-page{
    background:#f4f7fb;
    color:#14213d;
}

.class-page .class-hero{
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(320px,0.85fr);
    gap:44px;
    align-items:center;
    min-height:calc(100vh - 88px);
    padding:92px 8% 78px;
    overflow:hidden;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.95), rgba(230,250,253,0.9)),
        radial-gradient(circle at 80% 20%, rgba(255,122,0,0.16), transparent 30%),
        radial-gradient(circle at 12% 82%, rgba(33,150,243,0.18), transparent 34%);
}

.class-page .class-hero::before{
    content:"";
    position:absolute;
    inset:22px;
    z-index:-1;
    border:1px solid rgba(11,28,84,0.08);
    border-radius:34px;
    background:linear-gradient(135deg, rgba(255,255,255,0.56), rgba(255,255,255,0.16));
    pointer-events:none;
}

.class-page .class-hero::after{
    content:"";
    position:absolute;
    right:-110px;
    top:72px;
    width:340px;
    height:340px;
    z-index:-1;
    border-radius:50%;
    background:linear-gradient(135deg, rgba(255,122,0,0.2), rgba(112,214,231,0.25));
    filter:blur(2px);
}

.class-page .class-hero-content{
    max-width:760px;
}

.class-page .class-hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    width:max-content;
    max-width:100%;
    padding:10px 16px;
    margin-bottom:22px;
    border-radius:999px;
    background:#ffffff;
    color:#ff7a00;
    font-size:14px;
    font-weight:700;
    box-shadow:0 12px 28px rgba(11,28,84,0.08);
}

.class-page .class-hero-kicker::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#75be84;
    box-shadow:0 0 0 5px rgba(117,190,132,0.18);
}

.class-page .class-hero h1{
    max-width:760px;
    margin:0 0 22px;
    color:#0b1c54;
    font-size:clamp(44px, 6vw, 76px);
    line-height:1.04;
    font-weight:800;
}

.class-page .class-hero p{
    max-width:650px;
    margin:0 0 32px;
    color:#4b5870;
    font-size:18px;
    line-height:1.8;
}

.class-page .class-hero-actions{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.class-page .class-primary-action,
.class-page .class-secondary-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:14px 24px;
    border-radius:16px;
    font-weight:700;
    text-decoration:none;
    transition:transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.class-page .class-primary-action{
    color:#fff;
    background:linear-gradient(135deg,#ff7a00,#ffb347);
    box-shadow:0 16px 32px rgba(255,122,0,0.24);
}

.class-page .class-secondary-action{
    color:#0b1c54;
    background:#fff;
    border:1px solid rgba(11,28,84,0.1);
    box-shadow:0 12px 24px rgba(11,28,84,0.08);
}

.class-page .class-primary-action:hover,
.class-page .class-secondary-action:hover{
    transform:translateY(-4px);
}

.class-page .class-hero-panel{
    display:grid;
    gap:16px;
    padding:24px;
    border-radius:30px;
    background:rgba(255,255,255,0.74);
    border:1px solid rgba(255,255,255,0.8);
    box-shadow:0 24px 60px rgba(11,28,84,0.14);
    backdrop-filter:blur(16px);
}

.class-page .class-stat-card{
    position:relative;
    overflow:hidden;
    min-height:118px;
    padding:22px;
    border-radius:22px;
    background:linear-gradient(135deg,#ffffff,#eef9fc);
    border:1px solid rgba(11,28,84,0.06);
    box-shadow:0 12px 26px rgba(11,28,84,0.08);
}

.class-page .class-stat-card::after{
    content:"";
    position:absolute;
    right:-28px;
    bottom:-34px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(255,122,0,0.1);
}

.class-page .class-stat-card strong{
    position:relative;
    z-index:1;
    display:block;
    color:#0b1c54;
    font-size:34px;
    line-height:1.1;
}

.class-page .class-stat-card span{
    position:relative;
    z-index:1;
    display:block;
    margin-top:8px;
    color:#59657a;
    font-size:15px;
    font-weight:600;
}

.class-page .course-section,
.class-page .special-batches,
.class-page .admission-form-section{
    position:relative;
    padding:92px 8%;
}

.class-page .course-section{
    background:#f4f7fb;
}

.class-page .special-batches{
    background:linear-gradient(180deg,#ffffff,#eff8fb);
}

.class-page .admission-form-section{
    background:linear-gradient(135deg,#eef9fc,#f8fbff);
}

.class-page .section-title{
    max-width:840px;
    margin:0 auto 54px;
}

.class-page .section-title h2{
    color:#0b1c54;
    font-size:clamp(34px,4vw,52px);
    line-height:1.12;
    margin:0 0 16px;
}

.class-page .section-title p{
    width:100%;
    max-width:720px;
    margin:0 auto;
    color:#536176;
    font-size:17px;
    line-height:1.8;
}

.class-page .course-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px;
}

.class-page .modern-course-card{
    position:relative;
    min-height:250px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    padding:28px;
    border-radius:24px;
    text-align:left;
    background:linear-gradient(145deg,#ffffff,#f0f8fb);
    border:1px solid rgba(11,28,84,0.08);
    box-shadow:0 18px 42px rgba(11,28,84,0.09);
}

.class-page .modern-course-card::before{
    height:100%;
    width:5px;
    background:linear-gradient(180deg,#ff7a00,#70d6e7);
}

.class-page .modern-course-card::after{
    content:"";
    position:absolute;
    right:-42px;
    top:-42px;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(112,214,231,0.16);
    transition:transform 0.35s ease;
}

.class-page .modern-course-card:hover{
    transform:translateY(-8px);
    box-shadow:0 26px 55px rgba(11,28,84,0.14);
}

.class-page .modern-course-card:hover::after{
    transform:scale(1.18);
}

.class-page .course-icon{
    width:62px;
    height:62px;
    margin:0 0 24px;
    border-radius:20px;
    font-size:26px;
    box-shadow:0 14px 26px rgba(11,28,84,0.16);
}

.class-page .modern-course-card h3{
    position:relative;
    z-index:1;
    margin:0 0 12px;
    color:#0b1c54;
    font-size:25px;
    line-height:1.2;
}

.class-page .modern-course-card p{
    position:relative;
    z-index:1;
    margin:0;
    color:#5a667a;
    font-size:15px;
    line-height:1.75;
}

.class-page .batch-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    margin-top:0;
}

.class-page .batch-card{
    min-height:250px;
    padding:30px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(11,28,84,0.08);
    box-shadow:0 18px 42px rgba(11,28,84,0.08);
}

.class-page .batch-card::before{
    height:5px;
    background:linear-gradient(90deg,#0b1c54,#70d6e7,#ffb347);
}

.class-page .batch-icon{
    width:66px;
    height:66px;
    margin-bottom:22px;
    border-radius:20px;
    box-shadow:0 14px 26px rgba(11,28,84,0.14);
}

.class-page .batch-card h3{
    color:#0b1c54;
    font-size:26px;
    line-height:1.2;
}

.class-page .batch-card p{
    margin:0;
    color:#5a667a;
    line-height:1.75;
}

.class-page .admission-form-wrapper{
    max-width:1160px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,0.95fr) minmax(360px,1.05fr);
    gap:34px;
    align-items:stretch;
}

.class-page .admission-image{
    min-height:100%;
}

.class-page .admission-image img{
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:0 22px 55px rgba(11,28,84,0.16);
}

.class-page .admission-form{
    display:grid;
    gap:16px;
    padding:34px;
    border-radius:28px;
    background:rgba(255,255,255,0.9);
    border:1px solid rgba(11,28,84,0.08);
    box-shadow:0 22px 55px rgba(11,28,84,0.13);
    backdrop-filter:blur(14px);
}

.class-page .input-group{
    margin:0;
}

.class-page .input-group i{
    top:50%;
    left:18px;
    color:#2aa7c9;
}

.class-page .textarea-group i{
    top:28px;
}

.class-page .input-group input,
.class-page .input-group textarea{
    min-height:54px;
    padding:16px 18px 16px 50px;
    border:1px solid rgba(11,28,84,0.08);
    border-radius:16px;
    background:#f7fbfc;
    color:#14213d;
    transition:border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.class-page .input-group textarea{
    min-height:130px;
}

.class-page .input-group input:focus,
.class-page .input-group textarea:focus{
    background:#fff;
    border-color:#70d6e7;
    box-shadow:0 0 0 4px rgba(112,214,231,0.16);
}

.class-page .submit-btn{
    min-height:56px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b1c54,#2aa7c9 55%,#75be84);
    box-shadow:0 16px 32px rgba(42,167,201,0.22);
}

.class-page .submit-btn:hover{
    transform:translateY(-4px);
    background:linear-gradient(135deg,#ff7a00,#ffb347);
}

@media(max-width:1200px){
    .class-page .class-hero{
        grid-template-columns:1fr;
        min-height:auto;
    }

    .class-page .class-hero-panel{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .class-page .course-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:992px){
    .class-page .batch-grid,
    .class-page .admission-form-wrapper{
        grid-template-columns:1fr;
    }

    .class-page .admission-image img{
        min-height:360px;
    }
}

@media(max-width:768px){
    .class-page .class-hero{
        padding:86px 18px 54px;
        gap:28px;
    }

    .class-page .class-hero::before{
        inset:12px;
        border-radius:26px;
    }

    .class-page .class-hero h1{
        font-size:clamp(36px,11vw,48px);
    }

    .class-page .class-hero p{
        font-size:16px;
        line-height:1.75;
    }

    .class-page .class-hero-actions{
        width:100%;
    }

    .class-page .class-primary-action,
    .class-page .class-secondary-action{
        width:100%;
    }

    .class-page .class-hero-panel{
        grid-template-columns:1fr;
        padding:16px;
        border-radius:24px;
    }

    .class-page .class-stat-card{
        min-height:auto;
        padding:18px;
    }

    .class-page .course-section,
    .class-page .special-batches,
    .class-page .admission-form-section{
        padding:70px 18px;
    }

    .class-page .section-title{
        margin-bottom:34px;
    }

    .class-page .section-title h2{
        font-size:clamp(30px,10vw,40px);
    }

    .class-page .section-title p{
        font-size:15px;
    }

    .class-page .course-grid{
        grid-template-columns:1fr;
        gap:18px;
    }

    .class-page .modern-course-card,
    .class-page .batch-card{
        min-height:auto;
        padding:24px 20px;
        border-radius:22px;
    }

    .class-page .course-icon,
    .class-page .batch-icon{
        width:58px;
        height:58px;
        border-radius:18px;
        font-size:24px;
    }

    .class-page .admission-image img{
        min-height:260px;
        border-radius:22px;
    }

    .class-page .admission-form{
        padding:24px 18px;
        border-radius:22px;
    }
}

@media(max-width:480px){
    .class-page .class-hero{
        padding:76px 14px 46px;
    }

    .class-page .class-hero-kicker{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .class-page .course-section,
    .class-page .special-batches,
    .class-page .admission-form-section{
        padding:60px 14px;
    }

    .class-page .modern-course-card h3,
    .class-page .batch-card h3{
        font-size:22px;
    }

    .class-page .admission-image img{
        min-height:220px;
    }
}

/* ==================================================
   MODERN RESPONSIVE FOOTER
================================================== */

.footer{
    position:relative;
    overflow:hidden;
    padding:74px 8% 26px;
    color:#eef7fb;
    background:
        radial-gradient(circle at 12% 12%, rgba(112,214,231,0.26), transparent 28%),
        radial-gradient(circle at 88% 0%, rgba(255,180,71,0.18), transparent 26%),
        linear-gradient(135deg,#081a32,#0b2b42 52%,#123f4c);
}

.footer::before{
    content:"";
    position:absolute;
    inset:18px;
    border:1px solid rgba(255,255,255,0.08);
    border-radius:30px;
    pointer-events:none;
}

.footer-container{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.25fr 0.8fr 1fr 1.15fr;
    gap:42px;
    max-width:1220px;
    margin:0 auto;
    align-items:start;
}

.footer-box{
    min-width:0;
}

.footer-brand{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    margin-bottom:20px;
}

.footer-logo{
    display:block;
    width:178px;
    max-width:100%;
    margin:0;
    padding:10px;
    border-radius:18px;
    /* background:rgba(255,255,255,0.92);
    box-shadow:0 18px 34px rgba(0,0,0,0.16); */
}

.footer-about p{
    max-width:330px;
    margin:0 0 24px;
    color:#c8d7e1;
    font-size:15px;
    line-height:1.85;
}

.footer-box h3{
    position:relative;
    margin:0 0 22px;
    color:#ffffff;
    font-size:20px;
    line-height:1.2;
    font-weight:700;
}

.footer-box h3::after{
    content:"";
    display:block;
    width:42px;
    height:3px;
    margin-top:10px;
    border-radius:999px;
    background:linear-gradient(90deg,#ff7a00,#70d6e7);
}

.footer-box ul{
    display:grid;
    gap:11px;
    margin:0;
    padding:0;
}

.footer-box ul li{
    width:100%;
    list-style:none;
}

.footer-box ul li a,
.footer-contact a,
.footer-contact p{
    color:#d9e7ee;
    text-decoration:none;
    font-size:15px;
    line-height:1.55;
}

.footer-box ul li a{
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:color 0.25s ease, transform 0.25s ease;
}

.footer-box ul li a::before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#70d6e7;
    opacity:0.8;
}

.footer-box ul li a:hover{
    color:#ffb347;
    padding-left:0;
    transform:translateX(5px);
}

.footer-contact{
    display:grid;
    gap:13px;
}

.footer-contact a,
.footer-contact p{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    align-items:flex-start;
    gap:11px;
    margin:0;
}

.footer-contact i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:13px;
    color:#0b1c54;
    background:linear-gradient(135deg,#ffffff,#dff8ee);
    font-size:15px;
    flex-shrink:0;
}

.footer-contact span{
    min-width:0;
    overflow-wrap:normal;
}

.footer-contact a:hover{
    color:#ffb347;
}

.social-icons{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    margin:0;
}

.social-icons a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    padding:0;
    border-radius:14px;
    color:#fff;
    font-size:18px;
    box-shadow:0 12px 26px rgba(0,0,0,0.18);
    transition:transform 0.25s ease, box-shadow 0.25s ease;
}

.social-icons a:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 34px rgba(0,0,0,0.24);
}

.footer-bottom{
    position:relative;
    z-index:1;
    max-width:1220px;
    margin:46px auto 0;
    padding:20px 0 0;
    border-top:1px solid rgba(255,255,255,0.14);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}

.footer-bottom p{
    margin:0;
    color:#d8e6ee;
    font-size:14px;
}

.footer-bottom p span{
    color:#ffb347;
    font-weight:700;
}

.powered-by{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    /* gap:10px; */
}

.powered-by span{
    color:#d8e6ee;
    font-size:14px;
    white-space:nowrap;
}

.powered-by img{
    display:block;
    width:126px;
    height:auto;
    margin:0;
    object-fit:contain;
}

@media(max-width:1100px){
    .footer-container{
        grid-template-columns:1.2fr 1fr;
        gap:38px 34px;
    }
}

@media(max-width:768px){
    .footer{
        padding:62px 22px 24px;
    }

    .footer::before{
        inset:10px;
        border-radius:24px;
    }

    .footer-container{
        grid-template-columns:1fr;
        gap:34px;
        text-align:left;
    }

    .footer-about p{
        max-width: 100%;
        text-align: center;
        margin: 1px 10px 22px;
        line-height: 1.8;
    }

    .footer-box h3{
        margin-bottom:18px;
        margin
    }

    .footer-box ul{
        gap:10px;
    }

    .footer-bottom{
        margin-top:36px;
        flex-direction:column;
        align-items:flex-start;
        text-align:left;
    }

    .powered-by{
        justify-content:flex-start;
    }
}

@media(max-width:480px){
    .footer{
        padding:54px 16px 22px;
    }

    .footer-logo{
        width:160px;
    }

    .social-icons{
        flex-wrap:wrap;
    }

    .footer-contact a,
    .footer-contact p{
        grid-template-columns:34px minmax(0,1fr);
        gap:10px;
    }

    .footer-contact i{
        width:34px;
        height:34px;
        border-radius:11px;
    }

    .powered-by{
        width:100%;
        flex-wrap:wrap;
    }

    .powered-by img{
        width:112px;
    }
}

/* ==================================================
   HOME ABOUT MODERN UI + BOOK SCROLL TOP
================================================== */

.home-about{
    position:relative;
    overflow:hidden;
    padding:110px 8%;
    background:
        radial-gradient(circle at 12% 18%, rgba(112,214,231,0.2), transparent 28%),
        radial-gradient(circle at 88% 12%, rgba(255,180,71,0.2), transparent 24%),
        linear-gradient(135deg,#f8fbff,#eef9fc);
}

.home-about::before{
    content:"";
    position:absolute;
    inset:28px;
    border:1px solid rgba(11,28,84,0.08);
    border-radius:34px;
    pointer-events:none;
}

.home-about-shell{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(320px,0.95fr) minmax(0,1.05fr);
    gap:58px;
    align-items:center;
    max-width:1220px;
    margin:0 auto;
}

.home-about-media{
    position:relative;
    min-height:560px;
    border-radius:34px;
    overflow:hidden;
    box-shadow:0 28px 70px rgba(11,28,84,0.16);
}

.home-about-media img{
    width:100%;
    height:100%;
    min-height:560px;
    display:block;
    object-fit:fill;
}

.home-about-media::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 46%, rgba(8,26,50,0.58));
}

/* .home-about-badge{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:1;
    display:flex;
    align-items:center;
    gap:13px;
    padding:16px 18px;
    border-radius:20px;
    color:#0b1c54;
    background:rgba(255,255,255,0.9);
    box-shadow:0 18px 42px rgba(0,0,0,0.18);
    backdrop-filter:blur(14px);
    font-weight:700;
} */

/* .home-about-badge i{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border-radius:15px;
    color:#fff;
    background:linear-gradient(135deg,#ff7a00,#ffb347);
} */

.home-about-content{
    min-width:0;
}

.home-about-content .about-tag{
    margin-bottom:18px;
}

.home-about-content h2{
    max-width:720px;
    margin:0 0 20px;
    color:#0b1c54;
    font-size:58px;
    line-height:1.05;
    font-weight:800;
}

.home-about-content > p{
    max-width:650px;
    margin:0 0 30px;
    padding:0;
    color:#536176;
    font-size:17px;
    line-height:1.85;
}

.home-about-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-bottom:28px;
}

.home-about-stats div{
    padding:18px 16px;
    border-radius:20px;
    background:#fff;
    border:1px solid rgba(11,28,84,0.08);
    box-shadow:0 16px 36px rgba(11,28,84,0.08);
}

.home-about-stats strong{
    display:block;
    color:#0b1c54;
    font-size:22px;
    line-height:1.1;
}

.home-about-stats span{
    display:block;
    margin-top:7px;
    color:#647084;
    font-size:13px;
    line-height:1.4;
    font-weight:600;
}

.home-about-cards{
    display:grid;
    gap:16px;
}

.home-about-card{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:18px;
    align-items:start;
    padding:22px;
    border-radius:24px;
    background:rgba(255,255,255,0.92);
    border:1px solid rgba(11,28,84,0.08);
    box-shadow:0 18px 42px rgba(11,28,84,0.09);
    transition:transform 0.28s ease, box-shadow 0.28s ease;
}

.home-about-card:hover{
    transform:translateY(-6px);
    box-shadow:0 26px 54px rgba(11,28,84,0.14);
}

.home-about-card .feature-icon{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    border-radius:20px;
    color:#fff;
    background:linear-gradient(135deg,#0b1c54,#2aa7c9);
    font-size:24px;
}

.home-about-card h3{
    margin:0 0 8px;
    color:#0b1c54;
    font-size:24px;
    line-height:1.2;
}

.home-about-card p{
    width:100%;
    margin:0 0 14px;
    color:#5e6a7d;
    font-size:15px;
    line-height:1.7;
}

.home-about-card a{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:#ff7a00;
    font-weight:700;
    text-decoration:none;
}

.home-about-card a::after{
    content:"";
    width:8px;
    height:8px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    transform:rotate(45deg);
    transition:transform 0.25s ease;
}

.home-about-card a:hover::after{
    transform:translateX(4px) rotate(45deg);
}

.home-about-legacy{
    display:none !important;
}

#scrollTopBtn{
    left:18px;
    bottom:18px;
    width:64px;
    height:64px;
    border:0;
    border-radius:20px;
    background:linear-gradient(135deg,#fff,#e8f8fb);
    color:#0b1c54;
    box-shadow:0 16px 34px rgba(11,28,84,0.2);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transform:translateY(18px) scale(0.94);
    transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

#scrollTopBtn::before{
    content:"";
    position:absolute;
    inset:auto 8px 8px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg,#ff7a00,#70d6e7);
}

#scrollTopBtn.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
}

#scrollTopBtn:hover{
    transform:translateY(-5px) scale(1.04);
    box-shadow:0 22px 42px rgba(11,28,84,0.26);
}

#scrollTopBtn .scroll-book,
#scrollTopBtn .scroll-arrow{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform 0.28s ease, opacity 0.28s ease;
}

#scrollTopBtn .scroll-book{
    font-size:25px;
}

#scrollTopBtn .scroll-arrow{
    font-size:20px;
    color:#ff7a00;
    opacity:0;
    transform:translateY(18px);
}

#scrollTopBtn:hover .scroll-book{
    opacity:0;
    transform:translateY(-18px);
}

#scrollTopBtn:hover .scroll-arrow{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:992px){
    .home-about-shell{
        grid-template-columns:1fr;
        gap:36px;
    }

    .home-about-media{
        min-height:420px;
    }

    .home-about-media img{
        min-height:420px;
    }
}

@media(max-width:768px){
    .home-about{
        padding:76px 18px;
    }

    .home-about::before{
        inset:10px;
        border-radius:26px;
    }

    .home-about-media{
        min-height:320px;
        border-radius:26px;
    }

    .home-about-media img{
        min-height:320px;
    }

    .home-about-content h2{
        font-size:clamp(34px,10vw,46px);
    }

    .home-about-content > p{
        font-size:15px;
    }

    .home-about-stats{
        grid-template-columns:1fr;
    }

    .home-about-card{
        grid-template-columns:1fr;
        padding:20px;
    }

    #scrollTopBtn{
        width:56px;
        height:56px;
        border-radius:18px;
        left:14px;
        bottom:16px;
    }
}

@media(max-width:480px){
    .home-about{
        padding:64px 14px;
    }

    .home-about-badge{
        left:14px;
        right:14px;
        bottom:14px;
        padding:13px;
        font-size:13px;
    }

    .home-about-card .feature-icon{
        width:58px;
        height:58px;
    }
}

/* ==================================================
   CONTACT FORM STATUS MESSAGE
================================================== */

.contact-alert{
    margin-bottom:18px;
    padding:14px 16px;
    border-radius:16px;
    font-size:14px;
    line-height:1.6;
    font-weight:600;
    border:1px solid transparent;
}

.contact-alert-success{
    color:#0f5132;
    background:#dff7ea;
    border-color:#9fe5bf;
}

.contact-alert-error{
    color:#842029;
    background:#fde8ea;
    border-color:#f5b5bc;
}





.faculty-avatar{
    width: 100%;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f5f8fc;
}

.faculty-avatar-inner{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: #032f3a;
    border: 2px solid #0c4f61;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faculty-avatar-inner i{
    font-size: 80px;
    color: #4ed9d0;
}

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