.elementor-2399 .elementor-element.elementor-element-819ee19{--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;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2399 .elementor-element.elementor-element-819ee19:not(.elementor-motion-effects-element-type-background), .elementor-2399 .elementor-element.elementor-element-819ee19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2E3D2;}.elementor-2399 .elementor-element.elementor-element-819ee19 > .elementor-shape-top svg, .elementor-2399 .elementor-element.elementor-element-819ee19 > .e-con-inner > .elementor-shape-top svg{width:calc(288% + 1.3px);height:122px;}.elementor-2399 .elementor-element.elementor-element-819ee19 > .elementor-shape-bottom svg, .elementor-2399 .elementor-element.elementor-element-819ee19 > .e-con-inner > .elementor-shape-bottom svg{width:calc(165% + 1.3px);height:62px;}.elementor-2399 .elementor-element.elementor-element-f1da20e{text-align:center;}.elementor-2399 .elementor-element.elementor-element-f1da20e .elementor-heading-title{font-family:"Catamaran", Sans-serif;font-size:30px;font-weight:600;color:#687DAC;}.elementor-2399 .elementor-element.elementor-element-5816045{width:var( --container-widget-width, 55.667% );max-width:55.667%;--container-widget-width:55.667%;--container-widget-flex-grow:0;text-align:center;}.elementor-2399 .elementor-element.elementor-element-5816045.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2399 .elementor-element.elementor-element-5816045 .elementor-heading-title{font-family:"Catamaran", Sans-serif;font-size:50px;font-weight:600;color:#414B57;}.elementor-2399 .elementor-element.elementor-element-c7235cd{--swiper-slides-to-display:3;--swiper-slides-gap:20px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:#687DAC;--arrow-hover-color:#FFFFFF;}.elementor-2399 .elementor-element.elementor-element-c7235cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}.elementor-2399 .elementor-element.elementor-element-c7235cd .swiper-slide > .elementor-element{height:100%;}@media(max-width:1024px){.elementor-2399 .elementor-element.elementor-element-c7235cd{--swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-2399 .elementor-element.elementor-element-819ee19{--content-width:1200px;}}@media(max-width:767px){.elementor-2399 .elementor-element.elementor-element-819ee19{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:148px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-2399 .elementor-element.elementor-element-f1da20e .elementor-heading-title{font-size:20px;}.elementor-2399 .elementor-element.elementor-element-5816045 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2399 .elementor-element.elementor-element-5816045{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2399 .elementor-element.elementor-element-5816045 .elementor-heading-title{font-size:30px;}.elementor-2399 .elementor-element.elementor-element-c7235cd{--swiper-slides-to-display:1;}.elementor-2399 .elementor-element.elementor-element-c7235cd > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for loop-carousel, class: .elementor-element-c7235cd *//* === Robust arrows for Elementor Loop Carousel with class "my-carousel" === */

/* Ensure carousel container allows arrows */
.my-carousel .elementor-swiper,
.my-carousel .swiper-container {
    overflow: visible !important;
    position: relative !important;
}

/* Base arrow style */
.my-carousel .elementor-swiper-button-prev,
.my-carousel .elementor-swiper-button-next,
.my-carousel .swiper-button-prev,
.my-carousel .swiper-button-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 40px !important;
    height: 40px !important;
    background: #ffffff !important;        /* white background */
    border: 2px solid #687DAC !important;  /* your brand color */
    border-radius: 50% !important;
    color: #687DAC !important;            /* arrow icon color default */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    transition: all 0.25s ease !important;
}

/* Arrow icon */
.my-carousel .elementor-swiper-button-prev:after,
.my-carousel .elementor-swiper-button-next:after,
.my-carousel .swiper-button-prev:after,
.my-carousel .swiper-button-next:after {
    color: #687DAC !important; /* default icon color */
    font-size: 18px !important;
    transition: color 0.25s ease !important;
}

/* Hover effect */
.my-carousel .elementor-swiper-button-prev:hover,
.my-carousel .elementor-swiper-button-next:hover,
.my-carousel .swiper-button-prev:hover,
.my-carousel .swiper-button-next:hover {
    background: #687DAC !important; /* background filled on hover */
    border-color: #687DAC !important;
    color: #fff !important;
    fill: #fff !important;
}

/* Change icon color to white on hover */
.my-carousel .elementor-swiper-button-prev:hover:after,
.my-carousel .elementor-swiper-button-next:hover:after,
.my-carousel .swiper-button-prev:hover:after,
.my-carousel .swiper-button-next:hover:after {
    color: #ffffff !important;
      fill: #fff !important;/* icon turns white */
}

/* Position arrows inside carousel */
.my-carousel .elementor-swiper-button-prev,
.my-carousel .swiper-button-prev {
    left: 12px !important;
}

.my-carousel .elementor-swiper-button-next,
.my-carousel .swiper-button-next {
    right: 12px !important;
}

/* Responsive tweak for mobile */
@media(max-width: 767px) {
    .my-carousel .elementor-swiper-button-prev,
    .my-carousel .swiper-button-prev,
    .my-carousel .elementor-swiper-button-next,
    .my-carousel .swiper-button-next {
        width: 32px !important;
        height: 32px !important;
        left: px !important;
        right: px !important;
    }
}/* End custom CSS */