.elementor-14 .elementor-element.elementor-element-2f5816a{--display:flex;}.elementor-14 .elementor-element.elementor-element-e7570dc{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-e7570dc:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-e7570dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFC;}.elementor-14 .elementor-element.elementor-element-955e264{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-19371b8{--display:flex;}.elementor-14 .elementor-element.elementor-element-19371b8:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-19371b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFC;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-2f5816a{--content-width:1600px;}.elementor-14 .elementor-element.elementor-element-e7570dc{--width:100%;}}/* Start custom CSS *//* ===== SERVICES CAROUSEL — FIVERR STYLE ===== */

/* Wrapper */
.pls-services-carousel .elementor-image-carousel-wrapper {
  padding: 8px 4px;
}

/* Each slide card */
.pls-services-carousel .slick-slide {
  border-radius: 16px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.10);
  background: #0d2b2e;
}
.pls-services-carousel .slick-slide:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 8px 32px rgba(22,129,137,0.22) !important;
}

/* Figure — flip to show caption on top */
.pls-services-carousel .elementor-image-carousel-wrapper figure {
  display: flex !important;
  flex-direction: column-reverse !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin: 0 !important;
  height: 220px !important;
}

/* Image fills bottom */
.pls-services-carousel .elementor-image-carousel-wrapper img {
  width: 100% !important;
  height: 140px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
}

/* Caption = dark header at TOP */
.pls-services-carousel .elementor-image-carousel-caption {
  background: #0d2b2e !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding: 16px !important;
  text-align: left !important;
  border-radius: 0 !important;
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  transition: background 0.3s ease !important;
}

/* Hover: caption bg turns teal */
.pls-services-carousel .slick-slide:hover .elementor-image-carousel-caption {
  background: #168189 !important;
}

/* Arrow navigation */
.pls-services-carousel .slick-prev,
.pls-services-carousel .slick-next {
  background: #168189 !important;
  border-radius: 50% !important;
  width: 38px !important;
  height: 38px !important;
  z-index: 10 !important;
}
.pls-services-carousel .slick-prev:hover,
.pls-services-carousel .slick-next:hover {
  background: #0f5f65 !important;
}
.pls-services-carousel .slick-prev { left: -20px !important; }
.pls-services-carousel .slick-next { right: -20px !important; }

/* Tablet: 3 cards */
@media (max-width: 1024px) {
  .pls-services-carousel .elementor-image-carousel-wrapper figure {
    height: 200px !important;
  }
}

/* Mobile: 2 cards */
@media (max-width: 767px) {
  .pls-services-carousel .elementor-image-carousel-wrapper figure {
    height: 180px !important;
  }
  .pls-services-carousel .elementor-image-carousel-wrapper img {
    height: 110px !important;
  }
  .pls-services-carousel .elementor-image-carousel-caption {
    font-size: 13px !important;
    padding: 12px !important;
    height: 70px !important;
  }
}

/* ============================================
   PREMIUM SERVICES SECTION — SPLIT LAYOUT
   ============================================ */

/* LEFT COLUMN — sticky on scroll */
.pls-services-left {
  position: sticky !important;
  top: 80px !important;
}

/* ============================================
   CAROUSEL CARD DESIGN — Full image + overlay
   ============================================ */

/* Remove default slick padding */
.pls-premium-carousel .slick-list {
  overflow: visible !important;
  padding: 8px 0 !important;
}

/* Each slide */
.pls-premium-carousel .slick-slide {
  padding: 0 8px !important;
}

/* Figure — full card container */
.pls-premium-carousel .elementor-image-carousel-wrapper figure {
  position: relative !important;
  display: block !important;
  height: 320px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.12) !important;
}
.pls-premium-carousel .elementor-image-carousel-wrapper figure:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 12px 40px rgba(22,129,137,0.25) !important;
}

/* Image — full cover */
.pls-premium-carousel .elementor-image-carousel-wrapper img {
  width: 100% !important;
  height: 320px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 0 !important;
}

/* Gradient overlay */
.pls-premium-carousel .elementor-image-carousel-wrapper figure::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(13,43,46,0.85) 0%, transparent 60%) !important;
  border-radius: 20px !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Service name caption — bottom left */
.pls-premium-carousel .elementor-image-carousel-caption {
  position: absolute !important;
  bottom: 16px !important;
  left: 16px !important;
  right: 60px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  background: transparent !important;
  padding: 0 !important;
  z-index: 2 !important;
  text-align: left !important;
}

/* Arrow button — bottom right (pseudo-element) */
.pls-premium-carousel .elementor-image-carousel-wrapper figure::before {
  content: '↗' !important;
  position: absolute !important;
  bottom: 14px !important;
  right: 14px !important;
  width: 40px !important;
  height: 40px !important;
  background: #168189 !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 40px !important;
  text-align: center !important;
  z-index: 3 !important;
  transition: background 0.3s ease !important;
}
.pls-premium-carousel .elementor-image-carousel-wrapper figure:hover::before {
  background: #0f5f65 !important;
}

/* ============================================
   PROGRESS BAR DOTS NAVIGATION
   ============================================ */
.pls-premium-carousel .slick-dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 20px auto 0 !important;
  width: 200px !important;
  height: 3px !important;
  background: #e0e0e0 !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  gap: 0 !important;
  position: relative !important;
}
.pls-premium-carousel .slick-dots li {
  flex: 1 !important;
  height: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.pls-premium-carousel .slick-dots li button {
  width: 100% !important;
  height: 3px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 0 !important;
}
.pls-premium-carousel .slick-dots li button::before {
  content: '' !important;
  width: 100% !important;
  height: 3px !important;
  display: block !important;
  background: transparent !important;
  opacity: 1 !important;
}
.pls-premium-carousel .slick-dots li.slick-active button::before {
  background: #168189 !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */

/* Tablet */
@media (max-width: 1024px) {
  .pls-services-left {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-bottom: 40px !important;
  }
  .pls-services-right {
    width: 100% !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .pls-premium-carousel .elementor-image-carousel-wrapper figure,
  .pls-premium-carousel .elementor-image-carousel-wrapper img {
    height: 260px !important;
  }
}/* End custom CSS */