* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* testimonial-section */
.testimonial-section {
    /* padding: 150px 0; */
    position: relative;
}

.testimonila-wrapper {
    /* display: flex;
    align-items: center; */
    gap: 64px;
}

.testimonila-wrapper .btn-wrapper {
    display: flex;
    gap: 15px;
}

.btn-testimonial .elementor-icon{
    width: 50px;
    height: 50px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border: 1px solid #0f572a;
    background: rgba(15, 87, 42, 10%);
    transition: 0.3s ease-in all;
    -webkit-transition: 0.3s ease-in all;
    -moz-transition: 0.3s ease-in all;
    -ms-transition: 0.3s ease-in all;
    -o-transition: 0.3s ease-in all;
}

.btn-testimonial .elementor-icon >*{
    width: 17px;
    height: auto;
}

.btn-testimonial .elementor-icon:hover{
    background: #0f572a;
}

.btn-testimonial .elementor-icon:focus{
    background: #0f572a;
}

.btn-testimonial .elementor-icon:focus *{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.btn-testimonial .elementor-icon:hover *{
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}


.testimonila-wrapper .testimonila-details {
    max-width: 807px;
    width: 100%;
}

.testimonila-wrapper .slider-details {
    max-width: 749px;
    width: 100%;
}

.testimonial-swiper .review-block {
    min-height: 517px;
    padding: 50px 30px;
    background: #c2d6c9;
    position: relative;
    z-index: 1;
    transition: 0.3s ease-out all;
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    -webkit-transition: 0.3s ease-out all;
    -moz-transition: 0.3s ease-out all;
    -ms-transition: 0.3s ease-out all;
    -o-transition: 0.3s ease-out all;
}

.testimonial-swiper .review-block * {
    opacity: 0;
}


.testimonial-swiper .swiper-slide.swiper-slide-active .review-block * {
    opacity: 1;
}

.testimonial-swiper .swiper-slide.swiper-slide-active {
    z-index: 3;
}

.testimonial-swiper .swiper-slide.swiper-slide-next {
    z-index: 2;
}

.testimonial-swiper .swiper-slide.swiper-slide-active .review-block {
    background-color: #0f572a;

    transform: scale(1);
    z-index: 3;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}


.testimonial-swiper .swiper-slide .review-block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.testimonial-swiper .swiper-slide.swiper-slide-next .review-block {
    background-color: #669979;
    transform: scale(0.95);
    z-index: 2;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
}

.testimonial-swiper .review-block .profile-img {
    border-radius: 50%;
    height: 82px;
    width: 82px;
    position: relative;
    border: 3px solid #fff;
    margin-bottom: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.testimonial-swiper .review-block .profile-img::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='15' cy='15' r='14.75' fill='white' stroke='white' stroke-width='0.5'/%3E%3Cpath d='M22.382 10.0919C23.3933 11.1838 24 12.375 24 14.3603C24 17.8346 21.4719 20.9118 17.9326 22.5L17.0225 21.2096C20.3596 19.4228 21.0674 17.1397 21.2697 15.6507C20.764 15.9485 20.0562 16.0478 19.3483 15.9485C17.5281 15.75 16.1124 14.3603 16.1124 12.4743C16.1124 11.5809 16.5169 10.6875 17.1236 9.99265C17.8315 9.29779 18.6404 9 19.6517 9C20.764 9 21.7753 9.49632 22.382 10.0919V10.0919ZM12.2697 10.0919C13.2809 11.1838 13.8876 12.375 13.8876 14.3603C13.8876 17.8346 11.3596 20.9118 7.82022 22.5L6.91011 21.2096C10.2472 19.4228 10.9551 17.1397 11.1573 15.6507C10.6517 15.9485 9.94382 16.0478 9.23595 15.9485C7.41573 15.75 6 14.3603 6 12.4743C6 11.5809 6.4045 10.6875 7.01124 9.99265C7.61798 9.29779 8.52809 9 9.53933 9C10.6517 9 11.6629 9.49632 12.2697 10.0919V10.0919Z' fill='%230F572A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    bottom: 10px;
    right: -11px;
}



.testimonial-swiper .review-block .profile-bottom-details ul li img {
    height: 18px;
    width: 18px;
}

.testimonial-swiper .review-block .profile-img * {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-swiper .review-block .profile-details {
    font-family: "Inter";
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    /* 30px */
    text-transform: capitalize;
    color: #fff;
}

.testimonial-swiper .review-block .profile-details * {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    /* 30px */
    text-transform: inherit;
}

.testimonial-swiper .review-block .profile-bottom-details .name {
    font-family: "Inter";
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.testimonial-swiper .review-block .profile-bottom-details ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 4px;
    padding: 0;
    margin: 0;
}

.testimonial-swiper .review-block .profile-bottom-details ul li img {
    height: 25px;
    width: 25px;
}

.testimonial-swiper .review-block .profile-bottom-details .name * {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
}


/* testimonial-section */

/* responsive */
@media (max-width: 1024px) {
    .testimonila-wrapper {
        flex-direction: column;
    }


    .testimonial-swiper .review-block{
        min-height: 407px;
    }

    .testimonila-wrapper .slider-details {
        max-width: 100%;
    }

    .testimonila-wrapper .testimonila-details {
        max-width: 100%;
    }


    .testimonial-swiper .swiper-slide.swiper-slide-next .review-block {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .testimonila-wrapper {
        gap: 38px;
    }

    .testimonial-swiper .review-block * {
        opacity: 1;
    }

    .testimonial-swiper .review-block {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .testimonila-wrapper .btn-wrapper {
        position: absolute;
        bottom: 0;
    }

    .btn-testimonial .elementor-icon{
        width: 42px;
        height: 42px;
    }

    /* .testimonial-section {
        padding: 80px 0 80px;
    } */

    .testimonial-swiper .swiper-slide.swiper-slide-next .review-block,
    .testimonial-swiper .review-block{
        background: #0f572a;
    }

}

@media (max-width: 767px) {
    /* .testimonial-swiper .swiper-slide.swiper-slide-active .review-block {
        
    } */

    .testimonial-swiper .review-block {
        min-height: 386px;
        padding: 25px 15px;
    }

    .testimonial-swiper .review-block .profile-details {
        font-size: 18px;
    }

    .testimonial-swiper .review-block .profile-bottom-details .name {
        font-size: 18px;
    }

    .testimonial-swiper .review-block .profile-img {
        height: 62px;
        width: 62px;
    }

    .testimonial-swiper .review-block .profile-img::after {
        width: 22px;
        height: 22px;
        bottom: 4px;
        right: -10px;
    }

    .testimonial-swiper .review-block .profile-bottom-details ul li img {
        height: 18px;
        width: 18px;
    }
}
/* responsive */
