@font-face {
  font-family: 'Manrope';
  src: url(../fonts/manrope/static/Manrope-Light.ttf) format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/manrope/static/Manrope-Regular.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/manrope/static/Manrope-Medium.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/manrope/static/Manrope-SemiBold.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url(../fonts/manrope/static/Manrope-ExtraBold.ttf) format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-font-sans-serif: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-black: #000;
  --bs-white: #fff;
  --bs-main: #1A1A1A;
  --AF821D: #AF821D;
  --6b6b6b: #6b6b6b;
  --6E4A00: #6E4A00;
  --phone: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.086 3.33337H19.914C17.1136 3.33336 14.8955 3.33332 13.1595 3.57079C11.373 3.81517 9.92698 4.33009 8.78661 5.49034C7.64626 6.65059 7.14018 8.12184 6.89998 9.93954C6.66658 11.7058 6.66661 13.9626 6.66663 16.8117V23.1882C6.66661 26.0375 6.66658 28.2944 6.89998 30.0605C7.14018 31.8782 7.64626 33.3495 8.78661 34.5097C9.92698 35.67 11.373 36.1849 13.1595 36.4292C14.8955 36.6667 17.1136 36.6667 19.914 36.6667H20.086C22.8863 36.6667 25.1045 36.6667 26.8405 36.4292C28.627 36.1849 30.073 35.67 31.2133 34.5097C32.3536 33.3495 32.8598 31.8782 33.1 30.0605C33.3333 28.2944 33.3333 26.0375 33.3333 23.1884V16.8119C33.3333 13.9626 33.3333 11.7058 33.1 9.93954C32.8598 8.12184 32.3536 6.65059 31.2133 5.49034C30.073 4.33009 28.627 3.81517 26.8405 3.57079C25.1045 3.33332 22.8863 3.33336 20.086 3.33337ZM14.2857 30.8527C14.2857 30.2105 14.7973 29.69 15.4285 29.69H24.5715C25.2026 29.69 25.7143 30.2105 25.7143 30.8527C25.7143 31.4949 25.2026 32.0155 24.5715 32.0155H15.4285C14.7973 32.0155 14.2857 31.4949 14.2857 30.8527Z' fill='%23B0842C' /%3E%3C/svg%3E");
  --globe: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.37976 18.75C4.01898 10.1291 11.216 3.33337 20.0002 3.33337C18.6155 3.33337 17.3825 3.94039 16.3683 4.86859C15.3591 5.79212 14.5062 7.08134 13.8164 8.60529C13.1226 10.1382 12.5836 11.9312 12.2188 13.8769C11.9264 15.4366 11.7484 17.0809 11.6891 18.75H3.37976ZM3.37976 21.25H11.6891C11.7484 22.9192 11.9264 24.5635 12.2188 26.1232C12.5836 28.0689 13.1226 29.8619 13.8164 31.3947C14.5062 32.9187 15.3591 34.2079 16.3683 35.1315C17.3825 36.0597 18.6155 36.6667 20.0002 36.6667C11.216 36.6667 4.01898 29.871 3.37976 21.25Z' fill='%23B0842C' /%3E%3Cpath d='M20.0002 5.65894C19.5418 5.65894 18.9498 5.85395 18.2612 6.48405C17.5677 7.11879 16.8732 8.1136 16.2598 9.46897C15.6503 10.8154 15.1555 12.4407 14.815 14.257C14.5468 15.6874 14.3804 17.2037 14.322 18.75H25.6785C25.62 17.2037 25.4537 15.6874 25.1855 14.257C24.845 12.4407 24.3502 10.8154 23.7407 9.46897C23.1272 8.1136 22.4328 7.11879 21.7392 6.48405C21.0507 5.85395 20.4585 5.65894 20.0002 5.65894Z' fill='%23B0842C' /%3E%3Cpath d='M14.815 25.743C15.1555 27.5593 15.6503 29.1847 16.2598 30.531C16.8732 31.8865 17.5677 32.8812 18.2612 33.516C18.9497 34.146 19.5418 34.3412 20.0002 34.3412C20.4585 34.3412 21.0507 34.146 21.7392 33.516C22.4328 32.8812 23.1272 31.8865 23.7407 30.531C24.3502 29.1847 24.845 27.5593 25.1855 25.743C25.4537 24.3127 25.62 22.7963 25.6785 21.25H14.322C14.3804 22.7963 14.5468 24.3127 14.815 25.743Z' fill='%23B0842C' /%3E%3Cpath d='M20.0001 3.33337C21.385 3.33337 22.618 3.94039 23.6321 4.86859C24.6415 5.79212 25.4943 7.08134 26.184 8.60529C26.8778 10.1382 27.4168 11.9312 27.7816 13.8769C28.0741 15.4366 28.252 17.0809 28.3113 18.75H36.6206C35.9815 10.1291 28.7845 3.33337 20.0001 3.33337Z' fill='%23B0842C' /%3E%3Cpath d='M27.7816 26.1232C27.4168 28.0688 26.8778 29.8618 26.184 31.3947C25.4943 32.9187 24.6415 34.2078 23.6321 35.1315C22.618 36.0597 21.385 36.6667 20.0001 36.6667C28.7845 36.6667 35.9815 29.871 36.6206 21.25H28.3113C28.252 22.9192 28.0741 24.5635 27.7816 26.1232Z' fill='%23B0842C' /%3E%3C/svg%3E");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  --cursor-left: -1000px;
  --cursor-top: -1000px;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  font-family: var(--bs-body-font-family);
  background: var(--bs-main) url(../images/hero-image.png) no-repeat top/100% auto;
  cursor: default;
}

body::before {
  content: '';
  position: fixed;
  left: var(--cursor-left);
  top: var(--cursor-top);
  z-index: -1;
  border-radius: 50%;
  box-shadow: 0 0 140px 70px var(--6E4A00);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

a {
  color: var(--bs-main);
  text-decoration: none;
  -webkit-transition: visibility 0.15s, opacity 0.15s, color 0.15s, border-color 0.15s, background-color 0.15s;
  transition: visibility 0.15s, opacity 0.15s, color 0.15s, border-color 0.15s, background-color 0.15s;
}

a:hover {
  text-decoration: none;
}

img,
svg {
  vertical-align: middle;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1100px;
  }
}

@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1262px;
  }
}

.row {
  --bs-gutter-x: 32px;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-bottom: var(--bs-gutter-y);
}

.col {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
}

.row-cols-auto > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.row-cols-2 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-4 > * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 25%;
}

.col-auto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

.gx-3 {
  --bs-gutter-x: 12px;
}

.gx-10 {
  --bs-gutter-x: 40px;
}

.gy-x {
  --bs-gutter-y: var(--bs-gutter-x);
}

.d-block {
  display: block;
}

.d-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.d-inline-flex, .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.d-none {
  display: none;
}

.justify-content-center, .btn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-center, .btn {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-fill {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nowrap, .btn {
  white-space: nowrap;
}

.btn {
  border: 0;
  position: relative;
  cursor: pointer;
  padding: 12px 20px;
}

.btn--br {
  border: 2px solid currentColor;
}

.btn--br:hover {
  background-color: var(--AF821D);
  border-color: var(--AF821D);
}

.p-3 {
  padding: 12px;
}

.p-5 {
  padding: 20px;
}

.py-2, .btn--dev {
  padding-top: 8px;
  padding-bottom: 8px;
}

.px-3, .btn--dev {
  padding-left: 12px;
  padding-right: 12px;
}

.py-30 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.mt-3 {
  margin-top: 12px;
}

.mt-5 {
  margin-top: 20px;
}

.mt-6 {
  margin-top: 24px;
}

.mt36 {
  margin-top: 36px;
}

.mt-10 {
  margin-top: 40px;
}

.mt90 {
  margin-top: 90px;
}

.ml-4 {
  margin-left: 16px;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fs-10 {
  font-size: 10px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-28 {
  font-size: 28px;
}

.fs-32 {
  font-size: 32px;
}

.fs-36 {
  font-size: 36px;
}

.fs-48 {
  font-size: 48px;
}

.lh-0 {
  line-height: 0;
}

.lh-1 {
  line-height: 1;
}

.lh-1_2 {
  line-height: 1.2;
}

.lh-1_35 {
  line-height: 1.35;
}

.lh-1_3125 {
  line-height: 1.3125;
}

.lh-1_4 {
  line-height: 1.4;
}

.ico, .ico2 {
  vertical-align: middle;
}

.ico::before, .ico2::before {
  content: '';
  display: block;
  width: 1em;
  height: 1em;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ico-phone::before {
  background-image: var(--phone);
  -webkit-mask-image: var(--phone);
  mask-image: var(--phone);
}

.ico-globe::before {
  background-image: var(--globe);
  -webkit-mask-image: var(--globe);
  mask-image: var(--globe);
}

.ico::before {
  -webkit-mask-image: none;
  mask-image: none;
}

.ico2::before {
  background-image: none;
  background-color: currentColor;
}

.ico-40 {
  font-size: 40px;
}

.upper {
  text-transform: uppercase;
}

.white {
  color: var(--bs-white);
}

.af821d {
  color: var(--AF821D);
}

.af821d-hover:hover {
  color: var(--AF821D);
}

.bg-af821d {
  background-color: var(--AF821D);
}

.header {
  padding-top: 48px;
  padding-bottom: 120px;
}

.header .btn--dev {
  padding: 10px 16px;
  margin-left: 30px;
  cursor: default;
}

.header .content {
  margin-top: 90px;
}

.plate {
  border: 1px solid var(--6b6b6b);
}

.plate:hover {
  border-color: var(--AF821D);
}

@media (min-width: 769px) {
  .d-md-block {
    display: block;
  }

  .d-md-none {
    display: none;
  }

  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .gx-md-10 {
    --bs-gutter-x: 40px;
  }

  .p-md-5 {
    padding: 20px;
  }

  .mt-md-6 {
    margin-top: 24px;
  }

  .mt-md-10 {
    margin-top: 40px;
  }

  .mt-md-0 {
    margin-top: 0;
  }

  .fs-md-20 {
    font-size: 20px;
  }

  .fs-md-28 {
    font-size: 28px;
  }

  .fs-md-32 {
    font-size: 32px;
  }

  .fs-md-36 {
    font-size: 36px;
  }

  .fs-md-48 {
    font-size: 48px;
  }
}

@media (min-width: 992px) {
  .row-cols-lg-2 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .row-cols-xl-4 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (max-width: 991px) {
  .logo-full {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .header {
    padding-bottom: 30px;
  }

  .logo {
    width: 150px;
  }

  .qr-code {
    width: 100px;
  }
}