*{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        body{
            font-family:Arial, sans-serif;
            background:#f4f7fc;
        }

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

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

        .section-title h2{
            font-size:45px;
            font-weight:800;
            color:#111;
        }

        .section-title p{
            color:#666;
            margin-top:10px;
            font-size:18px;
        }

        /* Sidebar */

        .sidebar{
            background:#fff;
            padding:25px;
            border-radius:20px;
            box-shadow:0 3px 15px rgba(0,0,0,0.08);
            position:sticky;
            top:20px;
            bottom: 100px;
        }

        .sidebar h4{
            font-weight:700;
            margin-bottom:20px;
        }

        .sidebar ul{
            list-style:none;
            padding:0;
        }

        .sidebar ul li{
            padding:14px 18px;
            margin-bottom:10px;
            border-radius:12px;
            cursor:pointer;
            transition:0.3s;
            font-weight:600;
            color:#333;
        }

        .sidebar ul li:hover,
        .sidebar ul li.active{
            background:#0d6efd;
            color:#fff;
        }

        /* Course Card */

        .course-card{
    border-radius:20px;
    overflow:hidden;
    transition:0.4s;
    height:100%;
    box-shadow:0 4px 15px rgba(0,0,0,0.08);
}

/* Different Colors For Cards */

.course-item:nth-child(1) .course-card{
    background:#f8e6e8;
}

.course-item:nth-child(2) .course-card{
    
    background:#dfe8f7;
}

.course-item:nth-child(3) .course-card{
    background:#f5efc9;
}

.course-item:nth-child(4) .course-card{
    /* background:#dff4f6; */
    background:#f2edff;
}

.course-item:nth-child(5) .course-card{
    
   
    background:#e3f1e5;
}

.course-item:nth-child(6) .course-card{
     background:#f8e6e8;
}

.course-item:nth-child(7) .course-card{
     background:#edf5f2;
}

.course-item:nth-child(8) .course-card{
     background:#f8f2ea;
}

.course-item:nth-child(9) .course-card{
     background:#fffdf5;
}

.course-item:nth-child(10) .course-card{
     background:#edf3e8;
}

.course-item:nth-child(11) .course-card{
     background:#f8ecee;
}

.course-item:nth-child(12) .course-card{
     background:#fff0eb;
}

.course-item:nth-child(13) .course-card{
     background:#f4f7f9;
}

.course-item:nth-child(14) .course-card{
     background:#e8f8f7;
}

.course-item:nth-child(15) .course-card{
     background:#eaf4ff;
}

.course-item:nth-child(16) .course-card{
     background:#ebe4ff ;
}
        .course-card:hover{
            transform:translateY(-8px);
        }

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

        .course-content{
            padding:20px;
        }

        .course-badge{
            background:#e8f1ff;
            color:#0d6efd;
            padding:6px 12px;
            border-radius:30px;
            font-size:13px;
            font-weight:600;
            display:inline-block;
        }

        .course-title{
            font-size:22px;
            font-weight:700;
            margin-top:15px;
            line-height:1.4;
        }

        .course-desc{
            color:#666;
            font-size:15px;
            margin-top:10px;
            min-height:75px;
        }

        .course-info{
            display:flex;
            justify-content:space-between;
            margin-top:18px;
            font-size:14px;
            color:#555;
        }

        .apply-btn{
            width:100%;
            margin-top:20px;
            border:none;
            padding:12px;
            background:#0d6efd;
            color:#fff;
            border-radius:12px;
            font-weight:600;
            transition:0.3s;
            align-items:center;
    justify-content:center;
    text-decoration:none;
    display:flex;

        }

        .apply-btn:hover{
            background:#084298;
        }

        @media(max-width:991px){

            .sidebar{
                margin-bottom:30px;
                position:relative;
            }

        }

/* FOOTER */

.main-footer{
    background:#0b1220;
    color:#fff;
    padding:70px 0 20px;
    margin-top:80px;
    position:relative;
    overflow:hidden;
}

.main-footer::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(to right,#0d6efd,#00c6ff);
}

.footer-logo{
    font-size:32px;
    font-weight:800;
    margin-bottom:20px;
    color:#fff;
}

.footer-text{
    color:#bfc7d5;
    line-height:1.8;
    margin-bottom:25px;
}

.footer-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:25px;
    position:relative;
}

.footer-title::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:40px;
    height:3px;
    background:#0d6efd;
}

.footer-links{
    list-style:none;
    padding:0;
}

.footer-links li{
    margin-bottom:14px;
}

.footer-links li a{
    text-decoration:none;
    color:#bfc7d5;
    transition:0.3s;
}

.footer-links li a:hover{
    color:#fff;
    padding-left:5px;
}

.contact-box p{
    color:#bfc7d5;
    margin-bottom:15px;
    display:flex;
    align-items:center;
    gap:10px;
}

.contact-box i{
    color:#0d6efd;
}

.social-icons{
    display:flex;
    gap:15px;
}

.social-icons a{
    width:42px;
    height:42px;
    background:#111b2d;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    transition:0.3s;
    text-decoration:none;
}

.social-icons a:hover{
    background:#0d6efd;
    transform:translateY(-5px);
}

.newsletter-box{
    display:flex;
    margin-top:25px;
    background:#111b2d;
    border-radius:12px;
    overflow:hidden;
}

.newsletter-box input{
    flex:1;
    border:none;
    outline:none;
    background:transparent;
    padding:14px;
    color:#fff;
}

.newsletter-box button{
    border:none;
    background:#0d6efd;
    color:#fff;
    padding:0 20px;
    font-weight:600;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.1);
    margin-top:50px;
    padding-top:20px;
    text-align:center;
}

.footer-bottom p{
    margin:0;
    color:#bfc7d5;
}

@media(max-width:768px){

    .footer-logo{
        font-size:26px;
    }

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

    .newsletter-box button{
        padding:14px;
    }

}

/* HERO SECTION */

.hero-section{
    padding:100px 0;
    background: linear-gradient(
        135deg,
        #f8f5ff 0%,
        #eef4ff 35%,
        #fdf2f8 70%,
        #fff8e7 100%
    );
    position:relative;
    overflow:hidden;
    margin-top: -5%;
}

.hero-section::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(13,110,253,0.08);
    border-radius:50%;
    top:-200px;
    right:-100px;
}

.hero-content{
    color:Black;
    position:relative;
    z-index:2;
}

.hero-badge{
    display:inline-block;
    background:rgba(0, 0, 0, 0.1);
    color:Black;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    margin-bottom:25px;
    border:1px solid rgba(255,255,255,0.15);
}

.hero-content h1{
    font-size:55px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:25px;
    
}

.hero-content h1 span{
    color:#0d6efd;
}

.hero-content p{
    font-size:15px;
    line-height:1.8;
    color:black;
    max-width:90%;
}

/* BUTTONS */

.hero-buttons{
    display:flex;
    gap:18px;
    margin-top:25px;
}

.hero-btn{
    text-decoration:none;
    padding:15px 32px;
    border-radius:50px;
    font-weight:700;
    transition:0.3s;
}

.primary-btn{
    background:#0d6efd;
    color:#fff;
}

.primary-btn:hover{
    background:#0056d2;
    color:#fff;
    transform:translateY(-3px);
}

.secondary-btn{
    background:#fff;
    color:#111;
}

.secondary-btn:hover{
    background:#f3f4f6;
    color:#111;
    transform:translateY(-3px);
}

/* STATS */

.hero-stats{
    display:flex;
    gap:25px;
    margin-top:50px;
    flex-wrap:wrap;
}

.stat-box{
    background:rgba(255,255,255,0.08);
    padding:20px 28px;
    border-radius:18px;
    min-width:140px;
    backdrop-filter:blur(10px);
}

.stat-box h3{
    font-size:32px;
    font-weight:800;
    margin-bottom:5px;
}

.stat-box span{
    color:Black;
}

/* IMAGE */

.hero-image{
    position:relative;
    z-index:2;
}

.hero-image img{
    width:100%;
    border-radius:35px;
    box-shadow:0 20px 50px rgba(0,0,0,0.3);
}

/* FLOATING CARDS */

.floating-card{
    position:absolute;
    background:#fff;
    padding:16px 20px;
    border-radius:18px;
    display:flex;
    align-items:center;
    gap:15px;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
    animation:float 3s ease-in-out infinite;
}

.floating-card i{
    width:55px;
    height:55px;
    background:#0d6efd;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    font-size:22px;
}

.floating-card h5{
    margin:0;
    font-size:18px;
    font-weight:700;
}

.floating-card p{
    margin:0;
    color:#666;
    font-size:14px;
}

.card-one{
    left:-40px;
    top:50px;
}

.card-two{
    right:-30px;
    bottom:50px;
}

/* FLOAT ANIMATION */

@keyframes float{

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

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

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

}

/* RESPONSIVE */

@media(max-width:991px){

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

    .hero-content{
        margin-bottom:50px;
        text-align:center;
    }

    .hero-content p{
        max-width:100%;
    }

    .hero-buttons{
        justify-content:center;
    }

    .hero-stats{
        justify-content:center;
    }

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

    .card-one{
        left:10px;
    }

    .card-two{
        right:10px;
    }

}

@media(max-width:576px){

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

    .hero-buttons{
        flex-direction:column;
    }

    .floating-card{
        position:relative;
        margin-top:20px;
    }

    .card-one,
    .card-two{
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
    }

}
  
/* RESET */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* NAVBAR */
.navbar{
    width:100%;
    padding:18px 6%;
    background:#111;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:sticky;
    top:0;
    z-index:1000;
}

/* LOGO */
.logo{
    color:#fff;
    font-size:28px;
    font-weight:700;
}

/* NAV LINKS */
.nav-links{
    display:flex;
    align-items:center;
    list-style:none;
    gap:35px;
}

.nav-links li{
    position:relative;
}

.nav-links li a{
    color:#fff;
    text-decoration:none;
    font-size:17px;
    transition:0.3s;
}
/* BUTTON CONTAINER */
.nav-buttons{
    display:flex;
    gap:15px;
    align-items:center;
}

/* COMMON BUTTON STYLE */
.nav-buttons a{
    position:relative;
    overflow:hidden;
    text-decoration:none;
    padding:12px 24px;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    letter-spacing:0.5px;
    transition:0.4s ease;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    z-index:1;
}

/* SHINE EFFECT */
.nav-buttons a::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0.25);
    transform:skewX(-25deg);
    transition:0.6s;
    z-index:-1;
}

.nav-buttons a:hover::before{
    left:120%;
}

/* VERIFY BUTTON */
.verify-btn{
    background:#f8e6e8;
    color:#111;
    box-shadow:0 4px 15px rgba(255,255,255,0.25);
}

.verify-btn:hover{
    transform:translateY(-3px) scale(1.05);
    box-shadow:0 10px 25px rgba(255,255,255,0.4);
}

/* LOGIN BUTTON */
.login-btn{
    border:2px solid #fff;
    color:#fff;
    background:transparent;
}

.login-btn:hover{
    background:#fff;
    color:#111;
    transform:translateY(-3px) scale(1.05);
    box-shadow:0 10px 25px rgba(255,255,255,0.35);
}

/* SIGNUP BUTTON */
.signup-btn{
    background:linear-gradient(135deg,#ffcc00,#ff9500);
    color:#111;
    box-shadow:0 4px 20px rgba(255,170,0,0.35);
    animation:pulse 2s infinite;
}

.signup-btn:hover{
    transform:translateY(-3px) scale(1.08);
    box-shadow:0 12px 30px rgba(255,170,0,0.5);
}

/* PULSE ANIMATION */
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(255,170,0,0.5);
    }

    70%{
        box-shadow:0 0 0 15px rgba(255,170,0,0);
    }

    100%{
        box-shadow:0 0 0 0 rgba(255,170,0,0);
    }
}

/* HOVER EFFECT */
.nav-links li a:hover{
    color:#d4af37;
}

/* DROPDOWN */
.dropdown-menu{
    position:absolute;
    top:40px;
    left:0;
    background:#222;
    min-width:220px;
    border-radius:10px;
    overflow:hidden;
    display:none;
    box-shadow:0 5px 15px rgba(0,0,0,0.3);
}

.dropdown-menu li{
    width:100%;
}

.dropdown-menu li a{
    display:block;
    padding:14px 18px;
}

.dropdown-menu li a:hover{
    background:#333;
    padding-left:25px;
}

.dropdown:hover .dropdown-menu{
    display:block;
}


/* MOBILE MENU */
.menu-toggle{
    display:none;
    font-size:32px;
    color:#fff;
    cursor:pointer;
}

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

    .menu-toggle{
        display:block;
    }

    .nav-links{
        position:absolute;
        top:85px;
        left:0;
        width:100%;
        background:#111;
        flex-direction:column;
        padding:30px 0;
        display:none;
    }

    .nav-links.active{
        display:flex;
    }

    .nav-buttons{
        display:none;
    }

    .dropdown-menu{
        position:static;
        display:none;
        width:100%;
        background:#1b1b1b;
        box-shadow:none;
    }

    .dropdown.active .dropdown-menu{
        display:block;
    }
} */

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

@media(max-width:992px){

    .navbar{
        position:relative;
        padding:15px 20px;
        background:#111;
    }

    /* HAMBURGER */

    .menu-toggle{
        display:block;
        font-size:30px;
        color:#fff;
        cursor:pointer;
        z-index:10001;
    }

    /* NAV LINKS */

    .nav-links{

        position:absolute;
        top:100%;
        left:0;
        width:100%;

        background:#111;

        flex-direction:column;
        align-items:flex-start;

        padding:20px;

        gap:0;

        display:none;

        z-index:9999;

    }

    .nav-links.active{
        display:flex;
    }

    .nav-links li{
        width:100%;
    }

    .nav-links li a{

        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;

        padding:15px 0;

        font-size:16px;
        border-bottom:1px solid rgba(255,255,255,0.08);

    }

    /* BUTTONS HIDE */

    @media(max-width:992px){

.nav-buttons{
    display:flex;
    flex-direction:column;
    width:100%;
    gap:12px;
    margin-top:20px;
}

.nav-buttons a{
    width:100%;
    text-align:center;
    padding:12px;
    border-radius:12px;
}

}
.verify-btn,
.login-btn,
.signup-btn{
    text-decoration:none;
    font-weight:600;
}

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

    .mega-dropdown{
        width:100%;
    }

    .mega-menu{

        position:relative !important;

        top:0 !important;
        left:0 !important;

        transform:none !important;

        width:100% !important;

        display:none;

        opacity:1 !important;
        visibility:visible !important;

        background:#fff;

        margin-top:15px;

        border-radius:18px;

        overflow:hidden;

        box-shadow:none;

    }

    /* OPEN MENU */

    .mega-dropdown.active .mega-menu{
        display:block;
    }

    /* WRAPPER */

    .mega-wrapper{
        flex-direction:column;
    }

    /* SIDEBAR */

    .mega-sidebar{

        width:100%;

        background:#f8f9ff;

        border-right:none;
        border-bottom:1px solid #eee;

        padding:12px;

    }

    .mega-tab{

        padding:14px;

        border-radius:12px;

        margin-bottom:10px;

        font-size:14px;

    }

    /* CONTENT */

    .mega-content{
        padding:15px;
    }

    .mega-title{
        font-size:18px;
        margin-bottom:15px;
    }

    /* GRID */

    .mega-course-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .mega-course-card{
        padding:14px;
        border-radius:14px;
    }

    .mega-course-card h4{
        font-size:15px;
    }

    .mega-course-card p{
        font-size:12px;
    }

    /* ICON */

    .mega-icon{

        width:45px;
        height:45px;
        min-width:45px;

    }

    .mega-icon i{
        font-size:16px;
    }

}
.custom-video{
    width:100%;
    height:auto;

    /* White Border */
    border:5px solid #fff;

    /* Rounded Corners */
    border-radius:10px;

    display:block;
}
/* SECTION */
.trusted-section{
    width:100%;
    padding:70px 7%;
    background:linear-gradient(to right,#dff3ff,#edf8ff);
    overflow:hidden;
}
/* READ MORE BUTTON */
.read-more-btn{
    margin-top:15px;
    padding:10px 18px;
    border:none;
    border-radius:50px;
    background:linear-gradient(135deg,#0077ff,#00bfff);
    color:#fff;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
    transition:0.4s ease;
    box-shadow:0 5px 15px rgba(0,119,255,0.25);
}

/* HOVER */
.read-more-btn:hover{
    transform:translateY(-3px) scale(1.05);
    box-shadow:0 10px 25px rgba(0,119,255,0.35);
}

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

    .read-more-btn{
        width:50% !important;
        padding:9px 14px;
        font-size:12px;
        margin-top:12px;
    }
}
/* TOP SMALL RATING */
.top-rating{
    width:max-content;
    margin:auto;
    background:#fff;
    color:#111;
    padding:10px 25px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    margin-bottom:50px;
    animation:float 3s ease-in-out infinite;
}

/* MAIN WRAPPER */
.trusted-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

/* LEFT SIDE */
.trusted-text{
    width:35%;
}

.trusted-text h2{
    font-size:70px;
    font-weight:800;
    color:#08122f;
    line-height:1;
    margin-bottom:25px;
}

.rating-box{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:10px;
}

.rating-number{
    font-size:25px;
    font-weight:400;
    color:#111;
}

.stars{
    color:#ffb400;
    font-size:30px;
    letter-spacing:4px;
}

.trusted-text p{
    font-size:20px;
    color:#444;
}

/* SLIDER */
.student-slider{
    width:60%;
    overflow:hidden;
    position:relative;
}

/* TRACK */


/* CARD */
.student-card{
    min-width:340px;
    background:#fff;
    padding:28px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:0.4s;
    border:2px solid rgba(255,255,255,0.8);
}

.student-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

/* TOP SECTION */
.student-top{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:18px;
}

/* IMAGE */
.student-top img{
    width:75px;
    height:75px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
}

/* TEXT */
.student-card h3{
    font-size:24px;
    margin-bottom:6px;
    color:#111;
}

.student-card span{
    display:block;
    color:#0077ff;
    font-weight:600;
    font-size:15px;
}

/* STARS */
.card-stars{
    color:#ffb400;
    font-size:24px;
    letter-spacing:4px;
    margin-bottom:18px;
}

/* REVIEW */
.student-card p{
    color:#555;
    line-height:1.8;
    font-size:16px;
}

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

    .trusted-section{
        padding:50px 5%;
    }

    .trusted-wrapper{
        flex-direction:column;
        gap:35px;
    }

    .trusted-text{
        width:100%;
        text-align:center;
    }

    .trusted-text h2{
        font-size:34px;
        line-height:1.2;
    }

    .rating-box{
        justify-content:center;
    }

    .rating-number{
        font-size:28px;
    }

    .stars{
        font-size:20px;
    }

    .trusted-text p{
        font-size:15px;
    }

    .student-slider{
        width:100%;
    }

    /* SMALL CARD */
    .student-card{
        min-width:240px;
        padding:20px;
        border-radius:18px;
    }

    /* TOP */
    .student-top{
        gap:12px;
        margin-bottom:12px;
    }

    /* SMALL IMAGE */
    .student-top img{
        width:55px;
        height:55px;
    }

    /* SMALL TEXT */
    .student-card h3{
        font-size:18px;
        margin-bottom:4px;
    }

    .student-card span{
        font-size:13px;
    }

    /* STARS */
    .card-stars{
        font-size:18px;
        letter-spacing:2px;
        margin-bottom:12px;
    }

    /* REVIEW TEXT */
    .student-card p{
        font-size:13px;
        line-height:1.6;
    }

    /* TOP SMALL RATING */
    .top-rating{
        font-size:12px;
        padding:8px 18px;
        margin-bottom:35px;
    }
     /* PARAGRAPH FIX */
    .student-card p{
        font-size:12px;
        line-height:1.6;
        white-space:normal;
        word-break:break-word;
        overflow-wrap:anywhere;
    }
}

/* ANIMATIONS */
/* SLIDER */
.student-slider{
    overflow:hidden;
    width:100%;
    position:relative;
}

.student-card{
    flex:0 0 auto;
}

/* TRACK */
.slide-track{
    display:flex;
    gap:18px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding-bottom:10px;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
     backface-visibility: hidden;
}

.slide-track::-webkit-scrollbar{
    display:none;
}

/* AUTO SLIDE EFFECT */



@keyframes float{
    0%{
        transform:translateY(0px);
    }

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

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

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

    .trusted-wrapper{
        flex-direction:column;
    }

    .trusted-text{
        width:100%;
        text-align:center;
    }

    .student-slider{
        width:100%;
    }

    .trusted-text h2{
        font-size:48px;
    }
}

@media(max-width:600px){

    .trusted-text h2{
        font-size:38px;
    }

    .rating-number{
        font-size:30px;
    }

    .stars{
        font-size:22px;
    }

    .trusted-text p{
        font-size:16px;
    }
}

/* =========================================
COURSE SECTION MOBILE IMPROVEMENT
========================================= */

.category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

/* MOBILE DROPDOWN */

.mobile-category-dropdown {
    display: none;
    width: 180px;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
    background: #fff;
}

/* COURSE CARD HEIGHT SAME */

.course-card {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 18px;
}

.course-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}



/* IMAGE ALIGNMENT */

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

@media (max-width: 768px) {

    /* SHOW DROPDOWN */

    .mobile-category-dropdown {
        display: block;
    }

    /* HIDE SIDEBAR MENU */

    #courseMenu {
        display: none;
    }

    /* SMALL GAP */

    .course-section .row.g-4 {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .course-section .col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* CARD */

    .course-card {
        border-radius: 18px;
    }

    /* IMAGE */

    .course-card img {
        height: 95px;
        object-fit: cover;
    }

    /* CONTENT */

    .course-content {
        padding: 10px;
    }

    /* BADGE */

    .course-badge {
        font-size: 11px;
        padding: 6px 12px;
        border-radius: 20px;
    }

    /* TITLE */

    .course-title {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 10px;
        margin-bottom: 8px;
        font-weight: 700;
    }

    /* DESCRIPTION */

    .course-desc {
        font-size: 11px;
        line-height: 1.5;

        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;

        overflow: hidden;

        min-height: 50px;
        margin-bottom: 10px;
    }

    /* INFO */

    .course-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    margin-bottom: 10px;
    flex-wrap: nowrap;
}

.course-info span {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

    /* BUTTON */

    .apply-btn {
        width: 100%;
        padding: 9px;
        font-size: 13px;
        border-radius: 14px;
        font-weight: 600;
    }

}
.course-card {
    height: 100%;
    overflow: hidden;
}

.course-card img {
    width: 100%;
}

.course-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}



/* =========================================
MOBILE CATEGORY HEADER
========================================= */

.category-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:18px;
}

/* DROPDOWN */

.mobile-category-dropdown{
    display:none;
}

/* MOBILE DESIGN */

@media(max-width:768px){

    /* SIDEBAR BOX */

    .sidebar{
        padding:18px;
        border-radius:24px;
        background:linear-gradient(135deg,#ffffff,#f3f7ff);
        box-shadow:
        0 10px 30px rgba(13,110,253,0.08),
        0 2px 10px rgba(0,0,0,0.04);
        border:1px solid rgba(13,110,253,0.08);
        margin-bottom:68px;
    }

    /* HEADER */

    .category-header{
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        margin-bottom:0;
    }

    /* TITLE */

    .category-header h4{
        font-size:18px;
        line-height:1.2;
        font-weight:800;
        margin:0;
        color:#111827;
        min-width:110px;
    }

    /* DROPDOWN */

    .mobile-category-dropdown{
        display:block;
        flex:1;
        height:48px;
        padding:0 16px;
        border-radius:16px;
        border:1.5px solid #dbe4ff;
        background:#fff;
        font-size:15px;
        font-weight:600;
        color:#111;
        outline:none;
        cursor:pointer;
        transition:0.3s;
        box-shadow:0 4px 12px rgba(0,0,0,0.04);
        
    }

    .mobile-category-dropdown:focus{
        border-color:#0d6efd;
        box-shadow:0 0 0 4px rgba(13,110,253,0.12);
    }

    /* HIDE MENU */

    #courseMenu{
        display:none;
    }

}

/* =========================================
TRUSTED SECTION MOBILE FIX
========================================= */

@media(max-width:768px){

    .trusted-section{
        padding:50px 15px;
    }

    /* TOP RATING */
    .top-rating{
        width:100%;
        text-align:center;
        font-size:13px;
        padding:12px 15px;
        border-radius:18px;
        margin-bottom:35px;
        line-height:1.5;
    }

    /* TITLE */
    .trusted-text h2{
        font-size:48px;
        line-height:1.05;
        text-align:center;
        margin-bottom:25px;
    }

    /* RATING */
    .rating-box{
        justify-content:center;
        flex-wrap:wrap;
        gap:8px;
    }

    .rating-number{
        font-size:28px;
        font-weight:700;
    }

    .stars{
        font-size:18px;
        letter-spacing:2px;
    }

    .trusted-text p{
        text-align:center;
        font-size:15px;
        margin-top:10px;
    }

    /* SLIDER */
    .student-slider{
        width:100%;
        overflow:hidden;
        margin-top:25px;
    }


    /* SMALL CARD */
    .student-card{
        min-width:220px;
        max-width:220px;
        padding:16px;
        border-radius:18px;
    }

    /* IMAGE */
    .student-top img{
        width:50px;
        height:50px;
    }

    /* NAME */
    .student-card h3{
        font-size:18px;
        margin-bottom:3px;
    }

    /* PROFESSION */
    .student-card span{
        font-size:13px;
    }

    /* STARS */
    .card-stars{
        font-size:16px;
        letter-spacing:2px;
        margin-bottom:10px;
    }

    /* REVIEW TEXT */
    .student-card p{
        font-size:12px;
        line-height:1.6;
        margin-bottom:12px;

        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;

        transition:0.3s ease;
    }

    /* EXPANDED TEXT */
    .student-card.active p{
        -webkit-line-clamp:unset;
        overflow:visible;
    }

    /* BUTTON */
    .read-more-btn{
        width:100%;
        padding:8px 12px;
        border-radius:12px;
        font-size:12px;
        margin-top:5px;
    }

}
/* =========================================
SMALLER STUDENT CARD SECTION DESKTOP
========================================= */

@media(min-width:992px){

    /* LEFT CONTENT SMALLER */
    .trusted-text{
        width:30%;
    }

    /* RIGHT SLIDER WIDTH */
    .student-slider{
        width:52%;
    }

    /* SMALLER CARD */
    .student-card{
        min-width:280px;
        max-width:280px;
        padding:22px;
    }

    /* SMALL IMAGE */
    .student-top img{
        width:65px;
        height:65px;
    }

    /* NAME */
    .student-card h3{
        font-size:22px;
    }

    /* REVIEW TEXT */
    .student-card p{
        font-size:15px;
        line-height:1.7;
    }

    /* BUTTON */
    .read-more-btn{
        padding:9px 16px;
        font-size:13px;
    }

    /* TRACK GAP */
    .slide-track{
        gap:18px;
    }

}
/* REVIEW TEXT */
.student-card p{
    font-size:15px;
    line-height:1.7;
    color:#555;
    margin-bottom:12px;

    display:-webkit-box;
    -webkit-line-clamp:3; /* MAX 3 LINES */
    -webkit-box-orient:vertical;

    overflow:hidden;
    transition:0.3s ease;
}

/* WHEN ACTIVE */
.student-card.active p{
    -webkit-line-clamp:unset;
    overflow:visible;
}

/* =========================================
MOBILE HERO SECTION FIX
========================================= */

@media (max-width: 768px) {

    .hero-section{
        padding: 20px 0 40px;
        text-align: center;
    }

    /* HERO CONTENT */
    .hero-content{
        padding: 0 10px;
    }

    .hero-badge{
        font-size: 11px;
        padding: 6px 12px;
        display: inline-block;
        margin-bottom: 12px;
    }

    .hero-content h1{
        font-size: 32px;
        line-height: 1.2;
        font-weight: 800;
        margin-bottom: 15px;
    }

    .hero-content p{
        font-size: 15px;
        line-height: 1.7;
        margin-bottom: 20px;
    }

    /* BUTTONS */
    .hero-buttons{
        display: flex;
        justify-content: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }

    .hero-btn{
        font-size: 14px;
        padding: 12px 22px;
        border-radius: 50px;
    }

    /* VIDEO */
    .custom-video{
        width: 90%;
        max-width: 320px;
        height: auto;
        border-radius: 20px;
        margin: 25px auto 0;
        display: block;
    }

    /* STATS */
    .hero-stats{
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .stat-box{
        padding: 12px 15px;
        min-width: 90px;
    }

    .stat-box h3{
        font-size: 20px;
    }

    .stat-box span{
        font-size: 12px;
    }

}


/* EXTRA SMALL MOBILE */
@media (max-width: 480px){

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

    .hero-content p{
        font-size: 14px;
    }

    .hero-btn{
        width: 140px;
        font-size: 13px;
        padding: 10px 15px;
    }

    .custom-video{
        max-width: 260px;
        border-radius: 16px;
    }

}

/* HERO SECTION */
.hero-section{
    padding: 80px 0;
    background: linear-gradient(
        135deg,
        #f5f5f5 0%,
        #ececec 35%,
        #e5e7eb 70%,
        #dfe3e8 100%
    );
    color: black;
    overflow: hidden;
}

/* VIDEO */
.custom-video{
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/* HERO CONTENT */
.hero-content h1{
    font-size: 54px;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 20px;
}

.hero-content p{
    font-size: 15px;
    line-height: 1.8;
    margin-top: 20px;
    color: black;
}

/* BUTTONS */
.hero-buttons{
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.hero-btn{
    padding: 14px 28px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
}

.primary-btn{
    background: #00d084;
    color: #fff;
}

.secondary-btn{
    border: 1px solid #fff;
    color: #000000;
}

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

    /* MOVE VIDEO TOP */
    .hero-section .row{
        display: flex;
        flex-direction: column-reverse;
    }

    /* VIDEO SECTION */
    .custom-video{
        width: 100%;
        max-height: 220px;
        margin-bottom: 25px;
        border-radius: 14px;
    }

    /* HERO SECTION */
    .hero-section{
        padding: 25px 0 40px;
        text-align: center;
    }

    /* BADGE */
    .hero-badge{
        font-size: 12px;
        padding: 6px 12px;
    }

    /* HEADING */
    .hero-content h1{
        font-size: 32px;
        line-height: 1.2;
        margin-top: 10px;
    }

    /* TEXT */
    .hero-content p{
        font-size: 14px;
        line-height: 1.7;
        margin-top: 12px;
    }

    /* BUTTONS */
    .hero-buttons{
        justify-content: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }

    .hero-btn{
        padding: 10px 18px;
        font-size: 14px;
    }

    /* STATS */
    .hero-stats{
        justify-content: center;
        gap: 12px;
        margin-top: 25px;
        flex-wrap: wrap;
    }

    .stat-box{
        padding: 10px 15px;
    }

    .stat-box h3{
        font-size: 20px;
    }

    .stat-box span{
        font-size: 12px;
    }
    
}
@media(max-width: 991px){

    .hero-buttons{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-wrap: nowrap;
    }

    .hero-btn{
        width: auto;
        min-width: 140px;
        text-align: center;
        font-size: 14px;
        padding: 10px 14px;
    }

}

/* =========================
   MEGA MENU
========================= */

.mega-menu{
    position:absolute;
    top:58px;
    left:50%;
    transform:translateX(-50%);
    width:950px;
    background:#fff;
    border-radius:22px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:0.3s ease;
    z-index:999;
    margin-left: 300%;
}

.mega-dropdown:hover .mega-menu{
    opacity:1;
    visibility:visible;
    top:70px;
}

/* MAIN WRAPPER */

.mega-wrapper{
    display:flex;
    min-height:420px;
}

/* =========================
   LEFT SIDEBAR
========================= */

.mega-sidebar{
    width:240px;
    background:#f7f8fc;
    border-right:1px solid #ececec;
    padding:18px;
}

.mega-tab{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 15px;
    border-radius:12px;
    margin-bottom:12px;
    cursor:pointer;
    transition:0.3s;
    font-size:15px;
    font-weight:600;
    color:#222;
}

.mega-tab:hover{
    background:#edf3ff;
}

.mega-tab.active{
    background:#dfe8f7;
    border-left:3px solid #295bff;
}

.mega-tab i{
    font-size:12px;
    color:#295bff;
}

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

.mega-content{
    flex:1;
    padding:28px;
}

.mega-title{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin-bottom:25px;
}

/* GRID */

.mega-course-grid{
    display:none;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.mega-course-grid.active{
    display:grid;
}

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

.mega-course-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px;
    border-radius:18px;
    text-decoration:none;
    transition:0.3s;
}

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

/* ICON */

.mega-icon{
    width:58px;
    height:58px;
    border-radius:14px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.mega-icon i{
    font-size:22px;
    color:#295bff;
}

/* TEXT */

.mega-course-card h4{
    font-size:15px;
    font-weight:700;
    color:#222;
    margin-bottom:4px;
    line-height:1.4;
}

.mega-course-card p{
    font-size:13px;
    color:#555;
    margin:0;
}

/* =========================
   COLOR COMBINATIONS
========================= */

#digital .mega-course-card:nth-child(1){
    background:#f8e6e8;
}

#digital .mega-course-card:nth-child(2){
    background:#dfe8f7;
}

#web .mega-course-card:nth-child(1){
    background:#f5efc9;
}

#web .mega-course-card:nth-child(2){
    background:#dff4f6;
}

#python .mega-course-card:nth-child(1){
    background:#e3f1e5;
}

#python .mega-course-card:nth-child(2){
    background:#f8e6e8;
}

#ai .mega-course-card:nth-child(1){
    background:#dfe8f7;
}

#ai .mega-course-card:nth-child(2){
    background:#f5efc9;
}

#graphic .mega-course-card:nth-child(1){
    background:#e3f1e5;
}

#graphic .mega-course-card:nth-child(2){
    background:#f8e6e8;
}

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

@media(max-width:991px){

    .mega-menu{
        width:95%;
        margin-left: 0;
    }

    .mega-wrapper{
        flex-direction:column;
    }

    .mega-sidebar{
        width:100%;
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .mega-course-grid{
        grid-template-columns:1fr;
    }

}
/* =========================
   MEGA COURSE GRID
========================= */

.mega-course-grid{
    display:none;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.mega-course-grid.active{
    display:grid;
}

/* =========================
   TAB ACTIVE
========================= */

.mega-tab.active{
    background:#dfe8f7;
    border-left:4px solid #295bff;
}

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

.pink-card{
    background:#f8e6e8;
}

.blue-card{
    background:#dfe8f7;
}

.yellow-card{
    background:#f5efc9;
}

.green-card{
    background:#e3f1e5;
}

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

@media(max-width:992px){

    .navbar{

        position:relative;
        padding:15px 20px;
        flex-wrap:wrap;
        height:auto;

    }

    /* MOBILE MENU */

    .nav-links{

        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#050505;
        flex-direction:column;
        align-items:flex-start;
        padding:20px;
        gap:0;
        display:none;
        z-index:9999;

    }

    .nav-links.active{

        display:flex;

    }

    .nav-links li{

        width:100%;

    }

    .nav-links li a{

        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:14px 0;
        font-size:15px;

    }

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

    .mega-dropdown{

        width:100%;
        position:relative;

    }

    .mega-menu{

        position:relative !important;
        top:0 !important;
        left:0 !important;
        transform:none !important;
        width:100% !important;
        margin-top:10px;
        border-radius:16px;
        display:none;
        opacity:1 !important;
        visibility:visible !important;
        overflow:hidden;
        box-shadow:none;

    }

    /* OPEN */

    .mega-dropdown.active .mega-menu{

        display:block;

    }

    /* WRAPPER */

    .mega-wrapper{

        flex-direction:column;

    }

    /* SIDEBAR */

    .mega-sidebar{

        width:100%;
        border-right:none;
        border-bottom:1px solid #eee;
        padding:12px;

    }

    .mega-tab{

        padding:12px 14px;
        font-size:13px;
        margin-bottom:8px;
        border-radius:10px;

    }

    /* RIGHT CONTENT */

    .mega-content{

        padding:15px;

    }

    .mega-title{

        font-size:18px;
        margin-bottom:15px;

    }

    /* COURSE GRID */

    .mega-course-grid{

        grid-template-columns:1fr;
        gap:12px;

    }

    .mega-course-card{

        padding:14px;
        border-radius:14px;

    }

    .mega-course-card h4{

        font-size:15px;

    }

    .mega-course-card p{

        font-size:12px;

    }

    /* ICON */

    .mega-icon{

        width:45px;
        height:45px;
        min-width:45px; 

    }

    .mega-icon i{

        font-size:16px;

    }

}
/* =========================================
MOBILE FIX
========================================= */

@media(max-width:992px){

    .menu-toggle{
        display:block;
        color:#fff;
        font-size:30px;
        cursor:pointer;
    }

    .nav-links{
        position:absolute;
        top:100%;
        left:0;
        width:100%;
        background:#111;
        flex-direction:column;
        align-items:flex-start;
        padding:20px;
        display:none;
        z-index:999;
    }

    .nav-links.active{
        display:flex;
    }

    .nav-links li{
        width:100%;
    }

    .nav-links li a{
        width:100%;
        display:flex;
        justify-content:space-between;
        align-items:center;
        padding:14px 0;
    }

    .nav-buttons{
        display:none;
    }

    /* MOBILE DROPDOWN */

    .mega-dropdown{
        width:100%;
    }

    .mega-menu{
        position:relative !important;
        top:0 !important;
        left:0 !important;
        transform:none !important;

        width:100% !important;

        display:none;

        opacity:1 !important;
        visibility:visible !important;

        background:#fff;

        margin-top:12px;

        border-radius:18px;

        box-shadow:none;
    }

    .mega-dropdown.active .mega-menu{
        display:block;
    }

    .mega-wrapper{
        flex-direction:column;
    }

    .mega-sidebar{
        width:100%;
        padding:12px;
        border-right:none;
        border-bottom:1px solid #eee;
    }

    .mega-tab{
        padding:14px;
        margin-bottom:10px;
        border-radius:12px;
    }

    .mega-content{
        padding:15px;
    }

    .mega-title{
        font-size:18px;
        margin-bottom:15px;
    }

    .mega-course-grid{
        display:none;
        grid-template-columns:1fr;
        gap:12px;
    }

    .mega-course-grid.active{
        display:grid;
    }

    .mega-course-card{
        padding:14px;
        border-radius:14px;
    }

    .mega-icon{
        width:45px;
        height:45px;
        min-width:45px;
    }

    .mega-icon i{
        font-size:16px;
    }

}

/* =========================================
FIX COURSE CARD ALIGNMENT
========================================= */

.mega-course-card{
    display:flex;
    align-items:center;
    gap:16px;
}

/* ICON BOX FIXED WIDTH */

.mega-icon{
    width:60px;
    min-width:60px;
    height:60px;

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

    border-radius:16px;
    background:#fff;
}

/* TEXT AREA */

.mega-course-card > div:last-child{
    flex:1;
}

/* HEADING */

.mega-course-card h4{
    margin:0 0 5px;
    font-size:18px;
    font-weight:700;
    line-height:1.3;
}

/* PARAGRAPH */

.mega-course-card p{
    margin:0;
    font-size:14px;
    color:#555;
}

/* MOBILE FIX */

@media(max-width:992px){

    .mega-course-card{
        align-items:center;
    }

    .mega-icon{
        width:52px;
        min-width:52px;
        height:52px;
        margin-left: 2%;
    }

    .mega-course-card h4{
        font-size:16px;
    }

    .mega-course-card p{
        font-size:13px;
    }

}

/* MOBILE BUTTONS HIDE IN DESKTOP */

.mobile-buttons{
    display:none;
}


/* MOBILE VIEW */

@media(max-width:992px){

.mobile-buttons{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:18px;
    width:100%;
}

/* ALL BUTTONS SAME WIDTH */

.mobile-buttons a{
    flex:1;
    text-align:center;
    padding:10px 8px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    font-size:12px;
    white-space:nowrap;
}

/* VERIFY BUTTON */

.mobile-verify-btn{
    background:linear-gradient(135deg,#111827,#1f2937,#374151);;
    color:#fff;
    border:2px solid #f1f2f4;
}

/* LOGIN BUTTON */

.mobile-login-btn{
    border:2px solid #f8f9fa;
    color:#f6f7f8;
    background:(135deg,#2563eb,#3b82f6,#60a5fa);;
}

/* SIGNUP BUTTON */

.mobile-signup-btn{
    border:2px solid #f1f2f4;
    background:(135deg,#7c3aed,#9333ea,#c084fc);
    color:#fff;
}
.mobile-enroll-btn{
    border:2px solid #f1f2f4;
    background:(135deg,#7c3aed,#9333ea,#c084fc);
    color:#fff;
}

}

/* =========================
VIEW MORE COURSES
========================= */

.hidden-course{
    display:none;
}

.view-all-wrapper{
    text-align:center;
    margin-top:35px;
}

.view-all-btn{
    background:#ff6b00;
    color:#fff;
    border:none;
    padding:14px 28px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    transition:0.3s ease;
}

.view-all-btn:hover{
    background:#e55f00;
}

.view-all-btn i{
    margin-left:8px;
}

@media(max-width:768px){

    .view-all-btn{
        width:100%;
        font-size:14px;
    }

}

/* =========================
   PLACEMENTS SECTION
========================= */

.placements-section{
    padding: 80px 0;
    background: #f5f7fb;
    overflow: hidden;
}

.placement-heading{
    text-align: center;
    margin-bottom: 35px;
}

.placement-heading h2{
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 10px;
}

.placement-heading p{
    color: #666;
}

/* SLIDER */

.placement-slider{
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    padding-bottom: 10px;
}

.placement-slider::-webkit-scrollbar{
    display: none;
}

/* CARD */

.placement-card{
    min-width: 300px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

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

.placement-content{
    padding: 18px;
    text-align: center;
}

.placement-content h3{
    font-size: 22px;
    margin-bottom: 6px;
}

.placement-content span{
    color: #3b57f7;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.placement-content p{
    color: #666;
    margin: 0;
}

/* MOBILE */

@media(max-width:768px){

    .placement-heading h2{
        font-size: 30px;
    }

    /* 2 CARDS VIEW */

    .placement-card{
        min-width: 48%;
        border-radius: 16px;
    }

    /* FIX IMAGE SIZE */

    .placement-card img{
        height: 170px;
        object-fit: cover;
    }

    .placement-content{
        padding: 12px;
    }

    .placement-content h3{
        font-size: 16px;
    }

    .placement-content span{
        font-size: 13px;
    }

    .placement-content p{
        font-size: 12px;
    }

}

/* =========================================
PLACEMENT SLIDER
========================================= */

.placements-section{
    padding: 80px 0;
    background: #f5f7fb;
    overflow: hidden;
}

.placement-heading{
    text-align: center;
    margin-bottom: 35px;
}

.placement-heading h2{
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 10px;
}

.placement-heading p{
    color: #666;
}

/* SLIDER */

.placement-slider{
    display: flex;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    cursor: grab;
    padding-bottom: 10px;
}

.placement-slider::-webkit-scrollbar{
    display: none;
}

.placement-slider.dragging{
    cursor: grabbing;
}

/* CARD */

.placement-card{
    min-width: 300px;
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

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

.placement-content{
    padding: 18px;
    text-align: center;
}

.placement-content h3{
    font-size: 22px;
    margin-bottom: 6px;
}

.placement-content span{
    color: #3b57f7;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.placement-content p{
    color: #666;
    margin: 0;
}

/* MOBILE */

@media(max-width:768px){

    .placement-heading h2{
        font-size: 30px;
    }

    /* SHOW 2 CARDS */

    .placement-card{
        min-width: 48%;
    }

    /* FIX IMAGE SIZE */

    .placement-card img{
        height: 160px;
    }

    .placement-content{
        padding: 12px;
    }

    .placement-content h3{
        font-size: 16px;
    }

    .placement-content span{
        font-size: 13px;
    }

    .placement-content p{
        font-size: 12px;
    }

}

/* HIDE FULL TEXT */
.full-text{
    display: none !important; 
}

/* SHOW FULL TEXT WHEN ACTIVE */
.student-card.active .full-text{
    display: block !important;
}

/* HIDE SHORT TEXT */
.student-card.active .short-text{
    display: none !important;
}

/* ENROLL BUTTON */
.enroll-btn
{
    background: #ff6b00;
    color: #fff;
    padding: 10px 22px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s ease;
    display: inline-block;
}




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

    .mobile-enroll-btn{
        width: 100%;
        text-align: center;
    }

    .enroll-btn{
        display: none;
    }
}

/* =========================================
STUDENT SLIDER
========================================= */

.student-slider{
    display:flex;
    gap:20px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:auto;
    padding-bottom:10px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.student-slider::-webkit-scrollbar{
    display:none;
}

.student-card{
    min-width:380px;
    flex-shrink:0;
}

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

@media(max-width:992px){

    .student-card{
        min-width:320px;
    }

}

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

@media(max-width:768px){

    .trusted-wrapper{
        flex-direction:column;
        gap:25px;
    }

    .trusted-text{
        width:100%;
        text-align:center;
    }

    .student-slider{
        width:100%;
        gap:15px;
        padding-bottom:5px;
    }

    .student-card{
        min-width:85%;
        max-width:85%;
        padding:20px;
    }

    .student-top{
        gap:12px;
    }

    .student-top img{
        width:55px;
        height:55px;
        object-fit:cover;
        border-radius:50%;
    }

    .student-top h3{
        font-size:16px;
    }

    .student-top span{
        font-size:13px;
    }

    .card-stars{
        font-size:15px;
    }

    .student-card p{
        font-size:14px;
        line-height:1.6;
    }

    .read-more-btn{
        font-size:14px;
    }

}

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

@media(max-width:480px){

    .student-card{
        min-width:92%;
        max-width:92%;
        padding:18px;
    }

    .trusted-text h2{
        font-size:28px;
    }

    .rating-number{
        font-size:22px;
    }

}

/* =========================================
PREMIUM TRUSTED STUDENTS MOBILE DESIGN
========================================= */

@media (max-width: 768px){

    .trusted-section{
        padding: 55px 18px;
        background: linear-gradient(180deg, #eef8ff 0%, #dff1ff 100%);
        position: relative;
        overflow: hidden;
    }



    .trusted-text h2{
        font-size: 44px;
        font-weight: 900;
        line-height: 1;
        margin-bottom: 22px;
        text-transform: uppercase;
        letter-spacing: 1px;

        background: linear-gradient(90deg, #001a57, #005eff);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

        text-shadow: 0 10px 25px rgba(0,94,255,0.15);
    }

    /* RATING BOX */

    .rating-box{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 14px 22px;
        border-radius: 20px;
        background: rgba(255,255,255,0.7);
        backdrop-filter: blur(12px);
        box-shadow: 0 12px 35px rgba(0,0,0,0.08);
        margin-bottom: 18px;
        flex-wrap: wrap;
    }

    .rating-number{
        font-size: 40px;
        font-weight: 900;
        color: #000;
    }

   .rating-box .stars{
    font-size: 22px;
    color: #ffb400;
    
    animation: glowStars 2s infinite alternate;
}

    /* REVIEW TEXT */



    /* GLOW EFFECTS */

    .trusted-section::before{
        content: "";
        position: absolute;
        width: 180px;
        height: 180px;
        background: rgba(0,94,255,0.12);
        border-radius: 50%;
        top: -50px;
        left: -50px;
        filter: blur(20px);
    }

    .trusted-section::after{
        content: "";
        position: absolute;
        width: 140px;
        height: 140px;
        background: rgba(255,180,0,0.15);
        border-radius: 50%;
        bottom: -40px;
        right: -40px;
        filter: blur(20px);
    }

    /* ANIMATIONS */

    @keyframes glowStars{
        from{
            transform: scale(1);
            opacity: 0.8;
        }
        to{
            transform: scale(1.08);
            opacity: 1;
        }
    }

    @keyframes floatBadge{
        0%{
            transform: translateY(0px);
        }
        50%{
            transform: translateY(-4px);
        }
        100%{
            transform: translateY(0px);
        }
    }

}

/* EXTRA SMALL MOBILE */

@media (max-width: 480px){

    .trusted-text h2{
        font-size: 36px;
    }

    .rating-number{
        font-size: 32px;
    }

    .stars{
        font-size: 18px;
    }

    .trusted-text p{
        font-size: 14px;
    }

}