.elementor-1349 .elementor-element.elementor-element-83feb42{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-1349 .elementor-element.elementor-element-83feb42.e-con{--align-self:stretch;}.elementor-1349 .elementor-element.elementor-element-6f14fd1{--e-image-carousel-slides-to-show:1;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;}.elementor-1349 .elementor-element.elementor-element-6f14fd1.elementor-element{--align-self:stretch;}.elementor-1349 .elementor-element.elementor-element-6f14fd1 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;--swiper-pagination-bullet-vertical-gap:6px;width:16px;height:16px;background:var( --e-global-color-secondary );}.elementor-1349 .elementor-element.elementor-element-6f14fd1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-46bb09a );opacity:var( --e-global-color-46bb09a );}.elementor-1349 .elementor-element.elementor-element-6f14fd1 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1349 .elementor-element.elementor-element-6f14fd1 .elementor-image-carousel-caption{text-align:center;color:var( --e-global-color-secondary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );margin-block-start:8px;}.elementor-1349 .elementor-element.elementor-element-88ef12c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1349 .elementor-element.elementor-element-88ef12c.elementor-element{--align-self:stretch;}@media(max-width:1024px){.elementor-1349 .elementor-element.elementor-element-6f14fd1 .elementor-image-carousel-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-1349 .elementor-element.elementor-element-6f14fd1 .elementor-image-carousel-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-88ef12c */#colorCarousel img {
    aspect-ratio: 4 / 2 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#colorCarousel figcaption.elementor-image-carousel-caption {
    display: none;
}
/* Layout & Spacing */
#colorCarousel  .elementor-image-carousel-wrapper .swiper-pagination {
    position: relative !important;
    bottom: 0 !important;
    margin-top: 24px !important; 
    overflow: visible !important;
    display: flex;
    justify-content: center;
}
/* Style the dots as solid circular swatches */
#colorCarousel  .elementor-image-carousel-wrapper .swiper-pagination-bullet {
    opacity: 1 !important; /* Ensure color is not faded */
    position: relative !important;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}
/* Active State: The dark ring around the swatch */
#colorCarousel  .swiper-pagination-bullet-active {
    border-color: var( --e-global-color-secondary ) !important;
    box-shadow: 0 0 0 2px #fff inset;
    transform: scale(1.1);
}

/* The Caption Label */
#colorCarousel  .dot-label {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: var( --e-global-color-secondary );
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

/* Show Label on Hover & Active */
#colorCarousel  .swiper-pagination-bullet-active .dot-label,
#colorCarousel  .swiper-pagination-bullet:hover .dot-label {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}/* End custom CSS */