@charset "UTF-8";
html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-BlackItalic.woff2") format("woff2"), url("../fonts/Satoshi-BlackItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Black.woff2") format("woff2"), url("../fonts/Satoshi-Black.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-MediumItalic.woff2") format("woff2"), url("../fonts/Satoshi-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-LightItalic.woff2") format("woff2"), url("../fonts/Satoshi-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-BoldItalic.woff2") format("woff2"), url("../fonts/Satoshi-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Regular.woff2") format("woff2"), url("../fonts/Satoshi-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Italic.woff2") format("woff2"), url("../fonts/Satoshi-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Bold.woff2") format("woff2"), url("../fonts/Satoshi-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Light.woff2") format("woff2"), url("../fonts/Satoshi-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi Variable";
  src: url("../fonts/SatoshiVariable-BoldItalic.woff2") format("woff2"), url("../fonts/SatoshiVariable-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi Variable";
  src: url("../fonts/SatoshiVariable-Bold.woff2") format("woff2"), url("../fonts/SatoshiVariable-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Medium.woff2") format("woff2"), url("../fonts/Satoshi-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.appear {
  animation: 1.5s appear;
}

.disappear {
  animation: 1.5s disappear;
}

@keyframes appear {
  0% {
    opacity: 0;
    bottom: -3rem;
  }
  100% {
    opacity: 1;
    bottom: 0;
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
    bottom: -3rem;
  }
  100% {
    opacity: 0;
    bottom: 0;
  }
}
.loader {
  position: relative;
  width: 44px;
  height: 8px;
  margin: 12px auto;
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #ccc;
  position: absolute;
}

.dot_1 {
  animation: animateDot1 1.5s linear infinite;
  left: 12px;
  background: #111111;
}

.dot_2 {
  animation: animateDot2 1.5s linear infinite;
  animation-delay: 0.5s;
  left: 24px;
}

.dot_3 {
  animation: animateDot3 1.5s linear infinite;
  left: 12px;
}

.dot_4 {
  animation: animateDot4 1.5s linear infinite;
  animation-delay: 0.5s;
  left: 24px;
}

@keyframes animateDot1 {
  0% {
    transform: rotate(0deg) translateX(-12px);
  }
  25% {
    transform: rotate(180deg) translateX(-12px);
  }
  75% {
    transform: rotate(180deg) translateX(-12px);
  }
  100% {
    transform: rotate(360deg) translateX(-12px);
  }
}
@keyframes animateDot2 {
  0% {
    transform: rotate(0deg) translateX(-12px);
  }
  25% {
    transform: rotate(-180deg) translateX(-12px);
  }
  75% {
    transform: rotate(-180deg) translateX(-12px);
  }
  100% {
    transform: rotate(-360deg) translateX(-12px);
  }
}
@keyframes animateDot3 {
  0% {
    transform: rotate(0deg) translateX(12px);
  }
  25% {
    transform: rotate(180deg) translateX(12px);
  }
  75% {
    transform: rotate(180deg) translateX(12px);
  }
  100% {
    transform: rotate(360deg) translateX(12px);
  }
}
@keyframes animateDot4 {
  0% {
    transform: rotate(0deg) translateX(12px);
  }
  25% {
    transform: rotate(-180deg) translateX(12px);
  }
  75% {
    transform: rotate(-180deg) translateX(12px);
  }
  100% {
    transform: rotate(-360deg) translateX(12px);
  }
}
.scroll-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #111111;
  height: 3.75rem;
  overflow: hidden;
}

.slide-text {
  width: 100%;
  overflow-x: hidden;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
.slide-text p, .slide-text .btn, .slide-text .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .slide-text .wpcf7-list-item-label, .slide-text .post .text-wrapper .categories .category, .post .text-wrapper .categories .slide-text .category, .slide-text .map-link {
  font-family: "JetBrains Mono", sans-serif;
  color: white;
  font-size: 1rem;
  text-wrap: nowrap;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem; /* 187.5% */
  letter-spacing: -0.03rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

.scrollable-section {
  height: 100vh;
  padding: 0;
}

.scrollable-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.scrollable-content {
  height: 100%;
  overflow-y: auto;
  padding: 2rem;
}

.dummy-content {
  height: 200vh;
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: white;
}

.scrollable-cards-container {
  position: absolute;
  top: 0;
}

h1, .hero-wrapper h1 span, .hero-wrapper .is-h1 span, .is-h1 {
  font-size: 5.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 5rem;
  letter-spacing: -0.25rem;
}
@media only screen and (max-width: 768px) {
  h1, .hero-wrapper h1 span, .hero-wrapper .is-h1 span, .is-h1 {
    font-size: 2.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 104%; /* 2.99rem */
    letter-spacing: -0.25rem;
  }
}

h2, .is-h2, .custom-map .left h2 span, .custom-map .left .is-h2 span, .map-section h2 .custom-map .left span span, .map-section .is-h2 .custom-map .left span span, .map-section h2 span, .map-section .is-h2 span {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.5rem; /* 100% */
  letter-spacing: -0.25rem;
  font-family: "Inter", sans-serif;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  h2, .is-h2, .custom-map .left h2 span, .custom-map .left .is-h2 span, .map-section h2 .custom-map .left span span, .map-section .is-h2 .custom-map .left span span, .map-section h2 span, .map-section .is-h2 span {
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 104%; /* 2.47rem */
    letter-spacing: -0.125rem;
  }
}

h3, .cta-banner .cta-banner-inner .cta-button span {
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.375rem; /* 100% */
  letter-spacing: -0.07125rem;
  font-family: "Inter", sans-serif;
}

h4 {
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 768px) {
  h4 {
    font-size: 1rem;
  }
}

h5, .post blockquote p, .post blockquote .btn, .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .wpcf7-list-item-label, .post blockquote .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .category, .post blockquote .map-link, .accordion-button {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2rem;
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 768px) {
  h5, .post blockquote p, .post blockquote .btn, .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .wpcf7-list-item-label, .post blockquote .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .category, .post blockquote .map-link, .accordion-button {
    font-size: 0.8rem;
  }
}

.p-lead, .platform-section .left h2, .platform-section .left .is-h2, .platform-section .custom-map .left h2 span, .custom-map .platform-section .left h2 span, .platform-section .custom-map .left .is-h2 span, .custom-map .platform-section .left .is-h2 span, .platform-section .map-section h2 .custom-map .left span span, .map-section h2 .custom-map .platform-section .left span span, .platform-section .map-section .is-h2 .custom-map .left span span, .map-section .is-h2 .custom-map .platform-section .left span span, .platform-section .left h3, .platform-section .left .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .platform-section .left span, .platform-section .left span, h6 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem; /* 113.333% */
  letter-spacing: -0.05625rem;
}
.p-lead p, .p-lead .btn, .p-lead .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .p-lead .wpcf7-list-item-label, .p-lead .post .text-wrapper .categories .category, .post .text-wrapper .categories .p-lead .category, .p-lead .map-link, .platform-section .left h2 p, .platform-section .left h2 .btn, .platform-section .left h2 .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-section .left h2 .wpcf7-list-item-label, .platform-section .left h2 .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-section .left h2 .category, .platform-section .left h2 .map-link, .platform-section .left .is-h2 p, .platform-section .left .is-h2 .btn, .platform-section .left .is-h2 .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-section .left .is-h2 .wpcf7-list-item-label, .platform-section .left .is-h2 .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-section .left .is-h2 .category, .platform-section .left .is-h2 .map-link, .platform-section .left h3 p, .platform-section .left h3 .btn, .platform-section .left h3 .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-section .left h3 .wpcf7-list-item-label, .platform-section .left h3 .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-section .left h3 .category, .platform-section .left h3 .map-link, .platform-section .left .cta-banner .cta-banner-inner .cta-button span p, .cta-banner .cta-banner-inner .cta-button .platform-section .left span p, .platform-section .left span p, .platform-section .left span .btn, .platform-section .left span .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-section .left span .wpcf7-list-item-label, .platform-section .left span .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-section .left span .category, .platform-section .left span .map-link, h6 p, h6 .btn, h6 .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item h6 .wpcf7-list-item-label, h6 .post .text-wrapper .categories .category, .post .text-wrapper .categories h6 .category, h6 .map-link {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem; /* 113.333% */
  letter-spacing: -0.05625rem;
}

.subheading, .modal-body h4, .platform-card h2, .platform-card .is-h2, .platform-card .map-section h2 span, .map-section h2 .platform-card span, .platform-card .map-section .is-h2 span, .map-section .is-h2 .platform-card span, .platform-card .custom-map .left h2 span, .custom-map .left h2 .platform-card span, .platform-card .custom-map .left .is-h2 span, .custom-map .left .is-h2 .platform-card span, .platform-card h3, .platform-card .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .platform-card span, .platform-card h4, .platform-card h5, .platform-card .accordion-button, .platform-card .post blockquote p, .post blockquote .platform-card p, .platform-card .post blockquote .map-link, .post blockquote .platform-card .map-link, .platform-card .post blockquote .btn, .platform-card .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-card .post blockquote .wpcf7-list-item-label, .post blockquote .platform-card .btn, .post blockquote .platform-card .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .platform-card .wpcf7-list-item-label, .platform-card .post blockquote .text-wrapper .categories .category, .post blockquote .text-wrapper .categories .platform-card .category, .platform-card .post .text-wrapper .categories blockquote .category, .post .text-wrapper .categories blockquote .platform-card .category, .platform-card h6 {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4375rem; /* 164.286% */
  letter-spacing: -0.02625rem;
  text-transform: uppercase;
}

p, .btn, .form-radio .wpcf7-list-item .wpcf7-list-item-label, .post .text-wrapper .categories .category, .map-link {
  font-family: "Inter", sans-serif;
}

@media only screen and (max-width: 576px) {
  .is-h1 br {
    display: none;
  }
}

.is-h1-section-title {
  text-align: center;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

li {
  font-family: "Inter", sans-serif;
}

p, .btn, .form-radio .wpcf7-list-item .wpcf7-list-item-label, .post .text-wrapper .categories .category, .map-link {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}

.p-small {
  font-size: 0.8rem;
}

.is-bigger-p {
  font-size: 1.2rem;
}

span {
  font-size: 1rem;
  font-family: "Inter", sans-serif;
}

a {
  word-break: break-word;
}

address {
  font-family: "Inter", sans-serif;
}

.btn, .form-radio .wpcf7-list-item .wpcf7-list-item-label, .post .text-wrapper .categories .category {
  font-weight: 600;
}

.decorative-text {
  background: linear-gradient(to left, #DCD7D2, #7F736C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.section-title {
  text-transform: none;
  margin-bottom: 3rem;
}

.text-muted {
  color: #C8C8C8 !important;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-underline {
  text-decoration: underline !important;
}
.text-underline a {
  text-decoration: underline !important;
}

.features .features-items-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  row-gap: 90px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 992px) {
  .features .features-items-wrapper {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 992px) {
  .features .features-items-wrapper {
    gap: 5rem;
  }
}
.features .features-items-wrapper .features-item {
  display: flex;
  width: 260px;
  position: relative;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 19px;
  flex-shrink: 0;
}
@media only screen and (max-width: 576px) {
  .features .features-items-wrapper .features-item {
    width: 105px;
  }
}
.features .features-items-wrapper .features-item .features-bg {
  z-index: -1;
  position: absolute;
}
@media only screen and (max-width: 576px) {
  .features .features-items-wrapper .features-item .features-bg {
    left: -12% !important;
  }
}
.features .features-items-wrapper .features-item h3, .features .features-items-wrapper .features-item .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .features .features-items-wrapper .features-item span {
  margin-bottom: 0;
}
.features .features-items-wrapper .features-item p, .features .features-items-wrapper .features-item .btn, .features .features-items-wrapper .features-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .features .features-items-wrapper .features-item .wpcf7-list-item-label, .features .features-items-wrapper .features-item .post .text-wrapper .categories .category, .post .text-wrapper .categories .features .features-items-wrapper .features-item .category, .features .features-items-wrapper .features-item .map-link {
  width: 211px;
}
@media only screen and (max-width: 992px) {
  .features .features-items-wrapper .features-item p, .features .features-items-wrapper .features-item .btn, .features .features-items-wrapper .features-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .features .features-items-wrapper .features-item .wpcf7-list-item-label, .features .features-items-wrapper .features-item .post .text-wrapper .categories .category, .post .text-wrapper .categories .features .features-items-wrapper .features-item .category, .features .features-items-wrapper .features-item .map-link {
    width: unset;
  }
}
.features .features-items-wrapper .features-decoration {
  width: 100%;
  margin-top: 4rem;
  text-align: center;
  transform: rotate(-5.742deg);
  font-family: Caveat, sans-serif;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 87.5% */
  letter-spacing: -1.28px;
}
.features .features-items-wrapper .features-decoration .underline {
  position: relative;
}
.features .features-items-wrapper .features-decoration .underline:before {
  position: absolute;
  content: "";
  bottom: -2rem;
  height: 5rem;
  z-index: -1;
  width: 100%;
  background: url(../img/underline.svg) center no-repeat;
  transform: scale(1);
  transition: 0.3s;
}
.features .features-items-wrapper .features-decoration span {
  font-size: 2rem;
}

.services {
  position: relative;
  padding: 4.25rem 0;
}
.services .section-bg {
  background-position: 50% 20%;
}
@media only screen and (max-width: 2561px) {
  .services .section-bg {
    background-size: 100% 160%;
  }
}
@media only screen and (max-width: 1921px) {
  .services .section-bg {
    background-size: cover;
  }
}
.services .container-fluid {
  background: transparent;
  color: white;
}
.services .container-fluid h2, .services .container-fluid .is-h2, .services .container-fluid .custom-map .left h2 span, .custom-map .left h2 .services .container-fluid span, .services .container-fluid .custom-map .left .is-h2 span, .custom-map .left .is-h2 .services .container-fluid span, .services .container-fluid .map-section h2 span, .map-section h2 .services .container-fluid span, .services .container-fluid .map-section .is-h2 span, .map-section .is-h2 .services .container-fluid span {
  margin-bottom: 6.75rem;
}
.services .swiper-slide {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.services .services-item {
  width: 20rem;
  height: 24rem;
  perspective: 1000px; /* For 3D effect */
  position: relative; /* Needed for absolute positioning of cards */
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.services .services-item .card-front,
.services .services-item .card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #ffffff;
  color: #111111;
  border-radius: 2.5rem;
  backface-visibility: hidden; /* Hide the back of the card */
  transition: transform 0.8s ease; /* Smooth transition */
  cursor: pointer; /* Make the card clickable */
}
.services .services-item .card-front p, .services .services-item .card-front .btn, .services .services-item .card-front .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .services .services-item .card-front .wpcf7-list-item-label, .services .services-item .card-front .post .text-wrapper .categories .category, .post .text-wrapper .categories .services .services-item .card-front .category, .services .services-item .card-front .map-link,
.services .services-item .card-back p,
.services .services-item .card-back .btn,
.services .services-item .card-back .form-radio .wpcf7-list-item .wpcf7-list-item-label,
.form-radio .wpcf7-list-item .services .services-item .card-back .wpcf7-list-item-label,
.services .services-item .card-back .post .text-wrapper .categories .category,
.post .text-wrapper .categories .services .services-item .card-back .category,
.services .services-item .card-back .map-link {
  margin-bottom: 0;
}
.services .services-item .card-front {
  transform: rotateY(0deg);
}
.services .services-item .card-back {
  transform: rotateY(180deg);
}
.services .services-item.flipped .card-front {
  transform: rotateY(-180deg);
}
.services .services-item.flipped .card-back {
  transform: rotateY(0deg);
}

.services-secondary .card-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .services-secondary .card-grid {
    grid-template-columns: 1fr;
  }
}
.services-secondary .card-grid .service-card {
  display: flex;
  flex-direction: column;
}
.services-secondary .card-grid .service-card .img img {
  width: 100%;
  height: 100%;
  max-height: 16rem;
  min-height: 16rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.services-secondary .card-grid .service-card .bottom {
  border: thin solid #111111;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.6rem 1.2rem;
}
@media only screen and (max-width: 992px) {
  .services-secondary .card-grid .service-card .bottom {
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .services-secondary .card-grid .service-card .bottom {
    padding: 0.8rem 1rem;
  }
}
.services-secondary .card-grid .service-card .bottom h4 {
  font-size: 1rem;
  margin-bottom: 0;
}
.services-secondary .card-grid .service-card .bottom button {
  width: -moz-fit-content;
  width: fit-content;
}

.scrolling-cards-section {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.scrolling-cards-section .container-fluid {
  background: transparent;
}
.scrolling-cards-section .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .scrolling-cards-section .wrapper {
    flex-direction: column;
  }
}
.scrolling-cards-section .wrapper .left {
  max-width: 50%;
  color: #ffffff;
  position: sticky;
  top: 1rem;
  height: -moz-fit-content;
  height: fit-content;
  align-self: flex-start;
  width: 40%;
  padding-right: 1rem;
}
@media only screen and (max-width: 992px) {
  .scrolling-cards-section .wrapper .left {
    max-width: unset;
    padding-bottom: 2rem;
    padding-right: 0;
    position: static;
    width: 100%;
  }
  .scrolling-cards-section .wrapper .left br {
    display: none;
  }
}
.scrolling-cards-section .wrapper h2, .scrolling-cards-section .wrapper .is-h2, .scrolling-cards-section .wrapper .custom-map .left h2 span, .custom-map .left h2 .scrolling-cards-section .wrapper span, .scrolling-cards-section .wrapper .custom-map .left .is-h2 span, .custom-map .left .is-h2 .scrolling-cards-section .wrapper span, .scrolling-cards-section .wrapper .map-section h2 span, .map-section h2 .scrolling-cards-section .wrapper span, .scrolling-cards-section .wrapper .map-section .is-h2 span, .map-section .is-h2 .scrolling-cards-section .wrapper span {
  margin-bottom: 4.5rem;
}
.scrolling-cards-section .right {
  width: 35.9375rem;
}
@media only screen and (max-width: 992px) {
  .scrolling-cards-section .right {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
.scrolling-cards-section .right .team-card:nth-child(even), .scrolling-cards-section .right .service-card:nth-child(even) {
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .scrolling-cards-section .right .team-card:nth-child(even), .scrolling-cards-section .right .service-card:nth-child(even) {
    margin-left: unset;
  }
}

@media only screen and (max-width: 768px) {
  .mobile-one-column {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
  }
}

.content-page {
  margin-bottom: 6.35rem;
}
.content-page .container {
  max-width: 49.5rem;
}
.content-page h2, .content-page .is-h2, .content-page .custom-map .left h2 span, .custom-map .left h2 .content-page span, .content-page .custom-map .left .is-h2 span, .custom-map .left .is-h2 .content-page span, .content-page .map-section h2 span, .map-section h2 .content-page span, .content-page .map-section .is-h2 span, .map-section .is-h2 .content-page span {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.content-page .margin-auto {
  margin: auto;
}
.content-page .text-wrapper {
  max-width: 49.5rem;
}
.content-page .text-wrapper h2, .content-page .text-wrapper .is-h2, .content-page .text-wrapper .custom-map .left h2 span, .custom-map .left h2 .content-page .text-wrapper span, .content-page .text-wrapper .custom-map .left .is-h2 span, .custom-map .left .is-h2 .content-page .text-wrapper span, .content-page .text-wrapper .map-section h2 span, .map-section h2 .content-page .text-wrapper span, .content-page .text-wrapper .map-section .is-h2 span, .map-section .is-h2 .content-page .text-wrapper span {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.content-page .text-wrapper li {
  font-size: clamp(0.7rem, 1.7vw - 0.2rem, 1rem);
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 576px) {
  .content-page .text-wrapper li {
    line-height: 1rem;
  }
}
.content-page .text-wrapper h4 {
  margin-top: 2rem;
  margin-bottom: 1.25rem;
}
.content-page .text-wrapper h4:first-child {
  margin-top: 0 !important;
}
.content-page .text-wrapper h3:first-child, .content-page .text-wrapper .cta-banner .cta-banner-inner .cta-button span:first-child, .cta-banner .cta-banner-inner .cta-button .content-page .text-wrapper span:first-child {
  margin-top: 0 !important;
}

.imprint-page {
  margin-bottom: 0;
}
.imprint-page article {
  position: relative;
  padding-bottom: 7rem;
  top: -8rem;
}
@media only screen and (max-width: 768px) {
  .imprint-page article {
    top: -5rem;
    padding-bottom: 1rem;
    margin-bottom: -3rem;
  }
}
.imprint-page .container {
  max-width: 33rem;
}
.imprint-page h5, .imprint-page .post blockquote p, .imprint-page .post blockquote .btn, .imprint-page .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .imprint-page .post blockquote .wpcf7-list-item-label, .imprint-page .post blockquote .text-wrapper .categories .category, .imprint-page .post .text-wrapper .categories blockquote .category, .post blockquote .imprint-page p, .post blockquote .imprint-page .btn, .post blockquote .imprint-page .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .imprint-page .wpcf7-list-item-label, .post blockquote .imprint-page .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .imprint-page .category, .imprint-page .post blockquote .map-link, .post blockquote .imprint-page .map-link, .imprint-page .accordion-button {
  margin-bottom: 1.2rem;
}
.imprint-page p, .imprint-page .btn, .imprint-page .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .imprint-page .wpcf7-list-item-label, .imprint-page .post .text-wrapper .categories .category, .post .text-wrapper .categories .imprint-page .category, .imprint-page .map-link {
  margin-bottom: 1.2rem;
}
.imprint-page img {
  margin-top: 0.2rem;
  margin-right: 0.3rem;
  width: 1.2rem;
  height: 1.2rem;
}

.contact-page h2, .contact-page .is-h2, .contact-page .custom-map .left h2 span, .custom-map .left h2 .contact-page span, .contact-page .custom-map .left .is-h2 span, .custom-map .left .is-h2 .contact-page span, .contact-page .map-section h2 span, .map-section h2 .contact-page span, .contact-page .map-section .is-h2 span, .map-section .is-h2 .contact-page span {
  margin-bottom: 2rem;
}
.contact-page input[type=submit] {
  height: 2.8rem;
}
@media only screen and (max-width: 992px) {
  .contact-page .btn, .contact-page .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .contact-page .wpcf7-list-item-label, .contact-page .post .text-wrapper .categories .category, .post .text-wrapper .categories .contact-page .category {
    margin-right: 0;
    width: 100%;
    font-size: 0.8rem;
    height: 2.2rem;
    margin-bottom: 1rem;
  }
}
.contact-page .button-wrapper {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 2.4rem;
  flex-direction: row;
}
@media only screen and (max-width: 992px) {
  .contact-page .button-wrapper {
    margin-bottom: 1rem;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .contact-page .button-wrapper {
    margin-bottom: 1rem;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 576px) {
  .contact-page .button-wrapper {
    margin-bottom: 1rem;
    flex-wrap: wrap;
  }
}
.contact-page .button-wrapper button:first-child {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 576px) {
  .contact-page .button-wrapper button:first-child {
    margin-right: 0;
  }
}
.contact-page i {
  padding-top: 0.3rem;
  margin-right: 0.3rem;
  width: 1.2rem;
  height: 1.2rem;
}
.contact-page .contact-info {
  background-color: #111111;
  padding: 2.25rem 2.65rem 3.2rem;
}
@media only screen and (max-width: 768px) {
  .contact-page .contact-info {
    padding: 2rem 1rem;
  }
}
.contact-page .contact-info .contact-info-details {
  margin-bottom: 4rem;
}
.contact-page .contact-info .contact-info-details .d-flex img {
  margin-top: 0.25rem;
  height: 1.2rem;
  width: 1.2rem;
  margin-right: 0.25rem;
}
.contact-page .contact-info a {
  margin-right: 1.2rem;
  text-decoration: none;
}
.contact-page .contact-info h5, .contact-page .contact-info .post blockquote p, .contact-page .contact-info .post blockquote .btn, .contact-page .contact-info .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .contact-page .contact-info .post blockquote .wpcf7-list-item-label, .contact-page .contact-info .post blockquote .text-wrapper .categories .category, .contact-page .contact-info .post .text-wrapper .categories blockquote .category, .post blockquote .contact-page .contact-info p, .post blockquote .contact-page .contact-info .btn, .post blockquote .contact-page .contact-info .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .contact-page .contact-info .wpcf7-list-item-label, .post blockquote .contact-page .contact-info .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .contact-page .contact-info .category, .contact-page .contact-info .post blockquote .map-link, .post blockquote .contact-page .contact-info .map-link, .contact-page .contact-info .accordion-button {
  margin-bottom: 1.7rem;
}

.team {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70rem;
}
@media only screen and (max-width: 1200px) {
  .team {
    height: unset;
  }
}
.team h2, .team .is-h2, .team .custom-map .left h2 span, .custom-map .left h2 .team span, .team .custom-map .left .is-h2 span, .custom-map .left .is-h2 .team span, .team .map-section h2 span, .map-section h2 .team span, .team .map-section .is-h2 span, .map-section .is-h2 .team span {
  position: relative;
  text-align: center;
  z-index: 2;
  font-size: clamp(3rem, 6.5vw - 1.9rem, 5rem);
}
@media only screen and (max-width: 1200px) {
  .team h2, .team .is-h2, .team .custom-map .left h2 span, .custom-map .left h2 .team span, .team .custom-map .left .is-h2 span, .custom-map .left .is-h2 .team span, .team .map-section h2 span, .map-section h2 .team span, .team .map-section .is-h2 span, .map-section .is-h2 .team span {
    margin-bottom: 3rem;
  }
}
.team .position-1 {
  transform: translateY(-200%) translateX(30%);
}
.team .position-2 {
  transform: translateY(-150%) translateX(250%);
}
.team .position-3 {
  transform: translateY(-30%);
}
.team .position-4 {
  transform: translateY(10%) translateX(300%);
}
.team .position-5 {
  transform: translateY(60%) translateX(135%);
}
@media only screen and (max-width: 1200px) {
  .team .team-members-wrapper {
    display: none;
  }
}
.team .team-members-wrapper .team-members {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 15.188rem;
  max-height: 17.75rem;
}
.team .swiper-wrapper {
  gap: 1rem;
}
.team .swiper-wrapper .member-info {
  width: 11rem !important;
}
.team .team-members {
  z-index: 1;
  max-width: 15.188rem;
  max-height: 17.75rem;
  gap: 1rem;
}
.team .team-members img {
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}
.team .team-members .member-info {
  background-image: linear-gradient(to bottom, transparent, black);
  color: white;
  position: absolute;
  display: flex;
  padding: 1.5rem;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  flex-direction: column;
  z-index: 0;
  left: 0;
  bottom: 0;
}

.section-testimonials {
  overflow: hidden;
}
.section-testimonials h4 {
  margin-bottom: 2rem;
}
.section-testimonials .swiper-wrapper .testimonial {
  background-color: #111111;
  text-align: center;
  padding: 1.6rem;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}
.section-testimonials .swiper-wrapper .testimonial img {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .section-testimonials .swiper-wrapper .testimonial img {
    max-height: 1.1rem;
  }
}
.section-testimonials .swiper-wrapper .testimonial .testimonial-text {
  padding: 0 3rem;
  margin: 0 auto 0 auto;
}
@media only screen and (max-width: 992px) {
  .section-testimonials .swiper-wrapper .testimonial .testimonial-text {
    padding: 0 1rem;
  }
}
.section-testimonials .swiper-wrapper .testimonial .testimonial-author {
  color: #C8C8C8;
  margin-bottom: 0;
}
.section-testimonials .swiper-wrapper .testimonial .quotes-icon-navy {
  margin: 0 auto 1rem auto;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #6E7C89;
  -webkit-mask-image: url("../img//quotes_navy.svg");
          mask-image: url("../img//quotes_navy.svg");
  background-size: cover;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.section-testimonials .swiper-wrapper .testimonial .quotes-icon {
  margin: 0 auto 1rem auto;
  height: 1.6rem;
  width: 1.6rem;
  background-color: #C8C8C8;
  -webkit-mask-image: url("../img//quotes.svg");
          mask-image: url("../img//quotes.svg");
  background-size: cover;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.blog-section {
  overflow: hidden;
}
.blog-section .section-title {
  margin-bottom: 2rem;
}
.blog-section .blog-item {
  max-width: 20rem;
  position: relative;
}

.blog-item {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .blog-item h5, .blog-item .post blockquote p, .blog-item .post blockquote .btn, .blog-item .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .blog-item .post blockquote .wpcf7-list-item-label, .blog-item .post blockquote .text-wrapper .categories .category, .blog-item .post .text-wrapper .categories blockquote .category, .post blockquote .blog-item p, .post blockquote .blog-item .btn, .post blockquote .blog-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .blog-item .wpcf7-list-item-label, .post blockquote .blog-item .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .blog-item .category, .blog-item .post blockquote .map-link, .post blockquote .blog-item .map-link, .blog-item .accordion-button {
    font-size: 1.2rem;
  }
}
.blog-item p, .blog-item .btn, .blog-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .blog-item .wpcf7-list-item-label, .blog-item .post .text-wrapper .categories .category, .post .text-wrapper .categories .blog-item .category, .blog-item .map-link {
  color: #C8C8C8;
  margin-bottom: 0.7rem;
}
@media only screen and (max-width: 768px) {
  .blog-item p, .blog-item .btn, .blog-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .blog-item .wpcf7-list-item-label, .blog-item .post .text-wrapper .categories .category, .post .text-wrapper .categories .blog-item .category, .blog-item .map-link {
    font-size: 1rem;
  }
}
.blog-item .caf-content-read-more {
  display: none;
}
.blog-item .manage-layout1 {
  box-shadow: none !important;
}
.blog-item .caf-content-read-more {
  display: none !important;
}
.blog-item img {
  margin-bottom: 1rem;
  width: 100%;
  height: 13.6rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-item h5, .blog-item .post blockquote p, .blog-item .post blockquote .btn, .blog-item .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .blog-item .post blockquote .wpcf7-list-item-label, .blog-item .post blockquote .text-wrapper .categories .category, .blog-item .post .text-wrapper .categories blockquote .category, .post blockquote .blog-item p, .post blockquote .blog-item .btn, .post blockquote .blog-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .blog-item .wpcf7-list-item-label, .post blockquote .blog-item .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .blog-item .category, .blog-item .post blockquote .map-link, .post blockquote .blog-item .map-link, .blog-item .accordion-button {
  line-height: 1.8rem;
}
.blog-item a {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
}

.blog-page .hero-simple {
  padding-top: 5rem;
  margin-bottom: -5rem;
  height: 20rem;
}
@media only screen and (max-width: 768px) {
  .blog-page .hero-simple {
    padding-top: 0;
    height: 12.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .blog-page .form {
    width: 100%;
  }
}
.blog-page .form i {
  position: absolute;
  left: 0;
  height: 1rem;
  width: 1rem;
  top: 0.7rem;
}
@media only screen and (max-width: 768px) {
  .blog-page .form i {
    font-size: 0.6rem !important;
    top: 0.5rem;
  }
}
.blog-page .form .form-control {
  padding-left: 2rem;
  font-size: 0.8rem;
}
@media only screen and (max-width: 768px) {
  .blog-page .form .form-control {
    font-size: 0.6rem !important;
    padding: 0 0 0 1rem;
    min-height: 1.7rem;
    width: 100%;
  }
}
.blog-page .filter-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.1rem;
}
@media only screen and (max-width: 768px) {
  .blog-page .filter-section {
    flex-direction: column;
    align-items: start;
    gap: 0.35rem;
    margin-bottom: 1.7rem;
  }
}
@media only screen and (max-width: 768px) {
  .blog-page .filter-section .d-flex {
    flex-wrap: wrap;
  }
}
.blog-page .filter-section .d-flex button {
  margin-right: 0.6rem;
}
@media only screen and (max-width: 768px) {
  .blog-page .filter-section .d-flex button {
    min-width: 2rem;
    max-height: 1.7rem;
    min-height: 1.7rem;
    line-height: 1.7rem;
    font-size: 0.55rem;
    padding: 0 0.65rem;
    margin-right: 0.35rem;
    margin-bottom: 0.4rem;
  }
}
.blog-page .blog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.8rem;
}
@media only screen and (max-width: 768px) {
  .blog-page .blog-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

/* CSS styles */
.partners-section {
  background-color: #111111;
}
.partners-section .section-content {
  padding: 4.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .partners-section .section-content {
    margin-top: 5rem;
    padding: 2rem 0.75rem;
    flex-direction: column;
  }
}
.partners-section .section-text {
  width: 45%;
  padding-right: 1rem;
}
@media only screen and (max-width: 768px) {
  .partners-section .section-text {
    width: 100%;
    padding-right: 0;
  }
}
.partners-section .section-text h4 {
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 768px) {
  .partners-section .section-text h4 {
    margin-bottom: 1.6rem;
  }
}
.partners-section .section-carousel {
  width: 50%;
  height: 13.3rem;
  border: 2px solid #DCD7D2;
}
@media only screen and (max-width: 768px) {
  .partners-section .section-carousel {
    width: 100%;
  }
}
.partners-section .swiper-container {
  width: 100%;
  height: 100%;
}

.image-text-block {
  background: white;
}
@media only screen and (max-width: 768px) {
  .image-text-block {
    margin-bottom: 2rem;
  }
}
.image-text-block .row {
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .image-text-block .row {
    justify-content: unset;
  }
}
@media only screen and (max-width: 768px) {
  .image-text-block .row {
    flex-direction: column-reverse;
  }
}
.image-text-block h2, .image-text-block .is-h2, .image-text-block .custom-map .left h2 span, .custom-map .left h2 .image-text-block span, .image-text-block .custom-map .left .is-h2 span, .custom-map .left .is-h2 .image-text-block span, .image-text-block .map-section h2 span, .map-section h2 .image-text-block span, .image-text-block .map-section .is-h2 span, .map-section .is-h2 .image-text-block span {
  margin-bottom: 4.75rem;
}
@media only screen and (max-width: 768px) {
  .image-text-block h2, .image-text-block .is-h2, .image-text-block .custom-map .left h2 span, .custom-map .left h2 .image-text-block span, .image-text-block .custom-map .left .is-h2 span, .custom-map .left .is-h2 .image-text-block span, .image-text-block .map-section h2 span, .map-section h2 .image-text-block span, .image-text-block .map-section .is-h2 span, .map-section .is-h2 .image-text-block span {
    margin-bottom: 1rem;
  }
}
.image-text-block .col-md-6 {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .image-text-block .col-md-6 h2 br, .image-text-block .col-md-6 .is-h2 br, .custom-map .left h2 .image-text-block .col-md-6 span br, .custom-map .left .is-h2 .image-text-block .col-md-6 span br, .map-section h2 .image-text-block .col-md-6 span br, .map-section .is-h2 .image-text-block .col-md-6 span br {
    display: none;
  }
}
.image-text-block .col-md-6 p:last-child, .image-text-block .col-md-6 .btn:last-child, .image-text-block .col-md-6 .form-radio .wpcf7-list-item .wpcf7-list-item-label:last-child, .form-radio .wpcf7-list-item .image-text-block .col-md-6 .wpcf7-list-item-label:last-child, .image-text-block .col-md-6 .post .text-wrapper .categories .category:last-child, .post .text-wrapper .categories .image-text-block .col-md-6 .category:last-child, .image-text-block .col-md-6 .map-link:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 992px) {
  .image-text-block .col-md-6 {
    align-self: center !important;
  }
}
.image-text-block img {
  max-height: 40rem;
}
@media only screen and (max-width: 992px) {
  .image-text-block img {
    max-width: 90%;
    max-height: 100%;
    align-self: center;
    margin-bottom: 3rem;
    -o-object-position: top;
       object-position: top;
  }
}
@media only screen and (max-width: 576px) {
  .image-text-block img {
    margin-bottom: 2rem;
    width: 100%;
    max-width: unset;
  }
}
.image-text-block a {
  max-width: 4rem;
  border-radius: 0.5rem;
  height: 2.6rem;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .image-text-block a {
    height: 1.8rem;
  }
}

.image-text-modal, .title-text-modal {
  background: white;
}
@media only screen and (max-width: 768px) {
  .image-text-modal .content-wrapper .rounded-img, .title-text-modal .content-wrapper .rounded-img {
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
}
.image-text-modal .content, .title-text-modal .content {
  display: flex;
  flex-direction: column;
  gap: 4.75rem;
}
@media only screen and (max-width: 768px) {
  .image-text-modal .content, .title-text-modal .content {
    gap: 2.5rem;
  }
}
.image-text-modal .links .subheading, .image-text-modal .links .modal-body h4, .modal-body .image-text-modal .links h4, .image-text-modal .links .platform-card h2, .platform-card .image-text-modal .links h2, .image-text-modal .links .platform-card .is-h2, .platform-card .image-text-modal .links .is-h2, .image-text-modal .links .platform-card .map-section h2 span, .platform-card .map-section h2 .image-text-modal .links span, .image-text-modal .links .map-section h2 .platform-card span, .map-section h2 .platform-card .image-text-modal .links span, .image-text-modal .links .platform-card .map-section .is-h2 span, .platform-card .map-section .is-h2 .image-text-modal .links span, .image-text-modal .links .map-section .is-h2 .platform-card span, .map-section .is-h2 .platform-card .image-text-modal .links span, .image-text-modal .links .platform-card .custom-map .left h2 span, .platform-card .custom-map .left h2 .image-text-modal .links span, .image-text-modal .links .custom-map .left h2 .platform-card span, .custom-map .left h2 .platform-card .image-text-modal .links span, .image-text-modal .links .platform-card .custom-map .left .is-h2 span, .platform-card .custom-map .left .is-h2 .image-text-modal .links span, .image-text-modal .links .custom-map .left .is-h2 .platform-card span, .custom-map .left .is-h2 .platform-card .image-text-modal .links span, .image-text-modal .links .platform-card h3, .platform-card .image-text-modal .links h3, .image-text-modal .links .platform-card .cta-banner .cta-banner-inner .cta-button span, .platform-card .cta-banner .cta-banner-inner .cta-button .image-text-modal .links span, .image-text-modal .links .cta-banner .cta-banner-inner .cta-button .platform-card span, .cta-banner .cta-banner-inner .cta-button .platform-card .image-text-modal .links span, .image-text-modal .links .platform-card h4, .platform-card .image-text-modal .links h4, .image-text-modal .links .platform-card h5, .platform-card .image-text-modal .links h5, .image-text-modal .links .platform-card .accordion-button, .platform-card .image-text-modal .links .accordion-button, .image-text-modal .links .platform-card .post blockquote p, .platform-card .post blockquote .image-text-modal .links p, .image-text-modal .links .post blockquote .platform-card p, .post blockquote .platform-card .image-text-modal .links p, .image-text-modal .links .platform-card .post blockquote .map-link, .platform-card .post blockquote .image-text-modal .links .map-link, .image-text-modal .links .post blockquote .platform-card .map-link, .post blockquote .platform-card .image-text-modal .links .map-link, .image-text-modal .links .platform-card .post blockquote .btn, .image-text-modal .links .platform-card .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .image-text-modal .links .platform-card .post blockquote .wpcf7-list-item-label, .platform-card .post blockquote .image-text-modal .links .btn, .platform-card .post blockquote .image-text-modal .links .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-card .post blockquote .image-text-modal .links .wpcf7-list-item-label, .image-text-modal .links .post blockquote .platform-card .btn, .image-text-modal .links .post blockquote .platform-card .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .image-text-modal .links .post blockquote .platform-card .wpcf7-list-item-label, .post blockquote .platform-card .image-text-modal .links .btn, .post blockquote .platform-card .image-text-modal .links .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .platform-card .image-text-modal .links .wpcf7-list-item-label, .image-text-modal .links .platform-card .post blockquote .text-wrapper .categories .category, .platform-card .post blockquote .text-wrapper .categories .image-text-modal .links .category, .image-text-modal .links .post blockquote .text-wrapper .categories .platform-card .category, .post blockquote .text-wrapper .categories .platform-card .image-text-modal .links .category, .image-text-modal .links .platform-card .post .text-wrapper .categories blockquote .category, .platform-card .post .text-wrapper .categories blockquote .image-text-modal .links .category, .image-text-modal .links .post .text-wrapper .categories blockquote .platform-card .category, .post .text-wrapper .categories blockquote .platform-card .image-text-modal .links .category, .image-text-modal .links .platform-card h6, .platform-card .image-text-modal .links h6, .title-text-modal .links .subheading, .title-text-modal .links .modal-body h4, .modal-body .title-text-modal .links h4, .title-text-modal .links .platform-card h2, .platform-card .title-text-modal .links h2, .title-text-modal .links .platform-card .is-h2, .platform-card .title-text-modal .links .is-h2, .title-text-modal .links .platform-card .map-section h2 span, .platform-card .map-section h2 .title-text-modal .links span, .title-text-modal .links .map-section h2 .platform-card span, .map-section h2 .platform-card .title-text-modal .links span, .title-text-modal .links .platform-card .map-section .is-h2 span, .platform-card .map-section .is-h2 .title-text-modal .links span, .title-text-modal .links .map-section .is-h2 .platform-card span, .map-section .is-h2 .platform-card .title-text-modal .links span, .title-text-modal .links .platform-card .custom-map .left h2 span, .platform-card .custom-map .left h2 .title-text-modal .links span, .title-text-modal .links .custom-map .left h2 .platform-card span, .custom-map .left h2 .platform-card .title-text-modal .links span, .title-text-modal .links .platform-card .custom-map .left .is-h2 span, .platform-card .custom-map .left .is-h2 .title-text-modal .links span, .title-text-modal .links .custom-map .left .is-h2 .platform-card span, .custom-map .left .is-h2 .platform-card .title-text-modal .links span, .title-text-modal .links .platform-card h3, .platform-card .title-text-modal .links h3, .title-text-modal .links .platform-card .cta-banner .cta-banner-inner .cta-button span, .platform-card .cta-banner .cta-banner-inner .cta-button .title-text-modal .links span, .title-text-modal .links .cta-banner .cta-banner-inner .cta-button .platform-card span, .cta-banner .cta-banner-inner .cta-button .platform-card .title-text-modal .links span, .title-text-modal .links .platform-card h4, .platform-card .title-text-modal .links h4, .title-text-modal .links .platform-card h5, .platform-card .title-text-modal .links h5, .title-text-modal .links .platform-card .accordion-button, .platform-card .title-text-modal .links .accordion-button, .title-text-modal .links .platform-card .post blockquote p, .platform-card .post blockquote .title-text-modal .links p, .title-text-modal .links .post blockquote .platform-card p, .post blockquote .platform-card .title-text-modal .links p, .title-text-modal .links .platform-card .post blockquote .map-link, .platform-card .post blockquote .title-text-modal .links .map-link, .title-text-modal .links .post blockquote .platform-card .map-link, .post blockquote .platform-card .title-text-modal .links .map-link, .title-text-modal .links .platform-card .post blockquote .btn, .title-text-modal .links .platform-card .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .title-text-modal .links .platform-card .post blockquote .wpcf7-list-item-label, .platform-card .post blockquote .title-text-modal .links .btn, .platform-card .post blockquote .title-text-modal .links .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-card .post blockquote .title-text-modal .links .wpcf7-list-item-label, .title-text-modal .links .post blockquote .platform-card .btn, .title-text-modal .links .post blockquote .platform-card .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .title-text-modal .links .post blockquote .platform-card .wpcf7-list-item-label, .post blockquote .platform-card .title-text-modal .links .btn, .post blockquote .platform-card .title-text-modal .links .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .platform-card .title-text-modal .links .wpcf7-list-item-label, .title-text-modal .links .platform-card .post blockquote .text-wrapper .categories .category, .platform-card .post blockquote .text-wrapper .categories .title-text-modal .links .category, .title-text-modal .links .post blockquote .text-wrapper .categories .platform-card .category, .post blockquote .text-wrapper .categories .platform-card .title-text-modal .links .category, .title-text-modal .links .platform-card .post .text-wrapper .categories blockquote .category, .platform-card .post .text-wrapper .categories blockquote .title-text-modal .links .category, .title-text-modal .links .post .text-wrapper .categories blockquote .platform-card .category, .post .text-wrapper .categories blockquote .platform-card .title-text-modal .links .category, .title-text-modal .links .platform-card h6, .platform-card .title-text-modal .links h6 {
  margin-bottom: 1.37rem;
}
.image-text-modal .links ul, .title-text-modal .links ul {
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.image-text-modal .links ul li, .title-text-modal .links ul li {
  list-style: none;
  padding: 0.5rem;
  border-bottom: 1px solid #111;
}
.image-text-modal .links ul li a, .title-text-modal .links ul li a {
  display: block;
  text-decoration: none;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem; /* 125% */
  letter-spacing: -0.03rem;
}
.image-text-modal .links ul li a img, .title-text-modal .links ul li a img {
  margin-left: 3rem;
}

@media only screen and (max-width: 768px) {
  .title-text-modal {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 768px) {
  .title-text-modal .reverse-order {
    flex-direction: column-reverse !important;
  }
}
.title-text-modal ul {
  width: 100% !important;
}
.title-text-modal ul li {
  width: 100%;
}

.image-to-fullscreen-section {
  position: relative;
}
.image-to-fullscreen-section .text {
  display: flex;
  max-width: 48.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.image-to-fullscreen-section .text p, .image-to-fullscreen-section .text .btn, .image-to-fullscreen-section .text .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .image-to-fullscreen-section .text .wpcf7-list-item-label, .image-to-fullscreen-section .text .post .text-wrapper .categories .category, .post .text-wrapper .categories .image-to-fullscreen-section .text .category, .image-to-fullscreen-section .text .map-link {
  margin-bottom: 0;
}
.image-to-fullscreen-section .image-wrapper {
  position: relative;
  max-width: 42.125rem;
  max-height: 16.625rem;
  border-radius: 31.25rem;
  overflow: hidden;
  margin: auto auto 8rem;
}
@media only screen and (max-width: 768px) {
  .image-to-fullscreen-section .image-wrapper {
    display: none;
  }
}

.image-to-fullscreen {
  width: 100%;
  height: auto;
  transform: scale(1);
  transition: transform 0.8s ease, opacity 0.8s ease;
}

.fullscreen-content {
  position: relative;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
@media only screen and (max-width: 3840px) {
  .fullscreen-content {
    height: 90rem;
  }
}
@media only screen and (max-width: 1921px) {
  .fullscreen-content {
    height: 110rem;
  }
}
@media only screen and (max-width: 992px) {
  .fullscreen-content {
    height: 140rem;
  }
}
@media only screen and (max-width: 576px) {
  .fullscreen-content {
    height: 125rem;
  }
}
.fullscreen-content .content-box {
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  padding-bottom: 7rem;
  padding-top: 7rem;
  background: transparent;
  color: white;
  margin-top: -100vh;
}
@media only screen and (max-width: 1921px) {
  .fullscreen-content .content-box {
    margin-top: -75vh;
    padding-bottom: 15rem;
  }
}
@media only screen and (max-width: 768px) {
  .fullscreen-content .content-box {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 376px) {
  .fullscreen-content .content-box {
    padding-bottom: 20rem;
    margin-top: -87vh;
  }
}
.fullscreen-content .left {
  position: sticky;
  top: 2rem;
  height: -moz-fit-content;
  height: fit-content;
  align-self: flex-start;
  padding-right: 1rem;
}
@media only screen and (max-width: 1200px) {
  .fullscreen-content .left {
    position: static;
    margin-bottom: 2rem;
  }
}
.fullscreen-content .section-bg-sticky {
  z-index: -1;
  position: sticky;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  -webkit-mask-image: url("../../assets/img/circle_mask.svg");
          mask-image: url("../../assets/img/circle_mask.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.scrollable-cards-container {
  position: relative;
}

.card-with-changing-text {
  margin-bottom: 40px;
  opacity: 1;
  transition: all 0.3s ease;
}

.card-with-changing-text.animate {
  opacity: 1 !important;
}

.fullscreen-content.reveal {
  opacity: 1 !important;
}

.section-bg {
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
}

.scrollable-cards-container {
  margin-left: auto;
  overflow-y: hidden; /* Start hidden */
  transition: overflow-y 0.3s ease;
}

.info-section .container h6 {
  text-transform: uppercase;
  margin-bottom: 4.25rem;
}
@media only screen and (max-width: 768px) {
  .info-section .container h6 {
    margin-bottom: 2rem;
  }
}
.info-section .container .info-content {
  min-height: 13.7rem;
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .info-section .container .info-content {
    flex-direction: column;
  }
}
.info-section .container .info-content .info-triggers {
  display: grid;
  grid-template-columns: 5rem 5rem;
  place-items: center;
  justify-content: center;
  gap: 2rem;
  width: 40%;
  max-height: 11rem;
}
@media only screen and (max-width: 768px) {
  .info-section .container .info-content .info-triggers {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    gap: 0.75rem;
    margin-bottom: 1.4rem;
  }
}
.info-section .container .info-content .info-text {
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .info-section .container .info-content .info-text {
    width: 100%;
  }
}

.platform-section {
  background: #111;
  color: white;
}
@media only screen and (max-width: 768px) {
  .platform-section {
    display: none;
  }
}
.platform-section .container-fluid {
  background: transparent;
}
.platform-section .left {
  width: 60%;
}
.platform-section .left h2, .platform-section .left .is-h2, .platform-section .custom-map .left h2 span, .custom-map .platform-section .left h2 span, .platform-section .custom-map .left .is-h2 span, .custom-map .platform-section .left .is-h2 span, .platform-section .map-section h2 .custom-map .left span span, .platform-section .map-section .is-h2 .custom-map .left span span, .platform-section .left .map-section h2 span, .map-section h2 .platform-section .left span, .platform-section .left .map-section .is-h2 span, .map-section .is-h2 .platform-section .left span, .custom-map .left h2 .map-section span .platform-section .left span, .custom-map .left .is-h2 .map-section span .platform-section .left span {
  margin-bottom: 2.5rem;
}
.platform-section .left span {
  opacity: 0.6;
}
.platform-section .right {
  width: 30%;
  margin-top: 10rem;
}
.platform-section .right .platform-card {
  opacity: 0; /* Start fully transparent */
  visibility: hidden; /* Hide from view */
  height: 0; /* Start with no height */
  overflow: hidden; /* Prevent content from overflowing */
  transition: opacity 0.3s ease, height 0.3s ease; /* Smooth transition */
  padding: 0;
}
.platform-section .right .platform-card.active {
  opacity: 1; /* Fully visible */
  visibility: visible; /* Show the element */
  height: auto; /* Expand to fit content */
  padding: 3rem;
}
.platform-section .right .platform-card.active br {
  display: none;
}
.platform-section .right .platform-card.active p, .platform-section .right .platform-card.active .btn, .platform-section .right .platform-card.active .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-section .right .platform-card.active .wpcf7-list-item-label, .platform-section .right .platform-card.active .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-section .right .platform-card.active .category, .platform-section .right .platform-card.active .map-link {
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 115.385% */
  letter-spacing: -0.02438rem;
}
.platform-section .platform-content {
  height: 48rem;
  width: 100%;
  margin-bottom: 2.5rem;
  margin-top: 1.5rem;
  margin-left: 5rem;
}
.platform-section .legend {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}
.platform-section .legend div {
  min-width: 18rem;
}
.platform-section .legend div p, .platform-section .legend div .btn, .platform-section .legend div .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-section .legend div .wpcf7-list-item-label, .platform-section .legend div .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-section .legend div .category, .platform-section .legend div .map-link, .platform-section .legend div span {
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 136.364% */
  letter-spacing: -0.02063rem;
  margin-bottom: 0;
}
.platform-section .legend div span {
  color: #9E78FF;
}

.accordion {
  border: none;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.accordion-button:not(.collapsed) {
  background-color: #3C3C3C !important;
  box-shadow: unset !important;
  border: none !important;
  color: white;
}
.accordion-button:not(.collapsed):before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(49%) saturate(21%) hue-rotate(43deg) brightness(110%) contrast(100%);
}
.accordion-button:not(.collapsed):after {
  background-image: url("../../assets/img/close.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.accordion-item {
  background: transparent;
  border: none;
}

.accordion-body {
  background-color: #3C3C3C !important;
  color: white !important;
  display: flex;
  padding: 2rem 0 2rem 2.3125rem !important;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-top: thin solid #111;
}
.accordion-body ul {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  list-style: none;
  padding-left: 0;
}
.accordion-body li {
  text-decoration: none;
  text-transform: uppercase;
}

.accordion-button {
  color: white;
  padding: 1.5rem 1rem;
  line-height: 1.6rem;
  background: transparent;
  text-transform: uppercase;
}
.accordion-button:before {
  content: " ";
  margin-right: 0.5rem;
  width: 0.84rem;
  height: 0.84rem;
  background-image: url("../../assets/img/accordion_circle.svg");
  filter: brightness(0) saturate(100%) invert(49%) sepia(12%) saturate(3%) hue-rotate(352deg) brightness(94%) contrast(87%);
}
.accordion-button:after {
  background-image: url("../../assets/img/open.svg");
  width: 1.5rem;
  height: 1.5rem;
}

.accordion-button:focus {
  box-shadow: unset !important;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

.reservation-section .reservation-content {
  background-color: #111111;
  padding: 3.6rem 3.5rem 3rem 3.5rem;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .reservation-section .reservation-content {
    padding: 1.4rem;
  }
}
.reservation-section .reservation-content h3, .reservation-section .reservation-content .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .reservation-section .reservation-content span {
  font-size: 1.8rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .reservation-section .reservation-content h3, .reservation-section .reservation-content .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .reservation-section .reservation-content span {
    margin-bottom: 1rem;
  }
}
.reservation-section .reservation-content p:last-child, .reservation-section .reservation-content .btn:last-child, .reservation-section .reservation-content .form-radio .wpcf7-list-item .wpcf7-list-item-label:last-child, .form-radio .wpcf7-list-item .reservation-section .reservation-content .wpcf7-list-item-label:last-child, .reservation-section .reservation-content .post .text-wrapper .categories .category:last-child, .post .text-wrapper .categories .reservation-section .reservation-content .category:last-child, .reservation-section .reservation-content .map-link:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .reservation-section .reservation-content p:last-child, .reservation-section .reservation-content .btn:last-child, .reservation-section .reservation-content .form-radio .wpcf7-list-item .wpcf7-list-item-label:last-child, .form-radio .wpcf7-list-item .reservation-section .reservation-content .wpcf7-list-item-label:last-child, .reservation-section .reservation-content .post .text-wrapper .categories .category:last-child, .post .text-wrapper .categories .reservation-section .reservation-content .category:last-child, .reservation-section .reservation-content .map-link:last-child {
    margin-bottom: 1rem;
  }
}
.reservation-section .reservation-content button {
  position: relative;
  top: -1rem;
}
@media only screen and (max-width: 768px) {
  .reservation-section .reservation-content button {
    top: 0;
    width: 100%;
  }
}

.quote-section .quote {
  padding: 2.2rem 3rem;
  border: thin solid #DCD7D2;
  border-radius: 0.2rem;
}
@media only screen and (max-width: 768px) {
  .quote-section .quote {
    padding: 1.4rem 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .quote-section .quote .row {
    flex-direction: column-reverse;
  }
}
.quote-section .quote .quote-text {
  padding: 1rem 0;
}
.quote-section .quote .quote-text img {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 768px) {
  .quote-section .quote .quote-text img {
    display: none;
  }
}
.quote-section .quote .quote-text h5, .quote-section .quote .quote-text .post blockquote p, .quote-section .quote .quote-text .post blockquote .btn, .quote-section .quote .quote-text .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .quote-section .quote .quote-text .post blockquote .wpcf7-list-item-label, .quote-section .quote .quote-text .post blockquote .text-wrapper .categories .category, .quote-section .quote .quote-text .post .text-wrapper .categories blockquote .category, .post blockquote .quote-section .quote .quote-text p, .post blockquote .quote-section .quote .quote-text .btn, .post blockquote .quote-section .quote .quote-text .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .quote-section .quote .quote-text .wpcf7-list-item-label, .post blockquote .quote-section .quote .quote-text .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .quote-section .quote .quote-text .category, .quote-section .quote .quote-text .post blockquote .map-link, .post blockquote .quote-section .quote .quote-text .map-link, .quote-section .quote .quote-text .accordion-button {
  padding-top: 0.1rem;
  line-height: 1.8rem;
  padding-right: 5rem;
}
@media only screen and (max-width: 768px) {
  .quote-section .quote .quote-text h5, .quote-section .quote .quote-text .post blockquote p, .quote-section .quote .quote-text .post blockquote .btn, .quote-section .quote .quote-text .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .quote-section .quote .quote-text .post blockquote .wpcf7-list-item-label, .quote-section .quote .quote-text .post blockquote .text-wrapper .categories .category, .quote-section .quote .quote-text .post .text-wrapper .categories blockquote .category, .post blockquote .quote-section .quote .quote-text p, .post blockquote .quote-section .quote .quote-text .btn, .post blockquote .quote-section .quote .quote-text .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .quote-section .quote .quote-text .wpcf7-list-item-label, .post blockquote .quote-section .quote .quote-text .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .quote-section .quote .quote-text .category, .quote-section .quote .quote-text .post blockquote .map-link, .post blockquote .quote-section .quote .quote-text .map-link, .quote-section .quote .quote-text .accordion-button {
    padding: 0;
    line-height: 1.15rem;
    font-size: 1rem;
    margin-bottom: 0;
  }
}
.quote-section .quote .quote-author h4 {
  font-size: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .quote-section .quote .quote-author h4 {
    padding: 0;
    line-height: 1.15rem;
    font-size: 1rem !important;
    margin-bottom: 0;
  }
}
.quote-section .quote .quote-author p, .quote-section .quote .quote-author .btn, .quote-section .quote .quote-author .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .quote-section .quote .quote-author .wpcf7-list-item-label, .quote-section .quote .quote-author .post .text-wrapper .categories .category, .post .text-wrapper .categories .quote-section .quote .quote-author .category, .quote-section .quote .quote-author .map-link {
  font-size: 0.8rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .quote-section .quote .quote-author p, .quote-section .quote .quote-author .btn, .quote-section .quote .quote-author .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .quote-section .quote .quote-author .wpcf7-list-item-label, .quote-section .quote .quote-author .post .text-wrapper .categories .category, .post .text-wrapper .categories .quote-section .quote .quote-author .category, .quote-section .quote .quote-author .map-link {
    font-size: 0.55rem;
    line-height: 1rem;
  }
}
.quote-section .quote .quote-author .social-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #111111;
}
.quote-section .quote .img-fluid {
  max-height: 15rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.text-gallery-section {
  padding: 4rem 0;
  background-color: #111111;
}
@media only screen and (max-width: 768px) {
  .text-gallery-section {
    padding: 2.5rem 0;
  }
}
.text-gallery-section p, .text-gallery-section .btn, .text-gallery-section .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .text-gallery-section .wpcf7-list-item-label, .text-gallery-section .post .text-wrapper .categories .category, .post .text-wrapper .categories .text-gallery-section .category, .text-gallery-section .map-link {
  padding-right: 3rem;
}
@media only screen and (max-width: 768px) {
  .text-gallery-section p, .text-gallery-section .btn, .text-gallery-section .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .text-gallery-section .wpcf7-list-item-label, .text-gallery-section .post .text-wrapper .categories .category, .post .text-wrapper .categories .text-gallery-section .category, .text-gallery-section .map-link {
    padding: 0;
  }
}
.text-gallery-section p:last-child, .text-gallery-section .btn:last-child, .text-gallery-section .form-radio .wpcf7-list-item .wpcf7-list-item-label:last-child, .form-radio .wpcf7-list-item .text-gallery-section .wpcf7-list-item-label:last-child, .text-gallery-section .post .text-wrapper .categories .category:last-child, .post .text-wrapper .categories .text-gallery-section .category:last-child, .text-gallery-section .map-link:last-child {
  margin-bottom: 0;
}
.text-gallery-section .images {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .text-gallery-section .images {
    grid-template-columns: 1fr 1fr;
  }
}
.text-gallery-section .images div img {
  width: unset;
  height: unset;
}
.text-gallery-section .images div:first-child {
  grid-area: 1/1/2/2;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.text-gallery-section .images div:nth-child(2) {
  grid-area: 2/1/3/2;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.text-gallery-section .images div:last-child {
  grid-area: 1/2/3/3;
  display: flex;
  align-items: center;
}

.values-section h2, .values-section .is-h2, .values-section .custom-map .left h2 span, .custom-map .left h2 .values-section span, .values-section .custom-map .left .is-h2 span, .custom-map .left .is-h2 .values-section span, .values-section .map-section h2 span, .map-section h2 .values-section span, .values-section .map-section .is-h2 span, .map-section .is-h2 .values-section span {
  margin-bottom: 1.1rem;
}
@media only screen and (max-width: 576px) {
  .values-section h2, .values-section .is-h2, .values-section .custom-map .left h2 span, .custom-map .left h2 .values-section span, .values-section .custom-map .left .is-h2 span, .custom-map .left .is-h2 .values-section span, .values-section .map-section h2 span, .map-section h2 .values-section span, .values-section .map-section .is-h2 span, .map-section .is-h2 .values-section span {
    margin-bottom: 3rem;
  }
}
.values-section h6 {
  margin-bottom: 3.2rem;
}
.values-section .row:last-child .col-sm-6:first-child {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
}
.values-section .row:last-child .col-sm-6:first-child .circle-item {
  left: 0;
  top: 0;
}
.values-section .row:last-child p:last-child, .values-section .row:last-child .btn:last-child, .values-section .row:last-child .form-radio .wpcf7-list-item .wpcf7-list-item-label:last-child, .form-radio .wpcf7-list-item .values-section .row:last-child .wpcf7-list-item-label:last-child, .values-section .row:last-child .post .text-wrapper .categories .category:last-child, .post .text-wrapper .categories .values-section .row:last-child .category:last-child, .values-section .row:last-child .map-link:last-child {
  margin-bottom: 0;
}
.values-section .circle-item {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
}
@media only screen and (max-width: 992px) {
  .values-section .circle-item {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.values-section .circle-item h5, .values-section .circle-item .post blockquote p, .values-section .circle-item .post blockquote .btn, .values-section .circle-item .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .values-section .circle-item .post blockquote .wpcf7-list-item-label, .values-section .circle-item .post blockquote .text-wrapper .categories .category, .values-section .circle-item .post .text-wrapper .categories blockquote .category, .post blockquote .values-section .circle-item p, .post blockquote .values-section .circle-item .btn, .post blockquote .values-section .circle-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .values-section .circle-item .wpcf7-list-item-label, .post blockquote .values-section .circle-item .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .values-section .circle-item .category, .values-section .circle-item .post blockquote .map-link, .post blockquote .values-section .circle-item .map-link, .values-section .circle-item .accordion-button {
  margin-bottom: 0;
}
.values-section .circle-item:nth-child(1) {
  position: relative;
  top: -3.5rem;
  left: 2rem;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .values-section .circle-item:nth-child(1) {
    top: -2rem;
    left: 3rem;
  }
}
.values-section .circle-item:nth-child(1) .value-1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  left: -3.5rem;
}
@media only screen and (max-width: 576px) {
  .values-section .circle-item:nth-child(1) .value-1 {
    left: -2.5rem;
  }
}
.values-section .circle-item:nth-child(1) .value-1 img {
  max-width: 4rem;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 992px) {
  .values-section .circle-item:nth-child(1) .value-1 img {
    max-height: 2rem;
    width: auto;
  }
}
.values-section .circle-item:nth-child(1) .value-3 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  left: -1.5rem;
  top: 1rem;
}
.values-section .circle-item:nth-child(1) .value-3 img {
  max-width: 3rem;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 992px) {
  .values-section .circle-item:nth-child(1) .value-3 img {
    max-height: 2rem;
    width: auto;
  }
}
.values-section .circle-item:nth-child(2) {
  position: relative;
  top: -2rem;
  left: 8rem;
}
@media only screen and (max-width: 768px) {
  .values-section .circle-item:nth-child(2) {
    left: unset;
    right: -20%;
  }
}
@media only screen and (max-width: 576px) {
  .values-section .circle-item:nth-child(2) {
    right: -50%;
  }
}
@media only screen and (max-width: 376px) {
  .values-section .circle-item:nth-child(2) {
    right: -40%;
  }
}
.values-section .circle-item:nth-child(2) .value-2 {
  position: relative;
  left: 4rem;
  top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .values-section .circle-item:nth-child(2) .value-2 {
    left: 3rem;
    top: 1.5rem;
  }
}
.values-section .circle-item:nth-child(2) .value-2 img {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 992px) {
  .values-section .circle-item:nth-child(2) .value-2 img {
    max-height: 2rem;
    width: auto;
    margin-right: 0.4rem;
  }
}
.values-section .row:first-child {
  margin-bottom: 4.5rem;
}

.values-section-secondary {
  padding-top: 5.5rem;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary {
    padding-top: 0;
  }
}
.values-section-secondary h2, .values-section-secondary .is-h2, .values-section-secondary .custom-map .left h2 span, .custom-map .left h2 .values-section-secondary span, .values-section-secondary .custom-map .left .is-h2 span, .custom-map .left .is-h2 .values-section-secondary span, .values-section-secondary .map-section h2 span, .map-section h2 .values-section-secondary span, .values-section-secondary .map-section .is-h2 span, .map-section .is-h2 .values-section-secondary span {
  margin-bottom: 1.1rem;
}
@media only screen and (max-width: 576px) {
  .values-section-secondary h2, .values-section-secondary .is-h2, .values-section-secondary .custom-map .left h2 span, .custom-map .left h2 .values-section-secondary span, .values-section-secondary .custom-map .left .is-h2 span, .custom-map .left .is-h2 .values-section-secondary span, .values-section-secondary .map-section h2 span, .map-section h2 .values-section-secondary span, .values-section-secondary .map-section .is-h2 span, .map-section .is-h2 .values-section-secondary span {
    margin-bottom: 1rem;
  }
}
.values-section-secondary h6 {
  margin-bottom: 3.2rem;
}
.values-section-secondary .circle-item {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.values-section-secondary .circle-item h5, .values-section-secondary .circle-item .post blockquote p, .values-section-secondary .circle-item .post blockquote .btn, .values-section-secondary .circle-item .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .values-section-secondary .circle-item .post blockquote .wpcf7-list-item-label, .values-section-secondary .circle-item .post blockquote .text-wrapper .categories .category, .values-section-secondary .circle-item .post .text-wrapper .categories blockquote .category, .post blockquote .values-section-secondary .circle-item p, .post blockquote .values-section-secondary .circle-item .btn, .post blockquote .values-section-secondary .circle-item .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .values-section-secondary .circle-item .wpcf7-list-item-label, .post blockquote .values-section-secondary .circle-item .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .values-section-secondary .circle-item .category, .values-section-secondary .circle-item .post blockquote .map-link, .post blockquote .values-section-secondary .circle-item .map-link, .values-section-secondary .circle-item .accordion-button {
  margin-bottom: 0;
}
.values-section-secondary .circle-item:nth-child(1) {
  position: absolute;
  top: -8rem;
  left: 37.5%;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item:nth-child(1) {
    top: 1rem;
    position: relative;
  }
}
.values-section-secondary .circle-item:nth-child(1) .value-1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
  left: -3.5rem;
}
@media only screen and (max-width: 576px) {
  .values-section-secondary .circle-item:nth-child(1) .value-1 {
    left: -2.5rem;
  }
}
.values-section-secondary .circle-item:nth-child(1) .value-1 img {
  max-width: 4rem;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item:nth-child(1) .value-1 img {
    max-height: 2rem;
    width: auto;
  }
}
.values-section-secondary .circle-item:nth-child(2) {
  position: absolute;
  top: 2.5rem;
  right: 0;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item:nth-child(2) {
    left: 1rem;
    position: relative;
  }
}
@media only screen and (max-width: 576px) {
  .values-section-secondary .circle-item:nth-child(2) {
    left: 0;
    top: 1rem;
  }
}
.values-section-secondary .circle-item:nth-child(2) .value-2 {
  position: relative;
  left: 4rem;
  top: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .values-section-secondary .circle-item:nth-child(2) .value-2 {
    left: 3rem;
    top: 1.5rem;
  }
}
.values-section-secondary .circle-item:nth-child(2) .value-2 img {
  margin-right: 0.8rem;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item:nth-child(2) .value-2 img {
    max-height: 2rem;
    width: auto;
    margin-right: 0.4rem;
  }
}
.values-section-secondary .circle-item:nth-child(3) {
  position: absolute;
  left: 4rem;
  bottom: -2.5rem;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item:nth-child(3) {
    position: relative;
    left: 60%;
    right: 1rem;
    bottom: 2rem;
  }
}
.values-section-secondary .circle-item:nth-child(3) .value-3 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: -1.5rem;
  top: 3rem;
}
.values-section-secondary .circle-item:nth-child(3) .value-3 img {
  max-width: 3rem;
  margin-bottom: 0.8rem;
}
@media only screen and (max-width: 992px) {
  .values-section-secondary .circle-item:nth-child(3) .value-3 img {
    max-height: 2rem;
    width: auto;
  }
}
.values-section-secondary .row:first-child {
  margin-bottom: 4.5rem;
}

.cta-banner {
  padding-top: 9.5rem;
  padding-bottom: 6.35rem;
  text-align: center;
  background: white;
}
@media only screen and (max-width: 768px) {
  .cta-banner {
    padding-top: 5.13rem;
    padding-bottom: 5.13rem;
  }
}
.cta-banner h2, .cta-banner .is-h2, .cta-banner .custom-map .left h2 span, .custom-map .left h2 .cta-banner span, .cta-banner .custom-map .left .is-h2 span, .custom-map .left .is-h2 .cta-banner span, .cta-banner .map-section h2 .custom-map .left span span, .map-section h2 .custom-map .left span .cta-banner span, .cta-banner .map-section h2 span, .map-section h2 .cta-banner span, .cta-banner .map-section .is-h2 span, .map-section .is-h2 .cta-banner span, .cta-banner .map-section h2 span span, .map-section h2 span .cta-banner span {
  margin-bottom: 2.5rem;
}
.cta-banner .cta-banner-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7.25rem 0 4rem 0;
  position: relative;
}
.cta-banner .cta-banner-inner h4 {
  margin-bottom: 1.5rem;
}
.cta-banner .cta-banner-inner .cta-button {
  display: flex;
  width: 16.625rem;
  height: 16.625rem;
  padding: 5.625rem;
  justify-content: center;
  align-items: center;
  gap: 1.5625rem;
  flex-shrink: 0;
  border-radius: 31.25rem;
  background: #111111;
  text-decoration: none;
  z-index: 100;
}
.cta-banner .cta-banner-inner .cta-button span {
  color: white;
}
@media only screen and (max-width: 768px) {
  .cta-banner .cta-banner-inner .arrows {
    display: none;
  }
}

.expanding-circle {
  position: fixed;
  width: 20px;
  height: 20px;
  background: #111111;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.5s ease-out, height 0.5s ease-out;
  z-index: 1;
}

.video-section {
  padding-top: 0;
  padding-bottom: 0;
  background: #111;
  height: 50.4375rem;
}
@media only screen and (max-width: 768px) {
  .video-section {
    height: 30rem;
  }
}
.video-section .container-fluid {
  padding: 0;
}
.video-section .video-box {
  height: 50.4375rem;
  width: 100%;
  background: #111;
}
@media only screen and (max-width: 768px) {
  .video-section .video-box {
    height: 30rem;
  }
}
.video-section .video-box #playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  cursor: pointer;
  border-radius: 31.25rem;
  display: inline-flex;
  height: 3.75rem;
  padding: 0rem 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  outline: none;
  border: none;
}
.video-section .video-box #playButton svg {
  width: 1.26106rem;
  height: 1.26094rem;
  margin-right: 0.25rem;
}
.video-section .video-box video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .video-section .video-box video {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.transform-page {
  background: #111111;
  color: #ffffff;
}
.transform-page .container-fluid {
  padding-top: 10rem;
  background: #111111;
}
.transform-page h1, .transform-page .hero-wrapper h1 span, .hero-wrapper h1 .transform-page span, .transform-page .hero-wrapper .is-h1 span, .hero-wrapper .is-h1 .transform-page span, .transform-page .is-h1 {
  margin-bottom: 13.58rem;
}
.transform-page .map-wrapper {
  max-height: 45rem;
  margin-top: 5rem;
}
.transform-page .contact-options {
  max-width: 60.375rem;
  margin: 0 auto 7rem;
}
@media only screen and (max-width: 1200px) {
  .transform-page .contact-options {
    max-width: 100%;
  }
}
.transform-page .contact-options h2, .transform-page .contact-options .is-h2, .transform-page .contact-options .custom-map .left h2 span, .custom-map .left h2 .transform-page .contact-options span, .transform-page .contact-options .custom-map .left .is-h2 span, .custom-map .left .is-h2 .transform-page .contact-options span, .transform-page .contact-options .map-section h2 span, .map-section h2 .transform-page .contact-options span, .transform-page .contact-options .map-section .is-h2 span, .map-section .is-h2 .transform-page .contact-options span {
  margin-bottom: 2.8rem;
}
.transform-page .contact-options .cards-wrapper {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 7rem;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .transform-page .contact-options .cards-wrapper {
    flex-direction: column;
  }
}
.transform-page .contact-options .cards-wrapper .card-outer {
  position: relative;
  max-width: 61%;
}
@media only screen and (max-width: 992px) {
  .transform-page .contact-options .cards-wrapper .card-outer {
    width: 100%;
    max-width: unset;
  }
}
.transform-page .contact-options .cards-wrapper .card-outer:hover button {
  outline: none !important;
  border-radius: 0.375rem;
  cursor: pointer;
  height: 3.125rem !important;
  padding: 0 1rem;
  line-height: 3.125rem;
  opacity: 1 !important;
  transition: opacity 0.3s ease-in;
}
.transform-page .contact-options .cards-wrapper .card-outer .card {
  display: flex;
  height: 100%;
  padding: 3.75rem 4rem 3.25rem 2.25rem;
  align-items: flex-start;
  flex-direction: row;
  color: #ffffff;
  gap: 1.5625rem;
  border-radius: 2.5rem;
  border: 1px solid #FFF;
  background: transparent;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .transform-page .contact-options .cards-wrapper .card-outer .card {
    flex-direction: column;
    padding: 2rem;
  }
}
.transform-page .contact-options .cards-wrapper .card-outer .card .selection {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
}
.transform-page .contact-options .cards-wrapper .card-outer .card .selection .select {
  display: block;
  position: relative;
  content: " ";
  width: 1.375rem;
  height: 100%;
  top: 0.375rem;
  background: url(../../assets/img/select_off.svg) no-repeat center;
  background-size: cover;
  transition: 0.3s ease-out;
  border: 1px solid transparent;
  border-radius: 50%;
}
.transform-page .contact-options .cards-wrapper .card-outer .card .content {
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 768px) {
  .transform-page .contact-options .cards-wrapper .card-outer .card .content {
    width: 100%;
  }
}
.transform-page .contact-options .cards-wrapper .card-outer .card .content .select {
  background: url(../../assets/img/select_on.svg) no-repeat center;
  transition: 0.3s ease-in;
  border: 1px solid #FFF;
  border-radius: 50%;
}
.transform-page .contact-options .cards-wrapper .card-outer .card button {
  opacity: 0;
  height: 0;
  position: absolute;
  left: 5rem;
  bottom: -1.5rem;
}
.transform-page .contact-options .cards-wrapper .card-small {
  max-width: 21.25rem;
}
@media only screen and (max-width: 992px) {
  .transform-page .contact-options .cards-wrapper .card-small {
    width: 100%;
    max-width: unset;
  }
}

.mobile-map-links {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobile-map-links {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
  }
}
.mobile-map-links .map-link {
  display: flex;
  position: relative;
}

.map-section {
  max-width: 50rem;
  margin: auto;
  padding-top: 3rem;
  min-height: 20rem;
}
@media only screen and (max-width: 1921px) {
  .map-section {
    padding-top: 3rem;
  }
}
.map-section h2, .map-section .is-h2, .map-section .custom-map .left h2 span, .custom-map .left h2 .map-section span, .map-section .custom-map .left .is-h2 span, .custom-map .left .is-h2 .map-section span, .map-section h2 .custom-map .left span span, .map-section .is-h2 .custom-map .left span span, .map-section h2 span, .map-section .is-h2 span {
  font-size: 3rem;
  line-height: normal;
  margin-bottom: 2.5rem;
}
.map-wrapper {
  position: relative;
  margin: 2rem auto 0 auto;
  max-height: 41.0625rem;
  max-width: 50rem;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background: #111;
  overflow: hidden;
  transition: 1s ease-out;
  z-index: 0;
}
@media only screen and (max-width: 1921px) {
  .map-wrapper {
    margin: 1rem auto 0 auto;
  }
}
.map-wrapper .map {
  width: 100%;
}
.map-wrapper .germany_link {
  top: 10rem;
  left: 8.47rem;
}
@media only screen and (max-width: 768px) {
  .map-wrapper .germany_link {
    display: none !important;
  }
}
.map-wrapper .hungary_link {
  top: 16.3rem;
  right: 4.72rem;
}
@media only screen and (max-width: 768px) {
  .map-wrapper .hungary_link {
    display: none !important;
  }
}
.map-wrapper .italy_link {
  left: 6.81rem;
  top: 20.88rem;
}
@media only screen and (max-width: 768px) {
  .map-wrapper .italy_link {
    display: none !important;
  }
}

.sticky-wrapper {
  position: sticky;
  top: 2rem;
}

.map-link {
  text-decoration: none;
  background: white;
  z-index: 1;
  display: flex;
  height: 3.75rem;
  padding: 0rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  position: absolute;
  border-radius: 31.25rem;
  color: #111111;
}

.custom-map {
  position: relative;
  height: 180vh;
}
.custom-map .sticky-wrapper {
  top: 10%;
}
@media only screen and (max-width: 1200px) {
  .custom-map .sticky-wrapper {
    top: 10%;
  }
}
@media only screen and (max-width: 576px) {
  .custom-map .sticky-wrapper {
    top: 2rem;
  }
}
@media only screen and (max-width: 376px) {
  .custom-map .sticky-wrapper {
    top: 0.5rem;
  }
}
.custom-map .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-height: 30rem;
}
@media only screen and (max-width: 1200px) {
  .custom-map .wrapper {
    justify-content: center;
  }
}
.custom-map .left {
  width: 31.5%;
}
@media only screen and (max-width: 1200px) {
  .custom-map .left {
    width: 100%;
    margin-right: 0;
    min-height: 21rem;
  }
}
.custom-map .left p, .custom-map .left .btn, .custom-map .left .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .custom-map .left .wpcf7-list-item-label, .custom-map .left .post .text-wrapper .categories .category, .post .text-wrapper .categories .custom-map .left .category, .custom-map .left .map-link {
  margin-bottom: 0;
}
.custom-map .left h2, .custom-map .left .is-h2, .custom-map .left h2 span, .custom-map .left .is-h2 span, .map-section h2 .custom-map .left span, .map-section .is-h2 .custom-map .left span {
  font-size: 4.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 4.25rem;
  letter-spacing: -0.25rem;
  margin-bottom: 2.5rem;
  max-width: 26.125rem;
}
@media only screen and (max-width: 1200px) {
  .custom-map .left h2, .custom-map .left .is-h2, .custom-map .left h2 span, .custom-map .left .is-h2 span, .map-section h2 .custom-map .left span, .map-section .is-h2 .custom-map .left span {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .custom-map .left h2, .custom-map .left .is-h2, .custom-map .left h2 span, .custom-map .left .is-h2 span, .map-section h2 .custom-map .left span, .map-section .is-h2 .custom-map .left span {
    font-size: 2rem;
    letter-spacing: normal;
    line-height: 2rem;
  }
  .custom-map .left h2 br, .custom-map .left .is-h2 br, .map-section h2 .custom-map .left span br, .map-section .is-h2 .custom-map .left span br {
    display: none;
  }
}
.custom-map .right {
  width: 57%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .custom-map .right {
    width: 100%;
  }
}
.custom-map .right .map {
  width: 100%;
  border-radius: 26.72794rem;
  background: #111;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .custom-map .right .map {
    margin-top: 3rem;
    width: 21.95031rem;
  }
}
@media only screen and (max-width: 576px) {
  .custom-map .right .map {
    margin-top: 1.5rem;
    height: 20rem;
  }
}
@media only screen and (max-width: 376px) {
  .custom-map .right .map {
    height: 17.5rem;
  }
}
.custom-map .right .map svg {
  width: 100%;
  height: 100%;
  will-change: transform;
  transform-origin: 51% 19%;
  /* Initial scale matches your maximum scale in JS */
  transform: scale(6) translateZ(0);
  /* Safari-specific optimizations */
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translateZ(0) scale(6);
  -webkit-font-smoothing: subpixel-antialiased;
  image-rendering: -webkit-optimize-contrast; /* Safari-specific */
  image-rendering: high-quality;
}
@media only screen and (max-width: 1200px) {
  .custom-map .right .map svg {
    transform-origin: 51% 36%;
  }
}

/* SVG rendering optimizations for Safari */
svg {
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
}

.two-column-info-section h2, .two-column-info-section .is-h2, .two-column-info-section .map-section h2 span, .map-section h2 .two-column-info-section span, .two-column-info-section .map-section .is-h2 span, .map-section .is-h2 .two-column-info-section span, .two-column-info-section .custom-map .left h2 span, .custom-map .left h2 .two-column-info-section span, .two-column-info-section .custom-map .left .is-h2 span, .custom-map .left .is-h2 .two-column-info-section span {
  margin-bottom: 2.5rem;
}
.two-column-info-section .cards-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .two-column-info-section .cards-column {
    padding: 2rem 0;
  }
}

.mobile-platform {
  display: none;
  color: white;
  background-color: #111;
  padding: 1rem 0 0 0;
}
@media only screen and (max-width: 768px) {
  .mobile-platform {
    display: block;
  }
}
.mobile-platform .container-fluid {
  background-color: #111;
  padding-top: 1rem;
  padding-bottom: 1.38rem;
}
.mobile-platform .container-fluid .mobile-title {
  margin-bottom: 3rem;
}
.mobile-platform .container-fluid .mobile-title h2, .mobile-platform .container-fluid .mobile-title .is-h2, .mobile-platform .container-fluid .mobile-title h3, .mobile-platform .container-fluid .mobile-title span {
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem; /* 107.692% */
  letter-spacing: -0.04875rem;
}
.mobile-platform .container-fluid .mobile-title span {
  opacity: 0.6;
}
.mobile-platform .link-icon {
  width: 1.5rem;
  height: 1.5rem;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.mobile-platform .interaction-header {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 93.75% */
  letter-spacing: -0.03rem;
  margin-bottom: 1.56rem;
}
.mobile-platform .interaction-header .dot-icon {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}
.mobile-platform .interaction-header .arrow-icon {
  margin-left: 1rem;
  width: 6.17475rem;
  height: 1.25rem;
  position: relative;
  top: 0.5rem;
}
.mobile-platform .challenge-card {
  background-color: transparent;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid var(--Grey-dark-main, #3C3C3C);
  padding: 0.5rem;
  transition: all 0.3s ease;
}
.mobile-platform .challenge-card .challenge-header {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
  gap: 0.75rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.mobile-platform .challenge-card .challenge-header .purple-dot {
  width: 0.84rem;
  height: 0.84rem;
  background-color: #9E78FF;
  border-radius: 50%;
  position: relative;
  top: -0.5rem;
}
.mobile-platform .challenge-card .challenge-header .challenge-title {
  color: #FFF;
  flex-grow: 1;
}
.mobile-platform .challenge-card .challenge-header .challenge-title .label {
  display: block;
  font-family: "JetBrains Mono", sans-serif;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 107.143% */
  text-transform: uppercase;
  opacity: 0.4;
}
.mobile-platform .challenge-card .challenge-header .challenge-title h3, .mobile-platform .challenge-card .challenge-header .challenge-title .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .mobile-platform .challenge-card .challenge-header .challenge-title span {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.0375rem;
  margin-bottom: 0;
}
.mobile-platform .challenge-card .solutions-container {
  font-family: "JetBrains Mono", sans-serif !important;
  transition: all 0.3s ease;
}
.mobile-platform .challenge-card .solutions-container.collapsed .solutions-list {
  /* List is hidden via JS for animation */
  display: none;
}
.mobile-platform .challenge-card .solutions-container.expanded .solutions-list {
  /* List visibility is handled by JS animation */
}
.mobile-platform .challenge-card .solutions-container .solutions-count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0.625rem 1rem 2.125rem;
  cursor: pointer;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.06);
  transition: background-color 0.3s ease;
}
.mobile-platform .challenge-card .solutions-container .solutions-count:hover {
  background: rgba(255, 255, 255, 0.1);
}
.mobile-platform .challenge-card .solutions-container .solutions-count span {
  font-family: "JetBrains Mono", sans-serif !important;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 107.143% */
  text-transform: uppercase;
}
.mobile-platform .challenge-card .solutions-container .solutions-count .minimize-icon {
  width: 16px;
  height: 2px;
  background-color: white;
  transition: transform 0.3s ease;
}
.mobile-platform .challenge-card .solutions-container .solutions-count .plus-icon {
  position: relative;
  width: 15px;
  height: 15px;
  transition: transform 0.3s ease;
}
.mobile-platform .challenge-card .solutions-container .solutions-count .plus-icon:before, .mobile-platform .challenge-card .solutions-container .solutions-count .plus-icon:after {
  content: "";
  position: absolute;
  background-color: white;
  transition: transform 0.3s ease;
}
.mobile-platform .challenge-card .solutions-container .solutions-count .plus-icon:before {
  width: 16px;
  height: 2px;
  top: 6px;
  left: 0;
}
.mobile-platform .challenge-card .solutions-container .solutions-count .plus-icon:after {
  width: 2px;
  height: 16px;
  top: -1px;
  left: 7px;
}
.mobile-platform .challenge-card .solutions-container .solutions-list {
  list-style: none;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding: 0;
  border-bottom: thin solid #3C3C3C;
  border-radius: 0.5rem;
  overflow: hidden;
}
.mobile-platform .challenge-card .solutions-container .solutions-list span {
  font-family: "JetBrains Mono", sans-serif !important;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 107.143% */
  text-transform: uppercase;
}
.mobile-platform .challenge-card .solutions-container .solutions-list .solution-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0.625rem 1rem 2.125rem;
  background: rgba(255, 255, 255, 0.06);
  border-bottom: thin solid #3C3C3C;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.mobile-platform .challenge-card .solutions-container .solutions-list .solution-item:last-child {
  border-bottom: none;
}
.mobile-platform .challenge-card .solutions-container .solutions-list .solution-item .link-icon {
  transition: transform 0.2s ease;
}
.mobile-platform .challenge-card .solutions-container .solutions-list .solution-item:hover .link-icon {
  transform: translateX(3px);
}

.solutions-container.expanded .solutions-count {
  background: #505050 !important;
}

::-moz-selection { /* Code for Firefox */
  background: #6E3AEF;
}

::selection {
  background: #6E3AEF;
}

:root {
  --bs-backdrop-zindex: 0;
}

@media only screen and (max-width: 2560px) {
  :root {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1919px) {
  :root {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1648px) {
  :root {
    font-size: 16px;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
  border-radius: 1rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 1rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 1rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body {
  position: relative;
  background: #111111;
  font-family: "Inter", sans-serif;
}

a {
  color: unset;
  transition: 0.2s ease-out;
}
a:hover {
  color: unset;
  transition: 0.2s ease-in;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  transition: 0.2s ease-out;
}
a:not([href]):not([class]):hover, a:not([href]):not([class]):hover:hover {
  color: unset;
  transition: 0.2s ease-in;
  cursor: pointer;
}

.home {
  position: relative;
  top: 8rem !important;
  z-index: 1;
}

main {
  position: relative;
  z-index: 1;
  padding-bottom: 3.5rem;
  border-radius: 0rem 0rem 2.5rem 2.5rem;
  background: white;
}

table {
  border-collapse: collapse !important;
  width: 100%;
}
@media only screen and (max-width: 992px) {
  table {
    font-size: 0.7rem;
  }
}
table tbody tr:last-child {
  border-bottom: none !important;
}
table tbody tr:last-child td {
  border-bottom: none !important;
}
table tbody tr, table tbody td {
  padding: 8px;
  text-align: left;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #7F736C;
}

.wp-block-table td {
  border-bottom: 1px solid #7F736C !important;
}

.otgs-development-site-front-end {
  display: none !important;
}

.rounded-img {
  border-radius: 9rem 0.5rem;
}
@media only screen and (max-width: 992px) {
  .rounded-img {
    border-radius: 1rem;
  }
}

.reset-radius {
  border-radius: 0 !important;
}

.container {
  padding: 0 3.75rem;
}
@media only screen and (max-width: 768px) {
  .container {
    padding: 0 1rem;
  }
}

.container-fluid {
  max-width: 125rem;
  background: white;
  padding: 0 3.75rem;
}
@media only screen and (max-width: 768px) {
  .container-fluid {
    padding: 0 2rem;
  }
}

.container-small {
  max-width: 50.4rem;
}

section {
  padding: 6rem 0;
}
@media only screen and (max-width: 768px) {
  section {
    padding: 5rem 0 0 0;
  }
}

.reverse-order {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .reverse-order {
    flex-direction: unset;
  }
}

.about-us .overlapping-images {
  position: relative;
  text-align: center;
  margin-bottom: 5rem;
}
.about-us .overlapping-images img:last-child {
  position: absolute;
  bottom: -8rem;
  right: -7rem;
  z-index: 1;
}
@media only screen and (max-width: 992px) {
  .about-us .overlapping-images img:last-child {
    right: unset;
    transform: translateX(-75%);
  }
}
@media only screen and (max-width: 992px) {
  .about-us .overlapping-images img {
    width: 50%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.post {
  background: white;
  padding-top: 13rem;
  padding-bottom: 12rem;
}
@media only screen and (max-width: 768px) {
  .post {
    padding-bottom: 3rem;
  }
}
.post h1, .post .hero-wrapper h1 span, .hero-wrapper h1 .post span, .post .hero-wrapper .is-h1 span, .hero-wrapper .is-h1 .post span, .post .is-h1 {
  margin-bottom: 2.5rem !important;
}
.post h2, .post .is-h2, .post .map-section h2 span, .map-section h2 .post span, .post .map-section .is-h2 span, .map-section .is-h2 .post span, .post .custom-map .left h2 span, .custom-map .left h2 .post span, .post .custom-map .left .is-h2 span, .custom-map .left .is-h2 .post span, .post h3, .post .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .post span, .post h4, .post h5, .post blockquote p, .post blockquote .btn, .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .wpcf7-list-item-label, .post blockquote .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .category, .post blockquote .map-link, .post .accordion-button, .post h6 {
  margin-bottom: 2.5rem !important;
}
.post p, .post .btn, .post .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post .wpcf7-list-item-label, .post .text-wrapper .categories .category, .post .map-link {
  display: block;
  min-height: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .post .post-breadcrumb {
    font-size: 0.7rem;
  }
}
.post .text-wrapper {
  margin-bottom: 6.1rem;
  max-width: 80rem;
  font-family: "Inter", sans-serif;
}
@media only screen and (max-width: 992px) {
  .post .text-wrapper {
    max-width: 100%;
  }
}
.post .text-wrapper .wp-block-image {
  margin: 2rem 0;
}
.post .text-wrapper p a, .post .text-wrapper .btn a, .post .text-wrapper .form-radio .wpcf7-list-item .wpcf7-list-item-label a, .form-radio .wpcf7-list-item .post .text-wrapper .wpcf7-list-item-label a, .post .text-wrapper .categories .category a, .post .text-wrapper .map-link a {
  word-break: break-word;
}
.post .text-wrapper li {
  font-size: clamp(0.7rem, 1.7vw - 0.2rem, 1rem);
}
.post .text-wrapper .categories {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .post .text-wrapper .categories {
    gap: 0.4rem;
  }
}
.post .text-wrapper .categories .category {
  color: #4C4D5B !important;
  padding: 0 1rem !important;
  height: 2.7rem;
  font-size: 0.8rem !important;
  background-color: #E4E4E7;
}
.post blockquote {
  border-left: thin solid #C8C8C8;
  padding: 0.5rem 1.75rem;
  margin: 2rem 0;
}
.post blockquote p, .post blockquote .btn, .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .wpcf7-list-item-label, .post blockquote .text-wrapper .categories .category, .post .text-wrapper .categories blockquote .category, .post blockquote .map-link {
  margin-bottom: 0.2rem !important;
}
.post blockquote cite {
  color: #C8C8C8;
  font-style: unset;
}

.img-fluid {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.main-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  padding-top: 2.73rem;
  padding-bottom: 2.73rem;
}
@media only screen and (max-width: 768px) {
  .main-header {
    padding-top: 1.88rem;
    padding-bottom: 1.88rem;
  }
}
.main-header .container-fluid {
  display: flex;
  background-color: transparent;
  justify-content: space-between;
  align-items: center;
}
.main-header .logo-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.main-header .logo-container .text {
  z-index: 1;
  position: relative;
  left: 0.625rem;
  height: 1.35rem;
  filter: brightness(0) saturate(100%);
}
.main-header .logo-container .box {
  z-index: 2;
  width: 2.875rem;
  height: 2.21944rem;
  filter: brightness(0) saturate(100%);
}
.main-header .logo-container .logo {
  z-index: 2;
  height: 2.875rem;
}
@media only screen and (max-width: 576px) {
  .main-header .logo-container .logo {
    width: 6.875rem;
    height: 1.68369rem;
  }
}
.main-header .header-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main-header .header-navigation ul {
  display: flex;
  flex-direction: row;
  padding: 0;
  list-style: none;
  gap: 0.5rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 1101px) {
  .main-header .header-navigation ul {
    display: none;
  }
}
.main-header .header-navigation ul li {
  color: white;
  margin: auto;
  transition: 0.2s ease-out;
  border-radius: 31.25rem;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
}
.main-header .header-navigation ul li a {
  display: block;
  padding: 0.375rem 0.75rem 0.5rem 0.75rem;
  text-decoration: none !important;
  transform: none !important;
}
.main-header .header-navigation ul li:last-child {
  background: #ffffff;
  color: #111111;
  margin-left: 1.5rem;
}
.main-header .header-navigation ul li:last-child a {
  text-decoration: none !important;
  transform: none !important;
}
.main-header .header-navigation ul li:last-child:hover {
  transform: none;
}
.main-header .header-navigation ul li:last-child:hover a {
  text-decoration: none !important;
  transform: none !important;
}
.main-header .header-navigation .header-buttons {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7468%) hue-rotate(72deg) brightness(99%) contrast(107%);
}
@media only screen and (max-width: 992px) {
  .main-header .header-navigation .header-buttons {
    display: flex;
  }
}
.main-header .header-navigation .header-buttons button {
  width: unset;
}
.main-header .header-navigation .header-buttons button img {
  margin-left: 1rem;
}
.main-header .offcanvas {
  background-color: #111111 !important;
  padding: 1.88rem 2rem;
  right: 0;
  width: 35% !important;
  color: white;
}
@media only screen and (max-width: 1200px) {
  .main-header .offcanvas {
    width: 50% !important;
  }
}
@media only screen and (max-width: 1101px) {
  .main-header .offcanvas {
    width: 100% !important;
  }
}
.main-header .offcanvas button {
  display: flex;
  flex-direction: row;
  border: none;
  align-items: center;
  background-color: #111111;
  justify-content: center;
  transition: 0.2s ease-out;
}
.main-header .offcanvas button:hover {
  transition: 0.2s ease-in;
  box-shadow: 10px 10px 40px 10px #111111;
}
.main-header .offcanvas .offcanvas-header {
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 2.8rem;
}
.main-header .offcanvas .offcanvas-header button {
  display: block;
  color: white;
  margin-left: 2.5rem;
  height: 3.125rem;
}
.main-header .offcanvas .offcanvas-header button img {
  margin-left: 1rem;
}
.main-header .offcanvas .offcanvas-header a {
  color: #111111;
}
@media only screen and (max-width: 768px) {
  .main-header .offcanvas .offcanvas-header a {
    margin-left: 0;
  }
}
.main-header .offcanvas .offcanvas-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  overflow-y: hidden;
  padding-bottom: 2.88rem;
  padding-top: 0;
}
.main-header .offcanvas .offcanvas-body .links-upper, .main-header .offcanvas .offcanvas-body .links-bottom {
  width: 100%;
}
.main-header .offcanvas .offcanvas-body .links-upper h6, .main-header .offcanvas .offcanvas-body .links-bottom h6 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.2rem;
  color: #C8C8C8;
  margin-bottom: 1.6rem;
}
.main-header .offcanvas .offcanvas-body .links-upper ul, .main-header .offcanvas .offcanvas-body .links-bottom ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .main-header .offcanvas .offcanvas-body .links-upper ul, .main-header .offcanvas .offcanvas-body .links-bottom ul {
    width: 100%;
  }
}
.main-header .offcanvas .offcanvas-body .links-upper ul .menu-item-custom-text, .main-header .offcanvas .offcanvas-body .links-bottom ul .menu-item-custom-text {
  position: relative;
  top: 2rem;
  color: #A0A0A0;
}
.main-header .offcanvas .offcanvas-body .links-upper ul li:last-child, .main-header .offcanvas .offcanvas-body .links-bottom ul li:last-child {
  display: flex;
  padding: 1.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-top: 1rem;
  border-radius: 0.25rem;
  background: #3C3C3C;
  width: 100%;
}
.main-header .offcanvas .offcanvas-body .links-upper ul li:last-child a, .main-header .offcanvas .offcanvas-body .links-bottom ul li:last-child a {
  display: flex;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 1.56rem */
  letter-spacing: -0.075rem;
  width: 100%;
}
.main-header .offcanvas .offcanvas-body .links-upper ul li:last-child a:after, .main-header .offcanvas .offcanvas-body .links-bottom ul li:last-child a:after {
  content: " ";
  margin-left: auto;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  transform: rotate(180deg);
  background-image: url("../../assets/img/arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.main-header .offcanvas .offcanvas-body .links-upper ul li, .main-header .offcanvas .offcanvas-body .links-bottom ul li {
  list-style: none;
  transition: 0.2s ease-out;
}
.main-header .offcanvas .offcanvas-body .links-upper ul li:hover a, .main-header .offcanvas .offcanvas-body .links-bottom ul li:hover a {
  -webkit-text-decoration-color: black;
          text-decoration-color: black;
}
.main-header .offcanvas .offcanvas-body .links-upper ul a, .main-header .offcanvas .offcanvas-body .links-bottom ul a {
  color: #FFF;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 104%; /* 2.08rem */
  letter-spacing: -0.125rem;
  text-decoration: none;
}
.main-header .offcanvas .offcanvas-body .links-bottom {
  font-size: 1.1rem !important;
}
.main-header .line-spacer {
  width: 3rem;
  border-bottom: thin solid #C8C8C8;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.line-spacer {
  width: 3rem;
  border-bottom: thin solid #C8C8C8;
  margin-bottom: 3rem;
}

.logo {
  height: 2.3rem;
}

.light-header .logo {
  filter: brightness(0) saturate(100%) !important;
}
.light-header .header-navigation li {
  color: black !important;
  background: rgba(17, 17, 17, 0.1) !important;
}

.footer-main {
  background: #111111;
  color: white;
  padding-bottom: 3rem;
}
.footer-main .container-fluid {
  padding-top: 3rem;
  background: #111111;
}
@media only screen and (max-width: 768px) {
  .footer-main .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 576px) {
  .footer-main {
    padding: 1.4rem !important;
  }
}
.footer-main .slide-text {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.footer-main .slide-text p, .footer-main .slide-text .btn, .footer-main .slide-text .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .footer-main .slide-text .wpcf7-list-item-label, .footer-main .slide-text .post .text-wrapper .categories .category, .post .text-wrapper .categories .footer-main .slide-text .category, .footer-main .slide-text .map-link {
  display: inline-flex;
  align-items: center;
  font-family: "Satoshi", sans-serif;
  font-size: 10.74119rem !important;
  font-style: normal;
  text-transform: none;
  font-weight: 500;
  letter-spacing: -0.32225rem !important;
}
@media only screen and (max-width: 576px) {
  .footer-main .slide-text p, .footer-main .slide-text .btn, .footer-main .slide-text .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .footer-main .slide-text .wpcf7-list-item-label, .footer-main .slide-text .post .text-wrapper .categories .category, .post .text-wrapper .categories .footer-main .slide-text .category, .footer-main .slide-text .map-link {
    font-size: 8.5rem;
    letter-spacing: -0.255rem;
  }
}
.footer-main .slide-text .footer-decorative-img {
  display: flex;
  width: 16.05463rem;
  height: 7.85281rem;
  flex-shrink: 0;
  margin: 0 1.25rem;
  overflow: hidden;
  border-radius: 43.62669rem;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
}
@media only screen and (max-width: 576px) {
  .footer-main .slide-text .footer-decorative-img {
    width: 12.5rem;
    height: 6.125rem;
  }
}
.footer-main .footer-info {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  margin-bottom: 5rem;
}
@media only screen and (max-width: 992px) {
  .footer-main .footer-info {
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media only screen and (max-width: 576px) {
  .footer-main .footer-info {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
  }
}
.footer-main .footer-info img {
  margin-top: 0.25rem;
  height: 1.2rem;
  width: 1.2rem;
}
.footer-main .footer-info p, .footer-main .footer-info .btn, .footer-main .footer-info .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .footer-main .footer-info .wpcf7-list-item-label, .footer-main .footer-info .post .text-wrapper .categories .category, .post .text-wrapper .categories .footer-main .footer-info .category, .footer-main .footer-info .map-link {
  margin: 0;
}
@media only screen and (max-width: 576px) {
  .footer-main .footer-info p, .footer-main .footer-info .btn, .footer-main .footer-info .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .footer-main .footer-info .wpcf7-list-item-label, .footer-main .footer-info .post .text-wrapper .categories .category, .post .text-wrapper .categories .footer-main .footer-info .category, .footer-main .footer-info .map-link {
    margin-bottom: 0.3rem;
  }
}
.footer-main .footer-info h6 {
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}
.footer-main .footer-info div {
  display: flex;
  flex-direction: column;
}
.footer-main .footer-info a {
  text-decoration: none;
}
.footer-main .footer-info .footer-socials {
  display: flex;
  flex-direction: row;
}
.footer-main .footer-info .footer-socials a {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 576px) {
  .footer-main .footer-info .footer-company p, .footer-main .footer-info .footer-company .btn, .footer-main .footer-info .footer-company .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .footer-main .footer-info .footer-company .wpcf7-list-item-label, .footer-main .footer-info .footer-company .post .text-wrapper .categories .category, .post .text-wrapper .categories .footer-main .footer-info .footer-company .category, .footer-main .footer-info .footer-company .map-link {
    margin-bottom: 0;
  }
}
.footer-main .footer-links ul {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 0;
}
.footer-main .footer-links ul li {
  list-style: none;
}
.footer-main .footer-links ul li a {
  text-decoration: underline;
}
.footer-main .with-arrow ul li {
  list-style: none;
  position: relative;
}
.footer-main .with-arrow ul li a {
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.footer-main .with-arrow ul li a::after {
  content: " ";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  transform: rotate(-225deg);
  background: url("/wp-content/themes/drivemybox/assets/img/arrow.svg") no-repeat center;
  background-size: contain;
}
.footer-main .footer-links-secondary {
  margin-bottom: 1rem;
}
.footer-main .footer-links-secondary ul {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 2rem;
  margin-bottom: 0;
}
.footer-main .footer-links-secondary ul li {
  list-style: none;
}
.footer-main .footer-links-secondary ul li a {
  text-decoration: none;
}
.footer-main .footer-trademark {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.5rem;
}
.footer-main .footer-trademark p, .footer-main .footer-trademark .btn, .footer-main .footer-trademark .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .footer-main .footer-trademark .wpcf7-list-item-label, .footer-main .footer-trademark .post .text-wrapper .categories .category, .post .text-wrapper .categories .footer-main .footer-trademark .category, .footer-main .footer-trademark .map-link {
  margin-bottom: 0;
  font-size: 1rem;
}
.footer-main .footer-trademark span {
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .footer-main .footer-trademark {
    flex-direction: column;
  }
}
.footer-main .footer-trademark .scroll-to-top {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.62888rem;
  justify-content: center;
  align-items: center;
  gap: 0.62888rem;
  border-radius: 0.62888rem;
  background: #3C3C3C;
  border: none;
  outline: none;
}
.footer-main .footer-trademark .scroll-to-top svg {
  width: 0.8125rem;
  height: 0.8125rem;
}

.hero-wrapper {
  position: relative;
  background: white;
  height: calc(100vh - 3.75rem);
}
.hero-wrapper .container-fluid {
  width: 100%;
  height: 100%;
  background: transparent;
}
.hero-wrapper .hero-content {
  position: absolute;
  bottom: 6.25rem;
  left: 3.75rem;
  padding-right: 0.25rem;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .hero-wrapper .hero-content {
    left: 2rem;
    bottom: 4.78rem;
  }
}
.hero-wrapper .hero-bg {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  top: 0;
}
.hero-wrapper .hero-video-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: calc(100vh - 3.75rem);
  overflow: hidden;
}
@media screen and (min-height: 1401px) {
  .hero-wrapper .hero-video-wrapper .hero-video {
    height: 100%;
    width: unset;
  }
}
@media screen and (max-height: 1400px) {
  .hero-wrapper .hero-video-wrapper .hero-video {
    width: 100%;
    height: unset;
  }
}
@media only screen and (max-width: 1921px) {
  .hero-wrapper .hero-video-wrapper .hero-video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.hero-wrapper h1, .hero-wrapper h1 span, .hero-wrapper .is-h1 span, .hero-wrapper .is-h1 {
  color: #ffffff;
  padding-right: 0.5rem;
}
.hero-wrapper h1 span, .hero-wrapper .is-h1 span {
  display: inline-block;
  opacity: 0.6;
  margin-right: 0.5rem;
}

.btn, .form-radio .wpcf7-list-item .wpcf7-list-item-label, .post .text-wrapper .categories .category {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  width: 7.5rem;
  height: 3.125rem;
  line-height: 3.125rem;
  border-radius: 0.375rem;
  padding: 0 1rem;
  border: #ffffff;
  transition: 0.25s ease-out;
}

.btn-large {
  padding: 0.5rem 1.8rem;
}
@media only screen and (max-width: 992px) {
  .btn-large {
    padding: 0.25rem 1.8rem;
  }
}

.btn-circle {
  border: thin solid #DCD7D2 !important;
  padding: 0.7rem;
  border-radius: 100%;
  height: 4rem;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 768px) {
  .btn-circle {
    height: 3.5rem;
    padding: 1.2rem;
  }
  .btn-circle img {
    max-height: 1rem;
  }
}

.btn-primary {
  background-color: #ffffff;
  border: #ffffff;
  color: #111111;
}
.btn-primary:hover {
  background-color: #ffffff;
  color: #111111;
  transition: 0.25s ease-in;
  opacity: 0.8;
}

.btn-secondary {
  background-color: #111111;
  border: none !important;
}
.btn-secondary:hover {
  background: #C8C8C8;
  border: none !important;
}

.btn-border-white, .form-radio .wpcf7-list-item .wpcf7-list-item-label {
  border: thin solid white !important;
}

.btn-info {
  text-transform: uppercase;
  background-color: grey;
  border: 2px solid grey;
}

.btn-transparent {
  background-color: transparent;
  border: 1px solid black;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transition: 0.25s ease-out;
}
.btn-transparent:hover {
  transition: 0.25s ease-in;
  background: #111111;
  color: #ffffff;
}

.active-btn {
  color: white;
  background-color: #111111 !important;
  border: thin solid #111111 !important;
}
.active-btn:hover {
  transition: 0.25s ease-in;
  filter: brightness(80%);
  color: white;
}

.active-btn-primary {
  transform: scale(1.25);
  background-color: #111111 !important;
  border: thin solid #111111 !important;
}
.active-btn-primary img {
  transition: 0.25s ease-in;
  transform: scale(1.07);
}
.active-btn-primary:hover {
  transition: 0.25s ease-in;
  filter: brightness(80%);
  color: white;
}

.hover-to-white:hover {
  border: 1px solid #111111;
  color: #111111 !important;
  background-color: #ffffff;
  transition: 0.25s ease-in;
}
.hover-to-white:hover svg {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(173deg) brightness(105%) contrast(102%);
  transition: 0.25s ease-in;
}

.with-left-svg svg {
  transition: 0.25s ease-out;
  height: 1.25rem;
  width: 1.25rem;
}

.btn-spacer {
  margin-right: 0.8rem;
}
@media (max-width: 575px) {
  .btn-spacer {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}

.w-unset {
  width: unset;
}

.card-button {
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  padding: 1.125rem;
  justify-content: center;
  border: none;
  outline: none;
  align-items: center;
  border-radius: 31rem;
  background-color: #111111;
}
.card-button svg {
  width: 1.5rem;
  height: 1.5rem;
}

.rounded-btn {
  display: flex;
  border-radius: 20.83331rem;
  background: white;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  margin-right: 0.7rem;
}
.rounded-btn img {
  display: block;
  width: 1.33331rem;
  height: 1.33331rem;
}

.tabs-container {
  animation: 1.5s appear;
}

.nav-tabs {
  display: flex;
  gap: 1.7rem;
  margin-bottom: 5rem;
}
.nav-tabs .nav-item {
  width: unset;
}
@media only screen and (max-width: 576px) {
  .nav-tabs .nav-item {
    width: 100%;
  }
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white !important;
  background-color: transparent;
  border-color: transparent transparent white !important;
  border-bottom: none;
  font-family: "Inter", sans-serif;
  border-bottom: 2px solid white;
}

.nav-link {
  font-family: "Inter", sans-serif;
  position: relative;
  padding-left: 0;
  padding-bottom: 1.5rem;
  color: #787878 !important;
  border-color: transparent transparent #787878 !important;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 115.385% */
  letter-spacing: -0.02438rem;
  max-width: 11.4375rem;
  min-width: 11.25rem;
  text-align: left;
  border-bottom: 2px solid #505050;
}
@media only screen and (max-width: 768px) {
  .nav-link {
    width: 100%;
  }
}

.tab-title {
  text-align: center;
  margin-bottom: 7rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .tab-title {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
  }
}

.nav-tabs {
  border: none;
}

.tab-pane {
  min-height: 20rem;
}
.tab-pane img {
  max-height: 30rem;
  padding: 1rem;
}

.loader-container {
  min-height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rotate {
  transform: rotate(180deg);
}

.card-with-changing-text {
  display: flex;
  padding: 3.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5625rem;
  background-color: #fff;
  color: #111111;
  align-self: stretch;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .card-with-changing-text {
    display: flex;
    padding: 2.5rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5625rem;
  }
}

.team-card, .service-card {
  display: flex;
  padding: 2.4375rem 2rem;
  max-width: 17.75rem;
  max-height: -moz-fit-content;
  max-height: fit-content;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 2.5rem;
  color: #111111;
  background: #ffffff;
}
@media only screen and (max-width: 768px) {
  .team-card, .service-card {
    padding: 2.4375rem 2rem;
    width: 100%;
    max-width: unset;
    margin-bottom: 2.5rem;
  }
}
.team-card img, .service-card img {
  width: 100%;
  max-height: 11.875rem;
  border-radius: 0.625rem;
}
@media only screen and (max-width: 768px) {
  .team-card img, .service-card img {
    max-height: unset;
  }
}
.team-card .card-info, .service-card .card-info {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.team-card .card-button, .service-card .card-button {
  width: 2.25rem;
  height: 2.25rem;
  margin-left: auto;
}
.team-card .card-button svg, .service-card .card-button svg {
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
}

.service-card img {
  width: 3.75rem !important;
  height: 3.75rem !important;
  border-radius: unset;
}
@media only screen and (max-width: 576px) {
  .service-card {
    display: flex;
    padding: 2.4375rem 2rem;
    align-items: center;
    gap: 2rem;
    flex-direction: row;
    border-radius: 1rem;
    background: #3C3C3C;
    color: white;
    width: 100%;
    max-width: unset;
    margin-bottom: 1rem;
  }
}

.info-card {
  display: flex;
  padding: 3.75rem 3.75rem 3.25rem 3.75rem;
  flex-direction: column;
  gap: 1.5625rem;
  align-self: stretch;
  border-radius: 2.5rem;
  background: #111111;
  color: white;
}
@media only screen and (max-width: 768px) {
  .info-card {
    padding: 3.75rem 1.5rem 3.25rem 1.5rem;
  }
}
.info-card a {
  display: flex;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  text-decoration: none;
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(25deg) brightness(103%) contrast(101%);
  border-bottom: thin solid white;
}

.blue-card {
  background: #03030F !important;
}

.platform-card {
  display: flex;
  padding: 3rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.25rem;
  border-radius: 2.5rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}
.platform-card p, .platform-card .map-link, .platform-card .btn, .platform-card .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-card .wpcf7-list-item-label, .platform-card .post .text-wrapper .categories .category, .post .text-wrapper .categories .platform-card .category {
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.9375rem; /* 115.385% */
  letter-spacing: -0.02438rem;
}

.modal-close {
  position: absolute;
  right: 1rem;
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0;
}

.modal .btn-close {
  opacity: 1;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  right: 0.5rem;
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 0;
}
.modal .logo {
  height: 2.3rem;
}
@media only screen and (max-width: 768px) {
  .modal .logo {
    max-width: 7rem !important;
  }
}
.modal .subheading, .modal .modal-body h4, .modal-body .modal h4, .modal .platform-card h2, .platform-card .modal h2, .modal .platform-card .is-h2, .platform-card .modal .is-h2, .modal .platform-card .map-section h2 span, .platform-card .map-section h2 .modal span, .modal .map-section h2 .platform-card span, .map-section h2 .platform-card .modal span, .modal .platform-card .map-section .is-h2 span, .platform-card .map-section .is-h2 .modal span, .modal .map-section .is-h2 .platform-card span, .map-section .is-h2 .platform-card .modal span, .modal .platform-card .custom-map .left h2 span, .platform-card .custom-map .left h2 .modal span, .modal .custom-map .left h2 .platform-card span, .custom-map .left h2 .platform-card .modal span, .modal .platform-card .custom-map .left .is-h2 span, .platform-card .custom-map .left .is-h2 .modal span, .modal .custom-map .left .is-h2 .platform-card span, .custom-map .left .is-h2 .platform-card .modal span, .modal .platform-card h3, .platform-card .modal h3, .modal .platform-card .cta-banner .cta-banner-inner .cta-button span, .platform-card .cta-banner .cta-banner-inner .cta-button .modal span, .modal .cta-banner .cta-banner-inner .cta-button .platform-card span, .cta-banner .cta-banner-inner .cta-button .platform-card .modal span, .modal .platform-card h4, .platform-card .modal h4, .modal .platform-card h5, .platform-card .modal h5, .modal .platform-card .accordion-button, .platform-card .modal .accordion-button, .modal .platform-card .post blockquote p, .platform-card .post blockquote .modal p, .modal .post blockquote .platform-card p, .post blockquote .platform-card .modal p, .modal .platform-card .post blockquote .map-link, .platform-card .post blockquote .modal .map-link, .modal .post blockquote .platform-card .map-link, .post blockquote .platform-card .modal .map-link, .modal .platform-card .post blockquote .btn, .modal .platform-card .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .modal .platform-card .post blockquote .wpcf7-list-item-label, .platform-card .post blockquote .modal .btn, .platform-card .post blockquote .modal .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .platform-card .post blockquote .modal .wpcf7-list-item-label, .modal .post blockquote .platform-card .btn, .modal .post blockquote .platform-card .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .modal .post blockquote .platform-card .wpcf7-list-item-label, .post blockquote .platform-card .modal .btn, .post blockquote .platform-card .modal .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .platform-card .modal .wpcf7-list-item-label, .modal .platform-card .post blockquote .text-wrapper .categories .category, .platform-card .post blockquote .text-wrapper .categories .modal .category, .modal .post blockquote .text-wrapper .categories .platform-card .category, .post blockquote .text-wrapper .categories .platform-card .modal .category, .modal .platform-card .post .text-wrapper .categories blockquote .category, .platform-card .post .text-wrapper .categories blockquote .modal .category, .modal .post .text-wrapper .categories blockquote .platform-card .category, .post .text-wrapper .categories blockquote .platform-card .modal .category, .modal .platform-card h6, .platform-card .modal h6 {
  line-height: 1;
  margin-bottom: 1.5rem;
}

.modal-backdrop {
  z-index: 0 !important;
}

.modal-content {
  background-color: #111111 !important;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .modal-content {
    padding: 0 1rem;
  }
}

.modal-content > * {
  transition: 0.1s ease-in-out;
}

.modal-body {
  padding: 0 0 5rem 0;
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  .modal-body {
    padding-right: 1.5rem !important;
  }
}
.modal-body h3, .modal-body .cta-banner .cta-banner-inner .cta-button span, .cta-banner .cta-banner-inner .cta-button .modal-body span {
  margin-bottom: 3.38rem;
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.05625rem;
}
.modal-body h4 {
  color: #A0A0A0;
  margin-bottom: 1rem;
}
.modal-body .modal-img {
  border-radius: 1rem;
}
@media only screen and (max-width: 768px) {
  .modal-body .modal-img {
    margin-top: 3rem;
  }
}
@media only screen and (max-width: 576px) {
  .modal-body .btn, .modal-body .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .modal-body .wpcf7-list-item-label, .modal-body .post .text-wrapper .categories .category, .post .text-wrapper .categories .modal-body .category {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .modal-body .contact-form-btn p, .modal-body .contact-form-btn .map-link, .modal-body .contact-form-btn .btn, .modal-body .contact-form-btn .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .modal-body .contact-form-btn .wpcf7-list-item-label, .modal-body .contact-form-btn .post .text-wrapper .categories .category, .post .text-wrapper .categories .modal-body .contact-form-btn .category {
    width: 100%;
  }
}

.modal-header {
  position: relative;
  padding: 0;
  margin-top: 2.5rem;
  font-size: 0.875rem;
  color: #A0A0A0;
  border-bottom: none;
  margin-bottom: 3rem;
}
.modal-header .modal-subtitle {
  font-size: 0.875rem;
  color: #A0A0A0;
  margin-bottom: 0;
}

#platformModal br {
  display: none;
}

.grid-boxes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
  gap: 1.4rem;
}
.grid-boxes .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.25rem 1rem;
  background: #FFFFFF;
  box-shadow: 0 4px 20px rgba(21, 123, 242, 0.08);
  border-radius: 12px;
}
.grid-boxes .box img {
  margin-bottom: 1rem;
}
.grid-boxes .box span {
  line-height: 1.5rem;
  text-align: center;
  font-size: 1rem;
}

.form .form-group {
  margin-bottom: 2rem;
}
.form .form-check {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 2.625rem;
  margin-top: 2.625rem;
}
.form .form-check input {
  width: 1.625rem;
  height: 1.625rem;
  margin-right: 1rem;
  transition: 0.3s;
}
@media only screen and (max-width: 576px) {
  .form .form-check input {
    width: 1em;
    height: 1em;
  }
}
.form .form-check input:checked {
  background-color: black;
  border: none;
  transition: 0.3s;
}
.form .form-check input:focus {
  box-shadow: none;
}
.form .form-control {
  margin-bottom: 1rem;
  color: white;
  padding: 1rem;
  min-height: 3.125rem;
  border: thin solid white;
  background: transparent;
  border-radius: 0.375rem;
  font-size: 1rem;
  transition: 0.25s ease-out;
}
.form .form-control::-moz-placeholder {
  color: white;
}
.form .form-control::placeholder {
  color: white;
}
.form .form-control:focus {
  transition: 0.25s ease-in;
  box-shadow: none;
}
@media only screen and (max-width: 768px) {
  .form .form-control {
    min-height: 2rem;
  }
}
.form .form-control option {
  color: white !important;
  background-color: #111111;
}
@media (max-width: 768px) {
  .form .form--contact h4 {
    text-align: left !important;
  }
}
.form .form--contact .small-textarea {
  height: 6.75rem;
}
.form .form--contact textarea {
  resize: none;
  height: 11.25rem;
  transition: 0.25s ease-in;
}
.form .form--contact textarea:focus {
  transition: 0.25s ease-in;
}

.form-radio {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.form-radio .wpcf7-list-item {
  display: block;
  margin: 0;
  height: 3.125rem;
  position: relative;
}
.form-radio .wpcf7-list-item .wpcf7-list-item-label {
  padding: 1rem !important;
  width: unset !important;
  margin-left: 0;
}
.form-radio input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-radio input[type=radio]:hover {
  cursor: pointer;
}
.form-radio input[type=radio]:checked + span {
  background: white;
  color: #111111;
}

.wpcf7-spinner {
  position: absolute !important;
  visibility: hidden;
  display: block !important;
  background-color: #23282d !important;
  width: 2rem !important;
  height: 2rem !important;
  border: thin solid white !important;
  border-radius: 100%;
  padding: 1rem !important;
  bottom: 1rem !important;
  right: 50% !important;
}

.wpcf7-response-output[aria-hidden=true] {
  background: white;
  padding: 2.3rem 2.6rem;
  border-radius: 12px;
  margin-top: 1rem;
}

.wpcf7-checkbox label {
  position: relative;
  cursor: pointer;
  max-width: 22rem;
}
@media only screen and (max-width: 576px) {
  .wpcf7-checkbox label {
    max-width: 100%;
  }
}

.wpcf7-checkbox input[type=checkbox] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
}

.wpcf7-checkbox input[type=checkbox] + span {
  /* border: 3px solid red; */
}

.wpcf7-checkbox input[type=checkbox] + span:before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 0;
  height: 30px;
  width: 30px;
  top: 0px;
  left: 0px;
  border: 1px solid black;
}

.wpcf7 form.invalid .wpcf7-response-output {
  background: transparent;
  padding: 1rem;
  color: #ffffff;
  border-color: #dc3232 !important;
  border-radius: 0.375rem;
  margin: 2rem 0.75rem;
}

.wpcf7-checkbox input[type=checkbox] + span:after {
  display: block;
  position: absolute;
  content: "\2713";
  color: white;
  width: 1.625rem;
  height: 1.625rem;
  top: 0;
  left: 0;
  visibility: hidden;
  font-size: 18px;
  text-align: center;
  line-height: 30px;
}

.wpcf7-checkbox input[type=checkbox]:checked + span:before {
  background: black;
}

.wpcf7-checkbox input[type=checkbox]:checked + span:after {
  visibility: visible;
}

.wpcf7-list-item-label {
  margin-left: 4rem;
  display: inline-block;
}

.wpcf7-response-output {
  display: none !important;
}

.success-message {
  width: 23.875rem;
}

.slider_images {
  display: none;
  overflow: hidden;
  margin-bottom: 4rem;
}
@media only screen and (max-width: 1200px) {
  .slider_images {
    display: flex;
    min-height: 15rem;
  }
}
.slider_images .swiper-wrapper {
  min-height: 15rem;
}
.slider_images .swiper-wrapper .swiper-slide:nth-child(odd) {
  margin-top: auto;
}
.slider_images .swiper-wrapper img {
  height: 13rem;
  width: auto;
}

.blog-slider .swiper-wrapper {
  height: unset;
}
@media only screen and (max-width: 768px) {
  .blog-slider .swiper-wrapper h5, .blog-slider .swiper-wrapper .accordion-button, .blog-slider .swiper-wrapper .post blockquote p, .post blockquote .blog-slider .swiper-wrapper p, .blog-slider .swiper-wrapper .post blockquote .map-link, .post blockquote .blog-slider .swiper-wrapper .map-link, .blog-slider .swiper-wrapper .post blockquote .btn, .post blockquote .blog-slider .swiper-wrapper .btn, .blog-slider .swiper-wrapper .post blockquote .text-wrapper .categories .category, .post blockquote .text-wrapper .categories .blog-slider .swiper-wrapper .category, .blog-slider .swiper-wrapper .post .text-wrapper .categories blockquote .category, .post .text-wrapper .categories blockquote .blog-slider .swiper-wrapper .category, .blog-slider .swiper-wrapper .post blockquote .form-radio .wpcf7-list-item .wpcf7-list-item-label, .post blockquote .form-radio .wpcf7-list-item .blog-slider .swiper-wrapper .wpcf7-list-item-label, .blog-slider .swiper-wrapper .form-radio .wpcf7-list-item .post blockquote .wpcf7-list-item-label, .form-radio .wpcf7-list-item .post blockquote .blog-slider .swiper-wrapper .wpcf7-list-item-label {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 768px) {
  .blog-slider .swiper-wrapper p, .blog-slider .swiper-wrapper .map-link, .blog-slider .swiper-wrapper .btn, .blog-slider .swiper-wrapper .post .text-wrapper .categories .category, .post .text-wrapper .categories .blog-slider .swiper-wrapper .category, .blog-slider .swiper-wrapper .form-radio .wpcf7-list-item .wpcf7-list-item-label, .form-radio .wpcf7-list-item .blog-slider .swiper-wrapper .wpcf7-list-item-label {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .blog-slider .swiper-wrapper img {
    max-height: 9.4rem;
  }
}

.slider__single-trigger {
  display: flex;
  align-items: center;
  font-weight: 900;
  text-decoration: none;
  opacity: 0.3;
  margin-bottom: 3.75rem;
}
.slider__single-trigger:before {
  position: absolute;
  content: "";
  display: block;
  flex-shrink: 0;
  bottom: 1.5rem;
  height: 3rem;
  transition: 0.3s;
}
.slider__single-trigger:hover {
  text-decoration: none;
  opacity: 1;
}
.slider__single-trigger.active {
  opacity: 1;
}
.slider__single-trigger.active:before {
  width: 60%;
  background: url(../img/underline-big.svg) center no-repeat;
  transform: scale(1);
  transition: 0.3s;
}

.swiper-container.slider__triggers {
  overflow: hidden;
}
.swiper-container.slider__triggers .swiper-wrapper {
  flex-direction: column;
}
@media only screen and (max-width: 992px) {
  .swiper-container.slider__triggers .swiper-wrapper {
    gap: 2rem;
  }
}
.swiper-container.slider__triggers .swiper-wrapper .swiper-slide {
  width: auto;
  margin: 0;
}
.swiper-container.slider__single .swiper-wrapper .swiper-slide .text p:last-child, .swiper-container.slider__single .swiper-wrapper .swiper-slide .text .map-link:last-child, .swiper-container.slider__single .swiper-wrapper .swiper-slide .text .btn:last-child, .swiper-container.slider__single .swiper-wrapper .swiper-slide .text .post .text-wrapper .categories .category:last-child, .post .text-wrapper .categories .swiper-container.slider__single .swiper-wrapper .swiper-slide .text .category:last-child, .swiper-container.slider__single .swiper-wrapper .swiper-slide .text .form-radio .wpcf7-list-item .wpcf7-list-item-label:last-child, .form-radio .wpcf7-list-item .swiper-container.slider__single .swiper-wrapper .swiper-slide .text .wpcf7-list-item-label:last-child {
  margin: 0;
  flex: 1;
}
.swiper-container.slider__single .swiper-wrapper .swiper-slide .text ul {
  list-style: disc;
}
.swiper-container.slider__single .swiper-wrapper .swiper-slide .text ul, .swiper-container.slider__single .swiper-wrapper .swiper-slide .text ol {
  margin: 0 0 2rem;
  padding: 0 0 0 2.5rem;
}
.swiper-container.slider__single .swiper-wrapper .swiper-slide .text ul li, .swiper-container.slider__single .swiper-wrapper .swiper-slide .text ol li {
  margin: 0 0 1.25rem !important;
}
.swiper-container.slider__single .swiper-wrapper .swiper-slide .img {
  position: absolute;
  top: -2.8rem;
  right: -4.8rem;
  width: 25rem;
  height: 23rem;
  z-index: -1;
}
.swiper-container.slider__single .swiper-wrapper .swiper-slide .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media only screen and (max-width: 992px) {
  .slider__single-trigger {
    text-wrap: nowrap;
  }
  ul.slider-triggers {
    margin: 0 0 2rem;
  }
  ul.slider-triggers li a {
    margin: 0 0 1.2rem;
  }
  .swiper-container.slider__triggers .swiper-wrapper {
    flex-direction: row;
  }
  .swiper-container.slider__single .text {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }
  .swiper-container.slider__single .img {
    width: 100% !important;
    height: unset !important;
    position: relative !important;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    padding-bottom: 40% !important;
    margin: 0 0 2rem;
  }
  .swiper-container.slider__single .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.services-slider {
  width: 100%;
  padding-left: 10rem;
}
@media only screen and (max-width: 1200px) {
  .services-slider {
    padding-left: 0;
  }
}
.services-slider .swiper-slide {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 2rem !important;
}

.swiper-nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2.38rem;
}
.swiper-nav img {
  width: 1.5rem;
  height: 1.5rem;
}
.swiper-nav img:last-of-type {
  transform: rotate(180deg);
}
.swiper-nav .swiper-button-disabled {
  visibility: hidden;
}

.partners-slider {
  overflow: hidden;
  position: relative;
}
.partners-slider .swiper-wrapper {
  padding: 1.65rem 0 2.9rem 0;
  height: 8.75rem;
}
.partners-slider .swiper-wrapper .swiper-slide {
  text-align: center;
  height: 50%;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners-slider .swiper-pagination-bullet-active {
  height: 0.25rem !important;
  width: 0.75rem !important;
  border-radius: 0.3rem;
  background-color: #C8C8C8 !important;
}
.partners-slider .swiper-pagination-bullet {
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 0.3rem;
  background-color: #A89B93;
}

.platform-svg {
  width: 100%;
  height: 100%;
}
.platform-svg .visibility_path,
.platform-svg .system_path,
.platform-svg .contractors_path,
.platform-svg .labor_path,
.platform-svg .fleet_path,
.platform-svg .automatic_driving_path,
.platform-svg .sustainability_path {
  opacity: 0;
  stroke: white;
  stroke-width: 2;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: opacity 0.5s ease, stroke-dashoffset 2s ease;
}
.platform-svg .active_path {
  opacity: 1 !important;
  stroke-dashoffset: 0;
}
.platform-svg .node {
  fill: #9E78FF;
  stroke: white;
  paint-order: stroke;
  stroke-width: 15;
  opacity: 1;
  transition: fill 0.3s ease, stroke 0.3s ease, opacity 0.3s ease;
}
.platform-svg .node:hover {
  fill: white !important;
  stroke: white !important;
  stroke-opacity: 0.2 !important;
  stroke-width: 15 !important;
  cursor: pointer;
  opacity: 1 !important;
}
.platform-svg .outer-node:hover {
  fill: white !important;
  stroke: white !important;
  stroke-opacity: 0.1 !important;
  stroke-width: 7 !important;
  cursor: pointer;
  opacity: 1 !important;
}
.platform-svg .active_text {
  fill: #111111;
  opacity: 1 !important;
  transition: fill 0.3s ease, opacity 0.3s ease;
}
.platform-svg .inactive_text {
  fill: white !important;
  transition: fill 0.3s ease, opacity 0.3s ease;
}
.platform-svg .inactive_text:hover {
  cursor: pointer;
}
.platform-svg .inactive_rect {
  fill: #3C3C3C;
  transition: fill 0.3s ease;
}
.platform-svg .inactive_rect:hover {
  cursor: pointer;
}
.platform-svg .active_node {
  fill: white !important;
  stroke: white !important;
  stroke-opacity: 0.2 !important;
  stroke-width: 15 !important;
  opacity: 1 !important;
  transition: fill 0.3s ease, stroke 0.3s ease, opacity 0.3s ease;
}
.platform-svg .inactive_node {
  fill: #787878 !important;
  stroke: white !important;
  stroke-opacity: 0 !important;
  stroke-width: 0 !important;
  transition: fill 0.3s ease, stroke 0.3s ease, opacity 0.3s ease;
}
.platform-svg .inactive {
  opacity: 0.3 !important;
  fill: #787878 !important;
  transition: opacity 0.3s ease, fill 0.3s ease;
}

.hover-inner, html:has(.multiple_system_integration_text:hover) .multiple_system_integration, html:has(.multiple_system_integration_rect:hover) .multiple_system_integration, html:has(.multiple_contractors_text:hover) .multiple_contractors, html:has(.multiple_contractors_rect:hover) .multiple_contractors, html:has(.labor_shortage_text:hover) .labor_shortage, html:has(.labor_shortage_rect:hover) .labor_shortage, html:has(.fleet_utilization_text:hover) .fleet_utilization, html:has(.fleet_utilization_rect:hover) .fleet_utilization, html:has(.autonomous_driving_text:hover) .autonomous_driving, html:has(.autonomous_driving_rect:hover) .autonomous_driving, html:has(.sustainability_text:hover) .sustainability, html:has(.sustainability_rect:hover) .sustainability, html:has(.visibility_text:hover) .visibility, html:has(.visibility_rect:hover) .visibility {
  fill: white !important;
  stroke: white !important;
  stroke-opacity: 0.2 !important;
  stroke-width: 15 !important;
  cursor: pointer;
  opacity: 1 !important;
}

.hover-inner-rect {
  fill: white !important;
}

.hover-inner-text, html:has(.multiple_system_integration:hover) .multiple_system_integration_rect, html:has(.multiple_contractors:hover) .multiple_contractors_rect, html:has(.labor_shortage:hover) .labor_shortage_rect, html:has(.fleet_utilization:hover) .fleet_utilization_rect, html:has(.autonomous_driving:hover) .autonomous_driving_rect, html:has(.sustainability:hover) .sustainability_rect, html:has(.visibility:hover) .visibility_rect {
  fill: grey;
  stroke: #111;
  stroke-opacity: 0.1 !important;
  stroke-width: 2px !important;
  cursor: pointer;
  opacity: 1 !important;
  transition: opacity 0.3s ease, fill 0.3s ease;
}

.hover-outer, html:has(.value_added_services:hover) .value_added_services, html:has(.state_of_the_art:hover) .state_of_the_art, html:has(.single_point_of_contact:hover) .single_point_of_contact, html:has(.single_contracting_partner:hover) .single_contracting_partner, html:has(.simple_workflows:hover) .simple_workflows, html:has(.route_optimisation:hover) .route_optimisation, html:has(.real_time_data:hover) .real_time_data, html:has(.ratings:hover) .ratings, html:has(.price_transparency:hover) .price_transparency, html:has(.predictions:hover) .predictions, html:has(.predictive_intelligence:hover) .predictive_intelligence, html:has(.one_ssot:hover) .one_ssot, html:has(.machine_learning:hover) .machine_learning, html:has(.kpis:hover) .kpis, html:has(.global_web_access:hover) .global_web_access, html:has(.eco_mode:hover) .eco_mode, html:has(.digital_process:hover) .digital_process, html:has(.troubleshooting:hover) .troubleshooting, html:has(.easy_integration:hover) .easy_integration, html:has(.digital_documents:hover) .digital_documents, html:has(.direct_access:hover) .direct_access, html:has(.customised_offers:hover) .customised_offers, html:has(.compensation:hover) .compensation, html:has(.co2_value:hover) .co2_value, html:has(.automatic_billing:hover) .automatic_billing, html:has(.automatic_planning:hover) .automatic_planning, html:has(.api:hover) .api, html:has(.ad_hoc:hover) .ad_hoc, html:has(.easy_entry:hover) .easy_entry {
  fill: white !important;
  stroke: white !important;
  stroke-opacity: 0.1 !important;
  stroke-width: 7 !important;
  cursor: pointer;
  opacity: 1 !important;
}

#myMap .line {
  opacity: 0; /* Hide the paths */
  transition: opacity 0.5s ease, stroke-dashoffset 2s ease;
}