/* image square and overlay */
/* .ova-testimonial.version_2,
.ova-testimonial 
{} */

    /* el de arriba es para el carrousel. el de abajo para la version single(tambien es un carrousel pero se usa con un solo item) */
    .ova-testimonial .slide-testimonials .client_info .info .client img,
    .ova-testimonial.version_2 .slide-testimonials .client_info .client img
    {
        border-radius: unset;
        height: 100%;
        object-fit: fill;
        /* object-fit: cover; */

    }

    .ova-testimonial .slide-testimonials .client_info .info .client,
    .ova-testimonial.version_2 .slide-testimonials .client_info .client{
        position: relative;
        overflow: hidden;
    }

    .ova-testimonial .slide-testimonials .client_info .info .client::before,
    .ova-testimonial.version_2 .slide-testimonials .client_info .client::before
    {
        content: "";
        display: block;
        position: absolute;
        background-color: var(--gardner-green);
        width: 101%;
        height: 102%;
        clip-path: polygon(0 0, 20% 0, 30% 50%, 20% 100%, 0 100%);
        top: 0;
        left: 0;
        opacity: 0.8;
    }



    
    /* quote image spacing */

    /* first give more padding to the text area */
    .ova-testimonial.version_2 .slide-testimonials .client_info .info{
        padding: 0 0 0 90px;
    }

    /* then move the icon more to the right */
    .ova-testimonial .slide-testimonials .client_info .icon-quote{
        bottom: 88px;
        right: 60px;
    }

    /* will not work unless you make it important. bc the color specified in the elementor block is a higher heriarchy. change the color on elementor.  */
    /* .ova-testimonial .slide-testimonials .client_info .icon-quote span::before{
        color: aqua;
    } */




    /* to replace or change something on the quote icon */
    /* .ova-testimonial .slide-testimonials .client_info .icon-quote span{
        border: 1px solid red;
    } */

    /* random text */


    .ova-testimonial .slide-testimonials .client_info .icon-quote span,
    .ova-testimonial .slide-testimonials .client_info .icon-quote span.flaticon-left-quote-1{
        position: relative;
    }
    .ova-testimonial .slide-testimonials .client_info .icon-quote span::before,
    .ova-testimonial .slide-testimonials .client_info .icon-quote span.flaticon-left-quote-1::before{
        position: absolute;
        display: block;
        content : "";
        width: 40px;
        height: 40px;
        top: 0;
        left: 0;
        background-image: url("../images/Graphics/right-quote.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }



    /* version2 is for the one with multiple images/cards 
    .owl-carousel 
    */
    .ova-testimonial.version_2 .slide-testimonials .client_info .icon-quote span::before,
    .ova-testimonial.version_2 .slide-testimonials .client_info .icon-quote span.flaticon-left-quote-1::before{
        left: 25px;
        background-image: url("../images/Graphics/left-quote.svg");
    }

    .ova-testimonial.version_2 .slide-testimonials .client_info .icon-quote{
        bottom: 44px;
        right: 40px;
    }




    /* .single-por.type1.codeza-child section.elementor-section.elementor-top-section.elementor-element.elementor-element-f32e8d3.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default
    {
        max-width: 850px !important;
    } */

    .wrap-portfolio .single-por.type1.codeza-child .wrap-content-por .content {
        max-width: calc(100% - 320px);
    }



    @media screen and (max-width: 767px) {
        .ova-testimonial.version_2 .slide-testimonials .client_info .info{
            padding: 0 0 0 0;
        }


        .wrap-portfolio .single-por.type1.codeza-child .wrap-content-por .content {
            max-width: 100% ;
        }
    

    }

    .elementor-section .elementor-element  .elementor-widget-ova_testimonial .ova-testimonial.version_2 .slide-testimonials .owl-dots .owl-dot.active span{
        background: var(--gardner-orange);
    }



































    /* borrar si no se va usar */
    
    /* .ova-testimonial .slide-testimonials .client_info .icon-quote:before,
    .ova-testimonial .slide-testimonials .client_info .icon-quote::before{
        position: relative;
    }
    .ova-testimonial .slide-testimonials .client_info .icon-quote:before,
    .ova-testimonial .slide-testimonials .client_info .icon-quote::before{
        position: absolute;
        display: block;
        content : "";
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        background-image: url("../images/Graphics/left-quote.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    } */