.elementor-37 .elementor-element.elementor-element-25026451{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-25026451.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-37 .elementor-element.elementor-element-3d25ae8f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-37 .elementor-element.elementor-element-3d25ae8f .elementor-main-swiper{height:550px;width:80%;}.elementor-37 .elementor-element.elementor-element-3d25ae8f .elementor-swiper-button{font-size:17px;color:rgba(255, 255, 255, 0.77);}.elementor-37 .elementor-element.elementor-element-3d25ae8f .elementor-swiper-button svg{fill:rgba(255, 255, 255, 0.77);}.elementor-37 .elementor-element.elementor-element-4d788ee6{--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;--margin-top:-550px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:9%;--padding-right:63.2%;}.elementor-37 .elementor-element.elementor-element-52d8f72{--display:flex;--min-height:551px;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:20%;--padding-left:10%;--padding-right:10%;--z-index:1;}.elementor-37 .elementor-element.elementor-element-52d8f72:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-52d8f72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.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-37 .elementor-element.elementor-element-2a0d7505 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:52px;font-weight:200;font-style:normal;letter-spacing:-0.6px;color:#6EC1E4;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-3fc8ad5{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:300;line-height:1.7em;color:rgba(255, 255, 255, 0.84);}.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-37 .elementor-element.elementor-element-2cdeb44c .elementor-button{background-color:rgba(2, 1, 1, 0);font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;text-transform:lowercase;letter-spacing:2.2px;fill:#6EC1E4;color:#6EC1E4;border-style:solid;border-width:0px 0px 1px 0px;border-color:#6EC1E4;border-radius:0px 0px 0px 0px;}.elementor-37 .elementor-element.elementor-element-2cdeb44c .elementor-button:hover, .elementor-37 .elementor-element.elementor-element-2cdeb44c .elementor-button:focus{background-color:#6EC1E4;color:#FFFFFF;}.elementor-37 .elementor-element.elementor-element-2cdeb44c .elementor-button:hover svg, .elementor-37 .elementor-element.elementor-element-2cdeb44c .elementor-button:focus svg{fill:#FFFFFF;}body.elementor-page-37:not(.elementor-motion-effects-element-type-background), body.elementor-page-37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-25026451{--width:99.748%;}.elementor-37 .elementor-element.elementor-element-4d788ee6{--content-width:100%;}.elementor-37 .elementor-element.elementor-element-52d8f72{--content-width:100%;}}@media(max-width:1024px){.elementor-37 .elementor-element.elementor-element-3d25ae8f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-37 .elementor-element.elementor-element-3d25ae8f .elementor-main-swiper{height:550px;width:80%;}.elementor-37 .elementor-element.elementor-element-4d788ee6{--padding-top:0%;--padding-bottom:0%;--padding-left:9%;--padding-right:50%;}}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-3d25ae8f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-37 .elementor-element.elementor-element-3d25ae8f .elementor-main-swiper{width:80%;}.elementor-37 .elementor-element.elementor-element-4d788ee6{--margin-top:20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-37 .elementor-element.elementor-element-52d8f72{--min-height:0px;--justify-content:flex-start;--padding-top:0%;--padding-bottom:20%;--padding-left:10%;--padding-right:10%;}}/* Start custom CSS for button, class: .elementor-element-2cdeb44c */.elementor-37 .elementor-element.elementor-element-2cdeb44c {
    pointer-events: all !important
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25026451 *//*line to remove the slide masking*/

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

/*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);
}

/*DEFINING THE CSS VARIABLES*/

:root {
    --swiper-button-size : 60px;
    --swiper-button-size-half: calc(var(--swiperbutton-size) / 0);
    --swiper-button-color: #121212;
    --swiper-button-color-hover: #6EC1E4;
    --swiper-button-position : 36.8%;
    --swiper-button-border-color: rgba(255,255,255,0.3);
    --swiper-button-hover-color: rgba(255,255,255,1)
}

/*BUTTON POSITION + HOVER EFFECT*/

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

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

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

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

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

/*MEDIA QUERIES*/

@media screen and (max-width: 1024px) {
     :root {
         --swiper-button-position : calc(50% + 4.5px);
     }
 }
 
 
@media screen and (max-width: 767px) {
        :root {
         --swiper-button-size : 50px;
     }
 }/* End custom CSS */