.elementor-990 .elementor-element.elementor-element-55a548a2 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-990 .elementor-element.elementor-element-55a548a2:not(.elementor-motion-effects-element-type-background), .elementor-990 .elementor-element.elementor-element-55a548a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#12251E;}.elementor-990 .elementor-element.elementor-element-55a548a2 > .elementor-container{max-width:1109px;}.elementor-990 .elementor-element.elementor-element-55a548a2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:110px 0px 110px 0px;}.elementor-990 .elementor-element.elementor-element-55a548a2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-990 .elementor-element.elementor-element-6ad4f6bf{text-align:center;}.elementor-990 .elementor-element.elementor-element-6ad4f6bf .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:32px;font-weight:normal;color:#FFFFFF;}.elementor-990 .elementor-element.elementor-element-1c1fa646{width:100%;max-width:100%;text-align:center;font-size:16px;font-weight:500;color:#FFFFFF;}.elementor-990 .elementor-element.elementor-element-1c1fa646 > .elementor-widget-container{margin:30px 0px 50px 0px;padding:0px 0px 0px 0px;}.elementor-990 .elementor-element.elementor-element-6c07487f > .elementor-container{max-width:800px;}.elementor-990 .elementor-element.elementor-element-3a28af70.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-990 .elementor-element.elementor-element-baa9be1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-990 .elementor-element.elementor-element-baa9be1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-990 .elementor-element.elementor-element-baa9be1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-990 .elementor-element.elementor-element-32af840.elementor-column > .elementor-widget-wrap{justify-content:center;}@media(min-width:768px){.elementor-990 .elementor-element.elementor-element-baa9be1{width:37.404%;}.elementor-990 .elementor-element.elementor-element-32af840{width:28.744%;}}@media(max-width:1024px){.elementor-990 .elementor-element.elementor-element-1c1fa646 > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS *//*DEFINING THE CSS VARIABLES*/

:root {
    --swiperbutton-size : 50px;
    --swiperbutton-size-half: calc(var(--swiperbutton-size) / 0);
    --swiperbutton-color: #67B231;
    --swiperbutton-color-hover: #6EC1E4;
    --swiperbutton-position : 50%;
    --swiperbutton-border-color: rgba(255,255,255,0.3);
    --swiperbutton-hover-color: rgba(255,255,255,1)
}


/*BUTTON POSITION + HOVER EFFECT*/

.offset-carousel.custom-arrows .elementor-swiper-button {
    display: block;
    width: var(--swiperbutton-size);
    height: var(--swiperbutton-size);
    display: grid;
    place-items: center;
    top: calc(100% - var(--swiperbutton-size-half));
     z-index: 2;
     outline: 1px solid var(--swiperbutton-border-color);
}


.offset-carousel.custom-arrows .elementor-swiper-button.elementor-swiper-button-prev {
    left: calc((var(--swiperbutton-position) - var(--swiperbutton-size)));
    background: linear-gradient(90deg,var(--swiperbutton-color) 50%, var(--swiperbutton-color-hover) 50%);
    background-size: 200% 100%;
    background-position: left top;
     color: (--swiperbutton-color-hover);
    transition: 0.3s;
}

.offset-carousel.custom-arrows .elementor-swiper-button.elementor-swiper-button-prev:hover {
     background-position: right top;
     color: var(--swiperbutton-hover-color);
}

.offset-carousel.custom-arrows .elementor-swiper-button.elementor-swiper-button-next {
    left: var(--swiperbutton-position);
    z-index: 2;
    background: linear-gradient(90deg,var(--swiperbutton-color-hover) 50%, var(--swiperbutton-color) 50%);
background-size: 200% 100%;
transition: 0.3s;
background-position: right top;
    color: (--swiperbutton-color-hover);
}

.offset-carousel.custom-arrows .elementor-swiper-button.elementor-swiper-button-next:hover {
     background-position: left top;
     color: var(--swiperbutton-hover-color);
}


/*SLIDE WINDOW ZOOM HOVER EFFECT*/

.offset-carousel.custom-zoom .elementor-carousel-image {
        transition: transform 0.5s !important;
}


.offset-carousel.custom-zoom .swiper-slide:hover {
transform:scale(0.9);
}

.offset-carousel.custom-zoom .swiper-slide:hover .elementor-carousel-image {
    transform:scale(1.1);
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1024px) {
     :root {
         --swiperbutton-position : calc(50% + 4.5px);
     }
 }
 
 
@media screen and (max-width: 767px) {
        :root {
         --swiperbutton-size : 50px;
     }
 }

 .elementor-testimonial_content{ background: #000 !important;}/* End custom CSS */