:root{
    --card-radius:40px;
}

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

.testimonial-section{
    width: 100%;
    max-width: 810px;
    margin: 0px auto 0px;
    position: relative;
    margin-bottom: 70px;
}

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

.testimonial-card-wrapper{
    position:relative;
    overflow:visible;
}

.testimonial-slide {
    display: flex;
}

.testimonial-slide-content {
    width: 100%;
    height: 100%;
}

/*==================================================
SWIPER
==================================================*/

.testimonial-swiper{
    width:100%;
    background: #ffffff;
    border-radius: 40px;
}

.swiper-wrapper{
    align-items:center;
}

.testimonial-slide{
    display:flex;
    justify-content:center;
    align-items:center;
}

.testimonial-slide-content{
    position: relative;
    width: 100%;
    max-width: 810px;
    text-align: center;
    padding: 115px 60px 104px 60px;
}

.testimonial-swiper,
.testimonial-swiper .swiper-slide{
    overflow:visible !important;
}


/*==================================================
CONTENT
==================================================*/

.slide-content-wrapper{
    display:flex;
    justify-content:start;
}

.testimonial-desc{
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 300;
    color: #1f1f1f;
    font-family: 'Arsenal';
    padding-bottom: 20px;
    max-width: 390px;
    text-align: start;
}

/*==================================================
CLIENT
==================================================*/

.client-meta{
    display:flex;
    /* flex-direction:column; */
    align-items:center;
    column-gap: 5px;
}

.client-profile-img{
    width:72px;
    height:72px;
    border-radius:50%;
    object-fit:cover;
    display:none;
    margin-bottom:14px;
}

.client-name{
    font-size: 16px;
    color: #836000;
    margin: 0;
    font-weight: 600;
    font-family: 'Arsenal';
}

.client-designation{
    font-size: 16px;
    color: #836000;
    font-weight: 400;
    font-family: 'Arsenal';
}

/*==================================================
FOOD IMAGE
==================================================*/

.foodshot-container{
    position: absolute;
    bottom: -20px;
    right: -100px;
}

.foodshot-img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    display:block;
}

/*==================================================
PACKSHOT
==================================================*/

.packshot-container{
    position: absolute;
    right: 180px;
    bottom: -30px;
    z-index: 1;

}
/* .custom-testimonial-section{
    margin-top:-120px;
} */

.packshot-container img{
    max-width: 175px !important;
}

.packshot-img{
    height:auto;
    display:block;
    
}

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

.quote-icon{
    position:absolute;
    z-index:5;
    pointer-events:none;
}

.quote-left{
    width:53px;
    left: 30px;
    top: 30px;
}

.quote-right{
    width: 60px;
    right: 50px;
    bottom: 50px;
}

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

.swiper-pagination-container{
    display:flex;
    justify-content:center;
    margin-top:0px;
    position: absolute;
    bottom:50px;
    left: 100px;
}

.testimonial-pagination{
    position:relative !important;
}

.testimonial-pagination .swiper-pagination-bullet{
    width:8px;
    height:8px;
    background:#b8b8b8;
    opacity:1;
    margin:0 5px !important;
}

.testimonial-pagination .swiper-pagination-bullet-active{
    background:#d11d28;
}

/*==================================================
TABLET
==================================================*/

@media (max-width: 991px) {

    .testimonial-swiper,
    .testimonial-slide {
        height: auto !important;
        min-height: 320px;
    }

    .testimonial-slide-content {
        padding: 60px 20px 40px;
        min-height: 320px;
    }

    .foodshot-container {
        bottom: -19px;
        right: 0px;
        width: 30%;
    }

    /* .packshot-container {
        left: -30px;
        bottom: 20px;
    } */

    .packshot-img {
        width: 120px;
    }

    .quote-left {
        left: 20px;
    }

    .quote-right {
        right: 20px;
    }

    .testimonial-desc {
        font-size: 20px;
    }

    /* .client-name {
        font-size: 28px;
    } */
}

/*==================================================
MOBILE
==================================================*/

@media (max-width: 767px) {

    .testimonial-section {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .testimonial-card-wrapper {
        padding: 0px;
    }

    .testimonial-swiper,
    .testimonial-slide {
        height: auto !important;
        min-height: auto;
    }

    .testimonial-slide-content {
        min-height: auto;
        padding: 75px 20px 40px 20px;
    }

    .foodshot-container {
        bottom: -30px;
        right:0px;
    }

    .packshot-container {
        right: 150px;
        bottom: -40px;
    }

    /* .packshot-img {
        width: 100px;
    } */

    .testimonial-desc {
        font-size: 18px;
        line-height: 1.2em;
        margin-bottom: 20px;
    }

    .client-profile-img {
        width: 65px;
        height: 65px;
    }

    /* .client-name {
        font-size: 24px;
    } */

    .client-designation {
        font-size: 16px;
    }
    .quote-icon{
        width: 53px;
        height: auto;
    }
}

/*==================================================
SMALL MOBILE (480px and below)
==================================================*/

@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
    .testimonial-section {
        margin-top: 0px;
        margin-bottom: 80px;
    }

    .swiper-pagination-container{
        bottom: 0px;
        left: 50px;
    }

    .testimonial-title-content{
        padding: 20px 0px 80px 0px !important;
    }
}

@media (max-width: 480px) {

    .testimonial-card-wrapper {
        border-radius: 20px;
    }

    /* .foodshot-container {
        top: -15px;
        right: -50px;
    } */

    .testimonial-desc {
        font-size: 18px;
        line-height: 1.2em;
        margin-bottom: 5px;
        font-family: 'Arsenal';
    }

    .client-profile-img {
        width: 55px;
        height: 55px;
        margin-bottom: 10px;
    }

    /* .client-name {
        font-size: 20px;
    } */

    .client-designation {
        font-size: 14px;
    }

    .testimonial-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 4px !important;
    }

    .testimonial-slide-content {
        min-height: 250px !important;
        padding: 20px 20px 20px 20px;
    }

    .testimonial-section {
        margin-top: 0px;
        margin-bottom: 80px;
    }

    .quote-right {
        right: 20px;
        bottom: 100px;
    }
    .foodshot-container{
        width: 35%;
    }
    .packshot-container {
        right: 100px;
        bottom: -40px;
    }
    /* .testimonial-section{
        padding-bottom: 60px;
    } */

    .swiper-pagination-container{
        bottom: 20px;
        left: 20px;
    }
}