.elementor-10719 .elementor-element.elementor-element-5c046780{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:01%;--padding-left:5%;--padding-right:0%;}.elementor-10719 .elementor-element.elementor-element-5c046780:not(.elementor-motion-effects-element-type-background), .elementor-10719 .elementor-element.elementor-element-5c046780 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c73797c );}.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-10719 .elementor-element.elementor-element-1004ae8b .elementor-button{background-color:var( --e-global-color-c73797c );font-family:"Poiret One", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-10719 .elementor-element.elementor-element-1004ae8b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10719 .elementor-element.elementor-element-1004ae8b .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-10719 .elementor-element.elementor-element-1004ae8b .elementor-button:hover, .elementor-10719 .elementor-element.elementor-element-1004ae8b .elementor-button:focus{color:var( --e-global-color-6a1e10a );}.elementor-10719 .elementor-element.elementor-element-1004ae8b .elementor-button:hover svg, .elementor-10719 .elementor-element.elementor-element-1004ae8b .elementor-button:focus svg{fill:var( --e-global-color-6a1e10a );}.elementor-10719 .elementor-element.elementor-element-731943b .elementor-button{background-color:var( --e-global-color-c73797c );font-family:"Poiret One", Sans-serif;font-size:18px;font-weight:600;line-height:1.2em;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );padding:0px 0px 0px 0px;}.elementor-10719 .elementor-element.elementor-element-731943b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-10719 .elementor-element.elementor-element-731943b .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-10719 .elementor-element.elementor-element-731943b .elementor-button:hover, .elementor-10719 .elementor-element.elementor-element-731943b .elementor-button:focus{color:var( --e-global-color-6a1e10a );}.elementor-10719 .elementor-element.elementor-element-731943b .elementor-button:hover svg, .elementor-10719 .elementor-element.elementor-element-731943b .elementor-button:focus svg{fill:var( --e-global-color-6a1e10a );}.elementor-10719 .elementor-element.elementor-element-05758d6{--display:flex;--min-height:311px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20.elementor-element{--align-self:stretch;}.elementor-10719 .elementor-element.elementor-element-d7efa20 .stratum-table__table{table-layout:auto;max-width:100%;margin-left:auto;margin-right:auto;}.elementor-10719 .elementor-element.elementor-element-d7efa20 thead th{border-style:solid;border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-color:var( --e-global-color-c73797c );height:0px;vertical-align:middle;}.elementor-10719 .elementor-element.elementor-element-d7efa20 tbody td{border-style:solid;border-bottom-width:1px;border-right-width:1px;border-color:var( --e-global-color-c73797c );height:0px;vertical-align:inherit;}.elementor-10719 .elementor-element.elementor-element-d7efa20 thead th:first-child{border-left-width:1px;border-top-left-radius:0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 tbody td:first-child{border-left-width:1px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 thead th:last-child{border-top-right-radius:0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 th .stratum-table__cell-title{font-family:"Poiret One", Sans-serif;font-size:30px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;color:var( --e-global-color-fb5eebf );}.elementor-10719 .elementor-element.elementor-element-d7efa20 th .stratum-table__cell-icon > i{font-size:20px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 th .stratum-table__cell-icon > svg{width:20px;height:20px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 th{background-color:var( --e-global-color-6a1e10a );}.elementor-10719 .elementor-element.elementor-element-d7efa20 tbody tr:last-child > td:first-child{border-bottom-left-radius:0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 tbody tr:last-child > td:last-child{border-bottom-right-radius:0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 td .stratum-table__cell-title{font-family:var( --e-global-typography-5bef6f5-font-family ), Sans-serif;font-size:var( --e-global-typography-5bef6f5-font-size );font-weight:var( --e-global-typography-5bef6f5-font-weight );text-transform:var( --e-global-typography-5bef6f5-text-transform );font-style:var( --e-global-typography-5bef6f5-font-style );text-decoration:var( --e-global-typography-5bef6f5-text-decoration );}.elementor-10719 .elementor-element.elementor-element-d7efa20 td .stratum-table__cell-icon > i{font-size:16px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 td .stratum-table__cell-icon > svg{width:16px;height:16px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 tbody tr:nth-child(odd) > td{background-color:var( --e-global-color-primary );}body.elementor-page-10719:not(.elementor-motion-effects-element-type-background), body.elementor-page-10719 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c73797c );}@media(max-width:1024px){.elementor-10719 .elementor-element.elementor-element-5c046780{--padding-top:0%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-10719 .elementor-element.elementor-element-d7efa20 .stratum-table__table{max-width:100%;}.elementor-10719 .elementor-element.elementor-element-d7efa20 th .stratum-table__cell-title{font-size:25px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 td .stratum-table__cell-title{font-size:var( --e-global-typography-5bef6f5-font-size );}}@media(max-width:767px){.elementor-10719 .elementor-element.elementor-element-05758d6{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 .stratum-table__table{max-width:95%;}.elementor-10719 .elementor-element.elementor-element-d7efa20 th .stratum-table__cell-title{font-size:14px;}.elementor-10719 .elementor-element.elementor-element-d7efa20 td .stratum-table__cell-title{font-size:var( --e-global-typography-5bef6f5-font-size );}}@media(min-width:768px){.elementor-10719 .elementor-element.elementor-element-05758d6{--width:100%;}}/* 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: white;
    --swiperbutton-color-hover: white;
    --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 */