@charset "UTF-8";
/*@font-face {
  font-family: 'FONTNAME';
  src:
          local('Aileron Regular'),
          local('Aileron-Regular'),
          url('/fonts/font-file.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust:100%;
  unicode-range:
          U+0000-00FF,      // Basic Latin + Latin-1
          U+0100-017F,      // Latin Extended-A
          U+0180-024F;      // Latin Extended-B
}*/
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  background: #FFFFFF;
  color: #51c4cc;
}

html {
  font-size: 100%;
  font-synthesis: none;
}

body {
  font-size: 1.1rem;
  line-height: 1.5;
  font-family: "aktiv-grotesk", sans-serif;
  color: #51c4cc;
  font-optical-sizing: auto;
  font-style: normal;
}

body, p, div, li {
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 400;
  color: #231f20;
}

p, li, div {
  line-height: 130%;
}

p {
  margin-block-start: 0.8rem;
  margin-block-end: 1.8rem;
}

code {
  background: #D9D9D9;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  font-family: Consolas, monospace;
}

pre {
  background: #D9D9D9;
  padding: 1rem;
  border-radius: 6px;
  overflow-x: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "aktiv-grotesk", sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0 0 20px 0;
  line-height: 90%;
  color: #231f20;
  word-break: break-word;
}

h1 {
  letter-spacing: -2px;
}

h2 {
  letter-spacing: -1px;
  font-weight: 600;
  line-height: 120%;
}

h3 {
  letter-spacing: -1px;
  font-weight: 400;
  line-height: 120%;
}

h1 {
  font-size: clamp(3.8rem, 5vw + 1rem, 5rem);
}

h2 {
  font-size: clamp(1.4rem, 3.9vw + 0.9rem, 1.7rem);
}

h3 {
  font-size: clamp(0.8rem, 1.3vw + 0.2rem, 1rem);
}

h4 {
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.3rem);
}

h5 {
  font-size: clamp(1.125rem, 1.5vw + 0.25rem, 1.1rem);
}

h6 {
  font-size: clamp(1rem, 1.25vw + 0.25rem, 1rem);
}

a, button {
  transition: all 0.25s ease;
}

a:not(.button) {
  text-decoration: none;
  color: #e86036;
  font-weight: 600;
}
a:not(.button):hover {
  color: #3b9da4;
}

button svg {
  transition: all 0.25s ease;
  fill: #ebe819;
}
button svg:hover {
  fill: #51c4cc;
}

body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.cta p {
  margin: 0;
}
.cta span:first-child a {
  font-size: 1.2rem;
  font-weight: 700;
  text-decoration: none;
  margin-left: 20px;
  white-space: nowrap;
}
.cta span:first-child a svg {
  padding-top: 3px;
}
.cta span:first-child a span {
  padding-left: 4px;
}

section.section-small {
  --max-width: 900px;
  max-width: var(--max-width);
  margin: 0 auto;
}
section.section-small h1 {
  width: var(--max-width);
}
@media (max-width: 992px) {
  section.section-small {
    --max-width: 100%;
    padding-inline: max(50px, (100vw - 1358px) / 2);
    overflow-x: clip;
    margin: 0;
  }
}
@media (max-width: 640px) {
  section.section-small {
    padding-inline: max(2rem, (100vw - 1358px) / 2);
  }
}

.grecaptcha-badge {
  display: none;
}

@media (max-width: 768px) {
  .cta .phone-us span:first-child {
    display: block;
  }
  .cta .phone-us span:first-child a {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  .cta {
    flex-wrap: wrap;
    gap: 20px;
  }
  .cta .contact-us {
    flex: 0 0 100%;
    text-align: center;
  }
  .cta .phone-us {
    text-align: center;
  }
  .cta .phone-us span:first-child {
    display: block;
    width: 100%;
  }
}
.lead-form {
  padding: 70px;
  border-radius: 20px;
}

form {
  margin-bottom: 60px;
}
form div {
  margin-bottom: 10px;
}
form div label {
  display: block;
  font-weight: 600;
  font-size: 0.9rem;
}
form div label .required {
  font-size: 0.7em;
  vertical-align: super;
  line-height: 1;
}
form div input, form div textarea, form div select {
  font-family: "aktiv-grotesk", sans-serif;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #231f20;
  width: 100%;
  padding: 0.8rem;
  font-size: 1.01rem;
}
form div input:active, form div input:focus, form div textarea:active, form div textarea:focus, form div select:active, form div select:focus {
  outline: 0;
}

.faq {
  padding: 0;
}
.faq h2 {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}
.faq .faq-item {
  border-bottom: 1px solid #D9D9D9;
  padding: 1rem 0;
}
.faq .faq-item:first-of-type {
  border-top: 1px solid #D9D9D9;
}
.faq .faq-item summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 1.1rem;
  position: relative;
  list-style: none;
  padding: 1rem 2rem;
  user-select: none;
  border-radius: 30px;
  background-color: #f3f5f7;
  transition: all 0.25s ease;
}
.faq .faq-item summary::-webkit-details-marker {
  display: none;
}
.faq .faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2rem;
  top: 1rem;
  font-weight: 700;
  font-size: 1.2rem;
  transition: all 0.25s ease;
}
.faq .faq-item summary:hover {
  background-color: #51c4cc;
  color: #fff;
}
.faq .faq-item summary:hover::after {
  color: #fff;
}
.faq .faq-item[open] summary {
  background-color: #51c4cc;
  color: #fff;
}
.faq .faq-item[open] summary::after {
  content: "–";
  color: #fff;
}
.faq .faq-item[open] div {
  margin-top: 0.75rem;
  padding: 1rem 2rem;
}
.faq .faq-item p {
  margin: 0;
  line-height: 1.6;
  user-select: text;
}

/*
Import SASS templates
 */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dropdown-menu.show {
  -webkit-animation: fadeIn 0.3s alternate; /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.3s alternate;
}

.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  width: 90%;
  top: auto;
  left: 5%;
}

.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: #333;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  transform: translate(0% -50%) !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

.icons {
  display: inline-flex;
  margin-left: auto;
}
.icons a {
  transition: all 0.2s ease-in-out;
  padding: 0.2rem 0.4rem;
  color: #ccc !important;
  text-decoration: none;
}
.icons a:hover {
  color: white;
  text-shadow: 0 0 30px white;
}

/* =========================================
   SPACING SCALE
========================================= */
/* =========================================
   BREAKPOINT MAP (BASED ON YOUR VARIABLES)
========================================= */
/* =========================================
   BASE MARGIN UTILITIES
========================================= */
.m-0 {
  margin: 0 !important;
}

.mx-0 {
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-inline-start: 0 !important;
}

.me-0 {
  margin-inline-end: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mx-1 {
  margin-inline-start: 0.25rem !important;
  margin-inline-end: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-inline-start: 0.25rem !important;
}

.me-1 {
  margin-inline-end: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mx-2 {
  margin-inline-start: 0.5rem !important;
  margin-inline-end: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-inline-start: 0.5rem !important;
}

.me-2 {
  margin-inline-end: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mx-3 {
  margin-inline-start: 1rem !important;
  margin-inline-end: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-inline-start: 1rem !important;
}

.me-3 {
  margin-inline-end: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mx-4 {
  margin-inline-start: 1.5rem !important;
  margin-inline-end: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-inline-start: 1.5rem !important;
}

.me-4 {
  margin-inline-end: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mx-5 {
  margin-inline-start: 3rem !important;
  margin-inline-end: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-inline-start: 3rem !important;
}

.me-5 {
  margin-inline-end: 3rem !important;
}

/* Auto */
.m-auto {
  margin: auto !important;
}

.mx-auto {
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-auto {
  margin-inline-start: auto !important;
}

.me-auto {
  margin-inline-end: auto !important;
}

/* =========================================
   BASE PADDING UTILITIES
========================================= */
.p-0 {
  padding: 0 !important;
}

.px-0 {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-inline-start: 0 !important;
}

.pe-0 {
  padding-inline-end: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.px-1 {
  padding-inline-start: 0.25rem !important;
  padding-inline-end: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-inline-start: 0.25rem !important;
}

.pe-1 {
  padding-inline-end: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.px-2 {
  padding-inline-start: 0.5rem !important;
  padding-inline-end: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-inline-start: 0.5rem !important;
}

.pe-2 {
  padding-inline-end: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.px-3 {
  padding-inline-start: 1rem !important;
  padding-inline-end: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-inline-start: 1rem !important;
}

.pe-3 {
  padding-inline-end: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.px-4 {
  padding-inline-start: 1.5rem !important;
  padding-inline-end: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-inline-start: 1.5rem !important;
}

.pe-4 {
  padding-inline-end: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-5 {
  padding-inline-start: 3rem !important;
  padding-inline-end: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-inline-start: 3rem !important;
}

.pe-5 {
  padding-inline-end: 3rem !important;
}

/* =========================================
   RESPONSIVE PADDING
========================================= */
@media (min-width: 576px) {
  .p-mobile-bs-0 {
    padding: 0 !important;
  }
  .px-mobile-bs-0 {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-mobile-bs-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-mobile-bs-0 {
    padding-top: 0 !important;
  }
  .pb-mobile-bs-0 {
    padding-bottom: 0 !important;
  }
  .ps-mobile-bs-0 {
    padding-inline-start: 0 !important;
  }
  .pe-mobile-bs-0 {
    padding-inline-end: 0 !important;
  }
  .p-mobile-bs-1 {
    padding: 0.25rem !important;
  }
  .px-mobile-bs-1 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
  }
  .py-mobile-bs-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-mobile-bs-1 {
    padding-top: 0.25rem !important;
  }
  .pb-mobile-bs-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-mobile-bs-1 {
    padding-inline-start: 0.25rem !important;
  }
  .pe-mobile-bs-1 {
    padding-inline-end: 0.25rem !important;
  }
  .p-mobile-bs-2 {
    padding: 0.5rem !important;
  }
  .px-mobile-bs-2 {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
  }
  .py-mobile-bs-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-mobile-bs-2 {
    padding-top: 0.5rem !important;
  }
  .pb-mobile-bs-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-mobile-bs-2 {
    padding-inline-start: 0.5rem !important;
  }
  .pe-mobile-bs-2 {
    padding-inline-end: 0.5rem !important;
  }
  .p-mobile-bs-3 {
    padding: 1rem !important;
  }
  .px-mobile-bs-3 {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-mobile-bs-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-mobile-bs-3 {
    padding-top: 1rem !important;
  }
  .pb-mobile-bs-3 {
    padding-bottom: 1rem !important;
  }
  .ps-mobile-bs-3 {
    padding-inline-start: 1rem !important;
  }
  .pe-mobile-bs-3 {
    padding-inline-end: 1rem !important;
  }
  .p-mobile-bs-4 {
    padding: 1.5rem !important;
  }
  .px-mobile-bs-4 {
    padding-inline-start: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-mobile-bs-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-mobile-bs-4 {
    padding-top: 1.5rem !important;
  }
  .pb-mobile-bs-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-mobile-bs-4 {
    padding-inline-start: 1.5rem !important;
  }
  .pe-mobile-bs-4 {
    padding-inline-end: 1.5rem !important;
  }
  .p-mobile-bs-5 {
    padding: 3rem !important;
  }
  .px-mobile-bs-5 {
    padding-inline-start: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-mobile-bs-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-mobile-bs-5 {
    padding-top: 3rem !important;
  }
  .pb-mobile-bs-5 {
    padding-bottom: 3rem !important;
  }
  .ps-mobile-bs-5 {
    padding-inline-start: 3rem !important;
  }
  .pe-mobile-bs-5 {
    padding-inline-end: 3rem !important;
  }
}
@media (min-width: 640px) {
  .p-mobile-0 {
    padding: 0 !important;
  }
  .px-mobile-0 {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-mobile-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-mobile-0 {
    padding-top: 0 !important;
  }
  .pb-mobile-0 {
    padding-bottom: 0 !important;
  }
  .ps-mobile-0 {
    padding-inline-start: 0 !important;
  }
  .pe-mobile-0 {
    padding-inline-end: 0 !important;
  }
  .p-mobile-1 {
    padding: 0.25rem !important;
  }
  .px-mobile-1 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
  }
  .py-mobile-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-mobile-1 {
    padding-top: 0.25rem !important;
  }
  .pb-mobile-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-mobile-1 {
    padding-inline-start: 0.25rem !important;
  }
  .pe-mobile-1 {
    padding-inline-end: 0.25rem !important;
  }
  .p-mobile-2 {
    padding: 0.5rem !important;
  }
  .px-mobile-2 {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
  }
  .py-mobile-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-mobile-2 {
    padding-top: 0.5rem !important;
  }
  .pb-mobile-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-mobile-2 {
    padding-inline-start: 0.5rem !important;
  }
  .pe-mobile-2 {
    padding-inline-end: 0.5rem !important;
  }
  .p-mobile-3 {
    padding: 1rem !important;
  }
  .px-mobile-3 {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-mobile-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-mobile-3 {
    padding-top: 1rem !important;
  }
  .pb-mobile-3 {
    padding-bottom: 1rem !important;
  }
  .ps-mobile-3 {
    padding-inline-start: 1rem !important;
  }
  .pe-mobile-3 {
    padding-inline-end: 1rem !important;
  }
  .p-mobile-4 {
    padding: 1.5rem !important;
  }
  .px-mobile-4 {
    padding-inline-start: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-mobile-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-mobile-4 {
    padding-top: 1.5rem !important;
  }
  .pb-mobile-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-mobile-4 {
    padding-inline-start: 1.5rem !important;
  }
  .pe-mobile-4 {
    padding-inline-end: 1.5rem !important;
  }
  .p-mobile-5 {
    padding: 3rem !important;
  }
  .px-mobile-5 {
    padding-inline-start: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-mobile-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-mobile-5 {
    padding-top: 3rem !important;
  }
  .pb-mobile-5 {
    padding-bottom: 3rem !important;
  }
  .ps-mobile-5 {
    padding-inline-start: 3rem !important;
  }
  .pe-mobile-5 {
    padding-inline-end: 3rem !important;
  }
}
@media (min-width: 768px) {
  .p-tablet-0 {
    padding: 0 !important;
  }
  .px-tablet-0 {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-tablet-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-tablet-0 {
    padding-top: 0 !important;
  }
  .pb-tablet-0 {
    padding-bottom: 0 !important;
  }
  .ps-tablet-0 {
    padding-inline-start: 0 !important;
  }
  .pe-tablet-0 {
    padding-inline-end: 0 !important;
  }
  .p-tablet-1 {
    padding: 0.25rem !important;
  }
  .px-tablet-1 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
  }
  .py-tablet-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-tablet-1 {
    padding-top: 0.25rem !important;
  }
  .pb-tablet-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-tablet-1 {
    padding-inline-start: 0.25rem !important;
  }
  .pe-tablet-1 {
    padding-inline-end: 0.25rem !important;
  }
  .p-tablet-2 {
    padding: 0.5rem !important;
  }
  .px-tablet-2 {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
  }
  .py-tablet-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-tablet-2 {
    padding-top: 0.5rem !important;
  }
  .pb-tablet-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-tablet-2 {
    padding-inline-start: 0.5rem !important;
  }
  .pe-tablet-2 {
    padding-inline-end: 0.5rem !important;
  }
  .p-tablet-3 {
    padding: 1rem !important;
  }
  .px-tablet-3 {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-tablet-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-tablet-3 {
    padding-top: 1rem !important;
  }
  .pb-tablet-3 {
    padding-bottom: 1rem !important;
  }
  .ps-tablet-3 {
    padding-inline-start: 1rem !important;
  }
  .pe-tablet-3 {
    padding-inline-end: 1rem !important;
  }
  .p-tablet-4 {
    padding: 1.5rem !important;
  }
  .px-tablet-4 {
    padding-inline-start: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-tablet-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-tablet-4 {
    padding-top: 1.5rem !important;
  }
  .pb-tablet-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-tablet-4 {
    padding-inline-start: 1.5rem !important;
  }
  .pe-tablet-4 {
    padding-inline-end: 1.5rem !important;
  }
  .p-tablet-5 {
    padding: 3rem !important;
  }
  .px-tablet-5 {
    padding-inline-start: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-tablet-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-tablet-5 {
    padding-top: 3rem !important;
  }
  .pb-tablet-5 {
    padding-bottom: 3rem !important;
  }
  .ps-tablet-5 {
    padding-inline-start: 3rem !important;
  }
  .pe-tablet-5 {
    padding-inline-end: 3rem !important;
  }
}
@media (min-width: 992px) {
  .p-tablet-h-0 {
    padding: 0 !important;
  }
  .px-tablet-h-0 {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-tablet-h-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-tablet-h-0 {
    padding-top: 0 !important;
  }
  .pb-tablet-h-0 {
    padding-bottom: 0 !important;
  }
  .ps-tablet-h-0 {
    padding-inline-start: 0 !important;
  }
  .pe-tablet-h-0 {
    padding-inline-end: 0 !important;
  }
  .p-tablet-h-1 {
    padding: 0.25rem !important;
  }
  .px-tablet-h-1 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
  }
  .py-tablet-h-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-tablet-h-1 {
    padding-top: 0.25rem !important;
  }
  .pb-tablet-h-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-tablet-h-1 {
    padding-inline-start: 0.25rem !important;
  }
  .pe-tablet-h-1 {
    padding-inline-end: 0.25rem !important;
  }
  .p-tablet-h-2 {
    padding: 0.5rem !important;
  }
  .px-tablet-h-2 {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
  }
  .py-tablet-h-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-tablet-h-2 {
    padding-top: 0.5rem !important;
  }
  .pb-tablet-h-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-tablet-h-2 {
    padding-inline-start: 0.5rem !important;
  }
  .pe-tablet-h-2 {
    padding-inline-end: 0.5rem !important;
  }
  .p-tablet-h-3 {
    padding: 1rem !important;
  }
  .px-tablet-h-3 {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-tablet-h-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-tablet-h-3 {
    padding-top: 1rem !important;
  }
  .pb-tablet-h-3 {
    padding-bottom: 1rem !important;
  }
  .ps-tablet-h-3 {
    padding-inline-start: 1rem !important;
  }
  .pe-tablet-h-3 {
    padding-inline-end: 1rem !important;
  }
  .p-tablet-h-4 {
    padding: 1.5rem !important;
  }
  .px-tablet-h-4 {
    padding-inline-start: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-tablet-h-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-tablet-h-4 {
    padding-top: 1.5rem !important;
  }
  .pb-tablet-h-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-tablet-h-4 {
    padding-inline-start: 1.5rem !important;
  }
  .pe-tablet-h-4 {
    padding-inline-end: 1.5rem !important;
  }
  .p-tablet-h-5 {
    padding: 3rem !important;
  }
  .px-tablet-h-5 {
    padding-inline-start: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-tablet-h-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-tablet-h-5 {
    padding-top: 3rem !important;
  }
  .pb-tablet-h-5 {
    padding-bottom: 3rem !important;
  }
  .ps-tablet-h-5 {
    padding-inline-start: 3rem !important;
  }
  .pe-tablet-h-5 {
    padding-inline-end: 3rem !important;
  }
}
@media (min-width: 1280px) {
  .p-laptop-0 {
    padding: 0 !important;
  }
  .px-laptop-0 {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-laptop-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-laptop-0 {
    padding-top: 0 !important;
  }
  .pb-laptop-0 {
    padding-bottom: 0 !important;
  }
  .ps-laptop-0 {
    padding-inline-start: 0 !important;
  }
  .pe-laptop-0 {
    padding-inline-end: 0 !important;
  }
  .p-laptop-1 {
    padding: 0.25rem !important;
  }
  .px-laptop-1 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
  }
  .py-laptop-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-laptop-1 {
    padding-top: 0.25rem !important;
  }
  .pb-laptop-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-laptop-1 {
    padding-inline-start: 0.25rem !important;
  }
  .pe-laptop-1 {
    padding-inline-end: 0.25rem !important;
  }
  .p-laptop-2 {
    padding: 0.5rem !important;
  }
  .px-laptop-2 {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
  }
  .py-laptop-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-laptop-2 {
    padding-top: 0.5rem !important;
  }
  .pb-laptop-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-laptop-2 {
    padding-inline-start: 0.5rem !important;
  }
  .pe-laptop-2 {
    padding-inline-end: 0.5rem !important;
  }
  .p-laptop-3 {
    padding: 1rem !important;
  }
  .px-laptop-3 {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-laptop-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-laptop-3 {
    padding-top: 1rem !important;
  }
  .pb-laptop-3 {
    padding-bottom: 1rem !important;
  }
  .ps-laptop-3 {
    padding-inline-start: 1rem !important;
  }
  .pe-laptop-3 {
    padding-inline-end: 1rem !important;
  }
  .p-laptop-4 {
    padding: 1.5rem !important;
  }
  .px-laptop-4 {
    padding-inline-start: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-laptop-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-laptop-4 {
    padding-top: 1.5rem !important;
  }
  .pb-laptop-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-laptop-4 {
    padding-inline-start: 1.5rem !important;
  }
  .pe-laptop-4 {
    padding-inline-end: 1.5rem !important;
  }
  .p-laptop-5 {
    padding: 3rem !important;
  }
  .px-laptop-5 {
    padding-inline-start: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-laptop-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-laptop-5 {
    padding-top: 3rem !important;
  }
  .pb-laptop-5 {
    padding-bottom: 3rem !important;
  }
  .ps-laptop-5 {
    padding-inline-start: 3rem !important;
  }
  .pe-laptop-5 {
    padding-inline-end: 3rem !important;
  }
}
@media (min-width: 1440px) {
  .p-desktop-0 {
    padding: 0 !important;
  }
  .px-desktop-0 {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
  .py-desktop-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .pt-desktop-0 {
    padding-top: 0 !important;
  }
  .pb-desktop-0 {
    padding-bottom: 0 !important;
  }
  .ps-desktop-0 {
    padding-inline-start: 0 !important;
  }
  .pe-desktop-0 {
    padding-inline-end: 0 !important;
  }
  .p-desktop-1 {
    padding: 0.25rem !important;
  }
  .px-desktop-1 {
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.25rem !important;
  }
  .py-desktop-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .pt-desktop-1 {
    padding-top: 0.25rem !important;
  }
  .pb-desktop-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-desktop-1 {
    padding-inline-start: 0.25rem !important;
  }
  .pe-desktop-1 {
    padding-inline-end: 0.25rem !important;
  }
  .p-desktop-2 {
    padding: 0.5rem !important;
  }
  .px-desktop-2 {
    padding-inline-start: 0.5rem !important;
    padding-inline-end: 0.5rem !important;
  }
  .py-desktop-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .pt-desktop-2 {
    padding-top: 0.5rem !important;
  }
  .pb-desktop-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-desktop-2 {
    padding-inline-start: 0.5rem !important;
  }
  .pe-desktop-2 {
    padding-inline-end: 0.5rem !important;
  }
  .p-desktop-3 {
    padding: 1rem !important;
  }
  .px-desktop-3 {
    padding-inline-start: 1rem !important;
    padding-inline-end: 1rem !important;
  }
  .py-desktop-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-desktop-3 {
    padding-top: 1rem !important;
  }
  .pb-desktop-3 {
    padding-bottom: 1rem !important;
  }
  .ps-desktop-3 {
    padding-inline-start: 1rem !important;
  }
  .pe-desktop-3 {
    padding-inline-end: 1rem !important;
  }
  .p-desktop-4 {
    padding: 1.5rem !important;
  }
  .px-desktop-4 {
    padding-inline-start: 1.5rem !important;
    padding-inline-end: 1.5rem !important;
  }
  .py-desktop-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .pt-desktop-4 {
    padding-top: 1.5rem !important;
  }
  .pb-desktop-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-desktop-4 {
    padding-inline-start: 1.5rem !important;
  }
  .pe-desktop-4 {
    padding-inline-end: 1.5rem !important;
  }
  .p-desktop-5 {
    padding: 3rem !important;
  }
  .px-desktop-5 {
    padding-inline-start: 3rem !important;
    padding-inline-end: 3rem !important;
  }
  .py-desktop-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-desktop-5 {
    padding-top: 3rem !important;
  }
  .pb-desktop-5 {
    padding-bottom: 3rem !important;
  }
  .ps-desktop-5 {
    padding-inline-start: 3rem !important;
  }
  .pe-desktop-5 {
    padding-inline-end: 3rem !important;
  }
}
/* =========================================
   RESPONSIVE MARGINS
========================================= */
@media (min-width: 576px) {
  .m-mobile-bs-0 {
    margin: 0 !important;
  }
  .mx-mobile-bs-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-mobile-bs-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-mobile-bs-0 {
    margin-top: 0 !important;
  }
  .mb-mobile-bs-0 {
    margin-bottom: 0 !important;
  }
  .ms-mobile-bs-0 {
    margin-inline-start: 0 !important;
  }
  .me-mobile-bs-0 {
    margin-inline-end: 0 !important;
  }
  .m-mobile-bs-1 {
    margin: 0.25rem !important;
  }
  .mx-mobile-bs-1 {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 0.25rem !important;
  }
  .my-mobile-bs-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-mobile-bs-1 {
    margin-top: 0.25rem !important;
  }
  .mb-mobile-bs-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-mobile-bs-1 {
    margin-inline-start: 0.25rem !important;
  }
  .me-mobile-bs-1 {
    margin-inline-end: 0.25rem !important;
  }
  .m-mobile-bs-2 {
    margin: 0.5rem !important;
  }
  .mx-mobile-bs-2 {
    margin-inline-start: 0.5rem !important;
    margin-inline-end: 0.5rem !important;
  }
  .my-mobile-bs-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-mobile-bs-2 {
    margin-top: 0.5rem !important;
  }
  .mb-mobile-bs-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-mobile-bs-2 {
    margin-inline-start: 0.5rem !important;
  }
  .me-mobile-bs-2 {
    margin-inline-end: 0.5rem !important;
  }
  .m-mobile-bs-3 {
    margin: 1rem !important;
  }
  .mx-mobile-bs-3 {
    margin-inline-start: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-mobile-bs-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-mobile-bs-3 {
    margin-top: 1rem !important;
  }
  .mb-mobile-bs-3 {
    margin-bottom: 1rem !important;
  }
  .ms-mobile-bs-3 {
    margin-inline-start: 1rem !important;
  }
  .me-mobile-bs-3 {
    margin-inline-end: 1rem !important;
  }
  .m-mobile-bs-4 {
    margin: 1.5rem !important;
  }
  .mx-mobile-bs-4 {
    margin-inline-start: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-mobile-bs-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-mobile-bs-4 {
    margin-top: 1.5rem !important;
  }
  .mb-mobile-bs-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-mobile-bs-4 {
    margin-inline-start: 1.5rem !important;
  }
  .me-mobile-bs-4 {
    margin-inline-end: 1.5rem !important;
  }
  .m-mobile-bs-5 {
    margin: 3rem !important;
  }
  .mx-mobile-bs-5 {
    margin-inline-start: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-mobile-bs-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-mobile-bs-5 {
    margin-top: 3rem !important;
  }
  .mb-mobile-bs-5 {
    margin-bottom: 3rem !important;
  }
  .ms-mobile-bs-5 {
    margin-inline-start: 3rem !important;
  }
  .me-mobile-bs-5 {
    margin-inline-end: 3rem !important;
  }
  /* Auto responsive */
  .m-mobile-bs-auto {
    margin: auto !important;
  }
  .mx-mobile-bs-auto {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }
  .my-mobile-bs-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-mobile-bs-auto {
    margin-top: auto !important;
  }
  .mb-mobile-bs-auto {
    margin-bottom: auto !important;
  }
  .ms-mobile-bs-auto {
    margin-inline-start: auto !important;
  }
  .me-mobile-bs-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 640px) {
  .m-mobile-0 {
    margin: 0 !important;
  }
  .mx-mobile-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-mobile-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-mobile-0 {
    margin-top: 0 !important;
  }
  .mb-mobile-0 {
    margin-bottom: 0 !important;
  }
  .ms-mobile-0 {
    margin-inline-start: 0 !important;
  }
  .me-mobile-0 {
    margin-inline-end: 0 !important;
  }
  .m-mobile-1 {
    margin: 0.25rem !important;
  }
  .mx-mobile-1 {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 0.25rem !important;
  }
  .my-mobile-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-mobile-1 {
    margin-top: 0.25rem !important;
  }
  .mb-mobile-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-mobile-1 {
    margin-inline-start: 0.25rem !important;
  }
  .me-mobile-1 {
    margin-inline-end: 0.25rem !important;
  }
  .m-mobile-2 {
    margin: 0.5rem !important;
  }
  .mx-mobile-2 {
    margin-inline-start: 0.5rem !important;
    margin-inline-end: 0.5rem !important;
  }
  .my-mobile-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-mobile-2 {
    margin-top: 0.5rem !important;
  }
  .mb-mobile-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-mobile-2 {
    margin-inline-start: 0.5rem !important;
  }
  .me-mobile-2 {
    margin-inline-end: 0.5rem !important;
  }
  .m-mobile-3 {
    margin: 1rem !important;
  }
  .mx-mobile-3 {
    margin-inline-start: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-mobile-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-mobile-3 {
    margin-top: 1rem !important;
  }
  .mb-mobile-3 {
    margin-bottom: 1rem !important;
  }
  .ms-mobile-3 {
    margin-inline-start: 1rem !important;
  }
  .me-mobile-3 {
    margin-inline-end: 1rem !important;
  }
  .m-mobile-4 {
    margin: 1.5rem !important;
  }
  .mx-mobile-4 {
    margin-inline-start: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-mobile-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-mobile-4 {
    margin-top: 1.5rem !important;
  }
  .mb-mobile-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-mobile-4 {
    margin-inline-start: 1.5rem !important;
  }
  .me-mobile-4 {
    margin-inline-end: 1.5rem !important;
  }
  .m-mobile-5 {
    margin: 3rem !important;
  }
  .mx-mobile-5 {
    margin-inline-start: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-mobile-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-mobile-5 {
    margin-top: 3rem !important;
  }
  .mb-mobile-5 {
    margin-bottom: 3rem !important;
  }
  .ms-mobile-5 {
    margin-inline-start: 3rem !important;
  }
  .me-mobile-5 {
    margin-inline-end: 3rem !important;
  }
  /* Auto responsive */
  .m-mobile-auto {
    margin: auto !important;
  }
  .mx-mobile-auto {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }
  .my-mobile-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-mobile-auto {
    margin-top: auto !important;
  }
  .mb-mobile-auto {
    margin-bottom: auto !important;
  }
  .ms-mobile-auto {
    margin-inline-start: auto !important;
  }
  .me-mobile-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 768px) {
  .m-tablet-0 {
    margin: 0 !important;
  }
  .mx-tablet-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-tablet-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-tablet-0 {
    margin-top: 0 !important;
  }
  .mb-tablet-0 {
    margin-bottom: 0 !important;
  }
  .ms-tablet-0 {
    margin-inline-start: 0 !important;
  }
  .me-tablet-0 {
    margin-inline-end: 0 !important;
  }
  .m-tablet-1 {
    margin: 0.25rem !important;
  }
  .mx-tablet-1 {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 0.25rem !important;
  }
  .my-tablet-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-tablet-1 {
    margin-top: 0.25rem !important;
  }
  .mb-tablet-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-tablet-1 {
    margin-inline-start: 0.25rem !important;
  }
  .me-tablet-1 {
    margin-inline-end: 0.25rem !important;
  }
  .m-tablet-2 {
    margin: 0.5rem !important;
  }
  .mx-tablet-2 {
    margin-inline-start: 0.5rem !important;
    margin-inline-end: 0.5rem !important;
  }
  .my-tablet-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-tablet-2 {
    margin-top: 0.5rem !important;
  }
  .mb-tablet-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-tablet-2 {
    margin-inline-start: 0.5rem !important;
  }
  .me-tablet-2 {
    margin-inline-end: 0.5rem !important;
  }
  .m-tablet-3 {
    margin: 1rem !important;
  }
  .mx-tablet-3 {
    margin-inline-start: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-tablet-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-tablet-3 {
    margin-top: 1rem !important;
  }
  .mb-tablet-3 {
    margin-bottom: 1rem !important;
  }
  .ms-tablet-3 {
    margin-inline-start: 1rem !important;
  }
  .me-tablet-3 {
    margin-inline-end: 1rem !important;
  }
  .m-tablet-4 {
    margin: 1.5rem !important;
  }
  .mx-tablet-4 {
    margin-inline-start: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-tablet-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-tablet-4 {
    margin-top: 1.5rem !important;
  }
  .mb-tablet-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-tablet-4 {
    margin-inline-start: 1.5rem !important;
  }
  .me-tablet-4 {
    margin-inline-end: 1.5rem !important;
  }
  .m-tablet-5 {
    margin: 3rem !important;
  }
  .mx-tablet-5 {
    margin-inline-start: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-tablet-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-tablet-5 {
    margin-top: 3rem !important;
  }
  .mb-tablet-5 {
    margin-bottom: 3rem !important;
  }
  .ms-tablet-5 {
    margin-inline-start: 3rem !important;
  }
  .me-tablet-5 {
    margin-inline-end: 3rem !important;
  }
  /* Auto responsive */
  .m-tablet-auto {
    margin: auto !important;
  }
  .mx-tablet-auto {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }
  .my-tablet-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-tablet-auto {
    margin-top: auto !important;
  }
  .mb-tablet-auto {
    margin-bottom: auto !important;
  }
  .ms-tablet-auto {
    margin-inline-start: auto !important;
  }
  .me-tablet-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 992px) {
  .m-tablet-h-0 {
    margin: 0 !important;
  }
  .mx-tablet-h-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-tablet-h-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-tablet-h-0 {
    margin-top: 0 !important;
  }
  .mb-tablet-h-0 {
    margin-bottom: 0 !important;
  }
  .ms-tablet-h-0 {
    margin-inline-start: 0 !important;
  }
  .me-tablet-h-0 {
    margin-inline-end: 0 !important;
  }
  .m-tablet-h-1 {
    margin: 0.25rem !important;
  }
  .mx-tablet-h-1 {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 0.25rem !important;
  }
  .my-tablet-h-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-tablet-h-1 {
    margin-top: 0.25rem !important;
  }
  .mb-tablet-h-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-tablet-h-1 {
    margin-inline-start: 0.25rem !important;
  }
  .me-tablet-h-1 {
    margin-inline-end: 0.25rem !important;
  }
  .m-tablet-h-2 {
    margin: 0.5rem !important;
  }
  .mx-tablet-h-2 {
    margin-inline-start: 0.5rem !important;
    margin-inline-end: 0.5rem !important;
  }
  .my-tablet-h-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-tablet-h-2 {
    margin-top: 0.5rem !important;
  }
  .mb-tablet-h-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-tablet-h-2 {
    margin-inline-start: 0.5rem !important;
  }
  .me-tablet-h-2 {
    margin-inline-end: 0.5rem !important;
  }
  .m-tablet-h-3 {
    margin: 1rem !important;
  }
  .mx-tablet-h-3 {
    margin-inline-start: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-tablet-h-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-tablet-h-3 {
    margin-top: 1rem !important;
  }
  .mb-tablet-h-3 {
    margin-bottom: 1rem !important;
  }
  .ms-tablet-h-3 {
    margin-inline-start: 1rem !important;
  }
  .me-tablet-h-3 {
    margin-inline-end: 1rem !important;
  }
  .m-tablet-h-4 {
    margin: 1.5rem !important;
  }
  .mx-tablet-h-4 {
    margin-inline-start: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-tablet-h-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-tablet-h-4 {
    margin-top: 1.5rem !important;
  }
  .mb-tablet-h-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-tablet-h-4 {
    margin-inline-start: 1.5rem !important;
  }
  .me-tablet-h-4 {
    margin-inline-end: 1.5rem !important;
  }
  .m-tablet-h-5 {
    margin: 3rem !important;
  }
  .mx-tablet-h-5 {
    margin-inline-start: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-tablet-h-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-tablet-h-5 {
    margin-top: 3rem !important;
  }
  .mb-tablet-h-5 {
    margin-bottom: 3rem !important;
  }
  .ms-tablet-h-5 {
    margin-inline-start: 3rem !important;
  }
  .me-tablet-h-5 {
    margin-inline-end: 3rem !important;
  }
  /* Auto responsive */
  .m-tablet-h-auto {
    margin: auto !important;
  }
  .mx-tablet-h-auto {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }
  .my-tablet-h-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-tablet-h-auto {
    margin-top: auto !important;
  }
  .mb-tablet-h-auto {
    margin-bottom: auto !important;
  }
  .ms-tablet-h-auto {
    margin-inline-start: auto !important;
  }
  .me-tablet-h-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 1280px) {
  .m-laptop-0 {
    margin: 0 !important;
  }
  .mx-laptop-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-laptop-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-laptop-0 {
    margin-top: 0 !important;
  }
  .mb-laptop-0 {
    margin-bottom: 0 !important;
  }
  .ms-laptop-0 {
    margin-inline-start: 0 !important;
  }
  .me-laptop-0 {
    margin-inline-end: 0 !important;
  }
  .m-laptop-1 {
    margin: 0.25rem !important;
  }
  .mx-laptop-1 {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 0.25rem !important;
  }
  .my-laptop-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-laptop-1 {
    margin-top: 0.25rem !important;
  }
  .mb-laptop-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-laptop-1 {
    margin-inline-start: 0.25rem !important;
  }
  .me-laptop-1 {
    margin-inline-end: 0.25rem !important;
  }
  .m-laptop-2 {
    margin: 0.5rem !important;
  }
  .mx-laptop-2 {
    margin-inline-start: 0.5rem !important;
    margin-inline-end: 0.5rem !important;
  }
  .my-laptop-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-laptop-2 {
    margin-top: 0.5rem !important;
  }
  .mb-laptop-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-laptop-2 {
    margin-inline-start: 0.5rem !important;
  }
  .me-laptop-2 {
    margin-inline-end: 0.5rem !important;
  }
  .m-laptop-3 {
    margin: 1rem !important;
  }
  .mx-laptop-3 {
    margin-inline-start: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-laptop-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-laptop-3 {
    margin-top: 1rem !important;
  }
  .mb-laptop-3 {
    margin-bottom: 1rem !important;
  }
  .ms-laptop-3 {
    margin-inline-start: 1rem !important;
  }
  .me-laptop-3 {
    margin-inline-end: 1rem !important;
  }
  .m-laptop-4 {
    margin: 1.5rem !important;
  }
  .mx-laptop-4 {
    margin-inline-start: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-laptop-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-laptop-4 {
    margin-top: 1.5rem !important;
  }
  .mb-laptop-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-laptop-4 {
    margin-inline-start: 1.5rem !important;
  }
  .me-laptop-4 {
    margin-inline-end: 1.5rem !important;
  }
  .m-laptop-5 {
    margin: 3rem !important;
  }
  .mx-laptop-5 {
    margin-inline-start: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-laptop-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-laptop-5 {
    margin-top: 3rem !important;
  }
  .mb-laptop-5 {
    margin-bottom: 3rem !important;
  }
  .ms-laptop-5 {
    margin-inline-start: 3rem !important;
  }
  .me-laptop-5 {
    margin-inline-end: 3rem !important;
  }
  /* Auto responsive */
  .m-laptop-auto {
    margin: auto !important;
  }
  .mx-laptop-auto {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }
  .my-laptop-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-laptop-auto {
    margin-top: auto !important;
  }
  .mb-laptop-auto {
    margin-bottom: auto !important;
  }
  .ms-laptop-auto {
    margin-inline-start: auto !important;
  }
  .me-laptop-auto {
    margin-inline-end: auto !important;
  }
}
@media (min-width: 1440px) {
  .m-desktop-0 {
    margin: 0 !important;
  }
  .mx-desktop-0 {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
  .my-desktop-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mt-desktop-0 {
    margin-top: 0 !important;
  }
  .mb-desktop-0 {
    margin-bottom: 0 !important;
  }
  .ms-desktop-0 {
    margin-inline-start: 0 !important;
  }
  .me-desktop-0 {
    margin-inline-end: 0 !important;
  }
  .m-desktop-1 {
    margin: 0.25rem !important;
  }
  .mx-desktop-1 {
    margin-inline-start: 0.25rem !important;
    margin-inline-end: 0.25rem !important;
  }
  .my-desktop-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mt-desktop-1 {
    margin-top: 0.25rem !important;
  }
  .mb-desktop-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-desktop-1 {
    margin-inline-start: 0.25rem !important;
  }
  .me-desktop-1 {
    margin-inline-end: 0.25rem !important;
  }
  .m-desktop-2 {
    margin: 0.5rem !important;
  }
  .mx-desktop-2 {
    margin-inline-start: 0.5rem !important;
    margin-inline-end: 0.5rem !important;
  }
  .my-desktop-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mt-desktop-2 {
    margin-top: 0.5rem !important;
  }
  .mb-desktop-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-desktop-2 {
    margin-inline-start: 0.5rem !important;
  }
  .me-desktop-2 {
    margin-inline-end: 0.5rem !important;
  }
  .m-desktop-3 {
    margin: 1rem !important;
  }
  .mx-desktop-3 {
    margin-inline-start: 1rem !important;
    margin-inline-end: 1rem !important;
  }
  .my-desktop-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mt-desktop-3 {
    margin-top: 1rem !important;
  }
  .mb-desktop-3 {
    margin-bottom: 1rem !important;
  }
  .ms-desktop-3 {
    margin-inline-start: 1rem !important;
  }
  .me-desktop-3 {
    margin-inline-end: 1rem !important;
  }
  .m-desktop-4 {
    margin: 1.5rem !important;
  }
  .mx-desktop-4 {
    margin-inline-start: 1.5rem !important;
    margin-inline-end: 1.5rem !important;
  }
  .my-desktop-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .mt-desktop-4 {
    margin-top: 1.5rem !important;
  }
  .mb-desktop-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-desktop-4 {
    margin-inline-start: 1.5rem !important;
  }
  .me-desktop-4 {
    margin-inline-end: 1.5rem !important;
  }
  .m-desktop-5 {
    margin: 3rem !important;
  }
  .mx-desktop-5 {
    margin-inline-start: 3rem !important;
    margin-inline-end: 3rem !important;
  }
  .my-desktop-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .mt-desktop-5 {
    margin-top: 3rem !important;
  }
  .mb-desktop-5 {
    margin-bottom: 3rem !important;
  }
  .ms-desktop-5 {
    margin-inline-start: 3rem !important;
  }
  .me-desktop-5 {
    margin-inline-end: 3rem !important;
  }
  /* Auto responsive */
  .m-desktop-auto {
    margin: auto !important;
  }
  .mx-desktop-auto {
    margin-inline-start: auto !important;
    margin-inline-end: auto !important;
  }
  .my-desktop-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-desktop-auto {
    margin-top: auto !important;
  }
  .mb-desktop-auto {
    margin-bottom: auto !important;
  }
  .ms-desktop-auto {
    margin-inline-start: auto !important;
  }
  .me-desktop-auto {
    margin-inline-end: auto !important;
  }
}
/* =========================================
   GAP SCALE (zelfde als spacers of apart)
========================================= */
/* =========================================
   BASE GAP UTILITIES
========================================= */
/* gap */
.gap-0 {
  gap: 0 !important;
}

/* row gap */
.row-gap-0 {
  row-gap: 0 !important;
}

/* column gap */
.column-gap-0 {
  column-gap: 0 !important;
}

/* gap */
.gap-1 {
  gap: 0.25rem !important;
}

/* row gap */
.row-gap-1 {
  row-gap: 0.25rem !important;
}

/* column gap */
.column-gap-1 {
  column-gap: 0.25rem !important;
}

/* gap */
.gap-2 {
  gap: 0.5rem !important;
}

/* row gap */
.row-gap-2 {
  row-gap: 0.5rem !important;
}

/* column gap */
.column-gap-2 {
  column-gap: 0.5rem !important;
}

/* gap */
.gap-3 {
  gap: 1rem !important;
}

/* row gap */
.row-gap-3 {
  row-gap: 1rem !important;
}

/* column gap */
.column-gap-3 {
  column-gap: 1rem !important;
}

/* gap */
.gap-4 {
  gap: 1.5rem !important;
}

/* row gap */
.row-gap-4 {
  row-gap: 1.5rem !important;
}

/* column gap */
.column-gap-4 {
  column-gap: 1.5rem !important;
}

/* gap */
.gap-5 {
  gap: 3rem !important;
}

/* row gap */
.row-gap-5 {
  row-gap: 3rem !important;
}

/* column gap */
.column-gap-5 {
  column-gap: 3rem !important;
}

/* =========================================
   RESPONSIVE GAP UTILITIES
   (uses your existing $breakpoints map)
========================================= */
@media (min-width: 576px) {
  .gap-mobile-bs-0 {
    gap: 0 !important;
  }
  .row-gap-mobile-bs-0 {
    row-gap: 0 !important;
  }
  .column-gap-mobile-bs-0 {
    column-gap: 0 !important;
  }
  .gap-mobile-bs-1 {
    gap: 0.25rem !important;
  }
  .row-gap-mobile-bs-1 {
    row-gap: 0.25rem !important;
  }
  .column-gap-mobile-bs-1 {
    column-gap: 0.25rem !important;
  }
  .gap-mobile-bs-2 {
    gap: 0.5rem !important;
  }
  .row-gap-mobile-bs-2 {
    row-gap: 0.5rem !important;
  }
  .column-gap-mobile-bs-2 {
    column-gap: 0.5rem !important;
  }
  .gap-mobile-bs-3 {
    gap: 1rem !important;
  }
  .row-gap-mobile-bs-3 {
    row-gap: 1rem !important;
  }
  .column-gap-mobile-bs-3 {
    column-gap: 1rem !important;
  }
  .gap-mobile-bs-4 {
    gap: 1.5rem !important;
  }
  .row-gap-mobile-bs-4 {
    row-gap: 1.5rem !important;
  }
  .column-gap-mobile-bs-4 {
    column-gap: 1.5rem !important;
  }
  .gap-mobile-bs-5 {
    gap: 3rem !important;
  }
  .row-gap-mobile-bs-5 {
    row-gap: 3rem !important;
  }
  .column-gap-mobile-bs-5 {
    column-gap: 3rem !important;
  }
}
@media (min-width: 640px) {
  .gap-mobile-0 {
    gap: 0 !important;
  }
  .row-gap-mobile-0 {
    row-gap: 0 !important;
  }
  .column-gap-mobile-0 {
    column-gap: 0 !important;
  }
  .gap-mobile-1 {
    gap: 0.25rem !important;
  }
  .row-gap-mobile-1 {
    row-gap: 0.25rem !important;
  }
  .column-gap-mobile-1 {
    column-gap: 0.25rem !important;
  }
  .gap-mobile-2 {
    gap: 0.5rem !important;
  }
  .row-gap-mobile-2 {
    row-gap: 0.5rem !important;
  }
  .column-gap-mobile-2 {
    column-gap: 0.5rem !important;
  }
  .gap-mobile-3 {
    gap: 1rem !important;
  }
  .row-gap-mobile-3 {
    row-gap: 1rem !important;
  }
  .column-gap-mobile-3 {
    column-gap: 1rem !important;
  }
  .gap-mobile-4 {
    gap: 1.5rem !important;
  }
  .row-gap-mobile-4 {
    row-gap: 1.5rem !important;
  }
  .column-gap-mobile-4 {
    column-gap: 1.5rem !important;
  }
  .gap-mobile-5 {
    gap: 3rem !important;
  }
  .row-gap-mobile-5 {
    row-gap: 3rem !important;
  }
  .column-gap-mobile-5 {
    column-gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .gap-tablet-0 {
    gap: 0 !important;
  }
  .row-gap-tablet-0 {
    row-gap: 0 !important;
  }
  .column-gap-tablet-0 {
    column-gap: 0 !important;
  }
  .gap-tablet-1 {
    gap: 0.25rem !important;
  }
  .row-gap-tablet-1 {
    row-gap: 0.25rem !important;
  }
  .column-gap-tablet-1 {
    column-gap: 0.25rem !important;
  }
  .gap-tablet-2 {
    gap: 0.5rem !important;
  }
  .row-gap-tablet-2 {
    row-gap: 0.5rem !important;
  }
  .column-gap-tablet-2 {
    column-gap: 0.5rem !important;
  }
  .gap-tablet-3 {
    gap: 1rem !important;
  }
  .row-gap-tablet-3 {
    row-gap: 1rem !important;
  }
  .column-gap-tablet-3 {
    column-gap: 1rem !important;
  }
  .gap-tablet-4 {
    gap: 1.5rem !important;
  }
  .row-gap-tablet-4 {
    row-gap: 1.5rem !important;
  }
  .column-gap-tablet-4 {
    column-gap: 1.5rem !important;
  }
  .gap-tablet-5 {
    gap: 3rem !important;
  }
  .row-gap-tablet-5 {
    row-gap: 3rem !important;
  }
  .column-gap-tablet-5 {
    column-gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .gap-tablet-h-0 {
    gap: 0 !important;
  }
  .row-gap-tablet-h-0 {
    row-gap: 0 !important;
  }
  .column-gap-tablet-h-0 {
    column-gap: 0 !important;
  }
  .gap-tablet-h-1 {
    gap: 0.25rem !important;
  }
  .row-gap-tablet-h-1 {
    row-gap: 0.25rem !important;
  }
  .column-gap-tablet-h-1 {
    column-gap: 0.25rem !important;
  }
  .gap-tablet-h-2 {
    gap: 0.5rem !important;
  }
  .row-gap-tablet-h-2 {
    row-gap: 0.5rem !important;
  }
  .column-gap-tablet-h-2 {
    column-gap: 0.5rem !important;
  }
  .gap-tablet-h-3 {
    gap: 1rem !important;
  }
  .row-gap-tablet-h-3 {
    row-gap: 1rem !important;
  }
  .column-gap-tablet-h-3 {
    column-gap: 1rem !important;
  }
  .gap-tablet-h-4 {
    gap: 1.5rem !important;
  }
  .row-gap-tablet-h-4 {
    row-gap: 1.5rem !important;
  }
  .column-gap-tablet-h-4 {
    column-gap: 1.5rem !important;
  }
  .gap-tablet-h-5 {
    gap: 3rem !important;
  }
  .row-gap-tablet-h-5 {
    row-gap: 3rem !important;
  }
  .column-gap-tablet-h-5 {
    column-gap: 3rem !important;
  }
}
@media (min-width: 1280px) {
  .gap-laptop-0 {
    gap: 0 !important;
  }
  .row-gap-laptop-0 {
    row-gap: 0 !important;
  }
  .column-gap-laptop-0 {
    column-gap: 0 !important;
  }
  .gap-laptop-1 {
    gap: 0.25rem !important;
  }
  .row-gap-laptop-1 {
    row-gap: 0.25rem !important;
  }
  .column-gap-laptop-1 {
    column-gap: 0.25rem !important;
  }
  .gap-laptop-2 {
    gap: 0.5rem !important;
  }
  .row-gap-laptop-2 {
    row-gap: 0.5rem !important;
  }
  .column-gap-laptop-2 {
    column-gap: 0.5rem !important;
  }
  .gap-laptop-3 {
    gap: 1rem !important;
  }
  .row-gap-laptop-3 {
    row-gap: 1rem !important;
  }
  .column-gap-laptop-3 {
    column-gap: 1rem !important;
  }
  .gap-laptop-4 {
    gap: 1.5rem !important;
  }
  .row-gap-laptop-4 {
    row-gap: 1.5rem !important;
  }
  .column-gap-laptop-4 {
    column-gap: 1.5rem !important;
  }
  .gap-laptop-5 {
    gap: 3rem !important;
  }
  .row-gap-laptop-5 {
    row-gap: 3rem !important;
  }
  .column-gap-laptop-5 {
    column-gap: 3rem !important;
  }
}
@media (min-width: 1440px) {
  .gap-desktop-0 {
    gap: 0 !important;
  }
  .row-gap-desktop-0 {
    row-gap: 0 !important;
  }
  .column-gap-desktop-0 {
    column-gap: 0 !important;
  }
  .gap-desktop-1 {
    gap: 0.25rem !important;
  }
  .row-gap-desktop-1 {
    row-gap: 0.25rem !important;
  }
  .column-gap-desktop-1 {
    column-gap: 0.25rem !important;
  }
  .gap-desktop-2 {
    gap: 0.5rem !important;
  }
  .row-gap-desktop-2 {
    row-gap: 0.5rem !important;
  }
  .column-gap-desktop-2 {
    column-gap: 0.5rem !important;
  }
  .gap-desktop-3 {
    gap: 1rem !important;
  }
  .row-gap-desktop-3 {
    row-gap: 1rem !important;
  }
  .column-gap-desktop-3 {
    column-gap: 1rem !important;
  }
  .gap-desktop-4 {
    gap: 1.5rem !important;
  }
  .row-gap-desktop-4 {
    row-gap: 1.5rem !important;
  }
  .column-gap-desktop-4 {
    column-gap: 1.5rem !important;
  }
  .gap-desktop-5 {
    gap: 3rem !important;
  }
  .row-gap-desktop-5 {
    row-gap: 3rem !important;
  }
  .column-gap-desktop-5 {
    column-gap: 3rem !important;
  }
}
/* Bootstrap-names (sm/md/lg/xl/xxl) maar jouw px-waarden */
/* container-fluid */
.container-fluid {
  width: 100%;
  padding-inline: 2.75rem;
  margin-inline: auto;
}

/* row + gutters */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-inline: -1.375rem;
}

.row > * {
  padding-inline: 1.375rem;
  max-width: 100%;
}

/* cols */
.col {
  flex: 1 0 0%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

/* responsive cols: .col-sm-6, .col-md-4, etc */
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1440px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/**
row / col classes bootstrap
 */
/* auto/equal */
.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

/* fixed 1–12 */
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

/* offsets */
.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

/* order */
.order-first {
  order: -1;
}

.order-last {
  order: 9999;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

/* row-cols */
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  /* auto/equal */
  .col-sm {
    flex: 1 0 0%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* fixed 1–12 */
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* offsets */
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  /* order */
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 9999;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  /* row-cols */
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  /* auto/equal */
  .col-md {
    flex: 1 0 0%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* fixed 1–12 */
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* offsets */
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  /* order */
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 9999;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  /* row-cols */
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  /* auto/equal */
  .col-lg {
    flex: 1 0 0%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* fixed 1–12 */
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* offsets */
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  /* order */
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 9999;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  /* row-cols */
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  /* auto/equal */
  .col-xl {
    flex: 1 0 0%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* fixed 1–12 */
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* offsets */
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  /* order */
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 9999;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  /* row-cols */
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  /* auto/equal */
  .col-xxl {
    flex: 1 0 0%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* fixed 1–12 */
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  /* offsets */
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  /* order */
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 9999;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  /* row-cols */
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
/* row & gutters keep as you had */
.row {
  --gutter-x: 1.5rem;
  --gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
}

.row > * {
  padding: calc(0.5 * var(--gutter-y)) calc(0.5 * var(--gutter-x));
}

.gap-left {
  margin-left: 50px;
}

.gap-right {
  margin-right: 50px;
}

@media (max-width: 992px) {
  .gap-left {
    margin-left: auto;
    margin-top: 35px;
  }
  .gap-right {
    margin-right: auto;
    margin-bottom: 35px;
  }
}
/* Float utilities (Bootstrap-like) --------------------------------------- */
/* Usage:
   .float-start | .float-end | .float-none
   .float-sm-start | .float-md-end | ... up to .float-xxl-*
*/
/* Base (no breakpoint) */
/* Fallback first, logical value second (overrides when supported) */
.float-start {
  float: left !important;
  float: inline-start !important;
}

.float-end {
  float: right !important;
  float: inline-end !important;
}

.float-none {
  float: none !important;
}

/* Responsive variants */
@media (min-width: 0) {
  /* Fallback first, logical value second (overrides when supported) */
  .float-xs-start {
    float: left !important;
    float: inline-start !important;
  }
  .float-xs-end {
    float: right !important;
    float: inline-end !important;
  }
  .float-xs-none {
    float: none !important;
  }
}
@media (min-width: 576px) {
  /* Fallback first, logical value second (overrides when supported) */
  .float-sm-start {
    float: left !important;
    float: inline-start !important;
  }
  .float-sm-end {
    float: right !important;
    float: inline-end !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  /* Fallback first, logical value second (overrides when supported) */
  .float-md-start {
    float: left !important;
    float: inline-start !important;
  }
  .float-md-end {
    float: right !important;
    float: inline-end !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  /* Fallback first, logical value second (overrides when supported) */
  .float-lg-start {
    float: left !important;
    float: inline-start !important;
  }
  .float-lg-end {
    float: right !important;
    float: inline-end !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  /* Fallback first, logical value second (overrides when supported) */
  .float-xl-start {
    float: left !important;
    float: inline-start !important;
  }
  .float-xl-end {
    float: right !important;
    float: inline-end !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1400px) {
  /* Fallback first, logical value second (overrides when supported) */
  .float-xxl-start {
    float: left !important;
    float: inline-start !important;
  }
  .float-xxl-end {
    float: right !important;
    float: inline-end !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}
/* =========================================
   CARD
========================================= */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-text {
  margin-bottom: 1rem;
}

.card-img-top {
  width: 100%;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  object-fit: cover;
}

.card-footer {
  padding: 0.75rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

/* =========================================
   STRETCHED LINK
========================================= */
.stretched-link {
  position: relative;
  z-index: 1;
}

.stretched-link::after {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
}

/* =========================================
   DISPLAY UTILITIES
========================================= */
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

/* =========================================
   FLEX ALIGNMENT
========================================= */
/* justify-content */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

/* align-items */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

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

/* align-self */
.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/* flex direction */
.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* flex wrap */
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

/* responsive flex direction */
@media (min-width: 576px) {
  .flex-mobile-bs-row {
    flex-direction: row !important;
  }
  .flex-mobile-bs-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-mobile-bs-column {
    flex-direction: column !important;
  }
  .flex-mobile-bs-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 640px) {
  .flex-mobile-row {
    flex-direction: row !important;
  }
  .flex-mobile-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-mobile-column {
    flex-direction: column !important;
  }
  .flex-mobile-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 768px) {
  .flex-tablet-row {
    flex-direction: row !important;
  }
  .flex-tablet-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-tablet-column {
    flex-direction: column !important;
  }
  .flex-tablet-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .flex-tablet-h-row {
    flex-direction: row !important;
  }
  .flex-tablet-h-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-tablet-h-column {
    flex-direction: column !important;
  }
  .flex-tablet-h-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1280px) {
  .flex-laptop-row {
    flex-direction: row !important;
  }
  .flex-laptop-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-laptop-column {
    flex-direction: column !important;
  }
  .flex-laptop-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1440px) {
  .flex-desktop-row {
    flex-direction: row !important;
  }
  .flex-desktop-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-desktop-column {
    flex-direction: column !important;
  }
  .flex-desktop-column-reverse {
    flex-direction: column-reverse !important;
  }
}
/* =========================================
   WIDTH UTILITIES
========================================= */
.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

/* =========================================
   RESPONSIVE WIDTHS
========================================= */
@media (min-width: 576px) {
  .w-mobile-bs-20 {
    width: 20% !important;
  }
  .w-mobile-bs-25 {
    width: 25% !important;
  }
  .w-mobile-bs-30 {
    width: 30% !important;
  }
  .w-mobile-bs-40 {
    width: 40% !important;
  }
  .w-mobile-bs-50 {
    width: 50% !important;
  }
  .w-mobile-bs-60 {
    width: 60% !important;
  }
  .w-mobile-bs-70 {
    width: 70% !important;
  }
  .w-mobile-bs-75 {
    width: 75% !important;
  }
  .w-mobile-bs-100 {
    width: 100% !important;
  }
  .w-mobile-bs-auto {
    width: auto !important;
  }
}
@media (min-width: 640px) {
  .w-mobile-20 {
    width: 20% !important;
  }
  .w-mobile-25 {
    width: 25% !important;
  }
  .w-mobile-30 {
    width: 30% !important;
  }
  .w-mobile-40 {
    width: 40% !important;
  }
  .w-mobile-50 {
    width: 50% !important;
  }
  .w-mobile-60 {
    width: 60% !important;
  }
  .w-mobile-70 {
    width: 70% !important;
  }
  .w-mobile-75 {
    width: 75% !important;
  }
  .w-mobile-100 {
    width: 100% !important;
  }
  .w-mobile-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .w-tablet-20 {
    width: 20% !important;
  }
  .w-tablet-25 {
    width: 25% !important;
  }
  .w-tablet-30 {
    width: 30% !important;
  }
  .w-tablet-40 {
    width: 40% !important;
  }
  .w-tablet-50 {
    width: 50% !important;
  }
  .w-tablet-60 {
    width: 60% !important;
  }
  .w-tablet-70 {
    width: 70% !important;
  }
  .w-tablet-75 {
    width: 75% !important;
  }
  .w-tablet-100 {
    width: 100% !important;
  }
  .w-tablet-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .w-tablet-h-20 {
    width: 20% !important;
  }
  .w-tablet-h-25 {
    width: 25% !important;
  }
  .w-tablet-h-30 {
    width: 30% !important;
  }
  .w-tablet-h-40 {
    width: 40% !important;
  }
  .w-tablet-h-50 {
    width: 50% !important;
  }
  .w-tablet-h-60 {
    width: 60% !important;
  }
  .w-tablet-h-70 {
    width: 70% !important;
  }
  .w-tablet-h-75 {
    width: 75% !important;
  }
  .w-tablet-h-100 {
    width: 100% !important;
  }
  .w-tablet-h-auto {
    width: auto !important;
  }
}
@media (min-width: 1280px) {
  .w-laptop-20 {
    width: 20% !important;
  }
  .w-laptop-25 {
    width: 25% !important;
  }
  .w-laptop-30 {
    width: 30% !important;
  }
  .w-laptop-40 {
    width: 40% !important;
  }
  .w-laptop-50 {
    width: 50% !important;
  }
  .w-laptop-60 {
    width: 60% !important;
  }
  .w-laptop-70 {
    width: 70% !important;
  }
  .w-laptop-75 {
    width: 75% !important;
  }
  .w-laptop-100 {
    width: 100% !important;
  }
  .w-laptop-auto {
    width: auto !important;
  }
}
@media (min-width: 1440px) {
  .w-desktop-20 {
    width: 20% !important;
  }
  .w-desktop-25 {
    width: 25% !important;
  }
  .w-desktop-30 {
    width: 30% !important;
  }
  .w-desktop-40 {
    width: 40% !important;
  }
  .w-desktop-50 {
    width: 50% !important;
  }
  .w-desktop-60 {
    width: 60% !important;
  }
  .w-desktop-70 {
    width: 70% !important;
  }
  .w-desktop-75 {
    width: 75% !important;
  }
  .w-desktop-100 {
    width: 100% !important;
  }
  .w-desktop-auto {
    width: auto !important;
  }
}
/* =========================================
   POSITION UTILITIES
========================================= */
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

/* =========================================
   TOP / RIGHT / BOTTOM / LEFT
========================================= */
.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

/* =========================================
   TRANSLATE (CENTER HELPERS)
========================================= */
.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

@media (max-width: 992px) {
  .container-fluid {
    padding-inline: 1.75rem;
  }
}
/**
Header styles
 */
#intro p {
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: -1px;
}

.info p {
  margin-block-end: 0.8em;
}
.info p, .info li {
  font-weight: 500;
}

.four-blocks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}
.four-blocks > * {
  padding: 0 2.5rem;
}
.four-blocks > * h2 {
  font-weight: 700;
  padding: 0;
  margin: 0;
}
.four-blocks > * p {
  padding: 0;
  margin: 0;
}
.four-blocks > *:not(:last-child) {
  border-right: 1px solid #D9D9D9;
}
@media (max-width: 992px) {
  .four-blocks {
    grid-template-columns: repeat(2, 1fr);
  }
  .four-blocks > * {
    padding: 2rem;
  }
  .four-blocks > *:not(:last-child) {
    border-right: 0;
  }
  .four-blocks > *:nth-child(odd) {
    border-right: 1px solid #D9D9D9;
  }
  .four-blocks > *:nth-child(-n+2) {
    border-bottom: 1px solid #D9D9D9;
  }
}
@media (max-width: 640px) {
  .four-blocks {
    grid-template-columns: 1fr;
  }
  .four-blocks > * {
    padding: 1.5rem 0;
    border-right: 0 !important;
    border-bottom: 1px solid #D9D9D9;
  }
  .four-blocks > *:last-child {
    border-bottom: 0;
  }
}

.home #footer {
  margin-bottom: 260px;
}

#footer {
  margin-bottom: 50px;
}
#footer .logo a img {
  width: 160px;
}
#footer h3, #footer p, #footer li {
  font-size: 1rem;
}
#footer h5 {
  padding: 0;
  margin: 0;
}
#footer address {
  font-style: normal;
  line-height: 200%;
}
#footer p {
  margin: 0;
  padding: 0;
}
#footer a {
  font-weight: bold;
}
#footer ul {
  margin: 0;
  padding: 0;
}
#footer ul li {
  padding: 3px 0;
  list-style-type: none;
}
#footer .buuut {
  margin-top: 60px;
}
#footer .buuut li a {
  font-size: 0.55rem;
  text-transform: uppercase;
  color: #bb8579;
  letter-spacing: 0.5px;
  font-weight: 500;
}
#footer .buuut li a:hover {
  color: #e86036;
}

@media (max-width: 1280px) {
  footer .gradients-primary {
    min-height: 85px;
  }
}
@media (max-width: 768px) {
  #footer h4 {
    margin-top: 40px;
    padding-bottom: 5px;
  }
  #footer ul {
    display: initial;
  }
  #footer ul.social-links {
    display: flex;
  }
  #footer .bottom-bar {
    padding-top: 70px;
  }
}
@media (max-width: 640px) {
  .home #footer {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

/*# sourceMappingURL=main.css.map */