/* ARROWS STYLE */
.slick-prev,
.slick-next {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: ;
  opacity: ;
  border: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.slick-prev:hover i,
.slick-next:hover i {
  color: ;
  opacity: ;
}



/* === SLIDER WRAPPER === */
.custom-slider-wrapper-inner{
	padding-right:calc(50vw - 620px);
	overflow:hidden;
}
.custom-slider-wrapper-inner .slick-list {
    overflow: visible;
}
.custom-slider-wrapper {
  position: relative;
  padding-top: 5px;
	
}

/* ARROW CONTAINER */

.slider-nav-top {
  position: absolute;
  top: -60px;
  left: 80px;
  z-index: 10;
}
@media (max-width: 992px) {
  .slider-nav-top {
    left: 40px;
  }
}


/* FLEX + GAP */
.slider-nav-arrows {
  display: flex;
  align-items: center;
  gap: 20px;
}


/* === SLIDER STRUCTURE === */
{#
.mb-scroller-wrapper { overflow: visible; padding-right: 0px; margin-left: 0; }
.mb-scroller-wrapper .slick-track { display: flex; direction: ltr !important; }
.mb-scroller-wrapper .slick-slide { display: flex; margin-right: 20px; }
.mb-scroller-wrapper .slick-slide:last-child { margin-right: 0; }
#}
/* RTL mode spacing support */
.mb-scroller-wrapper[dir="rtl"] .slick-slide { margin-left: 20px; margin-right: 0; }

/* === CARD DESIGN === */
.mb-scroller-wrapper {
    margin: 0 -10px;
}
.mb-scroller-wrapper .item { flex: 1; padding: 10px; display: flex; }
.item-inner.box { flex: 1 1 auto; background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12); display: flex; flex-direction: column; height: 100%; margin:0 10px; }
.item-img.custom-img { width: 100%; height: 0; padding-top: 60%; background-size: cover; background-position: center; border-radius: 6px; margin-bottom: 16px; }
.item-inner .content { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; }
.mb-scroller-wrapper[dir="rtl"] .slick-track { direction: ltr !important; /* Keeps correct visual order even in RTL mode */ }

@media (max-width: 768px) {
  .slider-nav-top {
/*     left: 20px; */
  }
	.custom-slider-wrapper-inner {
    margin: 0 -20px;
}

}