/*=========================================================
    REVIEWS SECTION
=========================================================*/

.kk-reviews {

    position: relative;

    padding: 100px 0;

    background: var(--kk-bg);

    overflow: hidden;
    
}

/*=========================================================
    Decorative Background
=========================================================*/

.kk-reviews::before {

    content: "";

    position: absolute;

    top: -120px;

    right: -120px;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background: rgba(255, 179, 0, .06);

    filter: blur(40px);

}

.kk-reviews::after {

    content: "";

    position: absolute;

    bottom: -120px;

    left: -120px;

    width: 280px;

    height: 280px;

    border-radius: 50%;

    background: rgba(198, 40, 40, .05);

    filter: blur(40px);

}

.kk-reviews .kk-container {

    position: relative;

    z-index: 2;

}

/*=========================================================
    Review Statistics
=========================================================*/

.kk-review-stats{

    display:grid;

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

    gap:30px;

    margin:35px 0 55px;
    

}

.kk-review-stat{

    text-align:center;

    padding:24px 20px;

    background:var(--kk-surface);

    border-radius:var(--kk-radius-lg);

    box-shadow:var(--kk-shadow-sm);

    transition:var(--kk-transition);

     border-top:4px solid var(--kk-secondary);

}

.kk-review-stat:hover{

    transform:translateY(-6px);

    box-shadow:var(--kk-shadow);

}

.kk-review-stat:hover h3{

    transform:scale(1.05);

}

.kk-review-stat h3{

       font-size:48px;

    letter-spacing:-1px;

    color:var(--kk-primary);

    margin-bottom:8px;

    font-weight:700;

}

.kk-review-stat h3 span{

    color:var(--kk-secondary);

}

.kk-review-stat p{

    color:var(--kk-text-light);

    font-size:16px;

}


/*=========================================================
    CTA
=========================================================*/

.kk-review-cta {

    margin-top: 60px;

    text-align: center;

}
/*=========================================================
    Statistics Icon
=========================================================*/

.kk-review-stat-icon{

    width:72px;

    height:72px;

    margin:0 auto 18px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:rgba(255,179,0,.12);

    color:var(--kk-primary);

    font-size:28px;

    transition:var(--kk-transition);

}

.kk-review-stat{

    border-top:4px solid var(--kk-secondary);

    padding:24px;

}

.kk-review-stat:hover .kk-review-stat-icon{

    transform:rotate(10deg) scale(1.08);

    background:var(--kk-primary);

    color:#fff;

}

.kk-review-stat h3{

    font-size:48px;

    font-weight:700;

    color:var(--kk-primary);

    margin-bottom:10px;

    transition:var(--kk-transition);

}

.kk-review-stat:hover h3{

    transform:scale(1.05);

}
/*=========================================================
    REVIEW SWIPER
=========================================================*/

.kk-review-swiper{

    margin-top:45px;

    padding-bottom:65px;

}

.kk-review-swiper .swiper-wrapper{

    align-items:stretch;

}

.kk-review-swiper .swiper-slide{

    display:flex;

    height:auto;

}

.kk-review-swiper .kk-review-card{

    width:100%;

}

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

.kk-review-swiper .swiper-button-prev,
.kk-review-swiper .swiper-button-next{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fff;

    border:1px solid #ECECEC;

    color:var(--kk-primary);

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

    transition:.3s;

}

.kk-review-swiper .swiper-button-prev:hover,
.kk-review-swiper .swiper-button-next:hover{

    background:var(--kk-primary);

    color:#fff;

}

.kk-review-swiper .swiper-button-prev::after,
.kk-review-swiper .swiper-button-next::after{

    font-size:18px;

    font-weight:700;

}

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

.kk-review-swiper .swiper-pagination-bullet{

    width:10px;

    height:10px;

    background:#D7D7D7;

    opacity:1;

    transition:.3s;

}

.kk-review-swiper .swiper-pagination-bullet-active{

    width:28px;

    border-radius:999px;

    background:var(--kk-primary);

}
/*=========================================================
    Responsive
=========================================================*/


@media (max-width:768px) {

    .kk-reviews {

        padding: 80px 0;

    }

    .kk-review-cta {

        margin-top: 45px;

    }

    .kk-review-stats{

        display:grid;

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

        gap:12px;

        margin:30px 0 40px;

    }

     .kk-review-stat{

        padding:18px 10px;

    }

    .kk-review-stat-icon{

        width:46px;

        height:46px;

        margin:0 auto 12px;

        font-size:18px;

    }

    .kk-review-stat h3{

        font-size:24px;

        margin-bottom:6px;

    }

    .kk-review-stat p{

        font-size:12px;

        line-height:1.3;

    }

}
/*=========================================================
    SMALL MOBILE
=========================================================*/

@media (max-width:576px){

    .kk-review-stats{

        gap:8px;

        margin:25px 0 35px;

    }

    .kk-review-stat{

        padding:14px 8px;

        border-radius:16px;

    }

    .kk-review-stat-icon{

        width:40px;

        height:40px;

        margin:0 auto 10px;

        font-size:16px;

    }

    .kk-review-stat h3{

        font-size:20px;

        margin-bottom:4px;

        line-height:1;

    }

    .kk-review-stat p{

        font-size:11px;

        line-height:1.25;

    }

}