.elementor-6372 .elementor-element.elementor-element-a8cb07f{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6372 .elementor-element.elementor-element-8bbd5d3{--swiper-slides-to-display:1;--swiper-slides-gap:10px;--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;}.elementor-6372 .elementor-element.elementor-element-8bbd5d3 .swiper-slide > .elementor-element{height:100%;}.elementor-6372 .elementor-element.elementor-element-5e97099{--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:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-6372 .elementor-element.elementor-element-4ed56a8{--grid-columns:3;--load-more-button-align:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6372 .elementor-element.elementor-element-5e97099{--content-width:1120px;}}@media(max-width:1024px){.elementor-6372 .elementor-element.elementor-element-8bbd5d3{--swiper-slides-to-display:1;}.elementor-6372 .elementor-element.elementor-element-4ed56a8{--grid-columns:2;}}@media(max-width:767px){.elementor-6372 .elementor-element.elementor-element-8bbd5d3{--swiper-slides-to-display:1;}.elementor-6372 .elementor-element.elementor-element-4ed56a8{--grid-columns:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-8bbd5d3 *//* Bottom-right position (optional if you already set it) */
.news-carousel .elementor-widget-container{
  position: relative;
}


.news-carousel .elementor-swiper-button{
  position: absolute !important;
  top: auto !important;
  width: 44px;
  height: 44px;
  border-radius: 5px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

.news-carousel .elementor-swiper-button.elementor-swiper-button-prev,
.news-carousel .elementor-swiper-button.elementor-swiper-button-next{
  top: auto !important;
  bottom: 30px !important;
}
/* Next & Prev placement */
.news-carousel .elementor-swiper-button-next{
  right: 18px !important;
  left: auto !important;
}

.news-carousel .elementor-swiper-button-prev{
  right: 70px !important;
  left: auto !important;
}

/* Make the arrow icon black */
.news-carousel .elementor-swiper-button svg{
  width: 18px;   /* adjust if needed */
  height: 18px;  /* adjust if needed */
  fill: #000 !important;
}

/* optional: hover */
.news-carousel .elementor-swiper-button:hover{
  filter: brightness(0.95);
}




/* 1) Create a 1220px positioning context inside the carousel */


.news-carousel .elementor-widget-container::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: min(1120px, calc(100% - 40px)); /* 20px padding each side */
  height: 0;
  pointer-events: none;
}

/* 2) Place arrows relative to the centered 1220px area */
.news-carousel .elementor-swiper-button{
  bottom: 18px !important;
  top: auto !important;
  transform: none !important;
}

/* right edge of the 1220px area */
.news-carousel .elementor-swiper-button-next{
  left: 50% !important;
  right: auto !important;
  transform: translateX(calc(530px - 18px)) !important; /* 1220/2 = 610 */
}

/* prev is 52px left of next (44 + 8 gap) */
.news-carousel .elementor-swiper-button-prev{
  left: 50% !important;
  right: auto !important;
  transform: translateX(calc(530px - 70px)) !important;
}

/* Responsive: when screen is narrower than 1220px, keep them within padding */
@media (max-width: 1240px){
  .news-carousel .elementor-swiper-button-next{
    left: auto !important;
    right: 20px !important;
    transform: none !important;
  }
  .news-carousel .elementor-swiper-button-prev{
    left: auto !important;
    right: 72px !important;
    transform: none !important;
  }
}


/* Force slide background to always cover and never repeat */
.news-carousel .news-slide-bg{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* If Elementor uses the motion-effects layer for the background */
.news-carousel .news-slide-bg > .elementor-motion-effects-container > .elementor-motion-effects-layer{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}/* End custom CSS */