/* =========================
   ULEARNO PRACTICE CAROUSELS
========================= */

.jee-home-wrap,
.mht-home-wrap,
.neet-home-wrap{

    margin:40px 0;

    width:100%;

}



/* HEADERS */

.jee-head,
.mht-head,
.neet-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.jee-head h2,
.mht-head h2,
.neet-head h2{

    margin:0;

    font-family:'Inter',sans-serif;

    font-size:17px;

    font-weight:600;

    letter-spacing:-.4px;

    color:#0f172a;

}

.jee-head a,
.mht-head a,
.neet-head a{

    color:#4f46e5;

    font-family:'Inter',sans-serif;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

}



/* CAROUSEL */

.jee-carousel-wrap,
.mht-carousel-wrap,
.neet-carousel-wrap{

    position:relative;

}

.jee-carousel,
.mht-carousel,
.neet-carousel{

    overflow:hidden;

}

.jee-track,
.mht-track,
.neet-track{

    display:flex;

    transition:.35s ease;

}



/* CARDS */

.jee-card,
.mht-card,
.neet-card{

    flex:0 0 calc(33.33% - 14px);

    box-sizing:border-box;

    padding:7px;

}

.jee-card-inner,
.mht-card-inner,
.neet-card-inner{

    background:#fff;

    border-radius:18px;

    padding:14px;

    border:1px solid #f1f5f9;

    box-shadow:
        0 8px 30px rgba(15,23,42,.06);

    transition:.25s ease;

}

.jee-card-inner:hover,
.mht-card-inner:hover,
.neet-card-inner:hover{

    transform:translateY(-4px);

}



/* IMAGES */

.jee-image,
.mht-image,
.neet-image{

    width:100%;

    border-radius:12px;

    display:block;

}



/* QUESTION ID */

.jee-id,
.mht-id,
.neet-id{

    margin-top:14px;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.8px;

    color:#64748b;

}



/* QUESTION */

.jee-question,
.mht-question,
.neet-question{

    margin:12px 0 18px;

    font-size:15px;

    font-weight:600;

    line-height:1.6;

    color:#0f172a;

    min-height:72px;

}



/* BUTTONS */

.jee-btn,
.mht-btn,
.neet-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:42px;

    padding:0 18px;

    border-radius:12px;

    background:#4f46e5;

    color:#fff;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    transition:.25s ease;

}

.jee-btn:hover,
.mht-btn:hover,
.neet-btn:hover{

    background:#3730a3;

}



/* NAV */

.jee-nav,
.mht-nav,
.neet-nav{

    position:absolute;

    top:45%;

    transform:translateY(-50%);

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#fff;

    box-shadow:
        0 4px 15px rgba(0,0,0,.15);

    cursor:pointer;

    z-index:5;

    font-size:24px;

}

.prev{

    left:-12px;

}

.next{

    right:-12px;

}
 


/* MOBILE */

@media(max-width:768px){

    .jee-head h2,
    .mht-head h2,
    .neet-head h2{

        font-size:17px;

    }

    .jee-nav,
    .mht-nav,
    .neet-nav{

        display:none;

    }

    .jee-carousel,
    .mht-carousel,
    .neet-carousel{

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;

    }

    .jee-carousel::-webkit-scrollbar,
    .mht-carousel::-webkit-scrollbar,
    .neet-carousel::-webkit-scrollbar{

        display:none;

    }

    .jee-card,
    .mht-card,
    .neet-card{

        flex:0 0 50%;

    }

    .jee-question,
    .mht-question,
    .neet-question{

        font-size:14px;

        min-height:65px;

    }

}


