.elementor-4892 .elementor-element.elementor-element-fcb41f3{--display:flex;}.elementor-4892 .elementor-element.elementor-element-635ea35{--e-image-carousel-slides-to-show:2;}.elementor-4892 .elementor-element.elementor-element-635ea35 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-kadence1 );opacity:var( --e-global-color-kadence1 );}.elementor-4892 .elementor-element.elementor-element-635ea35 .swiper-pagination-bullet{background:var( --e-global-color-776b857 );}.elementor-4892 .elementor-element.elementor-element-635ea35 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:25px 25px 25px 25px;}.elementor-4892 .elementor-element.elementor-element-635ea35 .elementor-image-carousel-caption{text-align:center;}/* Start custom CSS for image-carousel, class: .elementor-element-635ea35 *//* =========================================================
   THE ITALIAN TASKER
   ELEMENTOR IMAGE CAROUSEL
   Caption + Arrows + Pagination Only
   Brand: #000000 + #2CD46D
========================================================= */


/* =========================================================
   MAIN CAROUSEL
========================================================= */

.wDL-work-carousel {
    width: 100%;
}


/* Keep slide as reference point for caption */

.wDL-work-carousel .swiper-slide {
    position: relative;
    text-align: center;
}


/* =========================================================
   IMAGE CAPTION
   Caption appears INSIDE the image
========================================================= */

.wDL-work-carousel
.elementor-image-carousel-caption {

    position: absolute !important;

    left: 22px !important;
    bottom: 22px !important;

    z-index: 5;

    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 10px 16px !important;

    border-radius: 30px;

    background: rgba(0, 0, 0, 0.78) !important;

    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    letter-spacing: 0.8px;

    text-align: left !important;

    text-transform: uppercase;

    white-space: nowrap;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.15);

    transition:
        background .25s ease,
        transform .25s ease;
}


/* =========================================================
   GREEN DOT BEFORE CAPTION
========================================================= */

.wDL-work-carousel
.elementor-image-carousel-caption::before {

    content: "";

    display: inline-block;

    width: 6px;
    height: 6px;

    margin-right: 8px;

    vertical-align: middle;

    border-radius: 50%;

    background: #2CD46D;
}


/* =========================================================
   CAPTION HOVER
========================================================= */

.wDL-work-carousel
.swiper-slide:hover
.elementor-image-carousel-caption {

    background: #000000 !important;

    transform: translateY(-2px);
}


/* =========================================================
   NAVIGATION ARROWS
========================================================= */

.wDL-work-carousel
.elementor-swiper-button {

    width: 48px !important;
    height: 48px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #2CD46D !important;

    color: #000000 !important;

    box-shadow:
        0 6px 20px rgba(0, 0, 0, 0.15);

    opacity: 1 !important;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* =========================================================
   ARROW ICON
========================================================= */

.wDL-work-carousel
.elementor-swiper-button i,

.wDL-work-carousel
.elementor-swiper-button svg {

    color: #000000 !important;

    fill: #000000 !important;

    width: 18px !important;
    height: 18px !important;

    font-size: 18px !important;
}


/* =========================================================
   ARROW HOVER
========================================================= */

.wDL-work-carousel
.elementor-swiper-button:hover {

    background: #000000 !important;

    color: #2CD46D !important;
    transform: scale(1.08);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.22);
}


/* =========================================================
   ARROW HOVER ICON
========================================================= */

.wDL-work-carousel
.elementor-swiper-button:hover i,

.wDL-work-carousel
.elementor-swiper-button:hover svg {

    color: #2CD46D !important;

    fill: #2CD46D !important;
}


/* =========================================================
   ARROW POSITION
========================================================= */

.wDL-work-carousel
.elementor-swiper-button-prev {

    left: 18px !important;
}

.wDL-work-carousel
.elementor-swiper-button-next {

    right: 18px !important;
}


/* =========================================================
   PAGINATION / DOTS
========================================================= */

.wDL-work-carousel
.swiper-pagination {

    position: relative !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    width: 100% !important;

    margin-top: 22px !important;

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    gap: 9px !important;
}


/* =========================================================
   NORMAL DOT
========================================================= */

.wDL-work-carousel
.swiper-pagination-bullet {

    width: 7px !important;
    height: 7px !important;

    margin: 0 !important;

    border-radius: 50% !important;

    background: #000000 !important;

    opacity: 1 !important;

    transition:
        width .3s ease,
        background .3s ease;
}


/* =========================================================
   ACTIVE DOT
========================================================= */

.wDL-work-carousel
.swiper-pagination-bullet-active {

    width: 28px !important;
    height: 7px !important;

    border-radius: 20px !important;

    background: #2CD46D !important;
}


/* =========================================================
   TABLET ARROWS
========================================================= */

@media (max-width: 1024px) {

    .wDL-work-carousel
    .elementor-swiper-button {

        width: 44px !important;
        height: 44px !important;

        border-width: 2px !important;
    }

    .wDL-work-carousel
    .elementor-swiper-button-prev {

        left: 12px !important;
    }

    .wDL-work-carousel
    .elementor-swiper-button-next {

        right: 12px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .wDL-work-carousel
    .elementor-swiper-button {

        width: 40px !important;
        height: 40px !important;

        border-width: 2px !important;
    }


    /* Mobile arrow icon */

    .wDL-work-carousel
    .elementor-swiper-button i,

    .wDL-work-carousel
    .elementor-swiper-button svg {

        width: 15px !important;
        height: 15px !important;

        font-size: 15px !important;
    }


    /* Mobile arrow position */

    .wDL-work-carousel
    .elementor-swiper-button-prev {

        left: 8px !important;
    }

    .wDL-work-carousel
    .elementor-swiper-button-next {

        right: 8px !important;
    }


    /* =====================================================
       MOBILE CAPTION
    ===================================================== */

    .wDL-work-carousel
    .elementor-image-carousel-caption {

        left: 15px !important;
        bottom: 15px !important;

        padding: 8px 13px !important;

        font-size: 10px !important;

        letter-spacing: .6px;
    }


    .wDL-work-carousel
    .elementor-image-carousel-caption::before {

        width: 5px;
        height: 5px;

        margin-right: 7px;
    }


    /* =====================================================
       MOBILE DOTS
    ===================================================== */

    .wDL-work-carousel
    .swiper-pagination {

        gap: 8px !important;

        margin-top: 18px !important;
    }


    .wDL-work-carousel
    .swiper-pagination-bullet {

        width: 6px !important;
        height: 6px !important;
    }


    .wDL-work-carousel
    .swiper-pagination-bullet-active {

        width: 22px !important;
        height: 6px !important;
    }

}/* End custom CSS */