/* 
Flex Quote

Algemene CSS instellingen voor de module.
Verwijder deze instellingen niet.
*/

.flex_module.quote .testimonial{
    display: flex; flex-direction: row;
    gap: 20px; align-items: center;
}

.flex_module.quote .testimonial .content-col{
    max-width: 80%;
    width: 100%;
    display: flex; flex-direction: column;
    gap: 20px;
}

.flex_module.quote .testimonial .content-col .icon {
    border-radius: 10px;
    background: #E4B9C1;
    padding: 15px;
    max-width: 82px;
    min-width: 82px;
    display: flex;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
}

.flex_module.quote .testimonial .content-col .icon img{
    width: 100%; height: 100%;
}

.flex_module.quote .testimonial .content-col .quote{
    color: #042328;
    font-family: 'ms-medium', sans-serif;
    font-size: 30px;
    line-height: 1.65em;
}

.flex_module.quote .testimonial .content-col .description .text{
    color: #042328;
    font-family: "ms-bold";
    font-size: 18px;
    line-height: 1.2em;
}

.flex_module.quote .testimonial .content-col .description .function{
    color: #042328;
    font-family: "ms-light";
    font-size: 18px;
    line-height: 1.2em;
    opacity: 0.4;
}

.flex_module.quote .testimonial .content-col .swiper-nav{
    display: flex; flex-direction: row; gap: 15px; align-items: center;
}

.flex_module.quote .testimonial .content-col .swiper-nav .swiper-button-disabled{
    opacity: 0.4; transition: all 250ms ease-in-out;
}

.flex_module.quote .testimonial .swiper-scrollbar{
    display: none;
}

@media screen and (max-width: 1060px) {
    .flex_module.quote .testimonial{
        display: flex; flex-direction: column;
        gap: 20px; align-items: center;
    }

    .flex_module.quote .testimonial .content-col{
        max-width: 100%;
    }
}

@media screen and (max-width: 767px) { 
    .flex_module.quote .testimonial .content-col .quote{
        font-size: 24px;
        line-height: 1.35em;
    }

    .flex_module.quote .testimonial .content-col .icon{
        max-width: 60px; min-width: 60px;
    }

    .flex_module.quote .testimonial .content-col .quote p{
        margin: 0;
    }
}