/* USER VARIABLES SECTION */

:root {
	--accent: #3e4c86;
	--main-bg: #1C1C1C;
	--text: #fff;
	--white: #ffffff;
	--regular-text: 16px;
	--lineheight: 1.65;
	--userfont: Montserrat, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;

	--menu-arrow-icon: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_322_5055)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.78837 7.15694L0.131375 1.49994L1.54537 0.0859376L6.49538 5.03594L11.4454 0.085938L12.8594 1.49994L7.20237 7.15694C7.01485 7.34441 6.76054 7.44972 6.49538 7.44972C6.23021 7.44972 5.9759 7.34441 5.78837 7.15694Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_322_5055'%3E%3Crect width='8' height='13' fill='white' transform='translate(13) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

	--success-icon: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7225 20.1968C28.9048 20.008 29.0058 19.7551 29.0035 19.4926C29.0012 19.23 28.8959 18.9789 28.7103 18.7933C28.5246 18.6076 28.2735 18.5023 28.011 18.5C27.7484 18.4978 27.4955 18.5987 27.3067 18.7811L19.9975 26.0902L16.6934 22.7861C16.5046 22.6037 16.2517 22.5028 15.9891 22.505C15.7266 22.5073 15.4755 22.6126 15.2898 22.7983C15.1042 22.9839 14.9989 23.235 14.9966 23.4976C14.9943 23.7601 15.0953 24.013 15.2776 24.2018L19.2827 28.2068C19.4704 28.3946 19.725 28.5 19.9905 28.5C20.256 28.5 20.5107 28.3946 20.6984 28.2068L28.7084 20.1968H28.7225Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 6.5C13.16 6.5 6 13.66 6 22.5C6 31.34 13.16 38.5 22 38.5C30.84 38.5 38 31.34 38 22.5C38 13.66 30.84 6.5 22 6.5ZM8 22.5C8 14.76 14.26 8.5 22 8.5C29.74 8.5 36 14.76 36 22.5C36 30.24 29.74 36.5 22 36.5C14.26 36.5 8 30.24 8 22.5Z' fill='white'/%3E%3C/svg%3E");
	--message-icon: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.4888 30.5467C5 28.595 5 27.1183 5 20.8333C5 14.5483 5 11.405 7.4888 9.45333C9.981 7.5 13.9862 7.5 22 7.5C30.0138 7.5 34.0207 7.5 36.5095 9.45333C38.9983 11.4067 39 14.5483 39 20.8333C39 27.1183 39 28.595 36.5095 30.5467C34.0224 32.5 30.0138 32.5 22 32.5C17.733 32.5 15.54 35.3967 11.8 37.5V32.1467C9.9402 31.875 8.5717 31.3967 7.4888 30.5467Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	--fail-icon: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 38.5C13.1529 38.5 6 31.3471 6 22.5C6 13.6529 13.1529 6.5 22 6.5C30.8471 6.5 38 13.6529 38 22.5C38 31.3471 30.8471 38.5 22 38.5ZM22 8.38235C14.1882 8.38235 7.88235 14.6882 7.88235 22.5C7.88235 30.3118 14.1882 36.6176 22 36.6176C29.8118 36.6176 36.1176 30.3118 36.1176 22.5C36.1176 14.6882 29.8118 8.38235 22 8.38235Z' fill='%23EF1414'/%3E%3Cpath d='M21 28.6111H23V30.5H21V28.6111ZM22.6 26.7222H21.4L21 19.1667V13.5H23V19.1667L22.6 26.7222Z' fill='%23EF1414'/%3E%3C/svg%3E");


	--bin-icon: url("data:image/svg+xml,%3Csvg width='13' height='16' viewBox='0 0 13 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 0.875H9.1875L8.3125 0H3.9375L3.0625 0.875H0V2.625H12.25M0.875 14C0.875 14.4641 1.05937 14.9092 1.38756 15.2374C1.71575 15.5656 2.16087 15.75 2.625 15.75H9.625C10.0891 15.75 10.5342 15.5656 10.8624 15.2374C11.1906 14.9092 11.375 14.4641 11.375 14V3.5H0.875V14Z' fill='%23FF2929'/%3E%3C/svg%3E%0A");
        --star-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8592 1.50033C10.7741 1.34858 10.6502 1.22223 10.5001 1.13429C10.35 1.04635 10.1791 1 10.0052 1C9.83122 1 9.66039 1.04635 9.51029 1.13429C9.3602 1.22223 9.23624 1.34858 9.15118 1.50033C8.95118 1.86433 8.75885 2.233 8.57418 2.60633C7.99238 3.78729 7.49772 5.00921 7.09418 6.26233C6.95518 6.69333 6.54318 6.99233 6.07118 7.00533C4.6404 7.04294 3.21427 7.18499 1.80418 7.43033C1.03018 7.56633 0.739181 8.44833 1.28918 8.98633C1.41451 9.10966 1.54118 9.23133 1.66918 9.35133C2.62624 10.2552 3.63816 11.0991 4.69918 11.8783C5.06618 12.1473 5.21718 12.6083 5.07718 13.0303C4.54387 14.6334 4.1622 16.2829 3.93718 17.9573C3.83718 18.7123 4.64518 19.2453 5.34718 18.8853C6.73922 18.1716 8.07035 17.3448 9.32718 16.4133C9.52404 16.2696 9.76146 16.1922 10.0052 16.1922C10.2489 16.1922 10.4863 16.2696 10.6832 16.4133C11.9398 17.3452 13.2709 18.172 14.6632 18.8853C15.3642 19.2453 16.1732 18.7123 16.0732 17.9573C16.0345 17.674 15.9922 17.3923 15.9462 17.1123C15.7152 15.7274 15.3765 14.3626 14.9332 13.0303C14.7932 12.6083 14.9432 12.1473 15.3112 11.8783C16.5149 10.9963 17.6545 10.0299 18.7212 8.98633C19.2712 8.44833 18.9812 7.56633 18.2062 7.43033C16.7963 7.18356 15.3701 7.0415 13.9392 7.00533C13.713 7.00173 13.4933 6.92845 13.3103 6.79549C13.1272 6.66253 12.9896 6.47635 12.9162 6.26233C12.3849 4.613 11.696 3.01765 10.8592 1.50033Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

        --place-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0002 16.0001C14.5335 16.0001 13.3335 14.8001 13.3335 13.3334C13.3335 11.8667 14.5335 10.6667 16.0002 10.6667C17.4668 10.6667 18.6668 11.8667 18.6668 13.3334C18.6668 14.8001 17.4668 16.0001 16.0002 16.0001ZM24.0002 13.6001C24.0002 8.76008 20.4668 5.33341 16.0002 5.33341C11.5335 5.33341 8.00016 8.76008 8.00016 13.6001C8.00016 16.7201 10.6002 20.8534 16.0002 25.7867C21.4002 20.8534 24.0002 16.7201 24.0002 13.6001ZM16.0002 2.66675C21.6002 2.66675 26.6668 6.96008 26.6668 13.6001C26.6668 18.0267 23.1068 23.2667 16.0002 29.3334C8.8935 23.2667 5.3335 18.0267 5.3335 13.6001C5.3335 6.96008 10.4002 2.66675 16.0002 2.66675Z' fill='white'/%3E%3C/svg%3E%0A");
        --arrow-right-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10.316L24.7187 10.3333M15.6827 0.99996L25 10.3333L15.6827 19.6666' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

}

/* FONTS LOAD SECTION */

@font-face { src: url("../fonts/Montserrat-Light.woff2") format("woff2"); font-family: "Montserrat"; font-weight: 300; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Montserrat-Regular.woff2") format("woff2"); font-family: "Montserrat"; font-weight: 400; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Montserrat-Medium.woff2") format("woff2"); font-family: "Montserrat"; font-weight: 500; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"); font-family: "Montserrat"; font-weight: 600; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Montserrat-Bold.woff2") format("woff2"); font-family: "Montserrat"; font-weight: 700; font-style: normal; font-display: swap; }
@font-face { src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"); font-family: "Montserrat"; font-weight: 800; font-style: normal; font-display: swap; }

/* GENERAL CSS SETTINGS */

::placeholder { color: #666; }
::selection { background-color: var(--accent); color: #fff; }
input, textarea { outline: none; }
/* input:focus:required:invalid, textarea:focus:required:invalid { border-color: red; }
input:required:valid, textarea:required:valid { border-color: green; } */

body {
	background-color: var(--main-bg);
	font-family: var(--userfont);
	font-size: var(--regular-text);
	line-height: var(--lineheight);
	color: var(--text);
	min-width: 320px;
	position: relative;
	overflow-x: hidden;
}
[data-theme="light"] body{
	--text: black;
}
[data-theme="light"] #promoSlider,
[data-theme="light"] #promoSingle,
[data-theme="light"] .promo-banner-slider,
[data-theme="light"] .promo-block-single__card__img {
	--text: white;
	color: #fff;
}

.container {
	max-width: 1640px;
	margin: 0 auto;
}

a {
	transition: .25s all ease-in-out;
	text-decoration: none;
}

button {
	cursor: pointer;
	transition: .25s all ease-in-out;
}

button:focus {
	outline: none
}

img {
	pointer-events: none;
}

b, strong {
	font-weight: bold
}

.center {
	text-align: center;
}

.btn {
	color: #0E0E0E;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* min-height: 44px; */
	border-radius: 100px;
	border: none;
	background: #FFF;
	padding: 18px 75px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	/* gap: 10px; */
}
.btn:hover {
	text-decoration: none;
	opacity: .9;
	color: #0E0E0E;
}

.btn_short {
    padding-block: 12px;
}

.btn_small {
    padding: 12px 24px;
}

.btn_wide {
    padding-inline: 100px; 
}

@media (max-width: 1700px) {
	.container {
		max-width: 1200px;
	}
}
@media (max-width: 1500px) {
	.container {
		max-width: 1200px;
	}
}
@media (max-width: 1260px) {
	.container {
		max-width: 960px;
	}
}
@media (max-width: 991px) {
	.container {
		max-width: 720px;
	}
}
@media (max-width: 767px) {
	.container {
		max-width: 540px;
	}
}
@media (max-width: 575px) {
	.container {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}
