/* ===== CSS Custom Properties ===== */
:root {
  --primary-color: rgb(250, 197, 41);
  --primary-hover-color: rgba(233, 176, 5, 1);
  --primary-rgb-vals: 250, 197, 41;
  --dark-color: rgb(44, 33, 1);
  --paragraph-color: rgb(52, 57, 63);
  --border-color: rgb(219, 216, 209);
  --background-color: rgb(250, 250, 248);
  --background-alt-color: rgb(247, 246, 241);
  --light-color: rgb(250, 250, 249);
  --h-font-weight: 700;
  --lh-hero: 0.99;
  --lh-h1: 1.04;
  --lh-h2: 1.05;
  --lh-h3: 1.15;
  --lh-h4: 1.265;
  --lh-h5: 1.39;
  --lh-h6: 1.495;
  --lh-xs: 1.68;
  --lh-sm: 1.68;
  --lh-base: 1.61;
  --lh-lg: 1.54;
  --lh-xl: 1.495;
  --lh-2xl: 1.39;
  --lh-3xl: 1.33;
  --lh-4xl: 1.15;
  --lh-5xl: 1.1;
  --lh-6xl: 1;
  --lh-7xl: 0.98;
  --lh-8xl: 0.98;
  --lh-9xl: 0.98;
}

/* Accessible link color for body content (brand yellow fails WCAG AA on white) */
.page-content a {
  color: #333;
  text-decoration: underline;
}
.page-content a:hover {
  color: #000;
}

/* Responsive images */
img:is([sizes="auto" i], [sizes^="auto," i]) {
  contain-intrinsic-size: 3000px 1500px;
}

/* ===== Normalize & Foundation ===== */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
  overflow: visible;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
progress,
sub,
sup {
  vertical-align: baseline;
}
[type="checkbox"],
[type="radio"],
legend {
  box-sizing: border-box;
  padding: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}

/* General */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
*,
::after,
::before {
  box-sizing: inherit;
}
body {
  font-family: "montserrat", sans-serif;
  font-size: clamp(
    1rem,
    calc(1rem + (1.7 - 1.6) * (100vw - 30rem) / 64),
    1.0625rem
  );
  font-weight: 400;
  color: var(--paragraph-color);
  overflow-x: hidden;
}

/* Navigation */
.nav-menu-list {
  display: flex;
  padding: 0;
  margin: 0;
}
.nav-menu .nav-menu-list li.menu-item {
  list-style-type: none;
  display: flex;
  flex-direction: column;
}
.nav-menu .nav-menu-list li.menu-item a {
  text-decoration: none;
  border-style: solid;
  border-width: 0;
  transition-timing-function: ease-in-out;
  transition-property: background-color, color, border-color;
  border-color: transparent;
}
.nav-menu .nav-menu-list li.current-menu-item > a,
.nav-menu .nav-menu-list li.menu-item:focus-within > a,
.nav-menu .nav-menu-list li.menu-item:hover > a {
  border-color: currentColor;
}
.nav-menu .menu-item,
.nav-menu .sub-menu {
  position: relative;
}
.nav-menu .menu-item .sub-menu {
  padding: 0;
  flex-direction: column;
  white-space: nowrap;
  transition-timing-function: ease-in-out;
  transition-property: visibility, opacity;
  visibility: hidden;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 100%;
}
.nav-menu .sub-menu .sub-menu,
.nav-menu.nav-menu-vertical .sub-menu {
  left: 100%;
  top: 0;
}
.nav-menu .menu-item:hover > .sub-menu,
.nav-menu .menu-item:focus-within > .sub-menu {
  visibility: visible;
  opacity: 1;
}
.nav-menu .sub-menu li.menu-item {
  flex-direction: column;
}
.nav-toggle {
  cursor: pointer;
  display: none;
}
.nav-menu.nav-menu-open {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: auto;
  z-index: 2147483642 !important;
  background-color: #fff;
}
.nav-menu.nav-menu-open > div:last-child {
  max-height: 100%;
  overflow: auto;
  padding-top: 2em;
  padding-bottom: 2em;
  width: 100%;
}
.nav-prevent-overflow {
  overflow: hidden;
  height: 100%;
}
.nav-menu.nav-menu-open .nav-toggle {
  display: initial;
}
.nav-menu.nav-menu-open .nav-menu-list {
  flex-direction: column !important;
  width: 100%;
}
.nav-menu.nav-menu-open .nav-menu-list .menu-item a {
  text-align: center;
  border: 0 !important;
  background-color: transparent !important;
  justify-content: center;
}
.nav-menu.nav-menu-open .nav-hamburger-wrap {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.nav-menu:not(.nav-menu-open) .sub-menu {
  background-color: #fff;
  z-index: 2147483641;
}
.nav-menu.nav-menu-open .menu-item .sub-menu,
.nav-menu.nav-menu-open .menu-item-has-children > a::after {
  display: none;
}
.nav-menu.nav-menu-open.nav-responsive-dropdowns .menu-item .sub-menu {
  display: flex;
  position: static;
  animation-name: none;
  visibility: visible;
  opacity: 1;
  transition-duration: 0s !important;
}
.nav-menu.nav-menu-open a:not([href]) {
  display: none;
}
.nav-hamburger-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-hamburger {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.nav-hamburger-line {
  border-radius: 2px;
}
.nav-menu-open .nav-hamburger {
  transform: rotate(45deg);
}
.nav-menu-open .nav-hamburger .nav-hamburger-line {
  display: none;
}
.nav-menu-open .nav-hamburger .nav-hamburger-line:first-child {
  display: initial;
  position: relative;
}
.nav-menu-open .nav-hamburger .nav-hamburger-line:last-child {
  display: initial;
  position: relative;
  transform: rotate(90deg);
}
.nav-menu .menu-item a {
  display: flex;
  align-items: center;
}
.nav-menu.nav-menu-vertical .menu-item a {
  flex-direction: row;
}
.nav-dropdowns.nav-dropdown-arrow .menu-item-has-children > a::after {
  width: 0.35em;
  height: 0.35em;
  margin-left: 0.5em;
  border-right: 0.1em solid;
  border-top: 0.1em solid;
  transform: rotate(135deg);
  content: "";
}
.nav-dropdowns.nav-dropdown-arrow .sub-menu .menu-item-has-children > a::after,
.nav-dropdowns.nav-dropdown-arrow.nav-menu-vertical
  .menu-item-has-children
  > a::after {
  transform: rotate(45deg);
}

/* ============================================
   Universal component styles
   ============================================ */
.section {
  width: 100%;
  background-size: cover;
  background-repeat: repeat;
}
.div-block {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
}
.cta-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.qr-image {
  max-width: 100%;
}
.icon > svg {
  width: 55px;
  height: 55px;
  fill: currentColor;
  vertical-align: middle;
}
.page-content {
  width: 100%;
}
.card-grid {
  width: 100%;
}

.section-inner {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  min-height: inherit;
  max-width: 1168px;
  padding-top: clamp(2.5rem, calc(2.5rem + (1vw - 0.2rem) * 1.47), 3.125rem);
  padding-right: 1.5rem;
  padding-bottom: clamp(2.5rem, calc(2.5rem + (1vw - 0.2rem) * 1.47), 3.125rem);
  padding-left: 1.5rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat";
  font-weight: var(--h-font-weight);
  color: var(--dark-color);
}
h1 {
  font-size: var(--h1);
  line-height: var(--lh-h1);
}
h2 {
  font-size: var(--h2);
  line-height: var(--lh-h2);
}
h3 {
  font-size: var(--h3);
  line-height: var(--lh-h3);
}
h4 {
  font-size: var(--h4);
  line-height: var(--lh-h4);
}
h5 {
  font-size: var(--h5);
  line-height: var(--lh-h5);
}
h6 {
  font-size: var(--h6);
  line-height: var(--lh-h6);
}
.section-inner > h2 {
  text-align: center;
}
p {
  color: var(--paragraph-color);
}
a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .mobile-cta-link {
    border-radius: 29px;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%;
    text-align: center;
    border-top-color: #1a73e8;
    border-right-color: #1a73e8;
    border-bottom-color: #1a73e8;
    border-left-color: #1a73e8;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
  }
  .mobile-cta-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-decoration: none;
  }
}

@media (max-width: 479px) {
  .mobile-cta-link {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@media (max-width: 767px) {
  .mobile-cta-text {
    color: #000000;
    font-size: 24px;
    letter-spacing: -1px;
  }
}

@media (max-width: 479px) {
  .mobile-cta-text {
    font-size: 19px;
  }
}

.btn-primary:hover {
  background-color: var(--primary-hover-color);
  box-shadow: 0 8px 9px rgb(var(--primary-rgb-vals), 25%);
}
.btn-primary {
  background-color: var(--primary-color);
  color: var(--light-color);
  transition-duration: 0.4s;
  transition-property: all;
  box-shadow: 0 4px 9px rgb(var(--primary-rgb-vals), 20%);
}
.btn-primary {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mr-3 {
  margin-right: clamp(
    0.525rem,
    calc(0.525rem + ((1vw - 0.2rem) * 0.45)),
    0.75rem
  );
}
.icon-sm-light {
  color: var(--light-color);
}
.icon-sm-light > svg {
  width: 16px;
  height: 16px;
}
.w-full {
  width: 100%;
}
.btn-icon:hover {
  background-color: #d8b713;
}
.btn-icon {
  padding-top: 8px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  transition-duration: 0.3s;
  border-radius: 5px;
  background-color: #fac528;
  border-top-color: #fac528;
  border-right-color: #fac528;
  border-bottom-color: #fac528;
  border-left-color: #fac528;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
}
.btn-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.get-quote-button {
  width: 100%;
  font-size: 26px;
  justify-content: center;
  text-align: center;
}
.btn-icon-svg {
  color: #000000;
}
.btn-icon-svg > svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  vertical-align: middle;
}
.btn-icon-svg {
  margin-right: 8px;
}
.btn-label {
  color: #000000;
  font-weight: 700;
}
.polaroid-frame {
  text-align: center;
  border-radius: 4px;
  border: 1px solid #e2e2e2;
  padding: 8px;
  background-color: #ffffff;
  overflow: hidden;
}
.polaroid-frame {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .polaroid-frame {
    width: 30%;
  }
}

@media (max-width: 479px) {
  .polaroid-frame {
    width: 45%;
  }
}

.boxshadow {
  box-shadow:
    0 6.7px 5.3px rgba(0, 0, 0, 0.028),
    0 22.3px 17.9px rgba(0, 0, 0, 0.042),
    0 100px 80px rgba(0, 0, 0, 0.07);
}
.recent-cars-photos {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2px;
}

.ready-to-donate-subline {
  line-height: 1.2;
}

.hero-button {
  color: #333333;
}
.hero-button > svg {
  width: 27px;
  height: 27px;
  fill: currentColor;
  vertical-align: middle;
}
.hero-button {
  font-size: 24px;
}

/* Phone/call outline button — white on dark backgrounds */
.btn-outline-call {
  background-color: rgba(255, 216, 21, 0);
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
  margin-right: 16px;
}
.btn-outline-call {
  color: #ffffff;
}
.btn-outline-call .btn-label {
  color: #ffffff;
}
.btn-outline-call .btn-icon-svg,
.btn-outline-call .icon {
  color: #ffffff;
}
.btn-outline-call:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

/* Phone/call outline button — dark on light backgrounds */
.btn-outline-call-dark {
  background-color: rgba(255, 216, 21, 0);
  border-top-color: #000000;
  border-right-color: #000000;
  border-bottom-color: #000000;
  border-left-color: #000000;
}
.btn-outline-call-dark .btn-label {
  color: #000000;
}
.btn-outline-call-dark .btn-icon-svg,
.btn-outline-call-dark .icon {
  color: #000000;
  margin-right: 5px;
}
.btn-outline-call-dark .btn-icon-svg > svg {
  width: 27px;
  height: 27px;
  fill: currentColor;
  vertical-align: middle;
}
.btn-outline-call-dark:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* CTA "Get a Free Quote" block */
.cta-text-col {
  position: relative;
  max-width: 378px;
  justify-content: center;
}
.cta-text-col > h3:first-child {
  font-weight: 700;
  font-size: 36px;
}
.cta-text-col .ready-to-donate-subline {
  font-size: 22px;
}
.cta-arrow {
  position: absolute;
  left: 86%;
  top: 50%;
  width: 69px;
}

@media (max-width: 767px) {
  .hero-button > svg {
    width: 20px;
    height: 20px;
  }
  .hero-button {
    font-size: 17px;
  }
}
@media (max-width: 479px) {
  .btn-outline-call {
    margin-right: 0px;
  }
}

.test-wrapper {
  max-width: 720px;
  width: 100%;
  background-color: #ffffff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-bottom: 24px;
  margin-left: 10px;
  margin-right: 10px;
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 20px;
  break-inside: avoid;
}
.roundedcorners {
  border-radius: 4px;
}
.roundedcorners {
  display: flex;
}
.test-text {
  text-align: left;
  color: #666666;
}
.test-image-mobile {
  border-radius: 100%;
  width: 60px;
  margin-right: 24px;
  height: 60px;
}
@media (max-width: 991px) {
  .test-image-mobile {
    margin-top: 10px;
  }
  .test-image-mobile {
    display: block;
  }
}

@media (max-width: 767px) {
  .test-image-mobile {
    display: block;
  }
}

.test-rating-mobile-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 4px;
}
@media (max-width: 767px) {
  .test-rating-mobile-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}

.test-source-image {
  float: right;
}
.test-source-image {
  display: inline;
}
@media (max-width: 479px) {
  .test-source-image {
    display: block;
  }
}

.bg {
  background-color: var(--background-color);
}
.items-center {
  align-items: center;
}
.text-center {
  text-align: center;
}
.h3 {
  font-size: var(--h3);
  font-weight: var(--h-font-weight);
  line-height: var(--lh-h3);
}
.mb-4 {
  margin-bottom: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.6)), 1rem);
}
.mb-2 {
  margin-bottom: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.3)), 0.5rem);
}
.font-semibold {
  font-weight: 600;
}
.mb-6 {
  margin-bottom: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
}
.horizontal {
  display: flex;
  flex-direction: row;
}
.shadow {
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.1),
    0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.text-left {
  text-align: left;
}
.p-8 {
  padding-top: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-left: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-right: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-bottom: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
}
.mr-4 {
  margin-right: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.6)), 1rem);
}
.btn-m:hover {
  transform: translateY(-5px);
}
.btn-m {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 0.375rem;
  transition-duration: 0.4s;
  transition-property: all;
  text-decoration: none;
}
@media (max-width: 1168px) {
  .btn-m {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

@media (max-width: 767px) {
  .btn-m {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 479px) {
  .btn-m {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    width: 100%;
  }
}

.mr-2 {
  margin-right: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.3)), 0.5rem);
}
.icon-list {
  gap: 5px;
}
.icon-list {
  gap: 5px;
}
.h4 {
  font-size: var(--h4);
  font-weight: var(--h-font-weight);
  line-height: var(--lh-h4);
}
.h-full {
  height: 100%;
}
.px-6 {
  padding-left: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
  padding-right: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
}
.py-8 {
  padding-top: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-bottom: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
}
.h1 {
  font-size: var(--h1);
  font-weight: var(--h-font-weight);
  line-height: var(--lh-h1);
}
.uppercase {
  text-transform: uppercase;
}
.mb-1 {
  margin-bottom: clamp(
    0.175rem,
    calc(0.175rem + ((1vw - 0.2rem) * 0.15)),
    0.25rem
  );
}

.card-normal {
  width: 100%;
  padding-left: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-right: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-bottom: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  padding-top: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
  border-radius: 0.3125rem;
}
.icon-xl-primary {
  color: var(--primary-color);
}
.icon-xl-primary > svg {
  width: 32px;
  height: 32px;
}
.px-3 {
  padding-left: clamp(
    0.525rem,
    calc(0.525rem + ((1vw - 0.2rem) * 0.45)),
    0.75rem
  );
  padding-right: clamp(
    0.525rem,
    calc(0.525rem + ((1vw - 0.2rem) * 0.45)),
    0.75rem
  );
}
.h2 {
  font-size: var(--h2);
  font-weight: var(--h-font-weight);
  line-height: var(--lh-h2);
}
.rounded {
  border-radius: 0.25rem;
}
.border-b {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.cursor-pointer {
  cursor: pointer;
}
.h-screen {
  height: 100vh;
}
.ml-2 {
  margin-left: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.3)), 0.5rem);
}
.mt-3 {
  margin-top: clamp(
    0.525rem,
    calc(0.525rem + ((1vw - 0.2rem) * 0.45)),
    0.75rem
  );
}
.mt-5 {
  margin-top: clamp(
    0.875rem,
    calc(0.875rem + ((1vw - 0.2rem) * 0.75)),
    1.25rem
  );
}
.mt-6 {
  margin-top: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
}
.mt-8 {
  margin-top: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.2)), 2rem);
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.p-1 {
  padding-top: clamp(
    0.175rem,
    calc(0.175rem + ((1vw - 0.2rem) * 0.15)),
    0.25rem
  );
  padding-left: clamp(
    0.175rem,
    calc(0.175rem + ((1vw - 0.2rem) * 0.15)),
    0.25rem
  );
  padding-right: clamp(
    0.175rem,
    calc(0.175rem + ((1vw - 0.2rem) * 0.15)),
    0.25rem
  );
  padding-bottom: clamp(
    0.175rem,
    calc(0.175rem + ((1vw - 0.2rem) * 0.15)),
    0.25rem
  );
}
.p-2 {
  padding-top: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.3)), 0.5rem);
  padding-left: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.3)), 0.5rem);
  padding-right: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.3)), 0.5rem);
  padding-bottom: clamp(
    0.35rem,
    calc(0.35rem + ((1vw - 0.2rem) * 0.3)),
    0.5rem
  );
}
.p-4 {
  padding-top: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.6)), 1rem);
  padding-left: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.6)), 1rem);
  padding-right: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.6)), 1rem);
  padding-bottom: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.6)), 1rem);
}
.p-6 {
  padding-top: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
  padding-left: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
  padding-right: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.9)), 1.5rem);
  padding-bottom: clamp(
    1.05rem,
    calc(1.05rem + ((1vw - 0.2rem) * 0.9)),
    1.5rem
  );
}
.p-12 {
  padding-top: clamp(2.1rem, calc(2.1rem + ((1vw - 0.2rem) * 1.8)), 3rem);
  padding-left: clamp(2.1rem, calc(2.1rem + ((1vw - 0.2rem) * 1.8)), 3rem);
  padding-right: clamp(2.1rem, calc(2.1rem + ((1vw - 0.2rem) * 1.8)), 3rem);
  padding-bottom: clamp(2.1rem, calc(2.1rem + ((1vw - 0.2rem) * 1.8)), 3rem);
}
.pb-2 {
  padding-bottom: clamp(
    0.35rem,
    calc(0.35rem + ((1vw - 0.2rem) * 0.3)),
    0.5rem
  );
}
.tracking-wide {
  letter-spacing: 0.0313rem;
}
.vertical {
  display: flex;
  flex-direction: column;
}
.flex {
  display: flex;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.items-start {
  display: flex;
  align-items: flex-start;
}
.hidden {
  display: none;
}
.font-medium {
  font-weight: 500;
}
.bg-alt {
  background-color: var(--background-alt-color);
}

.footer-links {
  margin-bottom: 5px;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fluid typography — pre-computed from Oxygen's type scale */

:root {
  --h1: clamp(
    2.986rem,
    calc(2.986rem + (6.4849853515625 - 4.7775744) * (100vw - 30rem) / 64),
    4.0531rem
  );
  --h2: clamp(
    2.4883rem,
    calc(2.4883rem + (5.18798828125 - 3.981312) * (100vw - 30rem) / 64),
    3.2425rem
  );
  --h3: clamp(
    2.0736rem,
    calc(2.0736rem + (4.150390625 - 3.31776) * (100vw - 30rem) / 64),
    2.594rem
  );
  --h4: clamp(
    1.728rem,
    calc(1.728rem + (3.3203125 - 2.7648) * (100vw - 30rem) / 64),
    2.0752rem
  );
  --h5: clamp(
    1.44rem,
    calc(1.44rem + (2.65625 - 2.304) * (100vw - 30rem) / 64),
    1.6602rem
  );
  --h6: clamp(
    1.2rem,
    calc(1.2rem + (2.125 - 1.92) * (100vw - 30rem) / 64),
    1.3281rem
  );
  --hero: clamp(
    3.5832rem,
    calc(3.5832rem + (8.1062316894531 - 5.73308928) * (100vw - 30rem) / 64),
    5.0664rem
  );
  --text-xs: 0.9375rem;
  --text-sm: 0.9375rem;
  --text-base: clamp(
    1rem,
    calc(1rem + (1.7 - 1.6) * (100vw - 30rem) / 64),
    1.0625rem
  );
  --text-lg: clamp(
    1.125rem,
    calc(1.125rem + (1.9125 - 1.8) * (100vw - 30rem) / 64),
    1.1953rem
  );
  --text-xl: clamp(
    1.25rem,
    calc(1.25rem + (2.125 - 2) * (100vw - 30rem) / 64),
    1.3281rem
  );
  --text-2xl: clamp(
    1.5rem,
    calc(1.5rem + (2.55 - 2.4) * (100vw - 30rem) / 64),
    1.5938rem
  );
  --text-3xl: clamp(
    1.75rem,
    calc(1.75rem + (2.975 - 2.8) * (100vw - 30rem) / 64),
    1.8594rem
  );
  --text-4xl: clamp(
    2.25rem,
    calc(2.25rem + (3.825 - 3.6) * (100vw - 30rem) / 64),
    2.3906rem
  );
  --text-5xl: clamp(
    2.75rem,
    calc(2.75rem + (4.675 - 4.4) * (100vw - 30rem) / 64),
    2.9219rem
  );
  --text-6xl: clamp(
    3.5rem,
    calc(3.5rem + (5.95 - 5.6) * (100vw - 30rem) / 64),
    3.7188rem
  );
  --text-7xl: clamp(
    4.25rem,
    calc(4.25rem + (7.225 - 6.8) * (100vw - 30rem) / 64),
    4.5156rem
  );
  --text-8xl: clamp(
    5.75rem,
    calc(5.75rem + (9.775 - 9.2) * (100vw - 30rem) / 64),
    6.1094rem
  );
  --text-9xl: clamp(
    7rem,
    calc(7rem + (11.9 - 11.2) * (100vw - 30rem) / 64),
    7.4375rem
  );
}
.hero {
  font-size: var(--hero);
  line-height: var(--lh-hero);
}
.h4 {
  font-size: var(--h4);
  line-height: var(--lh-h4);
  font-weight: var(--h-font-weight);
}

.text-xs {
  font-size: var(--text-xs);
  line-height: var(--lh-xs);
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--lh-sm);
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--lh-base);
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--lh-lg);
}
.text-xl {
  font-size: var(--text-xl);
  line-height: var(--lh-xl);
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--lh-2xl);
}

/* Ending of fluid typography settings */

.btn-m .icon svg {
  height: 16px;
  width: 16px;
}

/* For <a> tag color */

.grid {
  display: grid;
}
.gap-2 {
  gap: 0.5rem;
  gap: clamp(0.35rem, calc(0.35rem + ((1vw - 0.2rem) * 0.2857)), 0.5rem);
}
.gap-4 {
  gap: 1rem;
  gap: clamp(0.7rem, calc(0.7rem + ((1vw - 0.2rem) * 0.5714)), 1rem);
}
.gap-6 {
  gap: 1.5rem;
  gap: clamp(1.05rem, calc(1.05rem + ((1vw - 0.2rem) * 0.8571)), 1.5rem);
}
.gap-8 {
  gap: 2rem;
  gap: clamp(1.4rem, calc(1.4rem + ((1vw - 0.2rem) * 1.1429)), 2rem);
}
.gap-12 {
  gap: 3rem;
  gap: clamp(2.1rem, calc(2.1rem + ((1vw - 0.2rem) * 1.7143)), 3rem);
}
.row-gap-12 {
  row-gap: 3rem;
  row-gap: clamp(2.1rem, calc(2.1rem + ((1vw - 0.2rem) * 1.7143)), 3rem);
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section[class*="overlay-"] .section-inner {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 991px) {
  .lg-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .lg-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .md-grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
#menu-main-menu .sub-menu {
  border-radius: 6px;
}

#menu-main-menu .sub-menu li:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#menu-main-menu .sub-menu li:last-child a {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.highlighted {
  background-color: #ffff00;
  color: black;
}

#testimonials .card-grid {
  column-count: 2;
  column-gap: 20px;
}

@media (max-width: 767px) {
  #testimonials .card-grid {
    column-count: 1;
  }
}

#testimonials .card-grid p::before {
  content: open-quote;
}

#testimonials .card-grid p::after {
  content: close-quote;
}

.swiper-button-next,
.swiper-button-prev {
  color: white;
}

:root {
  --swiper-theme-color: white;
}
