:root {
  --apex-ink: #0a2742;
  --apex-muted: #5d7286;
  --apex-paper: #f4f9ff;
  --apex-accent: #0b7fd3;
  --apex-gold: #19b7e8;
  --apex-line: rgba(10, 39, 66, .12);
}

/* Transport inner pages: dark sticky navbar and themed sidebar */
body:not(:has(.apex-hero)) .apex-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

body:not(:has(.apex-hero)) .apex-topline {
  background: linear-gradient(135deg, #053047, #0878B8) !important;
}

body:not(:has(.apex-hero)) .apex-nav {
  background:
    linear-gradient(90deg, rgba(5, 18, 42, .98), rgba(16, 46, 94, .94), rgba(8, 120, 184, .92)) !important;
  border-bottom: 3px solid #16A36B !important;
  box-shadow: 0 16px 42px rgba(5, 48, 71, .16) !important;
}

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

body:not(:has(.apex-hero)) .apex-menu .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu .nav-link:focus {
  color: #fff !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
  background:
    linear-gradient(135deg, rgba(5, 18, 42, .97), rgba(16, 46, 94, .93), rgba(22, 163, 107, .12)) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, .24) !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: rgba(255, 255, 255, .84) !important;
  font-weight: 500 !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 {
  color: #fff !important;
  background: rgba(255, 255, 255, .08) !important;
}

@media (max-width: 991.98px) {
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background:
      linear-gradient(135deg, rgba(5, 18, 42, .98), rgba(16, 46, 94, .96), rgba(8, 120, 184, .9)) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
  }

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

  body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

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

/* Energy theme distinct identity layer */
.apex-header {
  isolation: isolate;
}

.apex-topline {
  background: #06334A !important;
  border-bottom: 1px solid rgba(55, 213, 139, .22) !important;
}

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

.apex-topline i {
  color: #37D58B !important;
}

.apex-social {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
}

.apex-nav,
body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  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 {
  position: relative;
}

.apex-nav .container::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -9px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0878B8, #37D58B, #F5B942);
  opacity: .9;
}

.apex-brand {
  min-height: 52px;
  padding: 6px 0 !important;
}

.apex-brand span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #06334A !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, #37D58B, #0878B8);
  color: #fff;
  font-family: "bootstrap-icons";
  font-size: 22px;
  line-height: 1;
  box-shadow: 0 12px 26px rgba(22, 163, 107, .25);
}

.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: #06334A !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: #0878B8 !important;
}

.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  border-radius: 999px !important;
  background: #06334A !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: #37D58B !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  transform: translateY(-1px);
}

.transport-service-icon {
  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: #0878B8 !important;
}

.transport-service-icon::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 {
  position: relative;
  z-index: 1;
  color: #0878B8 !important;
}

@media (max-width: 991.98px) {
  .apex-nav .container::after {
    left: 10px;
    right: 10px;
    bottom: -6px;
  }

  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background: #06334A !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;
  }
}

.page-single-sidebar,
.page-catagery-list,
.page-cta-box.sidebar-cta-box {
  border-radius: 8px !important;
}

.page-catagery-list,
.page-cta-box.sidebar-cta-box {
  background:
    linear-gradient(180deg, #fff, #f5f8fc) !important;
  border: 1px solid rgba(8, 120, 184, .16) !important;
  box-shadow: 0 22px 60px rgba(8, 120, 184, .09) !important;
}

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

.page-catagery-list ul li {
  border-bottom: 1px solid rgba(8, 120, 184, .1) !important;
}

.page-catagery-list ul li:last-child {
  border-bottom: 0 !important;
}

.page-catagery-list ul li a {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 18px !important;
  border-radius: 8px !important;
  color: #101827 !important;
  background: transparent !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.page-catagery-list ul li a::after {
  content: "\F285";
  font-family: "bootstrap-icons";
  color: #16A36B;
  font-size: 14px;
  font-weight: 400;
}

.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, #16A36B, #0878B8) !important;
  color: #fff !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: #fff;
}

.page-cta-box.sidebar-cta-box {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 0%, rgba(22, 163, 107, .24), transparent 30%),
    linear-gradient(135deg, #053047, #0878B8) !important;
  color: #fff !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,
.cta-contact-item .icon-box {
  background: #16A36B !important;
  color: #fff !important;
}

.vl-product-title,
.vl-product-shorttext,
.vl-product-meta {
  background: rgba(8, 120, 184, .06) !important;
  border-color: rgba(8, 120, 184, .14) !important;
}

.vl-thumb.is-active {
  border-color: rgba(22, 163, 107, .62) !important;
  box-shadow: 0 14px 30px rgba(22, 163, 107, .14) !important;
}

.vl-btn-primary {
  background: linear-gradient(135deg, #16A36B, #0878B8) !important;
  color: #fff !important;
  box-shadow: 0 18px 40px rgba(22, 163, 107, .18) !important;
}

.vl-btn-primary:hover {
  color: #fff !important;
}

.vl-btn-outline {
  color: #0878B8 !important;
  border-color: rgba(8, 120, 184, .2) !important;
}

.vl-product-desc-card,
.vl-product-main,
.vl-thumb {
  border-color: rgba(8, 120, 184, .14) !important;
  box-shadow: 0 18px 50px rgba(8, 120, 184, .08) !important;
}

/* Transport final interaction fixes */
.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  background: linear-gradient(135deg, #16A36B, #0878B8) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(22, 163, 107, .24) !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  color: #fff !important;
}

@media (min-width: 992px) {
  .apex-menu > .nav-item > .nav-link {
    padding-top: 35px !important;
    padding-bottom: 35px !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 {
  font-weight: 400 !important;
}

.page-catagery-list ul li,
.page-catagery-list ul li:hover {
  margin-bottom: 0 !important;
}

.page-catagery-list ul li a {
  overflow: visible !important;
  transition: background .2s ease, color .2s ease, transform .2s ease !important;
  z-index: auto !important;
}

@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 {
    max-height: calc(100svh - 88px);
    overflow-y: auto;
    overscroll-behavior: contain;
    margin-top: 6px !important;
    padding: 6px !important;
    -webkit-overflow-scrolling: touch;
  }

  .apex-menu {
    gap: 0 !important;
  }

  .apex-menu > .nav-item {
    margin: 0 !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 {
    min-height: 0 !important;
    padding: 9px 12px !important;
    line-height: 1.2 !important;
  }

  .apex-menu .dropdown > .nav-link,
  body:has(.apex-hero) .apex-menu .dropdown > .nav-link,
  body:not(:has(.apex-hero)) .apex-menu .dropdown > .nav-link {
    padding-right: 34px !important;
  }

  .apex-menu .dropdown-menu,
  body:has(.apex-hero) .apex-menu .dropdown-menu,
  body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
    max-height: 46svh;
    overflow-y: auto;
    padding: 2px 0 4px 10px !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 {
    padding: 7px 10px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  .apex-nav-cta,
  body:has(.apex-hero) .apex-nav-cta,
  body:not(:has(.apex-hero)) .apex-nav-cta {
    margin-top: 8px !important;
    padding: 9px 12px !important;
    line-height: 1.2 !important;
  }

  .apex-mobile-call,
  .apex-mobile-whatsapp {
    gap: 8px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
  }

  .apex-mobile-call i,
  .apex-mobile-whatsapp i {
    font-size: 17px;
  }
}

.page-catagery-list ul li a::before,
.page-catagery-list ul li a:hover::before,
.page-catagery-list ul li:hover a::before {
  content: none !important;
  display: none !important;
}

.page-catagery-list ul li a::after,
.page-catagery-list ul li a:hover::after,
.page-catagery-list ul li:hover a::after,
.page-catagery-list ul li a.active::after {
  content: "\F285" !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: transparent !important;
  color: currentColor !important;
  font-family: "bootstrap-icons" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  z-index: auto !important;
}

.page-catagery-list ul li:hover a,
.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, #16A36B, #0878B8) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Transport final unified homepage module headings */
.apex-section-head,
.section-title.section-title-center,
.transport-areas-head,
.theme-gallery-head {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 44px !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;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 16px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(22, 163, 107, .18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .12), rgba(8, 120, 184, .1)),
    #fff !important;
  color: #16A36B !important;
  box-shadow: 0 14px 32px rgba(8, 120, 184, .08) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span {
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .28), rgba(255, 255, 255, .1)) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2,
.apex-featured:not(.apex-featured-dark) .apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  color: #102642 !important;
}

.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2 {
  color: rgba(255, 255, 255, .92) !important;
}

/* Normalize heading badges that include legacy icons */
.apex-section-head span i,
.section-title h3 i,
.transport-areas-kicker i,
.theme-gallery-head span i {
  display: none !important;
}

.transport-areas-kicker,
.theme-gallery-head span,
.section-title h3,
.apex-section-head span {
  min-height: 38px !important;
}

.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,
.apex-section-head span::before,
.apex-section-head span::after {
  content: none !important;
  display: none !important;
}

.section-title h3 {
  position: static !important;
  padding: 10px 20px !important;
}

/* Energy final distinct header and card icon overrides */
.apex-topline,
body:has(.apex-hero) .apex-topline,
body:not(:has(.apex-hero)) .apex-topline {
  background: #06334A !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: #37D58B !important;
}

.apex-nav,
body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  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 {
  position: relative;
}

.apex-nav .container::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -9px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0878B8, #37D58B, #F5B942);
}

.apex-brand span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #06334A !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, #37D58B, #0878B8);
  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;
}

.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: #06334A !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: #0878B8 !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: #06334A !important;
}

.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  border-radius: 999px !important;
  background: #06334A !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: #37D58B !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  transform: translateY(-1px);
}

.transport-service-icon {
  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: #0878B8 !important;
}

.transport-service-icon::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 {
  position: relative;
  z-index: 1;
  color: #0878B8 !important;
}

@media (max-width: 991.98px) {
  .apex-nav .container::after {
    left: 10px;
    right: 10px;
    bottom: -6px;
  }

  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background: #06334A !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;
  }
}

/* Energy final distinct header and card icon overrides */
.apex-topline,
body:has(.apex-hero) .apex-topline,
body:not(:has(.apex-hero)) .apex-topline {
  background: #06334A !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: #37D58B !important;
}

.apex-nav,
body:has(.apex-hero) .apex-nav,
body:not(:has(.apex-hero)) .apex-nav {
  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 {
  position: relative;
}

.apex-nav .container::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: -9px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0878B8, #37D58B, #F5B942);
}

.apex-brand span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #06334A !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, #37D58B, #0878B8);
  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;
}

.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: #06334A !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: #0878B8 !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: #06334A !important;
}

.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  border-radius: 999px !important;
  background: #06334A !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: #37D58B !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  transform: translateY(-1px);
}

.transport-service-icon {
  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: #0878B8 !important;
}

.transport-service-icon::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 {
  position: relative;
  z-index: 1;
  color: #0878B8 !important;
}

@media (max-width: 991.98px) {
  .apex-nav .container::after {
    left: 10px;
    right: 10px;
    bottom: -6px;
  }

  .apex-nav .navbar-collapse,
  body:has(.apex-hero) .apex-nav .navbar-collapse,
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background: #06334A !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;
  }
}

/* Final mobile inner-page menu color fix */
@media (max-width: 991.98px) {
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background:
      linear-gradient(135deg, rgba(5, 18, 42, .98), rgba(16, 46, 94, .96), rgba(8, 120, 184, .9)) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
  }

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

  body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

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

@media (max-width: 991.98px) {
  body:not(:has(.apex-hero)) .apex-nav .navbar-collapse {
    background:
      linear-gradient(135deg, rgba(5, 18, 42, .98), rgba(16, 46, 94, .96), rgba(8, 120, 184, .9)) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
  }

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

  body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

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


/* Transport final unified homepage module headings */
.apex-section-head,
.section-title.section-title-center,
.transport-areas-head,
.theme-gallery-head {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 44px !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;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 16px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(22, 163, 107, .18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .12), rgba(8, 120, 184, .1)),
    #fff !important;
  color: #16A36B !important;
  box-shadow: 0 14px 32px rgba(8, 120, 184, .08) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span {
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .28), rgba(255, 255, 255, .1)) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2,
.apex-featured:not(.apex-featured-dark) .apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  color: #102642 !important;
}

.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2 {
  color: rgba(255, 255, 255, .92) !important;
}

.service-body .icon-box,
.service-item .icon-box {
  background: linear-gradient(135deg, #16A36B, #0878B8) !important;
  border: 4px solid #fff !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(22, 163, 107, .24) !important;
}

.service-body .icon-box i,
.service-item .icon-box i {
  color: #fff !important;
}

.service-item:hover .service-body .icon-box,
.service-item:hover .icon-box {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  color: #fff !important;
}

/* Unified homepage module headings */
.apex-section-head,
.section-title.section-title-center,
.transport-areas-head,
.theme-gallery-head {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 44px !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;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 16px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(22, 163, 107, .18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .12), rgba(8, 120, 184, .1)),
    #fff !important;
  color: #16A36B !important;
  box-shadow: 0 14px 32px rgba(8, 120, 184, .08) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span {
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .28), rgba(255, 255, 255, .1)) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  max-width: 860px !important;
  margin: 0 auto !important;
  color: inherit;
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2,
.apex-featured:not(.apex-featured-dark) .apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  color: #102642 !important;
}

.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2 {
  color: rgba(255, 255, 255, .92) !important;
}

.apex-section-head span,
.apex-about-copy > span,
.theme-gallery-head span {
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

.apex-section-head h2,
.theme-gallery-head h2 {
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

.apex-feature-box {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.transport-feature-ring {
  margin-left: auto;
  margin-right: auto;
}

.apex-feature-box h3,
.apex-feature-box p {
  text-align: center;
}

.apex-feature-box p {
  font-weight: 400;
}

.transport-about-points div {
  min-height: 76px !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
}

.transport-about-points i {
  flex: 0 0 auto;
  margin: 0 !important;
}

/* Transport final interaction fixes */
.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  background: linear-gradient(135deg, #16A36B, #0878B8) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(22, 163, 107, .24) !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  color: #fff !important;
}

.page-catagery-list ul li,
.page-catagery-list ul li:hover {
  margin-bottom: 0 !important;
}

.page-catagery-list ul li a {
  overflow: visible !important;
  transition: background .2s ease, color .2s ease, transform .2s ease !important;
  z-index: auto !important;
}

.page-catagery-list ul li a::before,
.page-catagery-list ul li a:hover::before,
.page-catagery-list ul li:hover a::before {
  content: none !important;
  display: none !important;
}

.page-catagery-list ul li a::after,
.page-catagery-list ul li a:hover::after,
.page-catagery-list ul li:hover a::after,
.page-catagery-list ul li a.active::after {
  content: "\F285" !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: transparent !important;
  color: currentColor !important;
  font-family: "bootstrap-icons" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  z-index: auto !important;
}

.page-catagery-list ul li:hover a,
.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, #16A36B, #0878B8) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

body {
  color: var(--apex-ink);
  background: var(--apex-paper);
}

.apex-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.apex-topline {
  background: #17201c;
  color: rgba(255,255,255,.78);
  padding: 8px 0;
}

.apex-topline a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.apex-social {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
}

.apex-nav {
  background: rgba(247, 248, 244, .94);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--apex-line);
  min-height: 82px;
}

.apex-brand img {
  max-height: 62px;
  width: auto;
  filter: drop-shadow(0 10px 22px rgba(23, 32, 28, .10));
}

.apex-menu .nav-link {
  color: var(--apex-ink);
  font-weight: 700;
  padding: 10px 14px !important;
}

.apex-menu .dropdown-menu {
  border: 1px solid var(--apex-line);
  border-radius: 8px;
  padding: 10px;
  background: rgba(247, 248, 244, .98);
  box-shadow: 0 24px 54px rgba(23, 32, 28, .14);
}

.apex-menu .dropdown-menu .nav-link {
  color: var(--apex-ink);
  white-space: nowrap;
  padding: 8px 12px !important;
}

.apex-menu .dropdown-menu .nav-link:hover,
.apex-menu .dropdown-menu .nav-link:focus {
  color: var(--apex-accent);
}

.apex-header .responsive-menu {
  position: relative;
  z-index: 1002;
}

@media (min-width: 992px) {
  .apex-menu .dropdown-menu {
    display: block;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
  }

  .apex-menu .dropdown:hover > .dropdown-menu,
  .apex-menu .dropdown:focus-within > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .apex-menu .dropdown-menu .dropdown-menu {
    left: 100%;
    top: -10px;
  }
}

@media (max-width: 991.98px) {
  .apex-topline {
    display: none;
  }

  .apex-nav {
    min-height: 72px;
  }

  .apex-header .navbar-toggler {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--apex-line);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(23, 32, 28, .10);
  }

  .apex-header .navbar-toggler:focus {
    box-shadow: 0 0 0 3px rgba(47, 125, 89, .18);
  }

  .apex-header .responsive-menu,
  .apex-header .slicknav_menu {
    display: none !important;
  }

  .apex-nav .navbar-collapse {
    margin-top: 14px;
    padding: 14px;
    border: 1px solid var(--apex-line);
    border-radius: 8px;
    background: rgba(247, 248, 244, .98);
    box-shadow: 0 20px 48px rgba(23, 32, 28, .12);
  }

  .apex-menu {
    align-items: stretch !important;
  }

  .apex-menu .dropdown-menu {
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    padding: 0 0 0 14px;
    background: transparent;
  }

  .apex-menu .dropdown.is-open > .dropdown-menu {
    display: block;
  }

  .apex-menu .dropdown > .nav-link {
    position: relative;
    padding-right: 36px !important;
  }

  .apex-menu .dropdown > .nav-link::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform .2s ease;
  }

  .apex-menu .dropdown.is-open > .nav-link::after {
    transform: translateY(-50%) rotate(180deg);
  }
}

.apex-nav-cta,
.apex-btn,
.btn-default,
.btn-default.btn-highlighted,
.readmore-btn,
.vl-primary-btn3 {
  background: linear-gradient(135deg, var(--apex-accent), #1f5f45);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff !important;
  box-shadow: 0 14px 30px rgba(47, 125, 89, .22);
}

.btn-default:hover,
.readmore-btn:hover,
.vl-primary-btn3:hover {
  background: linear-gradient(135deg, var(--apex-gold), #9a7330);
  color: #fff !important;
}

.apex-hero {
  position: relative;
  padding: 96px 0;
  background:
    linear-gradient(135deg, rgba(23, 32, 28, .96), rgba(34, 77, 58, .88)),
    var(--apex-ink);
  overflow: hidden;
}

.apex-hero .swiper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 58px;
}

.apex-hero .swiper-wrapper {
  align-items: stretch;
}

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

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

.apex-hero .hero-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.apex-hero .hero-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  background: rgba(255, 255, 255, .5);
  opacity: 1;
  transition: width .2s ease, background .2s ease;
}

.apex-hero .hero-pagination .swiper-pagination-bullet-active {
  width: 28px;
  border-radius: 999px;
  background: var(--apex-gold);
}

.apex-hero-copy {
  color: #fff;
}

.apex-kicker,
.apex-section-head span,
.apex-about-copy span {
  color: var(--apex-gold);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
}

.apex-hero h1 {
  color: #fff;
  font-size: clamp(44px, 6vw, 82px);
  line-height: .98;
  margin: 16px 0 20px;
}

.apex-hero p {
  color: rgba(255,255,255,.78);
  font-size: 18px;
  max-width: 620px;
}

.apex-hero-media {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: none;
}

.apex-hero-media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.apex-services,
.apex-about,
.apex-featured {
  padding: 94px 0;
}

.apex-services-dark,
.apex-featured-dark,
.hero,
.dark-section {
  background:
    linear-gradient(135deg, rgba(23, 32, 28, .92), rgba(33, 64, 51, .86)),
    var(--apex-ink);
}

.light-bg-section,
.our-blog,
.our-testimonials,
.our-services {
  background: var(--apex-paper);
}

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

.apex-section-head h2 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 800;
  margin-top: 10px;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.apex-service-card {
  height: 100%;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--apex-line);
  border-radius: 8px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 24px 70px rgba(23,32,28,.09);
}

.apex-service-number {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  background: rgba(23,32,28,.86);
  color: #fff;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
}

.apex-service-card img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.apex-service-body {
  padding: 24px;
}

.apex-service-body a {
  color: var(--apex-ink);
  text-decoration: none;
}

.apex-service-body p {
  color: var(--apex-muted);
}

.apex-card-link {
  color: var(--apex-accent) !important;
  font-weight: 800;
}

.apex-about-stack {
  position: relative;
  min-height: 520px;
}

.apex-about-main,
.apex-about-float {
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 24px 70px rgba(23,32,28,.14);
}

.apex-about-main {
  width: 86%;
  aspect-ratio: 3 / 4;
}

.apex-about-float {
  width: 48%;
  aspect-ratio: 1;
  position: absolute;
  right: 0;
  bottom: 20px;
  border: 8px solid var(--apex-paper);
}

.apex-about-copy h2 {
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.04;
  margin: 12px 0 20px;
}

.apex-about-copy p {
  color: var(--apex-muted);
  font-size: 17px;
}

.apex-feature-box {
  height: 100%;
  border: 1px solid var(--apex-line);
  background: rgba(255,255,255,.84);
  border-radius: 8px;
  padding: 30px;
}

.apex-feature-box i {
  font-size: 42px;
  color: var(--apex-gold);
}

.apex-footer {
  background: #17201c;
  color: rgba(255,255,255,.78);
  padding: 70px 0 24px;
}

.apex-footer-logo {
  max-height: 68px;
  margin-bottom: 18px;
}

.apex-footer a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.apex-footer a:hover,
.apex-footer a:focus {
  color: #fff;
}

.apex-footer h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 18px;
}

.apex-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.apex-footer-links li {
  margin-bottom: 10px;
}

.apex-footer-contact p {
  display: flex;
  gap: 10px;
}

.apex-footer-social {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.apex-footer-social a {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
}

.apex-footer-bottom {
  border-top: 1px solid rgba(255,255,255,.12);
  margin-top: 44px;
  padding-top: 20px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}

.apex-footer-bottom-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.apex-mobile-actions {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 14px;
  z-index: 99999;
  pointer-events: none;
  display: none;
}

.apex-mobile-actions-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 14px;
}

.apex-mobile-slot {
  min-width: 54px;
  display: flex;
  align-items: center;
}

.apex-mobile-left {
  justify-content: flex-start;
}

.apex-mobile-center {
  flex: 1;
  justify-content: center;
}

.apex-mobile-right {
  justify-content: flex-end;
}

.apex-mobile-actions a {
  pointer-events: auto;
  text-decoration: none;
}

.apex-mobile-call,
.apex-mobile-whatsapp {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .20);
  backdrop-filter: blur(8px);
}

.apex-mobile-call {
  background: var(--apex-accent);
}

.apex-mobile-whatsapp {
  background: #25d366;
}

.apex-mobile-lang {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(23, 32, 28, .86);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .16);
  backdrop-filter: blur(8px);
}

.apex-mobile-lang .vl-lang-pill {
  border-color: rgba(255, 255, 255, .24) !important;
  color: #fff !important;
}

@media (max-width: 991.98px) {
  .apex-mobile-actions {
    display: block;
    bottom: 0;
  }

  .apex-footer-bottom {
    justify-content: center;
    text-align: center;
  }

  .apex-footer-bottom-links {
    justify-content: center;
  }

  body {
    padding-bottom: 58px;
  }
}

.section-title h3,
.vl-section-title .subtitle,
.subtitle {
  color: var(--apex-accent) !important;
  letter-spacing: 0;
}

.section-title h2,
.vl-section-title .title,
.service-content h3,
.post-item-content h2 {
  color: var(--apex-ink);
}

.service-item,
.post-item,
.testimonial-item,
.vl-solution-box-wrap2,
.why-choose-box,
.page-cta-box {
  border: 1px solid var(--apex-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 22px 60px rgba(23, 32, 28, .08);
}

.service-image img,
.post-featured-image img,
.hero-slider-image img {
  filter: saturate(1.04) contrast(1.02);
}

.icon-box,
.service-body .icon-box,
.why-choose-item .icon-box {
  color: var(--apex-gold);
}

.footer,
.main-footer {
  background: #17201c;
  color: rgba(255, 255, 255, .82);
}

/* Premium module polish */
.apex-services,
.apex-featured {
  position: relative;
  isolation: isolate;
}

.apex-services::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(198, 155, 72, .08), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(47, 125, 89, .12), transparent 30%);
  pointer-events: none;
}

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

.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(255, 255, 255, .72);
}

.apex-service-card {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.apex-service-card:hover {
  transform: translateY(-7px);
  border-color: rgba(198, 155, 72, .42);
  box-shadow: 0 34px 90px rgba(23, 32, 28, .16);
}

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

.apex-service-image-link img,
.apex-service-card > img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform .45s ease, filter .45s ease;
}

.apex-service-card:hover .apex-service-image-link img,
.apex-service-card:hover > img {
  transform: scale(1.045);
  filter: saturate(1.08) contrast(1.04);
}

.apex-service-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.apex-service-body h3 {
  font-size: 23px;
  line-height: 1.18;
  margin: 8px 0 12px;
}

.apex-service-body p {
  flex: 1;
}

.apex-card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin-top: 18px;
  font-weight: 800;
}

.apex-card-link i {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(47, 125, 89, .12);
}

.apex-services-dark .apex-service-card {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .13);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
}

.apex-services-dark .apex-card-link {
  color: var(--apex-gold) !important;
}

.apex-premium-slider .swiper {
  overflow: hidden;
  padding: 4px 2px 62px;
}

.apex-premium-slider .swiper-slide {
  height: auto;
}

.apex-premium-slider .apex-service-card {
  height: 100%;
}

.apex-services-pagination {
  bottom: 8px !important;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.apex-services-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  background: rgba(23, 32, 28, .28);
  opacity: 1;
}

.apex-services-pagination .swiper-pagination-bullet-active {
  width: 30px;
  border-radius: 999px;
  background: var(--apex-gold);
}

.apex-services-blog .apex-service-number {
  background: var(--apex-gold);
  color: #17201c;
}

.apex-feature-box {
  height: 100%;
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.apex-feature-box:hover {
  transform: translateY(-6px);
  border-color: rgba(198, 155, 72, .36);
  box-shadow: 0 26px 76px rgba(23, 32, 28, .14);
}

.apex-featured-dark .apex-feature-box {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .13);
}

.apex-featured-dark .apex-feature-box i {
  color: var(--apex-gold);
}

.apex-services .service-item,
.apex-services .post-item,
.our-services .service-item,
.our-blog .post-item {
  overflow: hidden;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.apex-services .service-item:hover,
.apex-services .post-item:hover,
.our-services .service-item:hover,
.our-blog .post-item:hover {
  transform: translateY(-6px);
  border-color: rgba(198, 155, 72, .36);
  box-shadow: 0 30px 84px rgba(23, 32, 28, .14);
}

.our-testimonials .testimonial-slider .swiper {
  padding: 4px 2px 58px;
}

.our-testimonials .testimonial-item {
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--apex-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 20px 62px rgba(23, 32, 28, .08);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}

.our-testimonials .testimonial-item:hover {
  transform: translateY(-5px);
  border-color: rgba(198, 155, 72, .36);
  box-shadow: 0 26px 76px rgba(23, 32, 28, .13);
}

.our-testimonials .author-image img {
  max-height: 92px;
  width: auto;
  object-fit: contain;
  filter: grayscale(.2) saturate(.95);
}

/* Module contrast rule: parallax variants use dark surfaces, normal variants use light surfaces. */
.apex-services:not(.apex-services-dark),
.apex-featured:not(.apex-featured-dark) {
  background: var(--apex-paper) !important;
  color: var(--apex-ink) !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head,
.apex-services:not(.apex-services-dark) .apex-section-head h2,
.apex-services:not(.apex-services-dark) .apex-service-body h3 a,
.apex-featured:not(.apex-featured-dark) .apex-section-head,
.apex-featured:not(.apex-featured-dark) .apex-section-head h2,
.apex-featured:not(.apex-featured-dark) .apex-feature-box h3 {
  color: var(--apex-ink) !important;
}

.apex-services:not(.apex-services-dark) .apex-service-body p,
.apex-featured:not(.apex-featured-dark) .apex-feature-box p {
  color: var(--apex-muted) !important;
}

.apex-services.apex-services-dark,
.apex-featured.apex-featured-dark {
  background:
    radial-gradient(circle at 18% 0%, rgba(198, 155, 72, .16), transparent 30%),
    linear-gradient(135deg, rgba(23, 32, 28, .96), rgba(33, 64, 51, .92)),
    var(--apex-ink) !important;
  color: #fff !important;
}

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

.apex-services.apex-services-dark .apex-service-body p,
.apex-featured.apex-featured-dark .apex-feature-box p {
  color: rgba(255, 255, 255, .74) !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-color: rgba(255, 255, 255, .14) !important;
}

/* Transport theme identity overrides */
body {
  background:
    linear-gradient(180deg, #f7fbff 0%, #eef7ff 44%, #ffffff 100%);
}

.apex-topline {
  background: #06345c;
  color: rgba(255, 255, 255, .86);
}

.apex-social {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .24);
}

.apex-nav {
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 14px 40px rgba(8, 77, 132, .08);
}

.apex-menu .nav-link:hover,
.apex-menu .nav-link:focus {
  color: var(--apex-accent);
}

.apex-nav-cta,
.apex-btn,
.btn-default,
.btn-default.btn-highlighted,
.readmore-btn,
.vl-primary-btn3 {
  background: linear-gradient(135deg, #0b7fd3, #064e89);
  box-shadow: 0 16px 34px rgba(11, 127, 211, .22);
}

.apex-nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 12px 18px;
}

.btn-default:hover,
.readmore-btn:hover,
.vl-primary-btn3:hover {
  background: linear-gradient(135deg, #19b7e8, #0b7fd3);
}

.apex-hero {
  min-height: 680px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 78% 24%, rgba(25, 183, 232, .28), transparent 30%),
    radial-gradient(circle at 8% 80%, rgba(255, 255, 255, .16), transparent 28%),
    linear-gradient(135deg, rgba(6, 52, 92, .98), rgba(8, 96, 164, .9)),
    #06345c;
}

.apex-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
  background-size: 72px 72px;
  opacity: .24;
  pointer-events: none;
}

.apex-kicker,
.apex-section-head span,
.apex-about-copy span {
  color: #19b7e8;
  letter-spacing: .08em;
}

.apex-hero h1 {
  max-width: 720px;
  color: #fff;
}

.apex-hero p {
  color: rgba(240, 248, 255, .86);
}

.apex-hero-media {
  position: relative;
  border: 10px solid rgba(255, 255, 255, .16);
  border-radius: 26px 26px 8px 26px;
  box-shadow: none;
}

.apex-hero-media::after {
  content: "7/24";
  position: absolute;
  right: 18px;
  bottom: 18px;
  min-width: 74px;
  height: 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: #0b7fd3;
  font-weight: 900;
  box-shadow: none;
}

.apex-hero-media img {
  aspect-ratio: 5 / 4;
}

.apex-hero .hero-pagination .swiper-pagination-bullet-active,
.apex-services-pagination .swiper-pagination-bullet-active {
  background: #19b7e8;
}

.apex-about,
.apex-services:not(.apex-services-dark),
.apex-featured:not(.apex-featured-dark),
.light-bg-section,
.our-blog,
.our-testimonials,
.our-services {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(239, 248, 255, .92)),
    var(--apex-paper) !important;
}

.apex-section-head h2,
.apex-about-copy h2 {
  color: #082b49;
}

.apex-about-copy h2 {
  font-size: clamp(32px, 3.5vw, 50px);
}

.apex-about-copy p {
  color: #536d83;
}

.apex-about-main,
.apex-about-float {
  border-radius: 24px;
  box-shadow: 0 28px 80px rgba(8, 77, 132, .14);
}

.apex-about-float {
  border-color: #f4f9ff;
  border-radius: 16px;
}

.transport-about-badge {
  position: absolute;
  left: 24px;
  bottom: 34px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 999px;
  background: #fff;
  color: #06345c;
  font-weight: 900;
  box-shadow: 0 22px 58px rgba(8, 77, 132, .18);
}

.transport-about-badge i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e6f5ff;
  color: #0b7fd3;
}

.transport-about-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0 30px;
}

.transport-about-points div {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  border: 1px solid rgba(11, 127, 211, .14);
  border-radius: 16px;
  background: #fff;
  color: #0a2742;
  font-weight: 800;
  box-shadow: 0 16px 42px rgba(8, 77, 132, .07);
}

.transport-about-points i {
  color: #0b7fd3;
  font-size: 24px;
}

.apex-service-card,
.apex-feature-box,
.our-testimonials .testimonial-item {
  border-color: rgba(11, 127, 211, .14);
  background: rgba(255, 255, 255, .92);
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(8, 77, 132, .09);
}

.apex-service-card {
  display: flex;
  flex-direction: column;
  isolation: isolate;
}

.transport-service-icon {
  position: absolute;
  top: 18px;
  left: 18px;
  z-index: 3;
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 18px;
  background: linear-gradient(135deg, #fff, #dff3ff);
  color: #0b7fd3;
  font-size: 27px;
  box-shadow: 0 18px 40px rgba(8, 77, 132, .2);
}

.apex-service-image-link {
  border-bottom: 1px solid rgba(11, 127, 211, .12);
}

.apex-service-image-link img,
.apex-service-card > img {
  aspect-ratio: 16 / 9;
}

.apex-service-number {
  top: 20px;
  right: 20px;
  background: rgba(6, 52, 92, .9);
  color: #fff;
}

.apex-service-body {
  padding: 26px;
}

.apex-service-body h3 {
  padding-left: 0;
  font-size: 21px;
}

.apex-service-body p {
  font-size: 15px;
  line-height: 1.7;
}

.apex-card-link {
  color: #0b7fd3 !important;
}

.apex-card-link i {
  background: rgba(11, 127, 211, .12);
}

.apex-feature-box i {
  color: #0b7fd3;
}

.apex-feature-box {
  position: relative;
  overflow: hidden;
  padding: 34px 28px 30px;
}

.apex-feature-box::after {
  content: "";
  position: absolute;
  right: -36px;
  top: -36px;
  width: 116px;
  height: 116px;
  border-radius: 50%;
  background: rgba(25, 183, 232, .12);
}

.transport-feature-ring {
  width: 70px;
  height: 70px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  border-radius: 22px;
  background: linear-gradient(135deg, #e7f7ff, #fff);
  box-shadow: inset 0 0 0 1px rgba(11, 127, 211, .12), 0 18px 38px rgba(8, 77, 132, .11);
}

.transport-feature-ring i {
  font-size: 34px;
}

.apex-feature-box > i {
  display: none;
}

.apex-feature-box:hover,
.apex-services .service-item:hover,
.apex-services .post-item:hover,
.our-services .service-item:hover,
.our-blog .post-item:hover,
.our-testimonials .testimonial-item:hover {
  border-color: rgba(25, 183, 232, .38);
  box-shadow: 0 30px 86px rgba(8, 77, 132, .16);
}

.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% 4%, rgba(25, 183, 232, .22), transparent 28%),
    radial-gradient(circle at 86% 72%, rgba(255, 255, 255, .12), transparent 30%),
    linear-gradient(135deg, rgba(4, 37, 67, .98), rgba(6, 84, 145, .94)),
    #042543 !important;
}

.apex-services.apex-services-dark .apex-service-card,
.apex-featured.apex-featured-dark .apex-feature-box {
  background: rgba(255, 255, 255, .1) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  box-shadow: 0 28px 90px rgba(0, 24, 48, .28);
}

.apex-services.apex-services-dark .apex-card-link,
.apex-featured-dark .apex-feature-box i {
  color: #7de0ff !important;
}

.apex-footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(25, 183, 232, .2), transparent 30%),
    linear-gradient(135deg, #031d35, #06345c);
}

.apex-footer .row {
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  background: rgba(255, 255, 255, .05);
}

.apex-footer-contact p {
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.transport-detail-callbar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0 24px;
}

.transport-call-button {
  min-height: 74px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0b7fd3, #075b9d);
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 18px 42px rgba(11, 127, 211, .24);
  transition: transform .2s ease, box-shadow .2s ease;
}

.transport-call-button:hover,
.transport-call-button:focus {
  transform: translateY(-2px);
  box-shadow: 0 22px 52px rgba(11, 127, 211, .32);
}

.transport-call-button i {
  grid-row: 1 / span 2;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(255, 255, 255, .18);
  font-size: 20px;
}

.transport-call-button span {
  display: block;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

.transport-call-button strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
}

.transport-service-areas {
  padding: 94px 0;
  background: #fff;
}

.transport-areas-head {
  max-width: 980px;
  margin: 0 auto 54px;
  text-align: center;
}

.transport-areas-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  padding: 9px 20px;
  border-radius: 999px;
  background: #f1f6f9;
  color: #283d8f;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.transport-areas-kicker i {
  font-size: 26px;
  line-height: 0;
}

.transport-areas-head h2 {
  max-width: 980px;
  margin: 0 auto;
  color: #003451;
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.18;
  font-weight: 900;
}

.transport-areas-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #dce5ec;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

.transport-area-card {
  min-height: 98px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  border-right: 1px solid #dce5ec;
  border-bottom: 1px solid #dce5ec;
  background: #fff;
  color: #002f4c;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.transport-area-card:nth-child(4n) {
  border-right: 0;
}

.transport-area-card:hover {
  position: relative;
  z-index: 2;
  background: #f5fbff;
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(8, 77, 132, .12);
}

.transport-area-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #3f478f;
  color: #fff;
  font-size: 23px;
}

.transport-area-card strong {
  min-width: 0;
  color: #002f4c;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 900;
}

.apex-footer-social a,
.apex-footer-contact p i {
  color: #7de0ff;
}

.apex-mobile-call,
.apex-mobile-whatsapp {
  background: linear-gradient(135deg, #0b7fd3, #19b7e8);
}

@media (max-width: 991.98px) {
  .apex-nav .navbar-collapse {
    margin-top: 8px;
    padding: 8px;
  }

  .apex-menu .nav-link {
    padding: 7px 10px !important;
    line-height: 1.25;
  }

  .apex-menu .dropdown > .nav-link {
    padding-right: 34px !important;
  }

  .apex-menu .dropdown-menu {
    padding: 0 0 0 10px;
  }

  .apex-menu .dropdown-menu .nav-link {
    padding: 6px 10px !important;
  }

  .apex-mobile-actions {
    bottom: 0 !important;
  }

  .apex-mobile-actions-inner {
    gap: 0;
    padding: 0;
    width: 100%;
  }

  .apex-mobile-slot {
    flex: 1 1 50%;
    min-width: 0;
  }

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

  .apex-mobile-center {
    display: none;
  }

  .apex-mobile-call,
  .apex-mobile-whatsapp {
    width: 100%;
    height: 56px;
    border-radius: 0;
    box-shadow: 0 -8px 22px rgba(0, 0, 0, .16);
    backdrop-filter: none;
  }

  .apex-mobile-call {
    background: var(--apex-accent) !important;
  }

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

.service-btn,
.post-item-btn {
  margin-top: 22px;
  display: flex;
  justify-content: center;
}

.service-btn .readmore-btn,
.post-item-btn .readmore-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 18px 12px 22px !important;
  border-radius: 999px;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 800;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
}

.service-btn .readmore-btn::before,
.post-item-btn .readmore-btn::before {
  position: static;
  order: 2;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  margin: 0;
  background-color: rgba(255, 255, 255, .18);
  background-image: url(../images/arrow-white.svg);
  background-size: 16px auto;
  transform: none;
}

.service-btn .readmore-btn:hover::before,
.post-item-btn .readmore-btn:hover::before {
  background-color: rgba(255, 255, 255, .26);
  transform: none;
}

@media (max-width: 991.98px) {
  .apex-hero {
    min-height: auto;
    padding: 72px 0 92px;
  }

  .apex-nav .navbar-collapse {
    background: rgba(255, 255, 255, .98);
  }

  .transport-about-points {
    grid-template-columns: 1fr;
  }

  .transport-about-badge {
    left: 14px;
    bottom: 22px;
  }

  .transport-detail-callbar {
    grid-template-columns: 1fr;
  }

  .transport-service-areas {
    padding: 64px 0;
  }

  .transport-areas-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .transport-area-card:nth-child(4n) {
    border-right: 1px solid #dce5ec;
  }

  .transport-area-card:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 575.98px) {
  .transport-areas-grid {
    grid-template-columns: 1fr;
  }

  .transport-area-card,
  .transport-area-card:nth-child(2n),
  .transport-area-card:nth-child(4n) {
    border-right: 0;
  }

  .service-btn .readmore-btn,
  .post-item-btn .readmore-btn {
    width: 100%;
    max-width: 230px;
  }
}

/* Shared gallery polish */
.theme-gallery{padding:86px 0;background:#fff}.theme-gallery-head{max-width:980px;margin:0 auto 46px;text-align:center}.theme-gallery-head span{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:9px 18px;border-radius:999px;background:#f3f6f8;color:#33418d;font-size:17px;font-weight:800;line-height:1}.theme-gallery-head span i{font-size:18px}.theme-gallery-head h2{max-width:980px;margin:0 auto;color:#062f48;font-size:clamp(25px,3vw,34px);line-height:1.18;font-weight:900}.theme-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.theme-gallery-card{display:block;overflow:hidden;border:1px solid rgba(6,47,72,.12);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 22px 62px rgba(8,77,132,.09);transition:transform .2s ease,box-shadow .2s ease}.theme-gallery-card:hover{transform:translateY(-4px);box-shadow:0 28px 76px rgba(8,77,132,.14)}.theme-gallery-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eef4f8}.theme-gallery-media img,.theme-gallery-hero img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.theme-gallery-card:hover img,.theme-gallery-hero:hover img{transform:scale(1.045)}.theme-gallery-zoom{position:absolute;right:14px;top:14px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:#0b6fae}.theme-gallery-caption{display:block;padding:16px 18px}.theme-gallery-caption strong{display:block;color:#062f48;font-size:16px;line-height:1.35}.theme-gallery-caption small,.theme-gallery-hero-caption small{display:block;margin-top:4px;color:#6a7b89;font-weight:700}.theme-gallery-carousel{overflow:hidden;border-radius:22px;box-shadow:0 28px 86px rgba(8,77,132,.14)}.theme-gallery-hero{position:relative;display:block;height:min(620px,58vw);min-height:360px;overflow:hidden;background:#0b2436;text-decoration:none}.theme-gallery-hero-caption{position:absolute;left:24px;right:24px;bottom:24px;max-width:560px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(0,0,0,.18)}.theme-gallery-hero-caption strong{display:block;color:#062f48;font-size:20px;line-height:1.3}.theme-gallery-control{top:50%;bottom:auto;width:48px;height:48px;margin:0 20px;border:0;border-radius:50%;background:#fff;color:#0b6fae;opacity:1;transform:translateY(-50%);box-shadow:0 14px 38px rgba(0,0,0,.18)}.theme-gallery-control i{font-size:22px}@media(max-width:991.98px){.theme-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-gallery-hero{height:420px}}@media(max-width:575.98px){.theme-gallery{padding:58px 0}.theme-gallery-grid{grid-template-columns:1fr}.theme-gallery-hero{height:340px}.theme-gallery-hero-caption{left:14px;right:14px;bottom:14px}.theme-gallery-control{width:42px;height:42px;margin:0 10px}}
/* Gallery masonry + lightbox overrides */
.theme-gallery-masonry{columns:4 260px;column-gap:18px}.theme-gallery-tile{position:relative;width:100%;display:block;margin:0 0 18px;padding:0;break-inside:avoid;border:0;border-radius:18px;overflow:hidden;background:#eef4f8;cursor:pointer;box-shadow:0 20px 60px rgba(8,77,132,.11)}.theme-gallery-tile img{width:100%;height:auto;display:block}.theme-gallery-tile:nth-child(3n+1) img{aspect-ratio:4/5;object-fit:cover}.theme-gallery-tile:nth-child(3n+2) img{aspect-ratio:1/1;object-fit:cover}.theme-gallery-tile:nth-child(3n) img{aspect-ratio:5/3.7;object-fit:cover}.theme-gallery-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:18px;color:#fff;background:linear-gradient(180deg,transparent 35%,rgba(0,24,45,.78));opacity:0;transition:opacity .22s ease}.theme-gallery-overlay i{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.92);color:#0b6fae}.theme-gallery-overlay strong{font-size:16px;line-height:1.35;text-align:left}.theme-gallery-tile:hover .theme-gallery-overlay{opacity:1}.theme-gallery-hero{border:0;width:100%;padding:0;text-align:left}.theme-gallery-lightbox[hidden]{display:none}.theme-gallery-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(1,14,26,.92)}.theme-gallery-lock{overflow:hidden}.theme-gallery-lightbox figure{max-width:min(1180px,92vw);max-height:88vh;margin:0;text-align:center}.theme-gallery-lightbox img{max-width:100%;max-height:78vh;border-radius:14px;box-shadow:0 30px 100px rgba(0,0,0,.42)}.theme-gallery-lightbox figcaption{margin-top:14px;color:#fff;font-weight:800}.theme-gallery-lightbox-close,.theme-gallery-lightbox-nav{position:absolute;border:0;border-radius:50%;background:#fff;color:#0b6fae;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 18px 48px rgba(0,0,0,.28)}.theme-gallery-lightbox-close{top:22px;right:22px;width:48px;height:48px}.theme-gallery-lightbox-nav{top:50%;width:54px;height:54px;transform:translateY(-50%)}.theme-gallery-lightbox-prev{left:24px}.theme-gallery-lightbox-next{right:24px}.theme-gallery-lightbox-nav i,.theme-gallery-lightbox-close i{font-size:22px}@media(max-width:575.98px){.theme-gallery-masonry{columns:1}.theme-gallery-lightbox{padding:18px}.theme-gallery-lightbox-prev{left:10px}.theme-gallery-lightbox-next{right:10px}.theme-gallery-lightbox-nav{width:44px;height:44px}.theme-gallery-lightbox-close{top:12px;right:12px;width:42px;height:42px}}

/* Transport final identity layer */
:root{--apex-ink:#101827;--apex-muted:#617083;--apex-paper:#f6f8fb;--apex-accent:#0878B8;--apex-gold:#16A36B;--apex-line:rgba(16,24,39,.12)}body{background:linear-gradient(180deg,#f8fbff 0%,#f1f5fa 48%,#fff 100%)}.apex-topline,.apex-footer{background:linear-gradient(135deg,#053047,#0878B8)}.apex-nav{background:rgba(255,255,255,.94);border-bottom:3px solid rgba(22,163,107,.86);box-shadow:0 14px 42px rgba(8,120,184,.1)}.apex-nav-cta,.apex-btn,.btn-default,.btn-default.btn-highlighted,.readmore-btn,.vl-primary-btn3{background:linear-gradient(135deg,#16A36B,#0878B8);box-shadow:0 16px 34px rgba(22,163,107,.22)}.btn-default:hover,.readmore-btn:hover,.vl-primary-btn3:hover{background:linear-gradient(135deg,#0878B8,#07306a)}.apex-hero{min-height:700px;background:radial-gradient(circle at 82% 20%,rgba(22,163,107,.28),transparent 30%),linear-gradient(120deg,rgba(5,48,71,.98),rgba(8,120,184,.9)),#053047}.apex-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:96px 56px;opacity:.28}.apex-kicker,.apex-section-head span,.apex-about-copy span{color:#37D58B}.apex-hero-media{border-radius:8px;border:10px solid rgba(255,255,255,.14);transform:perspective(900px) rotateY(-4deg)}.apex-hero-media::after{content:"ENERGY";width:auto;min-width:112px;height:46px;padding:0 18px;border-radius:999px;background:#16A36B;color:#fff;letter-spacing:.04em}.apex-about,.apex-services:not(.apex-services-dark),.apex-featured:not(.apex-featured-dark),.light-bg-section,.our-blog,.our-testimonials,.our-services{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(241,245,250,.96)),var(--apex-paper)!important}.transport-about-badge{border-radius:8px;color:#053047}.transport-about-badge i,.transport-about-points i,.transport-service-icon,.transport-feature-ring i,.apex-feature-box i,.apex-card-link{color:#16A36B!important}.transport-about-badge i,.transport-feature-ring,.transport-service-icon{background:linear-gradient(135deg,#fff,#eef4ff)}.transport-about-points div,.apex-service-card,.apex-feature-box,.our-testimonials .testimonial-item{border-color:rgba(8,120,184,.16);border-radius:8px;box-shadow:0 24px 70px rgba(8,120,184,.09)}.transport-service-icon,.transport-feature-ring{border-radius:8px}.apex-service-number{background:#053047}.apex-service-card:hover,.apex-feature-box:hover,.our-testimonials .testimonial-item:hover{border-color:rgba(22,163,107,.42);box-shadow:0 30px 86px rgba(8,120,184,.16)}.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(22,163,107,.22),transparent 28%),linear-gradient(135deg,rgba(5,48,71,.98),rgba(8,120,184,.94)),#053047!important}.transport-call-button,.apex-mobile-call{background:linear-gradient(135deg,#16A36B,#0878B8);box-shadow:0 18px 42px rgba(22,163,107,.24)}.transport-service-areas{background:linear-gradient(180deg,#fff,#f4f7fb)}.transport-areas-kicker{background:#eef4ff;color:#0878B8}.transport-areas-head h2,.transport-area-card strong{color:#053047}.transport-area-icon{background:linear-gradient(135deg,#16A36B,#0878B8)}.transport-area-card:hover{background:#f8fbff;box-shadow:0 18px 42px rgba(8,120,184,.13)}.theme-gallery-zoom,.theme-gallery-control,.theme-gallery-lightbox-close,.theme-gallery-lightbox-nav{color:#16A36B}

/* Fullscreen transparent slider header */
body:has(.apex-hero) .apex-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
}

body:has(.apex-hero) .apex-topline {
  background: rgba(5, 18, 42, .48);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(16px);
}

body:has(.apex-hero) .apex-nav {
  min-height: 88px;
  background:
    linear-gradient(90deg, rgba(5, 18, 42, .72), rgba(16, 46, 94, .52), rgba(22, 163, 107, .16));
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .12);
  backdrop-filter: blur(18px);
}

body:has(.apex-hero) .apex-menu .nav-link {
  color: rgba(255, 255, 255, .92);
}

body:has(.apex-hero) .apex-menu .nav-link:hover,
body:has(.apex-hero) .apex-menu .nav-link:focus {
  color: #fff;
}

body:has(.apex-hero) .apex-menu .dropdown-menu {
  background:
    linear-gradient(135deg, rgba(5, 18, 42, .94), rgba(16, 46, 94, .88), rgba(22, 163, 107, .12));
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 24px 54px rgba(0, 0, 0, .22);
  backdrop-filter: blur(18px);
}

body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link {
  color: rgba(255, 255, 255, .86);
  font-weight: 500;
}

body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:hover,
body:has(.apex-hero) .apex-menu .dropdown-menu .nav-link:focus {
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

body:has(.apex-hero) .apex-nav-cta {
  background: rgba(22, 163, 107, .92);
  border-color: rgba(255, 255, 255, .24);
  box-shadow: 0 16px 34px rgba(0, 0, 0, .18);
}

body:has(.apex-hero) .apex-brand img {
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .22));
}

body:has(.apex-hero) .apex-hero {
  min-height: 100vh;
  padding: 172px 0 88px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 18% 28%, rgba(22, 163, 107, .28), transparent 22%),
    radial-gradient(circle at 76% 18%, rgba(0, 209, 255, .22), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(255, 184, 77, .14), transparent 26%),
    linear-gradient(125deg, #071633 0%, #092c67 38%, #123f93 66%, #0b1f4a 100%);
}

body:has(.apex-hero) .apex-hero::before {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .08) 1px, transparent 1px),
    linear-gradient(30deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
  background-size: 112px 112px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .88), rgba(0, 0, 0, .24));
  opacity: .38;
}

body:has(.apex-hero) .apex-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, rgba(0, 170, 255, .18));
  pointer-events: none;
}

body:has(.apex-hero) .apex-hero .swiper {
  width: 100%;
}

body:has(.apex-hero) .apex-hero h1 {
  font-size: clamp(48px, 7vw, 96px);
  line-height: .92;
}

body:has(.apex-hero) .apex-hero p {
  max-width: 680px;
  font-size: 20px;
}

body:has(.apex-hero) .apex-hero-media {
  min-height: min(60vh, 620px);
}

body:has(.apex-hero) .apex-hero-media img {
  height: 100%;
  min-height: min(60vh, 620px);
  object-fit: cover;
}

body:has(.apex-hero) .apex-hero-media::after {
  content: "";
  width: 58px;
  min-width: 58px;
  height: 58px;
  padding: 0;
  border-radius: 18px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M3 6.5A2.5 2.5 0 0 1 5.5 4H15a2 2 0 0 1 2 2v2h1.7c.5 0 .98.2 1.34.56l1.4 1.4c.36.36.56.84.56 1.34V16a2 2 0 0 1-2 2h-.55a3 3 0 0 1-5.9 0h-3.1a3 3 0 0 1-5.9 0H4a1 1 0 0 1-1-1V6.5ZM5.5 6a.5.5 0 0 0-.5.5V16h.55a3 3 0 0 1 5.9 0H15V6H5.5ZM17 10v6h.55a3 3 0 0 1 2.45-2.45V11.3L18.7 10H17ZM7.5 16.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm9 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E") center / 34px 34px no-repeat,
    #16A36B;
  box-shadow: 0 16px 34px rgba(22, 163, 107, .32);
}

@media (max-width: 991.98px) {
  body:has(.apex-hero) .apex-nav {
    min-height: 76px;
    background: rgba(5, 18, 42, .78);
  }

  body:has(.apex-hero) .apex-header .navbar-toggler {
    background: rgba(255, 255, 255, .92);
  }

  body:has(.apex-hero) .apex-nav .navbar-collapse {
    background: rgba(5, 48, 71, .96);
    border-color: rgba(255, 255, 255, .14);
  }

  body:has(.apex-hero) .apex-menu .dropdown-menu {
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
  }

  body:has(.apex-hero) .apex-hero {
    min-height: 100svh;
    padding: 116px 0 76px;
  }

  body:has(.apex-hero) .apex-hero h1 {
    font-size: clamp(40px, 12vw, 62px);
  }

  body:has(.apex-hero) .apex-hero p {
    font-size: 17px;
  }

  body:has(.apex-hero) .apex-hero-media {
    min-height: auto;
    transform: none;
  }

  body:has(.apex-hero) .apex-hero-media img {
    min-height: 280px;
  }
}

/* Transport final inner-page overrides */
body:not(:has(.apex-hero)) .apex-header {
  position: sticky;
  top: 0;
  z-index: 1000;
}

body:not(:has(.apex-hero)) .apex-topline {
  background: linear-gradient(135deg, #053047, #0878B8) !important;
}

body:not(:has(.apex-hero)) .apex-nav {
  background:
    linear-gradient(90deg, rgba(5, 18, 42, .98), rgba(16, 46, 94, .94), rgba(8, 120, 184, .92)) !important;
  border-bottom: 3px solid #16A36B !important;
  box-shadow: 0 16px 42px rgba(5, 48, 71, .16) !important;
}

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

body:not(:has(.apex-hero)) .apex-menu .nav-link:hover,
body:not(:has(.apex-hero)) .apex-menu .nav-link:focus {
  color: #fff !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu {
  background:
    linear-gradient(135deg, rgba(5, 18, 42, .97), rgba(16, 46, 94, .93), rgba(22, 163, 107, .12)) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, .24) !important;
}

body:not(:has(.apex-hero)) .apex-menu .dropdown-menu .nav-link {
  color: rgba(255, 255, 255, .84) !important;
  font-weight: 500 !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 {
  color: #fff !important;
  background: rgba(255, 255, 255, .08) !important;
}

.page-single-sidebar,
.page-catagery-list,
.page-cta-box.sidebar-cta-box {
  border-radius: 8px !important;
}

.page-catagery-list,
.page-cta-box.sidebar-cta-box {
  background:
    linear-gradient(180deg, #fff, #f5f8fc) !important;
  border: 1px solid rgba(8, 120, 184, .16) !important;
  box-shadow: 0 22px 60px rgba(8, 120, 184, .09) !important;
}

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

.page-catagery-list ul li {
  border-bottom: 1px solid rgba(8, 120, 184, .1) !important;
}

.page-catagery-list ul li:last-child {
  border-bottom: 0 !important;
}

.page-catagery-list ul li a {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 18px !important;
  border-radius: 8px !important;
  color: #101827 !important;
  background: transparent !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.page-catagery-list ul li a::after {
  content: "\F285";
  font-family: "bootstrap-icons";
  color: #16A36B;
  font-size: 14px;
  font-weight: 400;
}

.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, #16A36B, #0878B8) !important;
  color: #fff !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: #fff;
}

.page-cta-box.sidebar-cta-box {
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 0%, rgba(22, 163, 107, .24), transparent 30%),
    linear-gradient(135deg, #053047, #0878B8) !important;
  color: #fff !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,
.cta-contact-item .icon-box {
  background: #16A36B !important;
  color: #fff !important;
}

.vl-product-title,
.vl-product-shorttext,
.vl-product-meta {
  background: rgba(8, 120, 184, .06) !important;
  border-color: rgba(8, 120, 184, .14) !important;
}

.vl-thumb.is-active {
  border-color: rgba(22, 163, 107, .62) !important;
  box-shadow: 0 14px 30px rgba(22, 163, 107, .14) !important;
}

.vl-btn-primary {
  background: linear-gradient(135deg, #16A36B, #0878B8) !important;
  color: #fff !important;
  box-shadow: 0 18px 40px rgba(22, 163, 107, .18) !important;
}

.vl-btn-primary:hover {
  color: #fff !important;
}

.vl-btn-outline {
  color: #0878B8 !important;
  border-color: rgba(8, 120, 184, .2) !important;
}

.vl-product-desc-card,
.vl-product-main,
.vl-thumb {
  border-color: rgba(8, 120, 184, .14) !important;
  box-shadow: 0 18px 50px rgba(8, 120, 184, .08) !important;
}

/* Transport final interaction fixes */
.apex-nav-cta,
body:has(.apex-hero) .apex-nav-cta,
body:not(:has(.apex-hero)) .apex-nav-cta {
  background: linear-gradient(135deg, #16A36B, #0878B8) !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(22, 163, 107, .24) !important;
}

.apex-nav-cta:hover,
.apex-nav-cta:focus {
  background: linear-gradient(135deg, #0878B8, #16A36B) !important;
  color: #fff !important;
}

.page-catagery-list ul li,
.page-catagery-list ul li:hover {
  margin-bottom: 0 !important;
}

.page-catagery-list ul li a {
  overflow: visible !important;
  transition: background .2s ease, color .2s ease, transform .2s ease !important;
  z-index: auto !important;
}

.page-catagery-list ul li a::before,
.page-catagery-list ul li a:hover::before,
.page-catagery-list ul li:hover a::before {
  content: none !important;
  display: none !important;
}

.page-catagery-list ul li a::after,
.page-catagery-list ul li a:hover::after,
.page-catagery-list ul li:hover a::after,
.page-catagery-list ul li a.active::after {
  content: "\F285" !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  background: transparent !important;
  color: currentColor !important;
  font-family: "bootstrap-icons" !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
  z-index: auto !important;
}

.page-catagery-list ul li:hover a,
.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, #16A36B, #0878B8) !important;
  color: #fff !important;
  transform: translateY(-1px);
}
/* Transport final unified homepage module headings */
.apex-section-head,
.section-title.section-title-center,
.transport-areas-head,
.theme-gallery-head {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 44px !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;
  justify-content: center;
  gap: 8px;
  margin: 0 auto 16px !important;
  padding: 10px 20px !important;
  border: 1px solid rgba(22, 163, 107, .18) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .12), rgba(8, 120, 184, .1)),
    #fff !important;
  color: #16A36B !important;
  box-shadow: 0 14px 32px rgba(8, 120, 184, .08) !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.apex-services-dark .apex-section-head span,
.apex-featured-dark .apex-section-head span {
  background:
    linear-gradient(135deg, rgba(22, 163, 107, .28), rgba(255, 255, 255, .1)) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  max-width: 860px !important;
  margin: 0 auto !important;
  font-size: clamp(19px, 2vw, 27px) !important;
  line-height: 1.4 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}

.apex-services:not(.apex-services-dark) .apex-section-head h2,
.apex-featured:not(.apex-featured-dark) .apex-section-head h2,
.section-title h2,
.transport-areas-head h2,
.theme-gallery-head h2 {
  color: #102642 !important;
}

.apex-services-dark .apex-section-head h2,
.apex-featured-dark .apex-section-head h2 {
  color: rgba(255, 255, 255, .92) !important;
}

/* Normalize heading badges that include legacy icons */
.apex-section-head span i,
.section-title h3 i,
.transport-areas-kicker i,
.theme-gallery-head span i {
  display: none !important;
}

.transport-areas-kicker,
.theme-gallery-head span,
.section-title h3,
.apex-section-head span {
  min-height: 38px !important;
}

.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,
.apex-section-head span::before,
.apex-section-head span::after {
  content: none !important;
  display: none !important;
}

.section-title h3 {
  position: static !important;
  padding: 10px 20px !important;
}

