.elementor-3066 .elementor-element.elementor-element-d8b7980{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3066 .elementor-element.elementor-element-3bcc0ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3066 .elementor-element.elementor-element-4577ca8 > .elementor-widget-container{padding:80px 80px 80px 80px;}.elementor-3066 .elementor-element.elementor-element-4577ca8 .modern-grid{grid-template-columns:repeat(3, 1fr);grid-column-gap:30px;grid-row-gap:30px;}@media(max-width:1024px){.elementor-3066 .elementor-element.elementor-element-3bcc0ba{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3066 .elementor-element.elementor-element-4577ca8 > .elementor-widget-container{padding:0px 30px 0px 30px;}.elementor-3066 .elementor-element.elementor-element-4577ca8 .modern-grid{grid-template-columns:repeat(3, 1fr);}}@media(max-width:767px){.elementor-3066 .elementor-element.elementor-element-3bcc0ba{--padding-top:60px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-3066 .elementor-element.elementor-element-4577ca8 > .elementor-widget-container{padding:0px 20px 50px 20px;}.elementor-3066 .elementor-element.elementor-element-4577ca8 .modern-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for html, class: .elementor-element-4c534e1 *//* SLIDER CONTAINER */
.hero-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* SLIDES */
.hero-slide {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    pointer-events: none;
}

.hero-slide.active {
    opacity: 1;
    position: relative;
    pointer-events: auto;
}

/* IMAGES */
.desktop-img { width: 100%; display: block; }
.mobile-img { width: 100%; display: none; }



@media (max-width: 768px) {
    .desktop-img { display: none; }
    .mobile-img { display: block; }
}

/* PAGINATION */
.hero-pagination {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 18px;
    z-index: 999;
    opacity: 1; /* always visible instantly */
}

/* DOTS - DESKTOP */
.hero-pagination .dot {
    height: 12px;
    width: 12px;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
    cursor: pointer;
    transition: background 0.25s ease;
}

/* ACTIVE DOT */
.hero-pagination .dot.active {
    background: #fff;
}

/* DOTS - MOBILE SIZE */
@media (max-width: 768px) {
    .hero-pagination .dot {
        height: 9px;
        width: 9px;
        margin: 0 4px;
    }
    .hero-pagination {
    bottom: 6px;
}
}/* End custom CSS */