/* @supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .gap-x-2 > *:not(:last-child) {
    margin-right: 8px;
  }
  .gap-y-2 > *:not(:last-child) {
    margin-bottom: 8px;
  }
  .gap-x-3 > *:not(:last-child) {
    margin-right: 12px;
  }
  .gap-y-3 > *:not(:last-child) {
    margin-bottom: 12px;
  }
  .gap-x-4 > *:not(:last-child) {
    margin-right: 16px;
  }
  .gap-y-4 > *:not(:last-child) {
    margin-bottom: 16px;
  }
  .gap-x-5 > *:not(:last-child) {
    margin-right: 32px;
  }
  .gap-y-5 > *:not(:last-child) {
    margin-bottom: 32px;
  }
  .gap-x-6 > *:not(:last-child) {
    margin-right: 24px;
  }
  .gap-y-6 > *:not(:last-child) {
    margin-bottom: 24px;
  }
  .gap-x-7 > *:not(:last-child) {
    margin-right: 28px;
  }
  .gap-y-7 > *:not(:last-child) {
    margin-bottom: 28px;
  }
  .gap-x-8 > *:not(:last-child) {
    margin-right: 32px;
  }
  .gap-y-8 > *:not(:last-child) {
    margin-bottom: 32px;
  }
  .gap-x-9 > *:not(:last-child) {
    margin-right: 36px;
  }
  .gap-y-9 > *:not(:last-child) {
    margin-bottom: 36px;
  }
  .gap-x-10 > *:not(:last-child) {
    margin-right: 40px;
  }
  .gap-y-10 > *:not(:last-child) {
    margin-bottom: 40px;
  }
  .gap-x-11 > *:not(:last-child) {
    margin-right: 44px;
  }
  .gap-y-11 > *:not(:last-child) {
    margin-bottom: 44px;
  }
  .gap-x-12 > *:not(:last-child) {
    margin-right: 48px;
  }
  .gap-y-12 > *:not(:last-child) {
    margin-bottom: 48px;
  }
  .gap-x-14 > *:not(:last-child) {
    margin-right: 56px;
  }
  .gap-y-14 > *:not(:last-child) {
    margin-bottom: 56px;
  }
  .gap-x-16 > *:not(:last-child) {
    margin-right: 56px;
  }
  .gap-y-16 > *:not(:last-child) {
    margin-bottom: 56px;
  }
  .gap-x-20 > *:not(:last-child) {
    margin-right: 80px;
  }
  .gap-y-20 > *:not(:last-child) {
    margin-bottom: 80px;
  }
  .gap-x-24 > *:not(:last-child) {
    margin-right: 96px;
  }
  .gap-y-24 > *:not(:last-child) {
    margin-bottom: 96px;
  }
  .gap-x-28 > *:not(:last-child) {
    margin-right: 96px;
  }
  .gap-y-28 > *:not(:last-child) {
    margin-bottom: 96px;
  }
  .gap-x-32 > *:not(:last-child) {
    margin-right: 128px;
  }
  .gap-y-32 > *:not(:last-child) {
    margin-bottom: 128px;
  }
  .gap-x-36 > *:not(:last-child) {
    margin-right: 144px;
  }
  .gap-y-36 > *:not(:last-child) {
    margin-bottom: 144px;
  }
} */

html {
  overflow-x: hidden;
}

body {
  background: #f7f7f7;
  font-family: "Helvetica Neue" !important;
}

button:hover {
  background: #695b43;
}

/* h1 {
    font-size: 45px;
  } */
.bg-light {
  background: #ffffff;
}
.bg-card-step {
  background: #f7f7f7;
}
.bg-secondary {
  background: #89978b;
}

.bg-primary {
  background: #b49759;
}

.bg-quaternary {
  background: #6b836f;
}

.bg-quinary {
  background: #6d8671;
}

.text-primary {
  color: #b49759;
}

.text-secondary {
  color: #d9d9d9;
}

.text-thirtiary {
  color: #797979;
}

.text-quinary {
  color: #6d8671;
}

.text-quaternary {
  color: #6b836f;
}

.text-color-custom-1 {
  color: #4b4b4b;
}

.text-color-custom-2 {
  color: #808080;
}

.border-primary {
  border-color: #b49759;
}

.border-quinary {
  border-color: #6d8671;
}

.text-dark {
  color: #c6c6c6;
}

.border-light-grey {
  border-color: #707070;
}

.custom-shadow {
  -webkit-box-shadow: 15px 15px 15px -3px rgba(0, 0, 0, 0.29);
  box-shadow: 15px 15px 15px -3px rgba(0, 0, 0, 0.29);
}

#cookie-banner {
  position: fixed;
  bottom: 20px;
  width: 60%;
  z-index: 999;
  left: 20%;
}

#cookie-banner h4 {
  font-size: 20px;
  font-weight: 700;
}

.EvjIIpBybRxh9ht5Pu7_.nI_zoWhcrj_usnPrutGy {
  margin-top: 0px !important;
}

/* Mobile */
@media (max-width: 768px) {
  #cookie-paragraph {
    font-size: 12px !important;
  }
  #cookie-button {
    font-size: 12px !important;
  }
  #cookie-banner {
    width: 80% !important;
    left: 10% !important;
  }
}
/* Mobile */

/* 1024 */
@media (min-width: 1024px) and (max-width: 1279px) {
  #cookie-paragraph {
    font-size: 12px !important;
  }
  #cookie-banner {
    width: 90% !important;
    left: 5% !important;
  }
}
/* /1024 */

/* 1280 */
@media (min-width: 1280px) and (max-width: 1439px) {
  #cookie-banner {
    width: 70% !important;
    left: 15% !important;
  }
  #cookie-button {
    font-size: 12px !important;
  }

  #cookie-paragraph {
    font-size: 12px;
  }
  /* #cookie-button {
    font-size: 14px;
  } */
}
/* /1280 */

/* 1440 */
@media (min-width: 1440px) and (max-width: 1919px) {
  #cookie-banner {
    width: 70% !important;
    left: 15% !important;
  }
}
/* /1440 */

.font-hind {
  font-family: Hind!important;
}