:root {
    --dop: clamp(15px, 4vw, 30px); /* desktop horizontal padding */
    --hop: clamp(10px, 2vw, 20px); /* header vertical padding */

    --cp_lg: clamp(60px, 8vw, 120px); 
    --cp_sm: clamp(30px, 4vw, 60px);
}

.elementor-widget-loop-carousel .swiper-horizontal~.swiper-pagination-progressbar {
    position: relative;
    --progressbar-hover-color: var(--e-global-color-4048b74);
    --progressbar-normal-color: var(--e-global-color-4048b74);
    border-radius: 20px;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 10px;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--e-global-color-4048b74);
}
.elementor-widget-loop-carousel .swiper-pagination-progressbar {
    background: #fff;
}




.elementor-pagination {
    margin-top: 25px;
}
.elementor-pagination .page-numbers {
    padding: 10px clamp(15px, 3vw, 30px);
    background-color: var(--e-global-color-4048b74);
    font-weight: 700;
    border-radius: 50px;
    color: #fff;
    font-family: var(--e-global-typography-9d1a853-font-family), Sans-serif;
    font-size: var(--e-global-typography-9d1a853-font-size);
}
.elementor-pagination .page-numbers:hover {
    color: #fff;
}

.elementor-pagination .page-numbers:not(.prev, .next) {
    padding: 10px clamp(5px, 1vw, 10px);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.elementor-pagination .page-numbers.current {
    background-color: #000;
}

.elementor-widget-container .klaviyo-form {
    max-width: 100% !important;
}
.elementor-widget-container .klaviyo-form .klaviyo-form input {
    border-radius: 200px !important;
}

.elementor-widget-container .klaviyo-form .klaviyo-form button {
    border: 1px solid #fff !important;
    background: transparent !important;
    border-radius: 200px !important;
    text-transform: lowercase !important;
}
.elementor-widget-container .klaviyo-form .klaviyo-form button::first-letter {
    text-transform: uppercase !important;
}
.elementor-widget-container .klaviyo-form .klaviyo-form button:hover {
    background: #fff !important;
    color: #000 !important;
}