html {
  scroll-behavior: smooth;
}

body:not(.home) {
  background: #101820 !important;
  color: #dce7ec !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body:not(.home)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 78% 12%, rgba(38, 196, 133, .12), transparent 26%),
    linear-gradient(115deg, transparent 0 42%, rgba(38, 196, 133, .06) 46%, transparent 52%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 86px);
}

body:not(.home) a {
  color: #26c485;
}

body:not(.home) .elementor-section:first-of-type,
body:not(.home) .elementor-location-header,
body:not(.home) header {
  background: rgba(6, 9, 12, .92) !important;
  color: #f7fbff !important;
}

body:not(.home) .blog-breadcrumb {
  position: relative;
  overflow: hidden;
  padding: 150px 0 76px !important;
  background:
    linear-gradient(90deg, rgba(5, 8, 11, .96), rgba(5, 8, 11, .78) 45%, rgba(5, 8, 11, .50)),
    url("hero-ecu-truck.webp") center/cover no-repeat !important;
  color: #fff !important;
}

body:not(.home) .blog-breadcrumb::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 92px),
    linear-gradient(110deg, transparent 0 44%, rgba(38,196,133,.16) 48%, transparent 56%);
  opacity: .55;
}

body:not(.home) .blog-breadcrumb .container,
body:not(.home) .blog-breadcrumb .row,
body:not(.home) .blog-breadcrumb .post__title,
body:not(.home) .blog-breadcrumb .breadcrumbs {
  position: relative;
  z-index: 1;
}

body:not(.home) .post__title,
body:not(.home) .blog-breadcrumb h1,
body:not(.home) h1 {
  color: #f8fbff !important;
  text-shadow: 0 4px 26px rgba(0,0,0,.72) !important;
  letter-spacing: 0 !important;
}

body:not(.home) .breadcrumbs,
body:not(.home) .breadcrumbs a,
body:not(.home) .blog-breadcrumb a,
body:not(.home) .blog-breadcrumb span {
  color: rgba(255,255,255,.88) !important;
}

body:not(.home) .content-block,
body:not(.home) .post-details-page,
body:not(.home) .site-main,
body:not(.home) main {
  background: transparent !important;
}

body:not(.home) .content-block > .container,
body:not(.home) .post-details-page > .container,
body:not(.home) article.post,
body:not(.home) article.page {
  color: #dce7ec !important;
}

body:not(.home) .single-post-content-wrap,
body:not(.home) .entry-content,
body:not(.home) .page .entry-content {
  color: #dce7ec !important;
  font-size: 17px;
  line-height: 1.72;
}

body:not(.home) .entry-content h1,
body:not(.home) .entry-content h2,
body:not(.home) .entry-content h3,
body:not(.home) .entry-content h4,
body:not(.home) .entry-content h5,
body:not(.home) .entry-content h6,
body:not(.home) .single-post-content-wrap h1,
body:not(.home) .single-post-content-wrap h2,
body:not(.home) .single-post-content-wrap h3,
body:not(.home) .single-post-content-wrap h4,
body:not(.home) .single-post-content-wrap h5,
body:not(.home) .single-post-content-wrap h6,
body:not(.home) .wp-block-heading,
body:not(.home) .entry-title,
body:not(.home) .entry-title a,
body:not(.home) .post-content h1,
body:not(.home) .post-content h2,
body:not(.home) .post-content h3,
body:not(.home) .post-content h4,
body:not(.home) .post-content h5,
body:not(.home) .post-content h6,
body:not(.home) .post-content h1 a,
body:not(.home) .post-content h2 a,
body:not(.home) .post-content h3 a,
body:not(.home) .post-content h4 a,
body:not(.home) .post-content h5 a,
body:not(.home) .post-content h6 a,
body:not(.home) .widget h2,
body:not(.home) .widget-title,
body:not(.home) .elementor-heading-title {
  color: #f7fbff !important;
  text-shadow: none !important;
}

body:not(.home) .entry-content p,
body:not(.home) .entry-content li,
body:not(.home) .single-post-content-wrap p,
body:not(.home) .single-post-content-wrap li,
body:not(.home) .post-content p,
body:not(.home) .post-content li,
body:not(.home) .post-content .post-excerpt,
body:not(.home) .post-content .excerpt,
body:not(.home) .single-post-item p,
body:not(.home) .single-post-item li,
body:not(.home) .elementor-widget-text-editor,
body:not(.home) .elementor-widget-text-editor p {
  color: #dce7ec !important;
}

body:not(.home) .entry-content strong,
body:not(.home) .single-post-content-wrap strong {
  color: #fff !important;
}

body:not(.home) .post-thumbnail img,
body:not(.home) .wp-post-image,
body:not(.home) .entry-content img {
  border-radius: 8px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .32) !important;
}

body:not(.home) .single-post-content-wrap,
body:not(.home) .single-post-item,
body:not(.home) .post-content,
body:not(.home) article.page,
body:not(.home) .widget,
body:not(.home) .comments-area,
body:not(.home) .navigation.post-navigation {
  background: rgba(18, 25, 32, .92) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 8px !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.22) !important;
}

body:not(.home) .single-post-content-wrap,
body:not(.home) .single-post-item,
body:not(.home) article.page {
  padding: clamp(22px, 4vw, 46px) !important;
}

body:not(.home) .single-post-item {
  overflow: hidden !important;
  margin-bottom: 28px !important;
}

body:not(.home) .single-post-item .post-thumbnail-wrapper,
body:not(.home) .single-post-item .post-thumbnail {
  margin: calc(clamp(22px, 4vw, 46px) * -1) calc(clamp(22px, 4vw, 46px) * -1) 24px !important;
}

body:not(.home) .post-content {
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body:not(.home) .widget {
  padding: 24px !important;
}

body:not(.home) .widget a,
body:not(.home) .wp-block-latest-posts__post-title,
body:not(.home) .wp-block-latest-posts,
body:not(.home) .wp-block-latest-posts li,
body:not(.home) .wp-block-latest-posts li a,
body:not(.home) .post-meta a,
body:not(.home) .category-single a,
body:not(.home) .post-read-more a,
body:not(.home) .read-more,
body:not(.home) .page-numbers {
  color: #26c485 !important;
}

body:not(.home) .category-single,
body:not(.home) .post-category,
body:not(.home) .category-list,
body:not(.home) .category-list a,
body:not(.home) .category-single a,
body:not(.home) .post-category a {
  background: #10261e !important;
  color: #d9fff0 !important;
  border-color: rgba(38, 196, 133, .38) !important;
}

body:not(.home) .post-meta,
body:not(.home) .post-meta span,
body:not(.home) .post-meta time,
body:not(.home) .post-meta i,
body:not(.home) .post-date,
body:not(.home) .posted-on,
body:not(.home) .nav-title,
body:not(.home) .category-single,
body:not(.home) .wp-block-search__label {
  color: #9ba8b0 !important;
}

body:not(.home) .post-navigation .nav-subtitle,
body:not(.home) .navigation.post-navigation .nav-subtitle {
  color: #f7fbff !important;
}

body:not(.home) .post-navigation .nav-title,
body:not(.home) .navigation.post-navigation .nav-title {
  color: #dce7ec !important;
}

body:not(.home) .post-read-more a,
body:not(.home) .read-more,
body:not(.home) .page-numbers.current,
body:not(.home) .page-numbers:hover {
  background: #26c485 !important;
  color: #04120d !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
}

body:not(.home) .post-read-more a,
body:not(.home) .read-more {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 16px !important;
}

body:not(.home) input,
body:not(.home) textarea,
body:not(.home) select,
body:not(.home) .wp-block-search__input {
  background: #0b1117 !important;
  color: #f7fbff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 6px !important;
}

body:not(.home) table,
body:not(.home) table tbody,
body:not(.home) table tr,
body:not(.home) table td,
body:not(.home) table th,
body:not(.home) .wp-block-table,
body:not(.home) .wp-block-table table {
  background: #121920 !important;
  color: #dce7ec !important;
  border-color: rgba(255,255,255,.14) !important;
}

body:not(.home) table th,
body:not(.home) .wp-block-table th {
  background: #10261e !important;
  color: #f8fbff !important;
}

body:not(.home) .cmplz-document .cmplz-category,
body:not(.home) .cmplz-document .cmplz-category-header,
body:not(.home) .cmplz-document .cmplz-service-header {
  background: #121920 !important;
  color: #f8fbff !important;
  border-color: rgba(255,255,255,.14) !important;
}

body:not(.home) .cmplz-document .cmplz-category-title,
body:not(.home) .cmplz-document .cmplz-service-title {
  color: #f8fbff !important;
}

body:not(.home) .cmplz-document .cmplz-always-active {
  color: #62f0b4 !important;
}

body:not(.home) button,
body:not(.home) input[type="submit"],
body:not(.home) .wp-block-search__button,
body:not(.home) .elementor-button,
body:not(.home) .th-btn {
  background: #26c485 !important;
  color: #04120d !important;
  border: 0 !important;
  border-radius: 6px !important;
  font-weight: 900 !important;
}

body:not(.home) .ekit-wid-con .elementskit-navbar-nav > li > a,
body:not(.home) .elementskit-navbar-nav > li > a,
body:not(.home) .elementor-icon-list-text,
body:not(.home) .ekit_page_list_title_title {
  color: #f7fbff !important;
}

body:not(.home) .elementor-section,
body:not(.home) .elementor-column,
body:not(.home) .elementor-widget-wrap {
  color: #dce7ec;
}

body:not(.home) footer,
body:not(.home) .elementor-location-footer {
  background: #080c10 !important;
  color: #dce7ec !important;
}

@media (max-width: 768px) {
  body:not(.home) .blog-breadcrumb {
    padding: 118px 18px 54px !important;
  }

  body:not(.home) .post__title,
  body:not(.home) .blog-breadcrumb h1,
  body:not(.home) h1 {
    font-size: clamp(30px, 10vw, 44px) !important;
    line-height: 1.05 !important;
  }

  body:not(.home) .single-post-content-wrap,
  body:not(.home) article.page,
  body:not(.home) .widget {
    padding: 20px !important;
  }
}