/* Box sizing rules */
*,
*::before,
*::after {
  margin: var(--spacing-0);
  padding: var(--spacing-0);
  box-sizing: border-box;
  letter-spacing: initial;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

html,
body,
div,
span,
section,
p,
a,
img,
ol,
ul,
li,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
input,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd option {
  padding: var(--spacing-0);
  margin: var(--spacing-0);
  border: var(--spacing-0);
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ol,
ul {
  list-style: var(--properties-none);
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* A elements that don't have a class get default styles */
a {
  text-decoration: var(--properties-none);
  display: inline-block;
}

/* Make images easier to work with */
img,
picture {
  max-width: var(--spacing-full);
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
}

/*convert px to vw*/
/* fonts */
@font-face {
  font-family: "SF Pro Display";
  src: url("../../fonts/SFProDisplay-Heavy.eot");
  src: url("../../fonts/SFProDisplay-Heavy.eot?#iefix") format("embedded-opentype"), url("../../fonts/SFProDisplay-Heavy.woff2") format("woff2"), url("../../fonts/SFProDisplay-Heavy.woff") format("woff"), url("../../fonts/SFProDisplay-Heavy.ttf") format("truetype"), url("../../fonts/SFProDisplay-Heavy.svg#SFProDisplay-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../../fonts/SFProDisplay-Light.eot");
  src: url("../../fonts/SFProDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/SFProDisplay-Light.woff2") format("woff2"), url("../../fonts/SFProDisplay-Light.woff") format("woff"), url("../../fonts/SFProDisplay-Light.ttf") format("truetype"), url("../../fonts/SFProDisplay-Light.svg#SFProDisplay-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../../fonts/SFProDisplay-Medium.eot");
  src: url("../../fonts/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/SFProDisplay-Medium.woff2") format("woff2"), url("../../fonts/SFProDisplay-Medium.woff") format("woff"), url("../../fonts/SFProDisplay-Medium.ttf") format("truetype"), url("../../fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../../fonts/SFProDisplay-Regular.eot");
  src: url("../../fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("../../fonts/SFProDisplay-Regular.woff") format("woff"), url("../../fonts/SFProDisplay-Regular.ttf") format("truetype"), url("../../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../../fonts/SFProDisplay-Bold.eot");
  src: url("../../fonts/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/SFProDisplay-Bold.woff2") format("woff2"), url("../../fonts/SFProDisplay-Bold.woff") format("woff"), url("../../fonts/SFProDisplay-Bold.ttf") format("truetype"), url("../../fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../../fonts/SFProDisplay-Semibold.eot");
  src: url("../../fonts/SFProDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("../../fonts/SFProDisplay-Semibold.woff2") format("woff2"), url("../../fonts/SFProDisplay-Semibold.woff") format("woff"), url("../../fonts/SFProDisplay-Semibold.ttf") format("truetype"), url("../../fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
button {
  border: none;
  background-color: var(--color-transparent);
}

body {
  background: var(--color-white);
  color: var(--color-primary);
  font-family: var(--family);
  font-weight: var(--weight-4);
  font-size: var(--spacing-md);
  line-height: var(--spacing-30);
}

:root {
  /* Colors */
  --color-primary: #F9A624;
  --color-secondary: #1C1C1C;
  --color-secondary-dark: #14142A;
  --color-black-light: #222222;
  --color-gray: #5A5A5A;
  --color-gray-light: #F9F9F9;
  --color-graylight: #f2f2f2;
  --color-default: #D9D9D9;
  --color-gray-offside: #E5E5E5;
  --color-gray-outside: #CCCCCC;
  --color-gray-outside-light: #C7C7CC;
  --color-gray-dark: #868585;
  --color-white: #ffffff;
  --color-yellow: #FFF200;
  --color-warning: #F7941D;
  --color-danger: #EF4136;
  --color-black-rgb10: rgba(0, 0, 0, 0.10);
  --color-black-rgb06: rgba(0, 0, 0, 0.06);
  --color-black-rgb20: rgba(0, 0, 0, 0.20);
  --color-secondary-rgb20: rgba(28, 28, 28, 0.20);
  --color-secondary-rgb50: rgba(28, 28, 28, 0.50);
  --color-gray-dark-rgb40: rgba(196, 196, 196, 0.40);
  --color-transparent: transparent;
  /* Spacing */
  --spacing-0: 0rem;
  --spacing-1: 0.063rem;
  --spacing-2: 0.125rem;
  --spacing-3: 0.188rem;
  --spacing-xs: 0.25rem;
  --spacing-5: 0.313rem;
  --spacing-6: 0.375rem;
  --spacing-7: 0.438rem;
  --spacing-sm: 0.5rem;
  --spacing-9: 0.563rem;
  --spacing-10: 0.625rem;
  --spacing-11: 0.688rem;
  --spacing-12: 0.75rem;
  --spacing-13: 0.813rem;
  --spacing-14: 0.875rem;
  --spacing-15: 0.938rem;
  --spacing-md: 1rem;
  --spacing-17: 1.063rem;
  --spacing-18: 1.125rem;
  --spacing-19: 1.188rem;
  --spacing-20: 1.25rem;
  --spacing-21: 1.313rem;
  --spacing-22: 1.375rem;
  --spacing-23: 1.438rem;
  --spacing-lg: 1.5rem;
  --spacing-25: 1.563rem;
  --spacing-26: 1.625rem;
  --spacing-27: 1.688rem;
  --spacing-28: 1.75rem;
  --spacing-29: 1.813rem;
  --spacing-30: 1.875rem;
  --spacing-31: 1.938rem;
  --spacing-xl: 2rem;
  --spacing-35: 2.188rem;
  --spacing-33: 2.063rem;
  --spacing-36: 2.25rem;
  --spacing-37: 2.313rem;
  --spacing-38: 2.375rem;
  --spacing-39: 2.438rem;
  --spacing-40: 2.5rem;
  --spacing-41: 2.563rem;
  --spacing-42: 2.625rem;
  --spacing-45: 2.813rem;
  --spacing-46: 2.875rem;
  --spacing-xxl: 3rem;
  --spacing-49: 3.063rem;
  --spacing-50: 3.125rem;
  --spacing-52: 3.25rem;
  --spacing-54: 3.375rem;
  --spacing-55: 3.438rem;
  --spacing-56: 3.5rem;
  --spacing-58: 3.625rem;
  --spacing-60: 3.75rem;
  --spacing-62: 3.875rem;
  --spacing-63: 3.938rem;
  --spacing-xxxl: 4rem;
  --spacing-65: 4.063rem;
  --spacing-68: 4.25rem;
  --spacing-70: 4.375rem;
  --spacing-74: 4.625rem;
  --spacing-76: 4.75rem;
  --spacing-xxxxl: 5rem;
  --spacing-82: 5.125rem;
  --spacing-84: 5.25rem;
  --spacing-85: 5.313rem;
  --spacing-89: 5.563rem;
  --spacing-90: 5.625rem;
  --spacing-92: 5.75rem;
  --spacing-93: 5.813rem;
  --spacing-xxxxxl: 6rem;
  --spacing-98: 6.125rem;
  --spacing-100: 6.25rem;
  --spacing-103: 6.438rem;
  --spacing-106: 6.625rem;
  --spacing-114: 7.125rem;
  --spacing-120: 7.5rem;
  --spacing-130: 8.125rem;
  --spacing-140: 8.75rem;
  --spacing-full: 100%;
  --spacing-half: 50%;
  --spacing-vh-full: 100dvh;
  /* Nigative Spacing */
  --spacing--1: -0.063rem;
  --spacing--2: -0.125rem;
  --spacing--3: -0.188rem;
  --spacing--sm: -0.5rem;
  --spacing--10: -0.625rem;
  --spacing--md: -1rem;
  --spacing--18: -1.125rem;
  --spacing--20: -1.25rem;
  --spacing--lg: -1.5rem;
  --spacing--30: -1.875rem;
  --spacing--xl: -2rem;
  --spacing--33: -2.063rem;
  --spacing--50: -3.125rem;
  --spacing--60: -3.75rem;
  --spacing--74: -4.625rem;
  --spacing--xxxxl: -5rem;
  --spacing--half: -50%;
  /* Font family */
  --family: "SF Pro Display";
  /* Font weidth */
  --weight-lighter: lighter;
  --weight-1: 100;
  --weight-3: 300;
  --weight-4: 400;
  --weight-5: 500;
  --weight-6: 600;
  --weight-7: 700;
  --weight-8: 800;
  --weight-9: 900;
  /* posistions */
  --absolute: absolute;
  --fixed: fixed;
  --relative: relative;
  /* display */
  --block: block;
  --flex: flex;
  --flex-end: flex-end;
  --none: none;
  --auto: auto;
  --unset: unset;
  --hidden: hidden;
  --pointer: pointer;
  --nowrap: nowrap;
  --visible: visible;
  --uppercase: uppercase;
  --no-repeat: no-repeat;
  --transparent: transparent;
  --cover: cover;
  --contain: contain;
  /* posistions off location */
  --right: right;
  --left: left;
  --bottom: bottom;
  --top: top;
  --center: center;
}

/* Both Scrolls */
::-webkit-scrollbar {
  width: var(--spacing-6);
  height: var(--spacing-6);
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display: var(--block);
  height: var(--spacing-10);
}

::-webkit-scrollbar-button:vertical:increment {
  background-color: var(--color-white);
}

::-webkit-scrollbar-track-piece {
  background-color: #eee;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 50px;
  background-color: #ccc;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar {
  width: var(--spacing-6);
}
@media (min-width: 1920px) {
  ::-webkit-scrollbar {
    width: 0.3125vw;
  }
}

::-webkit-scrollbar-track {
  background: var(--none);
}

::-webkit-scrollbar-thumb {
  background: var(--color-default);
  box-shadow: var(--spacing-0) var(--spacing-0) var(--spacing-10) var(--spacing-0) var(--color-black-rgb06);
  border-radius: var(--spacing-4);
  -webkit-border-radius: var(--spacing-4);
  -moz-border-radius: var(--spacing-4);
  -ms-border-radius: var(--spacing-4);
  -o-border-radius: var(--spacing-4);
}
@media (min-width: 1920px) {
  ::-webkit-scrollbar-thumb {
    box-shadow: 0vw 0vw 0.5208333333vw 0vw var(--color-black-rgb06);
    border-radius: 0.2083333333vw;
    -webkit-border-radius: 0.2083333333vw;
    -moz-border-radius: 0.2083333333vw;
    -ms-border-radius: 0.2083333333vw;
    -o-border-radius: 0.2083333333vw;
  }
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-default);
}

/* Font Family */
.family-montserrat {
  font-family: var(--font-family-montserrat);
}
.family-permanent {
  font-family: var(--font-family-permanent);
}

/* fixed content hight */
.section-fixed {
  min-height: calc(100dvh - 102px);
}
@media (min-width: 1920px) {
  .section-fixed {
    min-height: calc(100dvh - 5.3125vw);
  }
}

/* Background colors */
.bg-primary {
  background-color: var(--color-primary) !important;
}
.bg-secondary {
  background-color: var(--color-secondary) !important;
}
.bg-secondary-dark {
  background-color: var(--color-secondary-dark) !important;
}
.bg-default {
  background-color: var(--color-default) !important;
}
.bg-info {
  background-color: var(--color-info) !important;
}
.bg-warning {
  background-color: var(--color-warning) !important;
}
.bg-yellow {
  background-color: var(--color-yellow) !important;
}
.bg-danger {
  background-color: var(--color-danger) !important;
}
.bg-gray {
  background-color: var(--color-gray) !important;
}
.bg-gray-light {
  background-color: var(--color-gray-light) !important;
}
.bg-transparent {
  background-color: var(--color-transparent) !important;
}

/* Text Color */
.text-primary {
  color: var(--color-primary) !important;
}
.text-secondary {
  color: var(--color-secondary) !important;
}
.text-secondary-dark {
  color: var(--color-secondary-dark) !important;
}
.text-secondary-rgb50 {
  color: var(--color-secondary-rgb50);
}
.text-default {
  color: var(--color-default) !important;
}
.text-info {
  color: var(--color-info) !important;
}
.text-warning {
  color: var(--color-warning) !important;
}
.text-yellow {
  color: var(--color-yellow) !important;
}
.text-danger {
  color: var(--color-danger) !important;
}
.text-gray-outside {
  color: var(--color-gray-outside) !important;
}
.text-transparent {
  color: var(--color-transparent) !important;
}

/* Box shadow */
.box-shadow-default {
  box-shadow: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-0) var(--color-black-rgb10);
}
@media (min-width: 992px) {
  .box-shadow-default {
    box-shadow: var(--spacing-10) var(--spacing-10) var(--spacing-10) var(--spacing-0) var(--color-black-rgb10);
  }
}
@media (min-width: 1920px) {
  .box-shadow-default {
    box-shadow: 0.5208333333vw 0.5208333333vw 0.5208333333vw var(--spacing-0) var(--color-black-rgb10);
  }
}

.border-default {
  border-color: var(--color-default) !important;
}
.border-primary {
  border-color: var(--color-primary) !important;
}
.border-width-2 {
  border-width: var(--spacing-2) !important;
}
@media (min-width: 1920px) {
  .border-width-2 {
    border-width: 0.1041666667vw !important;
  }
}
.border-dashed {
  border-style: dashed !important;
}

.rounded-10 {
  border-radius: var(--spacing-10);
}
@media (min-width: 1920px) {
  .rounded-10 {
    border-radius: 0.5208333333vw;
  }
}
.rounded-15 {
  border-radius: var(--spacing-15);
}
@media (min-width: 1920px) {
  .rounded-15 {
    border-radius: 0.78125vw;
  }
}

/* btn css */
.btn {
  padding: var(--spacing-13) var(--spacing-40);
  font-size: var(--spacing-md);
  line-height: var(--spacing-18);
  font-family: var(--family);
  font-weight: var(--weight-5);
  white-space: var(--nowrap);
  border-radius: var(--spacing-10);
  -webkit-border-radius: var(--spacing-10);
  -moz-border-radius: var(--spacing-10);
  -ms-border-radius: var(--spacing-10);
  -o-border-radius: var(--spacing-10);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
@media (min-width: 1920px) {
  .btn {
    padding: 0.6770833333vw 2.0833333333vw;
    font-size: 0.8333333333vw;
    line-height: 0.9375vw;
    border-radius: 0.5208333333vw;
    -webkit-border-radius: 0.5208333333vw;
    -moz-border-radius: 0.5208333333vw;
    -ms-border-radius: 0.5208333333vw;
    -o-border-radius: 0.5208333333vw;
  }
}
.btn-lg {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}
@media (min-width: 1920px) {
  .btn-lg {
    padding-top: 0.8333333333vw;
    padding-bottom: 0.8333333333vw;
  }
}
.btn-xl {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}
@media (min-width: 1920px) {
  .btn-xl {
    padding-top: 1.0416666667vw;
    padding-bottom: 1.0416666667vw;
  }
}
.btn--outline--white {
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
@media (min-width: 1920px) {
  .btn--outline--white {
    border-width: 0.0520833333vw;
  }
}
.btn--outline--white:hover, .btn--outline--white:focus, .btn--outline--white.active {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  background: var(--color-transparent);
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn--fill--primary {
  background: var(--color-primary);
  color: var(--color-white);
}
.btn--fill--primary:hover, .btn--fill--primary:focus, .btn--fill--primary.active {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
.btn--fill--secondary {
  background: var(--color-secondary);
  color: var(--color-white);
}
.btn--fill--secondary:hover, .btn--fill--secondary:focus, .btn--fill--secondary.active {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  background: var(--color-secondary);
  color: var(--color-white);
  border-color: var(--color-secondary);
}
.btn--fill--secondary--light {
  background: var(--color-secondary-rgb20);
  color: var(--color-black-rgb20);
}
.btn--fill--secondary--light:hover {
  background: var(--color-secondary-rgb20);
  color: var(--color-black-rgb20);
}
.btn--fill--secondary--light.active {
  background: var(--color-primary);
  color: var(--color-white);
}
.btn--fill--white {
  background: var(--color-white);
  color: var(--color-secondary);
}
.btn--fill--white:hover, .btn--fill--white:focus, .btn--fill--white.active {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  background: var(--color-primary);
  color: var(--color-white);
  border-color: var(--color-primary);
}
.btn--fill--gray {
  background: var(--color-gray);
  color: var(--color-secondary);
}
.btn--fill--gray:hover, .btn--fill--gray:focus, .btn--fill--gray.active {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  background: var(--color-secondary);
  color: var(--color-white);
  border-color: var(--color-secondary);
}
.btn--card {
  top: var(--spacing-10);
  right: var(--spacing-10);
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  background: var(--color-gray);
}

.fa-1x {
  font-size: var(--spacing-18) !important;
}
@media (min-width: 1920px) {
  .fa-1x {
    font-size: 0.9375vw !important;
  }
}

.items {
  width: var(--spacing-20);
  min-width: var(--spacing-20);
  height: var(--spacing-20);
}
@media (min-width: 1920px) {
  .items {
    width: 1.0416666667vw;
    min-width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
}

.des--default {
  font-size: var(--spacing-11);
  line-height: var(--spacing-12);
}
@media (min-width: 768px) {
  .des--default {
    font-size: var(--spacing-14);
    line-height: var(--spacing-15);
  }
}
@media (min-width: 1920px) {
  .des--default {
    font-size: 0.8333333333vw;
    line-height: 0.9375vw;
  }
}
.des--default-md {
  font-size: var(--spacing-14);
  line-height: var(--spacing-20);
  font-weight: var(--weight-5);
}
@media (min-width: 1920px) {
  .des--default-md {
    font-size: 0.8333333333vw;
    line-height: 1.09375vw;
  }
}

/* Titles */
h1,
.h1 {
  font-size: var(--spacing-14);
  line-height: var(--spacing-md);
  font-weight: var(--weight-7);
  font-family: var(--family);
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: var(--spacing-md);
    line-height: var(--spacing-18);
  }
}
@media (min-width: 1920px) {
  h1,
  .h1 {
    font-size: 0.9375vw;
    line-height: 1.09375vw;
  }
}

.fa-1x {
  font-size: var(--spacing-20);
  line-height: var(--spacing-20);
}

.modal-backdrop {
  background: var(--color-gray-dark-rgb40) !important;
  box-shadow: var(--spacing-0) var(--spacing-sm) var(--spacing-xl) var(--spacing-0) var(--color-secondary-rgb20);
  backdrop-filter: blur(0.188rem);
  -webkit-backdrop-filter: blur(0.188rem);
  border: var(--spacing-1) solid var(--color-black-rgb06);
  opacity: 1 !important;
  transition: all 0.3s;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
@media (min-width: 1920px) {
  .modal-backdrop {
    box-shadow: var(--spacing-0) 0.4166666667vw 1.6666666667vw var(--spacing-0) var(--color-secondary-rgb20);
  }
}

/* form */
.form label {
  margin: var(--spacing-0);
  order: -1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  pointer-events: var(--none);
  position: var(--absolute);
  top: var(--spacing-0);
  left: var(--spacing-15);
  font-size: var(--spacing-md);
  line-height: var(--spacing-18);
  color: var(--color-default);
  transform: translateY(var(--spacing-15));
  -webkit-transform: translateY(var(--spacing-15));
  -moz-transform: translateY(var(--spacing-15));
  -ms-transform: translateY(var(--spacing-15));
  -o-transform: translateY(var(--spacing-15));
  font-weight: 300;
}
@media (min-width: 1920px) {
  .form label {
    left: 0.78125vw;
    font-size: 0.9375vw;
    line-height: 1.09375vw;
    transform: translateY(0.78125vw);
  }
}
.form label span {
  z-index: 1;
}
.form label.fix {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  color: var(--color-gray);
  font-weight: var(--weight-4);
}
@media (min-width: 1920px) {
  .form label.fix {
    transform: translateY(-0.5208333333vw);
  }
}
.form label.fix::after {
  content: "";
  position: var(--absolute);
  top: var(--spacing-10);
  left: var(--spacing--3);
  right: var(--spacing--3);
  background: var(--color-gray-light);
  height: var(--spacing-1);
  z-index: 0;
}
@media (min-width: 1920px) {
  .form label.fix::after {
    top: 0.5208333333vw;
    left: -0.15625vw;
    right: -0.15625vw;
    height: 0.0520833333vw;
  }
}
.form-control {
  height: var(--spacing-xxl);
  border-color: var(--color-gray-offside);
  color: var(--color-secondary);
  appearance: var(--none);
}
@media (min-width: 1920px) {
  .form-control {
    height: 2.5vw;
  }
}
.form-control-space {
  padding-left: var(--spacing-40);
}
@media (min-width: 1920px) {
  .form-control-space {
    padding-left: 2.0833333333vw;
  }
}
.form-control:focus, .form-control:hover, .form-control.active {
  box-shadow: var(--none);
  border-color: var(--color-gray-offside);
}
.form-control:focus + label {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  color: var(--color-gray);
  font-weight: var(--weight-4);
}
@media (min-width: 1920px) {
  .form-control:focus + label {
    transform: translateY(-0.5208333333vw);
  }
}
.form-control:focus + label::after {
  content: "";
  position: var(--absolute);
  top: var(--spacing-10);
  left: var(--spacing--3);
  right: var(--spacing--3);
  background: var(--color-gray-light);
  height: var(--spacing-1);
  z-index: 0;
}
@media (min-width: 1920px) {
  .form-control:focus + label::after {
    top: 0.5208333333vw;
    left: -0.15625vw;
    right: -0.15625vw;
    height: 0.0520833333vw;
  }
}
.form-control.error {
  border-color: var(--color-danger);
}
.form-control.error ~ .form-text {
  color: var(--color-danger);
  display: var(--block);
}
.form-control[type=date], .form-control[type=time] {
  text-transform: var(--uppercase);
}
.form-control[type=time]::-webkit-calendar-picker-indicator, .form-control[type=date]::-webkit-calendar-picker-indicator {
  background: var(--none);
  color: var(--color-default);
}
.form-control::-ms-input-placeholder {
  color: var(--color-default);
}
.form-control::placeholder {
  color: var(--color-default);
}
.form-text {
  margin-top: var(--spacing-0);
  display: var(--none);
}
.form-label-space {
  padding-left: var(--spacing-27);
}
@media (min-width: 1920px) {
  .form-label-space {
    padding-left: 1.40625vw;
  }
}
.form-icon {
  top: var(--spacing-md);
  left: var(--spacing-md);
}
@media (min-width: 1920px) {
  .form-icon {
    top: 0.8333333333vw;
    left: 0.8333333333vw;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* Checkbox*/
.square--checkbox {
  display: var(--block);
  /* position: var(--relative); */
  min-width: var(--spacing-lg);
  height: var(--spacing-lg);
  min-height: var(--spacing-lg);
}
@media (min-width: 1920px) {
  .square--checkbox {
    min-width: 1.25vw;
    height: 1.25vw;
    min-height: 1.25vw;
  }
}
.square--checkbox input {
  /* display: var(--none); */
  opacity: 0;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100dvh;
  height: 100vh;
  z-index: 1;
}
.square--checkbox input:checked + label:after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-size: var(--spacing-md);
  font-weight: var(--weight-9);
  color: var(--color-white);
  background-color: var(--color-secondary);
  position: var(--absolute);
  display: var(--flex);
  align-items: var(--center);
  justify-content: var(--center);
  top: var(--spacing-1);
  right: var(--spacing-1);
  bottom: var(--spacing-1);
  left: var(--spacing-1);
}
@media (min-width: 1920px) {
  .square--checkbox input:checked + label:after {
    font-size: 0.8333333333vw;
    top: 0.0520833333vw;
    right: 0.0520833333vw;
    bottom: 0.0520833333vw;
    left: 0.0520833333vw;
  }
}
.square--checkbox label {
  position: var(--absolute);
  cursor: var(--pointer);
  margin: var(--spacing-0);
  color: var(--color-secondary);
  width: var(--spacing-lg);
  height: var(--spacing-lg);
}
@media (min-width: 1920px) {
  .square--checkbox label {
    width: 1.25vw;
    height: 1.25vw;
  }
}
.square--checkbox label:before {
  content: "";
  appearance: var(--none);
  background-color: var(--color-transparent);
  border: var(--spacing-2) solid var(--color-secondary);
  width: var(--spacing-lg);
  height: var(--spacing-lg);
  border-radius: var(--spacing-5);
  position: var(--absolute);
  left: var(--spacing-0);
  top: var(--spacing-0);
}
@media (min-width: 1920px) {
  .square--checkbox label:before {
    border-width: 0.1041666667vw;
    width: 1.25vw;
    height: 1.25vw;
    border-radius: 0.2604166667vw;
  }
}
.square--checkbox.termes input:focus + label {
  transform: var(--unset) !important;
}
.square--checkbox.termes label {
  position: var(--unset);
  pointer-events: var(--unset);
  transform: var(--unset) !important;
}
.square--checkbox.termes label.fix {
  transform: var(--unset);
}
.square--checkbox.termes label.fix::after {
  height: var(--unset);
  z-index: var(--unset);
}

/* Container Resize */
@media (min-width: 1920px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 83.3333333333vw;
  }
}
@media (min-width: 1920px) {
  .m-0 {
    margin: 0vw !important;
  }
  .m-1 {
    margin: 0.2083333333vw !important;
  }
  .m-2 {
    margin: 0.4166666667vw !important;
  }
  .m-3 {
    margin: 0.8333333333vw !important;
  }
  .m-4 {
    margin: 1.25vw !important;
  }
  .m-5 {
    margin: 2.5vw !important;
  }
  .m-sm-0 {
    margin: 0vw !important;
  }
  .m-sm-1 {
    margin: 0.2083333333vw !important;
  }
  .m-sm-2 {
    margin: 0.4166666667vw !important;
  }
  .m-sm-3 {
    margin: 0.8333333333vw !important;
  }
  .m-sm-4 {
    margin: 1.25vw !important;
  }
  .m-sm-5 {
    margin: 2.5vw !important;
  }
  .m-md-0 {
    margin: 0vw !important;
  }
  .m-md-1 {
    margin: 0.2083333333vw !important;
  }
  .m-md-2 {
    margin: 0.4166666667vw !important;
  }
  .m-md-3 {
    margin: 0.8333333333vw !important;
  }
  .m-md-4 {
    margin: 1.25vw !important;
  }
  .m-md-5 {
    margin: 2.5vw !important;
  }
  .m-lg-0 {
    margin: 0vw !important;
  }
  .m-lg-1 {
    margin: 0.2083333333vw !important;
  }
  .m-lg-2 {
    margin: 0.4166666667vw !important;
  }
  .m-lg-3 {
    margin: 0.8333333333vw !important;
  }
  .m-lg-4 {
    margin: 1.25vw !important;
  }
  .m-lg-5 {
    margin: 2.5vw !important;
  }
  .m-xl-0 {
    margin: 0vw !important;
  }
  .m-xl-1 {
    margin: 0.2083333333vw !important;
  }
  .m-xl-2 {
    margin: 0.4166666667vw !important;
  }
  .m-xl-3 {
    margin: 0.8333333333vw !important;
  }
  .m-xl-4 {
    margin: 1.25vw !important;
  }
  .m-xl-5 {
    margin: 2.5vw !important;
  }
  .m-xxl-0 {
    margin: 0vw !important;
  }
  .m-xxl-1 {
    margin: 0.2083333333vw !important;
  }
  .m-xxl-2 {
    margin: 0.4166666667vw !important;
  }
  .m-xxl-3 {
    margin: 0.8333333333vw !important;
  }
  .m-xxl-4 {
    margin: 1.25vw !important;
  }
  .m-xxl-5 {
    margin: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .mt-0, .my-0 {
    margin-top: 0vw !important;
  }
  .mt-1, .my-1 {
    margin-top: 0.2083333333vw !important;
  }
  .mt-2, .my-2 {
    margin-top: 0.4166666667vw !important;
  }
  .mt-3, .my-3 {
    margin-top: 0.8333333333vw !important;
  }
  .mt-4, .my-4 {
    margin-top: 1.25vw !important;
  }
  .mt-5, .my-5 {
    margin-top: 2.5vw !important;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0vw !important;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.2083333333vw !important;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.4166666667vw !important;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 0.8333333333vw !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.25vw !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 2.5vw !important;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0vw !important;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.2083333333vw !important;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.4166666667vw !important;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 0.8333333333vw !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.25vw !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 2.5vw !important;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0vw !important;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.2083333333vw !important;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.4166666667vw !important;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 0.8333333333vw !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.25vw !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 2.5vw !important;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0vw !important;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.2083333333vw !important;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.4166666667vw !important;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 0.8333333333vw !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.25vw !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 2.5vw !important;
  }
  .mt-xxl-0, .my-xxl-0 {
    margin-top: 0vw !important;
  }
  .mt-xxl-1, .my-xxl-1 {
    margin-top: 0.2083333333vw !important;
  }
  .mt-xxl-2, .my-xxl-2 {
    margin-top: 0.4166666667vw !important;
  }
  .mt-xxl-3, .my-xxl-3 {
    margin-top: 0.8333333333vw !important;
  }
  .mt-xxl-4, .my-xxl-4 {
    margin-top: 1.25vw !important;
  }
  .mt-xxl-5, .my-xxl-5 {
    margin-top: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .mb-0, .my-0 {
    margin-bottom: 0vw !important;
  }
  .mb-1, .my-1 {
    margin-bottom: 0.2083333333vw !important;
  }
  .mb-2, .my-2 {
    margin-bottom: 0.4166666667vw !important;
  }
  .mb-3, .my-3 {
    margin-bottom: 0.8333333333vw !important;
  }
  .mb-4, .my-4 {
    margin-bottom: 1.25vw !important;
  }
  .mb-5, .my-5 {
    margin-bottom: 2.5vw !important;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0vw !important;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.2083333333vw !important;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.4166666667vw !important;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 0.8333333333vw !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.25vw !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 2.5vw !important;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0vw !important;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.2083333333vw !important;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.4166666667vw !important;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 0.8333333333vw !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.25vw !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 2.5vw !important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0vw !important;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.2083333333vw !important;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.4166666667vw !important;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 0.8333333333vw !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.25vw !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 2.5vw !important;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0vw !important;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.2083333333vw !important;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.4166666667vw !important;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 0.8333333333vw !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.25vw !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 2.5vw !important;
  }
  .mb-xxl-0, .my-xxl-0 {
    margin-bottom: 0vw !important;
  }
  .mb-xxl-1, .my-xxl-1 {
    margin-bottom: 0.2083333333vw !important;
  }
  .mb-xxl-2, .my-xxl-2 {
    margin-bottom: 0.4166666667vw !important;
  }
  .mb-xxl-3, .my-xxl-3 {
    margin-bottom: 0.8333333333vw !important;
  }
  .mb-xxl-4, .my-xxl-4 {
    margin-bottom: 1.25vw !important;
  }
  .mb-xxl-5, .my-xxl-5 {
    margin-bottom: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .ms-0, .mx-0 {
    margin-left: 0vw !important;
  }
  .ms-1, .mx-1 {
    margin-left: 0.2083333333vw !important;
  }
  .ms-2, .mx-2 {
    margin-left: 0.4166666667vw !important;
  }
  .ms-3, .mx-3 {
    margin-left: 0.8333333333vw !important;
  }
  .ms-4, .mx-4 {
    margin-left: 1.25vw !important;
  }
  .ms-5, .mx-5 {
    margin-left: 2.5vw !important;
  }
  .ms-sm-0, .mx-sm-0 {
    margin-left: 0vw !important;
  }
  .ms-sm-1, .mx-sm-1 {
    margin-left: 0.2083333333vw !important;
  }
  .ms-sm-2, .mx-sm-2 {
    margin-left: 0.4166666667vw !important;
  }
  .ms-sm-3, .mx-sm-3 {
    margin-left: 0.8333333333vw !important;
  }
  .ms-sm-4, .mx-sm-4 {
    margin-left: 1.25vw !important;
  }
  .ms-sm-5, .mx-sm-5 {
    margin-left: 2.5vw !important;
  }
  .ms-md-0, .mx-md-0 {
    margin-left: 0vw !important;
  }
  .ms-md-1, .mx-md-1 {
    margin-left: 0.2083333333vw !important;
  }
  .ms-md-2, .mx-md-2 {
    margin-left: 0.4166666667vw !important;
  }
  .ms-md-3, .mx-md-3 {
    margin-left: 0.8333333333vw !important;
  }
  .ms-md-4, .mx-md-4 {
    margin-left: 1.25vw !important;
  }
  .ms-md-5, .mx-md-5 {
    margin-left: 2.5vw !important;
  }
  .ms-lg-0, .mx-lg-0 {
    margin-left: 0vw !important;
  }
  .ms-lg-1, .mx-lg-1 {
    margin-left: 0.2083333333vw !important;
  }
  .ms-lg-2, .mx-lg-2 {
    margin-left: 0.4166666667vw !important;
  }
  .ms-lg-3, .mx-lg-3 {
    margin-left: 0.8333333333vw !important;
  }
  .ms-lg-4, .mx-lg-4 {
    margin-left: 1.25vw !important;
  }
  .ms-lg-5, .mx-lg-5 {
    margin-left: 2.5vw !important;
  }
  .ms-xl-0, .mx-xl-0 {
    margin-left: 0vw !important;
  }
  .ms-xl-1, .mx-xl-1 {
    margin-left: 0.2083333333vw !important;
  }
  .ms-xl-2, .mx-xl-2 {
    margin-left: 0.4166666667vw !important;
  }
  .ms-xl-3, .mx-xl-3 {
    margin-left: 0.8333333333vw !important;
  }
  .ms-xl-4, .mx-xl-4 {
    margin-left: 1.25vw !important;
  }
  .ms-xl-5, .mx-xl-5 {
    margin-left: 2.5vw !important;
  }
  .ms-xxl-0, .mx-xxl-0 {
    margin-left: 0vw !important;
  }
  .ms-xxl-1, .mx-xxl-1 {
    margin-left: 0.2083333333vw !important;
  }
  .ms-xxl-2, .mx-xxl-2 {
    margin-left: 0.4166666667vw !important;
  }
  .ms-xxl-3, .mx-xxl-3 {
    margin-left: 0.8333333333vw !important;
  }
  .ms-xxl-4, .mx-xxl-4 {
    margin-left: 1.25vw !important;
  }
  .ms-xxl-5, .mx-xxl-5 {
    margin-left: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .me-0, .mx-0 {
    margin-right: 0vw !important;
  }
  .me-1, .mx-1 {
    margin-right: 0.2083333333vw !important;
  }
  .me-2, .mx-2 {
    margin-right: 0.4166666667vw !important;
  }
  .me-3, .mx-3 {
    margin-right: 0.8333333333vw !important;
  }
  .me-4, .mx-4 {
    margin-right: 1.25vw !important;
  }
  .me-5, .mx-5 {
    margin-right: 2.5vw !important;
  }
  .me-sm-0, .mx-sm-0 {
    margin-right: 0vw !important;
  }
  .me-sm-1, .mx-sm-1 {
    margin-right: 0.2083333333vw !important;
  }
  .me-sm-2, .mx-sm-2 {
    margin-right: 0.4166666667vw !important;
  }
  .me-sm-3, .mx-sm-3 {
    margin-right: 0.8333333333vw !important;
  }
  .me-sm-4, .mx-sm-4 {
    margin-right: 1.25vw !important;
  }
  .me-sm-5, .mx-sm-5 {
    margin-right: 2.5vw !important;
  }
  .me-md-0, .mx-md-0 {
    margin-right: 0vw !important;
  }
  .me-md-1, .mx-md-1 {
    margin-right: 0.2083333333vw !important;
  }
  .me-md-2, .mx-md-2 {
    margin-right: 0.4166666667vw !important;
  }
  .me-md-3, .mx-md-3 {
    margin-right: 0.8333333333vw !important;
  }
  .me-md-4, .mx-md-4 {
    margin-right: 1.25vw !important;
  }
  .me-md-5, .mx-md-5 {
    margin-right: 2.5vw !important;
  }
  .me-lg-0, .mx-lg-0 {
    margin-right: 0vw !important;
  }
  .me-lg-1, .mx-lg-1 {
    margin-right: 0.2083333333vw !important;
  }
  .me-lg-2, .mx-lg-2 {
    margin-right: 0.4166666667vw !important;
  }
  .me-lg-3, .mx-lg-3 {
    margin-right: 0.8333333333vw !important;
  }
  .me-lg-4, .mx-lg-4 {
    margin-right: 1.25vw !important;
  }
  .me-lg-5, .mx-lg-5 {
    margin-right: 2.5vw !important;
  }
  .me-xl-0, .mx-xl-0 {
    margin-right: 0vw !important;
  }
  .me-xl-1, .mx-xl-1 {
    margin-right: 0.2083333333vw !important;
  }
  .me-xl-2, .mx-xl-2 {
    margin-right: 0.4166666667vw !important;
  }
  .me-xl-3, .mx-xl-3 {
    margin-right: 0.8333333333vw !important;
  }
  .me-xl-4, .mx-xl-4 {
    margin-right: 1.25vw !important;
  }
  .me-xl-5, .mx-xl-5 {
    margin-right: 2.5vw !important;
  }
  .me-xxl-0, .mx-xxl-0 {
    margin-right: 0vw !important;
  }
  .me-xxl-1, .mx-xxl-1 {
    margin-right: 0.2083333333vw !important;
  }
  .me-xxl-2, .mx-xxl-2 {
    margin-right: 0.4166666667vw !important;
  }
  .me-xxl-3, .mx-xxl-3 {
    margin-right: 0.8333333333vw !important;
  }
  .me-xxl-4, .mx-xxl-4 {
    margin-right: 1.25vw !important;
  }
  .me-xxl-5, .mx-xxl-5 {
    margin-right: 2.5vw !important;
  }
}

/** Padding */
@media (min-width: 1920px) {
  .p-0 {
    padding: 0vw !important;
  }
  .p-1 {
    padding: 0.2083333333vw !important;
  }
  .p-2 {
    padding: 0.4166666667vw !important;
  }
  .p-3 {
    padding: 0.8333333333vw !important;
  }
  .p-4 {
    padding: 1.25vw !important;
  }
  .p-5 {
    padding: 2.5vw !important;
  }
  .p-sm-0 {
    padding: 0vw !important;
  }
  .p-sm-1 {
    padding: 0.2083333333vw !important;
  }
  .p-sm-2 {
    padding: 0.4166666667vw !important;
  }
  .p-sm-3 {
    padding: 0.8333333333vw !important;
  }
  .p-sm-4 {
    padding: 1.25vw !important;
  }
  .p-sm-5 {
    padding: 2.5vw !important;
  }
  .p-md-0 {
    padding: 0vw !important;
  }
  .p-md-1 {
    padding: 0.2083333333vw !important;
  }
  .p-md-2 {
    padding: 0.4166666667vw !important;
  }
  .p-md-3 {
    padding: 0.8333333333vw !important;
  }
  .p-md-4 {
    padding: 1.25vw !important;
  }
  .p-md-5 {
    padding: 2.5vw !important;
  }
  .p-lg-0 {
    padding: 0vw !important;
  }
  .p-lg-1 {
    padding: 0.2083333333vw !important;
  }
  .p-lg-2 {
    padding: 0.4166666667vw !important;
  }
  .p-lg-3 {
    padding: 0.8333333333vw !important;
  }
  .p-lg-4 {
    padding: 1.25vw !important;
  }
  .p-lg-5 {
    padding: 2.5vw !important;
  }
  .p-xl-0 {
    padding: 0vw !important;
  }
  .p-xl-1 {
    padding: 0.2083333333vw !important;
  }
  .p-xl-2 {
    padding: 0.4166666667vw !important;
  }
  .p-xl-3 {
    padding: 0.8333333333vw !important;
  }
  .p-xl-4 {
    padding: 1.25vw !important;
  }
  .p-xl-5 {
    padding: 2.5vw !important;
  }
  .p-xxl-0 {
    padding: 0vw !important;
  }
  .p-xxl-1 {
    padding: 0.2083333333vw !important;
  }
  .p-xxl-2 {
    padding: 0.4166666667vw !important;
  }
  .p-xxl-3 {
    padding: 0.8333333333vw !important;
  }
  .p-xxl-4 {
    padding: 1.25vw !important;
  }
  .p-xxl-5 {
    padding: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .pt-0, .py-0 {
    padding-top: 0vw !important;
  }
  .pt-1, .py-1 {
    padding-top: 0.2083333333vw !important;
  }
  .pt-2, .py-2 {
    padding-top: 0.4166666667vw !important;
  }
  .pt-3, .py-3 {
    padding-top: 0.8333333333vw !important;
  }
  .pt-4, .py-4 {
    padding-top: 1.25vw !important;
  }
  .pt-5, .py-5 {
    padding-top: 2.5vw !important;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0vw !important;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.2083333333vw !important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.4166666667vw !important;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 0.8333333333vw !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.25vw !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 2.5vw !important;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0vw !important;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.2083333333vw !important;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.4166666667vw !important;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 0.8333333333vw !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.25vw !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 2.5vw !important;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0vw !important;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.2083333333vw !important;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.4166666667vw !important;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 0.8333333333vw !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.25vw !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 2.5vw !important;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0vw !important;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.2083333333vw !important;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.4166666667vw !important;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 0.8333333333vw !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.25vw !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 2.5vw !important;
  }
  .pt-xxl-0, .py-xxl-0 {
    padding-top: 0vw !important;
  }
  .pt-xxl-1, .py-xxl-1 {
    padding-top: 0.2083333333vw !important;
  }
  .pt-xxl-2, .py-xxl-2 {
    padding-top: 0.4166666667vw !important;
  }
  .pt-xxl-3, .py-xxl-3 {
    padding-top: 0.8333333333vw !important;
  }
  .pt-xxl-4, .py-xxl-4 {
    padding-top: 1.25vw !important;
  }
  .pt-xxl-5, .py-xxl-5 {
    padding-top: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .pb-0, .py-0 {
    padding-bottom: 0vw !important;
  }
  .pb-1, .py-1 {
    padding-bottom: 0.2083333333vw !important;
  }
  .pb-2, .py-2 {
    padding-bottom: 0.4166666667vw !important;
  }
  .pb-3, .py-3 {
    padding-bottom: 0.8333333333vw !important;
  }
  .pb-4, .py-4 {
    padding-bottom: 1.25vw !important;
  }
  .pb-5, .py-5 {
    padding-bottom: 2.5vw !important;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0vw !important;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.2083333333vw !important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.4166666667vw !important;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 0.8333333333vw !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.25vw !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 2.5vw !important;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0vw !important;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.2083333333vw !important;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.4166666667vw !important;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 0.8333333333vw !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.25vw !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 2.5vw !important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0vw !important;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.2083333333vw !important;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.4166666667vw !important;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 0.8333333333vw !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.25vw !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 2.5vw !important;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0vw !important;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.2083333333vw !important;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.4166666667vw !important;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 0.8333333333vw !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.25vw !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 2.5vw !important;
  }
  .pb-xxl-0, .py-xxl-0 {
    padding-bottom: 0vw !important;
  }
  .pb-xxl-1, .py-xxl-1 {
    padding-bottom: 0.2083333333vw !important;
  }
  .pb-xxl-2, .py-xxl-2 {
    padding-bottom: 0.4166666667vw !important;
  }
  .pb-xxl-3, .py-xxl-3 {
    padding-bottom: 0.8333333333vw !important;
  }
  .pb-xxl-4, .py-xxl-4 {
    padding-bottom: 1.25vw !important;
  }
  .pb-xxl-5, .py-xxl-5 {
    padding-bottom: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .ps-0, .px-0 {
    padding-left: 0vw !important;
  }
  .ps-1, .px-1 {
    padding-left: 0.2083333333vw !important;
  }
  .ps-2, .px-2 {
    padding-left: 0.4166666667vw !important;
  }
  .ps-3, .px-3 {
    padding-left: 0.8333333333vw !important;
  }
  .ps-4, .px-4 {
    padding-left: 1.25vw !important;
  }
  .ps-5, .px-5 {
    padding-left: 2.5vw !important;
  }
  .ps-sm-0, .px-sm-0 {
    padding-left: 0vw !important;
  }
  .ps-sm-1, .px-sm-1 {
    padding-left: 0.2083333333vw !important;
  }
  .ps-sm-2, .px-sm-2 {
    padding-left: 0.4166666667vw !important;
  }
  .ps-sm-3, .px-sm-3 {
    padding-left: 0.8333333333vw !important;
  }
  .ps-sm-4, .px-sm-4 {
    padding-left: 1.25vw !important;
  }
  .ps-sm-5, .px-sm-5 {
    padding-left: 2.5vw !important;
  }
  .ps-md-0, .px-md-0 {
    padding-left: 0vw !important;
  }
  .ps-md-1, .px-md-1 {
    padding-left: 0.2083333333vw !important;
  }
  .ps-md-2, .px-md-2 {
    padding-left: 0.4166666667vw !important;
  }
  .ps-md-3, .px-md-3 {
    padding-left: 0.8333333333vw !important;
  }
  .ps-md-4, .px-md-4 {
    padding-left: 1.25vw !important;
  }
  .ps-md-5, .px-md-5 {
    padding-left: 2.5vw !important;
  }
  .ps-lg-0, .px-lg-0 {
    padding-left: 0vw !important;
  }
  .ps-lg-1, .px-lg-1 {
    padding-left: 0.2083333333vw !important;
  }
  .ps-lg-2, .px-lg-2 {
    padding-left: 0.4166666667vw !important;
  }
  .ps-lg-3, .px-lg-3 {
    padding-left: 0.8333333333vw !important;
  }
  .ps-lg-4, .px-lg-4 {
    padding-left: 1.25vw !important;
  }
  .ps-lg-5, .px-lg-5 {
    padding-left: 2.5vw !important;
  }
  .ps-xl-0, .px-xl-0 {
    padding-left: 0vw !important;
  }
  .ps-xl-1, .px-xl-1 {
    padding-left: 0.2083333333vw !important;
  }
  .ps-xl-2, .px-xl-2 {
    padding-left: 0.4166666667vw !important;
  }
  .ps-xl-3, .px-xl-3 {
    padding-left: 0.8333333333vw !important;
  }
  .ps-xl-4, .px-xl-4 {
    padding-left: 1.25vw !important;
  }
  .ps-xl-5, .px-xl-5 {
    padding-left: 2.5vw !important;
  }
  .ps-xxl-0, .px-xxl-0 {
    padding-left: 0vw !important;
  }
  .ps-xxl-1, .px-xxl-1 {
    padding-left: 0.2083333333vw !important;
  }
  .ps-xxl-2, .px-xxl-2 {
    padding-left: 0.4166666667vw !important;
  }
  .ps-xxl-3, .px-xxl-3 {
    padding-left: 0.8333333333vw !important;
  }
  .ps-xxl-4, .px-xxl-4 {
    padding-left: 1.25vw !important;
  }
  .ps-xxl-5, .px-xxl-5 {
    padding-left: 2.5vw !important;
  }
}

@media (min-width: 1920px) {
  .pe-0, .px-0 {
    padding-right: 0vw !important;
  }
  .pe-1, .px-1 {
    padding-right: 0.2083333333vw !important;
  }
  .pe-2, .px-2 {
    padding-right: 0.4166666667vw !important;
  }
  .pe-3, .px-3 {
    padding-right: 0.8333333333vw !important;
  }
  .pe-4, .px-4 {
    padding-right: 1.25vw !important;
  }
  .pe-5, .px-5 {
    padding-right: 2.5vw !important;
  }
  .pe-sm-0, .px-sm-0 {
    padding-right: 0vw !important;
  }
  .pe-sm-1, .px-sm-1 {
    padding-right: 0.2083333333vw !important;
  }
  .pe-sm-2, .px-sm-2 {
    padding-right: 0.4166666667vw !important;
  }
  .pe-sm-3, .px-sm-3 {
    padding-right: 0.8333333333vw !important;
  }
  .pe-sm-4, .px-sm-4 {
    padding-right: 1.25vw !important;
  }
  .pe-sm-5, .px-sm-5 {
    padding-right: 2.5vw !important;
  }
  .pe-md-0, .px-md-0 {
    padding-right: 0vw !important;
  }
  .pe-md-1, .px-md-1 {
    padding-right: 0.2083333333vw !important;
  }
  .pe-md-2, .px-md-2 {
    padding-right: 0.4166666667vw !important;
  }
  .pe-md-3, .px-md-3 {
    padding-right: 0.8333333333vw !important;
  }
  .pe-md-4, .px-md-4 {
    padding-right: 1.25vw !important;
  }
  .pe-md-5, .px-md-5 {
    padding-right: 2.5vw !important;
  }
  .pe-lg-0, .px-lg-0 {
    padding-right: 0vw !important;
  }
  .pe-lg-1, .px-lg-1 {
    padding-right: 0.2083333333vw !important;
  }
  .pe-lg-2, .px-lg-2 {
    padding-right: 0.4166666667vw !important;
  }
  .pe-lg-3, .px-lg-3 {
    padding-right: 0.8333333333vw !important;
  }
  .pe-lg-4, .px-lg-4 {
    padding-right: 1.25vw !important;
  }
  .pe-lg-5, .px-lg-5 {
    padding-right: 2.5vw !important;
  }
  .pe-xl-0, .px-xl-0 {
    padding-right: 0vw !important;
  }
  .pe-xl-1, .px-xl-1 {
    padding-right: 0.2083333333vw !important;
  }
  .pe-xl-2, .px-xl-2 {
    padding-right: 0.4166666667vw !important;
  }
  .pe-xl-3, .px-xl-3 {
    padding-right: 0.8333333333vw !important;
  }
  .pe-xl-4, .px-xl-4 {
    padding-right: 1.25vw !important;
  }
  .pe-xl-5, .px-xl-5 {
    padding-right: 2.5vw !important;
  }
  .pe-xxl-0, .px-xxl-0 {
    padding-right: 0vw !important;
  }
  .pe-xxl-1, .px-xxl-1 {
    padding-right: 0.2083333333vw !important;
  }
  .pe-xxl-2, .px-xxl-2 {
    padding-right: 0.4166666667vw !important;
  }
  .pe-xxl-3, .px-xxl-3 {
    padding-right: 0.8333333333vw !important;
  }
  .pe-xxl-4, .px-xxl-4 {
    padding-right: 1.25vw !important;
  }
  .pe-xxl-5, .px-xxl-5 {
    padding-right: 2.5vw !important;
  }
}

/** gap */
@media (min-width: 1920px) {
  .g-0 > [class*=col-], .gy-0 > [class*=col-] {
    margin-block-start: 0vw !important;
  }
  .g-1 > [class*=col-], .gy-1 > [class*=col-] {
    margin-block-start: 0.2083333333vw !important;
  }
  .g-2 > [class*=col-], .gy-2 > [class*=col-] {
    margin-block-start: 0.4166666667vw !important;
  }
  .g-3 > [class*=col-], .gy-3 > [class*=col-] {
    margin-block-start: 0.8333333333vw !important;
  }
  .g-4 > [class*=col-], .gy-4 > [class*=col-] {
    margin-block-start: 1.25vw !important;
  }
  .g-5 > [class*=col-], .gy-5 > [class*=col-] {
    margin-block-start: 2.5vw !important;
  }
  .g-sm-0 > [class*=col-], .gy-sm-0 > [class*=col-] {
    margin-block-start: 0vw !important;
  }
  .g-sm-1 > [class*=col-], .gy-sm-1 > [class*=col-] {
    margin-block-start: 0.2083333333vw !important;
  }
  .g-sm-2 > [class*=col-], .gy-sm-2 > [class*=col-] {
    margin-block-start: 0.4166666667vw !important;
  }
  .g-sm-3 > [class*=col-], .gy-sm-3 > [class*=col-] {
    margin-block-start: 0.8333333333vw !important;
  }
  .g-sm-4 > [class*=col-], .gy-sm-4 > [class*=col-] {
    margin-block-start: 1.25vw !important;
  }
  .g-sm-5 > [class*=col-], .gy-sm-5 > [class*=col-] {
    margin-block-start: 2.5vw !important;
  }
  .g-md-0 > [class*=col-], .gy-md-0 > [class*=col-] {
    margin-block-start: 0vw !important;
  }
  .g-md-1 > [class*=col-], .gy-md-1 > [class*=col-] {
    margin-block-start: 0.2083333333vw !important;
  }
  .g-md-2 > [class*=col-], .gy-md-2 > [class*=col-] {
    margin-block-start: 0.4166666667vw !important;
  }
  .g-md-3 > [class*=col-], .gy-md-3 > [class*=col-] {
    margin-block-start: 0.8333333333vw !important;
  }
  .g-md-4 > [class*=col-], .gy-md-4 > [class*=col-] {
    margin-block-start: 1.25vw !important;
  }
  .g-md-5 > [class*=col-], .gy-md-5 > [class*=col-] {
    margin-block-start: 2.5vw !important;
  }
  .g-lg-0 > [class*=col-], .gy-lg-0 > [class*=col-] {
    margin-block-start: 0vw !important;
  }
  .g-lg-1 > [class*=col-], .gy-lg-1 > [class*=col-] {
    margin-block-start: 0.2083333333vw !important;
  }
  .g-lg-2 > [class*=col-], .gy-lg-2 > [class*=col-] {
    margin-block-start: 0.4166666667vw !important;
  }
  .g-lg-3 > [class*=col-], .gy-lg-3 > [class*=col-] {
    margin-block-start: 0.8333333333vw !important;
  }
  .g-lg-4 > [class*=col-], .gy-lg-4 > [class*=col-] {
    margin-block-start: 1.25vw !important;
  }
  .g-lg-5 > [class*=col-], .gy-lg-5 > [class*=col-] {
    margin-block-start: 2.5vw !important;
  }
  .g-xl-0 > [class*=col-], .gy-xl-0 > [class*=col-] {
    margin-block-start: 0vw !important;
  }
  .g-xl-1 > [class*=col-], .gy-xl-1 > [class*=col-] {
    margin-block-start: 0.2083333333vw !important;
  }
  .g-xl-2 > [class*=col-], .gy-xl-2 > [class*=col-] {
    margin-block-start: 0.4166666667vw !important;
  }
  .g-xl-3 > [class*=col-], .gy-xl-3 > [class*=col-] {
    margin-block-start: 0.8333333333vw !important;
  }
  .g-xl-4 > [class*=col-], .gy-xl-4 > [class*=col-] {
    margin-block-start: 1.25vw !important;
  }
  .g-xl-5 > [class*=col-], .gy-xl-5 > [class*=col-] {
    margin-block-start: 2.5vw !important;
  }
  .g-xxl-0 > [class*=col-], .gy-xxl-0 > [class*=col-] {
    margin-block-start: 0vw !important;
  }
  .g-xxl-1 > [class*=col-], .gy-xxl-1 > [class*=col-] {
    margin-block-start: 0.2083333333vw !important;
  }
  .g-xxl-2 > [class*=col-], .gy-xxl-2 > [class*=col-] {
    margin-block-start: 0.4166666667vw !important;
  }
  .g-xxl-3 > [class*=col-], .gy-xxl-3 > [class*=col-] {
    margin-block-start: 0.8333333333vw !important;
  }
  .g-xxl-4 > [class*=col-], .gy-xxl-4 > [class*=col-] {
    margin-block-start: 1.25vw !important;
  }
  .g-xxl-5 > [class*=col-], .gy-xxl-5 > [class*=col-] {
    margin-block-start: 2.5vw !important;
  }
}

/*convert px to vw*/
header .navbar--header {
  background-color: var(--color-gray);
  padding: var(--spacing-10) var(--spacing-15);
}
@media (min-width: 768px) {
  header .navbar--header {
    padding: var(--spacing-10) var(--spacing-25);
  }
}
@media (min-width: 1920px) {
  header .navbar--header {
    padding: 0.5208333333vw 1.3020833333vw;
  }
}
@media (min-width: 768px) {
  header .navbar-content {
    width: var(--spacing-full);
  }
}
header .navbar-brand {
  min-width: var(--spacing-45);
  height: var(--spacing-45);
  padding: var(--spacing-0);
  margin-right: var(--spacing-0);
  width: var(--spacing-full);
}
@media (min-width: 768px) {
  header .navbar-brand {
    width: var(--unset);
    margin-right: var(--spacing-sm);
  }
}
@media (min-width: 1920px) {
  header .navbar-brand {
    min-width: 2.34375vw;
    height: 2.34375vw;
    margin-right: 0.4166666667vw;
  }
}
header .navbar-toggler {
  border-color: var(--color-gray);
  color: var(--color-white);
}
header .navbar-toggler:focus, header .navbar-toggler:hover {
  box-shadow: var(--none);
  color: var(--color-white);
}
@media (max-width: 767.98px) {
  header .navbar-collapse {
    top: 65px;
    position: var(--absolute);
    z-index: 1041;
  }
}

/* Top Spacing */
.top--space {
  /* height: calc(100dvh - 102px);
  overflow-y: auto;
  overflow-x: hidden; */
  margin-top: 65px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .top--space {
    margin-top: 66px;
  }
}
@media (min-width: 1920px) {
  .top--space {
    margin-top: 3.4375vw;
    margin-bottom: 1.875vw;
    max-height: calc(100dvh - 5.3125vw);
  }
}

/*convert px to vw*/
footer {
  position: var(--fixed);
  background: var(--color-white);
  bottom: var(--spacing-0);
  left: var(--spacing-0);
  right: var(--spacing-0);
}
footer .content {
  font-size: var(--spacing-14);
  line-height: var(--spacing-36);
  font-weight: var(--weight-5);
  color: var(--color-gray-dark);
}
@media (min-width: 768px) {
  footer .content {
    font-size: var(--spacing-md);
    line-height: var(--spacing-36);
  }
}
@media (min-width: 1920px) {
  footer .content {
    font-size: 0.8333333333vw;
    line-height: 1.875vw;
  }
}/*# sourceMappingURL=main.css.map */