/*=========================================
TESTIMONIAL SECTION
=========================================*/

.testimonials-section{
    position:relative;
    padding:140px 0;
    background:#FCFAF7;
    overflow:hidden;
}

.testimonials-section::before{
    content:"";
    position:absolute;
    width:650px;
    height:650px;
    left:-250px;
    top:-200px;
    border-radius:50%;
    background:rgba(212,228,239,.25);
    filter:blur(120px);
}

.testimonials-section::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-180px;
    bottom:-180px;
    border-radius:50%;
    background:rgba(201,169,106,.12);
    filter:blur(100px);
}

/*=========================================
HEADING
=========================================*/

.testimonials-section .section-heading{
    max-width:760px;
    margin:auto;
    margin-bottom:80px;
    position:relative;
    z-index:2;
}

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

.testimonials-slider{
    position:relative;
    overflow:visible;
    padding:20px 20px 80px;
}

.testimonials-slider .swiper-wrapper{
    align-items:stretch;
}

.swiper-slide{
    height:auto;
    display:flex;
    transition:.45s ease;
    opacity:.45;
    transform:scale(.88);
}

.swiper-slide-prev,
.swiper-slide-next{
    opacity:.8;
    transform:scale(.94);
}

.swiper-slide-active{
    opacity:1;
    transform:scale(1.02);
    z-index:5;
}

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

.testimonial-card{

    position:relative;

    width:100%;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    height:100%;

    padding:45px;

    border-radius:30px;

    background:rgba(220,232,242,.20);

    backdrop-filter:blur(20px);

    -webkit-backdrop-filter:blur(20px);

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

    box-shadow:0 20px 60px rgba(0,0,0,.07);

    transition:.45s;

    overflow:hidden;

}

.testimonial-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-80px;

    top:-80px;

    border-radius:50%;

    background:rgba(255,255,255,.25);

    filter:blur(40px);

}

.testimonial-card:hover{

    transform:translateY(-12px);

    box-shadow:0 40px 80px rgba(0,0,0,.10);

}

/*=========================================
QUOTE
=========================================*/

.quote-icon{

    font-size:60px;

    color:rgba(201,169,106,.20);

    margin-bottom:20px;

}
.quote-icon i{
    color: var(--gold);
}
/*=========================================
STARS
=========================================*/

.testimonial-rating{

    display:flex;

    gap:6px;

    margin-bottom:25px;

}

.testimonial-rating i{

    color:#D4AF37;

    font-size:16px;

}

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

.testimonial-text{

    font-size:16px;

    line-height:1.9;

    color:var(--text);

    font-style:italic;

    margin-bottom:35px;

    flex-grow:1;

}

/*=========================================
AUTHOR
=========================================*/

.testimonial-author{

    padding-top:20px;

    border-top:1px solid rgba(0,0,0,.08);

}

.testimonial-author h4{

    margin:0;

    font-size:22px;

    color:var(--heading);

}

.testimonial-author span{

    display:block;

    margin-top:5px;

    color:var(--gold);

    font-size:15px;

    font-weight:600;

}

/*=========================================
NAVIGATION
=========================================*/

.testimonial-prev,
.testimonial-next{

   position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:60px;

    height:60px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    z-index:999;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.testimonial-prev{

   left:-70px;

}

.testimonial-next{

     right:-70px;

}

.testimonial-prev:hover,
.testimonial-next:hover{

    background:var(--gold);

    color:#fff;

}

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

.swiper-pagination{

    margin-top:50px;

    position:relative;

}

.swiper-pagination-bullet{

    width:12px;

    height:12px;

    background:#d0d0d0;

    opacity:1;

    transition:.35s;

}

.swiper-pagination-bullet-active{

    width:36px;

    border-radius:30px;

    background:var(--gold);

}

/*=========================================
HOVER
=========================================*/

.quote-icon{

    transition:.35s;

}

.testimonial-card:hover .quote-icon{

    transform:rotate(-10deg);

}

.testimonial-rating i{

    transition:.35s;

}

.testimonial-card:hover .testimonial-rating i{

    transform:translateY(-3px);

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1199px){

.testimonial-card{

    padding:35px;

}

}

@media(max-width:991px){

.testimonials-section{

    padding:100px 0;

}

.swiper-slide{

    opacity:1;

    transform:none;

}

.testimonial-prev{

    left:0;

}

.testimonial-next{

    right:0;

}

}

@media(max-width:767px){

.testimonials-section{

    padding:80px 0;

}

.testimonial-card{

    padding:28px;

    border-radius:24px;

}

.quote-icon{

    font-size:46px;

}

.testimonial-text{

    font-size:15px;

}

.testimonial-author h4{

    font-size:20px;

}

.testimonial-prev,
.testimonial-next{

    display:none;

}

}


.swiper-slide{

    filter:blur(2px);

}

.swiper-slide-prev,
.swiper-slide-next{

    filter:blur(1px);

}

.swiper-slide-active{

    filter:blur(0);

}


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

.testimonials-slider .swiper-pagination{
 position:relative;

    overflow:visible;

    margin-top:50px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

}

.testimonials-slider .swiper-pagination-bullet{

    width:45px;

    height:4px;

    border-radius:30px;

    background:#D8D8D8;

    opacity:1;

    transition:all .4s ease;

}

.testimonials-slider .swiper-pagination-bullet-active{

    width:80px;

    background:var(--gold);

}