:root {
    --white: #fff;
    --dark: #232323;
    --accent: #275ec7;
    --hover-main: #1a4087;
    --gray: #737373;
    --gray-light: #a4a4a4;
    --gray-extra-light: #e3e3e3;
    --background: #000521;
    --error: #ff5151;
    --disable: #698bcc;
    --blue: #5c8eec;
    --brand-colors-pantone-282: #0d2451;
    --brand-colors-pantone-2126: #275ec7;
    --brand-colors-pantone-2370: #4a39b4;
    --brand-colors-pantone-278: #98c1ff;
    --brand-colors-pantone-656: #e3eeff;
}

:root {
  --font-family: "Open Sans", sans-serif;
  --second-family: "Manrope", sans-serif;
  --third-family: "Montserrat", sans-serif;
  --font3: "SF Pro Display", sans-serif;
  --font4: "SF Pro Text", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
}
p.web {
  display: block;
}
p.mob {
  display: none;
}

/*ul li {
  list-style: none;
}*/

button {
  border: none;
}


img {
  -webkit-backface-visibility: hidden; 
  -ms-transform: translateZ(0); /* IE 9 */
  -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
  transform: translateZ(0);
}

html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
html.scroll-hidden {
  overflow: hidden;
}
html.scroll-hidden body {
  overflow-y: hidden !important;
  touch-action: none;
  -ms-touch-action: none;
  -webkit-overflow-scrolling: none;
  overscroll-behavior: none;
}
::-webkit-scrollbar {
  height: 5px;
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: var(--brand-colors-pantone-2126);
  border-radius: 10px;
}
::-webkit-scrollbar-track {
  background: var(--white);
}
body {
  width: 100%;
  color: var(--black-main);
  background-color: #FDFDFD;
}
main {
  overflow-y: visible;
}
.container {
  width: 1440px;
  margin: 0 auto;
}


/* margin */
.mt-6 {
  margin-top: 6px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-16 {
  margin-top: 16px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-32 {
  margin-top: 32px;
}
.mt-36 {
  margin-top: 36px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-48 {
  margin-top: 48px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-90 {
  margin-top: 90px;
}
.mt-150 {
  margin-top: 150px;
}

form {
  position: relative;
}
.form-item {
  position: relative;
}