:root {
  --global-color-primary: #f79420;
  --global-color-secondary: #000;
  --global-color-accent: #8fbe3c;
  --global-color-heading: #000000;
  --global-color-border-primary: #f79420;
  --one-motion-general-border: #e0e0e0;
  --one-motion-gloabl-text: #4b4b4b;
  --one-motion-badge-font-size: 12px;
}

/* === FONT IMPORTS === */
@font-face {
  font-family: "Involve";
  src: url("../fonts/Involve-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Switzer";
  src: url("../fonts/Switzer-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: "Switzer";
  src: url("../fonts/Switzer-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: optional;
}

/* Metric-compatible fallback faces to reduce swap-induced reflow */
@font-face {
  font-family: "Switzer Fallback";
  src: local("Arial");
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 98%;
}

@font-face {
  font-family: "Involve Fallback";
  src: local("Trebuchet MS");
  ascent-override: 90%;
  descent-override: 22%;
  line-gap-override: 0%;
  size-adjust: 98%;
}

/* === APPLY FONTS === */
body,
p,
ul,
ol {
  font-family: "Switzer", "Switzer Fallback", "Segoe UI", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5em;
  color: var(--one-motion-gloabl-text);
}

p a, label a {
	color: var(--global-color-primary);
	text-decoration: none;
}

p a:hover,
label a:hover {
	color: var(--global-color-accent);
}


.one-motion a,
.page-template-template-landing a {
  text-decoration: none;
}

body p {
  margin-bottom: 25px;
}

.one-motion-footer-text,
.one-motion-footer-text p {
  color: #ffffff99 !important;
}

.one-motion-hero-title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Involve", "Involve Fallback", "Segoe UI", Arial, sans-serif;
  font-weight: 700;
}

h5 {
  font-size: 26px;
  margin-bottom: 0;
}

.one-motion-h2 {
  font-size: 52px;
  line-height: 1.06em;
  letter-spacing: -2px;
  color: var(--global-color-heading);
}

.one-motion-title-xl {
  font-size: 90px;
  letter-spacing: -2px;
  line-height: 1em;
}

.one-motion-title-lg {
  font-size: 36px;
  font-weight: 700;
}

.one-motion-title-md {
  font-size: 26px;
  font-weight: 700;
}

body .container {
  max-width: 1290px;
}

/* Landing template: prevent horizontal overflow on mobile due to row negative margins */
body.page-template-template-landing {
  /* clip instead of hidden to avoid scrollbar without affecting scroll snapping */
  overflow-x: clip;
}

@media (max-width: 991px) {
  body.page-template-template-landing {
    overflow-x: hidden;
  }
}

body.page-template-template-landing .container,
body.page-template-template-landing .container-fluid {
  overflow-x: hidden;
}

/* Fix: prevent vertical scrollbar in partners section caused by overflow-x hidden */
body.page-template-template-landing .one-motion-partners-section .container {
  overflow: visible;
}

.one-motion-highlighted {
  color: var(--global-color-primary);
}

.one-motion-hero {
  margin-top: -160px;
}

.one-motion-hero-section .container,
div.one-motion-header-container {
  max-width: 1730px;
}

section.one-motion-hero-section {
  margin-top: -160px;
  padding-left: 30px;
  padding-right: 30px;
}

/* === HERO SECTION === */
.one-motion-hero-section {
  /* Default fallback; templates can override via inline style from Customizer */
  background: url("/assets/img/beach.jpg") center center / cover no-repeat;
  background-image: image-set(
    url("/assets/img/beach.webp") type("image/webp"),
    url("/assets/img/beach.jpg") type("image/jpeg")
  );
  background-attachment: fixed;
  min-height: 90vh;
  min-height: 90svh;
  display: flex;
  align-items: center;
  padding: 60px 0;
  position: relative;
  padding-top: 210px;
  padding-bottom: 80px;
}

/* Home template optimization: use real <img> for faster LCP discovery */
.one-motion-hero-section.one-motion-hero-has-image {
  background: none;
  background-image: none;
}

.one-motion-hero-section.one-motion-hero-has-image .one-motion-hero-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

/* Landing/archive hero optimization: render hero as real <img> without reflow */
.one-motion-breadcrumbs-banner.one-motion-breadcrumbs-has-image {
  background-image: none;
}

.one-motion-breadcrumbs-banner.one-motion-breadcrumbs-has-image .one-motion-hero-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.home .one-motion-hero-section.one-motion-hero-has-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}

/* iOS/Safari fix: background-attachment: fixed is not supported on iOS */
@supports (-webkit-touch-callout: none) {
  .one-motion-hero-section {
    background-attachment: scroll;
  }
}

.one-motion-hero-section .one-motion-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.one-motion-hero-section .container {
  position: relative;
  z-index: 2;
}

.one-motion-hero-title {
  font-size: clamp(60px, 6.5vmax, 90px);
  letter-spacing: -2px;
  line-height: 1em;
  margin-bottom: 20px;
  max-width: 690px;
}

@media (max-width: 767px) {
  .one-motion-hero-title {
    font-size: 40px;
  }
}

.one-motion-hero-text {
  font-family: "Switzer";
  font-size: 22px;
  margin-bottom: 30px;
  max-width: 600px;
  color: #ffffff99;
  font-weight: 500;
}

.one-motion-hero-general {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding-top: 70px;

  /* Default fallback; templates can override via inline style from Customizer */
  background-image: url("/assets/img/beach.jpg");
  background-image: image-set(
    url("/assets/img/beach.webp") type("image/webp"),
    url("/assets/img/beach.jpg") type("image/jpeg")
  );
  height: 350px;
}

.one-motion-hero-general:before {
  opacity: 0.3;
  background-color: var(--global-color-heading);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  content: "";
  height: 100%;
  position: absolute;
  z-index: -1;
}

@media (max-width: 880px) {
  .one-motion-hero-text {
    max-width: 100%;
  }
}

.one-motion-text-lg {
  font-family: "Switzer";
  font-size: 22px;
  color: var(--one-motion-gloabl-text);
  font-weight: 600;
  line-height: 1.3em;
}

.one-motion-text-sm {
  font-family: "Switzer";
  font-size: 16px;
  color: var(--one-motion-gloabl-text);
  font-weight: 600;
}

.one-motion-scroll-down-container {
  margin-top: 105px;
  min-height: 45px;
}

.one-motion-scroll-down {
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 45px;
  height: 45px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  animation: bounce 1.5s infinite;
  margin: 0 auto;
}

@keyframes bounce {
  0%,
  100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, 10px);
  }
}

/* === MAIN BUTTON === */
.one-motion-btn {
  display: inline-grid;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.7;
  font-family: "Involve", sans-serif;
  border-radius: 10px;
  cursor: pointer;
  color: var(--btn-text, #000);
  padding: 5px 5px 5px 30px;
  text-decoration: none;
  background-color: var(--btn-bg, #fff);
  border: none;
  transition: all 0.3s ease;
  position: relative;

  /* Touch optimization (helps iOS Safari treat it as a direct tap target) */
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* === BOOTSTRAP BUTTON iOS FIX === */
/* Apply iOS double-tap delay fix to all Bootstrap buttons */
.btn {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.one-motion-btn-bordered {
  border: 1px solid #e0e0e0;
}

/*
  iOS Safari note:
  Elements with :hover styles can require two taps on iOS (tap #1 activates hover).
  Only apply :hover rules on hover-capable devices.
*/

@media (hover: hover) and (pointer: fine) {
  .one-motion-btn:hover {
    background-color: var(--btn-bg-hover, #f5f5f5);
  }

  .one-motion-btn-bordered:hover {
    background-color: #000;
    color: #fff;
  }

}

/* Touch feedback */
@media (hover: none) and (pointer: coarse) {
  .one-motion-btn:active {
    background-color: var(--btn-bg-hover, #f5f5f5);
  }

  .one-motion-btn-bordered:active {
    background-color: #000;
    color: #fff;
  }

}

/* === New Button OneMotion === */
.onemotion-btn.onemotion-btn-special {
  background: var(--global-color-primary);
}

img.onemotion-btn-icon {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
  flex-shrink: 0;
}

.onemotion-btn {
  position: relative;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 18px 40px 18px 40px;
  border-radius: 10px;
  background: var(--global-color-accent);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
  transition: 0.2s;
  gap: 10px;
  border: 0px;

  /* iOS/Safari: avoid the “first tap = hover, second tap = click” behavior
     by ensuring the element is treated as an interactive/touch target. */
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

/* Specific variant for the product page "Meer informatie aanvragen" button:
   swap default and hover colors (normal = primary/orange, hover = accent/green). */
.onemotion-btn.onemotion-btn-info {
  background: var(--global-color-primary);
}

/* Inquiry form submit button: orange by default, green on hover/active */
.onemotion-btn.onemotion-btn-inquiry {
  background: var(--global-color-primary);
}

/* Text */
.onemotion-btn .text {
  transition: opacity 0.3s ease;
  white-space: nowrap;
  font-family: "Involve", sans-serif;
}

/* Icon */
/*
  Important for iOS:
  Mobile Safari sometimes requires two taps when an element has :hover styles.
  The first tap activates hover, the second tap activates the link.

  Fix: only apply hover styles on devices that *actually* support hover.
  For touch devices, we use :active instead (single tap).
*/

/* Hover effects (desktop / real hover devices only) */
@media (hover: hover) and (pointer: fine) {
  .onemotion-btn:hover {
    background: var(--global-color-primary);
  }

  .onemotion-btn.onemotion-btn-inquiry:hover {
    background: var(--global-color-accent);
  }

  .onemotion-btn.onemotion-btn-info:hover {
    background: var(--global-color-accent);
  }

  .onemotion-btn.onemotion-btn-inquiry:hover .text {
    opacity: 1;
  }
}

/* Touch feedback (mobile / touch devices) */
@media (hover: none) and (pointer: coarse) {
  .onemotion-btn:active {
    background: var(--global-color-primary);
  }

  .onemotion-btn.onemotion-btn-inquiry:active {
    background: var(--global-color-accent);
  }

  .onemotion-btn.onemotion-btn-info:active {
    background: var(--global-color-accent);
  }

  .onemotion-btn.onemotion-btn-inquiry:active .text {
    opacity: 1;
  }
}

/* === CONTENT WRAPPER === */
.one-motion-btn-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

/* === ICON CIRCLE === */
.one-motion-btn-icon {
  width: 50px;
  height: 50px;
  background-color: var(--global-color-accent, #f79420);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.one-motion-btn-icon img {
  filter: invert(1);
}

/* === ICON WRAP === */
.one-motion-btn-icon-wrap {
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* === FRONT ICON === */
.one-motion-btn-icon-front,
.one-motion-btn-icon-hover {
  position: absolute;
  display: flex;
  transition: transform 0.35s linear;
  /* transform: rotate(-45deg); */
}

.one-motion-btn-icon-hover {
  display: none;
}

/* (hover animation rules moved into hover-capable media query above) */

/* === CONTENT WRAPPER === */
div.one-motion-hero-counters {
  margin-top: 105px;
  min-height: 220px;
}

.one-motion-btn-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

/* === ICON CIRCLE === */
.one-motion-btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === ICON WRAP === */
.one-motion-btn-icon-wrap {
  position: relative;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* === FRONT ICON === */
.one-motion-btn-icon-front,
.one-motion-btn-icon-hover {
  position: absolute;
  display: flex;
  transition: transform 0.35s linear;
}

.one-motion-btn-icon-hover {
  display: none;
}

/* === HOVER ANIMATION === */
/* .one-motion-btn:hover .one-motion-btn-icon-front {
  transform: translate3d(17px, -17px, 0) scale(0.2) rotate(-45deg);
} */

/* === COUNTERS === */
.one-motion-counter {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid #ffffff1a;
  border-radius: 20px;
  padding: 40px;
  text-align: left;
  height: 100%;
}

.one-motion-counter-number {
  font-family: "Involve", sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1em;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ffffff33;
}

@media (min-width: 1920px) {
  .one-motion-counter-number {
    font-size: 70px;
  }
}

.one-motion-counter-number sup {
  font-size: 60%;
  top: -0.5em;
  color: var(--global-color-primary);
}

.one-motion-counter-label {
  font-size: 22px;
  font-weight: 600;
  line-height: 32px;
  color: #fff;
}

/* Section Background */
.one-motion-services-section {
  background: #fff;
  padding: 130px 15px 310px 15px;
  border-radius: 50px 50px 50px 50px;
  margin-top: -50px;
  z-index: 2;
  position: relative;
}

div.one-motion-service-row {
  gap: 30px;
  flex-wrap: nowrap;
}

@media (min-width: 768px) {
  .one-motion-service-row .col-lg-3 {
    /* padding: 0; */
    width: calc(25% - 30px);
    flex-grow: 1;
  }
}

/* Badge */
.one-motion-badge {
  font-family: "Involve", sans-serif;
  border: 1px solid var(--global-color-border-primary);
  color: var(--global-color-heading);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2em;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
}

/* Row Spacing */
div.one-motion-service-row-1 {
  margin-top: 30px;
  margin-bottom: 65px;
}

/* Large Title */
.one-motion-title-lg {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: -1px;
  color: var(--global-color-heading);
}

/* Service Card Container */
.one-motion-service-card {
  position: relative;
  min-height: 320px;
  display: flex;
  justify-content: space-between;
  text-align: left;
  flex-direction: column;
  height: 100%;
  position: relative;
  counter-reset: count;
}

/* .one-motion-service-content::before {
  counter-increment: count;
  content: counter(count, decimal-leading-zero) ".";
  font-size: var(--one-motion-badge-font-size);
  padding-bottom: 18px;
  border-bottom: 1px solid var(--one-motion-general-border);
  width: 100%;
  display: block;
} */

/* .one-motion-service-content {
  padding-top: 18px;
  border-top: 1px solid var(--one-motion-general-border);
} */

/* Number */
.one-motion-service-number {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

/* Image Wrap */
.one-motion-service-img-wrap {
  /* margin-top: 40px; */
  margin-bottom: 30px;
}

/* Icon */
.one-motion-service-icon {
  width: 64px;
  height: auto;
}

.one-motion-service-title {
  max-width: 260px;
}

/* Button Wrap with Background Image */
.one-motion-service-card .one-motion-service-button-wrap {
  position: relative;
  width: 50px;
  height: 60px;
  border-radius: 10px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.7s ease;
  overflow: hidden;
}

.one-motion-service-button .one-motion-btn-icon {
  background-color: transparent;
  filter: brightness(0) invert(1);
}

/* Overlay */
.one-motion-service-card .one-motion-service-button-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* The Button */
.one-motion-service-card .one-motion-service-button {
  position: relative;
  background-color: var(--global-color-secondary);
  width: 50px;
  height: 50px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s ease;
  z-index: 1;
}

/* Icon Container */
.one-motion-service-card .one-motion-btn-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  position: relative;
  overflow: hidden;
}

.one-motion-service-card .one-motion-btn-icon,
.one-motion-service-card .one-motion-btn-icon-hover {
  display: flex;
  transition: transform 0.35s linear;
  width: 18px;
}

.one-motion-service-card .one-motion-btn-icon-hover {
  display: none;
}

/*
  iOS: ensure hover-only effects don't block the first tap.
  Use hover styles only on hover-capable devices; provide :active on touch.
*/

@media (hover: hover) and (pointer: fine) {
  /* Hover State */
  .one-motion-service-card:hover .one-motion-service-button-wrap {
    width: 50%;
    height: 60px;
  }

  .one-motion-service-card:hover .one-motion-service-button-wrap {
    background-color: #000;
  }

  .one-motion-service-card:hover .one-motion-service-button {
    background-color: var(--global-color-primary);
    margin-right: 5px;
  }

  .one-motion-service-card:hover .one-motion-service-button-wrap::before {
    background-color: transparent;
  }
}

@media (hover: none) and (pointer: coarse) {
  .one-motion-service-card:active .one-motion-service-button-wrap {
    width: 50%;
    height: 60px;
  }

  .one-motion-service-card:active .one-motion-service-button-wrap {
    background-color: #000;
  }

  .one-motion-service-card:active .one-motion-service-button {
    background-color: var(--global-color-primary);
    margin-right: 5px;
  }

  .one-motion-service-card:active .one-motion-service-button-wrap::before {
    background-color: transparent;
  }
}

.one-motion-col {
  /* flex: 1; */
}

section.one-motion-cta-section {
  margin-bottom: -160px;
  margin-top: -160px;
  position: relative;
  z-index: 99;
}

/* Card Styling */
.one-motion-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.one-motion-card-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.one-motion-card-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  min-height: 320px;
  position: relative;
  z-index: 2;
}

.one-motion-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #333;
}

/* Background Images for the sections */
.one-motion-col:first-child .one-motion-card {
  background-color: #dadada;
}

.one-motion-col:last-child .one-motion-card {
  background-color: var(--global-color-primary);
}

.one-motion-col:first-child .one-motion-card .one-motion-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #dadada 0%, #d9d9d900 100%);
  z-index: 0;
}

.one-motion-cta-title {
  max-width: 360px;
  transition: color 0.3s ease;
}

.one-motion-who-we-are {
  background-color: #f6f3ec;
  padding: 310px 0 150px 0;
}

/* Scrolling Titles */
.one-motion-scrolling-wrapper {
  gap: 1rem;
  white-space: nowrap;
  animation: one-motion-scroll 15s linear infinite;
}

.one-motion-scrolling-item span {
  font-weight: bold;
  font-size: 1.1rem;
}

/* Scroll animation */
@keyframes one-motion-scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Heading */
.one-motion-heading {
  font-weight: 700;
  font-size: 2.5rem;
}

/* Gallery title */
.one-motion-gallery-title {
  font-size: 1rem;
  font-weight: 500;
}

/* Icon Box */
.one-motion-icon-box i {
  color: #0d6efd;
}

.one-motion-icon-box h3 {
  font-size: 1.25rem;
  margin-top: 0.5rem;
}

/* Accordion */
/* Accordion container */
.one-motion-accordion {
  /* margin-top: 70px; */
}

.one-motion-accordion .accordion-item {
  border: none;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  background-color: transparent;
}

.one-motion-accordion .accordion-item h5 {
  margin-bottom: 0;
}

.one-motion-accordion :focus {
  box-shadow: 0 0 0;
}

.one-motion-accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: 0 0 0;
}

/* Remove default Bootstrap button background and shadow */
.one-motion-accordion .accordion-button {
  background-color: transparent;
  box-shadow: none;
  position: relative;
  padding: 24px 24px 24px 0;
  font-size: 20px;
  color: var(--global-color-heading);
}

.one-motion-accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.one-motion-accordion .accordion-item:last-of-type .accordion-button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.one-motion-accordion .accordion-item {
  border-radius: 0 !important;
}

/* Hide default caret */
.one-motion-accordion .accordion-button::after {
  display: none;
}

/* Custom plus icon */
.one-motion-accordion-icon {
  position: absolute;
  right: 1rem;
  font-size: 1.25rem;
  transition: transform 0.3s ease;
}

/* Rotate plus icon when expanded */
.one-motion-accordion
  .accordion-button:not(.collapsed)
  .one-motion-accordion-icon {
  transform: rotate(45deg);
}

/* Accordion content: remove borders */
.one-motion-accordion .accordion-body {
  border: none;
  padding: 0;
  margin-bottom: 40px;
  font-family: "Switzer", sans-serif;
}

.one-motion-accordion .accordion-body a {
  text-decoration: none;
  color: var(--global-color-primary);
}

.one-motion-accordion .accordion-button:focus,
.one-motion-accordion .accordion-button:focus-visible {
  box-shadow: 0 0 0;
}

.one-motion-accordion .accordion-button:not(.collapsed) {
  color: var(--global-color-border-primary);
}

.one-motion-accordion .accordion-button:hover {
  color: var(--global-color-border-primary);
}

.one-motion-accordion-less-space .accordion-button {
  padding: 24px 36px 24px 0;
}

.one-motion-cta {
  background-color: #ededed;
  padding: 30px;
  border-radius: 20px;
  margin-bottom: 25px;
}

div.one-motion-top-clients-row {
  margin-top: 65px;
}

.one-motion-contact-icon {
  background-color: var(--global-color-primary);
  width: 60px;
  height: 60px;
  padding: 15px;
  border-radius: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.one-motion-contact-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.one-motion-contact-photo {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 60px;
  margin-left: -15px;
}

.one-motion-contact-content {
  margin-left: 25px;
}

h3.contact-title.one-motion-text-sm {
  color: #8a8a8a;
  margin: 0;
}

p.contact-number.one-motion-text-lg {
  color: var(--global-color-heading);
  margin: 0;
}

.one-motion-contact-subtitle {
  max-width: 300px;
  font-size: 18px;
  font-weight: 600;
  color: var(--global-color-heading);
}

.one-motion-img-lg {
  border-radius: 30px;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
}

#one-motion-carousel {
  margin-bottom: 50px;
}

#one-motion-carousel .carousel-item {
  border-radius: 20px;
  overflow: hidden;
}

#one-motion-carousel .carousel-item img{
  object-fit: cover;
}

@media (min-width: 768px) {
  div.one-motion-carousel-container {
    padding-right: 80px;
  }
}

/* OUR SERVICES Section (Recognitions) */
.one-motion-our-services {
  padding: 80px 20px;
  background-color: #fff;
}

.one-motion-our-services .one-motion-badge {
  margin-bottom: 20px;
}

.one-motion-our-services .one-motion-h2 {
  margin: 20px auto 15px auto;
  max-width: 640px;
}

.one-motion-our-services .one-motion-text-lg {
  max-width: 800px;
  margin: 0 auto;
}

/* Awards / Dynamic Sections */
.one-motion-awards {
  background-color: #fff;
  padding: 80px 20px;
}

.one-motion-awards .container {
  gap: 60px;
}

.one-motion-awards .row {
  margin-bottom: 0;
}

.one-motion-awards .row:last-child {
  margin-bottom: 0;
}

.one-motion-recognitions-section {
  margin-top: 150px;
  margin-bottom: 60px;
}

.one-motion-recognitions-section .container {
  max-width: 640px;
}

.one-motion-recognitions-section h2 {
  max-width: 480px;
  margin: 30px auto;
}

.one-motion-award-item {
  min-height: 310px;
}

.one-motion-award-img {
  max-width: 125px;
  opacity: 0.2;
  transition: opacity 0.3s ease;
}

.one-motion-award-year {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
  color: #8a8a8a;
}

.one-motion-award-title {
  margin-bottom: 5px;
  margin: 0 auto;
  max-width: 260px;
}

.one-motion-award-subtitle {
  color: #8a8a8a;
  font-weight: 400;
}

.one-motion-award-divider {
  border-bottom: 1px solid var(--one-motion-general-border);
}

.one-motion-awards .col-md-4 {
  gap: 30px;
  display: flex;
  flex-direction: column;
}

.one-motion-awards .col-md-4:nth-child(2n) .one-motion-award-item {
  border-left: 1px solid var(--one-motion-general-border);
  border-right: 1px solid var(--one-motion-general-border);
}

/* .one-motion-awards {
  padding-bottom: 150px;
} */

section.one-motion-value-section {
  min-height: 900px;
  background: url("/assets/img/h7-bg2.jpg") center center/cover no-repeat;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 30px;
}

section.one-motion-value-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.7) 100%
  );
  z-index: 0;
}

section.one-motion-value-section .container {
  position: relative;
  z-index: 1;
}

section.one-motion-value-section p {
  color: #ffffff99;
}

section.one-motion-value-section .one-motion-title-xl {
  padding-bottom: 30px;
  border-bottom: 1px solid #ffffff33;
  width: 100%;
}

/* -------------------- */
/* Blog Section */
/* -------------------- */
.one-motion-articles-section {
  padding: 150px 20px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-bottom: -50px;
  position: relative;
  z-index: 2;
  background-color: #fff;
}

/* Article Card */
.one-motion-article-card .one-motion-post-thumbnail {
  margin-bottom: 20px;
  border-radius: 30px;
  overflow: hidden;
}

.one-motion-article-card img {
  transform: translate3d(-6.66%, 0, 0) scale(1.2);
  -webkit-transform: translate3d(-6.66%, 0, 0) scale(1.2);
  transition:
    opacity 0.35s,
    transform 0.45s,
    filter 0.35s;
}

.one-motion-article-card:hover img {
  transform: translate3d(0, 0, 0) scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

/* Article Meta (Right Column) */
.one-motion-article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #6c757d;
}

.one-motion-article-category {
  display: inline-block;
  background-color: var(--bs-primary);
  color: var(--bs-light);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

.one-motion-article-category a {
  color: inherit;
  text-decoration: none;
}

.one-motion-article-category a:hover {
  color: #fff;
}

.one-motion-article-meta time {
  font-size: 13px;
  font-weight: 600;
  color: #6c757d;
}

/* Right Column List */
.one-motion-article-list .one-motion-post-thumbnail {
  flex: 0 0 190px;
  /* keeps the width fixed but responsive */
  max-width: 190px;
  border-radius: 30px;
  overflow: hidden;
}

.one-motion-article-list img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;

  transform: translate3d(-6.66%, 0, 0) scale(1.2);
  -webkit-transform: translate3d(-6.66%, 0, 0) scale(1.2);
  transition:
    opacity 0.35s,
    transform 0.45s,
    filter 0.35s;
}

.one-motion-article-list:hover img {
  transform: translate3d(0, 0, 0) scale(1.2);
  -webkit-transform: translate3d(0, 0, 0) scale(1.2);
}

/* -------------------- */
/* Entry Meta (Category + Date) */
/* -------------------- */
.one-motion-entry-meta-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

/* .one-motion-entry-meta-inner::before {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #ccc;
  order: 1;
} */

.one-motion-categories-link {
  background-color: var(--global-color-primary);
  padding: 9px 20px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  font-weight: 600;
  order: 0;
}

.one-motion-categories-link a {
  color: var(--global-color-heading);
  text-decoration: none;
}

.one-motion-categories-link a:hover {
  color: #fff;
}

.one-motion-posted-on {
  order: 2;
  font-size: 14px;
}

.one-motion-posted-on a {
  color: #8a8a8a;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
}

/* Unified Entry Title (Left + Right) */

.one-motion-title-lg a,
.one-motion-title-md a {
  color: var(--bs-dark);
  text-decoration: none;
  background-image: linear-gradient(
    to right,
    var(--bs-dark) 0%,
    var(--bs-dark) 100%
  );
  background-size: 0 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.25s ease-in-out;
}

.one-motion-title-lg a:hover,
.one-motion-title-md a:hover {
  background-size: 100% 2px;
}

.one-motion-footer {
  background: #4d4946;
  color: #fff;
  padding-top: 150px;
  padding-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.one-motion-prefooter {
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  margin-bottom: 50px;
}

.one-motion-prefooter .one-motion-footer-heading {
  margin-bottom: 10px;
}

.one-motion-footer-row-one {
  padding-bottom: 30px;
}

.one-motion-footer-bottom {
  position: relative;
  z-index: 2;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Subtitle "GET IN TOUCH" */
.one-motion-footer-subtitle {
  font-size: var(--one-motion-badge-font-size);
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px;
}

/* Phone + Email */
.one-motion-footer-phone a {
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #fff;
  letter-spacing: -2px;
  font-family: Switzer, sans-serif;
}

.one-motion-footer-email a {
  font-size: 36px;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #f79420;
  text-decoration-thickness: 2px;
  color: #fff;
  transition: color 0.3s ease;
  font-family: Switzer, sans-serif;
}

.one-motion-footer-email a:hover {
  color: #f79420;
}

/* Social Links */
.one-motion-footer-social {
  margin-top: 15px;
  color: #8a8a8a;
  font-size: 14px;
  font-weight: 600;
}

.one-motion-footer-social a {
  color: inherit;
  text-decoration: none;
  margin: 0 5px;
}

.one-motion-footer-social a:hover {
  color: #fff;
}

/* Column Headings */
.one-motion-footer-heading {
  font-family: Switzer, sans-serif;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #fff;
}

/* Links */
ul.one-motion-footer-links {
  margin-bottom: 0;
}

.one-motion-footer-links li {
  padding-bottom: calc(20px / 2);
}

.one-motion-footer-links li:not(:first-child) {
  margin-top: calc(20px / 2);
}

.one-motion-footer-links li {
  color: #ffffff99;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6em;
}

.one-motion-footer-links a,
.one-motion-mega-menu-link {
  color: #ffffff99;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6em;
  text-decoration: none;
  transition: color 0.3s ease;
  background-image: linear-gradient(to right, #f79420 0%, #f79420 100%);
  background-position: 0 calc(100% - 0em);
  background-size: 0 1px;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat: no-repeat;
  text-decoration: none;
}

.one-motion-footer-links a:hover,
.one-motion-mega-menu-link:hover {
  background-size: 100% 1px;
}

p.one-motion-footer-text,
.one-motion-footer-text {
  color: #ffffff99;
}

/* Footer Bottom */
.one-motion-footer-logo {
  max-width: 300px;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.one-motion-footer-copy {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 0px;
}

/* Extra Info Styling */
.one-motion-extra-info {
  font-style: italic;
}

.one-motion-extra-info small {
  font-style: italic;
}

.one-motion-footer-social i {
  font-size: 20px;
  transition: 0.2s color ease;
}

.one-motion-footer-social i:hover {
  color: var(--global-color-primary);
}

.one-motion-footer-gradient {
  background: linear-gradient(
    to right,
    rgba(247, 148, 32, 1),
    rgba(247, 148, 32, 0.4),
    rgba(247, 148, 32, 1),
    rgba(247, 148, 32, 0.6),
    rgba(247, 148, 32, 1)
  );
  -webkit-filter: blur(100px);
  filter: blur(100px);
  height: 325px;
  position: absolute;
  bottom: -200px;
}

.one-motion-sidebar-img {
  border-radius: 20px;
}

/* Responsive */
@media (max-width: 767px) {
  .one-motion-footer {
    text-align: center;
  }

  .one-motion-footer-phone {
    font-size: 1.5rem;
  }

  .one-motion-footer-email a {
    font-size: 1.2rem;
  }
}

/* Base style */
.one-motion-line-effect-yes {
  position: relative;
  display: inline-block;
}

.one-motion-line-effect-yes a {
  position: relative;
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

/* Underline effects (just like Elementor button) */
.one-motion-line-effect-yes a::before,
.one-motion-line-effect-yes a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: 1px;
  background-color: var(--global-color-primary);
  transform: scaleX(0);
  transform-origin: left center;
  transition:
    transform 0.3s cubic-bezier(0.47, 0.05, 0.5, 0.94),
    background-color 0.3s;
}

.one-motion-line-effect-yes a::after {
  transform: scaleX(1);
  transform-origin: right center;
  transition:
    transform 0.3s cubic-bezier(0.47, 0.05, 0.5, 0.94) 0.2s,
    background-color 0.3s;
}

.one-motion-line-effect-yes a:hover::before {
  background-color: var(--global-color-primary);
  transform: scaleX(1);
  transition-delay: 0.2s;
}

.one-motion-line-effect-yes a:hover::after {
  transform: scaleX(0);
  background-color: #fff;
}

/* Wrapper Layout */
.one-motion-projects-wrapper {
  display: flex;
  height: 720px;
  overflow: hidden;
}

.one-motion-project-item {
  position: relative;
  flex: 1;
  overflow: hidden;
  transition: flex 0.6s ease;
  cursor: pointer;
}

.one-motion-project-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.one-motion-project-item::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  border-radius: 0;
  z-index: 1;
}

.one-motion-project-item.active {
  flex: 3;
}

.one-motion-project-item.active img {
  transform: scale(1.05);
}

/* Content at bottom */
.one-motion-project-content {
  position: absolute;
  bottom: 2.1vw;
  left: 2.1vw;
  color: white;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  z-index: 2;
}

.one-motion-project-item.active .one-motion-project-content {
  opacity: 1;
  transform: translateY(0);
}

/* Floating Circular Button */
.one-motion-floating-btn {
  position: fixed;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  /* don't block clicks */
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 100;
}

.one-motion-projects-section:hover .one-motion-floating-btn {
  opacity: 1;
}

.one-motion-projects-section.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.one-motion-projects-section {
  padding: 150px 0 150px 0;
  background-color: #4d4946;
}

.one-motion-projects-section .one-motion-badge {
  color: #fff;
}

.one-motion-projects-section h2 {
  color: #fff;
  margin: 30px 0 70px 0;
}

.one-motion-projects-section h4.one-motion-title-lg {
  color: #fff;
}

.one-motion-rating-number {
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
  color: var(--global-color-heading);
}

/* Divider */
.one-motion-rating-divider {
  width: 1px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0.1);
}

.one-motion-avatar-box img:not(:first-child) {
  margin-left: -10px;
}

/* Avatars */
.one-motion-avatar {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 50%;
}

/* Rating Stars */
.one-motion-rating-stars i {
  font-size: 1.2rem;
}

.one-motion-rating-text {
  font-family: Switzer, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  color: #8a8a8a;
}

/* Decorative border on top-right of image */
.one-motion-image-wrap {
  position: relative;
}

.one-motion-decor-border {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  right: 0;
  background-color: #4d4946;
  border-bottom-left-radius: 10px;
  z-index: 1;

  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.one-motion-decor-border::before,
.one-motion-decor-border::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #4d4946;
  clip-path: path("M0 0 Q0,30 30,30 L0 30 Z");
}

.one-motion-decor-border::before {
  top: 0;
  right: 100%;
  transform: rotate(180deg);
}

.one-motion-decor-border::after {
  top: 100%;
  right: 0;
  transform: rotate(180deg);
}

/* Wrap content padding */
.one-motion-wrap-content {
  padding: 40px 50px;
}

.one-motion-wrap-content p {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--one-motion-general-border);
  padding-bottom: 20px;
}

.one-motion-testimonial-details {
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.one-motion-testimonial-details .one-motion-name {
  font-weight: 600;
  color: var(--global-color-heading);
}

.one-motion-testimonial-details .one-motion-job {
  color: #8a8a8a;
}

/* Quote icon */
.one-motion-icon i {
  font-size: 2rem;
}

/* Card shadow & rounded corners */
.one-motion-testimonial-card {
  background-color: #fff;
  overflow: hidden;
  border-radius: 20px;
}

.one-motion-testimonial-card p {
  color: var(--global-color-heading);
}

.one-motion-testimonial-section {
  background-color: #f6f3ec;
  padding: 150px 20px;
  position: relative;
  overflow: hidden;
}

/* Prevent testimonial heading from wrapping due to Bootstrap's 50% width on col-lg-6 */
@media (min-width: 992px) {
  .one-motion-testimonial-section .row.align-items-center .col-lg-6:first-child {
    width: auto;
    flex: 0 0 auto;
    max-width: 100%;
  }
}

.one-motion-testimonial-section .container {
  z-index: 1;
  position: relative;
}

.one-motion-testimonial-section h2 {
  margin-top: 20px;
}

img.one-motion-arrow-decor {
  left: -374px;
  bottom: -30px;
  opacity: 0.9;
  max-width: 1213px;
  z-index: 0;
}

.one-motion-top-clients-heading {
  font-size: var(--one-motion-badge-font-size);
  text-transform: uppercase;
  font-family: "Involve", Sans-serif;
  font-weight: 600;

  line-height: 1.2em;
  color: var(--global-color-heading);
}

.one-motion-clients-swiper .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.one-motion-clients-swiper .one-motion-client-slide {
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  min-height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.one-motion-client-slide img {
  width: 107px;
  height: 107px;
  object-fit: contain;
}

/* Mega Menu Styling */

.one-motion-mega-menu-heading {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.one-motion-mega-menu-column li {
  padding: 10px 0px;
}

.one-motion-mega-menu-column li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-item.dropdown.menu-open > .mega-menu,
.nav-item.dropdown.menu-open > .dropdown-menu {
  display: block;
}

/* Remove bullets from dropdown menus */
.dropdown-menu {
  list-style: none;
  padding-left: 0;
}

.dropdown-menu li {
  list-style: none;
}

/* Remove bullets from regular menu items without submenus */
.navbar-nav > li {
  list-style: none;
}

.navbar-nav {
  list-style: none;
  padding-left: 0;
}

.nav-item.dropdown {
  position: static;
}

/*
  Desktop header stacking: keep the main navigation hover area above the
  right-side header column. Without this, the col-md-5 language/call column can
  overlap the last menu items (e.g. Personeelsfeest) and intercept hover events.
*/
@media (min-width: 1200px) {
  .one-motion-header-col-left {
    position: relative;
    z-index: 3;
  }

  .one-motion-header-col-right {
    position: relative;
    z-index: 2;
  }

  .one-motion-header-col-left .one-motion-mega-menu {
    /* Bootstrap loads after this stylesheet and otherwise resets the menu to
       static positioning, which makes the parent navigation item grow. */
    position: absolute !important;
    top: 100%;
    z-index: 100;
  }

  .one-motion-main-nav .one-motion-mega-menu {
    left: var(--mega-menu-left, 0px);
    right: auto;
    width: min(var(--mega-menu-width, 990px), calc(100vw - 60px));
  }
}

/* Language switcher should use regular dropdown positioning (not mega-menu static positioning) */
.onemotion-lang-menu .nav-item.dropdown {
  position: relative;
}

.onemotion-lang-menu .dropdown-menu {
  left: auto;
  right: 0;
  z-index: 1100;
}

/* Ensure language dropdown can open even if parent .dropdown class/state differs */
.onemotion-lang-menu .dropdown-menu.show {
  display: block;
  visibility: visible;
}

.mega-menu img {
  transition: transform 0.2s ease-in-out;
}

.mega-menu img:hover {
  transform: scale(1.05);
}

.one-motion-header {
  position: relative;
  z-index: 99;
  padding: 30px;
}

div.one-motion-header-container {
  padding: 0px 30px 0px 30px;
  border-radius: 20px;
  background-color: #fff;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.one-motion-entry-breadcrumb span {
  /* color: var(--one-motion-gloabl-text); */
  font-family: "Switzer", sans-serif;
}

.one-motion-breadcrumb-area span a {
  color: var(--global-color-primary);
}

@media (max-width: 1200px) {
  div.one-motion-header-container {
    padding: 0px 15px 0px 15px;
  }
}

@media (max-width: 992px) {
  div.one-motion-header-container {
    padding: 15px;
  }
}

.one-motion-header-logo {
  width: 174px;
  height: 40px;
  object-fit: contain;
  padding-right: 30px;
  border-right: 1px solid var(--one-motion-general-border);
}

@media (max-width: 1366px) {
  .one-motion-header-logo {
    padding-right: 20px;
  }
}

@media (max-width: 1200px) {
  .one-motion-header-logo {
    padding-right: 10px;
  }
}

a.nav-link {
  font-family: "Switzer";
  font-weight: 600;
  font-size: 18px;
  color: var(--global-color-heading);
}

nav.navbar-expand-xl .navbar-nav .nav-link {
  padding: 30px 20px;
}

@media (max-width: 1366px) {
  nav.navbar-expand-xl .navbar-nav .nav-link {
    padding: 30px 10px;
  }
}

a.one-motion-header-contact-btn {
  font-size: 14px;
  cursor: pointer;
  font-weight: 700;
  border-radius: 30px;
  color: var(--global-color-heading);
  padding: 14px 30px;
  background-color: var(--global-color-primary);
  transition: all ease 0.3s;
  position: relative;
  text-decoration: none;
  font-family: "Involve", sans-serif;
}

.offcanvas-body {
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.offcanvas-body::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1100px) {
  a.one-motion-header-contact-btn {
    padding: 10px 15px;
  }
}

.one-motion-header-call-btn .one-motion-call-btn-heading {
  font-weight: 600;
  color: var(--global-color-heading);
  font-size: 16px;
  margin-right: 10px;
}

@media (max-width: 1200px) {
  .one-motion-header-call-btn .one-motion-call-btn-heading {
    display: none;
  }
}

@media (max-width: 1199px) {
  .one-motion-header-call-btn {
    display: none;
  }
}

.one-motion-header-call-btn .one-motion-call-num {
  font-weight: 600;
  color: #8a8a8a;
  font-size: 16px;
  font-family: "Switzer";
}

@media (max-width: 768px) {
  div.one-motion-header-col-right {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .one-motion-header-col-left {
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .onemotion-language-container.onemotion-footer-lang {
    display: none;
  }
}

nav.navbar {
  position: unset;
  padding: 0;
}

/* Prevent mobile menu flash before Bootstrap CSS/JS initialization */
#offcanvasMenu.offcanvas:not(.show) {
  display: none;
  visibility: hidden;
}

/*
  The reduced Bootstrap build does not include the complete navbar-expand-xl
  collapse/toggler rules. Use a theme-owned class rather than conflicting
  .collapse/.d-none utilities to control this header's desktop menu.
*/
.one-motion-desktop-menu {
  display: none;
  visibility: hidden;
}

@media (min-width: 1200px) {
  /*
    Do not reserve five twelfths of the header for the small language menu.
    The primary navigation needs the remaining inline space for long localized
    labels; otherwise individual links wrap inside col-md-7.
  */
  .one-motion-header-container > .row {
    flex-wrap: nowrap;
  }

  .one-motion-header-container > .row > .one-motion-header-col-left {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
  }

  .one-motion-header-container > .row > .one-motion-header-col-right {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .one-motion-main-nav,
  .one-motion-desktop-menu {
    min-width: 0;
  }

  .one-motion-desktop-menu {
    display: block !important;
    visibility: visible;
  }

  .one-motion-desktop-menu .navbar-nav {
    flex-wrap: nowrap;
  }

  .one-motion-desktop-menu .nav-link {
    white-space: nowrap;
  }

  .one-motion-main-nav .navbar-toggler {
    display: none;
  }
}

nav .navbar-toggler:focus-visible {
  outline: 3px solid var(--global-color-primary);
  outline-offset: 3px;
  box-shadow: none;
}

/*
  Ensure the Bootstrap mobile menu toggler icon (hamburger) is visible.
  On some environments (e.g. production optimizers/caching), Bootstrap's
  `.navbar-toggler-icon` rule or its CSS variable may not be present/loaded
  when our theme CSS is applied.

  We provide a robust definition here, using the Bootstrap variable when
  available and falling back to the default Bootstrap SVG.
*/
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("../icons/navbar-toggler.svg") !important;
}

/*
  Ensure the Bootstrap close button icon (X) is visible on modals and offcanvas.
  On some environments (e.g. production optimizers/caching), Bootstrap's
  `.btn-close` rule or its CSS variable may not be present/loaded
  when our theme CSS is applied.

  We provide a robust definition here, using the Bootstrap variable when
  available and falling back to the default Bootstrap SVG.
*/
.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("../icons/btn-close.svg") center/1em auto no-repeat !important;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.one-motion-mega-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  margin-top: 0.5rem;
  padding: 1.5rem 0;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
  z-index: 99;
}

div.one-motion-mega-menu {
  border-radius: 20px;
  padding: 50px;
  background-color: #4d4946;
}

@media (min-width: 768px) {
  .one-motion-mega-menu-container .col-md-3 {
    padding-left: 0;
    padding-right: 0;
    width: 20%;
    flex-grow: 1;
  }
}
.one-motion-mega-menu-container .row {
  gap: 30px;
}

.one-motion-mega-menu-link {
  color: #fff;
  text-decoration: none;
}

.one-motion-mega-menu-link-text {
  margin-top: 15px;
}

.one-motion-mega-menu-link .one-motion-mega-menu-link-text {
  position: relative;
  text-align: left;
  width: fit-content;
}

.one-motion-mega-menu-link {
  transition: 0.3s;
}

.one-motion-mega-menu-link:hover {
  opacity: 0.85;
}

.one-motion-mega-menu-link .one-motion-mega-menu-link-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: 1px;
  background-color: var(--global-color-primary);
  transform: scaleX(0);
  transform-origin: left center;
  transition:
    transform 0.3s cubic-bezier(0.47, 0.05, 0.5, 0.94),
    background-color 0.3s;
}

.one-motion-mega-menu-link .one-motion-mega-menu-link-text::after {
  transform: scaleX(1);
  transform-origin: right center;
  transition:
    transform 0.3s cubic-bezier(0.47, 0.05, 0.5, 0.94) 0.2s,
    background-color 0.3s;
}

.one-motion-mega-menu-link:hover .one-motion-mega-menu-link-text::before {
  background-color: var(--global-color-primary);
  transform: scaleX(1);
  transition-delay: 0.2s;
}

/* Mobile Accordion Styling */
.one-motion-mobile-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.one-motion-mobile-nav li:not(.one-motion-mega-menu li) {
  /* display: flex;
  justify-content: space-between;
  align-items: center; */
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-right: 10px;
  /* flex-wrap: wrap; */
}
.one-motion-mobile-nav a.nav-link {
  display: block;
  padding: 10px 0;
}
.one-motion-mobile-nav .dropdown-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 8px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.one-motion-mobile-nav .sub-menu {
  width: 100%;
  padding-left: 15px;
  list-style: none;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease;
  opacity: 0;
}
.one-motion-mobile-nav li.open .sub-menu {
  max-height: 500px;
  opacity: 1;
}
.one-motion-mobile-nav .sub-menu li a {
  display: block;
  padding: 8px 0;
  font-size: 0.95rem;
}

.one-motion-mobile-nav a.nav-link,
.one-motion-mobile-nav .dropdown-toggle-btn,
.one-motion-mobile-nav .dropdown-menu a,
.one-motion-mobile-nav .one-motion-mega-menu a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.one-motion-mobile-nav a.nav-link:focus,
.one-motion-mobile-nav a.nav-link:focus-visible,
.one-motion-mobile-nav .dropdown-toggle-btn:focus,
.one-motion-mobile-nav .dropdown-toggle-btn:focus-visible,
.one-motion-mobile-nav .dropdown-menu a:focus,
.one-motion-mobile-nav .dropdown-menu a:focus-visible,
.one-motion-mobile-nav .one-motion-mega-menu a:focus,
.one-motion-mobile-nav .one-motion-mega-menu a:focus-visible {
  outline: 3px solid var(--global-color-primary);
  outline-offset: 3px;
  box-shadow: none;
}

.one-motion-dropdown-menu.sub-menu {
  width: 100%;
}

/* Updated Card Style */
.one-motion-card-2 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.one-motion-card-2-bg-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.one-motion-card-link {
  text-decoration: none;
}

.one-motion-card-link .one-motion-cta-title {
  color: #fff;
  max-width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .one-motion-card-link:hover .one-motion-cta-title {
    color: var(--global-color-primary);
  }
}

@media (hover: none) and (pointer: coarse) {
  .one-motion-card-link:active .one-motion-cta-title {
    color: var(--global-color-primary);
  }
}

.one-motion-card-2 .one-motion-card-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  transition: 0.3s;
  z-index: 1;
}

@media (hover: hover) and (pointer: fine) {
  .one-motion-card-2:hover .one-motion-card-overlay {
    background: rgba(0, 0, 0, 0.5);
  }
}

@media (hover: none) and (pointer: coarse) {
  .one-motion-card-2:active .one-motion-card-overlay {
    background: rgba(0, 0, 0, 0.5);
  }
}

.one-motion-card-2 .one-motion-card-content {
  position: relative;
  z-index: 2;
  padding: 30px;
  display: flex;
  justify-content: flex-end;
}

.one-motion-noText-btn {
  padding: 0;
}

@media (hover: hover) and (pointer: fine) {
  .one-motion-card-2:hover .one-motion-btn-icon {
    background-color: #fff;
  }
}

@media (hover: none) and (pointer: coarse) {
  .one-motion-card-2:active .one-motion-btn-icon {
    background-color: #fff;
  }
}

.one-motion-scrollup {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  background: var(--global-color-primary, #f79420);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
  transition: all 0.3s ease;
  z-index: 999;
}

.one-motion-scrollup:hover {
  background: #d77b16; /* darker on hover */
}

.one-motion-scrollup.show {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.one-motion-scrollup.hide {
  opacity: 0;
  visibility: hidden;
  transform: scale(0.5);
}

.dropdown-toggle-btn {
  padding: 0;
  background-color: #fff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;

  position: absolute;
  right: 0;
  top: 24px;
  color: var(--global-color-primary);
}

.dropdown-toggle-btn svg {
  stroke: var(--global-color-primary);
  transition: transform 0.3s ease; /* Add this */
}

.dropdown-toggle-btn.open svg {
  transform: rotate(180deg);
}

.offcanvas ul.dropdown-menu.one-motion-dropdown-menu {
  border: none;
  padding: 0;
  background-color: #ffffff;
}

.offcanvas ul.dropdown-menu.one-motion-dropdown-menu .dropdown-item {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

.one-motion-label {
  font-size: 16px;
  font-weight: 600;
  font-family: "Switzer", sans-serif;
}

.wp-theme-onemotion-theme input:not([type="checkbox"]):not([type="radio"]),
.wp-theme-onemotion-theme select {
  min-height: 45px;
  font-family: "Switzer", sans-serif;
}

.one-motion-entry-breadcrumb a {
  text-decoration: none;
}

.one-motion-entry-breadcrumb a:hover {
  text-decoration: underline;
}

form label {
  font-family: "Involve", sans-serif;
}

.one-motion-listing-sidebar-widgets {
  background-color: #f6f3ec;
  padding: 30px;
  border-radius: 20px;
}

.one-motion-widget-title,
.advanced-search-widget-title {
  font-family: "Involve", sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: var(--global-color-heading);
  margin-bottom: 15px;
  padding-bottom: 10px;
  position: relative;
}

.advanced-search-widget-title {
  margin-bottom: 0;
}

.one-motion-widget-title:before,
.advanced-search-title:before {
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: var(--one-motion-general-border);
}

.one-motion-widget-title:after,
.advanced-search-title:after {
  width: 45px;
  height: 2px;
  background-color: var(--global-color-primary);
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: 1;
  display: inline-block;
}

.one-motion-opening-hours {
  font-size: 16px;
  font-family: "Switzer", sans-serif;
}

.one-motion-opening-hours p {
  font-size: 14px;
  margin-bottom: 0;
}

.one-motion-opening-hours a {
  color: var(--one-motion-gloabl-text);
}

.one-motion-opening-hours i {
  font-size: 28px;
  color: var(--global-color-primary);
}

/* Social Media Buttons */
.one-motion-social-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.one-motion-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: var(--global-color-primary);
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 20px;
}

.one-motion-social-btn:hover {
  background-color: #d77b16;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(247, 148, 32, 0.3);
}

.one-motion-social-btn i {
  font-size: 20px;
}

.one-motion-contact-section {
  padding: 80px 20px;
}

/* === LANGUAGE SWITCHER === */
.one-motion-language-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
}

.one-motion-language-switcher ul {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.one-motion-language-switcher li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.one-motion-language-switcher a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  opacity: 0.6;
  line-height: 1;
  padding: 4px 6px;
}

.one-motion-language-switcher a:hover {
  opacity: 1;
  transform: scale(1.1);
}

.one-motion-language-switcher a.pll_current_lang {
  opacity: 1;
}

.one-motion-language-switcher img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transition: all 0.3s ease;
  display: block;
}

.one-motion-language-switcher a:hover img {
  transform: scale(1.15);
}

/* Mobile Language Switcher */
.one-motion-mobile-language-switcher {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 0;
}

.one-motion-mobile-language-switcher ul {
  display: flex;
  align-items: center;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.one-motion-mobile-language-switcher li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.one-motion-mobile-language-switcher a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  opacity: 0.6;
  line-height: 1;
  padding: 4px 6px;
}

.one-motion-mobile-language-switcher a:hover {
  opacity: 1;
  transform: scale(1.15);
}

.one-motion-mobile-language-switcher a.pll_current_lang {
  opacity: 1;
}

.one-motion-mobile-language-switcher img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  transition: all 0.3s ease;
  display: block;
}

.one-motion-mobile-language-switcher a:hover img {
  transform: scale(1.2);
}

/* Fix mega menu overflow on landing pages (desktop only) */
@media (min-width: 992px) {
  /* Allow mega menu to render outside the container without clipping */
  body.page-template-template-landing .one-motion-header-container,
  body.page-template-template-landing .one-motion-main-nav {
    overflow: visible !important;
  }
}

.one-motion-form-check .form-check-input:checked {
  background-color: var(--global-color-accent);
  border-color: var(--global-color-accent);
}

.one-motion-form-check .form-check-input:focus {
  border-color: var(--global-color-accent);
  box-shadow: 0 0 0 0.2rem hsla(82, 52%, 49%, 0.251);
}

.page-template-template-contact
  .one-motion-sidebar-icon-list
  .one-motion-icon-item
  i {
  color: #fff;
}

.page-template-template-contact
  .one-motion-sidebar-icon-list
  .one-motion-icon-item
  a {
  text-decoration: none;
  color: var(--global-color-primary);
  transition: 0.2s;
}

.page-template-template-contact
  .one-motion-sidebar-icon-list
  .one-motion-icon-item
  a:hover {
  color: var(--global-color-accent);
}

.one-motion-faq-section {
  padding: 50px 15px;
}

/* Contact Page FAQ - Match Landing Page Styling */
.page-template-template-contact .one-motion-faq-section {
  background: #f6f3ec;
  padding: 100px 20px;
}

@media (max-width: 768px) {
  .page-template-template-contact .one-motion-faq-section {
    padding: 60px 15px;
  }
}

/* Language toggle  */
.onemotion-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.onemotion-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.onemotion-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: background-color 0.4s;
  border-radius: 34px;
}

.onemotion-slider::before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  border-radius: 50%;
  transition:
    0.4s,
    background-image 0.4s;
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/2/20/Flag_of_the_Netherlands.svg"); /* Dutch default */
  background-size: cover;
  background-position: center;
}

.onemotion-switch input:checked + .onemotion-slider::before {
  transform: translateX(26px);
  background-image: url("https://upload.wikimedia.org/wikipedia/en/a/ae/Flag_of_the_United_Kingdom.svg"); /* English */
}

.onemotion-language-container {
  position: fixed;
  bottom: 30px;
  left: 30px;
  z-index: 99;
}

/* Mobile floating language switcher
   The footer renders this after the page content. Give the actual menu markup
   its own compact control so Bootstrap's generic dropdown styles do not turn
   it into a full-width strip at the bottom of iOS Safari. */
.onemotion-language-floating {
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 1000;
  /* The Customizer previously styled this wrapper as a separate white card.
     Keep it transparent so the toggle is the control's only visible surface. */
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.onemotion-language-floating .onemotion-language-menu {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.onemotion-language-floating .nav-item.dropdown {
  display: inline-block;
  position: relative;
  list-style: none;
}

.onemotion-language-floating .nav-link.dropdown-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 22px;
  background: #fff;
  color: var(--global-color-heading);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}

.onemotion-language-floating .nav-link.dropdown-toggle::after {
  display: none;
}

.onemotion-language-floating .nav-link.dropdown-toggle img,
.onemotion-language-floating .dropdown-item img {
  width: 16px;
  height: 11px;
  object-fit: contain;
}

.onemotion-language-floating .dropdown-menu {
  top: auto !important;
  right: auto !important;
  bottom: calc(100% + 8px);
  left: 0 !important;
  transform: none !important;
  min-width: 132px;
  margin: 0;
  padding: 6px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.16);
}

.onemotion-language-floating .dropdown-menu.show {
  display: block;
}

.onemotion-language-floating .dropdown-item {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 9px 10px;
  border-radius: 6px;
  color: var(--global-color-heading);
  font-size: 16px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .onemotion-language-floating {
    display: none;
  }
}

/* 
  ** Mobile Responsiveness 
  ** Starting Point: 768px
*/

@media (max-width: 768px) {
  div.one-motion-mega-menu {
    padding: 15px;
    background-color: #f6f6f6;
    box-shadow: 0 0 0;
    border: none;
    border-radius: 0;
  }

  .one-motion-mega-menu-heading {
    color: var(--global-color-heading);
  }

  .one-motion-mega-menu-link {
    color: #000;
  }

  /* Mobile submenu background to white */
  div.one-motion-mega-menu,
  .offcanvas ul.dropdown-menu.one-motion-dropdown-menu {
    background-color: #ffffff;
  }

  /* Ensure dropdown parents are positioning context and submenus stay aligned */
  .one-motion-mobile-nav .dropdown,
  .one-motion-mobile-nav .dropdown.position-static {
    position: relative;
  }

  .one-motion-mobile-nav .dropdown-menu,
  .one-motion-mobile-nav .one-motion-mega-menu {
    position: relative !important;
    width: 100%;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    transform: none !important;
  }

  .nav-item.dropdown {
    position: relative;
  }

  .one-motion-header-logo {
    border-right: 0px solid var(--one-motion-general-border);
  }

  .one-motion-header {
    padding: 15px 15px 0 15px;
  }

  .offcanvas .offcanvas-body {
    padding: 15px 30px;
  }

  .offcanvas .offcanvas-header {
    padding: 15px 30px;
  }

  .one-motion-mobile-nav a.nav-link {
    padding: 20px 0;
  }

  a.nav-link {
    font-size: 16px;
  }

  .one-motion-mega-menu-container .row {
    gap: 10px;
  }

  .nav-link.dropdown-toggle::after {
    display: none;
  }

  section.one-motion-hero-section {
    margin-top: -85px;
    padding-left: 5px;
    padding-right: 5px;
    /* Keep hero content below mobile header/offcanvas trigger */
    padding-top: 190px;
  }

  .one-motion-hero-section {
    min-height: 82vh;
    min-height: 82svh;
  }

  .one-motion-hero-section.one-motion-hero-has-image {
    /* Keep hero bounded to viewport width on mobile */
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  div.one-motion-hero-counters {
    margin-top: 50px;
    min-height: 180px;
  }

  .one-motion-scroll-down-container {
    margin-top: 50px;
    min-height: 45px;
  }

  .one-motion-counter {
    padding: 20px;
  }

  .one-motion-counter-number {
    font-size: 54px;
  }

  .one-motion-services-section {
    padding: 50px 5px;
  }

  div.one-motion-service-row {
    row-gap: 30px;
    column-gap: 10px;
    flex-wrap: wrap;
  }

  div.one-motion-service-row .col-6 {
    width: 45%;
    flex-grow: 1;
  }

  .one-motion-title-md {
    font-size: 22px;
    font-weight: 700;
  }

  section.one-motion-cta-section {
    margin-top: 0;
    margin-bottom: -60px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .one-motion-card-content {
    border-radius: 15px;
    padding: 30px;
  }

  .one-motion-who-we-are {
    padding: 120px 5px 60px 5px;
  }

  .one-motion-h2 {
    font-size: 42px;
    letter-spacing: -1px;
  }

  div.one-motion-service-row-1 {
    margin-bottom: 0px;
  }

  .one-motion-projects-section {
    padding: 60px 5px;
  }

  .one-motion-card-2 .one-motion-card-content {
    padding: 20px;
  }

  .one-motion-card-content {
    min-height: 275px;
  }

  .one-motion-projects-section h2 {
    margin: 20px 0 40px 0;
  }

  .one-motion-our-services {
    padding: 40px 5px;
  }

  .one-motion-our-services .one-motion-h2 {
    font-size: 36px;
  }

  .one-motion-awards {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .one-motion-awards .container {
    gap: 20px !important;
  }

  .one-motion-recognitions-section {
    margin-top: 60px;
    margin-bottom: 0px;
    padding: 0 5px;
  }

  .py-5.one-motion-awards {
    padding-right: 5px;
    padding-left: 5px;
  }

  section.one-motion-value-section {
    min-height: 400px;
    padding: 30px 5px;
  }

  .one-motion-title-xl {
    font-size: 42px;
  }

  .one-motion-testimonial-section {
    padding: 60px 20px;
  }

  .one-motion-wrap-content {
    padding: 30px;
  }

  .one-motion-articles-section {
    padding: 60px 5px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
  }

  .one-motion-footer {
  }

  .one-motion-footer-logo {
    margin: 0 auto 15px auto;
  }

  .one-motion-service-card {
    min-height: 100%;
  }

  .one-motion-contact-section {
    padding: 40px 5px;
  }

  .one-motion-text-lg  {
    line-height: 1.2em;
  }
}