/* =========================================
   FINAL FULLSCREEN HERO SECTION
========================================= */

.eduverse-hero{
    position:relative;
    width:100%;
    height:100vh;
    min-height:100vh;

    display:flex;
    align-items:center;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#4f46e515,transparent 30%),
    radial-gradient(circle at bottom right,#06b6d415,transparent 30%),
    #f8f9ff;

    padding:100px 0 40px;
}

/* CONTAINER */
.eduverse-container{
    width:100%;
    max-width:1450px;

    margin:auto;

    padding:0 25px;

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

    gap:40px;
}

/* LEFT */
.eduverse-left{
    width:46%;
}

/* BADGE */
.eduverse-badge{
    display:inline-flex;
    align-items:center;

    padding:12px 22px;

    border-radius:50px;

    background:#eef2ff;

    color:#4f46e5;

    font-size:13px;
    font-weight:700;

    margin-bottom:24px;
}

/* TITLE */
.eduverse-left h1{
    font-size:58px;
    line-height:1.02;

    font-weight:900;

    color:#0f172a;

    margin-bottom:10px;
}

/* SUBTITLE */
.eduverse-left h2{
    font-size:42px;

    font-weight:900;

    margin-bottom:18px;

    background:linear-gradient(
        90deg,
        #4f46e5,
        #06b6d4,
        #7c3aed
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* DESCRIPTION */
.eduverse-left p{
    font-size:17px;

    line-height:1.8;

    color:#64748b;

    margin-bottom:28px;

    max-width:620px;
}

/* FEATURES */
.eduverse-feature-grid{
    display:grid;

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

    gap:14px;

    margin-bottom:28px;
}

/* CARD */
.eduverse-feature-card{
    background:#fff;

    border-radius:22px;

    padding:18px 14px;

    text-align:center;

    box-shadow:
    0 12px 30px rgba(0,0,0,.05);

    transition:.4s;
}

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

/* ICON */
.feature-icon{
    width:50px;
    height:50px;

    margin:auto auto 12px;

    border-radius:16px;

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

    background:linear-gradient(
        135deg,
        #4f46e5,
        #06b6d4
    );

    color:#fff;

    font-size:18px;
}

/* FEATURE TEXT */
.eduverse-feature-card span{
    font-size:13px;

    line-height:1.5;

    font-weight:700;

    color:#0f172a;
}

/* BUTTONS */
.eduverse-buttons{
    display:flex;
    align-items:center;

    gap:22px;

    margin-bottom:24px;
}

/* PRIMARY BUTTON */
.eduverse-btn-primary{
    height:56px;

    padding:0 34px;

    border-radius:60px;

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

    gap:12px;

    background:linear-gradient(
        135deg,
        #4f46e5,
        #06b6d4
    );

    color:#fff !important;

    text-decoration:none;

    font-weight:700;

    box-shadow:
    0 16px 35px rgba(79,70,229,.25);

    transition:.4s;
}

.eduverse-btn-primary:hover{
    transform:translateY(-4px);
}

/* WATCH BUTTON */
.eduverse-btn-watch{
    display:flex;
    align-items:center;

    gap:14px;

    text-decoration:none;
}

.watch-icon{
    width:54px;
    height:54px;

    border-radius:50%;

    background:#fff;

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

    color:#4f46e5;

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

.eduverse-btn-watch strong{
    display:block;

    color:#0f172a;
}

.eduverse-btn-watch span{
    color:#64748b;

    font-size:14px;
}

/* TRUST */
.eduverse-trust{
    display:flex;
    align-items:center;

    gap:18px;
}

/* USERS */
.eduverse-users{
    display:flex;
    align-items:center;
}

.eduverse-users img,
.users-more{
    width:50px;
    height:50px;

    border-radius:50%;

    border:3px solid #fff;

    object-fit:cover;

    margin-left:-10px;
}

.eduverse-users img:first-child{
    margin-left:0;
}

.users-more{
    display:flex;
    align-items:center;
    justify-content:center;

    background:#6d5dfc;

    color:#fff;

    font-size:13px;
    font-weight:700;
}

/* RATING */
.eduverse-rating strong{
    display:block;

    font-size:17px;

    color:#0f172a;
}

.eduverse-rating span{
    color:#64748b;

    font-size:14px;
}

/* RIGHT */
.eduverse-right{
    width:54%;

    position:relative;
}

/* FLOAT BALL */
.floating-ball{
    position:absolute;

    width:110px;
    height:110px;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #4f46e5,
        #06b6d4
    );

    opacity:.25;

    filter:blur(10px);

    top:-30px;
    left:120px;
}

/* DASHBOARD */
.eduverse-dashboard{
    display:flex;

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    transform:scale(.88);

    transform-origin:center;

    box-shadow:
    0 25px 70px rgba(79,70,229,.15);
}

/* SIDEBAR */
.dashboard-sidebar{
    width:190px;

    padding:24px;

    background:linear-gradient(
        180deg,
        #4f46e5,
        #4338ca
    );
}

/* LOGO */
.sidebar-logo{
    width:70px;
    height:70px;

    border-radius:22px;

    background:#fff;

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

    color:#4f46e5;

    font-size:28px;

    margin-bottom:34px;
}

/* MENU */
.dashboard-sidebar ul{
    list-style:none;
    padding:0;
    margin:0;
}

.dashboard-sidebar li{
    display:flex;
    align-items:center;

    gap:12px;

    padding:14px 16px;

    border-radius:16px;

    color:#fff;

    margin-bottom:10px;

    font-size:15px;

    transition:.4s;
}

.dashboard-sidebar li.active,
.dashboard-sidebar li:hover{
    background:rgba(255,255,255,.15);
}

/* MAIN */
.dashboard-main{
    flex:1;

    padding:24px;
}

/* TOP CARDS */
.dashboard-top-cards{
    display:grid;

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

    gap:12px;

    margin-bottom:18px;
}

/* TOP CARD */
.top-card{
    background:#f8fafc;

    border-radius:20px;

    padding:16px;
}

.top-card small{
    display:block;

    color:#64748b;

    margin-bottom:6px;

    font-size:13px;
}

.top-card h3{
    font-size:24px;

    font-weight:800;

    color:#0f172a;

    margin-bottom:6px;
}

.top-card span{
    color:#22c55e;

    font-size:13px;
}

/* MIDDLE */
.dashboard-middle{
    display:grid;

    grid-template-columns:280px 1fr;

    gap:14px;
}

/* FEE CARD */
.fee-card{
    background:#f8fafc;

    border-radius:24px;

    padding:24px;
}

/* CIRCLE */
.progress-circle{
    width:120px;
    height:120px;

    border-radius:50%;

    margin:auto;

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

    font-size:28px;

    font-weight:800;

    color:#0f172a;

    background:
    conic-gradient(
        #4f46e5 0% 75%,
        #dbeafe 75% 100%
    );
}

/* GRAPH */
.graph-card{
    background:#f8fafc;

    border-radius:24px;

    padding:24px;
}

/* GRAPH LINE */
.graph-line{
    width:100%;

    height:170px;

    background:url('https://svgshare.com/i/16xA.svg');

    background-size:cover;
}

/* FLOATING MOBILE */
.floating-mobile-card{
    position:absolute;

    right:-10px;

    top:160px;

    width:210px;

    transform:scale(.85);

    background:#fff;

    border-radius:24px;

    padding:22px;

    box-shadow:
    0 18px 35px rgba(0,0,0,.08);
}

/* BLURS */
.hero-blur{
    position:absolute;

    border-radius:50%;

    filter:blur(120px);
}

.hero-blur-1{
    width:400px;
    height:400px;

    background:#4f46e520;

    top:-150px;
    left:-150px;
}

.hero-blur-2{
    width:300px;
    height:300px;

    background:#06b6d420;

    bottom:-150px;
    right:-150px;
}

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

    .eduverse-container{
        flex-direction:column;
    }

    .eduverse-left,
    .eduverse-right{
        width:100%;
    }

    .eduverse-dashboard{
        transform:scale(1);
    }

}

@media(max-width:768px){

    .eduverse-hero{
        height:auto;

        padding:120px 0 80px;
    }

    .eduverse-left h1{
        font-size:42px;
    }

    .eduverse-left h2{
        font-size:32px;
    }

    .eduverse-feature-grid{
        grid-template-columns:1fr 1fr;
    }

    .dashboard-top-cards{
        grid-template-columns:1fr;
    }

    .dashboard-middle{
        grid-template-columns:1fr;
    }

    .eduverse-dashboard{
        flex-direction:column;
    }

    .dashboard-sidebar{
        width:100%;
    }

    .floating-mobile-card{
        display:none;
    }

}
/* =========================================
   PERFECT MOBILE RESPONSIVE FIX
========================================= */

@media(max-width:768px){

    /* HERO */
    .eduverse-hero{
        height:auto;
        min-height:auto;

        padding:130px 0 70px;
    }

    /* CONTAINER */
    .eduverse-container{
        flex-direction:column;

        gap:40px;

        padding:0 18px;
    }

    /* LEFT */
    .eduverse-left{
        width:100%;
    }

    /* TITLE */
    .eduverse-left h1{
        font-size:52px;

        line-height:1.02;

        margin-bottom:10px;
    }

    /* SUBTITLE */
    .eduverse-left h2{
        font-size:34px;

        line-height:1.1;

        margin-bottom:18px;
    }

    /* DESCRIPTION */
    .eduverse-left p{
        font-size:16px;

        line-height:1.8;

        margin-bottom:24px;
    }

    /* FEATURES */
    .eduverse-feature-grid{
        grid-template-columns:1fr 1fr;

        gap:14px;

        margin-bottom:24px;
    }

    /* FEATURE CARD */
    .eduverse-feature-card{
        padding:18px 12px;

        border-radius:20px;
    }

    /* ICON */
    .feature-icon{
        width:48px;
        height:48px;

        font-size:18px;

        margin-bottom:10px;
    }

    /* FEATURE TEXT */
    .eduverse-feature-card span{
        font-size:13px;

        line-height:1.5;
    }

    /* BUTTONS */
    .eduverse-buttons{
        flex-direction:row;

        align-items:center;

        gap:16px;

        margin-bottom:28px;
    }

    /* PRIMARY BUTTON */
    .eduverse-btn-primary{
        height:54px;

        padding:0 24px;

        font-size:15px;
    }

    /* WATCH BTN */
    .eduverse-btn-watch{
        gap:10px;
    }

    .watch-icon{
        width:48px;
        height:48px;
    }

    /* TRUST */
    .eduverse-trust{
        flex-direction:row;

        align-items:center;

        gap:14px;

        flex-wrap:wrap;
    }

    /* USERS */
    .eduverse-users img,
    .users-more{
        width:42px;
        height:42px;
    }

    /* RATING */
    .eduverse-rating strong{
        font-size:16px;
    }

    .eduverse-rating span{
        font-size:13px;
    }

    /* RIGHT */
    .eduverse-right{
        width:100%;
    }

    /* DASHBOARD */
    .eduverse-dashboard{
        flex-direction:column;

        transform:scale(1);

        border-radius:26px;
    }

    /* SIDEBAR */
    .dashboard-sidebar{
        width:100%;

        padding:22px;
    }

    /* SIDEBAR MENU */
    .dashboard-sidebar ul{
        display:grid;

        grid-template-columns:1fr 1fr;

        gap:10px;
    }

    .dashboard-sidebar li{
        margin-bottom:0;

        font-size:14px;

        justify-content:center;
    }

    /* MAIN */
    .dashboard-main{
        padding:18px;
    }

    /* TOP CARDS */
    .dashboard-top-cards{
        grid-template-columns:1fr 1fr;

        gap:10px;
    }

    /* TOP CARD */
    .top-card{
        padding:14px;
    }

    .top-card h3{
        font-size:22px;
    }

    .top-card small{
        font-size:12px;
    }

    .top-card span{
        font-size:11px;
    }

    /* MIDDLE */
    .dashboard-middle{
        grid-template-columns:1fr;

        gap:14px;
    }

    /* FEE CARD */
    .fee-card{
        padding:18px;
    }

    /* GRAPH */
    .graph-card{
        padding:18px;
    }

    .graph-line{
        height:160px;
    }

    /* FLOAT CARD */
    .floating-mobile-card{
        display:none;
    }

    /* FLOAT BALL */
    .floating-ball{
        width:80px;
        height:80px;

        top:-20px;
        left:50%;
    }

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

@media(max-width:768px){

    /* HEADER */
    .nova-header{
        padding:14px 16px !important;

        border-radius:0 0 24px 24px !important;
    }

    /* NAVBAR */
    .nova-nav{
        min-height:70px !important;

        padding:0 !important;
    }

    /* LOGO */
    .navbar-brand img{
        max-width:140px !important;

        height:auto !important;
    }

    /* MOBILE MENU BUTTON */
    .navbar-toggler{
        width:54px !important;
        height:54px !important;

        border:none !important;

        border-radius:18px !important;

        background:rgba(255,255,255,.08) !important;

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

        padding:0 !important;

        box-shadow:none !important;
    }

    /* REMOVE BLUE OUTLINE */
    .navbar-toggler:focus{
        box-shadow:none !important;
    }

    /* HAMBURGER ICON */
    .navbar-toggler i,
    .navbar-toggler span{
        font-size:24px !important;

        color:#fff !important;
    }

    /* HERO TOP SPACE */
    .eduverse-hero{
        padding-top:150px !important;
    }

}
/* =========================================
   HERO SLIDER
========================================= */

.hero-slider-wrapper{
    position:relative;

    width:100%;
}

/* SWIPER */
.heroSwiper{
    width:100%;

    padding:40px 20px;
}

/* SLIDE */
.swiper-slide{
    opacity:.5;

    transform:scale(.88);

    transition:.5s;
}

.swiper-slide-active{
    opacity:1;

    transform:scale(1);
}

/* CARD */
.hero-slide-card{
    background:rgba(255,255,255,.7);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.5);

    border-radius:34px;

    padding:38px;

    min-height:460px;

    box-shadow:
    0 20px 60px rgba(79,70,229,.12);
}

/* TOP */
.slide-top{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:26px;
}

/* ICON */
.slide-icon{
    width:70px;
    height:70px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:26px;
}

.slide-icon.blue{
    background:linear-gradient(135deg,#4f46e5,#06b6d4);
}

.slide-icon.purple{
    background:linear-gradient(135deg,#7c3aed,#4f46e5);
}

.slide-icon.cyan{
    background:linear-gradient(135deg,#06b6d4,#0ea5e9);
}

/* TITLE */
.hero-slide-card h3{
    font-size:42px;

    font-weight:900;

    color:#0f172a;

    margin-bottom:18px;
}

/* TEXT */
.hero-slide-card p{
    font-size:17px;

    line-height:1.8;

    color:#64748b;

    margin-bottom:30px;
}

/* PROGRESS */
.progress-line{
    width:100%;

    height:14px;

    border-radius:20px;

    background:#e2e8f0;

    overflow:hidden;
}

.progress-fill{
    width:95%;
    height:100%;

    background:linear-gradient(
        90deg,
        #4f46e5,
        #06b6d4
    );

    border-radius:20px;
}

/* CIRCLE */
.circle-progress{
    width:150px;
    height:150px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

    font-size:36px;

    font-weight:900;

    color:#0f172a;

    background:
    conic-gradient(
        #4f46e5 0% 75%,
        #dbeafe 75% 100%
    );
}

/* USERS */
.mini-users{
    display:flex;

    align-items:center;
}

.mini-users img{
    width:60px;
    height:60px;

    border-radius:50%;

    object-fit:cover;

    border:4px solid #fff;

    margin-left:-14px;
}

.mini-users img:first-child{
    margin-left:0;
}

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

    .hero-slide-card{
        padding:28px;

        min-height:380px;
    }

    .hero-slide-card h3{
        font-size:28px;
    }

    .slide-icon{
        width:58px;
        height:58px;

        font-size:20px;
    }

}
.hero-slide-image{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:30px;
    display:block;
}
/* MOBILE FIX */
@media(max-width:768px){

    .hero-slide-card{
        padding:0 !important;
        height:auto !important;
        min-height:auto !important;

        border-radius:22px;

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

        overflow:hidden;
    }

    .hero-slide-image{

        width:100% !important;
        height:auto !important;

        object-fit:contain !important;

        display:block;

        border-radius:22px;
    }

    /* REMOVE EXTRA SWIPER SCALE */
    .swiper-slide{
        transform:none !important;
        opacity:1 !important;
    }

    .heroSwiper{
        padding:0 !important;
    }

}
.eduverse-hero{

    min-height:100vh;

    height:auto !important;

    padding-top:140px;
    padding-bottom:80px;

    overflow:visible !important;

    display:flex;
    align-items:center;

}
.nova-right a{

    background: #06b6d4 !important;

    color: #fff !important;

    padding: 14px 34px !important;

    border-radius: 14px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    line-height: normal !important;

    border: none !important;

    box-shadow: 0 10px 25px rgba(6,182,212,.35) !important;
}

/* hover */
.nova-right a:hover{
    background:#4f46e5 !important;
    color:#fff !important;
}
/* MENU LINKS COLOR */
.nova-menu a{

    color:#ffffff !important;

    font-weight:600 !important;

    transition:.3s ease;

}

/* HOVER */
.nova-menu a:hover{

    color:#06b6d4 !important;

}

/* ACTIVE MENU */
.nova-menu a.active{

    color:#06b6d4 !important;

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

    .nova-menu{
        background:#0f172a !important;
    }

    .nova-menu a{

        color:#ffffff !important;

        padding:14px 18px !important;

        display:block !important;

        border-bottom:1px solid rgba(255,255,255,.06);

    }

    .nova-menu a:hover,
    .nova-menu a.active{

        color:#06b6d4 !important;

        background:rgba(6,182,212,.08);

    }

}
/* Hide on Desktop */
.mobile-watch-btn{
    display: none;
}

/* Show only on Mobile */
@media only screen and (max-width: 767px){

    .mobile-watch-btn{
        display: inline-flex !important;
        align-items: center;
        gap: 8px;

        margin-top: 15px;
        padding: 10px 18px;

        background: #ff0000;
        color: #fff !important;

        border-radius: 40px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
    }
}

/* Hide on Desktop */
.mobile-watch-wrapper{
    display: none;
}

/* Mobile Only */
@media only screen and (max-width: 767px){

    .mobile-watch-wrapper{
        display: flex !important;
        justify-content: center;
        margin-top: 20px;
        width: 100%;
    }

    .mobile-watch-btn{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        padding: 10px 18px;

        background: #ff0000;
        color: #fff !important;

        border-radius: 40px;
        text-decoration: none;

        font-size: 14px;
        font-weight: 600;
    }
}