.elementor-106 .elementor-element.elementor-element-4ecb5a4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-106 .elementor-element.elementor-element-9ee5e2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-9ee5e2e *//* ===== Nexoworx WP Image Carousels ===== */
.carousel{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #E2E8F0;
  background:#000;
  box-shadow:0 22px 50px -28px rgba(27,42,58,.5);
}
.carousel .car-track{
  display:flex;
  transition:transform .55s cubic-bezier(.4,0,.2,1);
}
.carousel .car-slide{
  flex:0 0 100%;
  position:relative;
  min-height:340px;
  display:flex;
  align-items:flex-end;
}
/* actual WP image fills the slide */
.carousel .car-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
/* fallback placeholder (only if no img present) */
.carousel .car-ph{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#3E7CB1,#1B2A3A);
  display:flex;
  align-items:center;
  justify-content:center;
}
.carousel .car-ph svg{width:78px;height:78px;stroke:rgba(255,255,255,.45);fill:none;stroke-width:1.2;}
/* caption over image */
.carousel .car-cap{
  position:relative;
  z-index:2;
  width:100%;
  padding:22px 26px;
  background:linear-gradient(transparent,rgba(11,18,26,.78));
  color:#fff;
}
.carousel .car-cap b{display:block;font-size:18px;font-weight:800;}
.carousel .car-cap span{font-size:13px;color:#cdd8e2;}
/* arrows */
.carousel .car-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;height:42px;
  border-radius:50%;
  border:none;
  cursor:pointer;
  background:rgba(255,255,255,.9);
  color:#1B2A3A;
  font-size:24px;
  line-height:1;
  display:flex;align-items:center;justify-content:center;
  z-index:3;
  transition:background .15s;
}
.carousel .car-btn:hover{background:#fff;}
.carousel .car-btn.prev{left:14px;}
.carousel .car-btn.next{right:14px;}
/* dots */
.carousel .car-dots{
  position:absolute;
  bottom:14px;left:50%;
  transform:translateX(-50%);
  display:flex;gap:8px;z-index:3;
}
.carousel .car-dots button{
  width:9px;height:9px;
  border-radius:50%;
  border:none;
  background:rgba(255,255,255,.45);
  cursor:pointer;padding:0;
}
.carousel .car-dots button.on{
  background:#fff;
  width:22px;
  border-radius:999px;
}/* End custom CSS */