/* Modal sign-in/sign-up form styles */
.rdk-modal {
    box-shadow: none;
    /* max-height: none; */
}

.rdk-modal__body {
    background: #191919;
    padding: 48px 52px 72px;
}

.rdk-modal__body:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url(img/modal-top.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.rdk-modal__body:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url(img/modal-bottom.svg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.rdk-label {
    font-family: 'Poppins', sans-serif;
    color: rgba(255,255,255,.5);
    text-transform: initial;
}

.rdk-input:-webkit-autofill,
.rdk-input,
.rdk-input:-webkit-autofill:focus,
.rdk-input:-webkit-autofill:hover,
.rdk-input:-webkit-autofill:active {
    /* -webkit-box-shadow: 0 0 0 1000px #3B3B3B inset !important;
    box-shadow: 0 0 0 1000px #3B3B3B inset !important; */
    background-color: #3B3B3B;
    color: rgba(255,255,255,.5);
    -webkit-text-fill-color: rgba(255,255,255,.5);
    transition: background-color 5000s ease-in-out 0s !important;
}
.rdk-input:-webkit-autofill,
.rdk-input:-webkit-autofill:focus,
.rdk-input:-webkit-autofill:hover,
.rdk-input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #3B3B3B inset !important;
    box-shadow: 0 0 0 1000px #3B3B3B inset !important;
    background-color: #3B3B3B;
}

.rdk-modal-overlay {
    align-items: flex-start;
}

.rdk-input {
    border-radius: 10px;
    border: 1px solid #4F4F4F;
    font-weight: 400;
    width: 100%;
    background-repeat: no-repeat;
    background-color: #3B3B3B;
    padding: 12px;
    font-family: 'Poppins', sans-serif;
}

.rdk-tab.is-active {
    background: #FCEE20;
    color: #000000;
}

.rdk-tab {
    padding: 8px 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.rdk-btn--primary {
    background: #FCEE20;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.rdk-link {
    color: #FCEE20;
    font-family: 'Poppins', sans-serif;
    text-transform: initial;
    font-weight: 500;
    text-decoration: underline;
}

.rdk-footerline {
    font-family: 'Poppins', sans-serif;
    text-transform: initial;
}

.rdk-close {
    color: #fff;
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 8px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40px;
    right: 16px;
    background: #3d3d3d;
}

.rdk-btn--primary span:after {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(img/rocket.svg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 8px;
}

.reset-btn span:after {
    content: '';
    width: 16px;
    height: 16px;
    display: block;
    background-image: url(img/rocket-reset.svg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 8px;
}

.rdk-btn--primary span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rdk-checkbox__text {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.rdk-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #FCEE20;
}

/* Додає червоний бордер, якщо активна форма "forgot" */
.rdk-view.is-active[data-view="forgot"] ~ .rdk-modal__body,
.rdk-modal__body:has(.rdk-view.is-active[data-view="forgot"]) {
    background-image: url(img/reset-bg.jpg);
    background-size: cover;
}

.rdk-view.is-active[data-view="forgot"] ~ .rdk-modal__body,
.rdk-modal__body:has(.rdk-view.is-active[data-view="forgot"]):before, .rdk-view.is-active[data-view="forgot"] ~ .rdk-modal__body,
.rdk-modal__body:has(.rdk-view.is-active[data-view="forgot"]):after {
    display: none;
}

.rdk-view.is-active[data-view="success"] ~ .rdk-modal__body,
.rdk-modal__body:has(.rdk-view.is-active[data-view="success"]) {
    background-image: url(img/success-bg.jpg);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
}

.rdk-view.is-active[data-view="success"] ~ .rdk-modal__body,
.rdk-modal__body:has(.rdk-view.is-active[data-view="success"]):before, .rdk-view.is-active[data-view="success"] ~ .rdk-modal__body,
.rdk-modal__body:has(.rdk-view.is-active[data-view="success"]):after {
    display: none;
}

.rdk-modal__body:has(.rdk-view.is-active[data-view="forgot"]){
    border-radius: 12px;
    padding: 48px 24px 12px;
}

.rdk-modal__body:has(.rdk-view.is-active[data-view="success"]) {
    padding: 48px 24px 110px;
	border-radius: 20px;
}

.rdk-success__text {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

@media screen and (max-width: 560px) {
    .rdk-tab {
        font-size: 18px;
        padding: 8px 10px;
    }

    .rdk-btn {
        font-size: 18px;
    }

    .rdk-modal__body {
        padding: 85px 15px 72px;
    }
}
/* Modal sign-in/sign-up form styles */

p,h1,h2,h3,h4,h5,h6 {
	font-size:inherit;
	font-weight:inherit;
	margin:0;
	padding:0
}
* {
	margin:0;
	padding:0
}
*,:before,:after {
	box-sizing:border-box
}
a {
	text-decoration:none;
	display:inline-block
}
ul,ol {
	text-decoration:none;
	list-style:none
}
input {
	outline:none
}
html,body {
	color:#fff;
	box-sizing:border-box;
	background-color:#070707;
	font-family:Poppins,sans-serif;

}

.toastify {
	color:#fff;
	opacity:0;
	cursor:pointer;
	max-width:calc(50% - 20px);
	z-index:2147483647;
	background:linear-gradient(135deg,#73a5ff,#5477f5);
	border-radius:2px;
	padding:12px 20px;
	text-decoration:none;
	transition:all .4s cubic-bezier(.215,.61,.355,1);
	display:inline-block;
	position:fixed;
	box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d
}
.toastify.on {
	opacity:1
}
.toast-close {
	color:#fff;
	cursor:pointer;
	opacity:.4;
	background:0 0;
	border:0;
	padding:0 5px;
	font-family:inherit;
	font-size:1em
}
.toastify-right {
	right:15px
}
.toastify-left {
	left:15px
}
.toastify-top {
	top:-150px
}
.toastify-bottom {
	bottom:-150px
}
.toastify-rounded {
	border-radius:25px
}
.toastify-avatar {
	width:1.5em;
	height:1.5em;
	border-radius:2px;
	margin:-7px 5px
}
.toastify-center {
	max-width:-moz-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	max-width:-moz-fit-content;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0
}
@media only screen and (width<=360px) {
	.toastify-right,.toastify-left {
	max-width:-moz-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0
}
}
.wrapper {
	max-width:1440px;
	margin:0 auto;
	padding:0 20px
}
@media (width>=1180px) {
	.wrapper {
	padding:0 40px
}
}
.wrapper--scroll {
	max-width:1440px;
	margin:0 auto;
	padding:0
}
@media (width>=1180px) {
	.wrapper--scroll {
	padding:0 40px
}
.wrapper--scroll.pad {
	padding:0
}
}
.scroll {
	z-index:100;
	justify-content:flex-end;
	display:flex;
	position:absolute;
	bottom:65px;
	right:20px
}
@media (width>=1180px) {
	.scroll {
	bottom:55px;
	right:40px
}
}
.scroll__image img {
	width:10px;
	height:25px
}
@media (width>=1180px) {
	.scroll__image img {
	width:20px;
	height:30px
}
}
.scroll__text {
	text-align:end;
	margin-right:8px
}
@media (width>=1180px) {
	.scroll__text {
	margin-right:16px
}
}
.scroll__text h4 {
	color:#fff;
	font-size:11px;
	font-weight:600;
	line-height:120%
}
@media (width>=1180px) {
	.scroll__text h4 {
	font-size:14px
}
}
.scroll__text p {
	color:#a4a9b1;
	font-size:10px;
	font-weight:400;
	line-height:120%
}
@media (width>=1180px) {
	.scroll__text p {
	font-size:12px
}
}
.header {
	max-width:1440px;
	z-index:999;
	margin:0 auto 30px;
	position:fixed;
	top:0;
	left:0;
	right:0
}
@media (width>=1180px) {
	.header {
	height:max-content;
	margin-bottom:35px;
	padding:25px 40px 0
}
}
.header__content {
	height:100%;
	visibility:visible;
	-webkit-backdrop-filter:blur();
	-webkit-backdrop-filter:blur();
	backdrop-filter:blur();
	background:0 0;
	flex-direction:column;
	justify-content:space-between;
	display:flex
}
.header__content.show {
	-webkit-backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background:#000000eb
}
@media (width>=1180px) {
	.header__content {
	flex-direction:row
}
}
.header__left {
	-webkit-backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background:#0006;
	flex-direction:row-reverse;
	justify-content:space-between;
	align-items:center;
	padding:20px;
	transition:all .3s ease-in-out;
	display:flex
}
.header__left.active {
	-webkit-backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background:#000000eb
}
@media (width>=1180px) {
	.header__left {
	background:0 0;
	flex-direction:row;
	padding:0
}
.header__left.active {
	background:0 0
}
}
.header__right {
	display:none
}
@media (width>=1180px) {
	.header__right {
	display:block
}
}
#eMx5icdhI123_to {
	animation:6.6s linear infinite forwards eMx5icdhI123_to__to
}
@keyframes eMx5icdhI123_to__to {
	0% {
	animation-timing-function:cubic-bezier(.1592,.015,.7215,.5497);
	transform:translate(601.169px,337.5px)
}
33.3333% {
	animation-timing-function:cubic-bezier(.1592,.015,.725,.9597);
	transform:translate(601.142px,337.5px)
}
78.7879% {
	animation-timing-function:cubic-bezier(0,.15,1,1);
	transform:translate(601.142px,3878.47px)
}
81.8182% {
	animation-timing-function:cubic-bezier(.39,.575,.565,1);
	transform:translate(601.142px,3855.47px)
}
87.8788% {
	transform:translate(601.142px,3864.5px)
}
to {
	transform:translate(601.142px,3864.5px)
}
}
.menu {
	width:max-content;
	margin:0
}
@media (width>=1180px) {
	.menu {
	margin:0 48px 0 0
}
}
.menu-button {
	width:32px;
	height:22px;
	cursor:pointer;
	background:url(img/menu-btn.svg) 50% no-repeat;
	border:none;
	outline:none;
	transition:all .3s ease-in-out
}
.menu-button.close {
	background-image:url(img/close-btn.svg)
}
.menu__content {
	height:100vh;
	-webkit-backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background:#000000eb;
	transition:all .3s ease-in-out;
	position:fixed;
	top:82px;
	left:0;
	right:0;
	transform:translate(100%)
}
.menu__content.show {
	transform:translate(0)
}
@media (width>=1180px) {
	.menu__content.show {
	transform:translateY(-10%)
}
.menu__content {
	width:max-content;
	height:max-content;
	-webkit-backdrop-filter:blur();
	-webkit-backdrop-filter:blur();
	backdrop-filter:blur();
	opacity:0;
	visibility:hidden;
	background:0 0;
	padding:0;
	top:0;
	left:30%;
	transform:translate(50%,-10%)
}
.menu__content.show {
	opacity:1;
	visibility:visible
}
}
.menu__list {
	flex-direction:column;
	justify-content:center;
	align-items:center;
	display:flex
}
@media (width>=1180px) {
	.menu__list {
	flex-direction:row
}

}
.menu__list-link {
	white-space:nowrap;
	color:#fff;
	text-transform:uppercase;
	padding:15px 10px;
	font-size:16px;
	font-weight:500;
	line-height:126%
}
.logo {
	opacity:1;
	visibility:visible;
	transition:all .3s ease-in-out
}
@media (width>=1180px) {
	.logo.hidden {
	opacity:0;
	visibility:hidden
}
}
.logo a img,.logo a svg {
	width:112px;
	height:36px
}
.logo__svg__mask {
	transform:translate(-601.142px,-150%)
}
.buttons {
	grid-gap:1px;
	grid-template-columns:1fr 1fr;
	display:grid
}
@media (width>=1180px) {
	.buttons {
	grid-gap:15px
}
}
.buttons button {
	border-radius:0
}
@media (width>=1180px) {
	.buttons button {
	border-radius:12px
}
}
.buttons__container {
	z-index:100;
	max-width:1440px;
	margin:0 auto;
	position:fixed;
	bottom:0;
	left:0;
	right:0
}
@media (width>=1180px) {
	.buttons__container .buttons {
	display:none
}
}
.primary-button {
	text-transform:uppercase;
	cursor:pointer;
	white-space:nowrap;
	text-align:center;
	color:#000;
	background-color:#fcee20;
	border:none;
	border-radius:0;
	align-items:center;
	padding:14px 30px;
	font-size:14px;
	font-weight:600;
	line-height:126%;
	transition:all .3s ease-in-out
}
@media (width>=1180px) {
	.primary-button {
	border-radius:12px
}
}
.primary-button:hover,.primary-button.active {
	background-color:#fff
}
.primary-button:disabled,.primary-button[disabled] {
	opacity:.5
}
.primary-button.green {
	background-color:#35ec94
}
.secondary-button {
	text-transform:uppercase;
	cursor:pointer;
	white-space:nowrap;
	text-align:center;
	color:#fff;
	-webkit-backdrop-filter:blur(5px);
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px);
	background:#0000002e;
	border:none;
	align-items:center;
	padding:14px 30px;
	font-size:14px;
	font-weight:600;
	line-height:126%;
	transition:all .3s ease-in-out
}
@media (width>=1180px) {
	.secondary-button {
	border-radius:12px
}
}
.secondary-button:hover,.secondary-button.active {
	background-color:#62666c
}
.secondary-button:disabled,.secondary-button[disabled] {
	opacity:.5
}
.secondary-button.second {
	border:1px solid #62666c;
	border-radius:12px
}
@media (width>=1180px) {
	.secondary-button {
	background-color:#0000
}
}

.footer {
	padding:60px 0;
	display:none
}
@media (width>=1180px) {
	.footer {
	background-image:url(img/background_faq.webp);
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
	position:relative;
	bottom:0;
	left:0;
	right:0
}
}
.footer .copyright {
	text-align:center;
	color:#a4a9b1;
	font-size:13px;
	font-weight:500;
	line-height:168%
}
.faq {
    min-height: 100vh;
    position: relative;
}
.faq__content {
    padding: 0;
}

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

a {
  text-decoration: none;
  display: inline-block;
}

ul, ol {
  text-decoration: none;
  list-style: none;
}

input {
  outline: none;
}