/* the testimonial as stand alone */
.cfosj-testimonials{
    font-family: 'Epilogue', sans-serif;
    position: relative;
    overflow: hidden;
 }
 
 
 .cfosj-testimonials .elementor-widget-wrap.elementor-element-populated{
    background-color: var(--cfosj-coral);
    /* padding: 6vw; */
    padding: 13vh 6vh;
 }
 
 .cfosj-testimonials .gva-testimonial-carousel.style-1 .testimonial-item .icon-quote{
    font-family: 'Epilogue', sans-serif;
    font-size: 130px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 45px;
 }
 
 .cfosj-testimonials .gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content{
    font-family: 'Epilogue', sans-serif;
    font-size: 30px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #fff;
    width: 60%;
    z-index: 1;
    /* border: 5px solid yellow; */
 }
 
 .cfosj-testimonials .gva-testimonial-carousel.style-1 .testimonial-item .testimonial-meta .testimonial-information{
    font-family: 'Epilogue', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: 0.4px;
    color: #fff;
 }

/* add the svg overlay to the testimonial container */
.cfosj-testimonials::after{
    /* border: 5px solid green; */
    position: absolute;
    width: 40%;
    height: 120%;
    top: -20%;
    right: 0px;
    content: "";
    background-image: url("../images/SJCF_Graphics_Quote.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: initial;
    opacity: 0.8;
    z-index: 0;
 }


 .cfosj-testimonials.left::after{
    right: unset;
    left: 0px;
 } 


 /* the testimonial es child (right column) as in the demo 
 *
 *
 *
 *
 *
 *
 *
 */
.cfosj-testimonials-container{
    font-family: 'Epilogue', sans-serif;
    position: relative;
}

.cfosj-testimonials-container{
   /* overflow: hidden; */
}

.cfosj-testimonials-container .cfosj-testimonials{
   overflow: unset;
}

.cfosj-testimonials-container .cfosj-testimonials::after{
    content: none;
}


/* .cfosj-testimonials-container::before{
   position: absolute;
   width: 20%;
   height: 115%;
   top: unset;
   bottom: -0.5%;
   right: 0px;
   content: "";
   background-image: url(../images/SJCF_Graphics_Quote.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 0;
   opacity: 0.8;
   z-index: 10;
 } */

   
   /* .cfosj-testimonials-container .cfosj-testimonials::after{
   position: absolute;
   width: 72%;
   height: 196%;
   top: -32%;
   right: -374px;
   content: "";
   background-image: url("../images/SJCF_Graphics_Quote.svg");
   background-size: cover;
   background-repeat: no-repeat;
   background-position: -59px;
   opacity: 0.8;
   z-index: 41;
 } */

 /* .cfosj-testimonials-container .column-style-bg-overflow-right > .elementor-widget-wrap::before{
   position: absolute;
   width: 70%;
   height: 100%;
   top: 48px;
   right: -395px;
   content: "";
   background-image: url(../images/SJCF_Graphics_Quote.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: -59px;
   opacity: 0.8;
   z-index: 0;
} */



/* .cfosj-testimonials-container .column-style-bg-overflow-right > .elementor-widget-wrap .elementor-background-overlay::before{
   position: absolute;
   width: 100%;
   height: 200%;
   top: -147px;
   right: -460px;
   content: "";
   background-image: url(../images/SJCF_Graphics_Quote.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: -59px;
   opacity: 0.8;
   z-index: 0;
} */


 .cfosj-testimonials-container .column-style-bg-overflow-right > .elementor-widget-wrap:after{
    background-image: url(../images/SJCF_Graphics_Quote.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
    background-position-y: 5px;
 }


.cfosj-testimonials-container .cfosj-testimonials .gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content{
    /* width: 78%; */
    width: 100%;
    /* border: 5px solid blue; */
}

.cfosj-testimonials-container .cfosj-testimonials .elementor-widget-wrap.elementor-element-populated{
    /* padding: 10px; */
 }

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

   .cfosj-testimonials .gva-testimonial-carousel.style-1 .testimonial-item .testimonial-content{
      /* width: 100%; */
      width: auto;
   }


   /* .cfosj-testimonials-container .cfosj-testimonials .elementor-widget-wrap.elementor-element-populated{
      padding: 40px 50px 40px 20px;
   } */

  
   .cfosj-testimonials .elementor-widget-wrap.elementor-element-populated{
      padding: 40px 50px 40px 20px;
   }


 }