/*=========================================================
TESTIMONIALS
MOBILE FIRST
=========================================================*/

.testimonials-section{

    padding:80px 0;
    background:#FCFDFE;
    overflow:hidden;

}


/*=========================================================
HEADER
=========================================================*/

.testimonials-section .section-header{

    text-align:center;
    max-width:700px;
    margin:0 auto 50px;

}


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

.testimonial-slider{

    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;

}


/*=========================================================
VIEWPORT
=========================================================*/

.testimonial-viewport{

    width:100%;
    overflow:hidden;

}


/*=========================================================
TRACK
=========================================================*/

.testimonial-track{

    display:flex;
    transition:transform .45s ease;

}


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

.testimonial-card{

    flex:0 0 100%;

    background:#FFFFFF;

    border:1px solid #E7EDF3;

    border-radius:24px;

    padding:34px 28px;

    text-align:center;

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

}


/*=========================================================
AVATAR
=========================================================*/

.testimonial-avatar{

    width:82px;

    height:82px;

    border-radius:50%;

    object-fit:cover;

    margin:0 auto 20px;

    border:4px solid #EDF3F8;

}


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

.testimonial-stars{

    display:flex;

    justify-content:center;

    gap:4px;

    margin-bottom:22px;

}

.testimonial-stars i{

    color:#F5B940;

    font-size:15px;

}


/*=========================================================
TEXT
=========================================================*/

.testimonial-card blockquote{

    font-size:16px;

    line-height:1.8;

    color:var(--text);

    margin-bottom:24px;

    font-style:normal;

}

.testimonial-card h3{

    font-size:20px;

    color:var(--dark);

    margin-bottom:6px;

}

.testimonial-card span{

    font-size:14px;

    font-weight:600;

    color:var(--secondary);

}


/*=========================================================
CONTROLS
=========================================================*/

.testimonial-controls{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:22px;

}


/*=========================================================
ARROWS
=========================================================*/

.testimonial-arrow{

    width:48px;

    height:48px;

    border:none;

    border-radius:50%;

    background:#FFFFFF;

    border:1px solid #E4EBF2;

    cursor:pointer;

    transition:.30s;

}

.testimonial-arrow i{

    color:var(--dark);

    font-size:16px;

}

.testimonial-arrow:hover{

    background:var(--secondary);

}

.testimonial-arrow:hover i{

    color:#FFFFFF;

}


/*=========================================================
PAGINATION
=========================================================*/

.testimonial-pagination{

    display:flex;

    justify-content:center;

    gap:10px;

}

.testimonial-pagination button{

    width:10px;

    height:10px;

    border:none;

    border-radius:50%;

    background:#CFD8E3;

    cursor:pointer;

    transition:.30s;

}

.testimonial-pagination button.active{

    width:28px;

    border-radius:999px;

    background:var(--secondary);

}