html {
  scroll-behavior: smooth;
}

@media screen and (max-width: 768px) {
  .section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .section .image-container {
    padding: 0 !important;
  }
}

.rounded {
  border-radius: 16px !important;
}
.rounded img {
  border-radius: 16px !important;
}
.rounded.btn {
  border-radius: 10px !important;
}

.btn, button {
  transition: all 150ms ease-in-out;
}

.btn--lg {
  padding: 20px 24px !important;
}

.max-w-1280 {
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.hero {
  position: relative;
  min-height: 60vh;
  display: flex;
}
.hero .inner {
  position: relative;
  z-index: 15 !important;
}
.hero::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.nav-header {
  position: relative;
  z-index: 40;
}

.mega-menu-container .menu-item a.mega-menu-link .menu-item-title,
.mega-menu-container .menu-item .menu-item-title {
  padding: 10px 16px !important;
  border-radius: 7px !important;
  transition: all 150ms ease-in-out;
}
.mega-menu-container .menu-item .sub-menu-align.submenu {
  min-width: 100% !important;
  right: 0 !important;
}
.mega-menu-container .image-container img {
  max-width: 100px !important;
  max-height: 60px !important;
}

.read-more-button .button-icon-start {
  display: none;
}
.read-more-button .button-icon-end {
  transition: all 150ms ease-in-out;
}
.read-more-button:hover .button-icon-end {
  transform: translateX(5px);
}

.hidden {
  display: none;
}

.shape-divider-holder .inner .c-column, .shape-divider-holder .inner .c-row {
  padding: 0 0 !important;
}
.shape-divider-holder--primary .shape-fill {
  fill: #eff0f3;
}
.shape-divider-holder--secondary .shape-fill {
  fill: #ff8e3c;
}
.shape-divider-holder--tertiary .shape-fill {
  fill: #d9376e;
}
.shape-divider-holder .shape-divider {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}
.shape-divider-holder .shape-divider svg {
  position: relative;
  display: block;
  width: calc(100% + 1.3px);
  height: 46px;
}

:root {
  --primary-color: #eff0f3;
  --primary-color-darker: #d4d4d4;
  --primary-color-text: #0d0d0d;
  --secondary-color: #ff8e3c;
  --secondary-color-darker: #f47b24;
  --secondary-color-text: #0d0d0d;
  --tertiary-color: #d9376e;
  --tertiary-color-darker: #c5265b;
  --tertiary-color-text: #FFF;
}

.section .btn.btn--primary {
  background: #eff0f3;
  color: #0d0d0d;
  border: none;
}
.section .btn.btn--primary div {
  color: #0d0d0d;
}
.section .btn.btn--primary:hover {
  background: #d4d4d4;
}
.section .btn.btn--primary:hover div {
  color: #0d0d0d;
}
.section .btn.btn--secondary {
  background: #ff8e3c;
  color: #0d0d0d;
  border: none;
}
.section .btn.btn--secondary div {
  color: #0d0d0d;
}
.section .btn.btn--secondary:hover {
  background: #f47b24;
}
.section .btn.btn--secondary:hover div {
  color: #0d0d0d;
}
.section.section--primary {
  background: #eff0f3;
}
.section.section--primary div,
.section.section--primary span,
.section.section--primary p,
.section.section--primary h1,
.section.section--primary h2,
.section.section--primary h3,
.section.section--primary h4 {
  color: #0d0d0d;
}
.section.section--secondary {
  background: #ff8e3c;
}
.section.section--secondary div,
.section.section--secondary span,
.section.section--secondary p,
.section.section--secondary h1,
.section.section--secondary h2,
.section.section--secondary h3,
.section.section--secondary h4 {
  color: #0d0d0d;
}
.section.section--tertiary {
  background: #d9376e;
}
.section.section--tertiary div,
.section.section--tertiary span,
.section.section--tertiary p,
.section.section--tertiary h1,
.section.section--tertiary h2,
.section.section--tertiary h3,
.section.section--tertiary h4 {
  color: #FFF;
}
.section .service-card {
  background: #eff0f3;
}
.section .service-card div,
.section .service-card p,
.section .service-card h1,
.section .service-card h2,
.section .service-card h3,
.section .service-card h4 {
  color: #0d0d0d;
}
.section .service-card .read-more-button div, .section .service-card .read-more-button span {
  color: #0d0d0d;
}