@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.accordion-inner { border-top: 0 none; }

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

html{
    overflow-x: hidden;
}

body {
	line-height: 1;
    overflow: hidden;
    position: relative;
    
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
button,label{-webkit-tap-highlight-color: transparent;}

/* RESET END */

body{
    padding: 0;
    margin: 0;
    font-family: "Visa Dialect";
    overflow-x: hidden;
}

.container-fluid{
    padding-left: 100px;
    padding-right: 100px;
}

.navbar{
    background: #32968A;
    padding-top: 14px;
    padding-bottom: 14px;
    margin: 0;
}

.navbar .nav-item{
    margin: 0;
    padding: 0;
    margin-right: 41px;
}

.navbar .nav-link{
    color: #FFF;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.navbar-brand{
    padding: 0;
    margin: 0;
}

.navbar-nav{
    margin: auto;
}

.nav_btn:hover{
    box-shadow: 0 4px 4px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
    color: #14332E;
}
.nav_btn{
    display: block;
    text-decoration: none;
    border-radius: 10px;
    background: #FFF;
    padding: 18px 28px;
    color: #14332E;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}

.navbar-brand img{
    max-width: 259px;
}

.top_div{
    height: 86.4px;
}

section{
    position: relative;
}

.main{
    width: 100%;
}

img.main_bg{
    object-fit: cover;
    object-position: center top;
    width: 100%;
}

.main_btn{
    border-radius: 16px;
    border: 2px solid #A6FFF3;
    background: #79FBEA;
    box-shadow: 0 4px 4px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
    padding: 24px 46px 24px 46px;
    color: #007665;
    font-family: "Visa Dialect";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 120px;
    width: max-content;
    text-decoration: none;
}

.main_btn:hover{
    color: #007665;
    opacity: 0.9;
}

.mechanics{
    padding: 90px 0 140px;
    background: url('../images/mechanics_bg.jpg');
    background-size: cover;
    background-position: center;
}

.mechanics .title h2{
    color: #FFF;
    font-family: "Gotham Pro";
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.9%;
    letter-spacing: -0.9px;
    margin-bottom: 70px;
}

.mechanics_item_wrapper{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mechanics_item{
    border-radius: 40px;
    border: 0.597px solid #FFF;
    background: linear-gradient(214deg, rgba(0, 0, 0, 0.22) 6.73%, rgba(0, 0, 0, 0.08) 100.28%);
    box-shadow: 0 5.376px 7.168px 0 rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(12.543580055236816px);
    -webkit-backdrop-filter: blur(12.543580055236816px);
    padding: 50px 36px 23px;
    height: 320px;
    width: 325px;
}

.mechanics_item .icon img{
    height: 50px;
}
.mechanics_item_header{
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    margin-bottom: 32px;
}

.mechanics_item .title p{
    color: #13EBD6;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 29.496px */
    letter-spacing: -0.36px;
    margin-left: 8px;
}

.mechanics_item .mechanics_item_body p{
    color: #FFF;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}

.blogers{
    padding: 56px 0 56px;
    background: url('../images/bloggers.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blogers .title h2{
    color: #13EBD6;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 73.74px */
    letter-spacing: -0.9px;
    margin-bottom: 60px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.blogers .content{
    border-radius: 40px;
    border: 0.597px solid #FFF;
    background: linear-gradient(214deg, rgba(0, 0, 0, 0.22) 6.73%, rgba(0, 0, 0, 0.08) 100.28%);
    box-shadow: 0 5.376px 7.168px 0 rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(12.543580055236816px);
    -webkit-backdrop-filter: blur(12.543580055236816px);
    padding: 50px 54px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
}

.blogers .content p{
    color: #FFF;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 29.496px */
    letter-spacing: -0.36px;
    max-width: 800px;
}

.blogers .content_1{
    padding: 50px 54px;
    border-radius: 40px;
    border: 0.597px solid #FFF;
    background: linear-gradient(214deg, rgba(0, 0, 0, 0.22) 6.73%, rgba(0, 0, 0, 0.08) 100.28%);
    box-shadow: 0 5.376px 7.168px 0 rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(12.543580055236816px);
    -webkit-backdrop-filter: blur(12.543580055236816px);
    color: #FFF;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 29.496px */
    letter-spacing: -0.36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prizes{
    height: 850px;
    background: url("../images/prizes_bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 76px;
}

.prizes .title h2{
    color: #FFF;
    text-align: left;
    font-family: "Gotham Pro";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 73.74px */
    letter-spacing: -0.9px;
}
.item-hints .hint {
  width: 60px;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.item-hints .hint::before {
  /* //rotated squre */
  background-color: #fff;
  width: 21px;
  height: 21px;
  z-index: 2;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 300px;
}

.item-hints .hint::after {
  /* //green glow */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 2px;
  height: 2px;
  z-index: 1;
  -webkit-box-shadow: 0 0 50px 30px rgba(72, 170, 72, 0.3);
  box-shadow: 0 0 50px 30px rgba(72, 170, 72, 0.3);
  -webkit-animation: home_hero_item_hints_glow 2s
    cubic-bezier(0.25, 0.1, 0.2, 1) infinite;
  animation: home_hero_item_hints_glow 2s cubic-bezier(0.25, 0.1, 0.2, 1)
    infinite;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@-webkit-keyframes home_hero_item_hints_glow {
  0% {
    -webkit-box-shadow: 0 0 30px 5px #225c39;
    box-shadow: 0 0 30px 5px #225c39;
  }
  70% {
    -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
  }
}
@keyframes home_hero_item_hints_glow {
  0% {
    -webkit-box-shadow: 0 0 30px 5px #225c39;
    box-shadow: 0 0 30px 5px #225c39;
  }
  70% {
    -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
  }
}
.item-hints .hint-dot {
  z-index: 3;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  display: block;
  -webkit-transform: translate(-0%, -0%) scale(0.95);
  transform: translate(-0%, -0%) scale(0.95);
  -webkit-animation: home_hero_item_hints_border 2s linear infinite;
  animation: home_hero_item_hints_border 2s linear infinite;
  margin: auto;
}

.item-hints .hint:hover .hint-dot {
  z-index: 3;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #13EBD6;
  display: block;
  -webkit-transform: translate(-0%, -0%) scale(0.95);
  transform: translate(-0%, -0%) scale(0.95);
  -webkit-animation: home_hero_item_hints_border 2s linear infinite;
  animation: home_hero_item_hints_border 2s linear infinite;
  margin: auto;
}

.item-hints .hint.active .hint-dot {
  z-index: 3;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #13EBD6;
  display: block;
  -webkit-transform: translate(-0%, -0%) scale(0.95);
  transform: translate(-0%, -0%) scale(0.95);
  -webkit-animation: home_hero_item_hints_border 2s linear infinite;
  animation: home_hero_item_hints_border 2s linear infinite;
  margin: auto;
}
@-webkit-keyframes home_hero_item_hints_border {
  0%,
  100% {
    border-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-0%, -0%) scale(0.95);
  }
  50% {
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-0%, -0%) scale(1);
  }
}
@keyframes home_hero_item_hints_border {
  0%,
  100% {
    border-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-0%, -0%) scale(0.95);
  }
  50% {
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-0%, -0%) scale(1);
  }
}
.item-hints .hint[data-position="1"] .hint-content {
  top: 85px;
  left: 50%;
  margin-left: 56px;
}
.item-hints .hint-content {
  color: #fff;
  width: max-content;
  position: absolute;
  z-index: 5;
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  pointer-events: none;
  color: #fff;
  visibility: hidden;
  pointer-events: none;
}
.item-hints .hint:hover .hint-content {
  color: #fff;
  width: max-content;
  position: absolute;
  z-index: 5;
  padding: 12px 0;
  opacity: 1;
  visibility: visible !important;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  pointer-events: none;
  color: #fff;
  visibility: hidden;
  pointer-events: none;
}
.item-hints .hint.active .hint-content {
  color: #fff;
  width: max-content;
  position: absolute;
  z-index: 5;
  padding: 12px 0;
  opacity: 1;
  visibility: visible !important;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  pointer-events: none;
  color: #fff;
  visibility: hidden;
  pointer-events: none;
}
.item-hints .hint-content::before {
  width: 0px;
  bottom: 75px;
    left: -55px;
  content: "";
  background-color: #13EBD6;
  height: 2px;
  position: absolute;
  transition: width 0.4s;
}
.item-hints .hint:hover .hint-content::before {
  width: 52px;
  transition: width 0.4s;
}
.item-hints .hint.active .hint-content::before {
  width: 52px;
  transition: width 0.4s;
}
.item-hints .hint-content::after {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 76px;
    left: -55px;
    width: 104px;
    content: "";
    background-color: #13EBD6;
    height: 2px;
    position: absolute;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.item-hints .hint:hover .hint-content::after {
  opacity: 1;
  visibility: visible;
}
.item-hints .hint.active .hint-content::after {
  opacity: 1;
  visibility: visible;
}

.item-hints .hint[data-position="4"] .hint-content {
  bottom: 85px;
  left: 50%;
  margin-left: 56px;
}

.hint_wrapper{
    border-radius: 40px;
    border: 0.597px solid rgba(19, 235, 214, 0.50);
    background: rgba(0, 0, 0, 0.80);
    box-shadow: 0 5.376px 7.168px 0 rgba(0, 0, 0, 0.16);
    padding: 50px 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#prizes_test {
    transition: all 0.5s ease; /* Плавный переход при фиксации */
}

.hint_wrapper_left img{
    width: 100px;
    margin-right: 32px;
}

.hint_wrapper_body p{
    color: #FFF;
    font-family: "Gotham Pro";
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 122.9%; /* 41.786px */
    letter-spacing: -0.51px;
    margin-bottom: 24px;
}

.hint_wrapper_body span{
    display: block;
    color: #FFF;
    font-family: "Gotham Pro";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 34.412px */
    letter-spacing: -0.42px;
}

.hint_wrapper_dot{
    position: absolute;
    bottom: 55px;
    margin: auto;
    left: -7px;
    height: max-content;
}

.hint .icon{
    position: absolute;
    left: -61px;
    bottom: 0;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.hint:hover .icon{
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    opacity: 0;
}
.hint.active .icon{
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    opacity: 0;
}

.hint .icon img{
    width: 180px;
}

.hint_one{
    left: 45.5%;
}

.item-hints .hint_one.hint:hover .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_one.hint.active .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_one .hint-content::after{
    bottom: 0px;
    left: -53px;
    width: 32px;
}
.hint_one .hint_wrapper{
    left: -549px;
    bottom: -112px;
}
.hint_one .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    left: unset;
    height: max-content;
    right: -6px;
}

.hint_two{
     left: 53.5%;
    top: -56px;
}

.item-hints .hint_two.hint:hover .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_two.hint.active .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_two .hint-content::after{
    bottom: 0px;
    width: 32px;
}
.hint_two .hint_wrapper{
    bottom: -112px;
}
.hint_two .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    height: max-content;
}


.hint_three .icon {
    left: -57px;
}

.hint_three {
    left: 68%;
    top: -53px;
}

.item-hints .hint_three.hint:hover .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_three.hint.active .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_three .hint-content::after{
    bottom: 0px;
    width: 32px;
}
.hint_three .hint_wrapper{
    bottom: -112px;
}
.hint_three .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    height: max-content;
}


.hint_four {
    left: 42%;
    top: -60px;
}

.hint_four .icon {
    left: -69.5px;
    top: -113px;
}

.item-hints .hint_four.hint:hover .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_four.hint.active .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_four .hint-content::after{
    bottom: 0px;
    left: -53px;
    width: 32px;
}
.hint_four .hint_wrapper{
    left: -529px;
    bottom: -112px;
}
.hint_four .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    left: unset;
    height: max-content;
    right: -6px;
}

.hint_five .icon {
    left: -62px;
    bottom: -4px;
}

.hint_five {
    left: 58%;
    top: 38px;
}

.item-hints .hint_five.hint:hover .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_five.hint.active .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_five .hint-content::after{
    bottom: 0px;
    width: 32px;
}
.hint_five .hint_wrapper{
    bottom: -112px;
}
.hint_five .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    height: max-content;
}

.hint_six {
    left: 28%;
    top: 109px;
}

.hint_six .icon {
    left: -65px;
    bottom: -4px;
}

.item-hints .hint_six.hint:hover .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_six.hint.active .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_six .hint-content::after{
    bottom: 0px;
    left: -53px;
    width: 32px;
}
.hint_six .hint_wrapper{
    left: -569px;
    bottom: -112px;
}
.hint_six .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    left: unset;
    height: max-content;
    right: -6px;
}

.hint_seven {
    left: 68%;
    top: -19px;
}

.hint_seven .icon {
    left: -50px;
    bottom: -8px;
}

.item-hints .hint_seven.hint:hover .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_seven.hint.active .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_seven .hint-content::after{
    bottom: 0px;
    left: -53px;
    width: 32px;
}
.hint_seven .hint_wrapper{
    left: -518px;
    bottom: -112px;
}
.hint_seven .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    left: unset;
    height: max-content;
    right: -6px;
}

.hint_eight {
    left: 41%;
    top: 109px;
}

.hint_eight .icon {
    left: -59px;
    bottom: -9px;
}

.item-hints .hint_eight.hint:hover .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_eight.hint.active .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_eight .hint-content::after{
    bottom: 0px;
    left: -53px;
    width: 32px;
}
.hint_eight .hint_wrapper{
    left: -519px;
    bottom: -112px;
}
.hint_eight .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    left: unset;
    height: max-content;
    right: -6px;
}

.hint_nine {
    left: 82%;
    top: -71px;
}

.hint_nine .icon {
    left: -56px;
    bottom: -14px;
}

.item-hints .hint_nine.hint:hover .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_nine.hint.active .hint-content::before{
    left: -104px;
    bottom: 0px;
}
.item-hints .hint_nine .hint-content::after{
    bottom: 0px;
    left: -53px;
    width: 32px;
}
.hint_nine .hint_wrapper{
    left: -518px;
    bottom: -112px;
}
.hint_nine .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    left: unset;
    height: max-content;
    right: -6px;
}

.hint_ten {
    left: 52%;
    top: 82px;
}

.hint_ten .icon {
    left: -59px;
    bottom: 4px;
}

.item-hints .hint_ten.hint:hover .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_ten.hint.active .hint-content::before{
    bottom: 0px;
}
.item-hints .hint_ten .hint-content::after{
    bottom: 0px;
    width: 32px;
}
.hint_ten .hint_wrapper{
    bottom: -112px;
}
.hint_ten .hint_wrapper_dot {
    position: absolute;
    bottom: 92px;
    margin: auto;
    height: max-content;
}

@media (max-width: 1999.98px) {
    .hint_one{
        left: 45.5%;
    }
    .hint_two{
        left: 52.5%;
        top: -56px;
    }
    .hint_three {
        left: 68%;
        top: -53px;
    }
    .hint_four {
        left: 35%;
        top: -60px;
    }
    .hint_five {
        left: 62%;
        top: 38px;
    }
    .hint_six {
        left: 35%;
        top: 109px;
    }
    .hint_seven {
        left: 76%;
        top: -19px;
    }
    .hint_eight {
        left: 49%;
        top: 109px;
    }
    .hint_nine {
                left: 87%;
        top: -104px;
    }
    .hint_ten {
        left: 63%;
        top: 82px;
    }

}


@media (max-width: 1699.98px) {
    .hint_one{
        left: 43.5%;
    }
    .hint_two{
        left: 50.5%;
        top: -56px;
    }
    .hint_three {
        left: 68%;
        top: -53px;
    }
    .hint_four {
        left: 35%;
        top: -60px;
    }
    .hint_five {
        left: 63%;
        top: 38px;
    }
    .hint_six {
        left: 34%;
        top: 109px;
    }
    .hint_seven {
        left: 76%;
        top: -19px;
    }
    .hint_eight {
        left: 49%;
        top: 109px;
    }
    .hint_nine {
                left: 87%;
        top: -104px;
    }
    .hint_ten {
        left: 63%;
        top: 82px;
    }

}

@media (max-width: 1499.98px) { 
    .hint_one{
        left: 43.5%;
    }
    .hint_two{
        left: 52.5%;
        top: -56px;
    }
    .hint_three {
        left: 70%;
        top: -53px;
    }
    .hint_four {
        left: 35%;
        top: -60px;
    }
    .hint_five {
        left: 63%;
        top: 38px;
    }
    .hint_six {
        left: 34%;
        top: 109px;
    }
    .hint_seven {
        left: 78%;
        top: -19px;
    }
    .hint_eight {
        left: 51%;
        top: 109px;
    }
    .hint_nine {
        left: 89%;
        top: -104px;
    }
    .hint_ten {
        left: 67%;
        top: 82px;
    }

}

/* END PRIZES */

.info_go {
    background: url("../images/inf_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 152px 0 148px;
}

.info_go .title h2{
    color: #FFF;
    text-align: center;
    font-family: "Gotham Pro";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 122.9%; /* 73.74px */
    letter-spacing: -0.9px;
    margin: auto;
    margin-bottom: 60px;
    max-width: 731px;
}

.info_go .link a{
    display: block;
    width: max-content;
    text-decoration: none;
    border-radius: 16px;
    border: 2px solid #A6FFF3;
    background: #79FBEA;
    box-shadow: 0 4px 4px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
    color: #007665;
    font-family: "Visa Dialect";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 32px */
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 24px 46.7px 24px 46px;
    margin: auto;
}

.info_go .link a:hover{
    opacity: 0.9;
}



.race_bg{
    width: 100%;
}

.faq{
    
    background: url("../images/faq_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    padding: 90px 0;
}

.faq .title h2{
    color: #FFF;
    font-family: "Visa Dialect";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 56px */
    text-transform: uppercase;
    margin-bottom: 44px;
}
.accordion-item{
    border-radius: 8px;
    background: var(--White, #FFF);
    box-shadow: 0 4px 20px 0 rgba(118, 118, 118, 0.25);
    margin-bottom: 8px;
}

.accordion-item .accordion-button, .accordion-item .accordion-button.collapsed{
    border-radius: 8px;
}
.accordion-button{
    border-radius: 8px;
    background: var(--White, #FFF);
    box-shadow: 0 4px 20px 0 rgba(118, 118, 118, 0.25);
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; 
}

.accordion-button:not(.collapsed){
    outline: 0;
    box-shadow: none;
    background: #fff;
    color: var(--Black, #2A2A2A);
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.accordion-button:focus{
    outline: 0;
    box-shadow: none;
    background: #fff;
}

.accordion-body{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
}

.contact_form_wrapper{
    border-radius: 8px;
    background: var(--White, #FFF);
    box-shadow: 0 4px 20px 0 rgba(118, 118, 118, 0.25);
    padding: 40px;
    max-width: 544px;
    margin-left: auto;
}

.contact_form_wrapper .title p{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px; /* 141.667% */
    margin-bottom: 25px;
}

.contact_form_item label{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
    margin-bottom: 5px;
}

.contact_form_item input[type="text"]::placeholder, .contact_form_item input[type="email"]::placeholder, textarea::placeholder{
    color: var(--Black-035, rgba(42, 42, 42, 0.35));
}

.contact_form_item input[type="text"], .contact_form_item input[type="email"], textarea, .modal_form_item input[type="text"]{
    border-radius: 8px;
    border: 1px solid var(--Grey, #EBEBEB);
    background: var(--White, #FFF);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 10px 14px;
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    width: 100%;
}


.contact_form_item{
    margin-bottom: 20px;
}

.contact_form_btn{
    border-radius: 8px;
    border: 2px solid #A6FFF3;
    background: #79FBEA;
    box-shadow: 0 4px 4px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
    color: #007665;
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 24px 46px 24px 46px;
    width: 100%;
}

.contact_form_btn:hover{
    opacity: 0.9;
}

footer{
    background: #031413;
    padding: 40px 0 26px;
}

.footer_logo img{
    max-width: 285px;
    margin-bottom: 40px;
}

.footer_title p{
    color: var(--White, #FFF);
    font-family: "Visa Dialect";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 8px;
}

.footer_text p{
    color: var(--White, #FFF);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 6px;
    max-width: 685px;
}

.footer_link a{
    color: var(--White, #FFF);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: inline-block;
    margin-bottom: 6px;
}

.footer_mt_first{
    margin-top: 28px;
}

.footer_mt_second{
    margin-top: 56px;
}

.link_go{
    -webkit-animation: home_hero_item_hints_glow 2s cubic-bezier(0.25, 0.1, 0.2, 1) infinite;
    animation: home_hero_item_hints_glow 2s cubic-bezier(0.25, 0.1, 0.2, 1) infinite;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 62px;
    right: 56px;
    border-radius: 300px;
    border: 2px solid #A6FFF3;
    background: #79FBEA;
    box-shadow: 0 4px 4px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
    width: 88px;
    height: 88px;
}

.link_go img{
    width: 30px;
}

.link_go:hover{
    opacity: 0.9;
}

@media (max-width: 1799.98px) { 
    .container-fluid{
        padding-left: 40px;
        padding-right: 40px;
    }

    .navbar .nav-item{
        margin-right: 16px;
    }

    .main_btn{
        font-size: 28px;
    }

    .mechanics_item .icon img {
        height: 50px;
    }

    .mechanics_item{
        width: 344px;
        height: 290px;
        margin-bottom: 24px;
        margin-right: 24px;
    }
    

    .mechanics_item_wrapper{
        justify-content: center;
    }

    .mechanics .title h2{
        text-align: center;
    }

    .blogers .title h2{
        font-size: 50px;
    }

    .info_go .title h2{
        font-size: 50px;
    }

    .info_go .link a{
        font-size: 28px;
    }
}

@media (max-width: 1499.98px) {
    .navbar-brand img {
        max-width: 200px;
    }
}

.navbar-toggler{
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
}

.navbar-toggler:focus{
    box-shadow: none;
}

@media (max-width: 1399.98px) {
    .nav_btn{
        margin-left: auto;
        margin-right: 40px;
    }
    .navbar-brand img {
        max-width: 259px;
    }

    .navbar-toggler-icon{
        background-image: url("../items/ic_round-menu.svg");
    }

    .navbar .nav-link{
        color: #FFF;
        font-family: "Visa Dialect";
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%; 
    }

    .navbar .nav-item:first-child{
        margin-top: 45px;
    }
    .navbar .nav-item{
        margin-bottom: 20px;
        margin-right: 0;
    }

    .mechanics .title h2 {
        text-align: left;
    }

    .mechanics_item_wrapper {
        justify-content: left;
    }

        .container-fluid{
        padding-left: 20px;
        padding-right: 20px;
    }
    .nav_btn {
        margin-right: 32px;
    }

    .nav_btn{
        font-size: 14px;
        padding: 12px 20px;
    }

    .top_div{
        height: 71.2px;
    }

    .mechanics_item{
        width: 100%;
    }

    .mechanics{
        padding: 70px 0;
    }

    .mechanics .title h2{
        font-size: 36px;
        margin-bottom: 40px;
    }

    .blogers .title h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .blogers .content p{
        font-size: 18px;
    }
    .blogers .content_1 p{
        font-size: 18px;
    }
    .blogers .content{
        padding: 50px 32px;
    }
    .blogers .content_1{
        padding: 50px 32px;
    }

    .prizes_mob{
        background: url('../images/prize_mob.jpg');
        background-size: cover;
        background-position: top left;
        padding: 70px 0;
    }

    .prizes_mob .title h2{
        color: #FFF;
        font-family: "Gotham Pro";
        font-size: 36px;
        margin-bottom: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 122.9%; /* 36.87px */
        letter-spacing: -0.45px;
    }

    .prizes_mob .prize_item{
        border-radius: 16px;
        border: 0.597px solid #FFF;
        background: linear-gradient(214deg, rgba(0, 0, 0, 0.22) 6.73%, rgba(0, 0, 0, 0.08) 100.28%);
        box-shadow: 0 5.376px 7.168px 0 rgba(0, 0, 0, 0.16);
        backdrop-filter: blur(12.543580055236816px);
        -webkit-backdrop-filter: blur(12.543580055236816px);
        padding: 0 20px;
        display: flex;
        align-items: center;
        
    }

    .prizes_mob .prize_item img{
        width: 80px;
        height: 80px;
        margin-right: 16px;
    }

    .prizes_mob .prize_item_right p{
        color: #FFF;
        font-family: "Gotham Pro";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 122.9%; /* 22.122px */
        letter-spacing: -0.27px;
        margin-bottom: 8px;
    } 
    .prizes_mob .prize_item_right span{
        color: #FFF;
        font-family: "Gotham Pro";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 122.9%; /* 19.664px */
        letter-spacing: -0.24px;
        display: block;
    } 

    .info_go .title h2{
        max-width: 800px;
    }
    
    .info_go{
        padding: 45px 0;
        background: url("../images/inf_bg_tablet.jpg");
    }
    
}

@media (max-width: 1199.98px) {
    .contact_form_wrapper{
        margin-left: auto;
        margin-right: auto;
        margin-top: 120px;
    }
}

.left_to_right {
    animation: left_to_right 2s ease;
    animation-fill-mode: forwards;
}
.right_to_left {
    animation: right_to_left 2s ease;
    animation-fill-mode: forwards;
}
.bottom_to_top {
    animation: bottom_to_top 2s ease;
    animation-fill-mode: forwards;
}
.opacity {
    animation: opacity 2s ease;
    animation-fill-mode: forwards;
}

.text_animate{
	animation: text_animate 1s ease;
    animation-fill-mode: forwards;
}
.text_animate_p{
	animation: text_animate 1.5s ease;
    animation-fill-mode: forwards;
}
.animate_marker{opacity: 0;}
.animate_marker_p{opacity: 0;}
.why{opacity: 0;}
.partners_image_main{opacity: 0;}


.prize_item {
    margin-bottom: 16px;
}
@keyframes left_to_right {
	0%{
		transform: translateX(-300px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes right_to_left {
	0%{
		transform: translateX(300px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes bottom_to_top {
	0%{
		transform: translateY(300px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}
@keyframes text_animate {
	0%{
		transform: translateY(50px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes opacity {
	0%{
		transform: translateY(5px);
		opacity: 0;
	}
	100%{
		transform: translateX(0);
		opacity: 1;
	}
}

@media (max-width: 767.98px) {
    .navbar .nav-link {
        font-size: 22px;
    }

    .nav_btn{
        margin-right: 0;
        width: 100%;
        text-align: center;
        font-size: 20px;
        margin-top: 50px;
    }

    .link_go {
        bottom: 22px;
        height: 60px;
        width: 60px;
        right: 10px;
    }

    .top_div{
        height: 56px;
    }

    .main_btn {
        font-size: 18px;
        padding: 14px 28px;
        bottom: 19px;
    }

    .mechanics_item{
        padding: 50px;
        height: auto;
    }

    .blogers{
        background: url('../images/bloggers_mob.jpg');
    }

    .blogers .title h2 {
        font-size: 30px;
        margin-bottom: 40px;
    }

    .blogers .content {
        padding: 50px 16px;
    }
    .container-fluid{
        padding-left: 16px;
        padding-right: 16px;
    }

    .blogers .content p {
        font-size: 16px;
    }

    .blogers .content_1 {
        padding: 50px 16px;
        height: auto;
        margin-bottom: 24px;
    }

    .blogers .content_1 p {
        font-size: 16px;
    }
    
    .blogers .link a{
        display: block;
        width: max-content;
        text-decoration: none;
        border-radius: 16px;
        border: 2px solid #A6FFF3;
        background: #79FBEA;
        box-shadow: 0 4px 4px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
        color: #007665;
        font-family: "Visa Dialect";
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 100%; /* 32px */
        letter-spacing: 1px;
        text-transform: uppercase;
        padding: 14px 28px;
        margin: auto;
    }

    .blogers .link a:hover{
        opacity: 0.9;
    }

    
    .info_go .link a{
        font-size: 18px;
        padding: 14px 28px;
    }

    .info_go .link a:hover{
        opacity: 0.9;
    }

    .info_go{
        background: url("../images/inf_bg_mob.jpg");
        padding: 30px 0;
                background-position: center;
        background-size: cover;
    }

    .info_go .title h2 {
        font-size: 24px;
        margin-bottom: 24px;
    }

    .faq{
        padding: 50px 0;
        background: url("../images/faq_mob.jpg");
        background-size: cover;
        background-position: bottom center;
    }

    .faq .title h2 {
        font-size: 24px;
        margin-bottom: 40px;
        text-align: center;
    }

    .contact_form_wrapper {
        margin-left: auto;
        margin-right: auto;
        margin-top: 80px;
        padding: 30px 20px;
    }

    .contact_form_wrapper .title p{
        font-size: 20px;
    }
}

.accordion-body ul, .accordion-body ol{
    padding-left: 20px;
    margin-bottom: 12px;
}

.accordion-body ul li{
    list-style-type: disc;
    margin-bottom: 6px;
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.accordion-body ol li{
    margin-bottom: 6px;
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.accordion-body p{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
}

table {
    width: 100%;
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
}

th{
    background: #13EBD6;
    color: var(--White, #FFF);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; 
    padding: 16px 24px;
}

th:first-child{
    border-radius: 8px 0 0 0;
}

th:last-child{
    border-radius: 0 8px 0 0;
}

td{
    padding: 16px 24px;
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 1px solid rgba(9, 28, 102, 0.30);
}


.checkbox-other input[type=checkbox] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
.checkbox-other span {
	display: inline-block;
	position: relative; 
	padding: 0 0 0 30px; 
    line-height: 24px;    
    cursor: pointer;
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.checkbox-other span a{
    color: #13EBD6;
    font-weight: 500;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.checkbox-other span:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	transition: background 0.3s ease;
	background: url("../items/checkbox.svg") 0 0 no-repeat;
    margin-top: 3px;
}
 
/* Checked */
.checkbox-other input[type=checkbox]:checked + span:before {
	background-image: url("../items/checkbox_active.svg");
    width: 24px;
	height: 24px;
}
 
 
/* Active */
.checkbox-other span:active:before {
	filter: brightness(80%);
}
.small_text{
    margin-bottom: 25px;
}
.small_text p{
    color: var(--Black, #2A2A2A);
    text-align: center;
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}

.small_text p a{
    color: #13EBD6;
}

.modal-content{
    box-shadow: 0px 32px 74px -12px rgba(0, 2, 39, 0.30);
    border: 0;
    padding: 40px;
}

.btn-close{
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 1000;
}
.modal-body .links{
    text-align: center;
    margin-bottom: 25px;
}
.modal-body .links a{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px; 
    padding-bottom: 2px;
    text-decoration: none;
}
.modal-body .links a:hover{
    opacity: 0.8;
}
.modal-body .links a:first-child{
    margin-right: 25px;
}

.modal-body .links a.active{
    color: var(--Green-main, #13EBD6);
    font-family: "Visa Dialect";
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px;
    border-bottom: 2px solid #13EBD6;
}

.form_wrapper_radios{
    margin-bottom: 20px;
}

.modal-body{
    padding: 0;
}

.modal-dialog{
    max-width: 660px;
}

.form_text{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin-bottom: 9px;
}

.form_text a{
    color: #13EBD6;
}




.form_wrapper label.checkbox-other{
    margin-bottom: 12px;
}

.modal_content p{
    color: var(--White, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    margin-bottom: 6px;
    margin-bottom: 24px;
}

.alert_input{
    border-color: #DE0000!important;
}

.alert_message, .wpcf7-not-valid-tip{
    color: var(--Red, #DE0000);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 2px; 
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    margin: 0;
    margin-top: 16px;
    background: #DE0000;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px; 
    color: #FFF;
    border: 0;
    font-family: "Visa Dialect";
}

.wpcf7 form.sent .wpcf7-response-output{
    margin: 0;
    margin-top: 16px;
    background: #13EBD6;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px; 
    color: #FFF;
    border: 0;
    font-family: "Visa Dialect";
}
.reset_password, .message_edit_info{
    color: var(--Red, #13EBD6);
    font-family: "Visa Dialect";
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 8px; 
}


.form-check-input[type=radio] {
    background-image: url('../items/radio.svg');
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: 0;
}

.form-check-input:checked[type=radio] {
    background-image: url('../items/radio_active.svg');
    width: 20px;
    height: 20px;
        border: 0;
}

.form-check-input:checked {
    background-color: unset;
    border-color: unset;
    border: 0;
}

.form-check-input{
    border: 0;
}

.form-check-input:focus{
    outline: 0;
    box-shadow: none;
}

.form_wrapper_phone{
    position: relative;
}

.form_wrapper_phone input{
    padding-left: 46px!important;
    position: relative;
}

.form_wrapper_phone img{
    position: absolute;
    background: url("../items/flag.svg");
    width: 24px;
    height: 24px;
    left: 14px;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 1;
}

.form-check label{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin-left: 9px;
    cursor: pointer;
}

.form-check label a{
     color: #13EBD6;
     font-weight: 500;
}

.form-check{
    display: flex;
    align-items: center;
}

.form_wrapper label{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}

.form_wrapper input, .form_wrapper textarea{
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Grey, #EBEBEB);
    background: var(--White, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding: 10px 14px;
    color: var(--Black-035, rgba(42, 42, 42, 1));
    font-family: "Inter", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.form_wrapper input::placeholder, .form_wrapper textarea::placeholder{
    color: var(--Black-035, rgba(42, 42, 42, 0.35));
}

.form_wrapper{
    margin-bottom: 20px;
}

.form_wrapper button[type="submit"]{
    border-radius: 8px;
    background: var(--Green-main, #13EBD6);
    box-shadow: 0 4px 74px -24px rgba(0, 2, 39, 0.25);
    padding: 15px 32px;
    color: #007665;
    text-align: center;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border: 0;
}

.form_wrapper button[type="submit"]:hover{
    background: #13EBD6;
    opacity: 0.9;
}

.nav-pills .nav-link:hover{
    opacity: 0.95;
}
.nav-pills .nav-link{
    display: block;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--White, #FFF);
    color: var(--Text, #2C2C2C);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    text-transform: uppercase;
    width: 100%;

    max-width: 305px;
    text-align: left;
}

.personal{
    padding: 80px 0;
    min-height: 700px;
    background: url('../images/BG_4.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

.nav-pills{
    display: block;
}

.nav-pills .nav-link.active{
    color: #FFF;
    font-weight: 500;
    background: #32968A;
}

.nav-pills .nav-item{
    margin-bottom: 2px;
}
.exit_btn:hover{
    opacity: 0.95;
    color: var(--Text, #2C2C2C);
}
.exit_btn{
    text-align: left;
    display: block;
    padding: 10px 14px;
    border-radius: 8px;
    background: var(--White, #FFF);
    color: var(--Text, #2C2C2C);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
    text-transform: uppercase;
    width: 100%;
    max-width: 305px;
    display: flex;
    text-decoration: none;
    align-items: center
}

.exit_btn img{
    margin-right: 8px;
}

.personal .title p{
    color: #FFF;
    text-shadow: 0 -4.354px 97.955px #B0D7D2, 0 39.013px 468.154px #AEFFF7;
    font-family: "Gotham Pro";
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 122.9%; /* 61.45px */
    letter-spacing: -0.75px;
    margin-bottom: 40px;
}

.personal .text p{
    padding: 24px 54px;
    border-radius: 12px;
    background: linear-gradient(214deg, rgba(19, 235, 214, 0.22) 6.73%, rgba(19, 235, 214, 0.08) 100.28%);
    box-shadow: 0 5.376px 7.168px 0 rgba(0, 0, 0, 0.16);
    backdrop-filter: blur(12.543580055236816px);
    -webkit-backdrop-filter: blur(12.543580055236816px);
    color: #FFF;
    text-align: center;
    text-shadow: 0 -4.354px 97.955px #7BFFF2, 0 39.013px 468.154px #D2FFFB;
    font-family: "Gotham Pro";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}

.personal .contact_form_wrapper{
    margin-top: 0;
}

.race{
    height: 980px;
    background: url("../images/bg_geely_d.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 145px 0;
}

.coolray_bg{
    background: url("../images/coolray_bg_d-min.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ex_bg{
    background: url("../images/ex_bg_d-min.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.race .title h2{
    color: #FFF;
    font-family: "Visa Dialect";
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 64.4px */
    letter-spacing: 3.22px;
    margin-bottom: 10px;
    margin-top: 168px;
}

.race .content p{
    color: #13EBD6;
    font-family: "Visa Dialect";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 36.4px */
    letter-spacing: 1.68px;
}

.race_item .icon img{
    width: 202px;
    margin-right: 14px;
}

.progress_bar{
    background: url("../items/progress_bar.svg");
}

.race_wrapper{
    display: flex;
    align-items: center;
}

.race_item{
    display: flex;
    align-items: end;
}

.profile .name p{
    color: #13EBD6;
    font-family: "Visa Dialect";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    letter-spacing: 0.22px;
}

.profile .link{
    color: #13EBD6;
}

.profile .link a{
    color: #13EBD6;
    display: block;
    font-family: "Visa Dialect";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 24.2px */
    letter-spacing: 0.22px;
}

.profile .counter span{
    color: #56FEE3;
    font-family: "Visa Dialect";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 66px */
    letter-spacing: 2.4px;
    display: block;
    margin-top: 18px;
}

.profile .text p{
    color: #56FEE3;
    font-family: "Visa Dialect";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 19.8px */
    letter-spacing: 0.72px;
    margin-bottom: 9px;
}

.progress_bar{
    background: url("../items/progress_bar.svg");
    background-size: cover;
    width: 255px;
    height: 14px;
}

.race_item{
    margin-right: 32px;
}

@media (max-width: 1799.98px) {
    .race .title h2{
        font-size: 32px;
    }

    .race{
        height: 780px;
    }

    .race .content p{
        font-size: 18px;
    }

    .race_item .icon img {
        width: 150px;
        margin-right: 12px;
    }

    .profile .name p{
        font-size: 18px;
    }

    .profile .link a{
        font-size: 18px;
    }

    .profile .counter span{
        font-size: 30px;
        margin-top: 18px;
    }
    .profile .text p{
        font-size: 16px;
    }
    .progress_bar {
        background: url(../items/progress_bar.svg);
        background-size: cover;
        width: 190px;
        height: 14px;
    }

    .race .title h2 {
        margin-top: 125px;
    }
}

@media (max-width: 1399.98px) {
    .race .title h2{
        font-size: 28px;
    }

    .race{
        height: 720px;
    }

    .race .content p{
        font-size: 18px;
    }

    .race_item .icon img {
        width: 130px;
        margin-right: 12px;
    }

    .profile .name p{
        font-size: 16px;
    }
    .profile .link{
        font-size: 14px;
    }
    .profile .link a{
        font-size: 16px;
    }

    .profile .counter span{
        font-size: 28px;
        margin-top: 10px;
    }
    .profile .text p{
        font-size: 14px;
    }
    .progress_bar {
        
        background: url(../items/progress_bar.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 160px;
        height: 14px;
    }

    .race .title h2 {
        margin-top: 98px;
    }

    .race{
        height: 820px;
    }
}

@media (max-width: 1199.98px) {
    .race {
        padding: 60px 0;
    }
    .race .title h2 {
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    .modal-content{
        padding: 20px;
    }

    .personal{
        padding: 40px 0;
    }

    .nav-pills .nav-link{
        max-width: 100%;
    }
    
    .exit_btn{
          max-width: 100%;
    }

    .personal .text p{
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .race {
        padding: 40px 0;
        height: 734px;
        background: url("../images/bg_geely_m.jpg");
        background-size: cover;
        background-position: bottom center;
    }

    .coolray_bg{
        background: url("../images/coolray_bg_m-min.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .ex_bg{
        background: url("../images/ex_bg_m-min.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }


    .race .title h2{
        color: #FFF;
        font-family: "Visa Dialect";
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%; /* 28.6px */
        letter-spacing: 1.54px;
        margin-bottom: 8px;
    }

    .race .content p {
        color: #13EBD6;
        font-family: "Visa Dialect";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 18.2px */
        letter-spacing: 0.84px;
    }

    .race_wrapper{
        display: block;
    }

    .main{
        margin-bottom: -2px!important;
    }

    .mechanics{
        padding: 60px 0;
    }

    .mechanics .title h2 {
        font-size: 30px;
        margin-bottom: 32px;
    }
    
}

.delete_btn{
    border-radius: 8px;
    background: #13EBD6;
    box-shadow: 0 4px 74px -24px rgba(0, 2, 39, 0.25);
    padding: 15px;
    color: #007665;
    text-align: center;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    border: 0;
}

.delete_promo{
    margin-bottom: 25px;
}

.content_delete p{
    color: var(--Black, #2A2A2A);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin-bottom: 10px;
}


.modal_content_strong p{
    font-weight: 600;
    font-size: 32px;
}

.delete_btn_style{
    border-radius: 8px;
    background: #13EBD6;
    box-shadow: 0 4px 74px -24px rgba(0, 2, 39, 0.25);
    padding: 15px;
    color: #007665;
    text-align: center;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; 
    border: 0;
    width: 100%;
    text-align: center;
}

.alert{
    padding: 0;
    margin: 5px 0 16px;
        color: var(--Red, #DE0000);
    font-family: "Visa Dialect";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.cookie_banner{
    background: var(--Style, linear-gradient(269deg, #13EBD6 0%, #007665 100%));
    padding: 24px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000000000;
}

.cookie_banner p{
    color: rgba(255, 255, 255, 0.80);
    font-family: "Visa Dialect";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cookie_banner a{
    border-radius: 10px;
    background: #FFF;
    padding: 18px 28px;
    display: inline-block;
    margin-left: 16px;
    color: #14332E;
    font-family: "Visa Dialect";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
}

@media (max-width: 767.98px) {
    .cookie_banner a{
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-bottom: 12px;
    }

    
    .cookie_banner p{
        margin-bottom: 10px;
    }
}

.pc_progress_bar{
    border-radius: 200px;
    background: #DAFFF9;
    height: 32px;
    width: 100%;
    position: relative;
}

.pc_progress_bar .progress-bar{
    background: linear-gradient(269deg, #13EBD6 0%, #007665 100%);
}

.pc_progress_bar_wrapper{
    margin-top: 50px;
}

.pc_progress_bar_wrapper .points{
    width: max-content;
}
.pc_prizes_progress img{
    width: 100%;
}
.pc_progress_bar_wrapper .points span{
    display: block;
    color: #15DDC9;
    text-shadow: 0 -4.354px 97.955px #B0D7D2, 0 39.013px 468.154px #AEFFF7;
    font-family: "Gotham Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 8px;
}

.pc_progress_bar_wrapper {
    position: relative;
}

.pc_prizes_progress{
    margin-top: 68px;
}

@media (max-width: 767.98px) {
    .pc_progress_bar{
        height: 20px;
    }
    .pc_progress_bar_wrapper .points span{
        font-size: 20px;
    }
}

.main_progress_bar{
    background: transparent;
    border: 1px solid #13EBD6;
    border-radius: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 14px;
}

.main_progress_bar .progress-bar{
    border-radius: 800px;
    background: linear-gradient(90deg, #15645D 0%, #55FBE1 100%);
    box-shadow: 7px 4px 7px 0 rgba(121, 251, 234, 0.25), 0 4px 44px 0 rgba(255, 248, 221, 0.75);
}