@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Yeseva+One&display=swap);
.custom-select .dropdown-menu {
	width: 100%;
	top: 5px !important;
	padding: 15px 0;
	border-radius: 4px;
	background-color: #444;
	box-shadow: 0px 15px 30px rgba(41, 45, 50, 0.1);
}
.custom-select-container {
	position: relative;
}
.custom-select-button {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
}
.custom-select-button.show ~ .input-container .dropdown-img {
	transform: rotate(180deg);
}
.custom-select-button.show ~ .input-container input {
	border: 1px solid #eeb768;
}
.custom-select-item {
	cursor: pointer;
	color: #fffcf8 !important;
	padding: 10px 16px;
	transition: 0.3s;
}
.custom-select-item:hover {
	background-color: #444 !important;
	background: linear-gradient(90deg, #eeb768 0%, #c89150 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	background-clip: text;
	text-fill-color: rgba(0, 0, 0, 0);
}
.input {
	position: relative;
}
.input input {
	width: 100%;
	font-size: 18px;
	padding: 11px 16px;
	border-radius: 8px;
	color: #fffcf8;
	border: 1px solid rgba(0, 0, 0, 0);
	outline: 0;
	background-color: #444;
}
.input input:focus {
	border: 1px solid #eeb768;
}
.input input::placeholder {
	font-size: 18px;
	color: #979797;
}
.input label {
	font-size: 14px;
	color: #fffcf8;
}
.input-container {
	position: relative;
}
.input-icon img {
	position: absolute;
	cursor: pointer;
	right: 16px;
	top: 30%;
}
.input-validation-message {
	display: none;
	position: relative;
	font-size: 13px;
	color: #fd5353;
}
.input.invalid .input-container input {
	border: 1px solid #fd5353 !important;
}
.input.invalid .input-container:after {
	background-image: url(assets/img/shared/invalid-icon.png);
	background-size: 18px 18px;
	right: 16px;
	width: 18px;
	height: 18px;
	top: 30%;
	position: absolute;
	content: "";
}
.input.invalid .input-validation-message {
	display: block;
}
.register-form-modal {
	background-color: #313131;
	padding: 55px 20px;
	border-radius: 16px;
	position: relative;
}
.register-form-modal-title {
	font-weight: 700;
	color: #fffcf8;
}
@media (max-width: 767px) {
	.register-form-modal-title {
		font-size: 24px;
	}
}
.register-form-modal-item:not(:first-child) {
	margin-top: 25px;
}
.register-form-modal .cta-btn {
	font-weight: 600;
}
.register-form-modal-close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.text-input-password .shown-password-img {
	display: none;
}
.text-input-password.show-password .shown-password-img {
	display: block;
}
.text-input-password.show-password .hidden-password-img {
	display: none;
}
.custom-select.invalid .input-container:after,
.text-input-password.invalid .input-container:after {
	right: 45px;
}
.custom-checkbox {
	position: relative;
	display: flex;
	align-items: flex-start;
}
.custom-checkbox-text p {
	color: #797876;
	font-size: 14px;
	margin-left: 16px;
}
.custom-checkbox input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-checkbox input + label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}
.custom-checkbox input:checked + label::before {
	background-image: url(assets/img/shared/checkbox-icon.png);
	background-size: 24px;
	border: 0;
}
.custom-checkbox.invalid label::before {
	border-color: #fd5353;
}
.custom-checkbox.invalid .input-validation-message {
	display: block;
}
.custom-checkbox label::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: rgba(0, 0, 0, 0);
	border: 2px solid #979797;
	border-radius: 6px;
	flex-shrink: 0;
	flex-grow: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	cursor: pointer;
}
.form-message {
	color: #fd5353;
	font-size: 16px;
	margin: 0 auto;
	max-width: 400px;
}
.form-message a {
	color: inherit;
	text-decoration: underline;
}
.form-message.notificationMessage {
	color: #fffcf8;
}
.languageSelector {
	position: relative;
	z-index: 5;
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: center;
	align-items: center;
	max-width: 160px;
	margin-left: auto;
	padding: 12px 16px;
	background: #313131;
	border-radius: 8px;
	cursor: pointer;
}
@media (max-width: 575px) {
	.languageSelector {
		max-width: 115px;
	}
}
.languageSelector.open .arrow-icon {
	transform: rotate(180deg);
}
.languageSelector.open .languageSelector-options {
	display: flex;
}
.languageSelector p {
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	color: #fffcf8;
}
.languageSelector-options {
	width: 100%;
	position: absolute;
	top: 110%;
	left: 0;
	display: none;
	flex-direction: column;
	background-color: #313131;
	box-shadow: 0 15px 30px 0 rgba(41, 45, 50, 0.1);
	border-radius: 8px;
	padding: 8px 0;
}
.languageSelector-options-item {
	padding: 8px 16px;
	display: flex;
	flex-direction: row;
	gap: 8px;
	justify-content: flex-start;
	align-items: center;
}
.languageSelector-options-item p {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #fffcf8;
}
.languageSelector-options-item:hover p {
	background: -webkit-linear-gradient(rgb(238, 183, 104), rgb(200, 145, 80));
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .input-container:after {
	right: auto !important;
	left: 16px;
}
html[dir="rtl"] .input-icon img {
	right: auto;
	left: 16px;
}
html[dir="rtl"] .register-form-modal-close {
	right: auto;
	left: 20px;
}
html[dir="rtl"] .custom-select-item {
	text-align: right;
}
html[dir="rtl"] .custom-checkbox-text {
	margin-left: 0 !important;
	margin-right: 16px;
}
html[dir="rtl"] .custom-select.invalid .input-container:after,
html[dir="rtl"] .text-input-password.invalid .input-container:after {
	left: 45px;
}
html[dir="rtl"] .languageSelector {
	margin-left: unset;
	margin-right: auto;
}
.register-form-section {
	padding: 44px 30px 55px;
	background-color: #313131;
	border-radius: 32px;
	box-shadow: 0px 35px 48px -20px rgba(54, 62, 72, 0.1);
}
.register-form-section-title {
	color: #fffcf8;
	margin-bottom: 22px;
}
.register-form-section-container {
	max-width: 1172px;
}
.register-form-section-inputs {
	gap: 32px 5px;
}
.register-form-section-inputs-item {
	width: 364px;
}
.register-form-section-inputs-item-checkbox {
	width: 100%;
}
.register-form-section-item {
	margin-top: 32px;
}
.register-form-section .cta-btn {
	font-weight: 600;
}
.register-form-section.white-theme {
	background-color: #f2f2f2;
}
.register-form-section.white-theme .register-form-section-title {
	color: #1f1f1f;
}
.register-form-section.white-theme label {
	color: #262626 !important;
	font-weight: 500;
}
.register-form-section.white-theme input {
	background-color: #f2f2f2 !important;
	color: #1f1f1f;
	border: 1px solid #e0e0e0;
}
.register-form-section.white-theme .custom-select .dropdown-menu {
	background-color: #f2f2f2;
}
.register-form-section.white-theme .custom-select-item {
	color: #313131 !important;
	background-color: #f2f2f2 !important;
}
.register-form-section.white-theme input:focus {
	border: 1px solid #eeb768;
}
.register-form-section.white-theme .dropdown-img,
.register-form-section.white-theme .hidden-password-img,
.register-form-section.white-theme .shown-password-img {
	filter: invert(46%) sepia(10%) saturate(49%) hue-rotate(1deg) brightness(99%)
		contrast(90%);
}
.register-form-section.white-theme .form-message.notificationMessage {
	color: #1f1f1f;
}
.points-section {
	gap: 32px;
}
.points-section-item {
	width: 470px;
	padding: 44px 32px;
	border-radius: 32px;
	background-color: #fffcf8;
	box-shadow: 0px 35px 48px -20px rgba(54, 62, 72, 0.1);
}
.points-section-item-texts-title {
	margin-bottom: 8px;
}
.points-section-item-img {
	min-width: 100px;
	margin-right: 16px;
}
.footer {
	margin-top: 102px;
	padding: 48px 0;
	background-color: #262626;
	color: #fffcf8;
}
.footer .container {
	max-width: 1802px !important;
}
.footer-divider {
	margin: 32px 0;
}
.footer-divider hr {
	margin: 0;
	width: 100%;
	color: #797876;
}
.footer-row-1-title {
	font-size: 18px;
	margin-bottom: 20px;
}
.footer-row-1-right .footer-row-1-title {
	margin-bottom: 16px;
}
.footer-row-1-images {
	gap: 0 16px;
}
.footer-row-2-left {
	max-width: 270px;
}
.footer-row-2-left-text {
	font-size: 16px;
}
.footer-row-2-right {
	margin-left: 50px;
}
.footer-row-2-right-text {
	font-size: 12px;
}
.footer-row-2-right-text:not(:first-child) {
	margin-top: 24px;
}
html[dir="rtl"] .points-section-item-img {
	margin-right: 0;
	margin-left: 16px;
}
html[dir="rtl"] .footer-row-1-title {
	text-align: right !important;
}
html[dir="rtl"] .footer-row-2-left-text {
	text-align: right !important;
}
html[dir="rtl"] .footer-row-2-right {
	margin-left: 0;
	margin-right: 50px;
}
@media (max-width: 1199px) {
	.register-form-section-inputs {
		gap: 32px 40px;
	}
	.register-form-section-inputs-item-checkbox {
		width: 364px;
	}
}
@media (max-width: 767px) {
	.register-form-section {
		max-width: 500px;
		padding: 32px 16px;
		margin: 0 auto;
	}
	.register-form-section-title {
		max-width: 364px;
		margin-left: auto;
		margin-right: auto;
	}
	.register-form-section .cta-btn {
		padding: 24px;
		width: 100%;
		max-width: 364px;
		line-height: 10px;
	}
	.register-form-section-inputs {
		gap: 24px 100px;
	}
	.points-section {
		gap: 24px;
	}
	.points-section-item {
		padding: 16px;
		border-radius: 16px;
		max-width: 328px;
	}
	.points-section-item-img {
		min-width: 60px;
		max-width: 60px;
	}
	.footer {
		margin-top: 48px;
		padding: 40px 0;
	}
	.footer-row-1-right {
		margin-top: 32px;
	}
	.footer-row-2-left {
		max-width: 100%;
	}
	.footer-row-2-right {
		margin-left: 0;
	}
	html[dir="rtl"] .footer-row-1-title {
		text-align: center !important;
	}
	html[dir="rtl"] .footer-row-2-left-text {
		text-align: center !important;
	}
	html[dir="rtl"] .footer-row-2-right {
		margin-right: 0;
	}
}
body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
body .footer {
	margin-top: 0 !important;
}
.banner-section {
	height: 100vh;
	background: url(assets/img/vip1/banner-section-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.banner-section-logo {
	position: relative;
}
.banner-section-container {
	padding: 25px 0 90px;
}
.banner-section-content {
	max-width: 1250px;
	color: #fffcf8;
	background: rgba(0, 0, 0, 0);
	position: relative;
}
.banner-section-content:before {
	position: absolute;
	content: "";
	z-index: 1;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(100px);
	background: #1f1f1f;
}
.banner-section-content-title {
	margin-bottom: 12px;
	font-weight: 400;
	font-family: "Yeseva One", cursive;
	font-size: 80px;
}
.banner-section-content-subtitle {
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	font-size: 42px;
}
.banner-section-content-subtitle {
	margin-bottom: 44px;
}
.banner-section-content .cta-btn {
	margin-bottom: 47px;
}
.banner-section-content-title,
.banner-section-content-subtitle,
.banner-section-content .cta-btn,
.banner-section-content .tac-link {
	position: relative;
	z-index: 2;
}
.languageSelector {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.tac-link {
	display: block;
	font-size: 18px;
	color: #979797;
}
.cta-btn {
	font-weight: 600;
}
.content-section {
	padding-top: 108px;
	background: url(assets/img/vip1/steps-section-bg.png);
	color: #fffcf8;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.content-steps .container {
	max-width: 1597px !important;
}
.content-steps-title {
	font-size: 56px;
	font-weight: 400;
	font-family: "Yeseva One", cursive;
	max-width: 863px;
	margin-bottom: 63px;
}
.content-steps-points {
	gap: 32px;
}
.content-steps-points-item {
	position: relative;
	width: 100%;
	max-width: 503px;
	background: linear-gradient(85deg, #454545 0%, #262626 100%);
	padding: 16px 32px;
}
.content-steps-points-item-texts {
	margin-left: 16px;
}
.content-steps-points-item-texts-title {
	margin-bottom: 8px;
	font-weight: 400;
	font-family: "Yeseva One", cursive;
}
.content-steps-points-item-texts-subtitle {
	font-weight: 400;
	font-family: "Roboto", sans-serif;
}
.content-info {
	margin-top: -100px;
}
.content-info .container {
	max-width: 1944px !important;
}
.content-info-img {
	width: 992px;
}
.content-info-texts {
	max-width: 636px;
	margin-left: -80px !important;
}
.content-info-texts-title {
	margin-bottom: 33px;
	font-weight: 400;
	font-family: "Yeseva One", cursive;
}
.content-info-texts-paragraph {
	margin-bottom: 49px;
	font-weight: 400;
	font-family: "Roboto", sans-serif;
	max-width: 450px;
}
html[dir="rtl"] .content-steps-points-item-texts {
	margin-left: 0;
	margin-right: 16px;
}
html[dir="rtl"] .content-info-texts {
	margin-left: 0 !important;
	text-align: right !important;
}
@media (max-width: 1500px) {
	.content-info-img {
		width: 800px;
	}
	.content-info-texts {
		margin-left: -100px !important;
	}
}
@media (max-width: 1199px) {
	.banner-section-content:before {
		filter: blur(350px);
	}
	.content-info {
		margin-top: 0;
	}
	.content-info-img {
		width: 680px;
	}
	html[dir="rtl"] .content-info-texts {
		margin-right: -60px !important;
	}
}
@media (max-width: 991px) {
	.content-section {
		padding-bottom: 119px;
	}
	.content-info-texts {
		margin-top: -50px;
		margin-left: auto !important;
	}
	html[dir="rtl"] .content-info-texts {
		margin-right: auto !important;
		margin-left: auto !important;
		text-align: center !important;
	}
}
@media (max-width: 767px) {
	.banner-section {
		background: url(assets/img/vip1/banner-section-bg-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: bottom -400px center;
		max-height: 618px;
	}
	.banner-section-container {
		padding: 32px 0 16px;
	}
	.banner-section-content:before {
		filter: blur(75px);
	}
	.banner-section-content-title {
		font-size: 32px;
		margin-bottom: 10px;
	}
	.banner-section-content-subtitle {
		font-size: 18px;
		margin-bottom: 16px;
	}
	.banner-section-content .cta-btn {
		margin-bottom: 14px;
	}
	.banner-section-logo img {
		width: 160px;
	}
	.content-section {
		padding: 64px 0;
		position: relative;
		z-index: 2;
	}
	.content-steps-title {
		font-size: 24px;
		max-width: 400px;
		margin-bottom: 33px;
	}
	.content-steps-points {
		gap: 24px;
	}
	.content-steps-points-item {
		padding: 16px 24px;
	}
	.content-steps-points-item-img img {
		width: 60px;
	}
	.content-steps-points-item-texts {
		margin-right: 28px;
	}
	.content-steps-points-item-texts-title {
		margin-bottom: 4px;
	}
	.content-info-texts-title {
		margin-bottom: 16px;
	}
	.content-info-texts-paragraph {
		margin-bottom: 24px;
	}
}
@media (max-width: 650px) {
	.banner-section {
		background-position: bottom -300px center;
	}
}
@media (max-width: 575px) {
	.banner-section {
		background-position: top center;
	}
	.content-section {
		padding-top: 40px;
		background: url(assets/img/vip1/steps-section-bg-mobile.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.content-info-texts {
		margin-top: -120px;
	}
}
html[dir="rtl"] .content-steps-points-item-texts {
	margin-right: 28px !important;
}
html[dir="rtl"] .languageSelector {
	right: unset;
	left: 0;
}