.elementor-1231 .elementor-element.elementor-element-1ab822f{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-e969886 *//* --- 4-TILE CAROUSEL & 1-TILE STEPPING CONTROLS --- */
.wbt-more-services {
  background: var(--wbt-light);
  padding: 80px 20px;
  border-top: 1px solid var(--wbt-border);
  text-align: center;
  position: relative !important;
}

.wbt-more-services h2 {
  font-size: 2rem;
  margin-top: 0;
  margin-bottom: 10px;
  color: var(--wbt-dark);
  font-weight: 700;
}

.wbt-more-services p.sub {
  color: var(--wbt-gray);
  margin-bottom: 40px;
  font-size: 0.95rem;
}

.wbt-services-carousel-wrap {
  max-width: 1100px !important;
  margin: 0 auto 25px auto !important;
  position: relative !important;
  overflow: hidden !important;
}

.wbt-services-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
  width: max-content !important;
  transition: transform 0.4s ease-in-out !important;
  padding: 10px 0 20px 0 !important;
  box-sizing: border-box !important;
}

/* 4 CARDS PER DESKTOP VIEW: (4 x 260px) + (3 x 20px gaps) = 1100px */
.wbt-service-card {
  width: 260px !important;
  flex: 0 0 260px !important;
  min-width: 260px !important;
  height: 380px !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  border: 1px solid var(--wbt-border) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.wbt-service-card img {
  width: 100% !important;
  height: 150px !important;
  object-fit: cover !important;
  display: block !important;
  flex-shrink: 0 !important;
}

.wbt-service-card-body {
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: calc(380px - 150px) !important;
  box-sizing: border-box !important;
}

.wbt-service-card-body h4 {
  margin: 0 0 8px 0 !important;
  font-size: 1rem !important;
  color: var(--wbt-dark) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  height: 42px !important;
  overflow: hidden !important;
}

.wbt-service-card-body p {
  margin: 0 0 14px 0 !important;
  font-size: 0.85rem !important;
  color: var(--wbt-gray) !important;
  line-height: 1.5 !important;
  height: 52px !important;
  overflow: hidden !important;
}

.wbt-service-card-body a {
  color: var(--wbt-orange) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  margin-top: auto !important;
}

/* 1-TILE SHIFT TRANSFORMS: 260px card + 20px gap = 280px step */
#tile-1:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(0px); }
#tile-2:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-280px); }
#tile-3:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-560px); }
#tile-4:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-840px); }
#tile-5:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-1120px); }
#tile-6:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-1400px); }
#tile-7:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-1680px); }
#tile-8:target ~ .wbt-services-carousel-wrap .wbt-services-grid { transform: translateX(-1960px); }

/* ARROW BUTTONS & SWITCHING */
.wbt-nav-arrows {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 35px !important;
}

.wbt-arrow-pair {
  display: none;
  gap: 15px;
  justify-content: center;
  align-items: center;
}

.pair-1 { display: flex; }

#tile-1:target ~ .wbt-nav-arrows .pair-1 { display: flex !important; }
#tile-2:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-2:target ~ .wbt-nav-arrows .pair-2 { display: flex !important; }
#tile-3:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-3:target ~ .wbt-nav-arrows .pair-3 { display: flex !important; }
#tile-4:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-4:target ~ .wbt-nav-arrows .pair-4 { display: flex !important; }
#tile-5:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-5:target ~ .wbt-nav-arrows .pair-5 { display: flex !important; }
#tile-6:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-6:target ~ .wbt-nav-arrows .pair-6 { display: flex !important; }
#tile-7:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-7:target ~ .wbt-nav-arrows .pair-7 { display: flex !important; }
#tile-8:target ~ .wbt-nav-arrows .wbt-arrow-pair { display: none !important; }
#tile-8:target ~ .wbt-nav-arrows .pair-8 { display: flex !important; }

.wbt-arrow-btn {
  background: #ffffff !important;
  border: 1px solid var(--wbt-border) !important;
  color: var(--wbt-dark) !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  font-size: 1.2rem !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
  text-decoration: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: all 0.2s ease !important;
}

.wbt-arrow-btn:hover,
.wbt-arrow-btn:focus,
.wbt-arrow-btn:active {
  background: var(--wbt-orange) !important;
  color: #ffffff !important;
  border-color: var(--wbt-orange) !important;
}/* End custom CSS */