/*
|--------------------------------------------------------------------------
| Featured Tutors
|--------------------------------------------------------------------------
*/

.featured-section{

    padding:50px 0;

    background:#F7F9FC;

}

.section-heading{

    margin-bottom:50px;

}

.section-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 22px;

    border-radius:50px;

    background:#FFF3E8;

    color:#FF7A00;

    font-weight:700;

    margin-bottom:18px;

}

.section-heading h2{

    font-size:42px;

    font-weight:800;

    color:#16213E;

    margin-bottom:15px;

}

.section-heading p{

    max-width:650px;

    margin:auto;

    color:#6B7280;

    font-size:17px;

}

/*------------------------------------*/

.tutor-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:70px 30px 30px;

    text-align:center;

    box-shadow:0 15px 40px rgba(15,52,96,.08);

    transition:.35s;

    height:100%;

    overflow:visible;
    
    padding-top: 90px;
    
    width:100%;

}

.tutor-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#FF7A00,#FFB347);

}

.tutor-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 30px 60px rgba(15,52,96,.15);

}

/*------------------------------------*/

.tutor-photo-wrapper{

    position:absolute;

    top:-45px;

    left:50%;

    transform:translateX(-50%);

    width:90px;

    height:90px;

    border-radius:50%;

    padding:5px;

    background:linear-gradient(135deg,#FF7A00,#FFB347);

}

.tutor-photo{

    width:100%;

    height:100%;

    object-fit:cover;

    border-radius:50%;

    border:4px solid #fff;

}

.tutor-photo{

    transition:.4s;

}

.tutor-card:hover .tutor-photo{

    transform:scale(1.08);

}

/*------------------------------------*/

.verified-badge{

    display:inline-flex;

    align-items:center;

    gap:6px;

    background:#EAFBF2;

    color:#16A34A;

    font-size:13px;

    font-weight:700;

    padding:6px 14px;

    border-radius:30px;

    margin-bottom:18px;

}

/*------------------------------------*/

.tutor-card h4{

    font-size:22px;

    font-weight:700;

    color:#16213E;

    margin-bottom:10px;

}

.qualification{

    color:#FF7A00;

    font-weight:600;

    margin-bottom:20px;

}

/*------------------------------------*/

.tutor-meta{

    display:flex;

    justify-content:center;

    gap:12px;

    flex-wrap:wrap;

    margin-bottom:20px;

}

.tutor-meta span{

    background:#F4F7FB;

    padding:8px 15px;

    border-radius:30px;

    font-size:14px;

    color:#4B5563;

}

.tutor-meta i{

    color:#FF7A00;

}

/*------------------------------------*/

.hourly-fee{

    font-size:28px;

    font-weight:800;

    color:#16213E;

    margin-bottom:25px;

}

.hourly-fee small{

    font-size:15px;

    color:#6B7280;

}

/*------------------------------------*/

.btn-view-profile{

    display:block;

    text-decoration:none;

    background:#16213E;

    color:#fff;

    padding:14px;

    border-radius:14px;

    font-weight:700;

    transition:.30s;

}

.btn-view-profile:hover{

    background:#FF7A00;

    color:#fff;

}

/*------------------------------------*/

.btn-view-all{

    display:inline-block;

    padding:16px 34px;

    border-radius:50px;

    background:#FF7A00;

    color:#fff;

    font-weight:700;

    text-decoration:none;

    transition:.30s;

}

.btn-view-all:hover{

    background:#16213E;

    color:#fff;

}

/*------------------------------------*/

@media(max-width:991px){

.section-heading h2{

    font-size:34px;

}

}

@media(max-width:767px){

.tutor-card{

    margin-top:50px;

}

.section-heading h2{

    font-size:28px;

}

}

.swiper{

    padding:60px 10px 70px;

}

.swiper-slide{

    height:auto;
    display:flex;

}

.featuredSwiper .swiper-button-next,
.featuredSwiper .swiper-button-prev{

    width:52px;

    height:52px;

    background:#FFFFFF;

    border-radius:50%;

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

    color:#FF7A00;

    transition:.35s;

}

.featuredSwiper .swiper-button-next:hover,
.featuredSwiper .swiper-button-prev:hover{

    background:#FF7A00;

    color:#FFFFFF;

    transform:scale(1.08);

}

.featuredSwiper .swiper-button-next::after,
.featuredSwiper .swiper-button-prev::after{

    font-size:18px;

    font-weight:700;

}

.featuredSwiper .swiper-pagination-bullet{

    background:#16213E;

    opacity:.4;

}

.featuredSwiper .swiper-pagination-bullet-active{

    background:#FF7A00;

    opacity:1;

}