input {
  font-family: "Gilroy"; }
  input::placeholder {
    font-family: "Gilroy"; }

body {
  color: #FCF2FE;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Gilroy";
  background-color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  overflow-x: hidden; }
  @media (min-width: 769px) {
    body {
      font-size: 24px; } }

*,
*:before,
*:after {
  box-sizing: border-box; }

/*2*/
::selection {
  color: #000;
  background: #F122D3; }

p {
  margin: 0 0 8px; }

a {
  color: #F122D3; }
  a:hover {
    color: #F122D3; }

i,
em {
  font-weight: 400; }

img {
  max-width: 100%;
  display: block; }

/*3*/
ol,
ul {
  padding: 0;
  margin: 0;
  counter-reset: li; }
  ol li,
  ul li {
    list-style: none;
    list-style-position: outside;
    position: relative;
    padding-left: 30px; }
    ol li:before,
    ul li:before {
      content: counter(li, decimal) ".";
      counter-increment: li;
      margin-left: 0;
      margin-right: 0;
      font-weight: 700;
      color: #FCF2FE;
      position: absolute;
      top: 0;
      left: 0; }

/*4*/
ul li::before {
  content: "";
  background-color: #F122D3;
  border-radius: 50%;
  width: 10px;
  min-width: 10px;
  height: 10px;
  top: 7px; }

/*7-8*/
h1,
h2,
h3,
h4,
h5,
h6,
.title_1,
.title_2,
.title_3,
.title_4,
.title_5,
.title_6 {
  line-height: 1;
  color: #fff;
  font-weight: 800;
  font-family: "Gilroy";
  margin: 0 0 8px; }

h1,
.title_1 {
  font-size: 50px;
  margin: 0 0 20px; }
  @media (min-width: 769px) {
    h1,
    .title_1 {
      font-size: 64px;
      margin: 0 0 45px; } }

h2,
.title_2 {
  font-size: 24px; }

h3,
.title_3 {
  font-size: 20px; }

h4,
.title_4 {
  font-size: 18px; }

h5,
.title_5 {
  font-size: 16px; }

h6,
.title_6 {
  font-size: 14px; }

/*10-11*/
.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 17px 35.5px;
  font-weight: 700;
  font-size: 18px;
  font-family: "Gilroy";
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.06);
  line-height: 1.1;
  background: linear-gradient(214.25deg, rgba(0, 0, 0, 0.224) 6.73%, rgba(0, 0, 0, 0.084) 100.28%);
  border-radius: 90px;
  text-shadow: 0px -2.25px 50.57px rgba(19, 235, 214, 0.75);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  animation: pulse 2s infinite cubic-bezier(0.6, 0, 0, 1);
  box-shadow: 0 0 rgba(241, 34, 211, 0.3); }
  .btn:disabled {
    pointer-events: none;
    opacity: 0.3; }
  .btn:hover {
    background-color: #F122D3;
    color: #fff;
    border-color: #F122D3; }
  @media (min-width: 769px) {
    .btn {
      font-size: 32px;
      padding: 30px 45px;
      font-weight: 800; } }

@keyframes pulse {
  100% {
    box-shadow: 0 0 0 22px rgba(241, 34, 211, 0); } }

.btn-primary {
  color: #fff;
  background: #F122D3; }
  .btn-primary:hover {
    color: #F122D3;
    background-color: transparent;
    border-color: #F122D3; }

.btn-link {
  color: #212121;
  background-color: #fff; }
  .btn-link:hover {
    color: #fff;
    background-color: #F122D3; }

/*12*/
/*13*/
.scroll-x {
  overflow: auto; }

.scroll-x::-webkit-scrollbar-thumb {
  background-color: #F122D3;
  border-radius: 5px; }

.scroll-x::-webkit-scrollbar {
  height: 1px;
  background-color: #DFDCDC;
  border: 0 solid #DFDCDC;
  border-radius: 5px; }

.scroll::-webkit-scrollbar {
  width: 3px;
  border-radius: 5px; }

.scroll::-webkit-scrollbar-thumb {
  background-color: #F122D3;
  background-clip: padding-box;
  border: 0 solid #DFDCDC;
  border-radius: 5px; }
  .scroll::-webkit-scrollbar-thumb:hover {
    background-color: #F122D3;
    cursor: pointer; }

.scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #DFDCDC;
  cursor: pointer; }

::-webkit-scrollbar-button {
  background-color: transparent;
  display: none; }

/* IE */
.scroll {
  scrollbar-face-color: #F122D3;
  scrollbar-shadow-color: #DFDCDC;
  scrollbar-highlight-color: #DFDCDC; }

/* FireFox */
.scroll {
  scrollbar-color: #F122D3 #DFDCDC;
  padding-right: 15px; }

.scroll {
  overflow-x: hidden; }
  .scroll_x {
    overflow-x: scroll;
    overflow-y: hidden;
    padding-right: 0;
    padding-bottom: 40px; }
    @media (min-width: 1281px) {
      .scroll_x {
        overflow-x: hidden; } }
    .scroll_x::-webkit-scrollbar {
      height: 2px;
      max-width: 300px; }

.scroll-heidden::-webkit-scrollbar {
  width: 0px; }

/*14*/
/*15*/
/*16*/
/*17*/
/*18*/
.container {
  width: 100%;
  padding: 0 20px;
  max-width: 1540px;
  margin: 0 auto; }
  .container_xm {
    max-width: 1240px; }
  .container_sm {
    max-width: 1340px; }
  .container_xl {
    max-width: 1645px; }
  .container_lg {
    max-width: 1640px; }
  .container_df {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

.wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  flex: auto;
  overflow-y: auto;
  background-image: url("./img/bg_mobile@2x.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0; }
  @media (min-width: 769px) {
    .wrapper {
      background-image: url("./img/bg@2x.jpg"); } }

.btn-holder {
  text-align: center; }

/* === BEGIN FONTS === */
@font-face {
  font-family: 'Gilroy';
  src: url("./fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Gilroy';
  src: url("./fonts/Gilroy-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

/* === END FONTS === */
.header {
  padding: 41px 16px 0; }

.logo-holder {
  max-width: 140px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .logo-holder {
      max-width: 200px; } }

/* === BEGIN MEDIA === */
/* ======================
$mobile-small 240px
$mobile-large 320px
$tablet-small 480px
$tablet-large 768px
$screen-small 1024px
$screen-large 1280px 
====================== */
@media screen and (max-width: 1024px) {
  h1,
  .title_1 {
    font-size: 24px; }
  h2,
  .title_2 {
    font-size: 20px; }
  h3,
  .title_3 {
    font-size: 18px; }
  h4,
  .title_4 {
    font-size: 16px; }
  h5,
  .title_5 {
    font-size: 14px; }
  h6,
  .title_6 {
    font-size: 12px; } }

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 25px 15px 15px 0; } }

/* === END MEDIA === */
.main {
  padding: 30px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  @media (min-width: 769px) {
    .main {
      padding: 45px 16px; } }

.subtext {
  text-align: center;
  line-height: 1.3; }
  .subtext p {
    margin: 0 0 15px; }
    .subtext p:nth-of-type(2) {
      max-width: 532px;
      margin: 0 auto 30px; }
  @media (min-width: 769px) {
    .subtext p {
      margin: 0 0 30px; } }

.help-list {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  margin: 0 0 30px;
  flex-wrap: wrap; }
  .help-list .list-item {
    text-align: center;
    padding: 20px 10px;
    width: calc(50% - 8px);
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(16.90831px);
    box-shadow: 0px 3.62px 4.83px 0px #00000029; }
  .help-list .list-item img {
    max-width: 50px;
    width: 100%;
    margin: 0 auto 15px;
    box-shadow: 0 16px 76px 0 rgba(0, 0, 0, 0.16); }
  .help-list .title {
    font-size: 16px;
    display: block;
    font-weight: 700; }
  @media (min-width: 1025px) {
    .help-list {
      justify-content: center;
      gap: 75px;
      margin: 0 0 45px;
      flex-wrap: nowrap; }
      .help-list .list-item {
        max-width: 280px; } }
  @media (min-width: 769px) {
    .help-list .list-item {
      padding: 38px 10px; }
      .help-list .list-item img {
        max-width: 100px;
        margin: 0 auto 27px; }
    .help-list .title {
      font-size: 20px; } }
  .help-list + .subtext {
    max-width: 794px; }

/*# sourceMappingURL=style.css.map */