/* Pest Control theme final overrides */
.apex-topline,
body:has(.apex-hero) .apex-topline,
body:not(:has(.apex-hero)) .apex-topline {
  background: #303d8e !important;
  border-bottom: 1px solid rgba(55, 213, 139, .22) !important;
}

.apex-topline a,
body:has(.apex-hero) .apex-topline a,
body:not(:has(.apex-hero)) .apex-topline a {
  color: rgba(255, 255, 255, .86) !important;
}

.apex-topline i {
  color: #2e9d3f !important;
}

.apex-nav,
body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  position: relative;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 250, 247, .94)) !important;
  border-bottom: 0 !important;
  box-shadow: 0 18px 50px rgba(6, 51, 74, .12) !important;
}

.apex-nav .container::after,
body:has(.apex-hero) .apex-nav .container::after,
body:not(:has(.apex-hero)) .apex-nav .container::after {
  content: none !important;
  display: none !important;
}

.apex-nav::after,
body:has(.apex-hero) .apex-nav::after,
body:not(:has(.apex-hero)) .apex-nav::after {
  content: "";
  position: absolute;
  left: max(24px, calc((100vw - 1320px) / 2 + 12px));
  right: max(24px, calc((100vw - 1320px) / 2 + 12px));
  bottom: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #303d8e, #2e9d3f, #F5B942);
  z-index: 2;
}

.apex-brand span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #303d8e !important;
  font-weight: 900;
  letter-spacing: .02em;
}

.apex-brand span::before {
  content: "\F5A2";
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #2e9d3f, #303d8e);
  color: #fff;
  font-family: "bootstrap-icons";
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 12px 26px rgba(22, 163, 107, .25);
}

.apex-brand img,
body:has(.apex-hero) .apex-brand img {
  max-height: 52px !important;
  filter: none !important;
  opacity: 1 !important;
}

.apex-menu > .nav-item > .nav-link,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
  color: #303d8e !important;
  border-radius: 999px;
  padding: 11px 16px !important;
}

.apex-menu > .nav-item > .nav-link:hover,
.apex-menu > .nav-item > .nav-link:focus,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:hover {
  background: rgba(22, 163, 107, .1) !important;
  color: #303d8e !important;
}

.apex-menu .dropdown-menu,
body:has(.apex-hero) .apex-menu .dropdown-menu,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
  background: #fff !important;
  border: 1px solid rgba(8, 120, 184, .14) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 54px rgba(6, 51, 74, .16) !important;
}

.apex-menu .dropdown-menu .nav-link,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: #303d8e !important;
}

.apex-menu .dropdown-menu .nav-link:hover,
.apex-menu .dropdown-menu .nav-link:focus,
.apex-menu .dropdown-menu .nav-link.active,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:hover,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:focus,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link.active,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:focus,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link.active {
  background: linear-gradient(135deg, rgba(22, 163, 107, .12), rgba(8, 120, 184, .1)) !important;
  color: #303d8e !important;
}

.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  border-radius: 999px !important;
  background: #303d8e !important;
  border: 1px solid rgba(55, 213, 139, .34) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(6, 51, 74, .18) !important;
}

.apex-nav-cta i {
  color: #2e9d3f !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #303d8e, #2e9d3f) !important;
  transform: translateY(-1px);
}

.apex-hero .apex-hero-copy {
  padding-top: 18px;
}

.apex-hero .apex-kicker {
  display: none !important;
}

.apex-hero .pest-control-hero-btn {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 56px;
  padding: 9px 12px 9px 26px !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, #2e9d3f 0%, #2e9d3f 42%, #303d8e 100%) !important;
  color: #fff !important;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.1;
  box-shadow: 0 22px 54px rgba(6, 51, 74, .28), 0 10px 26px rgba(55, 213, 139, .18) !important;
  overflow: hidden;
}

.apex-hero .pest-control-hero-btn::before,
.apex-hero .pest-control-hero-btn::after {
  content: none !important;
}

.apex-hero .pest-control-hero-btn span,
.apex-hero .pest-control-hero-btn i {
  position: relative;
  z-index: 1;
}

.apex-hero .pest-control-hero-btn i {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .22);
  color: #fff !important;
  font-size: 25px;
  line-height: 1;
  transition: transform .22s ease, background .22s ease;
}

.apex-hero .pest-control-hero-btn:hover,
.apex-hero .pest-control-hero-btn:focus {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .52) !important;
  background: linear-gradient(135deg, #303d8e 0%, #2e9d3f 100%) !important;
  box-shadow: 0 26px 62px rgba(6, 51, 74, .34), 0 12px 30px rgba(8, 120, 184, .22) !important;
  transform: translateY(-2px);
}

.apex-hero .pest-control-hero-btn:hover i,
.apex-hero .pest-control-hero-btn:focus i {
  background: rgba(255, 255, 255, .28);
  transform: translateX(3px);
}

.apex-hero .apex-hero-swiper {
  position: relative;
}

.apex-hero .hero-pagination {
  left: 50% !important;
  bottom: 34px !important;
  width: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(6, 51, 74, .46);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
  transform: translateX(-50%);
  z-index: 8;
}

.apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0 !important;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .64);
  opacity: 1;
  transition: width .22s ease, background .22s ease, box-shadow .22s ease;
}

.apex-hero .hero-pagination .swiper-pagination-bullet-active {
  width: 32px;
  background: linear-gradient(90deg, #2e9d3f, #303d8e);
  box-shadow: 0 0 0 4px rgba(55, 213, 139, .14);
}

.apex-hero .pest-control-slider-control {
  position: absolute;
  top: 50%;
  z-index: 9;
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  background: rgba(6, 51, 74, .52);
  color: #fff;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .2);
  backdrop-filter: blur(14px);
  transform: translateY(-50%);
  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.apex-hero .pest-control-slider-control i {
  color: inherit;
  font-size: 32px;
  line-height: 1;
}

.apex-hero .pest-control-slider-prev {
  left: max(24px, calc((100vw - 1320px) / 2 + 12px));
}

.apex-hero .pest-control-slider-next {
  right: max(24px, calc((100vw - 1320px) / 2 + 12px));
}

.apex-hero .pest-control-slider-control:hover,
.apex-hero .pest-control-slider-control:focus {
  border-color: rgba(255, 255, 255, .5);
  background: linear-gradient(135deg, rgba(55, 213, 139, .92), rgba(8, 120, 184, .92));
  box-shadow: 0 24px 58px rgba(6, 51, 74, .26);
}

.apex-hero .pest-control-slider-prev:hover,
.apex-hero .pest-control-slider-prev:focus {
  transform: translate(-3px, -50%);
}

.apex-hero .pest-control-slider-next:hover,
.apex-hero .pest-control-slider-next:focus {
  transform: translate(3px, -50%);
}

.transport-service-icon,
.transport-feature-ring,
.why-choose-item .icon-box {
  position: relative;
  overflow: hidden;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 72% 22%, rgba(245, 185, 66, .34), transparent 30%),
    linear-gradient(135deg, rgba(8, 120, 184, .12), rgba(22, 163, 107, .18)) !important;
  color: #303d8e !important;
}

.apex-service-card {
  position: relative;
  overflow: visible !important;
}

.apex-service-card .transport-service-icon {
  position: absolute !important;
  top: 20px !important;
  left: 20px !important;
  z-index: 5;
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.apex-service-card .transport-service-icon i {
  font-size: 28px !important;
}

.apex-service-card .apex-service-number {
  position: absolute !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 6;
  width: 44px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #303d8e !important;
  color: #fff !important;
}

.apex-service-card .apex-service-image-link {
  display: block;
}

.transport-service-icon::after,
.transport-feature-ring::after,
.why-choose-item .icon-box::after {
  content: "";
  position: absolute;
  inset: auto -18px -22px auto;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: rgba(55, 213, 139, .2);
}

.transport-service-icon i,
.transport-feature-ring i,
.why-choose-item .icon-box i {
  position: relative;
  z-index: 1;
  color: #303d8e !important;
}

@media (max-width: 991.98px) {
  .apex-nav::after,
  body:has(.apex-hero) .apex-nav::after,
  body:not(:has(.apex-hero)) .apex-nav::after {
    left: 12px;
    right: 12px;
    bottom: 0;
  }

  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background: #303d8e !important;
    border: 1px solid rgba(55, 213, 139, .24) !important;
  }

  .apex-menu > .nav-item > .nav-link,
  body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
  body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
    color: rgba(255, 255, 255, .92) !important;
    border-radius: 10px;
  }

  .apex-hero .pest-control-hero-btn {
    min-height: 52px;
    padding: 8px 10px 8px 21px !important;
    gap: 10px;
  }

  .apex-hero .pest-control-hero-btn i {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 23px;
  }

  .apex-hero .hero-pagination {
    bottom: 70px !important;
    padding: 7px 9px;
  }

  .apex-hero .pest-control-slider-control {
    width: 44px;
    height: 44px;
  }

  .apex-hero .pest-control-slider-control i {
    font-size: 28px;
  }

  .apex-hero .pest-control-slider-prev {
    left: 14px;
  }

  .apex-hero .pest-control-slider-next {
    right: 14px;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout .hero-pagination,
  .apex-hero .hero-pagination {
    bottom: 96px !important;
  }

  .apex-hero .pest-control-slider-control {
    top: auto;
    bottom: 86px;
    transform: none;
  }

  .apex-hero .pest-control-slider-prev {
    left: 14px;
  }

  .apex-hero .pest-control-slider-next {
    right: 14px;
  }

  .apex-hero .pest-control-slider-prev:hover,
  .apex-hero .pest-control-slider-prev:focus,
  .apex-hero .pest-control-slider-next:hover,
  .apex-hero .pest-control-slider-next:focus {
    transform: none;
  }
}

/* Center line pagination, about box, and cleaner cards */
body:has(.apex-hero) .apex-hero .pest-control-slider-control {
  display: none !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination {
  left: 50% !important;
  right: auto !important;
  bottom: 34px !important;
  width: auto !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: translateX(-50%) !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 38px !important;
  height: 4px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .44) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transition: width .22s ease, background .22s ease;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active {
  width: 58px !important;
  background: #2e9d3f !important;
  box-shadow: 0 0 0 4px rgba(198, 255, 85, .12) !important;
}

.apex-about {
  padding: 110px 0 !important;
  background: #f5f5f3 !important;
  overflow: hidden;
}

.apex-about .container {
  max-width: 1480px;
}

.pest-about-media {
  position: relative;
  min-height: 560px;
  padding: 20px 0 0 92px;
}

.pest-about-media::before {
  content: "\F5A2";
  position: absolute;
  top: 20px;
  left: 16px;
  z-index: 0;
  color: rgba(6, 63, 45, .07);
  font-family: "bootstrap-icons";
  font-size: 130px;
  line-height: 1;
  transform: rotate(-18deg);
}

.pest-about-main,
.pest-about-float {
  position: relative;
  z-index: 1;
  display: block;
  object-fit: cover;
  box-shadow: 0 24px 60px rgba(6, 63, 45, .12);
}

.pest-about-main {
  width: min(420px, 78%);
  height: 560px;
  margin-left: auto;
  border-radius: 14px;
}

.pest-about-float {
  position: absolute;
  left: 0;
  top: 220px;
  width: min(360px, 56%);
  height: 300px;
  border: 8px solid #f5f5f3;
  border-radius: 14px;
}

.pest-about-copy {
  max-width: 680px;
}

.pest-about-kicker {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff;
  color: #202b66 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.pest-about-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2e9d3f;
}

.pest-about-copy h2 {
  max-width: 720px;
  margin: 18px 0 22px;
  color: #202b66 !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1.05 !important;
}

.pest-about-copy p {
  color: #3f4d48 !important;
  font-size: 16px;
  line-height: 1.75;
}

.pest-about-points {
  display: grid;
  gap: 15px;
  margin: 30px 0 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(6, 63, 45, .12);
}

.pest-about-points div {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #273b34;
  font-weight: 700;
}

.pest-about-points i {
  color: #b9f34f !important;
  font-size: 18px;
}

.pest-about-copy .apex-btn {
  border-radius: 8px !important;
  background: #2e9d3f !important;
  color: #202b66 !important;
  box-shadow: none !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card,
.apex-feature-box,
.transport-area-card,
.our-testimonials .testimonial-item {
  background: #fff !important;
  border: 1px solid rgba(6, 63, 45, .1) !important;
  box-shadow: 0 18px 50px rgba(6, 63, 45, .06) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card:hover,
.apex-feature-box:hover,
.transport-area-card:hover,
.our-testimonials .testimonial-item:hover {
  background: #fff !important;
  border-color: rgba(198, 255, 85, .75) !important;
  box-shadow: 0 24px 64px rgba(6, 63, 45, .1) !important;
}

@media (max-width: 991.98px) {
  .apex-about {
    padding: 74px 0 !important;
  }

  .pest-about-media {
    min-height: 480px;
    padding-left: 44px;
  }

  .pest-about-main {
    height: 480px;
  }

  .pest-about-float {
    top: 220px;
    height: 250px;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero .hero-pagination {
    bottom: 26px !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet {
    width: 28px !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active {
    width: 44px !important;
  }

  .pest-about-media {
    min-height: 420px;
    padding-left: 0;
  }

  .pest-about-main {
    width: 82%;
    height: 420px;
  }

  .pest-about-float {
    top: 190px;
    width: 62%;
    height: 210px;
    border-width: 6px;
  }
}

/* Final hero glass tuning */
body,
main {
  background: #fff !important;
}

body:has(.apex-hero)::before {
  content: none !important;
}

body:has(.apex-hero) .apex-nav {
  background: rgba(12, 56, 41, .46) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: 0 24px 70px rgba(0, 30, 21, .16) !important;
  backdrop-filter: blur(22px) saturate(145%);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
}

body:has(.apex-hero) .apex-nav > .container {
  background: transparent !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  min-height: 790px !important;
  background: transparent !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  min-height: 790px !important;
  height: 790px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  padding-top: 132px;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-nav {
    background: rgba(12, 56, 41, .54) !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100vh !important;
    height: 100vh !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100svh !important;
    height: 100svh !important;
  }
}

/* Slider and card polish */
body {
  background: #fff !important;
}

main {
  background: #fff;
}

body:has(.apex-hero)::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 760px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 0%, rgba(198, 255, 85, .1), transparent 30%),
    linear-gradient(180deg, rgba(246, 248, 244, .72) 0%, rgba(255, 255, 255, 0) 82%);
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  min-height: 720px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  min-height: 720px !important;
  height: 720px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  padding-top: 118px;
}

.apex-services:not(.apex-services-dark) {
  margin-top: 82px;
  background: #fff !important;
}

.apex-services:not(.apex-services-dark) .row {
  --bs-gutter-x: 28px;
  --bs-gutter-y: 28px;
  align-items: stretch;
}

.apex-services:not(.apex-services-dark) .row > [class*="col-"] {
  display: flex;
}

.apex-services:not(.apex-services-dark) .apex-service-card {
  width: 100%;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  padding: 34px 28px 30px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link {
  flex: 0 0 150px;
}

.apex-services:not(.apex-services-dark) .apex-service-body {
  display: flex;
  min-height: 188px;
  flex: 1 1 auto;
  flex-direction: column;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 {
  min-height: 50px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.apex-services:not(.apex-services-dark) .apex-service-body p {
  min-height: 48px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.apex-services:not(.apex-services-dark) .apex-card-link {
  margin-top: auto;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero)::before {
    height: 100vh;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    min-height: 100vh !important;
    margin-top: 0;
    border-radius: 0;
    width: 100%;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100vh !important;
    height: 100vh !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    padding-top: 104px;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-header {
    top: 14px;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    min-height: 100svh !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100svh !important;
    height: 100svh !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    padding-top: 96px;
    padding-bottom: 82px;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout h1 {
    font-size: clamp(34px, 12vw, 52px) !important;
  }

  .apex-services:not(.apex-services-dark) {
    margin-top: 38px;
  }

  .apex-services:not(.apex-services-dark) .apex-service-card {
    min-height: 400px;
  }
}

/* Pest Control boxed layout */
body {
  background: #f3f3f1 !important;
}

/* Removed body:has(.apex-hero) header absolute positioning and styling overrides to let it display relative and consistent with inner pages */

body:has(.apex-hero) .apex-nav::after {
  content: none !important;
}

body:has(.apex-hero) .apex-nav > .container {
  min-height: 82px;
  max-width: none;
  padding-inline: 24px;
}

body:has(.apex-hero) .apex-brand span {
  color: #fff !important;
}

body:has(.apex-hero) .apex-brand span::before {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #2e9d3f;
  color: #202b66;
  box-shadow: none;
}

body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
body:has(.apex-hero) .apex-menu .nav-link {
  color: rgba(255, 255, 255, .92) !important;
  font-size: 14px;
  font-weight: 800;
}

body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:hover,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:focus {
  background: rgba(198, 255, 85, .14) !important;
  color: #2e9d3f !important;
}

body:has(.apex-hero) .apex-nav-cta {
  min-height: 46px;
  padding-inline: 22px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #2e9d3f !important;
  color: #202b66 !important;
  box-shadow: none !important;
}

body:has(.apex-hero) .apex-nav-cta i {
  color: #202b66 !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  width: min(1480px, calc(100vw - 48px));
  min-height: 620px !important;
  height: auto !important;
  margin: 14px auto 0;
  border-radius: 10px;
  overflow: hidden;
  background: #073f2e !important;
  box-shadow: none;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  min-height: 620px !important;
  height: 620px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  align-items: center;
  padding-top: 128px;
  background-position: center right !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before {
  background:
    linear-gradient(90deg, rgba(0, 66, 45, .96) 0%, rgba(0, 66, 45, .82) 32%, rgba(0, 66, 45, .38) 58%, rgba(0, 66, 45, .12) 100%) !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .container {
  max-width: 1180px;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy {
  max-width: 650px;
  padding-top: 0;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout h1 {
  max-width: 650px;
  color: #fff !important;
  font-size: clamp(40px, 4.2vw, 68px) !important;
  line-height: .98 !important;
  letter-spacing: 0;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout p {
  max-width: 620px;
  color: rgba(255, 255, 255, .9) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-btn {
  min-height: 48px;
  padding: 8px 13px 8px 20px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #2e9d3f !important;
  color: #202b66 !important;
  box-shadow: none !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-btn i {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
  background: transparent;
  color: #202b66 !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination {
  left: auto !important;
  right: 70px !important;
  bottom: 50% !important;
  flex-direction: column;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform: translateY(50%);
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: rgba(198, 255, 85, .55);
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active {
  width: 9px;
  height: 9px;
  background: #2e9d3f;
  box-shadow: 0 0 0 8px rgba(198, 255, 85, .12);
}

body:has(.apex-hero) .apex-hero .pest-control-slider-control {
  display: none !important;
}

.apex-services:not(.apex-services-dark) {
  position: relative;
  width: min(1480px, calc(100vw - 48px));
  margin: 48px auto;
  padding: 86px 0 96px !important;
  border-radius: 12px;
  background: #fff !important;
  overflow: hidden;
}

.apex-services:not(.apex-services-dark)::before {
  content: "\F5A2";
  position: absolute;
  top: 30px;
  right: 48px;
  color: rgba(6, 63, 45, .06);
  font-family: "bootstrap-icons";
  font-size: 104px;
  line-height: 1;
  transform: rotate(-18deg);
}

.apex-services:not(.apex-services-dark) .container {
  max-width: 1180px;
}

.apex-services:not(.apex-services-dark) .apex-section-head {
  max-width: 650px;
  margin: 0 auto 58px;
  text-align: center;
}

.apex-services:not(.apex-services-dark) .apex-section-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  background: #f4f4f2;
  color: #202b66 !important;
  font-size: 13px;
  font-weight: 800;
}

.apex-services:not(.apex-services-dark) .apex-section-head span::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2e9d3f;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2 {
  margin-top: 18px;
  color: #202b66 !important;
  font-size: clamp(34px, 3.3vw, 52px) !important;
  line-height: 1.03 !important;
}

.apex-services:not(.apex-services-dark) .row {
  justify-content: center;
}

.apex-services:not(.apex-services-dark) .apex-service-card {
  height: 100%;
  min-height: 390px;
  padding: 32px 30px 28px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f4f4f2 !important;
  box-shadow: none !important;
  text-align: center;
  overflow: hidden !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 54px rgba(6, 63, 45, .08) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-number {
  display: none !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link {
  width: 150px;
  height: 150px;
  margin: 0 auto 54px;
  border-radius: 50%;
  overflow: hidden;
  background: #e8ece8;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 50% !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon {
  top: 150px !important;
  left: 50% !important;
  width: 46px !important;
  height: 46px !important;
  border: 5px solid #f4f4f2;
  border-radius: 50% !important;
  background: #2e9d3f !important;
  color: #202b66 !important;
  transform: translateX(-50%);
}

.apex-services:not(.apex-services-dark) .apex-service-card:not(:has(.apex-service-image-link)) {
  padding-top: 112px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card:not(:has(.apex-service-image-link)) .transport-service-icon {
  top: 34px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon::after {
  content: none !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon i {
  color: #202b66 !important;
  font-size: 20px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 {
  margin-bottom: 10px;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 a {
  color: #202b66 !important;
  font-size: 20px;
  line-height: 1.25;
}

.apex-services:not(.apex-services-dark) .apex-service-body p {
  max-width: 230px;
  margin: 0 auto 26px;
  color: #4d5954 !important;
  font-size: 15px;
  line-height: 1.6;
}

.apex-services:not(.apex-services-dark) .apex-card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid rgba(6, 63, 45, .12);
  color: #202b66 !important;
  font-weight: 900;
}

.apex-services:not(.apex-services-dark) .apex-card-link i {
  color: #202b66 !important;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-header {
    top: 22px;
  }

  body:has(.apex-hero) .apex-nav {
    width: min(100% - 48px, 720px);
    min-height: 68px;
  }

  body:has(.apex-hero) .apex-nav > .container {
    min-height: 68px;
  }

  body:has(.apex-hero) .apex-nav .navbar-collapse {
    margin-top: 14px;
    border-radius: 12px;
    background: #202b66 !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    width: calc(100vw - 28px);
    min-height: 560px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 560px !important;
    height: 560px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    padding-top: 108px;
    background-position: center !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout h1 {
    font-size: clamp(34px, 9vw, 48px) !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination {
    right: 24px !important;
  }

  .apex-services:not(.apex-services-dark) {
    width: calc(100vw - 28px);
    padding: 62px 0 70px !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-nav {
    width: calc(100vw - 28px);
  }

  body:has(.apex-hero) .apex-nav > .container {
    padding-inline: 16px;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    border-radius: 8px;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy {
    max-width: 100%;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before {
    background: linear-gradient(90deg, rgba(0, 66, 45, .94), rgba(0, 66, 45, .62)) !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination {
    right: 18px !important;
    bottom: 26px !important;
    flex-direction: row;
    transform: none;
  }

  .apex-services:not(.apex-services-dark) .apex-section-head {
    margin-bottom: 34px;
  }
}

/* Boxed layout refinements */
body {
  background: linear-gradient(180deg, #f2f2f0 0 520px, #fff 520px 100%) !important;
}

body:has(.apex-hero) .apex-nav {
  width: min(1380px, calc(100vw - 96px));
}

body:has(.apex-hero) .apex-nav > .container {
  padding-inline: 32px;
}

body:has(.apex-hero) .apex-brand img {
  max-height: 54px !important;
  width: auto;
  filter: none !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  width: min(1720px, calc(100vw - 56px));
  margin-top: 18px;
  background: transparent !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .container {
  max-width: 1380px;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy {
  margin-inline: auto;
  text-align: center;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout h1,
body:has(.apex-hero) .apex-hero.hero-slider-layout p {
  margin-inline: auto;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before {
  background:
    linear-gradient(90deg, rgba(0, 66, 45, .9) 0%, rgba(0, 66, 45, .64) 42%, rgba(0, 66, 45, .32) 66%, rgba(0, 38, 27, .4) 100%),
    radial-gradient(circle at 50% 46%, rgba(0, 78, 55, .52), transparent 34%) !important;
}

body:has(.apex-hero) .apex-hero .pest-control-slider-control {
  top: auto !important;
  bottom: 30px;
  display: inline-flex !important;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(198, 255, 85, .32);
  border-radius: 999px;
  background: rgba(5, 43, 31, .72);
  color: #2e9d3f;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
  backdrop-filter: blur(12px);
  transform: none !important;
}

body:has(.apex-hero) .apex-hero .pest-control-slider-control i {
  font-size: 24px;
}

body:has(.apex-hero) .apex-hero .pest-control-slider-prev {
  left: auto !important;
  right: 86px;
}

body:has(.apex-hero) .apex-hero .pest-control-slider-next {
  right: 36px;
}

body:has(.apex-hero) .apex-hero .pest-control-slider-control:hover,
body:has(.apex-hero) .apex-hero .pest-control-slider-control:focus {
  border-color: #2e9d3f;
  background: #2e9d3f;
  color: #202b66;
  box-shadow: 0 18px 42px rgba(198, 255, 85, .24);
}

body:has(.apex-hero) .apex-hero .hero-pagination {
  right: 42px !important;
  bottom: 88px !important;
  gap: 7px;
  transform: none;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active {
  box-shadow: 0 0 0 6px rgba(198, 255, 85, .14);
}

.apex-services:not(.apex-services-dark) {
  width: min(1720px, calc(100vw - 56px));
  margin-top: 72px;
  background: #fff !important;
}

.apex-services:not(.apex-services-dark) .container {
  max-width: 1380px;
}

@media (max-width: 991.98px) {
  body {
    background: linear-gradient(180deg, #f2f2f0 0 430px, #fff 430px 100%) !important;
  }

  body:has(.apex-hero) .apex-nav,
  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-services:not(.apex-services-dark) {
    width: calc(100vw - 28px);
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy {
    text-align: left;
    margin-inline: 0;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout h1,
  body:has(.apex-hero) .apex-hero.hero-slider-layout p {
    margin-inline: 0;
  }

  body:has(.apex-hero) .apex-hero .pest-control-slider-prev {
    right: 72px;
  }

  body:has(.apex-hero) .apex-hero .pest-control-slider-next {
    right: 22px;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-nav > .container {
    padding-inline: 16px;
  }

  body:has(.apex-hero) .apex-brand img {
    max-height: 42px !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination {
    right: 112px !important;
    bottom: 40px !important;
  }
}

/* Hard final overrides: transparent hero surround, wider box, taller slider */
html,
body,
main,
body:has(.apex-hero),
body:has(.apex-hero) main {
  background: #fff !important;
  background-image: none !important;
}

body:has(.apex-hero)::before,
body:has(.apex-hero)::after,
body:has(.apex-hero) main::before,
body:has(.apex-hero) main::after,
body:has(.apex-hero) .apex-hero.hero-slider-layout::before,
body:has(.apex-hero) .apex-hero.hero-slider-layout::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

body:has(.apex-hero) .apex-nav {
  width: min(1480px, calc(100vw - 72px)) !important;
  background: rgba(12, 54, 39, .34) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: 0 24px 74px rgba(0, 24, 16, .14), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  backdrop-filter: blur(26px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(26px) saturate(160%) !important;
}

body:has(.apex-hero) .apex-nav > .container {
  max-width: none !important;
  padding-inline: 36px;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  width: min(1840px, calc(100vw - 48px)) !important;
  min-height: 850px !important;
  background: transparent !important;
  background-image: none !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  min-height: 850px !important;
  height: 850px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .container {
  max-width: 1480px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  padding-top: 146px;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-nav {
    width: calc(100vw - 28px) !important;
    background: rgba(12, 54, 39, .42) !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    width: 100% !important;
    min-height: 100vh !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100vh !important;
    height: 100vh !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-nav > .container {
    padding-inline: 16px;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100svh !important;
    height: 100svh !important;
  }
}

/* Absolute final UI pass */
body:has(.apex-hero) .apex-hero .pest-control-slider-control {
  display: none !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination {
  left: 50% !important;
  right: auto !important;
  bottom: 34px !important;
  width: auto !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: translateX(-50%) !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 38px !important;
  height: 4px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .48) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active {
  width: 58px !important;
  background: #2e9d3f !important;
  box-shadow: 0 0 0 4px rgba(198, 255, 85, .12) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card,
.apex-feature-box,
.transport-area-card,
.our-blog .post-item,
.our-testimonials .testimonial-item {
  background: #fff !important;
  border: 1px solid rgba(6, 63, 45, .1) !important;
  box-shadow: 0 18px 50px rgba(6, 63, 45, .06) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card:hover,
.apex-feature-box:hover,
.transport-area-card:hover,
.our-blog .post-item:hover,
.our-testimonials .testimonial-item:hover {
  background: #fff !important;
  border-color: rgba(198, 255, 85, .75) !important;
  box-shadow: 0 24px 64px rgba(6, 63, 45, .1) !important;
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero .hero-pagination {
    bottom: 26px !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet {
    width: 28px !important;
  }

  body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active {
    width: 44px !important;
  }
}

/* Final section harmony and softer cards */
html,
body,
main,
body:has(.apex-hero),
body:has(.apex-hero) main {
  background: #f5f5f3 !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  margin-bottom: 0 !important;
}

.apex-about {
  margin-top: 0 !important;
  background: #f5f5f3 !important;
}

.apex-services:not(.apex-services-dark),
.apex-featured:not(.apex-featured-dark),
.our-blog,
.our-testimonials,
.transport-service-areas,
.light-bg-section {
  background: #f5f5f3 !important;
}

.apex-services:not(.apex-services-dark) {
  margin-top: 0 !important;
  border-radius: 0;
  padding-top: 96px !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head {
  margin-bottom: 44px;
}

.apex-services:not(.apex-services-dark) .row {
  --bs-gutter-x: 22px;
  --bs-gutter-y: 22px;
}

.apex-services:not(.apex-services-dark) .apex-service-card,
.apex-feature-box,
.transport-area-card,
.our-blog .post-item,
.our-testimonials .testimonial-item {
  background: rgba(255, 255, 255, .74) !important;
  border: 1px solid rgba(6, 63, 45, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 44px rgba(6, 63, 45, .045) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.apex-services:not(.apex-services-dark) .apex-service-card {
  min-height: 360px !important;
  padding: 26px 24px 24px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link {
  width: 132px !important;
  height: 132px !important;
  flex-basis: 132px !important;
  margin: 0 auto 34px !important;
  box-shadow: 0 14px 34px rgba(6, 63, 45, .08);
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon {
  top: 128px !important;
  width: 40px !important;
  height: 40px !important;
  border-width: 4px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon i {
  font-size: 17px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body {
  min-height: 160px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 {
  min-height: 42px !important;
  margin: 0 0 8px !important;
  align-items: flex-start !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 a {
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body p {
  min-height: 44px !important;
  margin-bottom: 18px !important;
  color: rgba(39, 59, 52, .76) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.apex-services:not(.apex-services-dark) .apex-card-link {
  padding-top: 16px !important;
  border-top-color: rgba(6, 63, 45, .09) !important;
  font-size: 14px;
}

.apex-services:not(.apex-services-dark) .apex-service-card:hover,
.apex-feature-box:hover,
.transport-area-card:hover,
.our-blog .post-item:hover,
.our-testimonials .testimonial-item:hover {
  background: rgba(255, 255, 255, .9) !important;
  border-color: rgba(198, 255, 85, .58) !important;
  box-shadow: 0 22px 58px rgba(6, 63, 45, .075) !important;
  transform: translateY(-3px);
}

.apex-feature-box {
  padding: 28px !important;
}

.transport-area-card {
  min-height: 92px;
}

@media (max-width: 575.98px) {
  .apex-services:not(.apex-services-dark) {
    padding-top: 62px !important;
  }

  .apex-services:not(.apex-services-dark) .apex-service-card {
    min-height: 340px !important;
  }
}

/* Soft green parallax modules and pest detail icon */
.pest-about-media::before {
  content: "\f188" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
  color: rgba(6, 63, 45, .055) !important;
  transform: rotate(-14deg) !important;
}

.apex-services.apex-services-dark,
.apex-featured.apex-featured-dark,
.apex-services-dark,
.apex-featured-dark {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(198, 255, 85, .18), transparent 30%),
    radial-gradient(circle at 86% 18%, rgba(113, 163, 74, .16), transparent 32%),
    linear-gradient(135deg, #173d2d 0%, #214735 48%, #102f24 100%) !important;
}

.apex-services.apex-services-dark::before,
.apex-featured.apex-featured-dark::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 92px 92px;
  opacity: .18;
}

.apex-services-dark .container,
.apex-featured-dark .container {
  position: relative;
  z-index: 1;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(198, 255, 85, .18);
  color: #2e9d3f !important;
}

.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2 {
  color: #f7fff1 !important;
}

.apex-services-dark .apex-section-head,
.apex-featured-dark .apex-section-head,
.apex-services-dark .apex-service-body p,
.apex-featured-dark .apex-feature-box p {
  color: rgba(247, 255, 241, .78) !important;
}

.apex-services.apex-services-dark .apex-service-card,
.apex-featured.apex-featured-dark .apex-feature-box {
  background: rgba(255, 255, 255, .08) !important;
  border: 1px solid rgba(198, 255, 85, .14) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 70px rgba(0, 20, 13, .18) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.apex-featured.apex-featured-dark .apex-feature-box {
  min-height: 175px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.apex-services.apex-services-dark .apex-service-card:hover,
.apex-featured.apex-featured-dark .apex-feature-box:hover {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(198, 255, 85, .42) !important;
  box-shadow: 0 30px 82px rgba(0, 20, 13, .24) !important;
}

.apex-services-dark .apex-service-body h3 a,
.apex-featured-dark .apex-feature-box h3 {
  color: #fff !important;
}

.apex-services-dark .transport-service-icon,
.apex-featured-dark .transport-feature-ring,
.apex-featured-dark .apex-feature-box > i {
  background: rgba(198, 255, 85, .14) !important;
  border-color: rgba(198, 255, 85, .22) !important;
  color: #2e9d3f !important;
}

.apex-services-dark .transport-service-icon i,
.apex-featured-dark .transport-feature-ring i,
.apex-featured-dark .apex-feature-box > i {
  color: #2e9d3f !important;
}

.apex-services-dark .apex-card-link,
.apex-featured-dark .apex-card-link {
  color: #2e9d3f !important;
}

/* Final light module surface and service card media tuning */
html,
body,
main,
body:has(.apex-hero),
body:has(.apex-hero) main {
  background: #eef4ed !important;
}

.apex-about,
.apex-services:not(.apex-services-dark),
.apex-featured:not(.apex-featured-dark),
.our-blog,
.our-testimonials,
.transport-service-areas,
.light-bg-section {
  background:
    radial-gradient(circle at 8% 10%, rgba(198, 255, 85, .16), transparent 24%),
    radial-gradient(circle at 90% 6%, rgba(72, 134, 88, .1), transparent 28%),
    linear-gradient(180deg, #f7faf4 0%, #eef4ed 48%, #f8faf5 100%) !important;
}

.apex-services:not(.apex-services-dark) {
  padding-top: 88px !important;
}

.apex-services:not(.apex-services-dark)::before {
  opacity: .035;
}

.apex-services:not(.apex-services-dark) .apex-service-card {
  min-height: 356px !important;
  padding: 18px 18px 22px !important;
  background: rgba(255, 255, 255, .82) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link {
  width: 100% !important;
  height: 168px !important;
  flex-basis: 168px !important;
  margin: 0 auto 22px !important;
  border-radius: 16px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link img {
  border-radius: 16px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon {
  top: 154px !important;
  left: 50% !important;
  width: 40px !important;
  height: 40px !important;
  border: 4px solid rgba(255, 255, 255, .92) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body {
  min-height: 138px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 {
  min-height: auto !important;
  margin: 0 0 7px !important;
  align-items: center !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body p {
  min-height: 42px !important;
  margin-bottom: 12px !important;
}

.apex-services:not(.apex-services-dark) .apex-card-link {
  padding-top: 13px !important;
}

@media (max-width: 575.98px) {
  .apex-services:not(.apex-services-dark) .apex-service-card {
    min-height: 340px !important;
  }

  .apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link {
    height: 178px !important;
    flex-basis: 178px !important;
  }

  .apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon {
    top: 164px !important;
  }
}

/* Normalize non-parallax home sections */
:root {
  --pest-light-surface:
    radial-gradient(circle at 8% 10%, rgba(198, 255, 85, .13), transparent 24%),
    radial-gradient(circle at 92% 8%, rgba(72, 134, 88, .09), transparent 28%),
    linear-gradient(180deg, #f7faf4 0%, #eef4ed 48%, #f8faf5 100%);
}

html,
body,
main,
body:has(.apex-hero),
body:has(.apex-hero) main {
  background: #f4f7f1 !important;
}

.apex-about,
.apex-services:not(.apex-services-dark),
.apex-featured:not(.apex-featured-dark),
.our-blog,
.our-testimonials,
.transport-service-areas,
.theme-gallery,
.light-bg-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: var(--pest-light-surface) !important;
  overflow: hidden;
}

.apex-about + .apex-services:not(.apex-services-dark),
.apex-services:not(.apex-services-dark) + .apex-featured:not(.apex-featured-dark),
.apex-featured:not(.apex-featured-dark) + .apex-services:not(.apex-services-dark),
.apex-services:not(.apex-services-dark) + .our-blog,
.apex-featured:not(.apex-featured-dark) + .our-blog,
.our-blog + .our-testimonials,
.transport-service-areas + .apex-services:not(.apex-services-dark) {
  margin-top: 0 !important;
}

.apex-about .container,
.apex-services:not(.apex-services-dark) .container,
.apex-featured:not(.apex-featured-dark) .container,
.our-blog .container,
.our-testimonials .container,
.transport-service-areas .container,
.theme-gallery .container,
.light-bg-section .container {
  width: min(1480px, calc(100vw - 48px));
  max-width: 1480px !important;
  margin-inline: auto;
}

.apex-services:not(.apex-services-dark) {
  padding: 92px 0 !important;
}

.apex-about {
  padding: 110px 0 !important;
}

.apex-featured:not(.apex-featured-dark),
.our-blog,
.our-testimonials,
.transport-service-areas,
.theme-gallery,
.light-bg-section {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 991.98px) {
  .apex-about .container,
  .apex-services:not(.apex-services-dark) .container,
  .apex-featured:not(.apex-featured-dark) .container,
  .our-blog .container,
  .our-testimonials .container,
  .transport-service-areas .container,
  .theme-gallery .container,
  .light-bg-section .container {
    width: min(100% - 28px, 720px);
  }
}

/* Match slider surround with light module surface */
body:has(.apex-hero),
body:has(.apex-hero) main,
body:has(.apex-hero) .apex-hero.hero-slider-layout {
  background: var(--pest-light-surface) !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper {
  background: transparent !important;
}

/* Normalize light module description typography */
.apex-about p,
.apex-services:not(.apex-services-dark) .apex-section-head p,
.apex-featured:not(.apex-featured-dark) .apex-section-head p,
.our-blog .section-title p,
.our-testimonials .section-title p,
.transport-service-areas p,
.theme-gallery-head p,
.light-bg-section p {
  font-size: 20px !important;
  line-height: 1.65 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2,
.apex-featured:not(.apex-featured-dark) .apex-section-head h2,
.our-blog .section-title h2,
.our-testimonials .section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  font-size: 20px !important;
  line-height: 1.45 !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body p,
.apex-featured:not(.apex-featured-dark) .apex-feature-box p,
.our-blog .post-item p,
.our-testimonials .testimonial-item p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Keep parallax module descriptions on the same scale */
.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2,
.apex-services.apex-services-dark .apex-section-head h2,
.apex-featured.apex-featured-dark .apex-section-head h2 {
  font-size: 20px !important;
  line-height: 1.45 !important;
}

.apex-services-dark .apex-section-head p,
.apex-featured-dark .apex-section-head p,
.apex-services.apex-services-dark .apex-section-head p,
.apex-featured.apex-featured-dark .apex-section-head p {
  font-size: 20px !important;
  line-height: 1.65 !important;
}

.apex-services-dark .apex-service-body p,
.apex-featured-dark .apex-feature-box p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Service areas and logo carousel cleanup */
.transport-areas-grid {
  display: grid !important;
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.transport-area-card,
.transport-area-card:nth-child(2n),
.transport-area-card:nth-child(4n) {
  margin: 0 !important;
}

.transport-service-areas .transport-area-card {
  min-height: 96px;
  padding: 20px 22px !important;
}

.our-testimonials .testimonial-slider .testimonial-pagination,
.our-testimonials .testimonial-pagination {
  display: none !important;
}

.our-testimonials .testimonial-slider {
  padding-bottom: 0 !important;
}

/* Align parallax modules and listing cards with the light card system */
.apex-services.apex-services-dark,
.apex-featured.apex-featured-dark,
.apex-services-dark,
.apex-featured-dark {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.apex-services-dark .container,
.apex-featured-dark .container,
.apex-services.apex-services-dark .container,
.apex-featured.apex-featured-dark .container,
.page-services .container {
  width: min(1480px, calc(100vw - 48px));
  max-width: 1480px !important;
  margin-inline: auto;
}

.apex-services.apex-services-dark .row {
  --bs-gutter-x: 22px;
  --bs-gutter-y: 22px;
  align-items: stretch;
}

.apex-services.apex-services-dark .row > [class*="col-"] {
  display: flex;
}

.apex-services.apex-services-dark .apex-service-card,
.apex-featured.apex-featured-dark .apex-feature-box {
  width: 100%;
  min-height: 356px !important;
  padding: 18px 18px 22px !important;
  border-radius: 18px !important;
}

.apex-services.apex-services-dark .apex-service-card .apex-service-image-link {
  width: 100% !important;
  height: 168px !important;
  flex-basis: 168px !important;
  margin: 0 auto 22px !important;
  border-radius: 16px !important;
  overflow: hidden;
}

.apex-services.apex-services-dark .apex-service-card .apex-service-image-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 16px !important;
}

.apex-services.apex-services-dark .apex-service-card .apex-service-number {
  display: none !important;
}

.apex-services.apex-services-dark .apex-service-card .transport-service-icon {
  top: 154px !important;
  left: 50% !important;
  width: 40px !important;
  height: 40px !important;
  border: 4px solid rgba(255, 255, 255, .22) !important;
  transform: translateX(-50%);
}

.apex-services.apex-services-dark .apex-service-body {
  display: flex;
  min-height: 138px !important;
  flex: 1 1 auto;
  flex-direction: column;
}

.apex-services.apex-services-dark .apex-service-body h3 {
  min-height: auto !important;
  margin: 0 0 7px !important;
}

.apex-services.apex-services-dark .apex-service-body p {
  min-height: 42px !important;
  margin-bottom: 12px !important;
}

.apex-services.apex-services-dark .apex-card-link {
  margin-top: auto;
  padding-top: 13px !important;
  border-top: 1px solid rgba(198, 255, 85, .16);
}

.page-services {
  background: var(--pest-light-surface) !important;
  padding: 92px 0 !important;
}

.page-services .row {
  --bs-gutter-x: 22px;
  --bs-gutter-y: 22px;
}

.page-services .service-item {
  height: 100%;
  min-height: 356px;
  padding: 18px 18px 22px !important;
  border: 1px solid rgba(6, 63, 45, .08) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 16px 44px rgba(6, 63, 45, .045) !important;
  overflow: hidden;
}

.page-services .service-image {
  margin: 0 0 22px !important;
}

.page-services .service-image a,
.page-services .service-image figure {
  display: block;
  margin: 0;
}

.page-services .service-image img {
  width: 100% !important;
  height: 168px !important;
  object-fit: cover;
  border-radius: 16px !important;
}

.page-services .service-body {
  display: flex;
  min-height: 138px;
  flex-direction: column;
  padding: 0 !important;
}

.page-services .service-body .icon-box {
  display: none !important;
}

.page-services .service-content h3 {
  margin: 0 0 7px !important;
}

.page-services .service-content h3 a {
  color: #202b66 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.page-services .service-content p {
  min-height: 42px;
  margin-bottom: 12px !important;
  color: rgba(39, 59, 52, .76) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.page-services .service-btn {
  margin-top: auto;
  padding-top: 13px;
  border-top: 1px solid rgba(6, 63, 45, .09);
}

.page-services .readmore-btn {
  color: #202b66 !important;
  font-size: 14px !important;
  font-weight: 900;
}

.page-services .service-item:hover {
  background: rgba(255, 255, 255, .9) !important;
  border-color: rgba(198, 255, 85, .58) !important;
  box-shadow: 0 22px 58px rgba(6, 63, 45, .075) !important;
  transform: translateY(-3px);
}

@media (max-width: 991.98px) {
  .apex-services-dark .container,
  .apex-featured-dark .container,
  .apex-services.apex-services-dark .container,
  .apex-featured.apex-featured-dark .container,
  .page-services .container {
    width: min(100% - 28px, 720px);
  }
}

/* Parallax carousel cards and footer redesign */
.apex-services.apex-services-dark.apex-services-carousel .apex-service-card {
  background: rgba(255, 255, 255, .92) !important;
  border: 1px solid rgba(198, 255, 85, .22) !important;
  color: #273b34 !important;
  box-shadow: 0 22px 58px rgba(0, 20, 13, .16) !important;
}

.apex-services.apex-services-dark.apex-services-carousel .apex-service-card:hover {
  background: #fff !important;
  border-color: rgba(198, 255, 85, .72) !important;
}

.apex-services.apex-services-dark.apex-services-carousel .apex-service-body h3 a {
  color: #202b66 !important;
}

.apex-services.apex-services-dark.apex-services-carousel .apex-service-body p {
  color: rgba(39, 59, 52, .76) !important;
}

.apex-services.apex-services-dark.apex-services-carousel .apex-card-link {
  border-top-color: rgba(6, 63, 45, .09) !important;
  color: #202b66 !important;
}

.apex-services.apex-services-dark.apex-services-carousel .transport-service-icon {
  background: #2e9d3f !important;
  border-color: #fff !important;
}

.apex-services.apex-services-dark.apex-services-carousel .transport-service-icon i {
  color: #202b66 !important;
}

.apex-services.apex-services-dark.apex-services-carousel .apex-services-pagination {
  margin-top: 28px;
}

.apex-footer {
  position: relative;
  overflow: hidden;
  padding: 92px 0 28px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(198, 255, 85, .18), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(113, 163, 74, .14), transparent 30%),
    linear-gradient(135deg, #0c2d22 0%, #173d2d 54%, #071f18 100%) !important;
  color: rgba(247, 255, 241, .78) !important;
}

.apex-footer::before {
  content: "";
  position: absolute;
  inset: 24px;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 28px;
}

.apex-footer .container {
  position: relative;
  z-index: 1;
  width: min(1480px, calc(100vw - 48px));
  max-width: 1480px !important;
}

.apex-footer .row {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 24px;
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 28px 90px rgba(0, 18, 12, .24);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.apex-footer-logo {
  max-height: 58px !important;
  margin-bottom: 20px;
}

.apex-footer-text {
  max-width: 340px;
  color: rgba(247, 255, 241, .74) !important;
  font-size: 15px;
  line-height: 1.75;
}

.apex-footer h3 {
  position: relative;
  margin-bottom: 20px !important;
  padding-bottom: 12px;
  color: #fff !important;
  font-size: 17px !important;
}

.apex-footer h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 3px;
  border-radius: 999px;
  background: #2e9d3f;
}

.apex-footer-links {
  display: grid;
  gap: 10px;
}

.apex-footer a,
.apex-footer-links span {
  color: rgba(247, 255, 241, .78) !important;
}

.apex-footer a:hover,
.apex-footer a:focus {
  color: #2e9d3f !important;
}

.apex-footer-contact {
  display: grid;
  gap: 12px;
}

.apex-footer-contact p {
  display: flex;
  gap: 12px;
  margin: 0 !important;
  color: rgba(247, 255, 241, .78) !important;
}

.apex-footer-contact p i {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(198, 255, 85, .14) !important;
  color: #2e9d3f !important;
}

.apex-footer-social {
  margin-top: 22px !important;
}

.apex-footer-social a {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid rgba(198, 255, 85, .22) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #2e9d3f !important;
}

.apex-footer-social a:hover {
  background: #2e9d3f !important;
  color: #202b66 !important;
}

.apex-footer-bottom {
  margin-top: 28px !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .1) !important;
  color: rgba(247, 255, 241, .62) !important;
}

.apex-footer-bottom-links a {
  color: rgba(247, 255, 241, .66) !important;
}

@media (max-width: 991.98px) {
  .apex-footer .container {
    width: min(100% - 28px, 720px);
  }

  .apex-footer .row {
    padding: 24px;
  }
}

.apex-footer-bottom {
  border-top: 0 !important;
}

.apex-footer-bottom.theme-footer-credit-row {
  margin-top: 36px !important;
  padding: 26px 34px 0 !important;
}

@media (max-width: 767.98px) {
  .apex-footer {
    padding-bottom: 38px !important;
  }

  .apex-footer-bottom.theme-footer-credit-row {
    padding: 22px 0 0 !important;
    gap: 12px !important;
  }
}

/* Home header spacing: keep the page surface from showing above the boxed slider */
body:has(.apex-hero) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:has(.apex-hero) main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:has(.apex-hero) .apex-header {
  top: 0 !important;
  padding-top: 58px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout {
  margin-top: 0 !important;
  padding-top: 28px !important;
  background: transparent !important;
  overflow: visible !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper {
  border-radius: inherit !important;
  overflow: hidden !important;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-header {
    padding-top: 34px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    margin-top: 0 !important;
    padding-top: 14px !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-header {
    padding-top: 0 !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* Inner page header: Pest Control boxed glass identity */
body:not(:has(.apex-hero)) {
  background: var(--pest-light-surface) !important;
}

body:not(:has(.apex-hero)) main {
  background: transparent !important;
}

body:not(:has(.apex-hero)) .apex-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  padding: 18px 0 !important;
  background: var(--pest-light-surface) !important;
  box-shadow: none !important;
}

body:not(:has(.apex-hero)) .apex-topline {
  display: none !important;
}

body:not(:has(.apex-hero)) .apex-nav {
  width: min(1480px, calc(100vw - 72px)) !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 14px !important;
  background: linear-gradient(90deg, rgba(12, 54, 39, .92), rgba(42, 72, 47, .84)) !important;
  box-shadow: 0 24px 70px rgba(1, 36, 24, .14), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
}

body:not(:has(.apex-hero)) .apex-nav::after {
  content: none !important;
}

body:not(:has(.apex-hero)) .apex-nav > .container {
  min-height: 82px !important;
  max-width: none !important;
  padding-inline: 36px !important;
}

body:not(:has(.apex-hero)) .apex-brand img {
  max-height: 54px !important;
  filter: none !important;
}

body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
  color: rgba(255, 255, 255, .9) !important;
  font-weight: 800 !important;
}

body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:focus,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link.active {
  background: rgba(198, 255, 85, .12) !important;
  color: #2e9d3f !important;
}

body:not(:has(.apex-hero)) .apex-nav-cta {
  border: 0 !important;
  background: #2e9d3f !important;
  color: #202b66 !important;
  box-shadow: 0 14px 34px rgba(198, 255, 85, .18) !important;
}

body:not(:has(.apex-hero)) .apex-nav-cta i {
  color: #202b66 !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
  background: rgba(8, 48, 35, .96) !important;
  border: 1px solid rgba(198, 255, 85, .18) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 54px rgba(0, 18, 12, .24) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: rgba(255, 255, 255, .84) !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:focus,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link.active {
  background: rgba(198, 255, 85, .12) !important;
  color: #2e9d3f !important;
}

.page-header {
  width: min(1840px, calc(100vw - 48px)) !important;
  min-height: 390px !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 110px 0 96px !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background-color: #0b3224 !important;
  box-shadow: 0 28px 90px rgba(6, 63, 45, .12) !important;
}

.page-header::before {
  background:
    linear-gradient(90deg, rgba(4, 47, 33, .92) 0%, rgba(4, 47, 33, .7) 44%, rgba(4, 47, 33, .36) 72%, rgba(2, 22, 16, .52) 100%),
    radial-gradient(circle at 18% 22%, rgba(198, 255, 85, .24), transparent 28%) !important;
}

.page-header::after {
  content: "\F5A2";
  position: absolute;
  right: clamp(26px, 7vw, 120px);
  bottom: clamp(18px, 4vw, 54px);
  z-index: 1;
  font-family: "bootstrap-icons";
  font-size: clamp(82px, 13vw, 190px);
  line-height: 1;
  color: rgba(198, 255, 85, .12);
  pointer-events: none;
}

.page-header .container {
  width: min(1480px, calc(100vw - 72px));
  max-width: 1480px !important;
}

.page-header-box {
  max-width: 980px;
  text-align: left !important;
}

.page-header-box h1 {
  display: block !important;
  max-width: 960px;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(38px, 5vw, 74px) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 18px 46px rgba(0, 0, 0, .22);
}

.page-header-box ol {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-top: 20px !important;
  padding: 8px 14px !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.page-header-box ol li.breadcrumb-item,
.page-header-box ol li.breadcrumb-item a {
  color: rgba(255, 255, 255, .82) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.page-service-single,
.page-services,
.page-contact-us {
  background: var(--pest-light-surface) !important;
}

@media (max-width: 991.98px) {
  body:not(:has(.apex-hero)) .apex-header {
    padding: 12px 0 !important;
  }

  body:not(:has(.apex-hero)) .apex-nav {
    width: calc(100vw - 28px) !important;
    min-height: 74px !important;
  }

  body:not(:has(.apex-hero)) .apex-nav > .container {
    min-height: 74px !important;
    padding-inline: 18px !important;
  }

  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    margin-top: 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(198, 255, 85, .16) !important;
    border-radius: 14px !important;
    background: rgba(8, 48, 35, .96) !important;
  }

  .page-header {
    width: calc(100vw - 28px) !important;
    min-height: 320px !important;
    padding: 78px 0 72px !important;
    border-radius: 16px !important;
  }

  .page-header .container {
    width: min(100% - 28px, 720px);
  }
}

@media (max-width: 575.98px) {
  body:not(:has(.apex-hero)) .apex-header {
    padding: 0 !important;
    background: transparent !important;
  }

  body:not(:has(.apex-hero)) .apex-nav {
    width: 100% !important;
    border-radius: 0 !important;
  }

  .page-header {
    width: 100% !important;
    min-height: 280px !important;
    border-radius: 0 !important;
    padding: 62px 0 !important;
  }

  .page-header-box {
    text-align: center !important;
  }

  .page-header-box h1 {
    font-size: clamp(31px, 10vw, 46px) !important;
  }
}

/* Detail page compact title, insect mark and sidebar polish */
.page-header {
  min-height: 315px !important;
  padding: 82px 0 74px !important;
}

.page-header::after {
  content: "" !important;
  width: clamp(92px, 11vw, 172px);
  height: clamp(92px, 11vw, 172px);
  background-color: rgba(198, 255, 85, .14);
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='black'%3E%3Cellipse cx='64' cy='69' rx='23' ry='31'/%3E%3Cellipse cx='64' cy='35' rx='16' ry='14'/%3E%3Cpath d='M49 25 37 12l-5 5 14 13zm30 0 12-13 5 5-14 13zM61 23h6v17h-6zM39 55H14v7h24zm75 0H89v7h25zM41 75 19 86l3 7 23-12zm46 0-4 6 23 12 3-7zM44 92l-18 20 6 5 18-21zm40 0-6 4 18 21 6-5zM57 44h14v7H57z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='black'%3E%3Cellipse cx='64' cy='69' rx='23' ry='31'/%3E%3Cellipse cx='64' cy='35' rx='16' ry='14'/%3E%3Cpath d='M49 25 37 12l-5 5 14 13zm30 0 12-13 5 5-14 13zM61 23h6v17h-6zM39 55H14v7h24zm75 0H89v7h25zM41 75 19 86l3 7 23-12zm46 0-4 6 23 12 3-7zM44 92l-18 20 6 5 18-21zm40 0-6 4 18 21 6-5zM57 44h14v7H57z'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

.page-header-box h1 {
  max-width: 840px;
  font-size: clamp(32px, 4vw, 58px) !important;
  line-height: 1.08 !important;
}

.page-header-box ol {
  margin-top: 14px !important;
  padding: 6px 12px !important;
}

.page-header-box ol li.breadcrumb-item,
.page-header-box ol li.breadcrumb-item a {
  font-size: 12px !important;
}

.page-catagery-list,
.page-cta-box.sidebar-cta-box {
  background: rgba(255, 255, 255, .82) !important;
  border: 1px solid rgba(6, 63, 45, .12) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 54px rgba(6, 63, 45, .07) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.page-catagery-list ul li {
  border-bottom: 1px solid rgba(6, 63, 45, .1) !important;
}

.page-catagery-list ul li a {
  color: #073f2e !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
}

.page-catagery-list ul li a::after {
  color: rgba(7, 63, 46, .62) !important;
}

.page-catagery-list ul li a:hover,
.page-catagery-list ul li a:focus,
.page-catagery-list ul li a.active {
  background: linear-gradient(135deg, rgba(198, 255, 85, .2), rgba(6, 63, 45, .08)) !important;
  color: #202b66 !important;
}

.page-catagery-list ul li a:hover::after,
.page-catagery-list ul li a:focus::after,
.page-catagery-list ul li a.active::after {
  color: #9be72d !important;
}

.page-cta-box.sidebar-cta-box {
  background:
    radial-gradient(circle at 82% 16%, rgba(198, 255, 85, .18), transparent 32%),
    linear-gradient(145deg, #0b3427 0%, #06402d 58%, #09261d 100%) !important;
  color: rgba(247, 255, 241, .84) !important;
}

.page-cta-box.sidebar-cta-box h3,
.page-cta-box.sidebar-cta-box p,
.page-cta-box.sidebar-cta-box a {
  color: #fff !important;
}

.page-cta-box.sidebar-cta-box .icon-box {
  background: #2e9d3f !important;
  color: #202b66 !important;
}

.page-cta-box.sidebar-cta-box .icon-box i {
  color: #202b66 !important;
}

.service-featured-image .transport-detail-callbar,
.vl-product-gallery .transport-detail-callbar {
  display: none !important;
}

@media (max-width: 991.98px) {
  .page-header {
    min-height: 270px !important;
    padding: 64px 0 58px !important;
  }

  .page-header-box h1 {
    font-size: clamp(30px, 8vw, 44px) !important;
  }
}

@media (max-width: 575.98px) {
  .page-header {
    min-height: 235px !important;
    padding: 52px 0 !important;
  }

  .page-header::after {
    opacity: .72;
  }
}

/* Compact breadcrumb final pass and consistent sidebar states */
.page-header {
  min-height: 235px !important;
  padding: 52px 0 48px !important;
}

.page-header::after {
  width: clamp(72px, 8vw, 126px);
  height: clamp(72px, 8vw, 126px);
  right: clamp(24px, 7vw, 110px);
  bottom: clamp(18px, 3vw, 38px);
}

.page-header-box h1 {
  font-size: clamp(29px, 3.4vw, 48px) !important;
  line-height: 1.08 !important;
}

.page-header-box ol {
  margin-top: 10px !important;
}

.page-catagery-list {
  padding: 12px !important;
}

.page-catagery-list ul {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.page-catagery-list ul li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.page-catagery-list ul li a {
  min-height: 48px;
  padding: 13px 16px !important;
  border: 1px solid rgba(6, 63, 45, .08) !important;
  background: rgba(255, 255, 255, .72) !important;
  color: #073f2e !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.page-catagery-list ul li a::after {
  color: rgba(7, 63, 46, .55) !important;
  transition: color .18s ease, transform .18s ease !important;
}

.page-catagery-list ul li a:hover,
.page-catagery-list ul li a:focus,
.page-catagery-list ul li a.active {
  border-color: rgba(198, 255, 85, .52) !important;
  background: linear-gradient(135deg, rgba(198, 255, 85, .26), rgba(255, 255, 255, .9)) !important;
  color: #202b66 !important;
  box-shadow: 0 12px 28px rgba(6, 63, 45, .08) !important;
  transform: none !important;
}

.page-catagery-list ul li a:hover::after,
.page-catagery-list ul li a:focus::after,
.page-catagery-list ul li a.active::after {
  color: #202b66 !important;
  transform: translateX(2px);
}

@media (max-width: 991.98px) {
  .page-header {
    min-height: 215px !important;
    padding: 46px 0 42px !important;
  }
}

@media (max-width: 575.98px) {
  .page-header {
    min-height: 190px !important;
    padding: 42px 0 38px !important;
  }

  .page-header-box h1 {
    font-size: clamp(27px, 9vw, 38px) !important;
  }
}

/* Align inner breadcrumb box with navbar width and fix mobile hero spacing */
body:not(:has(.apex-hero)) .page-header {
  width: min(1480px, calc(100vw - 72px)) !important;
}

@media (max-width: 991.98px) {
  body:not(:has(.apex-hero)) .page-header {
    width: calc(100vw - 28px) !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-header {
    padding-top: 12px !important;
  }

  body:has(.apex-hero) .apex-nav {
    width: calc(100vw - 24px) !important;
    border-radius: 12px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    border-radius: 0 !important;
  }

  body:not(:has(.apex-hero)) .page-header {
    width: 100% !important;
  }
}

/* Keep inner page content aligned with navbar and breadcrumb */
body:not(:has(.apex-hero)) .page-service-single > .container,
body:not(:has(.apex-hero)) .page-services > .container,
body:not(:has(.apex-hero)) .page-contact-us > .container,
body:not(:has(.apex-hero)) .contact-form-section > .container,
body:not(:has(.apex-hero)) .theme-gallery > .container,
body:not(:has(.apex-hero)) .theme-category-description-section > .container {
  width: min(1480px, calc(100vw - 72px)) !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
}

body:not(:has(.apex-hero)) .page-service-single > .container > .row,
body:not(:has(.apex-hero)) .page-services > .container > .row {
  --bs-gutter-x: 56px;
}

@media (max-width: 991.98px) {
  body:not(:has(.apex-hero)) .page-service-single > .container,
  body:not(:has(.apex-hero)) .page-services > .container,
  body:not(:has(.apex-hero)) .page-contact-us > .container,
  body:not(:has(.apex-hero)) .contact-form-section > .container,
  body:not(:has(.apex-hero)) .theme-gallery > .container,
  body:not(:has(.apex-hero)) .theme-category-description-section > .container {
    width: calc(100vw - 28px) !important;
    max-width: 720px !important;
  }

  body:not(:has(.apex-hero)) .page-service-single > .container > .row,
  body:not(:has(.apex-hero)) .page-services > .container > .row {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
  }
}

@media (max-width: 575.98px) {
  body:not(:has(.apex-hero)) .page-service-single > .container,
  body:not(:has(.apex-hero)) .page-services > .container,
  body:not(:has(.apex-hero)) .page-contact-us > .container,
  body:not(:has(.apex-hero)) .contact-form-section > .container,
  body:not(:has(.apex-hero)) .theme-gallery > .container,
  body:not(:has(.apex-hero)) .theme-category-description-section > .container {
    width: calc(100vw - 24px) !important;
    max-width: none !important;
  }
}

/* Slim centered breadcrumb and modern mobile contact dock */
.page-header {
  min-height: 185px !important;
  padding: 36px 0 34px !important;
}

.page-header-box {
  max-width: 920px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.page-header-box h1 {
  max-width: 880px !important;
  margin-inline: auto !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  text-align: center !important;
}

.page-header-box ol {
  margin-inline: auto !important;
}

.page-header::after {
  width: clamp(58px, 6vw, 98px) !important;
  height: clamp(58px, 6vw, 98px) !important;
  right: clamp(20px, 5vw, 86px) !important;
  bottom: clamp(14px, 2.5vw, 30px) !important;
}

@media (max-width: 991.98px) {
  .page-header {
    min-height: 168px !important;
    padding: 32px 0 30px !important;
  }
}

@media (max-width: 575.98px) {
  .page-header {
    min-height: 150px !important;
    padding: 28px 0 26px !important;
  }

  .page-header-box h1 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }

  .page-header::after {
    width: 62px !important;
    height: 62px !important;
    right: 16px !important;
    bottom: 14px !important;
  }

  .apex-mobile-actions {
    left: 12px !important;
    right: 12px !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 10020 !important;
    pointer-events: none !important;
  }

  .apex-mobile-actions-inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 8px !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 18px !important;
    background: rgba(7, 48, 35, .78) !important;
    box-shadow: 0 18px 46px rgba(0, 20, 13, .22) !important;
    backdrop-filter: blur(18px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
    pointer-events: auto !important;
  }

  .apex-mobile-slot {
    min-width: 0 !important;
    width: 100% !important;
    justify-content: stretch !important;
    pointer-events: auto !important;
  }

  .apex-mobile-left,
  .apex-mobile-right {
    justify-content: stretch !important;
  }

  .apex-mobile-call,
  .apex-mobile-whatsapp {
    width: 100% !important;
    min-height: 52px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 12px 10px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #202b66 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  .apex-mobile-call {
    background: #2e9d3f !important;
  }

  .apex-mobile-whatsapp {
    background: #ffffff !important;
  }

  .apex-mobile-call i,
  .apex-mobile-whatsapp i {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    border-radius: 10px !important;
    background: rgba(6, 63, 45, .1) !important;
    color: #202b66 !important;
    font-size: 16px !important;
  }

  body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Final mobile dock colors, footer bottom spacing and sticky home navbar */
body:has(.apex-hero) .apex-header {
  position: fixed !important;
}

@media (max-width: 575.98px) {
  body {
    padding-bottom: 0 !important;
  }

  .apex-footer {
    padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .apex-mobile-actions {
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .apex-mobile-actions-inner {
    min-height: 74px !important;
    align-items: center !important;
  }

  .apex-mobile-slot {
    display: flex !important;
    align-items: center !important;
  }

  .apex-mobile-call {
    background: #ffffff !important;
    color: #202b66 !important;
  }

  .apex-mobile-whatsapp {
    background: #2e9d3f !important;
    color: #202b66 !important;
  }

  .apex-mobile-call i,
  .apex-mobile-whatsapp i {
    background: rgba(6, 63, 45, .1) !important;
    color: #202b66 !important;
  }
}

/* Softer FeaturedBox cards */
.apex-featured .row {
  --bs-gutter-x: 18px;
  --bs-gutter-y: 18px;
}

.apex-featured .row > [class*="col-"] {
  display: flex;
}

.apex-featured .apex-feature-box {
  width: 100%;
  min-height: 0 !important;
  padding: 22px 20px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(6, 63, 45, .09) !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 12px 34px rgba(6, 63, 45, .045) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.apex-featured .apex-feature-box:hover {
  transform: translateY(-2px);
  border-color: rgba(198, 255, 85, .46) !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 18px 44px rgba(6, 63, 45, .07) !important;
}

.apex-featured .transport-feature-ring,
.apex-featured .apex-feature-box > i {
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 16px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(198, 255, 85, .44) !important;
  background: rgba(198, 255, 85, .16) !important;
  box-shadow: none !important;
}

.apex-featured .transport-feature-ring::after {
  content: none !important;
}

.apex-featured .transport-feature-ring i,
.apex-featured .apex-feature-box > i {
  color: #202b66 !important;
  font-size: 21px !important;
}

.apex-featured .apex-feature-box h3 {
  margin-bottom: 8px !important;
  color: #202b66 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.apex-featured .apex-feature-box p {
  margin: 0 !important;
  color: rgba(6, 63, 45, .68) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.apex-featured.apex-featured-dark .apex-feature-box {
  border-color: rgba(198, 255, 85, .16) !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: 0 14px 38px rgba(0, 20, 13, .14) !important;
}

.apex-featured.apex-featured-dark .apex-feature-box:hover {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(198, 255, 85, .34) !important;
}

.apex-featured.apex-featured-dark .apex-feature-box h3 {
  color: #fff !important;
}

.apex-featured.apex-featured-dark .apex-feature-box p {
  color: rgba(247, 255, 241, .72) !important;
}

.apex-featured.apex-featured-dark .transport-feature-ring,
.apex-featured.apex-featured-dark .apex-feature-box > i {
  background: rgba(198, 255, 85, .12) !important;
  border-color: rgba(198, 255, 85, .22) !important;
}

.apex-featured.apex-featured-dark .transport-feature-ring i,
.apex-featured.apex-featured-dark .apex-feature-box > i {
  color: #2e9d3f !important;
}

.page-services .service-btn .readmore-btn,
.page-services .service-btn .readmore-btn:hover,
.page-services .service-btn .readmore-btn:focus {
  color: #fff !important;
}

.page-services .service-btn .readmore-btn {
  min-height: 34px !important;
  padding: 9px 15px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(16, 168, 117, .92), rgba(6, 137, 167, .9)) !important;
  box-shadow: 0 8px 18px rgba(6, 137, 126, .14) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  gap: 0 !important;
  width: auto !important;
}

.page-services .service-btn .readmore-btn::before,
.page-services .service-btn .readmore-btn::after {
  content: none !important;
  display: none !important;
}

.page-services .service-btn .readmore-btn:hover,
.page-services .service-btn .readmore-btn:focus {
  background: linear-gradient(135deg, rgba(11, 143, 102, .96), rgba(5, 123, 150, .94)) !important;
  box-shadow: 0 10px 22px rgba(6, 137, 126, .18) !important;
  transform: translateY(-1px);
}

/* Final transport navy palette */
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before {
  background:
    linear-gradient(90deg, rgba(5, 18, 42, .52) 0%, rgba(8, 34, 68, .28) 46%, rgba(8, 34, 68, .10) 72%, rgba(3, 10, 24, .18) 100%),
    linear-gradient(180deg, rgba(3, 10, 24, .16) 0%, rgba(3, 10, 24, .28) 100%) !important;
}

body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  background: linear-gradient(135deg, rgba(7, 24, 48, .94), rgba(12, 42, 79, .88)) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  box-shadow: 0 24px 70px rgba(2, 8, 23, .18), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}

body:has(.apex-hero) .apex-nav {
  background: linear-gradient(135deg, rgba(7, 24, 48, .84), rgba(12, 42, 79, .74)) !important;
}

body:has(.apex-hero) .apex-brand span,
body:not(:has(.apex-hero)) .apex-brand span,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
  color: rgba(255, 255, 255, .92) !important;
}

body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:hover,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:focus,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link.active,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:focus,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link.active {
  background: rgba(14, 165, 164, .16) !important;
  color: #b7f7ed !important;
}

body:has(.apex-hero) .apex-menu .dropdown-menu,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu,
body:has(.apex-hero) .apex-nav .navbar-collapse,
body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
  background: rgba(8, 26, 52, .96) !important;
  border-color: rgba(94, 234, 212, .18) !important;
}

body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: rgba(255, 255, 255, .86) !important;
}

body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:hover,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:focus,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link.active,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:focus,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link.active {
  background: rgba(14, 165, 164, .14) !important;
  color: #b7f7ed !important;
}

body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  background: #2e9d3f !important;
  color: #07182f !important;
  box-shadow: 0 16px 34px rgba(198, 255, 85, .18) !important;
}

body:has(.apex-hero) .apex-nav-cta i,
body:not(:has(.apex-hero)) .apex-nav-cta i {
  color: #07182f !important;
}

.apex-footer {
  background:
    radial-gradient(circle at 14% 0%, rgba(94, 234, 212, .16), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(59, 130, 246, .14), transparent 32%),
    linear-gradient(135deg, #061428 0%, #0b2345 56%, #07182f 100%) !important;
  color: rgba(226, 232, 240, .78) !important;
}

.apex-footer::before {
  border-color: rgba(148, 163, 184, .12) !important;
}

.apex-footer .row {
  border-color: rgba(148, 163, 184, .14) !important;
  background: rgba(255, 255, 255, .045) !important;
  box-shadow: 0 28px 90px rgba(2, 8, 23, .28) !important;
}

.apex-footer-text,
.apex-footer a,
.apex-footer-links span,
.apex-footer-contact p {
  color: rgba(226, 232, 240, .76) !important;
}

.apex-footer h3::after {
  background: #2e9d3f !important;
}

.apex-footer a:hover,
.apex-footer a:focus {
  color: #2e9d3f !important;
}

.apex-footer-contact p i {
  background: rgba(94, 234, 212, .14) !important;
  color: #2e9d3f !important;
}

.apex-footer-social a {
  border-color: rgba(94, 234, 212, .24) !important;
  color: #2e9d3f !important;
}

.apex-footer-social a:hover {
  background: #2e9d3f !important;
  color: #061428 !important;
}

.apex-footer-bottom {
  border-top-color: rgba(148, 163, 184, .12) !important;
  color: rgba(226, 232, 240, .62) !important;
}

.apex-footer-bottom-links a {
  color: rgba(226, 232, 240, .66) !important;
}

.main-footer {
  background:
    radial-gradient(circle at 14% 0%, rgba(94, 234, 212, .16), transparent 30%),
    radial-gradient(circle at 90% 18%, rgba(59, 130, 246, .14), transparent 32%),
    linear-gradient(135deg, #061428 0%, #0b2345 56%, #07182f 100%) !important;
  color: rgba(226, 232, 240, .78) !important;
}

.main-footer .footer-links h3,
.main-footer .footer-links p,
.main-footer .footer-links a,
.main-footer .footer-contact-content p,
.main-footer .footer-contact-content p a,
.main-footer .footer-copyright-text p {
  color: rgba(226, 232, 240, .78) !important;
}

.main-footer .footer-links h3,
.main-footer .footer-links a:hover,
.main-footer .footer-links a:focus {
  color: #fff !important;
}

.main-footer .footer-contact-item .icon-box,
.main-footer .footer-social-links ul li a {
  background: rgba(94, 234, 212, .14) !important;
  border-color: rgba(94, 234, 212, .24) !important;
  color: #2e9d3f !important;
}

.main-footer .footer-contact-item .icon-box i,
.main-footer .footer-social-links ul li a i {
  color: #2e9d3f !important;
}

.main-footer .footer-social-links ul li:hover a {
  background: #2e9d3f !important;
}

.main-footer .footer-social-links ul li:hover a i {
  color: #061428 !important;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-nav {
    background: linear-gradient(135deg, rgba(7, 24, 48, .94), rgba(12, 42, 79, .88)) !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before {
    background:
      linear-gradient(90deg, rgba(5, 18, 42, .48) 0%, rgba(8, 34, 68, .24) 58%, rgba(3, 10, 24, .18) 100%),
      linear-gradient(180deg, rgba(3, 10, 24, .12) 0%, rgba(3, 10, 24, .26) 100%) !important;
  }

  .apex-mobile-actions-inner {
    background: rgba(7, 24, 48, .86) !important;
    border-color: rgba(148, 163, 184, .22) !important;
    box-shadow: 0 18px 46px rgba(2, 8, 23, .24) !important;
  }
}

/* Remove extra header backdrop and replace remaining green blocks */
.apex-header,
body:has(.apex-hero) .apex-header,
body:not(:has(.apex-hero)) .apex-header {
  background: transparent !important;
  box-shadow: none !important;
}

.apex-nav::after,
body:has(.apex-hero) .apex-nav::after,
body:not(:has(.apex-hero)) .apex-nav::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 992px) {
  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

.apex-services.apex-services-dark,
.apex-featured.apex-featured-dark,
.apex-services-dark,
.apex-featured-dark,
.hero,
.dark-section {
  background:
    radial-gradient(circle at 16% 8%, rgba(94, 234, 212, .13), transparent 28%),
    linear-gradient(135deg, rgba(6, 20, 40, .98), rgba(11, 35, 69, .96)),
    #061428 !important;
}

.apex-services.apex-services-dark::before,
.apex-featured.apex-featured-dark::before,
.apex-services-dark::before,
.apex-featured-dark::before,
.hero::before,
.dark-section::before {
  background:
    radial-gradient(circle at 16% 8%, rgba(94, 234, 212, .12), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(59, 130, 246, .10), transparent 32%) !important;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span,
.apex-services.apex-services-dark .apex-section-head span {
  background: rgba(94, 234, 212, .12) !important;
  border-color: rgba(94, 234, 212, .22) !important;
  color: #2e9d3f !important;
}

.apex-services-dark .apex-section-head span::before,
.apex-featured-dark .apex-section-head span::before,
.apex-services.apex-services-dark .apex-section-head span::before {
  background: #2e9d3f !important;
}

.apex-services-dark .apex-section-head h2,
.apex-services.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2 {
  color: #fff !important;
}

.apex-services.apex-services-dark .apex-service-card,
.apex-featured.apex-featured-dark .apex-feature-box {
  border-color: rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: 0 18px 50px rgba(2, 8, 23, .18) !important;
}

.apex-services.apex-services-dark .transport-service-icon,
.apex-featured.apex-featured-dark .transport-feature-ring,
.apex-services.apex-services-dark .apex-service-number {
  background: rgba(94, 234, 212, .14) !important;
  border-color: rgba(94, 234, 212, .22) !important;
  color: #2e9d3f !important;
}

.apex-services.apex-services-dark .transport-service-icon i,
.apex-featured.apex-featured-dark .transport-feature-ring i {
  color: #2e9d3f !important;
}

.apex-services.apex-services-dark .apex-services-pagination .swiper-pagination-bullet-active {
  background: #2e9d3f !important;
  box-shadow: 0 0 0 4px rgba(94, 234, 212, .14) !important;
}

/* Page header navy refresh and pest icon cleanup */
.page-header,
body:not(:has(.apex-hero)) .page-header {
  background-color: #061428 !important;
  background-image:
    radial-gradient(circle at 16% 18%, rgba(94, 234, 212, .13), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(59, 130, 246, .13), transparent 32%),
    linear-gradient(135deg, rgba(6, 20, 40, .98), rgba(11, 35, 69, .94)) !important;
  box-shadow: 0 28px 90px rgba(2, 8, 23, .16) !important;
}

.page-header::before,
.page-header::after,
.apex-brand span::before,
.pest-about-media::before,
.apex-services:not(.apex-services-dark)::before {
  content: none !important;
  display: none !important;
}

.page-header-box h1 {
  color: #fff !important;
  text-shadow: 0 18px 44px rgba(2, 8, 23, .24) !important;
}

.page-header-box ol {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
}

.page-header-box ol li.breadcrumb-item,
.page-header-box ol li.breadcrumb-item a {
  color: rgba(226, 232, 240, .82) !important;
}

/* Content card icon cleanup and carousel controls */
.apex-service-card .transport-service-icon,
.apex-service-card .transport-service-icon::after,
.page-services .service-body > .icon-box {
  display: none !important;
}

.apex-service-card .apex-card-link i {
  display: none !important;
}

.apex-service-card .apex-card-link {
  gap: 0 !important;
}

.apex-services.apex-services-carousel .apex-premium-slider .swiper {
  padding: 24px 2px 0 !important;
}

.apex-services.apex-services-carousel .apex-services-pagination,
.apex-services.apex-services-dark.apex-services-carousel .apex-services-pagination {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 42px !important;
  transform: none !important;
  z-index: 20 !important;
}

.apex-services.apex-services-carousel .apex-services-pagination .swiper-pagination-bullet {
  width: 26px !important;
  height: 6px !important;
  margin: 0 !important;
  border: 1px solid rgba(226, 232, 240, .22) !important;
  border-radius: 999px !important;
  background: rgba(226, 232, 240, .36) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  transition: width .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.apex-services.apex-services-carousel .apex-services-pagination .swiper-pagination-bullet-active {
  width: 42px !important;
  border-color: rgba(94, 234, 212, .62) !important;
  background: #2e9d3f !important;
  box-shadow: 0 0 0 5px rgba(94, 234, 212, .12) !important;
}

/* Keep detail sidebars below the sticky header without an inner scrollbar */
@media (min-width: 992px) {
  .page-single-sidebar,
  .page-service-single .page-single-sidebar {
    top: 124px !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-width: auto !important;
  }

  .page-single-sidebar .page-catagery-list {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
  }
}

/* Slider center alignment and approval badge */
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .container {
  width: 100% !important;
  position: relative !important;
  z-index: 2 !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy {
  width: 100% !important;
  max-width: min(1120px, 92vw) !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1,
body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy p {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1 {
  max-width: 1040px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy p {
  max-width: 760px !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge {
  position: static !important;
  width: fit-content !important;
  max-width: min(92vw, 520px) !important;
  min-height: 34px !important;
  margin: 0 auto 18px !important;
  padding: 8px 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(198, 255, 85, .32) !important;
  border-radius: 999px !important;
  background: rgba(6, 20, 40, .62) !important;
  color: #2e9d3f !important;
  box-shadow: 0 14px 32px rgba(2, 8, 23, .18) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge i,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge i {
  color: #2e9d3f !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge span,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge span {
  color: inherit !important;
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge,
  body:has(.apex-hero) .apex-hero .pest-control-approval-badge {
    margin-bottom: 14px !important;
    padding: 7px 12px !important;
    font-size: 12px !important;
  }
}

/* FeaturedBoxParallax compact list layout */
.apex-featured.apex-featured-dark .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 22px;
  align-items: stretch;
}

.apex-featured.apex-featured-dark .row > [class*="col-"] {
  display: flex;
}

.apex-featured.apex-featured-dark .apex-feature-box {
  display: flex !important;
  width: 100%;
  min-height: 128px !important;
  padding: 24px 22px !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px !important;
  border-color: rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .055) !important;
  box-shadow: 0 18px 50px rgba(2, 8, 23, .18) !important;
  text-align: center;
}

.apex-featured.apex-featured-dark .apex-feature-box::after {
  width: 62px !important;
  height: 62px !important;
  opacity: .72 !important;
}

.apex-featured.apex-featured-dark .transport-feature-ring,
.apex-featured.apex-featured-dark .apex-feature-box > i {
  width: 44px !important;
  height: 44px !important;
  margin: 0 0 16px !important;
  flex: 0 0 44px;
  border-radius: 12px !important;
  background: rgba(94, 234, 212, .14) !important;
  border-color: rgba(94, 234, 212, .22) !important;
  color: #2e9d3f !important;
}

.apex-featured.apex-featured-dark .transport-feature-ring i,
.apex-featured.apex-featured-dark .apex-feature-box > i {
  color: #2e9d3f !important;
  font-size: 20px !important;
}

.apex-featured.apex-featured-dark .apex-feature-box h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

.apex-featured.apex-featured-dark .apex-feature-box p {
  margin: 8px 0 0 !important;
  color: rgba(247, 255, 241, .72) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

@media (max-width: 767.98px) {
  .apex-featured.apex-featured-dark .apex-feature-box {
    min-height: 116px !important;
    padding: 20px 16px !important;
  }
}

/* Corporate blue-green brand refresh */
:root {
  --pak-blue: #303d8e;
  --pak-blue-dark: #18235f;
  --pak-blue-ink: #10183d;
  --pak-green: #2e9d3f;
  --pak-green-dark: #217832;
  --pak-surface: #f5f7fb;
  --pak-surface-2: #eef3f8;
  --pak-paper: #ffffff;
  --pak-text: #121a31;
  --pak-muted: #5f6d82;
  --pak-line: rgba(48, 61, 142, .13);
  --pak-shadow: 0 22px 70px rgba(22, 35, 95, .11);
}

html,
body {
  background: var(--pak-surface) !important;
  color: var(--pak-text) !important;
}

.apex-header,
body:has(.apex-hero) .apex-header,
body:not(:has(.apex-hero)) .apex-header {
  position: sticky !important;
  top: 0;
  z-index: 999;
  background: transparent !important;
  box-shadow: none !important;
}

.apex-topline,
body:has(.apex-hero) .apex-topline,
body:not(:has(.apex-hero)) .apex-topline {
  min-height: 36px !important;
  background: linear-gradient(90deg, var(--pak-blue), #253074 52%, var(--pak-green-dark)) !important;
  color: rgba(255, 255, 255, .9) !important;
  border: 0 !important;
}

.apex-topline a,
body:has(.apex-hero) .apex-topline a,
body:not(:has(.apex-hero)) .apex-topline a,
.apex-topline i,
.apex-topline .apex-social i {
  color: #ffffff !important;
}

.apex-topline .apex-social {
  width: 26px !important;
  height: 26px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .08) !important;
}

.apex-nav,
body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  margin: 0 !important;
  padding: 12px 0 !important;
  background: rgba(18, 26, 58, .96) !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 61, .18) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

body:has(.apex-hero) .apex-nav {
  border-radius: 0 0 18px 18px !important;
}

.apex-nav::after,
body:has(.apex-hero) .apex-nav::after,
body:not(:has(.apex-hero)) .apex-nav::after,
.apex-nav .container::after {
  content: none !important;
  display: none !important;
}

.apex-brand img,
body:has(.apex-hero) .apex-brand img {
  max-height: 62px !important;
  width: auto !important;
  object-fit: contain;
}

.apex-brand span,
body:has(.apex-hero) .apex-brand span,
body:not(:has(.apex-hero)) .apex-brand span,
.apex-menu > .nav-item > .nav-link,
.apex-menu .nav-link,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
  color: rgba(255, 255, 255, .92) !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}

.apex-menu > .nav-item > .nav-link:hover,
.apex-menu > .nav-item > .nav-link:focus,
.apex-menu > .nav-item > .nav-link.active,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:hover {
  color: #ffffff !important;
  background: rgba(46, 157, 63, .15) !important;
}

.apex-menu .dropdown-menu,
body:has(.apex-hero) .apex-menu .dropdown-menu,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu,
.apex-nav .navbar-collapse,
body:has(.apex-hero) .apex-nav .navbar-collapse,
body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
  background: #121a3a !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  box-shadow: 0 22px 58px rgba(16, 24, 61, .26) !important;
}

.apex-menu .dropdown-menu .nav-link,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: rgba(255, 255, 255, .86) !important;
}

.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta,
.apex-btn,
.btn-default,
.btn-default.btn-highlighted,
.readmore-btn,
.vl-primary-btn3,
.apex-mobile-call,
.apex-mobile-whatsapp {
  border: 0 !important;
  background: linear-gradient(135deg, var(--pak-green), var(--pak-blue)) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(48, 61, 142, .22) !important;
}

.apex-nav-cta {
  min-height: 46px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
}

.apex-nav-cta i,
.apex-mobile-call i,
.apex-mobile-whatsapp i {
  color: #ffffff !important;
}

body:has(.apex-hero)::before {
  background:
    linear-gradient(180deg, rgba(245, 247, 251, .96), rgba(245, 247, 251, .98)) !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout,
.apex-hero.hero-slider-layout {
  min-height: min(720px, calc(100svh - 36px)) !important;
  padding: 0 !important;
  background: #111a3f !important;
  border-radius: 0 0 28px 28px !important;
  overflow: hidden;
  box-shadow: 0 34px 90px rgba(16, 24, 61, .18) !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
.apex-hero.hero-slider-layout .swiper,
.apex-hero.hero-slider-layout .swiper-wrapper,
.apex-hero.hero-slider-layout .swiper-slide {
  min-height: min(720px, calc(100svh - 36px)) !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before,
.apex-hero.hero-slider-layout .swiper-slide::before {
  background:
    linear-gradient(90deg, rgba(16, 24, 61, .84), rgba(48, 61, 142, .52) 48%, rgba(16, 24, 61, .72)),
    linear-gradient(180deg, rgba(16, 24, 61, .18), rgba(16, 24, 61, .58)) !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .container,
.apex-hero.hero-slider-layout .container {
  min-height: inherit !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy,
.apex-hero.hero-slider-layout .apex-hero-copy {
  width: min(920px, 92vw) !important;
  max-width: 920px !important;
  padding: 54px 0 64px !important;
  align-items: center !important;
  text-align: center !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1,
.apex-hero.hero-slider-layout .apex-hero-copy h1 {
  max-width: 900px !important;
  margin: 0 auto 20px !important;
  color: #ffffff !important;
  font-size: clamp(42px, 5vw, 74px) !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 18px 44px rgba(5, 11, 37, .42);
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy p,
.apex-hero.hero-slider-layout .apex-hero-copy p {
  max-width: 720px !important;
  margin: 0 auto 30px !important;
  color: rgba(255, 255, 255, .88) !important;
  font-size: clamp(16px, 1.5vw, 20px) !important;
  line-height: 1.62 !important;
  font-weight: 450 !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge,
.apex-hero .pest-control-hero-cert-badge,
.apex-hero .pest-control-approval-badge {
  margin-bottom: 18px !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .12) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge i,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge i {
  color: var(--pak-green) !important;
}

.apex-hero .pest-control-hero-btn {
  min-height: 54px !important;
  padding: 15px 24px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.apex-hero .hero-pagination .swiper-pagination-bullet,
body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet,
.apex-services.apex-services-carousel .apex-services-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, .52) !important;
  border-color: rgba(255, 255, 255, .32) !important;
}

.apex-hero .hero-pagination .swiper-pagination-bullet-active,
body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active,
.apex-services.apex-services-carousel .apex-services-pagination .swiper-pagination-bullet-active {
  background: var(--pak-green) !important;
  box-shadow: 0 0 0 5px rgba(46, 157, 63, .18) !important;
}

.apex-hero .pest-control-slider-control {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(18, 26, 58, .46) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.apex-hero .pest-control-slider-control:hover {
  background: var(--pak-blue) !important;
  border-color: rgba(255, 255, 255, .28) !important;
}

.apex-services:not(.apex-services-dark),
.our-blog,
.our-testimonials,
.transport-service-areas,
.theme-gallery,
.light-bg-section,
.apex-featured:not(.apex-featured-dark) {
  background: linear-gradient(180deg, #ffffff 0%, var(--pak-surface) 100%) !important;
}

.apex-section-head {
  max-width: 880px !important;
  margin: 0 auto 42px !important;
  text-align: center !important;
}

.apex-section-head span,
.transport-areas-kicker,
.theme-gallery-head span {
  padding: 9px 18px !important;
  border: 1px solid rgba(48, 61, 142, .15) !important;
  border-radius: 999px !important;
  background: rgba(48, 61, 142, .06) !important;
  color: var(--pak-blue) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .03em !important;
}

.apex-section-head span::before {
  background: var(--pak-green) !important;
}

.apex-section-head h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  color: var(--pak-blue-ink) !important;
  font-size: clamp(22px, 2.3vw, 34px) !important;
  line-height: 1.24 !important;
  font-weight: 850 !important;
}

.apex-services .row {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

.apex-services:not(.apex-services-dark) .apex-service-card,
.apex-services-blog .apex-service-card,
.our-blog .post-item,
.transport-area-card,
.apex-featured:not(.apex-featured-dark) .apex-feature-box,
.our-testimonials .testimonial-item {
  border: 1px solid var(--pak-line) !important;
  border-radius: 18px !important;
  background: var(--pak-paper) !important;
  box-shadow: var(--pak-shadow) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card,
.apex-services-blog .apex-service-card {
  min-height: 390px !important;
  padding: 18px 18px 22px !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card:hover,
.apex-services-blog .apex-service-card:hover,
.transport-area-card:hover,
.apex-featured:not(.apex-featured-dark) .apex-feature-box:hover {
  border-color: rgba(46, 157, 63, .35) !important;
  box-shadow: 0 28px 82px rgba(48, 61, 142, .16) !important;
  transform: translateY(-4px);
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link,
.apex-services-blog .apex-service-card .apex-service-image-link {
  width: 100% !important;
  height: 168px !important;
  flex-basis: 168px !important;
  margin: 0 auto 24px !important;
  border-radius: 14px !important;
  background: var(--pak-surface-2) !important;
  box-shadow: none !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link img,
.apex-services-blog .apex-service-card .apex-service-image-link img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 14px !important;
  object-fit: cover;
}

.apex-service-card .transport-service-icon,
.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon,
.apex-services-blog .apex-service-card .transport-service-icon,
.transport-feature-ring {
  top: 146px !important;
  width: 42px !important;
  height: 42px !important;
  border: 4px solid #ffffff !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--pak-green), var(--pak-blue)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(48, 61, 142, .18) !important;
}

.apex-service-card .transport-service-icon i,
.transport-feature-ring i {
  color: #ffffff !important;
  font-size: 17px !important;
}

.apex-service-card .apex-service-number {
  background: rgba(48, 61, 142, .08) !important;
  color: var(--pak-blue) !important;
}

.apex-service-body h3,
.apex-service-body h3 a,
.apex-feature-box h3,
.transport-area-card strong {
  color: var(--pak-blue-ink) !important;
}

.apex-service-body p,
.apex-feature-box p,
.transport-area-card p {
  color: var(--pak-muted) !important;
}

.apex-card-link,
.apex-service-card .apex-card-link {
  color: var(--pak-blue) !important;
  border-top-color: rgba(48, 61, 142, .11) !important;
  font-weight: 850 !important;
}

.apex-card-link:hover {
  color: var(--pak-green) !important;
}

.apex-services.apex-services-dark,
.apex-featured.apex-featured-dark,
.apex-services-dark,
.apex-featured-dark,
.dark-section {
  background:
    radial-gradient(circle at 18% 10%, rgba(46, 157, 63, .16), transparent 30%),
    linear-gradient(135deg, #10183d 0%, var(--pak-blue) 58%, #18235f 100%) !important;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span,
.apex-services.apex-services-dark .apex-section-head span {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
}

.apex-featured.apex-featured-dark .apex-feature-box,
.apex-services.apex-services-dark .apex-service-card {
  border-color: rgba(255, 255, 255, .13) !important;
  background: rgba(255, 255, 255, .075) !important;
  box-shadow: 0 22px 56px rgba(4, 11, 38, .2) !important;
}

.apex-featured.apex-featured-dark .transport-feature-ring,
.apex-services.apex-services-dark .transport-service-icon,
.apex-services.apex-services-dark .apex-service-number {
  background: rgba(46, 157, 63, .18) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}

.apex-featured.apex-featured-dark .transport-feature-ring i,
.apex-services.apex-services-dark .transport-service-icon i {
  color: #ffffff !important;
}

.page-header,
body:not(:has(.apex-hero)) .page-header {
  background-color: var(--pak-blue-ink) !important;
  background-image:
    linear-gradient(135deg, rgba(16, 24, 61, .96), rgba(48, 61, 142, .9)),
    radial-gradient(circle at 82% 18%, rgba(46, 157, 63, .20), transparent 30%) !important;
}

.apex-footer {
  background:
    linear-gradient(135deg, #10183d 0%, var(--pak-blue) 58%, #18235f 100%) !important;
  color: rgba(255, 255, 255, .82) !important;
}

.apex-footer::before {
  background: linear-gradient(90deg, var(--pak-blue), var(--pak-green), var(--pak-blue)) !important;
}

.apex-footer h3,
.apex-footer a:hover,
.apex-footer-contact p i,
.apex-footer-social a:hover {
  color: #ffffff !important;
}

.apex-footer h3::after,
.apex-footer-social a:hover {
  background: var(--pak-green) !important;
}

.apex-footer-social a {
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #ffffff !important;
}

.apex-footer-bottom {
  border-top-color: rgba(255, 255, 255, .12) !important;
}

@media (max-width: 991.98px) {
  .apex-topline,
  body:has(.apex-hero) .apex-topline,
  body:not(:has(.apex-hero)) .apex-topline {
    display: none !important;
  }

  .apex-nav,
  body:has(.apex-hero) .apex-nav,
  body:not(:has(.apex-hero)) .apex-nav {
    border-radius: 0 !important;
    padding: 10px 0 !important;
  }

  .navbar-toggler {
    border-color: rgba(255, 255, 255, .22) !important;
    background: rgba(255, 255, 255, .1) !important;
  }

  .navbar-toggler-icon {
    filter: invert(1);
  }

  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    margin-top: 12px !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  .apex-mobile-nav-lang {
    background: rgba(48, 61, 142, .22) !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 640px !important;
  }
}

@media (max-width: 575.98px) {
  .apex-brand img,
  body:has(.apex-hero) .apex-brand img {
    max-height: 50px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 590px !important;
    border-radius: 0 0 20px 20px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy,
  .apex-hero.hero-slider-layout .apex-hero-copy {
    padding: 42px 0 58px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1,
  .apex-hero.hero-slider-layout .apex-hero-copy h1 {
    font-size: clamp(34px, 11vw, 46px) !important;
  }
}

/* Final hero sizing pass: keep the first viewport controlled below the sticky header */
body:has(.apex-hero) .apex-hero.hero-slider-layout,
.apex-hero.hero-slider-layout {
  height: clamp(560px, calc(100svh - 112px), 690px) !important;
  min-height: clamp(560px, calc(100svh - 112px), 690px) !important;
  max-height: 690px !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
.apex-hero.hero-slider-layout .swiper,
.apex-hero.hero-slider-layout .swiper-wrapper,
.apex-hero.hero-slider-layout .swiper-slide {
  height: 100% !important;
  min-height: 100% !important;
  max-height: 690px !important;
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout {
    height: clamp(560px, calc(100svh - 74px), 650px) !important;
    min-height: clamp(560px, calc(100svh - 74px), 650px) !important;
    max-height: 650px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    max-height: 650px !important;
  }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout {
    height: 590px !important;
    min-height: 590px !important;
    max-height: 590px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    max-height: 590px !important;
  }
}

/* Final brand color corrections for header chrome and hero CTA */
.apex-header,
body:has(.apex-hero) .apex-header,
body:not(:has(.apex-hero)) .apex-header {
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #10183d !important;
}

.apex-topline,
body:has(.apex-hero) .apex-topline,
body:not(:has(.apex-hero)) .apex-topline {
  position: relative !important;
  z-index: 1001 !important;
  display: block !important;
  padding: 0 !important;
}

.apex-hero .pest-control-hero-btn,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn,
.apex-hero .pest-control-hero-btn.btn,
.apex-hero .pest-control-hero-btn.btn-default {
  background: linear-gradient(135deg, var(--pak-green), var(--pak-blue)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  box-shadow: 0 18px 42px rgba(48, 61, 142, .32) !important;
}

.apex-hero .pest-control-hero-btn::before,
.apex-hero .pest-control-hero-btn::after {
  content: none !important;
  display: none !important;
}

.apex-hero .pest-control-hero-btn span,
.apex-hero .pest-control-hero-btn i {
  color: #ffffff !important;
  position: relative !important;
  z-index: 2 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

.apex-hero .pest-control-hero-btn:hover,
.apex-hero .pest-control-hero-btn:focus {
  background: linear-gradient(135deg, var(--pak-blue), var(--pak-green-dark)) !important;
  color: #ffffff !important;
}

.apex-hero.hero-slider-layout .swiper-slide {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .45s ease, visibility .45s ease !important;
}

.apex-hero.hero-slider-layout .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.apex-hero.hero-slider-layout .swiper-slide:not(.swiper-slide-active) .apex-hero-copy {
  opacity: 0 !important;
  transform: translateY(10px);
}

.apex-hero.hero-slider-layout .swiper-slide.swiper-slide-active .apex-hero-copy {
  opacity: 1 !important;
  transform: translateY(0);
}

@media (max-width: 991.98px) {
  .apex-topline,
  body:has(.apex-hero) .apex-topline,
  body:not(:has(.apex-hero)) .apex-topline {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .apex-hero .pest-control-hero-btn,
  body:has(.apex-hero) .apex-hero .pest-control-hero-btn {
    min-width: 168px !important;
    min-height: 52px !important;
    padding: 15px 22px !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }
}

.apex-hero a.pest-control-hero-btn,
body:has(.apex-hero) .apex-hero a.pest-control-hero-btn {
  position: relative !important;
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: hidden !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}

.apex-hero a.pest-control-hero-btn span,
body:has(.apex-hero) .apex-hero a.pest-control-hero-btn span {
  position: static !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  clip: auto !important;
  clip-path: none !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
}

.apex-hero a.pest-control-hero-btn i,
body:has(.apex-hero) .apex-hero a.pest-control-hero-btn i {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}

/* ======================================================
   GÖRSELE GÖRE NİHAİ TASARIM — KAPSAMLI OVERRIDE
   Tüm önceki stillerin üzerine yazılır
   ====================================================== */

/* ── Tasarım Değişkenleri ── */
:root {
  --pc-teal:       #303d8e;
  --pc-green:      #2e9d3f;
  --pc-green-lt:   #2e9d3f;
  --pc-lime:       #2e9d3f;
  --pc-white:      #ffffff;
  --pc-surface:    #f6f8f5;
  --pc-text:       #0f2d1e;
  --pc-muted:      #506459;
  --pc-line:       rgba(22, 163, 107, .14);
  --pc-shadow:     0 20px 60px rgba(6, 51, 74, .10);
}

/* ── GENEL ARKA PLAN ── */
html,
body,
main,
body:has(.apex-hero),
body:has(.apex-hero) main,
body:not(:has(.apex-hero)),
body:not(:has(.apex-hero)) main {
  background: var(--pc-white) !important;
  background-image: none !important;
  color: var(--pc-text) !important;
}

/* ── HEADER (sticky, tam genişlik) ── */
.apex-header,
body:has(.apex-hero) .apex-header,
body:not(:has(.apex-hero)) .apex-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: auto !important;
}

/* ── TOPBAR (koyu teal arka plan) ── */
.apex-topline,
body:has(.apex-hero) .apex-topline,
body:not(:has(.apex-hero)) .apex-topline {
  display: flex !important;
  min-height: 38px !important;
  background: var(--pc-teal) !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 1001 !important;
}

.apex-topline a,
body:has(.apex-hero) .apex-topline a,
body:not(:has(.apex-hero)) .apex-topline a {
  color: rgba(255, 255, 255, .84) !important;
  font-size: 13px !important;
}

.apex-topline a:hover {
  color: var(--pc-lime) !important;
}

.apex-topline i,
.apex-topline .bi {
  color: var(--pc-green-lt) !important;
}

.apex-topline .apex-social {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  border-radius: 6px !important;
}

.apex-topline .apex-social i {
  color: rgba(255,255,255,.84) !important;
  font-size: 13px !important;
}

.apex-topline .apex-social:hover {
  background: rgba(255,255,255,.16) !important;
}

/* ── NAVBAR (beyaz, tam genişlik, gölgeli) ── */
.apex-nav,
body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--pc-white) !important;
  box-shadow: 0 4px 24px rgba(6, 51, 74, .10) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Alt çizgiyi kaldır */
.apex-nav::after,
body:has(.apex-hero) .apex-nav::after,
body:not(:has(.apex-hero)) .apex-nav::after,
.apex-nav .container::after,
body:has(.apex-hero) .apex-nav .container::after,
body:not(:has(.apex-hero)) .apex-nav .container::after {
  content: none !important;
  display: none !important;
}

/* Nav container */
.apex-nav > .container,
body:has(.apex-hero) .apex-nav > .container,
body:not(:has(.apex-hero)) .apex-nav > .container {
  min-height: 72px !important;
  max-width: 1320px !important;
  padding-inline: 20px !important;
}

/* ── LOGO ── */
.apex-brand img,
body:has(.apex-hero) .apex-brand img,
body:not(:has(.apex-hero)) .apex-brand img {
  max-height: 56px !important;
  width: auto !important;
  filter: none !important;
  opacity: 1 !important;
}

.apex-brand span,
body:has(.apex-hero) .apex-brand span,
body:not(:has(.apex-hero)) .apex-brand span {
  color: var(--pc-teal) !important;
}

.apex-brand span::before {
  background: linear-gradient(135deg, var(--pc-green), var(--pc-teal)) !important;
  color: #fff !important;
}

/* ── MENÜ LİNKLERİ (koyu metin, hover yeşil) ── */
.apex-menu > .nav-item > .nav-link,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
  color: var(--pc-teal) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  border-radius: 8px !important;
}

@media (min-width: 992px) {
  .apex-menu > .nav-item > .nav-link {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }
}

.apex-menu > .nav-item > .nav-link:hover,
.apex-menu > .nav-item > .nav-link:focus,
.apex-menu > .nav-item > .nav-link.active,
body:has(.apex-hero) .apex-menu > .nav-item > .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:hover {
  background: rgba(22, 163, 107, .1) !important;
  color: var(--pc-green) !important;
}

/* ── DROPDOWN MENÜ ── */
.apex-menu .dropdown-menu,
body:has(.apex-hero) .apex-menu .dropdown-menu,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
  background: var(--pc-white) !important;
  border: 1px solid var(--pc-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 54px rgba(6, 51, 74, .14) !important;
}

.apex-menu .dropdown-menu .nav-link,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: var(--pc-teal) !important;
  font-weight: 600 !important;
}

.apex-menu .dropdown-menu .nav-link:hover,
.apex-menu .dropdown-menu .nav-link:focus,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link:hover {
  background: rgba(22, 163, 107, .1) !important;
  color: var(--pc-green) !important;
}

/* ── CTA BUTONU (navbar sağ) ── */
.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  min-height: 46px !important;
  padding: 10px 20px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--pc-teal) !important;
  color: var(--pc-white) !important;
  box-shadow: 0 10px 28px rgba(6, 51, 74, .20) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  transition: background .2s, transform .2s, box-shadow .2s !important;
}

.apex-nav-cta i,
body:has(.apex-hero) .apex-nav-cta i,
body:not(:has(.apex-hero)) .apex-nav-cta i {
  color: var(--pc-lime) !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: var(--pc-green) !important;
  color: var(--pc-white) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 14px 34px rgba(22, 163, 107, .28) !important;
}

/* Mobil navbar collapse */
@media (max-width: 991.98px) {
  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    margin-top: 10px !important;
    padding: 14px !important;
    border: 1px solid var(--pc-line) !important;
    border-radius: 12px !important;
    background: var(--pc-white) !important;
    box-shadow: 0 18px 46px rgba(6, 51, 74, .14) !important;
  }

  .apex-menu > .nav-item > .nav-link,
  body:has(.apex-hero) .apex-menu > .nav-item > .nav-link,
  body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
    color: var(--pc-teal) !important;
    padding: 10px 12px !important;
  }

  .navbar-toggler {
    border-color: rgba(6, 51, 74, .22) !important;
    background: rgba(6, 51, 74, .06) !important;
  }

  .navbar-toggler-icon {
    filter: none !important;
  }
}

/* ── HERO SLİDER (tam genişlik, yüksek) ── */
body:has(.apex-hero) .apex-hero.hero-slider-layout,
.apex-hero.hero-slider-layout {
  width: 100% !important;
  height: auto !important;
  min-height: 560px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: var(--pc-teal) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
.apex-hero.hero-slider-layout .swiper,
.apex-hero.hero-slider-layout .swiper-wrapper,
.apex-hero.hero-slider-layout .swiper-slide {
  width: 100% !important;
  height: 560px !important;
  min-height: 560px !important;
  max-height: none !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
.apex-hero.hero-slider-layout .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Slide overlay */
body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide::before,
.apex-hero.hero-slider-layout .swiper-slide::before {
  background:
    linear-gradient(135deg, rgba(4, 30, 22, .80) 0%, rgba(6, 51, 74, .62) 52%, rgba(4, 30, 22, .52) 100%) !important;
}

/* Hero içerik */
body:has(.apex-hero) .apex-hero.hero-slider-layout .container,
.apex-hero.hero-slider-layout .container {
  max-width: 1320px !important;
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}

body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy,
.apex-hero.hero-slider-layout .apex-hero-copy {
  width: 100% !important;
  max-width: 840px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hero H1 */
body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1,
.apex-hero.hero-slider-layout .apex-hero-copy h1 {
  max-width: 820px !important;
  margin: 0 auto 18px !important;
  color: #ffffff !important;
  font-size: clamp(36px, 5vw, 68px) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 10px 30px rgba(0, 0, 0, .28) !important;
  text-align: center !important;
}

/* Hero paragraf */
body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy p,
.apex-hero.hero-slider-layout .apex-hero-copy p {
  max-width: 680px !important;
  margin: 0 auto 28px !important;
  color: rgba(255, 255, 255, .9) !important;
  font-size: clamp(15px, 1.4vw, 18px) !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

/* Onay badge */
body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge,
.apex-hero .pest-control-hero-cert-badge,
.apex-hero .pest-control-approval-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 auto 16px !important;
  padding: 7px 16px !important;
  border: 1px solid rgba(198, 255, 85, .38) !important;
  border-radius: 999px !important;
  background: rgba(6, 51, 74, .54) !important;
  color: var(--pc-lime) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge i,
body:has(.apex-hero) .apex-hero .pest-control-approval-badge i,
.apex-hero .pest-control-hero-cert-badge i,
.apex-hero .pest-control-approval-badge i {
  color: var(--pc-lime) !important;
  font-size: 14px !important;
}

/* Hero CTA butonu */
.apex-hero .pest-control-hero-btn,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn,
.apex-hero a.pest-control-hero-btn,
body:has(.apex-hero) .apex-hero a.pest-control-hero-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 52px !important;
  padding: 14px 28px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--pc-green) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  box-shadow: 0 16px 40px rgba(22, 163, 107, .32) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.apex-hero .pest-control-hero-btn::before,
.apex-hero .pest-control-hero-btn::after,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn::before,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn::after {
  content: none !important;
  display: none !important;
}

.apex-hero .pest-control-hero-btn span,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn span,
.apex-hero a.pest-control-hero-btn span,
body:has(.apex-hero) .apex-hero a.pest-control-hero-btn span {
  position: static !important;
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: #ffffff !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
}

.apex-hero .pest-control-hero-btn i,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn i,
.apex-hero a.pest-control-hero-btn i,
body:has(.apex-hero) .apex-hero a.pest-control-hero-btn i {
  position: static !important;
  display: inline-flex !important;
  color: #ffffff !important;
  font-size: 20px !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  transform: none !important;
}

.apex-hero .pest-control-hero-btn:hover,
body:has(.apex-hero) .apex-hero .pest-control-hero-btn:hover {
  background: var(--pc-teal) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 48px rgba(6, 51, 74, .28) !important;
}

/* ── Hero Pagination (alt orta çizgi) ── */
body:has(.apex-hero) .apex-hero .hero-pagination,
.apex-hero .hero-pagination {
  left: 50% !important;
  right: auto !important;
  bottom: 28px !important;
  transform: translateX(-50%) !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  width: auto !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet,
.apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 36px !important;
  height: 4px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .44) !important;
  opacity: 1 !important;
  box-shadow: none !important;
  border: 0 !important;
  transition: width .22s ease, background .22s ease !important;
}

body:has(.apex-hero) .apex-hero .hero-pagination .swiper-pagination-bullet-active,
.apex-hero .hero-pagination .swiper-pagination-bullet-active {
  width: 54px !important;
  background: var(--pc-lime) !important;
  box-shadow: none !important;
}

/* Hero ok butonları (görünür) */
.apex-hero .pest-control-slider-control,
body:has(.apex-hero) .apex-hero .pest-control-slider-control {
  display: inline-flex !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 9 !important;
  width: 48px !important;
  height: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 50% !important;
  background: rgba(6, 51, 74, .48) !important;
  color: #fff !important;
  backdrop-filter: blur(8px) !important;
  transition: background .2s, border-color .2s !important;
}

.apex-hero .pest-control-slider-control i {
  font-size: 28px !important;
  color: inherit !important;
}

.apex-hero .pest-control-slider-prev,
body:has(.apex-hero) .apex-hero .pest-control-slider-prev {
  left: 28px !important;
}

.apex-hero .pest-control-slider-next,
body:has(.apex-hero) .apex-hero .pest-control-slider-next {
  right: 28px !important;
}

.apex-hero .pest-control-slider-control:hover,
body:has(.apex-hero) .apex-hero .pest-control-slider-control:hover {
  background: var(--pc-green) !important;
  border-color: var(--pc-green) !important;
}

/* Mobil hero */
@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout {
    min-height: 520px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    height: 520px !important;
    min-height: 520px !important;
  }

  .apex-hero .pest-control-slider-prev { left: 14px !important; }
  .apex-hero .pest-control-slider-next { right: 14px !important; }
}

@media (max-width: 575.98px) {
  body:has(.apex-hero) .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout {
    min-height: 480px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    height: 480px !important;
    min-height: 480px !important;
  }

  body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1,
  .apex-hero.hero-slider-layout .apex-hero-copy h1 {
    font-size: clamp(30px, 9vw, 44px) !important;
  }
}

/* ── HİZMETLER BÖLÜMÜ (beyaz arka plan, tam genişlik) ── */
.apex-services:not(.apex-services-dark),
body .apex-services:not(.apex-services-dark) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 80px 0 !important;
  border-radius: 0 !important;
  background: var(--pc-white) !important;
  background-image: none !important;
  overflow: visible !important;
}

.apex-services:not(.apex-services-dark)::before {
  content: none !important;
  display: none !important;
}

.apex-services:not(.apex-services-dark) .container {
  max-width: 1320px !important;
  margin-inline: auto !important;
}

/* Bölüm başlık alanı */
.apex-services:not(.apex-services-dark) .apex-section-head {
  max-width: 720px !important;
  margin: 0 auto 48px !important;
  text-align: center !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(22, 163, 107, .1) !important;
  color: var(--pc-green) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
  text-transform: none !important;
  min-height: 0 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head span i {
  display: none !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head span::before,
.apex-services:not(.apex-services-dark) .apex-section-head span::after {
  content: none !important;
  display: none !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2 {
  margin: 14px auto 10px !important;
  color: var(--pc-teal) !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head p,
.apex-services:not(.apex-services-dark) .apex-section-head > p {
  color: var(--pc-muted) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Hizmet kartları - grid */
.apex-services:not(.apex-services-dark) .row {
  --bs-gutter-x: 24px !important;
  --bs-gutter-y: 24px !important;
  justify-content: center !important;
  align-items: stretch !important;
}

.apex-services:not(.apex-services-dark) .row > [class*="col-"] {
  display: flex !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card {
  width: 100% !important;
  min-height: 420px !important;
  padding: 0 0 22px !important;
  border: 1px solid rgba(6, 51, 74, .09) !important;
  border-radius: 16px !important;
  background: var(--pc-white) !important;
  box-shadow: 0 16px 48px rgba(6, 51, 74, .07) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  text-align: center !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(22, 163, 107, .28) !important;
  box-shadow: 0 26px 68px rgba(6, 51, 74, .12) !important;
}

/* Kart resmi */
.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link {
  display: block !important;
  width: 100% !important;
  height: 176px !important;
  flex-basis: 176px !important;
  flex-shrink: 0 !important;
  margin: 0 0 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: var(--pc-surface) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-image-link img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

/* İkon (resim üstünde altta ortalanmış) */
.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon {
  position: absolute !important;
  top: 152px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 4px solid var(--pc-white) !important;
  border-radius: 12px !important;
  background: var(--pc-green) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(22, 163, 107, .28) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon::after {
  content: none !important;
}

.apex-services:not(.apex-services-dark) .apex-service-card .transport-service-icon i {
  color: #ffffff !important;
  font-size: 18px !important;
  position: static !important;
}

/* Kart numarası gizle */
.apex-services:not(.apex-services-dark) .apex-service-card .apex-service-number {
  display: none !important;
}

/* Kart body */
.apex-services:not(.apex-services-dark) .apex-service-body {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 32px 20px 0 !important;
  min-height: 0 !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 {
  min-height: auto !important;
  margin: 0 0 10px !important;
  align-items: center !important;
  justify-content: center !important;
  display: flex !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body h3 a {
  color: var(--pc-teal) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body p {
  color: var(--pc-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  min-height: 0 !important;
  margin: 0 auto 0 !important;
  max-width: 240px !important;
}

.apex-services:not(.apex-services-dark) .apex-card-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin-top: auto !important;
  padding: 16px 20px 0 !important;
  border-top: 1px solid rgba(6, 51, 74, .08) !important;
  color: var(--pc-green) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

.apex-services:not(.apex-services-dark) .apex-card-link:hover {
  color: var(--pc-teal) !important;
}

.apex-services:not(.apex-services-dark) .apex-card-link i {
  display: inline-flex !important;
  color: inherit !important;
  font-size: 16px !important;
}

/* Tüm Hizmetler butonu */
.apex-services:not(.apex-services-dark) .apex-btn,
.apex-services:not(.apex-services-dark) .btn-default,
.apex-services:not(.apex-services-dark) .readmore-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 14px 28px !important;
  border-radius: 10px !important;
  background: var(--pc-teal) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: 0 12px 30px rgba(6, 51, 74, .18) !important;
  border: 0 !important;
}

/* ── KARANLİK HİZMETLER / FEATURED (parallax bölümler) ── */
.apex-services.apex-services-dark,
.apex-featured.apex-featured-dark,
.apex-services-dark,
.apex-featured-dark {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(22, 163, 107, .18), transparent 28%),
    linear-gradient(135deg, #0c2d1f 0%, #134530 54%, #081f16 100%) !important;
}

/* ── FEATURED / NEDEN BİZ bölümü ── */
.apex-featured:not(.apex-featured-dark) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 80px 0 !important;
  border-radius: 0 !important;
  background: var(--pc-surface) !important;
  background-image: none !important;
}

.apex-featured:not(.apex-featured-dark) .container {
  max-width: 1320px !important;
  margin-inline: auto !important;
}

.apex-feature-box {
  border: 1px solid rgba(6, 51, 74, .09) !important;
  border-radius: 14px !important;
  background: var(--pc-white) !important;
  box-shadow: 0 14px 38px rgba(6, 51, 74, .06) !important;
  padding: 24px 22px !important;
  transition: transform .22s ease, border-color .22s ease !important;
}

.apex-feature-box:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(22, 163, 107, .28) !important;
  box-shadow: 0 22px 54px rgba(6, 51, 74, .10) !important;
}

.transport-feature-ring {
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 16px !important;
  border-radius: 14px !important;
  background: rgba(22, 163, 107, .12) !important;
  border: 1px solid rgba(22, 163, 107, .22) !important;
}

.transport-feature-ring::after {
  content: none !important;
}

.transport-feature-ring i {
  color: var(--pc-green) !important;
  font-size: 22px !important;
}

.apex-feature-box h3 {
  color: var(--pc-teal) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.apex-feature-box p {
  color: var(--pc-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* ── BLOG / YAZILAR BÖLÜMÜ ── */
.our-blog {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 80px 0 !important;
  border-radius: 0 !important;
  background: var(--pc-surface) !important;
  background-image: none !important;
}

.our-blog .container {
  max-width: 1320px !important;
  margin-inline: auto !important;
}

.our-blog .post-item {
  border: 1px solid rgba(6, 51, 74, .09) !important;
  border-radius: 16px !important;
  background: var(--pc-white) !important;
  box-shadow: 0 14px 44px rgba(6, 51, 74, .07) !important;
  overflow: hidden !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}

.our-blog .post-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(22, 163, 107, .26) !important;
  box-shadow: 0 24px 62px rgba(6, 51, 74, .11) !important;
}

/* ── SERVİS ALANLARI ── */
.transport-service-areas {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 80px 0 !important;
  border-radius: 0 !important;
  background: var(--pc-white) !important;
  background-image: none !important;
}

.transport-service-areas .container {
  max-width: 1320px !important;
  margin-inline: auto !important;
}

.transport-area-card {
  border: 1px solid rgba(6, 51, 74, .09) !important;
  border-radius: 14px !important;
  background: var(--pc-white) !important;
  box-shadow: 0 12px 32px rgba(6, 51, 74, .06) !important;
  transition: transform .22s, border-color .22s !important;
}

.transport-area-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(22, 163, 107, .26) !important;
}

/* ── SERTİFİKALAR / LOGO BÖLÜMÜ (koyu) ── */
.apex-about,
.our-testimonials,
.theme-gallery,
.light-bg-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* ── BÖLÜM BAŞLIĞI (genel) ── */
.apex-section-head,
.section-title.section-title-center,
.transport-areas-head,
.theme-gallery-head {
  max-width: 720px !important;
  margin-inline: auto !important;
  margin-bottom: 48px !important;
  text-align: center !important;
}

.apex-section-head span,
.section-title h3,
.transport-areas-kicker,
.theme-gallery-head span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(22, 163, 107, .1) !important;
  color: var(--pc-green) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  min-height: 0 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.apex-section-head span i,
.section-title h3 i,
.transport-areas-kicker i,
.theme-gallery-head span i {
  display: none !important;
}

.apex-section-head span::before,
.apex-section-head span::after,
.section-title h3::before,
.section-title h3::after,
.transport-areas-kicker::before,
.transport-areas-kicker::after,
.theme-gallery-head span::before,
.theme-gallery-head span::after {
  content: none !important;
  display: none !important;
}

.apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  color: var(--pc-teal) !important;
  font-size: clamp(20px, 2.2vw, 32px) !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  margin: 12px auto 0 !important;
}

/* ── FOOTER ── */
.apex-footer {
  position: relative !important;
  overflow: hidden !important;
  padding: 80px 0 28px !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(22, 163, 107, .18), transparent 28%),
    linear-gradient(135deg, #0c2d1f 0%, #134530 54%, #081f16 100%) !important;
  color: rgba(240, 255, 248, .78) !important;
}

.apex-footer::before {
  content: none !important;
}

.apex-footer .container {
  position: relative !important;
  z-index: 1 !important;
  max-width: 1320px !important;
  width: min(1320px, calc(100vw - 40px)) !important;
  margin-inline: auto !important;
}

.apex-footer .row {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.apex-footer-logo {
  max-height: 60px !important;
  margin-bottom: 18px !important;
}

.apex-footer-text {
  color: rgba(240, 255, 248, .72) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.apex-footer h3 {
  position: relative !important;
  margin-bottom: 18px !important;
  padding-bottom: 12px !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.apex-footer h3::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 36px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: var(--pc-lime) !important;
}

.apex-footer a,
.apex-footer-links span {
  color: rgba(240, 255, 248, .74) !important;
  text-decoration: none !important;
}

.apex-footer a:hover,
.apex-footer a:focus {
  color: var(--pc-lime) !important;
}

.apex-footer-contact p {
  display: flex !important;
  gap: 10px !important;
  color: rgba(240, 255, 248, .74) !important;
}

.apex-footer-contact p i {
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(198, 255, 85, .14) !important;
  color: var(--pc-lime) !important;
}

.apex-footer-social {
  display: flex !important;
  gap: 8px !important;
  margin-top: 20px !important;
}

.apex-footer-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(198, 255, 85, .24) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(240, 255, 248, .8) !important;
  transition: background .2s, border-color .2s, color .2s !important;
}

.apex-footer-social a:hover {
  background: var(--pc-lime) !important;
  border-color: var(--pc-lime) !important;
  color: var(--pc-teal) !important;
}

.apex-footer-bottom,
.apex-footer-bottom.theme-footer-credit-row {
  margin-top: 32px !important;
  padding: 24px 0 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .1) !important;
  color: rgba(240, 255, 248, .56) !important;
}

.apex-footer-bottom-links a {
  color: rgba(240, 255, 248, .62) !important;
}

/* ── İÇ SAYFA BAŞLIĞI ── */
.page-header,
body:not(:has(.apex-hero)) .page-header {
  width: 100% !important;
  min-height: 220px !important;
  padding: 56px 0 50px !important;
  border-radius: 0 !important;
  background-color: var(--pc-teal) !important;
  background-image:
    radial-gradient(circle at 14% 18%, rgba(22, 163, 107, .22), transparent 30%),
    linear-gradient(135deg, rgba(4, 28, 20, .92), rgba(6, 51, 74, .88)) !important;
  box-shadow: 0 14px 44px rgba(6, 51, 74, .14) !important;
}

.page-header::before,
.page-header::after {
  content: none !important;
  display: none !important;
}

.page-header-box {
  max-width: 900px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.page-header-box h1 {
  color: #fff !important;
  font-size: clamp(28px, 3.5vw, 48px) !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

.page-header-box ol {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 14px !important;
  padding: 6px 14px !important;
  background: rgba(255,255,255,.12) !important;
  border: 0 !important;
  border-radius: 999px !important;
}

.page-header-box ol li.breadcrumb-item,
.page-header-box ol li.breadcrumb-item a {
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
}

/* ── İÇ SAYFA NAV (sticky, beyaz) ── */
body:not(:has(.apex-hero)) .apex-header {
  background: transparent !important;
  padding: 0 !important;
}

body:not(:has(.apex-hero)) .apex-topline {
  display: flex !important;
}

body:not(:has(.apex-hero)) .apex-nav {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: var(--pc-white) !important;
  box-shadow: 0 4px 24px rgba(6, 51, 74, .12) !important;
}

body:not(:has(.apex-hero)) .apex-nav > .container {
  max-width: 1320px !important;
  padding-inline: 20px !important;
}

body:not(:has(.apex-hero)) .apex-brand img {
  max-height: 56px !important;
  filter: none !important;
}

body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link {
  color: var(--pc-teal) !important;
  font-weight: 700 !important;
}

body:not(:has(.apex-hero)) .apex-menu > .nav-item > .nav-link:hover {
  background: rgba(22, 163, 107, .1) !important;
  color: var(--pc-green) !important;
}

body:not(:has(.apex-hero)) .apex-nav-cta {
  background: var(--pc-teal) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 10px !important;
}

/* ── SİDEBAR ── */
.page-catagery-list,
.page-cta-box.sidebar-cta-box {
  border-radius: 12px !important;
  background: var(--pc-white) !important;
  border: 1px solid rgba(6, 51, 74, .1) !important;
  box-shadow: 0 14px 40px rgba(6, 51, 74, .07) !important;
}

.page-catagery-list ul li a {
  color: var(--pc-teal) !important;
  font-weight: 700 !important;
}

.page-catagery-list ul li a:hover,
.page-catagery-list ul li a.active {
  background: linear-gradient(135deg, var(--pc-green), var(--pc-teal)) !important;
  color: #fff !important;
}

.page-cta-box.sidebar-cta-box {
  background:
    radial-gradient(circle at 82% 16%, rgba(22, 163, 107, .22), transparent 32%),
    linear-gradient(145deg, #0c2d1f 0%, var(--pc-teal) 100%) !important;
  color: rgba(240, 255, 248, .84) !important;
}

/* ── MOBİL ACTIONS DOCK ── */
@media (max-width: 575.98px) {
  .apex-mobile-actions-inner {
    background: rgba(6, 51, 74, .86) !important;
    border: 1px solid rgba(22, 163, 107, .24) !important;
    box-shadow: 0 18px 46px rgba(6, 51, 74, .22) !important;
    backdrop-filter: blur(18px) !important;
  }

  .apex-mobile-call {
    background: var(--pc-lime) !important;
    color: var(--pc-teal) !important;
  }

  .apex-mobile-whatsapp {
    background: #ffffff !important;
    color: var(--pc-teal) !important;
  }

  .apex-mobile-call i,
  .apex-mobile-whatsapp i {
    color: var(--pc-teal) !important;
    background: rgba(6, 51, 74, .1) !important;
  }
}

/* ── HIZMET SAYFASI (iç sayfa) ── */
.page-services {
  background: var(--pc-surface) !important;
  padding: 80px 0 !important;
}

.page-services .service-item {
  border: 1px solid rgba(6, 51, 74, .09) !important;
  border-radius: 16px !important;
  background: var(--pc-white) !important;
  box-shadow: 0 14px 42px rgba(6, 51, 74, .07) !important;
}

.page-services .service-content h3 a {
  color: var(--pc-teal) !important;
}

.page-services .service-content p {
  color: var(--pc-muted) !important;
}

.page-services .readmore-btn {
  color: var(--pc-green) !important;
  font-weight: 800 !important;
}

.page-services .service-item:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(22, 163, 107, .28) !important;
}

/* ── SERVİS DETAY SAYFASI ── */
.page-service-single,
.page-services,
.page-contact-us {
  background: var(--pc-surface) !important;
}

/* ── TESTİMONYALLAR ── */
.our-testimonials {
  padding: 80px 0 !important;
  background: var(--pc-white) !important;
  background-image: none !important;
}

.our-testimonials .testimonial-item {
  border: 1px solid rgba(6, 51, 74, .09) !important;
  border-radius: 16px !important;
  background: var(--pc-white) !important;
  box-shadow: 0 14px 40px rgba(6, 51, 74, .06) !important;
}

.our-testimonials .testimonial-item:hover {
  border-color: rgba(22, 163, 107, .26) !important;
}

/* ── GENEL BUTONLAR ── */
.apex-btn,
.btn-default,
.btn-default.btn-highlighted {
  background: var(--pc-teal) !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  border: 0 !important;
  box-shadow: 0 12px 30px rgba(6, 51, 74, .18) !important;
}

.apex-btn:hover,
.btn-default:hover {
  background: var(--pc-green) !important;
  color: #ffffff !important;
}

/* ======================================================
   GÖRSELE GÖRE NİHAİ TASARIM — BİTİŞ
   ====================================================== */

/* ── NAVBAR BEYAZ FİX (en yüksek özgüllük ile) ── */
nav.apex-nav,
nav.apex-nav.navbar,
.apex-header nav.apex-nav,
body .apex-header nav.apex-nav,
body:has(.apex-hero) .apex-header nav.apex-nav,
body:not(:has(.apex-hero)) .apex-header nav.apex-nav,
.apex-header .apex-nav,
body .apex-header .apex-nav {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: 0 3px 20px rgba(6, 51, 74, .09) !important;
}

/* Navbar içindeki collapse alanı */
.apex-nav .collapse.navbar-collapse,
.apex-nav .navbar-collapse,
body .apex-nav .navbar-collapse,
body:has(.apex-hero) .apex-nav .navbar-collapse,
body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 991.98px) {
  .apex-nav .collapse.navbar-collapse,
  .apex-nav .navbar-collapse,
  body .apex-nav .navbar-collapse {
    background: #ffffff !important;
    border: 1px solid rgba(22, 163, 107, .14) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 46px rgba(6, 51, 74, .12) !important;
  }
}

/* Nav linkler koyu teal */
nav.apex-nav .apex-menu > .nav-item > .nav-link,
.apex-nav .apex-menu > .nav-item > .nav-link,
body nav .apex-menu > .nav-item > .nav-link,
body .apex-nav .apex-menu > .nav-item > .nav-link,
body:has(.apex-hero) .apex-nav .apex-menu > .nav-item > .nav-link,
body:not(:has(.apex-hero)) .apex-nav .apex-menu > .nav-item > .nav-link {
  color: #303d8e !important;
  font-weight: 700 !important;
}

nav.apex-nav .apex-menu > .nav-item > .nav-link:hover,
nav.apex-nav .apex-menu > .nav-item > .nav-link:focus,
nav.apex-nav .apex-menu > .nav-item > .nav-link.active,
.apex-nav .apex-menu > .nav-item > .nav-link:hover,
body:has(.apex-hero) .apex-nav .apex-menu > .nav-item > .nav-link:hover,
body:not(:has(.apex-hero)) .apex-nav .apex-menu > .nav-item > .nav-link:hover {
  background: rgba(22, 163, 107, .1) !important;
  color: #2e9d3f !important;
}

/* Brand span */
nav.apex-nav .apex-brand span,
.apex-nav .apex-brand span,
body .apex-nav .apex-brand span,
body:has(.apex-hero) .apex-nav .apex-brand span,
body:not(:has(.apex-hero)) .apex-nav .apex-brand span {
  color: #303d8e !important;
}

/* CTA butonu */
nav.apex-nav .apex-nav-cta,
.apex-nav .apex-nav-cta,
body .apex-nav .apex-nav-cta,
body:has(.apex-hero) .apex-nav .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav .apex-nav-cta {
  background: #303d8e !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(6, 51, 74, .20) !important;
}

nav.apex-nav .apex-nav-cta i,
.apex-nav .apex-nav-cta i,
body .apex-nav .apex-nav-cta i {
  color: #2e9d3f !important;
}

nav.apex-nav .apex-nav-cta:hover,
.apex-nav .apex-nav-cta:hover {
  background: #2e9d3f !important;
  color: #ffffff !important;
}

/* Dropdown beyaz */
nav.apex-nav .apex-menu .dropdown-menu,
.apex-nav .apex-menu .dropdown-menu,
body .apex-nav .apex-menu .dropdown-menu,
body:has(.apex-hero) .apex-nav .apex-menu .dropdown-menu,
body:not(:has(.apex-hero)) .apex-nav .apex-menu .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid rgba(22, 163, 107, .14) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 54px rgba(6, 51, 74, .14) !important;
}

nav.apex-nav .apex-menu .dropdown-menu .nav-link,
.apex-nav .apex-menu .dropdown-menu .nav-link,
body .apex-nav .apex-menu .dropdown-menu .nav-link {
  color: #303d8e !important;
}

nav.apex-nav .apex-menu .dropdown-menu .nav-link:hover,
.apex-nav .apex-menu .dropdown-menu .nav-link:hover {
  background: rgba(22, 163, 107, .1) !important;
  color: #2e9d3f !important;
}

/* ==== SON ==== */

/* ================================================================
   HATA DÜZELTMELERİ — 2. PASS
   1) Topbar container genişliği eşitlendi
   2) Dil butonları sosyal medya yanında gösterildi
   3) Slider menü altında kalma düzeltildi (padding-top)
   4) Slider geçiş animasyonu eklendi
   5) Kart açıklama fontları küçültüldü
   6) Sertifika ikonları gösterildi
   ================================================================ */

/* ── 1. TOPBAR CONTAINER — navbar container genişliğiyle eşitle ── */
.apex-topline .container,
body .apex-topline .container,
body:has(.apex-hero) .apex-topline .container,
body:not(:has(.apex-hero)) .apex-topline .container {
  max-width: var(--bs-container-max-width, 1320px) !important;
  width: 100% !important;
  padding-right: var(--bs-gutter-x, 1rem) !important;
  padding-left: var(--bs-gutter-x, 1rem) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

/* Topbar padding'ini navbar ile hizala */
.apex-topline {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* ── 2. DİL BUTONLARI — sosyal medya ikonlarının yanında göster ── */
.apex-topbar-lang,
body .apex-topbar-lang,
body:has(.apex-hero) .apex-topbar-lang,
body:not(:has(.apex-hero)) .apex-topbar-lang {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Dil pill butonlarını topbar renklerine göre ayarla (koyu topbar içindeyken) */
.apex-topbar-lang .vl-lang-pill,
body .apex-topbar-lang .vl-lang-pill {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .3) !important;
  border-radius: 999px !important;
  padding: 3px 8px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background: transparent !important;
  transition: all .2s ease !important;
}

.apex-topbar-lang .vl-lang-pill.is-active,
body .apex-topbar-lang .vl-lang-pill.is-active {
  background: #2e9d3f !important;
  color: #303d8e !important;
  border-color: #2e9d3f !important;
}

.apex-topbar-lang .vl-lang-pill:hover {
  background: rgba(255, 255, 255, .15) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

/* Mobil dil bloğu */
@media (max-width: 991.98px) {
  .apex-mobile-nav-lang,
  body .apex-mobile-nav-lang {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    padding: 10px !important;
    border-radius: 14px !important;
    background: rgba(4, 60, 41, .92) !important;
  }
}

@media (min-width: 992px) {
  .apex-mobile-nav-lang,
  body .apex-mobile-nav-lang,
  .slicknav_menu,
  .responsive-menu {
    display: none !important;
  }
}

.apex-mobile-nav-lang .vl-lang-pill {
  color: #fff !important;
  border-color: rgba(255,255,255,.3) !important;
}

.apex-mobile-nav-lang .vl-lang-pill.is-active {
  background: rgba(255,255,255,.2) !important;
}

/* ── 3. SLİDER — header yüksekliği kadar boşluk bırak (sticky navbar için) ── */
/* Header toplam yüksekliği: topbar ~35px + navbar ~72px = ~107px */
.apex-hero.hero-slider-layout,
body .apex-hero.hero-slider-layout,
body:has(.apex-hero) .apex-hero.hero-slider-layout,
section.apex-hero.hero-slider-layout {
  margin-top: 0 !important;
  padding-top: 0 !important;
  /* Slider header üstünden başlasın, header sticky'den sonra geliyor */
}

/* Header sticky pozisyonda sabitlenmişse slider scroll-margin ile kompanze */
.apex-hero.hero-slider-layout .swiper,
.apex-hero.hero-slider-layout .apex-hero-swiper {
  position: relative !important;
}

/* Slide yüksekliği düzeltmesi — daha geniş ve mobilde tam ekran */
.apex-hero.hero-slider-layout,
.apex-hero.hero-slider-layout .swiper,
.apex-hero.hero-slider-layout .swiper-wrapper,
.apex-hero.hero-slider-layout .swiper-slide {
  min-height: 800px !important;
  height: 85vh !important;
}

@media (max-width: 991.98px) {
  .apex-hero.hero-slider-layout,
  .apex-hero.hero-slider-layout .swiper,
  .apex-hero.hero-slider-layout .swiper-wrapper,
  .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: 100vh !important;
    height: 100dvh !important;
  }
  
  .apex-hero.hero-slider-layout .swiper-slide {
    padding-top: 120px !important;
    padding-bottom: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ── 4. SLİDER GEÇİŞ ANİMASYONU — smooth fade/slide effect ── */
/* Swiper'ın transition süresi CSS ile artırılır */
.apex-hero-swiper .swiper-wrapper,
body .apex-hero-swiper .swiper-wrapper {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

/* Her slide'ın içindeki elemanlar için geçiş */
.apex-hero-swiper .swiper-slide {
  will-change: transform;
}

/* İçerik alanının kayması için ek animasyon */
.apex-hero-swiper .swiper-slide-active .apex-hero-copy {
  animation: heroSlideIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes heroSlideIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ── 5. KART AÇIKLAMA FONTLARI — küçük, ince ve okunabilir ── */
/* Servis kartları */
.apex-service-card p,
.apex-service-card .apex-service-desc,
body .apex-service-card p,
body:has(.apex-hero) .apex-service-card p,
body:not(:has(.apex-hero)) .apex-service-card p {
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  color: #617083 !important;
}

/* Blog kartları */
.apex-services-blog .apex-service-card p,
.apex-services.apex-services-blog .apex-service-card p,
body .apex-services-blog .apex-service-card p {
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* Grid liste kartları (hizmetler, blog vb.) */
.apex-services .apex-service-card p,
body .apex-services .apex-service-card p {
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
}

/* Featured box metin */
.apex-featured .apex-feature-box p,
body .apex-featured .apex-feature-box p,
body .apex-featured-dark .apex-feature-box p {
  font-size: 0.82rem !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
}

/* Genel card body p */
.card-body p,
body .card-body p {
  font-size: 0.82rem !important;
}

/* Hizmet içerik modülleri — parallaxGrid, gridContent, carouselContent */
.apex-services-dark .apex-service-card p,
body .apex-services-dark .apex-service-card p {
  font-size: 0.82rem !important;
  color: rgba(255,255,255,.7) !important;
  font-weight: 400 !important;
}

/* ── 6. SERTİFİKALAR — ikonları geri getir ── */
/* featured.php'deki transport-feature-ring ve apex-feature-box ikonları */
.apex-featured .transport-feature-ring,
.apex-featured-dark .transport-feature-ring,
body .apex-featured .transport-feature-ring,
body .apex-featured-dark .transport-feature-ring,
.apex-featured .apex-feature-box .transport-feature-ring,
.apex-featured-dark .apex-feature-box .transport-feature-ring {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  border-radius: 14px !important;
  margin-bottom: 14px !important;
  background: rgba(55, 213, 139, .15) !important;
}

.apex-featured .transport-feature-ring i,
.apex-featured-dark .transport-feature-ring i,
body .apex-featured .transport-feature-ring i,
body .apex-featured-dark .transport-feature-ring i {
  display: inline-block !important;
  visibility: visible !important;
  font-size: 1.6rem !important;
  color: #2e9d3f !important;
  opacity: 1 !important;
}

/* Sertifika kartlarında başlık rengi */
.apex-featured-dark .apex-feature-box h3,
body .apex-featured-dark .apex-feature-box h3 {
  color: #ffffff !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-top: 8px !important;
}

/* Sertifika kartlarında açıklama */
.apex-featured-dark .apex-feature-box p,
body .apex-featured-dark .apex-feature-box p {
  color: rgba(255,255,255,.72) !important;
  font-size: 0.8rem !important;
}

/* Sertifika bölümü kart stili güçlendir */
.apex-featured.apex-featured-dark .apex-feature-box,
body .apex-featured.apex-featured-dark .apex-feature-box {
  border: 1px solid rgba(55, 213, 139, .2) !important;
  border-radius: 14px !important;
  padding: 24px 20px !important;
  background: rgba(255,255,255,.05) !important;
  transition: background .3s, border-color .3s !important;
}

.apex-featured.apex-featured-dark .apex-feature-box:hover,
body .apex-featured.apex-featured-dark .apex-feature-box:hover {
  background: rgba(55, 213, 139, .1) !important;
  border-color: rgba(55, 213, 139, .4) !important;
}

/* ── BONUS: Topbar sosyal medya ikonları hizalaması ── */
.apex-topline .d-none.d-lg-flex {
  gap: 8px !important;
  align-items: center !important;
}

/* ==== SON (2. PASS) ==== */

/* ── SERTİFİKA İKONLARINI ZORLA GÖSTER (EN YÜKSEK SEÇİCİ GÜCÜ) ── */
body section.apex-featured.apex-featured-dark .apex-feature-box .transport-feature-ring,
body .apex-featured-dark .apex-feature-box .transport-feature-ring,
section.apex-featured.apex-featured-dark .transport-feature-ring,
.apex-featured-dark .transport-feature-ring,
body .apex-feature-box .transport-feature-ring,
.transport-feature-ring {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  top: auto !important;
  margin-top: 0 !important;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  background: rgba(55, 213, 139, 0.16) !important;
  background-color: rgba(55, 213, 139, 0.16) !important;
  border: 1px solid rgba(55, 213, 139, 0.28) !important;
  border-radius: 14px !important;
  margin: 0 auto 16px !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
}

body section.apex-featured.apex-featured-dark .apex-feature-box .transport-feature-ring i,
body .apex-featured-dark .apex-feature-box .transport-feature-ring i,
section.apex-featured.apex-featured-dark .transport-feature-ring i,
.apex-featured-dark .transport-feature-ring i,
body .apex-feature-box .transport-feature-ring i,
.transport-feature-ring i {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 24px !important;
  color: #2e9d3f !important;
  font-family: 'bootstrap-icons' !important;
  line-height: 1 !important;
}

/* ==== SON ==== */

/* ================================================================
   HATA DÜZELTMELERİ — 3. PASS
   3) Slider menü altında kalma düzeltmesi (relative header & topbar)
   4) Slider yumuşak geçiş animasyonu (smooth transition)
   ================================================================ */

/* ── 3. SLİDER MENÜ ALTINDA KALMA DÜZELTMESİ (RELATIVE HEADER & TOPBAR) ── */
body:has(.apex-hero) .apex-header,
body .apex-header,
.apex-header {
  position: relative !important;
  top: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  z-index: 100 !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 250, 247, .94)) !important;
}

body:has(.apex-hero) .apex-topline,
body .apex-topline,
.apex-topline {
  display: block !important;
  position: relative !important;
  background: #303d8e !important;
}

/* Slider normal akışta en üstte başlasın, sıfır offset */
body:has(.apex-hero) .apex-hero.hero-slider-layout,
body .apex-hero.hero-slider-layout,
.apex-hero.hero-slider-layout {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: 100vh !important;
  height: 100dvh !important;
}

.apex-hero.hero-slider-layout .swiper,
.apex-hero.hero-slider-layout .swiper-wrapper,
.apex-hero.hero-slider-layout .swiper-slide {
  min-height: 100vh !important;
  min-height: 100dvh !important;
  height: 100vh !important;
  height: 100dvh !important;
}

/* Mobilde slider'ın tam fullscreen olabilmesi için mobil header absolute */
@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: transparent !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    z-index: 100 !important;
  }
  
  body:has(.apex-hero) .apex-nav {
    background: transparent !important;
    box-shadow: none !important;
  }
  
  body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    padding-top: 100px !important;
    padding-bottom: 40px !important;
  }
}

/* ── 4. SLİDER YUMUŞAK GEÇİŞ ANİMASYONU (SMOOTH TRANSITION) ── */
.apex-hero-swiper .swiper-slide,
body .apex-hero-swiper .swiper-slide {
  transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.8s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}

/* ==== BİTTİ ==== */

/* ── TOPBAR ALT VE ÜST BOŞLUKLARININ EŞİTLENMESİ ── */
.apex-topline,
body .apex-topline {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.apex-topline .container,
body .apex-topline .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.apex-topline a,
.apex-topline span,
.apex-topline i,
.apex-topline div,
.apex-topbar-lang {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* ── MODÜL BAŞLIK / AÇIKLAMA FONT BOYUTU DÜZENLEMESİ (TÜM BÖLÜMLER) ── */
.apex-section-head h2,
body .apex-section-head h2,
.section-title h2,
body .section-title h2,
.apex-services .apex-section-head h2,
.our-blog .apex-section-head h2,
.apex-featured .apex-section-head h2,
.section-row .section-title h2,
body:has(.apex-hero) .apex-section-head h2,
body:has(.apex-hero) .section-title h2,
body:not(:has(.apex-hero)) .apex-section-head h2,
body:not(:has(.apex-hero)) .section-title h2 {
  font-size: 20px !important;
  font-size: 1.25rem !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.apex-section-head span,
.section-title h3,
body .apex-section-head span,
body .section-title h3,
.section-row .section-title h3,
body:has(.apex-hero) .apex-section-head span,
body:has(.apex-hero) .section-title h3 {
  font-size: 12px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* ================================================================
   FINAL REQUEST FIXES
   - Desktop slider around 700px
   - Mobile slider fullscreen
   - Equal module description typography
   - Balanced topbar spacing and hidden mobile topbar
   ================================================================ */

/* Topbar: equal vertical rhythm on desktop */
html body .apex-topline,
html body:has(.apex-hero) .apex-topline,
html body:not(:has(.apex-hero)) .apex-topline {
  display: block !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #303d8e !important;
}

html body .apex-topline .container,
html body:has(.apex-hero) .apex-topline .container,
html body:not(:has(.apex-hero)) .apex-topline .container {
  min-height: 30px !important;
  height: 30px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

html body .apex-topline a,
html body .apex-topline span,
html body .apex-topline i {
  line-height: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-items: center !important;
}

/* Desktop slider: fixed corporate hero height */
html body .apex-hero.hero-slider-layout,
html body:has(.apex-hero) .apex-hero.hero-slider-layout,
html body .apex-hero.hero-slider-layout .swiper,
html body .apex-hero.hero-slider-layout .apex-hero-swiper,
html body .apex-hero.hero-slider-layout .swiper-wrapper,
html body .apex-hero.hero-slider-layout .swiper-slide,
html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
html body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-swiper,
html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
  min-height: 700px !important;
  height: 700px !important;
  max-height: 700px !important;
}

html body .apex-hero.hero-slider-layout {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

html body .apex-hero.hero-slider-layout .swiper-slide {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
}

html body .apex-hero.hero-slider-layout .container {
  min-height: 700px !important;
  height: 700px !important;
  display: flex !important;
  align-items: center !important;
}

/* Module descriptions: same visual size everywhere */
html body .apex-section-head h2,
html body .section-title h2,
html body .transport-areas-head h2,
html body .theme-gallery-head h2,
html body .energy-bug-guide-head h2,
html body .apex-services .apex-section-head h2,
html body .apex-featured .apex-section-head h2,
html body .our-blog .apex-section-head h2,
html body .our-blog .section-title h2,
html body .our-testimonials .section-title h2,
html body .light-bg-section .section-title h2 {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 20px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body .apex-section-head p,
html body .section-title p,
html body .transport-areas-head p,
html body .theme-gallery-head p,
html body .our-blog .section-title p,
html body .our-testimonials .section-title p {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 20px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

html body section.apex-services.apex-services-blog .apex-section-head h2,
html body section.apex-services.apex-services-blog.apex-services-carousel .apex-section-head h2,
html body .apex-services.apex-services-blog .apex-section-head h2,
html body:has(.apex-hero) section.apex-services.apex-services-blog .apex-section-head h2,
html body:not(:has(.apex-hero)) section.apex-services.apex-services-blog .apex-section-head h2 {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 20px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* Mobile: hide topbar and make slider truly fullscreen */
@media (max-width: 991.98px) {
  html body .apex-topline,
  html body:has(.apex-hero) .apex-topline,
  html body:not(:has(.apex-hero)) .apex-topline {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body:has(.apex-hero) .apex-header,
  html body .apex-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: transparent !important;
  }

  html body:has(.apex-hero) .apex-nav,
  html body .apex-nav {
    background: rgba(11, 21, 45, .72) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
  }

  html body .apex-hero.hero-slider-layout,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout,
  html body .apex-hero.hero-slider-layout .swiper,
  html body .apex-hero.hero-slider-layout .apex-hero-swiper,
  html body .apex-hero.hero-slider-layout .swiper-wrapper,
  html body .apex-hero.hero-slider-layout .swiper-slide,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-swiper,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-wrapper,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    min-height: 100vh !important;
    min-height: 100svh !important;
    height: 100vh !important;
    height: 100svh !important;
    max-height: none !important;
  }

  html body .apex-hero.hero-slider-layout .swiper-slide,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .swiper-slide {
    padding-top: 88px !important;
    padding-bottom: 30px !important;
  }

  html body .apex-hero.hero-slider-layout .container {
    min-height: 100svh !important;
    height: 100svh !important;
  }

  html body .apex-section-head h2,
  html body .section-title h2,
  html body .transport-areas-head h2,
  html body .theme-gallery-head h2,
  html body .energy-bug-guide-head h2,
  html body .apex-section-head p,
  html body .section-title p {
    font-size: 18px !important;
    line-height: 1.36 !important;
  }
}

/* Final mobile hero polish: keep fullscreen height without text collision */
@media (max-width: 991.98px) {
  html body .apex-hero.hero-slider-layout .apex-hero-copy,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy {
    width: 100% !important;
    max-width: 680px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  html body .apex-hero.hero-slider-layout .apex-hero-copy h1,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1 {
    max-width: 100% !important;
    font-size: clamp(32px, 8.5vw, 48px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body .apex-hero.hero-slider-layout .apex-hero-copy p,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy p {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  html body .apex-hero .pest-control-hero-cert-badge,
  html body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge {
    max-width: calc(100vw - 34px) !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  html body .apex-hero .pest-control-hero-cert-badge span,
  html body:has(.apex-hero) .apex-hero .pest-control-hero-cert-badge span {
    white-space: normal !important;
  }

  html body .apex-hero.hero-slider-layout .pest-control-slider-control,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .pest-control-slider-control {
    display: none !important;
  }

  html body .apex-section-head h2,
  html body .section-title h2,
  html body .transport-areas-head h2,
  html body .theme-gallery-head h2,
  html body .energy-bug-guide-head h2,
  html body .apex-section-head p,
  html body .section-title p,
  html body section.apex-services.apex-services-blog .apex-section-head h2,
  html body .apex-services.apex-services-blog .apex-section-head h2,
  html body .apex-featured .apex-section-head h2 {
    font-size: 20px !important;
    line-height: 1.38 !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 575.98px) {
  html body .apex-hero.hero-slider-layout .apex-hero-copy h1,
  html body:has(.apex-hero) .apex-hero.hero-slider-layout .apex-hero-copy h1 {
    font-size: clamp(29px, 8vw, 36px) !important;
    line-height: 1.08 !important;
  }
}

/* July corporate polish: dark-logo header, roomier topbar, parallax-style Featuredbox2 */
html body .apex-topline,
html body:has(.apex-hero) .apex-topline,
html body:not(:has(.apex-hero)) .apex-topline {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  background: linear-gradient(90deg, #303d8e 0%, #263f87 46%, #2e9d3f 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
}

html body .apex-topline .container,
html body:has(.apex-hero) .apex-topline .container,
html body:not(:has(.apex-hero)) .apex-topline .container {
  min-height: 36px !important;
  height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

html body .apex-topline a,
html body .apex-topline span,
html body .apex-topline i {
  line-height: 1.2 !important;
}

html body .apex-nav,
html body:has(.apex-hero) .apex-nav,
html body:not(:has(.apex-hero)) .apex-nav {
  background: rgba(255, 255, 255, .98) !important;
}

html body .apex-brand img,
html body:has(.apex-hero) .apex-brand img,
html body:not(:has(.apex-hero)) .apex-brand img {
  filter: none !important;
  opacity: 1 !important;
}

html body .featuredbox2-wrap {
  position: relative !important;
  margin: 0 !important;
  padding: 96px 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(46, 157, 63, .24), transparent 30%),
    radial-gradient(circle at 88% 74%, rgba(46, 157, 63, .18), transparent 34%),
    linear-gradient(135deg, #071127 0%, #303d8e 54%, #0a2a38 100%) !important;
  background-attachment: fixed !important;
}

html body .featuredbox2-wrap::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  opacity: .16 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, .14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .14) 1px, transparent 1px) !important;
  background-size: 72px 72px !important;
  transform: translateZ(0) !important;
}

html body .featuredbox2-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  background: linear-gradient(180deg, rgba(7, 17, 39, .12), rgba(7, 17, 39, .58)) !important;
  pointer-events: none !important;
}

html body .featuredbox2-wrap > .container {
  position: relative !important;
  z-index: 1 !important;
}

html body .featuredbox2-wrap .fb2-left-block,
html body .featuredbox2-wrap .fb2-right-block {
  min-height: 100% !important;
  border-radius: 24px !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .055)) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html body .featuredbox2-wrap .fb2-left-block::after {
  width: 320px !important;
  height: 320px !important;
  right: -110px !important;
  bottom: -120px !important;
  background: rgba(46, 157, 63, .28) !important;
  filter: blur(52px) !important;
}

html body .featuredbox2-wrap .fb2-title,
html body .featuredbox2-wrap .fb2-right-block .fb2-title,
html body .featuredbox2-wrap .fb2-left-block .fb2-title,
html body .featuredbox2-wrap .fb2-item-content h4,
html body .featuredbox2-wrap .fb2-right-block .fb2-item-content h4,
html body .featuredbox2-wrap .text-dark {
  color: #fff !important;
}

html body .featuredbox2-wrap .fb2-subtitle,
html body .featuredbox2-wrap .fb2-item-content p,
html body .featuredbox2-wrap .text-muted,
html body .featuredbox2-wrap .text-white-50 {
  color: rgba(255, 255, 255, .72) !important;
}

html body .featuredbox2-wrap .fb2-item,
html body .featuredbox2-wrap .fb2-item-light {
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: none !important;
}

html body .featuredbox2-wrap .fb2-item:hover,
html body .featuredbox2-wrap .fb2-item-light:hover {
  background: rgba(255, 255, 255, .14) !important;
  transform: translateY(-3px) !important;
}

html body .featuredbox2-wrap .fb2-item-icon,
html body .featuredbox2-wrap .fb2-step-icon {
  background: linear-gradient(135deg, #2e9d3f, #303d8e) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(46, 157, 63, .24) !important;
}

@media (max-width: 991.98px) {
  html body .apex-topline,
  html body:has(.apex-hero) .apex-topline,
  html body:not(:has(.apex-hero)) .apex-topline {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  html body .featuredbox2-wrap {
    padding: 70px 0 !important;
    background-attachment: scroll !important;
  }
}

/* Final header spacing pass: sticky Apex header and no gap before inner page title */
html body .apex-header,
html body:has(.apex-hero) .apex-header,
html body:not(:has(.apex-hero)) .apex-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
}

html body main,
html body:has(.apex-hero) main,
html body:not(:has(.apex-hero)) main {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html body .apex-header + main .page-header,
html body main > .page-header:first-child,
html body:not(:has(.apex-hero)) .page-header {
  margin-top: 0 !important;
  top: auto !important;
}

html body .page-header {
  border-top: 0 !important;
}

html body .page-header + .theme-category-description-section,
html body .page-header + .page-services,
html body:not(:has(.apex-hero)) .page-header + .theme-category-description-section,
html body:not(:has(.apex-hero)) .page-header + .page-services {
  margin-top: 0 !important;
}

@media (max-width: 991.98px) {
  html body .apex-header,
  html body:has(.apex-hero) .apex-header,
  html body:not(:has(.apex-hero)) .apex-header {
    position: fixed !important;
    top: 0 !important;
  }

  html body:not(:has(.apex-hero)) main {
    padding-top: 72px !important;
  }

  html body:has(.apex-hero) main {
    padding-top: 0 !important;
  }
}

/* Dedicated homepage service category showcase */
html body .service-category-showcase {
  position: relative;
  overflow: hidden;
  padding: 96px 0 104px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(46, 157, 63, .10), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f6fbf7 100%) !important;
}

html body .service-category-showcase::before {
  content: "";
  position: absolute;
  inset: auto -12% 0 auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: rgba(48, 61, 142, .08);
  filter: blur(4px);
  pointer-events: none;
}

html body .service-category-showcase .container {
  position: relative;
  z-index: 1;
}

html body .service-showcase-head {
  max-width: 760px;
  margin: 0 auto 42px !important;
  text-align: center;
}

html body .service-showcase-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 7px 18px !important;
  border: 1px solid rgba(46, 157, 63, .18);
  border-radius: 999px;
  background: rgba(46, 157, 63, .10);
  color: #2e9d3f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body .service-showcase-head h2 {
  max-width: 720px;
  margin: 20px auto 0 !important;
  color: #303d8e !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

html body .service-showcase-board {
  display: grid;
  grid-template-columns: minmax(360px, 1.08fr) repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, 210px);
  grid-auto-rows: 210px;
  gap: 18px;
  max-width: 1180px;
  margin: 0 auto;
}

html body .service-showcase-card {
  position: relative;
  display: flex;
  min-height: 188px;
  overflow: hidden;
  border: 1px solid rgba(48, 61, 142, .12);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(48, 61, 142, .96), rgba(13, 57, 48, .94)),
    #303d8e;
  box-shadow: 0 24px 58px rgba(48, 61, 142, .12);
  isolation: isolate;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

html body .service-showcase-card:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
}

html body .service-showcase-card:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}

html body .service-showcase-card:nth-child(3) {
  grid-column: 3;
  grid-row: 1;
}

html body .service-showcase-card:nth-child(4) {
  grid-column: 2;
  grid-row: 2;
}

html body .service-showcase-card:nth-child(5) {
  grid-column: 3;
  grid-row: 2;
}

html body .service-showcase-card:hover {
  transform: translateY(-6px);
  border-color: rgba(46, 157, 63, .38);
  box-shadow: 0 32px 72px rgba(48, 61, 142, .18);
}

html body .service-showcase-image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.02);
  transition: transform .45s ease;
}

html body .service-showcase-card:hover .service-showcase-image {
  transform: scale(1.07);
}

html body .service-showcase-overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(5, 14, 34, .24), rgba(5, 14, 34, .82)),
    linear-gradient(90deg, rgba(48, 61, 142, .86), rgba(46, 157, 63, .34));
}

html body .service-showcase-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  padding: 24px !important;
}

html body .service-showcase-card.is-primary .service-showcase-content {
  padding: 34px !important;
}

html body .service-showcase-meta {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 14px;
  padding: 6px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .12);
  color: rgba(255, 255, 255, .88);
  backdrop-filter: blur(10px);
}

html body .service-showcase-meta strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2e9d3f;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

html body .service-showcase-meta span {
  display: none !important;
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap;
}

html body .service-showcase-card h3 {
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: 23px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

html body .service-showcase-card.is-primary h3 {
  max-width: 460px;
  font-size: 36px !important;
}

html body .service-showcase-card h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

html body .service-showcase-card p {
  max-width: 560px;
  margin: 0 0 18px !important;
  color: rgba(255, 255, 255, .78) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

html body .service-showcase-card:not(.is-primary) p {
  display: none !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

html body .service-showcase-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  width: fit-content;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body .service-showcase-link i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
  color: #fff !important;
  font-size: 13px;
}

@media (max-width: 1199.98px) {
  html body .service-showcase-board {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-rows: auto;
    grid-auto-rows: 210px;
  }

  html body .service-showcase-card:nth-child(n) {
    grid-column: span 3;
    grid-row: span 1;
  }

  html body .service-showcase-card:nth-child(1) {
    grid-column: span 6;
  }
}

@media (max-width: 767.98px) {
  html body .service-category-showcase {
    padding: 66px 0 74px !important;
  }

  html body .service-showcase-head {
    margin-bottom: 28px !important;
  }

  html body .service-showcase-head h2 {
    font-size: 20px !important;
  }

  html body .service-showcase-board {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  html body .service-showcase-card,
  html body .service-showcase-card:nth-child(n),
  html body .service-showcase-card:nth-child(1) {
    min-height: 250px;
    grid-column: auto;
    grid-row: auto;
  }

  html body .service-showcase-card.is-primary h3,
  html body .service-showcase-card h3 {
    font-size: 24px !important;
  }

  html body .service-showcase-card.is-primary .service-showcase-content,
  html body .service-showcase-content {
    padding: 24px !important;
  }
}

/* Homepage module alignment: keep content blocks on one horizontal rail */
html body main > section:not(.apex-hero) > .container,
html body main > section:not(.apex-hero) .container,
html body .service-category-showcase > .container,
html body .featuredbox2-wrap > .container,
html body .apex-services > .container,
html body .apex-featured > .container,
html body .our-blog > .container,
html body .theme-reference-logo-section > .container,
html body .carousel-logo-reference-list > .container,
html body .reference-logo-list > .container {
  width: min(1320px, 100%) !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html body .service-category-showcase .service-showcase-board {
  max-width: 100% !important;
}

@media (max-width: 767.98px) {
  html body main > section:not(.apex-hero) > .container,
  html body main > section:not(.apex-hero) .container,
  html body .service-category-showcase > .container,
  html body .featuredbox2-wrap > .container,
  html body .apex-services > .container,
  html body .apex-featured > .container,
  html body .our-blog > .container,
  html body .theme-reference-logo-section > .container,
  html body .carousel-logo-reference-list > .container,
  html body .reference-logo-list > .container {
    width: min(100% - 24px, 1320px) !important;
  }
}

/* Hero slider interaction stability */
html body .apex-hero.hero-slider-layout,
html body .apex-hero.hero-slider-layout .apex-hero-swiper {
  touch-action: pan-y !important;
}

html body .apex-hero.hero-slider-layout .swiper-wrapper {
  will-change: transform;
}

html body .apex-hero.hero-slider-layout .swiper-slide::before,
html body .apex-hero.hero-slider-layout .swiper-slide::after,
html body .apex-hero.hero-slider-layout::before,
html body .apex-hero.hero-slider-layout::after {
  pointer-events: none !important;
}

html body .apex-hero.hero-slider-layout .pest-control-slider-control,
html body:has(.apex-hero) .apex-hero.hero-slider-layout .pest-control-slider-control {
  z-index: 30 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

html body .apex-hero.hero-slider-layout .hero-pagination,
html body:has(.apex-hero) .apex-hero.hero-slider-layout .hero-pagination {
  z-index: 31 !important;
  pointer-events: auto !important;
}

/* Footer BIFUDER logo */
.apex-footer-bifuder-logo {
  display: block;
  height: auto;
  margin-top: 18px;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .18));
}

@media (max-width: 991.98px) {
  .apex-footer-bifuder-logo {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Press detail source button */
.service-entry .press-source-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  max-width: 100%;
  padding: 13px 18px 13px 22px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #2e9d3f 0%, #303d8e 100%);
  color: #fff !important;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(48, 61, 142, .20);
  white-space: normal;
}

.service-entry .press-source-btn::after {
  content: "\F138";
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
  color: #fff;
  font-family: "bootstrap-icons";
  font-size: 16px;
  line-height: 1;
  transition: transform .2s ease, background .2s ease;
}

.service-entry .press-source-btn:hover,
.service-entry .press-source-btn:focus {
  color: #fff !important;
  background: linear-gradient(135deg, #303d8e 0%, #2e9d3f 100%);
  box-shadow: 0 18px 40px rgba(46, 157, 63, .22);
}

.service-entry .press-source-btn:hover::after,
.service-entry .press-source-btn:focus::after {
  transform: translateX(3px);
  background: rgba(255, 255, 255, .24);
}

@media (max-width: 575.98px) {
  .service-entry .press-source-btn {
    width: 100%;
    padding-left: 18px;
    padding-right: 14px;
  }
}