.testimonial_section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    position: relative;
    background-image: url('../../../images/pages/media/testimonial.jpg');
    background-position: center right -100px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px 100px 0px;
    margin-top: -75px;
    height: 100vh;
}

    .testimonial_section:before {
        content: "";
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        /*background-color: var(--ma-tag-black);*/
        background-color: transparent;
        background-image: -webkit-linear-gradient(to right, #000, #000, transparent);
        background-image: -moz-linear-gradient(to right, #000, #000, transparent);
        background-image: -ms-linear-gradient(to right, #000, #000, transparent);
        background-image: -o-linear-gradient(to right, #000, #000, transparent);
        background-image: linear-gradient(to right, #000, #000, transparent);
        opacity: 1;
        z-index: 1;
    }

    .testimonial_section > .container {
        position: relative;
        z-index: 10;
    }


/*----------------------------------------------------------------------------------*/
/*---------------------------------icon_product_menu--------------------------------*/

.page_title_section {
    color: var(--ma-white);
}

    .page_title_section > h1 {
        font-size: var(--ma-page-title);
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 20px;
    }

.breadcrumb {
    font-size: var(--ma-body-text);
    color: var(--ma-white);
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
}

    .breadcrumb > li {
        padding: 0px 5px;
    }

        .breadcrumb > li > a {
            color: var(--ma-white);
        }

            .breadcrumb > li > a:hover,
            .breadcrumb > li > a:focus,
            .breadcrumb > li > a:active {
                color: var(--ma-white);
            }

        .breadcrumb > li > span {
            color: var(--ma-white);
        }

        .breadcrumb > li > strong {
            color: var(--ma-white);
        }

.page_title_section > p {
    font-size: var(--ma-body-text);
    margin-bottom: 20px;
}

.get_in_touch {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--ma-white);
    font-size: var(--ma-body-text);
    border-radius: 5px;
    background-color: var(--ma-white);
    color: var(--ma-type-primary);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .get_in_touch:hover,
    .get_in_touch:focus,
    .get_in_touch:active {
        background-color: transparent;
        color: var(--ma-white);
    }

/*----------------------------------clients_say_section------------------------------------*/


.clients_say_section {
    background-color: #e5e7e9;
    padding: 80px 0px 80px 0px;
}

.clients_say_box {
    padding: 20px;
    background-color: var(--ma-white);
    border-radius: 10px;
    margin-bottom: 20px;
}
    

.clients_say_box_img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    position:relative;
    border-radius:10px;
    overflow:hidden;
}
    /*.clients_say_box_img:before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px;
        background-color: var(--ma-tag-black);
        opacity:0.5;
    }*/
    .clients_say_box_img img {
        filter: grayscale(100%);
        opacity: 0.1;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
        .clients_say_box_img img.clients_say_logo {
            position: absolute;
            max-width: 100px;
            filter: grayscale(0%);
            opacity: 1;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }

.clients_say_box h3 {
    font-size: var(--ma-pane-header);
    margin-bottom: 20px;
}

.clients_say_box p {
    color: var(--ma-tag-black);
    font-size: var(--ma-body-text);
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    padding: 20px;
}

    .clients_say_box p:before,
    .clients_say_box p:before,
    .clients_say_box p:before {
        content: "";
        background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M51.2,30.1c-3-1-6-1.2-8.9,0.2c0.2-2.3,1.1-5.2,2.3-7.5c2.5-4.6,6.5-7.8,11.1-10.4c-1-1.4-1.9-2.8-2.9-4.1c-0.1,0.1-0.3,0.1-0.4,0.1c-5,2.4-9.4,5.6-12.9,10c-5,6.3-7.1,13.4-5.4,21.4c0.8,4,2.8,7.4,6.1,9.8c4.5,3.3,13.2,3.7,16.9-3.6C60.4,39.8,57.7,32.4,51.2,30.1z"/><path d="M15.2,29.3c-1.7-0.1-3.4,0.2-5,1c1.2-8.5,6.3-14,13.5-17.9c-1-1.4-1.9-2.8-2.9-4.1c-2.4,1.1-4.6,2.4-6.7,3.9C8.9,16,4.8,20.7,2.8,26.9C1,32.4,0.9,37.8,3.2,43.1c2,4.6,5.3,7.8,10.6,8.6c7.5,1.1,13.9-5.6,12.6-13C25.4,33.2,20.9,29.5,15.2,29.3z"/></g></svg>');
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        height: 20px;
        width: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        position:absolute;
        left:0px;
        top:0px;
    }

    .clients_say_box p:after,
    .clients_say_box p:after,
    .clients_say_box p:after {
        content: "";
        background-image: url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" fill="rgb(32, 116, 174)" xmlns="http://www.w3.org/2000/svg"><g><path d="M8.8,30.1c3-1,6-1.2,8.9,0.2c-0.2-2.3-1.1-5.2-2.3-7.5C12.8,18.1,8.9,15,4.3,12.4c1-1.4,1.9-2.8,2.9-4.1c0.1,0.1,0.3,0.1,0.4,0.1c5,2.4,9.4,5.6,12.9,10c5,6.3,7.1,13.4,5.4,21.4c-0.8,4-2.8,7.4-6.1,9.8C15.2,52.9,6.5,53.3,2.8,46C-0.4,39.8,2.3,32.4,8.8,30.1z"/><path d="M44.8,29.3c1.7-0.1,3.4,0.2,5,1c-1.2-8.5-6.3-14-13.5-17.9c1-1.4,1.9-2.8,2.9-4.1c2.4,1.1,4.6,2.4,6.7,3.9c5.2,3.8,9.2,8.6,11.3,14.8c1.8,5.4,1.9,10.9-0.4,16.2c-2,4.6-5.3,7.8-10.6,8.6c-7.5,1.1-13.9-5.6-12.6-13C34.6,33.2,39.1,29.5,44.8,29.3z"/></g></svg>');
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        height: 20px;
        width: 20px;
        display: inline-block;
        background-position: center;
        background-size: contain;
        position: absolute;
        right: 0px;
        bottom: 0px;
    }



.clients_say_box:hover .clients_say_box_img img,
.clients_say_box:focus .clients_say_box_img img,
.clients_say_box:active .clients_say_box_img img {
    filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

    .clients_say_box:hover .clients_say_box_img img.clients_say_logo,
    .clients_say_box:focus .clients_say_box_img img.clients_say_logo,
    .clients_say_box:active .clients_say_box_img img.clients_say_logo {
        display: none;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }

/*-----------------------------------------------------------------------------------------*/
/****************RESPONSIVE************************/
@media screen and (max-width: 992px) {
    .testimonial_section {
        height: auto;
        padding: 150px 0px 150px 0px;
        background-position: center;
    }
}

@media screen and (max-width: 768px) {


    .testimonial_section {
        background-position: center;
    }

        .testimonial_section:before {
            opacity: 0.7;
            background-image: none;
            background-color: var(--ma-tag-black);
        }
}

@media screen and (max-width: 576px) {
}