.elementor-191 .elementor-element.elementor-element-64c05c2a:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-64c05c2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2E9DD;}.elementor-191 .elementor-element.elementor-element-64c05c2a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-191 .elementor-element.elementor-element-64c05c2a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-191 .elementor-element.elementor-element-a06f783 > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-a06f783 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:600;line-height:1.2em;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;line-height:24px;fill:#000000;color:#000000;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button:hover, .elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button:focus{background-color:#000000;color:#ffffff;border-color:#1b80f3;}.elementor-191 .elementor-element.elementor-element-7a73a8cf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button-content-wrapper{flex-direction:row;}.elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button:hover svg, .elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button:focus svg{fill:#ffffff;}.elementor-191 .elementor-element.elementor-element-5ecff0d4:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-5ecff0d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6F7581;background-image:url("https://draerikajacob.com.br/wp-content/uploads/2023/02/dobra-profissional.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-191 .elementor-element.elementor-element-5ecff0d4 > .elementor-container{max-width:1600px;min-height:850px;}.elementor-191 .elementor-element.elementor-element-5ecff0d4 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-191 .elementor-element.elementor-element-5ecff0d4{border-style:solid;border-width:2px 0px 0px 0px;border-color:#FFFFFF;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:80px 20px 80px 20px;}.elementor-191 .elementor-element.elementor-element-15a898a > .elementor-element-populated, .elementor-191 .elementor-element.elementor-element-15a898a > .elementor-element-populated > .elementor-background-overlay, .elementor-191 .elementor-element.elementor-element-15a898a > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-191 .elementor-element.elementor-element-15a898a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-15a898a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-191 .elementor-element.elementor-element-1a973df9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;}.elementor-191 .elementor-element.elementor-element-1a973df9{text-align:start;}.elementor-191 .elementor-element.elementor-element-1a973df9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:bold;line-height:28px;color:#ffffff;}.elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button{background-color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;line-height:24px;fill:#000000;color:#000000;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button:hover, .elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:#1b80f3;}.elementor-191 .elementor-element.elementor-element-40c68d81 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button-content-wrapper{flex-direction:row;}.elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button:hover svg, .elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button:focus svg{fill:#FFFFFF;}body.elementor-page-191:not(.elementor-motion-effects-element-type-background), body.elementor-page-191 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}@media(max-width:1024px){.elementor-191 .elementor-element.elementor-element-a06f783 .elementor-heading-title{font-size:52px;line-height:56px;}.elementor-191 .elementor-element.elementor-element-5ecff0d4{padding:0px 10px 30px 10px;}}@media(max-width:767px){.elementor-191 .elementor-element.elementor-element-64c05c2a{padding:10px 10px 10px 10px;}.elementor-191 .elementor-element.elementor-element-34867875{width:50%;}.elementor-191 .elementor-element.elementor-element-a06f783 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-a06f783{text-align:center;}.elementor-191 .elementor-element.elementor-element-a06f783 .elementor-heading-title{font-size:18px;line-height:21px;}.elementor-191 .elementor-element.elementor-element-23193751{width:50%;}.elementor-191 .elementor-element.elementor-element-7a73a8cf .elementor-button{font-size:12px;line-height:20px;}.elementor-191 .elementor-element.elementor-element-5ecff0d4:not(.elementor-motion-effects-element-type-background), .elementor-191 .elementor-element.elementor-element-5ecff0d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-397px 0px;background-size:1000px auto;}.elementor-191 .elementor-element.elementor-element-5ecff0d4{padding:400px 0px 0px 0px;}.elementor-191 .elementor-element.elementor-element-40c68d81 .elementor-button{font-size:12px;line-height:20px;}}/* Start custom CSS *//*Offset carousel styling sheet 1.0
written by Frank Tielemans 14-06-2020*/

/*Don't worry about the red x marks you see here, Elementor editor doesn't recognise CSS variables, but trsut me, they do work fine.*/


/*This tutorial was inspired by a tutorial by Zoe Tame. She made an offset slider for posts with the fantastic dynamic content for Elementor plugin (also known by dynamicoo). */

/* In this tutorial I recreate a similar carousel/slider (but for media) but I only use Elementor Pro.*/
 
/* You can find Zoe Tame's offset slider tutorial here :
 https://www.youtube.com/watch?v=QteosgBNe9Q&*/



/*CSS to remove the horizontal page scrollbar*/

body {
 overflow-x: hidden;   
}

/*line to remove the slide masking*/

.offset-carousel .swiper-container {
    overflow: visible;
}

/*DEFINING THE CSS VARIABLES*/

:root {
    --swiperbutton-size : 60px;
    --swiperbutton-size-half: calc(var(--swiperbutton-size) / 0);
    --swiperbutton-color: #121212;
    --swiperbutton-color-hover: #6EC1E4;
    --swiperbutton-position : 36.8%;
    --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;
     }
 }/* End custom CSS */