@charset "UTF-8";
/*
Theme Name: WhiteMoney
Theme URI: https://kofelatte.studio/portfolio/
Author: Sol
Author URI: Sol
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whitemoney
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

button,
input {
	font-family: "Inter";
}

button::placeholder,
input::placeholder {
	font-family: "Inter";
}

body {
	color: #121212;
	font-size: 16px;
	line-height: 1.7;
	font-family: "Inter";
	background-color: #fff;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}

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

.wrap_page {
	overflow: hidden;
	margin-bottom: auto;
}

.scrolltop {
	width: 100%;
	margin: 0 auto;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 20;
}

.muve-top {
	position: absolute;
	right: 20px;
	bottom: 40px;
	background: #ECF1F8;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.5s;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
}

.muve-top:before {
	content: "↑";
	font-size: 32px;
}

.scrolltop {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.scrolltop.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/*1*/
[class*="brand-bg"] {
	background-color: #ECF1F8;
	height: 15vh;
	width: 75%;
	margin-bottom: 25px;
}

/*2*/
::selection {
	color: #fff;
	background: #63718C;
}

p {
	margin: 0 0 8px;
}

a {
	color: #0b3873;
}

a:hover {
	color: #0b3873;
	text-decoration: none;
}

i,
em {
	font-weight: 400;
}

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

/*3*/
ol,
ul {
	padding: 0;
	margin: 0;
	counter-reset: li;
}

ol li,
ul li {
	list-style: none;
	list-style-position: outside;
	position: relative;
	padding-left: 20px;
}

ol li:before,
ul li:before {
	content: counter(li, decimal) ".";
	counter-increment: li;
	margin-left: 0;
	margin-right: 0;
	font-weight: 700;
	color: #121212;
	position: absolute;
	top: 0;
	left: 0;
}

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

/*5-6*/
.font-weight-light {
	font-weight: lighter;
}

.font-weight-bold {
	font-weight: bold;
}

.font-weight-Regular {
	font-weight: 400;
}

.font-weight-Medium {
	font-weight: 500;
}

.font-weight-SemiBold {
	font-weight: 600;
}

/*7-8*/
h1,
h2,
h3,
h4,
h5,
h6,
.title_1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
.title_2,
.title_3,
.title_4,
.title_5,
.title_6 {
	line-height: 1.4;
	color: #000;
	font-weight: 600;
	font-family: "Montserrat";
	margin: 0 0 8px;
}

h1,
.title_1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
	font-size: 50px;
}

h2,
.title_2 {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: 500;
}

@media (min-width: 768px) {

	h2,
	.title_2 {
		font-size: 36px;
		line-height: 1.2;
		margin-bottom: 50px;
		display: block;
	}
}

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

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

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

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

/*9*/
input[type="checkbox"],
input[type="radio"] {
	display: none;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	color: #fff;
	cursor: pointer;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 19px;
	width: 26px;
	height: 26px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 2px;
}

input[type="radio"]+label:before {
	border-radius: 50%;
}

input[type="checkbox"]+label:before {
	background-color: #fff;
}

input[type="radio"]:checked+label:before {
	border-radius: 50%;
	background: url(assets/img/radio.svg) center/14px no-repeat transparent;
	border-color: #fff;
}

input:checked+label:before {
	content: "";
	background: url(assets/img/checkbox.svg) center/12px no-repeat #fff;
	border-color: #fff;
}

/*10-11*/
.btn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 14px 22px;
	font-weight: 500;
	font-size: 18px;
	font-family: "Inter";
	text-decoration: none;
	line-height: 1.5;
	border-radius: 10px;
	border: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:disabled {
	pointer-events: none;
	opacity: 0.3;
}

.btn:hover {
	background-color: #B09762;
	color: #fff;
	border-color: #B09762;
}

@media (min-width: 768px) {
	.btn {
		padding: 18px 37px;
	}
}

.btn-primary {
	color: #fff;
	background: #121212;
}

.btn-primary:hover {
	color: #38393A;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px #0000001A;
}

.btn-secondary {
	color: #2e2e2e;
	background-color: #fff;
	border-color: #fff;
}

.btn-secondary:hover {
	background-color: #1F232B;
	border-color: #1F232B;
	color: #fff;
}

.btn-success {
	color: #ECF1F8;
	background-color: transparent;
	border: 2px solid transparent;
	border-color: #ECF1F8;
}

.btn-success:hover {
	background-color: #B09762;
	border-color: #B09762;
}

.btn-danger {
	color: #fff;
	background-color: transparent;
	border: 2px solid transparent;
	border-color: #fff;
}

.btn-danger:hover {
	color: #0c0c0c;
	background-color: #fff;
	border-color: #fff;
}

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

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

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

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

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

.scroll,
.blog-content table {
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #4a5d73 #f1f1f1;
}

.scroll::-webkit-scrollbar,
.blog-content table::-webkit-scrollbar {
	display: block;
	width: 8px;
}

.scroll::-webkit-scrollbar-track,
.blog-content table::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-radius: 10px;
	margin: 4px 0;
}

.scroll::-webkit-scrollbar-thumb,
.blog-content table::-webkit-scrollbar-thumb {
	background-color: #63718c;
	border-radius: 10px;
	border: 2px solid #f1f1f1;
	background-clip: padding-box;
}

.scroll::-webkit-scrollbar-thumb:hover,
.blog-content table::-webkit-scrollbar-thumb:hover {
	background-color: #364454;
}

.scroll::-webkit-scrollbar-button,
.blog-content table::-webkit-scrollbar-button {
	width: 0;
	height: 0;
	display: none;
}

.scroll_x,
.blog-content table {
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 20px;
}

.scroll_x::-webkit-scrollbar,
.blog-content table::-webkit-scrollbar {
	height: 6px;
}

@media (min-width: 1281px) {

	.scroll_x,
	.blog-content table {
		overflow-x: hidden;
	}
}

.scroll-hidden {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scroll-hidden::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

/*14*/
/*15*/
/*16*/
/*17*/
/*18*/
.breadcrumb {
	font-size: 14px;
	color: #B2B1B1;
	font-weight: 500;
}

.breadcrumb a {
	text-decoration: none;
	color: #212121;
}

.breadcrumb a:hover {
	color: #ECF1F8;
}

.container {
	width: 100%;
	padding: 0 20px;
	max-width: calc(1200px + 40px);
	margin: 0 auto;
}

.container_xm {
	max-width: 1240px;
}

.container_sm {
	max-width: 1340px;
}

.container_xl {
	max-width: 1645px;
}

.container_lg {
	max-width: 1640px;
}

.container_df {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wrapper {
	overflow: hidden;
	flex: 1;
}

.section {
	padding: 60px 0;
}

@media (min-width: 768px) {
	.section {
		padding: 120px 0;
	}
}

.section_sm {
	padding: 40px 0 80px;
}

@media (min-width: 768px) {
	.section_sm {
		padding: 21px 0 130px;
	}
}

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

.breadcrumbs {
	padding: 20px 0;
}

@media (min-width: 768px) {
	.breadcrumbs {
		padding: 60px 0 30px;
	}
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	width: 100%;
	gap: 4px;
}

.breadcrumbs__list li {
	padding-left: 0;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: 4px;
}

.breadcrumbs__list li a {
	text-decoration: none;
	color: #63718C;
}

.breadcrumbs__list li a:hover {
	text-decoration: underline;
}

.breadcrumbs__list li span {
	color: #63718C;
	white-space: nowrap;
}

.breadcrumbs__list li:last-of-type:after {
	display: none;
}

.breadcrumbs__list li:before {
	display: none;
}

.breadcrumbs__list li:after {
	content: "|";
	font-size: 15px;
	line-height: 0.5;
	color: #63718C;
	height: 15px;
	overflow: hidden;
	transform: translateY(1px);
}

.fancybox-container video {
	max-width: 100%;
	max-height: calc(100% - 88px);
}

body.fancybox-iosfix {
	position: static;
}

[data-tooltip] {
	position: relative;
	cursor: pointer;
	white-space: nowrap;
}

[data-tooltip]::after {
	content: attr(data-tooltip);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
	border-radius: 5px;
	font-size: 12px;
	opacity: 1;
	transition: opacity 0.3s ease, visibility 0.9s ease;
	visibility: visible;
}

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

@font-face {
	font-family: 'Montserrat';
	src: url("./assets/fonts/Montserrat-Medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url("./assets/fonts/Montserrat-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* === END FONTS === */
.btn-close {
	position: absolute;
	right: 44px;
	top: 44px;
	outline: none !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Ccircle cx='22' cy='22' r='22' fill='white'/%3E%3Cpath d='M23.2944 22.0048L30.6922 14.6392C31.0468 14.2877 31.0468 13.7188 30.6922 13.3682C30.3384 13.0167 29.7638 13.0167 29.41 13.3682L22.0186 20.7274L14.5588 13.2585C14.205 12.9034 13.6304 12.9034 13.2766 13.2585C12.9229 13.6145 12.9229 14.1906 13.2766 14.5457L20.731 22.0093L13.2497 29.4575C12.8959 29.809 12.8959 30.378 13.2497 30.7286C13.6035 31.0801 14.1781 31.0801 14.5319 30.7286L22.0068 23.2866L29.4369 30.7259C29.7906 31.081 30.3653 31.081 30.719 30.7259C31.0728 30.3699 31.0728 29.7938 30.719 29.4387L23.2944 22.0048Z' fill='%23818974'/%3E%3C/svg%3E");
}

.header {
	position: relative;
	background-color: #fff;
	padding: 13px 0;
	z-index: 11;
	border-bottom: 1px solid #B5BDCC;
}

.header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1480px;
	margin: 0 auto;
}

@media (min-width: 1320px) {
	.header {
		padding: 26px 0;
	}

	.header .container {
		flex-wrap: wrap;
	}
}

.header.active {
	position: sticky;
	top: 0;
}

.header.active .nav-holder {
	opacity: 1;
	visibility: visible;
	overflow-y: auto;
}

@media (min-width: 1320px) {
	.header.active .nav-holder {
		overflow-y: unset;
	}
}

.header.active .nav-opener:before {
	top: calc(50% - 1px);
	left: 5px;
	width: 14px;
	height: 1.5px;
	transform: rotate(45deg);
}

.header.active .nav-opener:after {
	bottom: auto;
	top: calc(50% - 1px);
	left: 5px;
	width: 14px;
	height: 1.5px;
	transform: rotate(-45deg);
}

.header.active .nav-opener span {
	opacity: 0;
}

.header .logo-holder {
	width: 176px;
}

@media (min-width: 1320px) {
	.header .logo-holder {
		width: 263px;
	}
}

.header a {
	text-decoration: none;
}

.nav-area {
	display: flex;
	gap: 28px;
	align-items: center;
	justify-content: space-between;
}

@media (min-width: 1320px) {
	.nav-area {
		width: 100%;
		max-width: 1000px;
		gap: 40px;
	}
}

.nav-holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	top: calc(100% + 1px);
	left: 0;
	height: calc(100vh - 58px);
	transition: all ease-in-out 0.3s;
	background-color: #fff;
	padding: 40px 20px;
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 1320px) {
	.nav-holder {
		flex-direction: row;
		justify-content: space-between;
		flex: 1;
		flex-wrap: nowrap;
		position: static;
		opacity: 1;
		visibility: visible;
		background-color: transparent;
		height: auto;
		padding: 0;
	}
}

@media (min-width: 1320px) {
	.right-info-box {
		display: flex;
		align-items: center;
		gap: 5px;
	}
}

.right-info-box .contacts-bar {
	position: relative;
}

@media (min-width: 1320px) {
	.right-info-box .contacts-bar {
		width: 174px;
	}
}

.right-info-box .contacts-list {
	list-style: none;
	padding: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: 500;
	gap: 15px;
	font-size: 18px;
}

.right-info-box .contacts-list li {
	padding: 0;
}

.right-info-box .contacts-list li a {
	display: block;
	transition: all .2s ease-in-out;
	text-decoration: underline;
}

.right-info-box .contacts-list li:first-child {
	flex: 100%;
}

.right-info-box .contacts-list li:first-child:hover a {
	color: #005BBB;
	background-color: #ECF1F8;
}

.right-info-box .contacts-list li:nth-of-type(2) a,
.right-info-box .contacts-list li:nth-of-type(3) a {
	width: 28px;
	height: 28px;
	box-sizing: content-box;
}

.right-info-box .contacts-list li:nth-of-type(2) a:hover,
.right-info-box .contacts-list li:nth-of-type(3) a:hover {
	color: #005BBB;
}

.right-info-box .contacts-list li:before {
	display: none;
}

.right-info-box .contacts-list a {
	color: #121212;
}

@media (min-width: 1320px) {
	.right-info-box .contacts-list {
		position: absolute;
		background-color: #fff;
		top: 100%;
		width: 174px;
		left: 0;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
		font-size: 16px;
		display: none;
		gap: 0;
		font-weight: 400;
	}

	.right-info-box .contacts-list li a {
		padding: 12px;
		text-decoration: none;
	}
}

.right-info-box .contacts-title {
	font-size: 18px;
	line-height: 1.3;
	color: #121212;
	position: relative;
	display: none;
	padding: 7px 0;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-weight: 500;
	justify-content: center;
}

.right-info-box .contacts-title:after {
	content: '';
	width: 10px;
	height: 6px;
	transition: transform .2s ease-in-out;
}

.right-info-box .contacts-title.active:after {
	transform: rotate(180deg);
}

@media (min-width: 1320px) {
	.right-info-box .contacts-title {
		display: flex;
	}
}

.language-bar {
	position: relative;
	background: #fff;
}

.language-title {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #121212;
	line-height: 1.3;
	font-size: 18px;
	padding: 7px 3px 7px 0;
	width: 102px;
	cursor: pointer;
	position: relative;
}

.language-title:after {
	content: '';
	width: 10px;
	height: 6px;
	transition: transform .2s ease-in-out;
}

.language-title.active:after {
	transform: rotate(180deg);
}

.language-title .flag-icon {
	max-width: 20px;
	width: 100%;
	height: 20px;
}

@media (min-width: 1320px) {
	.language-title {
		display: flex;
	}
}

.language-list {
	margin: 0 0 40px;
	padding: 0;
	display: flex;
	gap: 24px;
	justify-content: center;
	font-size: 18px;
}

.language-list .menu-item {
	line-height: 1.3;
	font-size: 16px;
	cursor: pointer;
	list-style-type: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	transition: all .2s ease-in-out;
}

.language-list .menu-item:before {
	display: none;
}

.language-list .menu-item:hover {
	background: #ECF1F8;
}

.language-list .menu-item:hover a {
	color: #0B3873;
}

.language-list .menu-item.active a {
	color: #0B3873;
}

@media (min-width: 1320px) {
	.language-list .menu-item.active {
		display: none;
	}
}

.language-list .menu-item a {
	color: #B5BDCC;
	text-decoration: none;
}

.language-list .flag-icon {
	max-width: 20px;
	width: 100%;
	height: 100%;
	display: none;
}

@media (min-width: 1320px) {
	.language-list {
		display: none;
		position: absolute;
		width: 102px;
		z-index: 1;
		background: #fff;
		box-shadow: 0px 0px 15px 0px #0000001A;
		gap: 0;
		margin: 0;
	}

	.language-list .flag-icon {
		display: flex;
	}

	.language-list .menu-item {
		padding: 13px 12px;
	}

	.language-list .menu-item a {
		color: #121212;
	}

	.language-list .menu-item.active a {
		color: #121212;
	}
}

.city-bar {
	position: relative;
}

.city-bar .city-title {
	justify-content: center;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	transition: all .2s ease-in-out;
	color: #0B3873;
	font-weight: 500;
}

.city-bar .city-title:after {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.2L5 6L0 1.2L1.25 0L5 3.6L8.75 0L10 1.2Z' fill='%230B3873'/%3e%3c/svg%3e ") !important;
	width: 10px;
	height: 6px;
	transition: transform .2s ease-in-out;
}

.city-bar .city-title.active:after {
	transform: rotate(180deg);
}

@media (min-width: 1320px) {
	.city-bar .city-title {
		border: 1px solid #B5BDCC;
		padding: 8px 16px;
		background-color: #fff;
		border-radius: 10px;
		color: #121212;
		min-width: 122px;
	}

	.city-bar .city-title:after {
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.2L5 6L0 1.2L1.25 0L5 3.6L8.75 0L10 1.2Z' fill='%23626467'/%3e%3c/svg%3e ") !important;
	}

	.city-bar .city-title.active,
	.city-bar .city-title:hover {
		background-color: #ECF1F8;
	}
}

.city-bar .city-list {
	position: absolute;
	top: calc(100% + 2px);
	width: 100%;
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	display: none;
}

.city-bar .city-list .menu-item {
	line-height: 1.3;
	font-size: 14px;
	padding: 13px 12px;
	cursor: pointer;
	list-style-type: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	transition: all .2s ease-in-out;
}

.city-bar .city-list .menu-item:before {
	display: none;
}

.city-bar .city-list .menu-item.active,
.city-bar .city-list .menu-item:hover {
	background: #ECF1F8;
}

.city-bar .city-list .menu-item.active a,
.city-bar .city-list .menu-item:hover a {
	color: #0B3873;
}

.city-bar .city-list .menu-item a {
	color: #121212;
	text-decoration: none;
}

@media (min-width: 1320px) {
	.city-bar .city-list .menu-item {
		font-size: 16px;
	}
}

.nav {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

@media (min-width: 1024px) {
	.nav {
		align-items: center;
		padding: 0;
		flex-direction: row;
		justify-content: space-between;
		position: static;
		opacity: 1;
		visibility: visible;
		background-color: transparent;
		height: auto;
	}
}

.nav__list {
	font-size: 15px;
}

@media (min-width: 1320px) {
	.nav {
		text-align: center;
	}

	.nav__list {
		font-size: 16px;
		display: flex;
		align-items: center;
		gap: 40px;
	}
}

.nav__item {
	margin-bottom: 25px;
}

@media (min-width: 1320px) {
	.nav__item {
		margin: 0;
	}
}

.nav__item.menu-item-has-children>a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.nav__item.menu-item-has-children>a:after {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.2L5 6L0 1.2L1.25 0L5 3.6L8.75 0L10 1.2Z' fill='%23626467'/%3e%3c/svg%3e ");
	width: 10px;
	height: 6px;
	transition: all .2s ease-in-out;
}

.nav__item.active>a {
	color: #0B3873;
}

.nav__item.active>a:after {
	transform: rotate(180deg);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.2L5 6L0 1.2L1.25 0L5 3.6L8.75 0L10 1.2Z' fill='%230B3873'/%3e%3c/svg%3e ");
}

.nav__item:hover>a {
	color: #0B3873;
}

@media (min-width: 1320px) {
	.nav__item:hover>a:after {
		transform: rotate(180deg);
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.2L5 6L0 1.2L1.25 0L5 3.6L8.75 0L10 1.2Z' fill='%230B3873'/%3e%3c/svg%3e ");
	}
}

@media (min-width: 1320px) {
	.nav__item:hover .sub-menu {
		visibility: visible;
		opacity: 1;
	}
}

.nav__item.current-menu-item>a {
	color: #0B3873;
}

.nav li {
	padding-left: 0;
}

.nav li:before {
	display: none;
}

.nav a {
	color: #121212;
}

@media (min-width: 1320px) {
	.nav a {
		color: #121212;
	}
}

.nav .sub-menu {
	transition: all .2s ease-in-out;
	font-size: 15px;
	line-height: 1;
	padding: 20px 0 0 30px;
	display: none;
}

.nav .sub-menu li {
	margin: 0 0 20px;
}

.nav .sub-menu li:hover a {
	color: #0B3873;
}

.nav .sub-menu li:last-child {
	margin: 0;
}

@media (min-width: 1320px) {
	.nav .sub-menu {
		position: absolute;
		background-color: #fff;
		top: 100%;
		left: -22px;
		width: 206px;
		height: auto;
		text-align: left;
		font-size: 16px;
		padding: 0;
		opacity: 0;
		visibility: hidden;
		display: block;
		box-shadow: 0px 0px 15px 0px #0000001A;
	}

	.nav .sub-menu li {
		margin: 0;
	}

	.nav .sub-menu li a {
		padding: 16px 24px;
		display: block;
		transition: all .2s ease-in-out;
	}

	.nav .sub-menu li a:hover {
		color: #0B3873;
		background-color: #ECF1F8;
	}
}

.nav-opener {
	position: relative;
	border: none;
	background-color: transparent;
	width: 24px;
	height: 24px;
	padding: 0;
	cursor: pointer;
}

@media (min-width: 1320px) {
	.nav-opener {
		display: none;
	}
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span {
	content: "";
	position: absolute;
	left: 0;
	width: 24px;
	height: 2px;
	border-radius: 2px;
	background-color: #121212;
	transition: all ease-in-out 0.3s;
}

.nav-opener:before {
	top: 4px;
}

.nav-opener span {
	top: calc(50% - 1px);
}

.nav-opener:after {
	bottom: 4px;
}

.mobile-social {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin-top: 40px;
}

.mobile-social li {
	padding: 0;
}

.mobile-social li:before {
	display: none;
}

@media (min-width: 1320px) {
	.mobile-social {
		display: none;
	}
}

.icon__select-arrow--close,
.right-info-box .contacts-title:after,
.language-title:after,
.select-trigger::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1.2L5 6L0 1.2L1.25 0L5 3.6L8.75 0L10 1.2Z' fill='%23626467'/%3e%3c/svg%3e ");
}

.icon__select-arrow--open {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11.7161 5.43325C11.7199 5.57443 11.6697 5.71306 11.5724 5.82988C11.4751 5.9467 11.3355 6.0359 11.1731 6.08508C11.0108 6.13427 10.8337 6.14098 10.6664 6.1043C10.4991 6.06762 10.3501 5.98936 10.2399 5.88041L5.87144 1.72327L1.50449 5.88041C1.43655 5.95578 1.35028 6.0189 1.25103 6.06581C1.15178 6.11273 1.04168 6.14244 0.927688 6.15307C0.8137 6.1637 0.698271 6.15503 0.588583 6.1276C0.478895 6.10017 0.377302 6.05457 0.290231 5.99367C0.20316 5.93276 0.13253 5.85785 0.0826156 5.77363C0.0327008 5.68941 0.00466564 5.5977 0.000242185 5.50423C-0.00418127 5.41077 0.0150493 5.31756 0.0568559 5.23046C0.0986625 5.14336 0.162078 5.06423 0.243133 4.99803L5.23831 0.238484C5.31655 0.163741 5.41366 0.103722 5.52311 0.0625666C5.63255 0.0214112 5.75168 9.93203e-05 5.87221 9.93203e-05C5.99274 9.93203e-05 6.11186 0.0214112 6.22131 0.0625666C6.33076 0.103722 6.42796 0.163741 6.5062 0.238484L11.5062 4.99803C11.6372 5.11826 11.7117 5.27248 11.7163 5.43325H11.7161Z' fill='%23212121'/%3E%3C/svg%3E");
}

.icon-youtube {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8307 10.256C31.7478 8.9687 29.7484 8.4436 25.9301 8.4436H12.0696C8.1639 8.4436 6.13068 9.00257 5.05184 10.3731C4 11.7093 4 13.6782 4 16.4032V21.597C4 26.8761 5.248 29.5564 12.0696 29.5564H25.9302C29.2414 29.5564 31.0763 29.0931 32.2633 27.9571C33.4806 26.7921 34 24.89 34 21.597V16.4032C34 13.5295 33.9186 11.549 32.8307 10.256ZM23.2601 19.7171L16.9661 23.0066C16.8254 23.0801 16.6715 23.1166 16.5178 23.1166C16.3438 23.1166 16.1702 23.0698 16.0165 22.9767C15.7269 22.8012 15.5501 22.4874 15.5501 22.1489V15.5911C15.5501 15.2531 15.7264 14.9396 16.0154 14.764C16.3045 14.5885 16.664 14.5765 16.9639 14.7323L23.2579 18.0005C23.5781 18.1668 23.7792 18.4974 23.7797 18.8581C23.7801 19.219 23.5798 19.5501 23.2601 19.7171Z' fill='%23212121'/%3E%3C/svg%3E%0A");
}

.icon-youtube--white,
.icon-youtube:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.8307 10.256C31.7478 8.9687 29.7484 8.4436 25.9301 8.4436H12.0696C8.1639 8.4436 6.13068 9.00257 5.05184 10.3731C4 11.7093 4 13.6782 4 16.4032V21.597C4 26.8761 5.248 29.5564 12.0696 29.5564H25.9302C29.2414 29.5564 31.0763 29.0931 32.2633 27.9571C33.4806 26.7921 34 24.89 34 21.597V16.4032C34 13.5295 33.9186 11.549 32.8307 10.256ZM23.2601 19.7171L16.9661 23.0066C16.8254 23.0801 16.6715 23.1166 16.5178 23.1166C16.3438 23.1166 16.1702 23.0698 16.0165 22.9767C15.7269 22.8012 15.5501 22.4874 15.5501 22.1489V15.5911C15.5501 15.2531 15.7264 14.9396 16.0154 14.764C16.3045 14.5885 16.664 14.5765 16.9639 14.7323L23.2579 18.0005C23.5781 18.1668 23.7792 18.4974 23.7797 18.8581C23.7801 19.219 23.5798 19.5501 23.2601 19.7171Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-instagram {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 7.33325C10.2357 7.33325 7.33325 10.2357 7.33325 13.8147V24.1851C7.33325 27.7642 10.2357 30.6666 13.8147 30.6666H24.1851C27.7642 30.6666 30.6666 27.7642 30.6666 24.1851V13.8147C30.6666 10.2357 27.7642 7.33325 24.1851 7.33325H13.8147ZM26.7777 9.92584C27.4933 9.92584 28.074 10.5066 28.074 11.2221C28.074 11.9377 27.4933 12.5184 26.7777 12.5184C26.0621 12.5184 25.4814 11.9377 25.4814 11.2221C25.4814 10.5066 26.0621 9.92584 26.7777 9.92584ZM18.9999 12.5184C22.579 12.5184 25.4814 15.4208 25.4814 18.9999C25.4814 22.579 22.579 25.4814 18.9999 25.4814C15.4208 25.4814 12.5184 22.579 12.5184 18.9999C12.5184 15.4208 15.4208 12.5184 18.9999 12.5184ZM18.9999 15.111C17.9685 15.111 16.9794 15.5208 16.2501 16.2501C15.5208 16.9794 15.111 17.9685 15.111 18.9999C15.111 20.0313 15.5208 21.0205 16.2501 21.7498C16.9794 22.4791 17.9685 22.8888 18.9999 22.8888C20.0313 22.8888 21.0205 22.4791 21.7498 21.7498C22.4791 21.0205 22.8888 20.0313 22.8888 18.9999C22.8888 17.9685 22.4791 16.9794 21.7498 16.2501C21.0205 15.5208 20.0313 15.111 18.9999 15.111Z' fill='%23212121'/%3E%3C/svg%3E%0A");
}

.icon-instagram--white,
.icon-instagram:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8147 7.33325C10.2357 7.33325 7.33325 10.2357 7.33325 13.8147V24.1851C7.33325 27.7642 10.2357 30.6666 13.8147 30.6666H24.1851C27.7642 30.6666 30.6666 27.7642 30.6666 24.1851V13.8147C30.6666 10.2357 27.7642 7.33325 24.1851 7.33325H13.8147ZM26.7777 9.92584C27.4933 9.92584 28.074 10.5066 28.074 11.2221C28.074 11.9377 27.4933 12.5184 26.7777 12.5184C26.0621 12.5184 25.4814 11.9377 25.4814 11.2221C25.4814 10.5066 26.0621 9.92584 26.7777 9.92584ZM18.9999 12.5184C22.579 12.5184 25.4814 15.4208 25.4814 18.9999C25.4814 22.579 22.579 25.4814 18.9999 25.4814C15.4208 25.4814 12.5184 22.579 12.5184 18.9999C12.5184 15.4208 15.4208 12.5184 18.9999 12.5184ZM18.9999 15.111C17.9685 15.111 16.9794 15.5208 16.2501 16.2501C15.5208 16.9794 15.111 17.9685 15.111 18.9999C15.111 20.0313 15.5208 21.0205 16.2501 21.7498C16.9794 22.4791 17.9685 22.8888 18.9999 22.8888C20.0313 22.8888 21.0205 22.4791 21.7498 21.7498C22.4791 21.0205 22.8888 20.0313 22.8888 18.9999C22.8888 17.9685 22.4791 16.9794 21.7498 16.2501C21.0205 15.5208 20.0313 15.111 18.9999 15.111Z' fill='white'/%3E%3C/svg%3E%0A");
}

.icon-facebook {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9765 9H20.8932C19.2994 9 18.1545 9.37833 17.4588 10.1347C16.7628 10.8914 16.4151 12.0057 16.4151 13.4783V14.8819C16.4151 15.2528 16.1145 15.5535 15.7436 15.5535H15.0236C14.6527 15.5535 14.3521 15.8541 14.3521 16.225V18.3284C14.3521 18.6993 14.6527 19 15.0236 19H15.7436C16.1145 19 16.4151 19.3006 16.4151 19.6716V28.3284C16.4151 28.6993 16.7158 29 17.0867 29H19.8818C20.2527 29 20.5534 28.6993 20.5534 28.3284V19.6716C20.5534 19.3006 20.8541 19 21.225 19H22.6366C23.0076 19 23.3398 18.701 23.3787 18.3322L23.6017 16.2212C23.6406 15.8523 23.3716 15.5535 23.0006 15.5535H21.2247C20.8538 15.5535 20.5532 15.2528 20.5532 14.8819V13.8302C20.5532 13.5714 20.5653 13.3711 20.5896 13.2294C20.6138 13.0879 20.6684 12.9484 20.7535 12.8107C20.8383 12.6733 20.976 12.5782 21.1661 12.5255C21.3561 12.4729 21.6091 12.4465 21.9245 12.4465H22.9762C23.3471 12.4465 23.6477 12.1459 23.6477 11.7749V9.67158C23.648 9.30064 23.3474 9 22.9765 9Z' fill='%23212121'/%3E%3C/svg%3E%0A");
}

.icon-facebook--white,
.icon-facebook:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.9765 9H20.8932C19.2994 9 18.1545 9.37833 17.4588 10.1347C16.7628 10.8914 16.4151 12.0057 16.4151 13.4783V14.8819C16.4151 15.2528 16.1145 15.5535 15.7436 15.5535H15.0236C14.6527 15.5535 14.3521 15.8541 14.3521 16.225V18.3284C14.3521 18.6993 14.6527 19 15.0236 19H15.7436C16.1145 19 16.4151 19.3006 16.4151 19.6716V28.3284C16.4151 28.6993 16.7158 29 17.0867 29H19.8818C20.2527 29 20.5534 28.6993 20.5534 28.3284V19.6716C20.5534 19.3006 20.8541 19 21.225 19H22.6366C23.0076 19 23.3398 18.701 23.3787 18.3322L23.6017 16.2212C23.6406 15.8523 23.3716 15.5535 23.0006 15.5535H21.2247C20.8538 15.5535 20.5532 15.2528 20.5532 14.8819V13.8302C20.5532 13.5714 20.5653 13.3711 20.5896 13.2294C20.6138 13.0879 20.6684 12.9484 20.7535 12.8107C20.8383 12.6733 20.976 12.5782 21.1661 12.5255C21.3561 12.4729 21.6091 12.4465 21.9245 12.4465H22.9762C23.3471 12.4465 23.6477 12.1459 23.6477 11.7749V9.67158C23.648 9.30064 23.3474 9 22.9765 9Z' fill='white'/%3E%3C/svg%3E%0A");
}

.cx {
	font-family: "Inter";
}

.cx__title {
	font-size: 24px;
	font-weight: 500;
	color: var(--color-text-primary);
	margin-bottom: 20px;
	line-height: 1.2;
}

@media (min-width: 768px) {
	.cx__title {
		margin-bottom: 30px;
	}
}

.cx__tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	border-radius: var(--border-radius-md);
}

@media (min-width: 768px) {
	.cx__tabs {
		margin-bottom: 25px;
	}
}

.cx__tab {
	flex: 1;
	padding: 9px 8px;
	font-size: 15px;
	cursor: pointer;
	border: none;
	background: none;
	color: #121212;
	border-radius: 8px;
	transition: all 0.15s;
	overflow: hidden;
	font-family: "Inter";
}

.cx__tab--active {
	background: #63718C;
	color: #fff;
	font-weight: 500;
	border: 0.5px solid var(--color-border-tertiary);
}

@media (min-width: 768px) {
	.cx__tab {
		gap: 20px;
		font-size: 18px;
		padding: 12px 13px;
	}
}

.cx__layout {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

@media (min-width: 992px) {
	.cx__layout {
		flex-direction: row;
		align-items: flex-start;
		gap: 40px;
	}
}

.cx__rates-col {
	flex: 1;
	min-width: 0;
}

.cx__panel {
	display: none;
}

.cx__panel--active {
	display: block;
}

.cx__rate-cell:nth-of-type(2) {
	display: none;
}

@media (min-width: 768px) {
	.cx__rate-cell:nth-of-type(2) {
		display: block;
	}
}

.cx__col-header {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 11px 8px;
	border-radius: 8px 8px 0 0;
	margin-bottom: 4px;
	color: #63718C;
	background-color: #ECF1F8;
}

.cx__col-header span {
	font-size: 13px;
	color: var(--color-text-secondary);
	font-size: 16px;
	line-height: 1;
}

.cx__col-header span:nth-of-type(2) {
	display: none;
}

@media (min-width: 768px) {
	.cx__col-header span:nth-of-type(2) {
		display: block;
	}
}

@media (min-width: 768px) {
	.cx__col-header {
		padding: 20px 16px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.cx__row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	padding: 16px 8px;
	line-height: 1.5;
	border-radius: var(--border-radius-md);
	transition: border-color 0.15s;
}

@media (min-width: 768px) {
	.cx__row {
		padding: 24px 16px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

.cx__row:nth-of-type(even) {
	background-color: #ECF1F8;
}

.cx__row:nth-of-type(4) {
	border-radius: 0 0 8px 8px;
}

.cx__row-left {
	display: flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}

@media (min-width: 768px) {
	.cx__row-left {
		gap: 16px;
	}
}

.cx__row-info {
	min-width: 0;
}

.cx__code {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 500;
	color: #0B3873;
	text-decoration: none;
}

.cx__code:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.cx__code {
		font-size: 24px;
		line-height: 1;
	}
}

.cx__name {
	font-size: 18px;
	color: #38393A;
	white-space: nowrap;
	overflow: hidden;
}

.cx__rate-val {
	font-size: 22px;
	font-weight: 500;
	color: #121212;
	display: flex;
	gap: 5px;
	align-items: center;
}

@media (min-width: 768px) {
	.cx__rate-val {
		font-size: 24px;
		line-height: 1;
	}
}

.cx__arrow {
	width: 14px;
	height: 14px;
}

.cx__arrow--up {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5.01792H5.6V13.9699L8.414 14V5.01792H14L7 0L0 5.01792Z' fill='%23216C58'/%3e%3c/svg%3e ");
}

.cx__arrow--down {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 8.98208H8.4L8.4 0.0301094L5.586 0L5.586 8.98208L0 8.98208L7 14L14 8.98208Z' fill='%23F95B2B'/%3e%3c/svg%3e ");
}

.cx__flag {
	width: 20px;
	height: 14px;
	border-radius: 2px;
	flex-shrink: 0;
}

.cx__extra {
	overflow: hidden;
	transition: max-height 0.3s ease;
	max-height: 0;
}

.cx__more-btn {
	font-size: 13px;
	color: #0B3873;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: background 0.15s;
	font-weight: 500;
	font-size: 16px;
	border: none;
	padding: 0;
	background: none;
	text-decoration: underline;
}

.cx__more-btn:hover {
	text-decoration: none;
}

.cx__chevron {
	font-size: 10px;
	transition: transform 0.2s;
}

.cx__chevron--open {
	transform: rotate(180deg);
}

.cx__updated {
	font-size: 15px;
	line-height: 1.3;
	color: #38393A;
	text-align: left;
	max-width: 50%;
}

@media (min-width: 768px) {
	.cx__updated {
		font-size: 16px;
		max-width: 100%;
	}
}

.cx .bottom-info {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
	align-items: center;
}

.cx #tab1 .bottom-info,
.cx #tab2 .bottom-info {
	justify-content: flex-end;
}

.conv {
	width: 100%;
	background: url(assets/img/bg_exchange.jpg);
	background-size: cover;
	border-radius: 8px;
}

@media (min-width: 640px) {
	.conv {
		width: 448px;
		flex-shrink: 0;
	}
}

.conv__card {
	background: var(--color-background-secondary);
	padding: 25px 20px;
}

@media (min-width: 768px) {
	.conv__card {
		padding: 50px 40px 40px;
	}
}

.conv__label {
	font-size: 15px;
	line-height: 1;
	color: var(--color-text-secondary);
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.conv__label {
		font-size: 16px;
	}
}

.conv__input-group {
	display: flex;
}

.conv__input {
	flex: 1;
	padding: 11px 10px;
	font-size: 22px;
	line-height: 1;
	font-weight: 500;
	border: none;
	border-radius: 10px 0 0 10px;
	background: #fff;
	color: #121212;
	outline: none;
	min-width: 0;
	transition: border-color 0.15s;
}

@media (min-width: 768px) {
	.conv__input {
		font-size: 26px;
		padding: 16px 15px;
		height: 64px;
	}
}

.conv__input:focus {
	border-color: var(--color-border-primary);
}

.conv__select-wrap {
	position: relative;
}

.conv__select {
	appearance: none;
	-webkit-appearance: none;
	padding: 10px 26px 10px 10px;
	border: 0.5px solid var(--color-border-tertiary);
	border-radius: var(--border-radius-md);
	background: var(--color-background-primary);
	color: var(--color-text-primary);
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	outline: none;
	width: 80px;
	height: 100%;
	transition: border-color 0.15s;
}

.conv__select:focus {
	border-color: var(--color-border-primary);
}

.conv__select-arrow {
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--color-text-secondary);
	font-size: 9px;
}

.conv__swap-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px 0 -11px;
	position: relative;
}

.conv__swap-line {
	position: absolute;
	left: 0;
	right: 0;
	height: 0.5px;
	background: var(--color-border-tertiary);
}

.conv__swap-btn {
	position: relative;
	z-index: 1;
	width: 32px;
	height: 32px;
	border: none;
	background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27.2 0C25.12 0 23.36 1.344 22.688 3.2L7.2 3.2C6.13913 3.2 5.12172 3.62143 4.37157 4.37157C3.62143 5.12172 3.2 6.13913 3.2 7.2V12.8H0L4.8 19.2L9.6 12.8H6.4V7.2C6.4 6.752 6.752 6.4 7.2 6.4L22.688 6.4C23.344 8.256 25.104 9.6 27.2 9.6C29.84 9.6 32 7.44 32 4.8C32 2.16 29.84 0 27.2 0ZM28.8 4.8C28.8 5.68 28.08 6.4 27.2 6.4C26.32 6.4 25.6 5.68 25.6 4.8C25.6 3.92 26.32 3.2 27.2 3.2C28.08 3.2 28.8 3.92 28.8 4.8ZM9.312 28.8H24.8C25.8609 28.8 26.8783 28.3786 27.6284 27.6284C28.3786 26.8783 28.8 25.8609 28.8 24.8V19.2H32L27.2 12.8L22.4 19.2H25.6V24.8C25.6 25.248 25.248 25.6 24.8 25.6H9.312C8.656 23.744 6.896 22.4 4.8 22.4C2.16 22.4 0 24.56 0 27.2C0 29.84 2.16 32 4.8 32C6.88 32 8.64 30.656 9.312 28.8ZM3.2 27.2C3.2 26.32 3.92 25.6 4.8 25.6C5.68 25.6 6.4 26.32 6.4 27.2C6.4 28.08 5.68 28.8 4.8 28.8C3.92 28.8 3.2 28.08 3.2 27.2Z' fill='%2363718C'/%3e%3c/svg%3e ");
	cursor: pointer;
	transition: opacity 0.15s;
}

.conv__swap-btn:hover {
	opacity: .85;
}

.conv__rate-badge {
	background: var(--color-background-primary);
	border-radius: var(--border-radius-md);
	padding: 20px 0 25px;
	display: flex;
	justify-content: flex-start;
	gap: 5px;
	align-items: center;
	color: #38393A;
}

@media (min-width: 768px) {
	.conv__rate-badge {
		padding: 28px 0 32px;
		justify-content: center;
	}
}

.conv__order-btn {
	width: 100%;
	padding: 14px 12px;
	color: var(--color-background-primary);
	border: none;
	border-radius: 10px;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	cursor: pointer;
	background-color: #121212;
	color: #fff;
	transition: opacity 0.15s;
	margin-bottom: 15px;
	letter-spacing: 2px;
}

.conv__order-btn:hover {
	opacity: 0.8;
}

@media (min-width: 768px) {
	.conv__order-btn {
		padding: 18px 12px;
		margin-bottom: 25px;
	}
}

.conv__note {
	font-size: 15px;
	color: #38393A;
	text-align: left;
	margin: 0;
}

@media (min-width: 768px) {
	.conv__note {
		text-align: center;
	}
}

/* Контейнер кастомного селекта */
.custom-select {
	position: relative;
	min-width: 100px;
	cursor: pointer;
	user-select: none;
}

.select-trigger {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 8px;
	background: #fff;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.3;
	border-radius: 0 10px 10px 0;
	height: 56px;
}

@media (min-width: 768px) {
	.select-trigger {
		height: 64px;
	}
}

.select-trigger::after {
	content: '';
	margin-left: auto;
	width: 14px;
	height: 8px;
	background-size: contain;
	transition: all .2s ease-in-out;
}

.active .select-trigger::after {
	transform: rotate(180deg);
}

/* 1. Настраиваем сам скроллбар (ширина) */
.select-options::-webkit-scrollbar {
	width: 4px;
	/* Здесь задаешь толщину. 4px — это очень тонко */
}

/* 2. Настраиваем дорожку, по которой бегает ползунок */
.select-options::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* 3. Настраиваем сам ползунок */
.select-options::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 10px;
	transition: background 0.2s;
}

/* Изменяем цвет при наведении */
.select-options::-webkit-scrollbar-thumb:hover {
	background: #999;
}

/* Скрываем кнопки скроллбара (стрелочки) */
.select-options::-webkit-scrollbar-button {
	display: none;
	width: 0;
	height: 0;
}

.select-options {
	position: absolute;
	top: 110%;
	left: 0;
	right: 0;
	background: #fff;
	border-width: 0px 0px 2px 2px;
	border-style: solid;
	border-color: #ECF1F8;
	z-index: 100;
	display: none;
	/* Скрыто по умолчанию */
	max-height: 250px;
	overflow-y: auto;
	scrollbar-width: thin;
	/* Делает скролл тонким */
	scrollbar-color: #ccc #f1f1f1;
	/* Цвет ползунка и дорожки */
}

.custom-select.active .select-options {
	display: block;
}

.option {
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: background 0.2s;
}

.option:hover {
	background: #ECF1F8;
}

.flag {
	font-size: 1.2em;
}

/* Скрываем нативный селект */
#from-cur,
#to-cur {
	display: none !important;
}

.custom-select-container {
	position: relative;
	user-select: none;
}

.custom-select-visual {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.sel-arrow {
	width: 10px;
	height: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23666' fill='none'/%3E%3C/svg%3E") no-repeat center;
	transition: transform 0.2s;
}

.custom-select-container.active .sel-arrow {
	transform: rotate(180deg);
}

.custom-select-drop {
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 100px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 100;
	overflow: hidden;
	margin-top: 5px;
}

.custom-select-container.active .custom-select-drop {
	display: block;
}

.custom-select-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 15px;
	cursor: pointer;
	transition: background 0.2s;
}

.custom-select-item:hover {
	background: #f5f7fb;
}

.custom-select-item.selected {
	background: #eff4ff;
}

.custom-select-item img,
.sel-flag {
	width: 24px;
	height: auto;
	border-radius: 2px;
}

/* ── TABS ── */
.map-tabs {
	padding-bottom: 60px;
}

@media (min-width: 768px) {
	.map-tabs {
		padding-bottom: 120px;
	}
}

.tabs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-bottom: 20px;
}

.tab-btn {
	position: relative;
	padding: 9px 16px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	color: #121212;
	background: none;
	border: none;
	cursor: pointer;
	letter-spacing: 0.01em;
	transition: all 0.2s;
	white-space: nowrap;
	min-width: 102px;
	border-radius: 10px;
}

.tab-btn:hover,
.tab-btn.active {
	color: #fff;
	background-color: #63718c;
}

@media (min-width: 768px) {
	.tabs {
		flex-wrap: nowrap;
	}
}

@media (min-width: 992px) {
	.tabs {
		flex-wrap: wrap;
		margin-bottom: 40px;
	}

	.tab-btn {
		min-width: 136px;
		padding: 12px 31px;
		font-size: 18px;
	}
}

/* ── BODY ── */
.tab-panel {
	display: none;
	position: relative;
}

.tab-panel.active {
	display: flex;
}

/* ── INFO PANEL ── */
.info-panel {
	padding: 20px 30px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	gap: 0;
	z-index: 1;
	margin: 20px 8px;
	width: calc(100% - 16px);
}

@media (min-width: 768px) {
	.info-panel {
		margin: 30px 0 30px 30px;
		width: 358px;
	}
}

@media (min-width: 992px) {
	.info-panel {
		margin: 40px 0 40px 40px;
		padding: 30px;
	}
}

/* ── ACCORDION ── */
.accordion-item {
	margin-bottom: 5px;
}

.accordion-trigger {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	background: none;
	border: none;
	cursor: pointer;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 500;
	color: #121212;
	text-align: left;
	transition: color 0.2s;
	margin-bottom: 20px;
	padding: 5px 24px 5px 0;
}

@media (min-width: 768px) {
	.accordion-trigger {
		margin-bottom: 16px;
		font-size: 18px;
	}
}

.accordion-trigger:hover {
	color: #1a1a1a;
}

.accordion-trigger.active {
	color: #1a1a1a;
	font-weight: 500;
	background-color: #ECF1F8;
	border-radius: 10px;
}

.accordion-trigger.active .icon-wrap {
	padding-left: 34px;
}

.accordion-trigger.active .icon-wrap:before {
	display: none;
}

.icon-wrap {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	position: relative;
}

.icon-wrap:before {
	content: "";
	width: 24px;
	flex: 1 0 auto;
	height: 24px;
	background: url(assets/img/icon_address-marker-outline.svg);
}

.chevron {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
	color: #0B3873;
	transition: transform 0.3s ease;
}

.accordion-trigger.active .chevron {
	transform: rotate(180deg);
	display: none;
}

.accordion-body {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.35s ease,
		padding 0.3s ease;
}

.accordion-body.open {
	max-height: 600px;
}

.accordion-body-inner {
	padding: 0 0 16px;
}

.acc-address {
	line-height: 1.3;
	color: #121212;
	background: #ecf1f8;
	border-radius: 10px;
	padding: 10px 14px;
	margin-bottom: 10px;
	font-size: 16px;
}

.recall,
.acc-phone {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 16px;
	line-height: 1.3;
	color: #0b3873;
	text-decoration: underline;
	margin-bottom: 20px;
	position: relative;
	font-weight: 500;
	position: relative;
}

@media (min-width: 768px) {

	.recall,
	.acc-phone {
		font-size: 18px;
	}
}

.recall {
	padding-left: 29px;
}

.acc-phone:before {
	content: "";
	max-width: 24px;
	width: 100%;
	flex: 1 0 auto;
	height: 24px;
	background: url(assets/img/icone_phone.svg);
}

.recall:hover,
.acc-phone:hover {
	text-decoration: none;
	color: #0b3873;
}

.acc-hours {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 16px;
	color: #121212;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.3;
	position: relative;
}

@media (min-width: 768px) {
	.acc-hours {
		font-size: 18px;
	}
}

.acc-hours:before {
	content: "";
	max-width: 24px;
	width: 100%;
	flex: 1 0 auto;
	height: 24px;
	background: url(assets/img/icon_clock-outline.svg);
}

.route-title {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 16px;
	color: #121212;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 1.3;
}

@media (min-width: 768px) {
	.route-title {
		font-size: 18px;
	}
}

.route-title:before {
	content: "";
	max-width: 24px;
	width: 100%;
	flex: 1 0 auto;
	height: 24px;
	background: url(assets/img/icon_map-light.svg);
}

.route-text {
	font-size: 15px;
	color: #38393a;
	line-height: 1.3;
	margin: 0 0 20px;
	height: 80px;
	overflow: auto;
}

.info-panel .img-holder {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.info-panel .img-holder:before {
	position: absolute;
	content: "";
	right: 15px;
	bottom: 15px;
	width: 35px;
	height: 35px;
	z-index: 1;
	background: url(assets/img/icon_gallery.svg);
}

/* ── MAP PANEL ── */
.map-panel {
	flex: 1;
	position: absolute;
	inset: 0;
	overflow: hidden;
	/* min-height: 520px; */
	background: #e8e4db;
}

.map-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.map-img.visible {
	opacity: 1;
}

/* Fake map background when no real image */
.map-bg {
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(0deg, transparent, transparent 59px, #ddd8cf 59px, #ddd8cf 60px), repeating-linear-gradient(90deg, transparent, transparent 59px, #ddd8cf 59px, #ddd8cf 60px);
	background-color: #ede9e0;
}

.map-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

/* Simulated map roads */
.road-h {
	position: absolute;
	left: 0;
	right: 0;
	background: #fff;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.road-v {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #fff;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.map-panel:hover .road-h,
.map-panel:hover .road-v {
	opacity: 0;
}

.map-pin {
	position: absolute;
	transform: translate(-50%, -100%);
	opacity: 0;
	transition: opacity 0.45s ease 0.15s,
		transform 0.4s ease 0.15s;
	pointer-events: none;
}

.map-pin.visible {
	opacity: 1;
	transform: translate(-50%, -100%) translateY(0);
}

.map-pin svg {
	width: 36px;
	height: 44px;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.22));
}

.map-label {
	position: absolute;
	bottom: 18px;
	right: 18px;
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(8px);
	border-radius: 10px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 500;
	color: #1a1a1a;
	border: 0.5px solid rgba(0, 0, 0, 0.08);
	pointer-events: none;
}

.map-fake {
	position: absolute;
	height: 100%;
	inset: 0;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.map-fake img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.map-fake.visible {
	opacity: 1;
}

.mobile-link-map {
	color: #0B3873;
	text-decoration: underline;
	font-size: 16px;
	margin-top: 20px;
	font-weight: 500;
	display: inline-flex;
}

@media (min-width: 768px) {
	.mobile-link-map {
		display: none;
	}
}

.svg-tabs-block {
	display: flex;
	flex-direction: column;
	gap: 30px;
	max-width: 970px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.svg-tabs-block {
		flex-direction: row;
		align-items: center;
	}
}

@media (min-width: 1024px) {
	.svg-tabs-block {
		gap: 93px;
	}
}

.svg-side {
	width: 100%;
	max-width: 517px;
	flex-shrink: 0;
}

.svg-side svg {
	width: 100%;
	height: auto;
	overflow: visible;
}

@media (min-width: 768px) {
	.svg-side {
		flex: 50%;
	}
}

@media (min-width: 1024px) {
	.svg-side {
		flex: auto;
	}
}

.hit {
	cursor: pointer;
}

.hit circle.bg {
	transition: fill 0.35s ease;
}

.text-side {
	flex: 1;
	min-width: 0;
}

@media (min-width: 768px) {
	.text-side {
		max-width: 370px;
		flex: 50%;
	}
}

@media (min-width: 1024px) {
	.text-side {
		flex: 1 0 auto;
	}
}

.content-inner {
	position: relative;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.content-inner.out {
	opacity: 0;
	transform: translateY(8px);
}

.tab-item {
	display: none;
}

.tab-item.active {
	display: block;
	animation: fadeIn 0.4s ease forwards;
}

.content-title {
	font-size: 24px;
	font-weight: 500;
	color: #121212;
	line-height: 1.3;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.content-title {
		line-height: 1.2;
		font-size: 36px;
	}
}

.content-text {
	font-size: 16px;
	color: #38393A;
	line-height: 1.5;
	letter-spacing: 1px;
	font-weight: 400;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

img.alignleft,
img.alignright {
	max-width: 49%;
}

img.alignleft {
	margin: 0 30px 25px 0;
}

@media (min-width: 768px) {
	img.alignleft {
		float: left;
	}
}

img.alignright {
	margin: 0 0 25px 30px;
}

@media (min-width: 768px) {
	img.alignright {
		float: right;
	}
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	max-width: 100%;
}

.iframe-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 42.25%;
	max-width: 900px;
	margin: 50px auto;
}

.iframe-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*.quote*/
blockquote {
	position: relative;
	display: flex;
	font-size: 16px;
	line-height: 1.5;
	flex-direction: column;
	color: #38393A;
	font-weight: 400;
	text-align: left;
}

blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
	color: #ECF1F8 !important;
	word-break: break-word;
}

blockquote p {
	font-size: 30px;
}

@media screen and (max-width: 1024px) {
	.post-item .fancybox {
		width: 100%;
		display: flex;
	}

	img.alignleft,
	img.alignright,
	img.aligncenter {
		max-width: 100%;
		margin: 0 auto 30px;
	}

	.iframe-box {
		padding-top: 55.25%;
	}

	blockquote {
		margin: 50px 0;
	}

	blockquote:before {
		content: "";
		top: -40px;
		left: initial;
		right: 0;
	}

	blockquote h2,
	blockquote h3,
	blockquote h4,
	blockquote h5,
	blockquote h6 {
		font-size: 30px;
		padding-right: 100px;
	}

	blockquote p {
		font-size: 20px;
	}
}

.wpcf7-spinner {
	position: absolute;
	bottom: 0;
	right: 0;
}

.footer {
	background-color: #38393A;
	color: #fff;
	padding: 40px 0 0;
	font-weight: 400;
}

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

.footer-top {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding-bottom: 40px;
}

@media (min-width: 768px) {
	.footer-top {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px;
	}
}

@media (min-width: 1320px) {
	.footer-top {
		flex-wrap: nowrap;
		align-items: flex-start;
		gap: 40px;
	}
}

@media (min-width: 768px) {
	.footer .col {
		flex: 1 1 calc(50% - 12px);
	}
}

.footer .logo-holder p {
	font-size: 15px;
	line-height: 1.5;
	color: #fff;
	display: none;
}

@media (min-width: 1320px) {
	.footer .logo-holder {
		flex: 0 0 265px;
		margin-right: 5%;
	}

	.footer .logo-holder p {
		display: block;
	}
}

.footer .logo-block {
	max-width: 238px;
	width: 100%;
}

.footer .logo-block img {
	width: 100%;
}

@media (min-width: 1320px) {
	.footer .logo-block {
		margin: 0 0 21px;
		max-width: 265px;
	}
}

.footer-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.footer-nav li {
	padding: 0;
}

.footer-nav li:before {
	display: none;
}

.footer-nav li a {
	font-size: 16px;
	line-height: 1.3;
	color: #A6A6A6;
	text-decoration: none;
	transition: color 0.2s ease;
	padding: 0;
}

.footer-nav li a:hover {
	color: #fff;
}

@media (min-width: 1320px) {
	.footer-nav {
		gap: 27px;
		padding-top: 50px;
	}
}

.footer .contact-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
}

@media (min-width: 1320px) {
	.footer .contact-col {
		margin-left: auto;
		flex: 0 0 auto;
	}
}

.footer .contact-col .phone-link {
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 20px;
	font-weight: 500;
	color: #A6A6A6;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 0.2s ease;
	position: relative;
}

.footer .contact-col .phone-link:before {
	position: absolute;
	content: '';
	background: url(assets/img/phone.svg);
	width: 18px;
	height: 18px;
}

.footer .contact-col .phone-link:hover {
	color: #fff;
}

.footer .contact-col .phone-link:hover:before {
	filter: contrast(5.5);
}

.footer .contact-col .email {
	font-size: 16px;
	color: #A6A6A6;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: color 0.2s ease;
}

.footer .contact-col .email:before {
	position: absolute;
	content: '';
	background: url(assets/img/email.svg);
	width: 18px;
	height: 14px;
	transition: filter .2s ease-in-out;
}

.footer .contact-col .email:hover {
	color: #fff;
}

.footer .contact-col .email:hover:before {
	filter: contrast(5.5);
}

.footer-socials {
	list-style: none;
	padding: 0;
	margin: 4px 0 0;
	display: flex;
	gap: 12px;
}

.footer-socials li {
	padding: 0;
}

.footer-socials li:before {
	display: none;
}

.footer-socials li a {
	width: 26px;
	height: 26px;
	transition: filter 0.2s ease;
}

.footer-socials li a:hover {
	filter: contrast(5.5);
}

.footer-bottom {
	padding: 44px 0 25px;
}

.footer-bottom .copy-holder p {
	font-size: 14px;
	color: #fff;
	margin: 0;
}

@media (min-width: 1320px) {
	.footer-bottom {
		padding: 20px 0 42px;
	}

	.footer-bottom .copy-holder p {
		font-size: 15px;
	}
}

.footer_light {
	background-color: #2A2C30;
}

.footer_light .container {
	max-width: 1175px;
}

.footer_light .footer-nav {
	padding: 0;
	align-items: center;
}

@media (min-width: 768px) {
	.footer_light .footer-nav {
		align-items: flex-start;
	}
}

@media (min-width: 1024px) {
	.footer_light .footer-nav {
		flex-direction: row;
		justify-content: space-between;
		margin: 0 4%;
	}
}

.footer_light .footer-nav a {
	color: #fff;
}

.footer_light .footer-nav a:hover {
	text-decoration: underline;
}

.footer_light .logo-block {
	margin: 0;
	max-width: 240px;
}

.footer_light .phone-link {
	color: #fff !important;
	gap: 10px !important;
}

.footer_light .phone-link:hover {
	text-decoration: underline;
}

.footer_light .phone-link:before {
	display: none;
}

.footer_light .footer-top {
	padding-bottom: 27px;
	align-items: center;
}

@media (min-width: 768px) {
	.footer_light .footer-top {
		align-items: flex-start;
	}
}

@media (min-width: 1024px) {
	.footer_light .footer-top {
		align-items: center;
	}
}

.footer_light .footer-bottom {
	display: flex;
	flex-direction: column-reverse;
	gap: 20px;
	padding: 0 0 42px;
}

@media (min-width: 768px) {
	.footer_light .footer-bottom {
		padding: 0 0 42px;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}
}

@media (min-width: 1024px) {
	.footer_light .footer-bottom {
		align-items: center;
	}
}

@media (min-width: 768px) {
	.footer_light .col {
		flex: 1;
	}
}

.footer_light .logo-holder {
	margin: 0;
}

@media (min-width: 768px) {
	.footer_light .logo-holder {
		flex: 0 0 240px;
	}
}

@media (min-width: 768px) {
	.footer_light .contact-col {
		flex: unset !important;
	}
}

.footer_light .footer-socials {
	gap: 26px;
	justify-content: center;
	margin: 0;
}

@media (min-width: 768px) {
	.footer_light .footer-socials {
		margin: 0 30px 0 0;
	}
}

.footer_light .footer-socials a {
	transition: all .2s ease-in-out;
}

.footer_light .footer-socials a:hover {
	opacity: .75;
}

/* === BEGIN MEDIA === */
/* ======================
$mobile-small 240px
$mobile-large 320px
$tablet-small 480px
$tablet-large 768px
$screen-small 1024px
$screen-large 1280px 
====================== */
@media screen and (max-width: 1024px) {

	h1,
	.title_1,
	blockquote h2,
	blockquote h3,
	blockquote h4,
	blockquote h5,
	blockquote h6 {
		font-size: 24px;
	}

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

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

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

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

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

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

/* === END MEDIA === */
/*404*/
.error-page {
	display: flex;
}

.page-404 {
	background-position: 0 100%;
	background-repeat: no-repeat;
	padding: 58px 0 150px;
	background-image: url("assets/img/404bg.png");
	background-position: 50% 34%;
	background-size: cover;
	flex: 1;
}

@media (min-width: 768px) {
	.page-404 {
		padding: 80px 0;
		background-position: 0 34%;
	}
}

@media (min-width: 1200px) {
	.page-404 {
		padding: 80px 0 260px;
	}
}

.page-404 .container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page-404 .img-holder {
	max-width: 203px;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.page-404 .img-holder {
		max-width: 476px;
	}
}

.page-404 .text-holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.page-404 .text-holder span {
	display: block;
	margin: 0 0 30px;
	font-family: "Montserrat";
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	color: #005BBB;
}

@media (min-width: 768px) {
	.page-404 .text-holder span {
		font-size: 32px;
		line-height: 1;
		margin: 0 0 40px;
	}
}

.page-404 .btn {
	max-width: 305px;
	width: 100%;
}

/*home*/
/* hero section */
/* ── Slider wrapper ── */
.hero-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-position: 100% 0;
	background-size: cover;
	width: calc(100% - 40px);
}

.hero-slider .slide-title {
	font-size: 32px;
}

@media (min-width: 768px) {
	.hero-slider {
		width: 100%;
		margin: 0 auto;
		background-position: 50% 0;
	}
}

@media (min-width: 1024px) {
	.hero-slider {
		width: auto;
	}

	.hero-slider .slide-title {
		font-size: 64px;
	}
}

.hero-slider .swiper-slide {
	position: relative;
	min-height: 420px;
	display: flex;
	align-items: center;
	background: transparent;
}

.hero-slider .slide-inner {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	gap: 20px;
}

@media (min-width: 768px) {
	.hero-slider .slide-inner {
		padding: 0 20px;
	}
}

@media (min-width: 1024px) {
	.hero-slider .slide-inner {
		/* padding: 0; */
	}
}

/* ── Left: text ── */
.hero-slider .slide-content {
	flex: 1;
	max-width: 610px;
	width: 100%;
	padding: 20px 0;
}

.hero-slider .slide-label {
	display: inline-flex;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #121212;
	margin-bottom: 20px;
}

@media (min-width: 1024px) {
	.hero-slider .slide-label {
		margin-bottom: 40px;
	}
}

.hero-slider .slide-title {
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	color: #1a2a3a;
	margin-bottom: 24px;
}

@media (min-width: 1024px) {
	.hero-slider .slide-title {
		margin-bottom: 64px;
	}
}

.hero-slider .slide-text {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 14px;
	line-height: 1.5;
}

@media (min-width: 1024px) {
	.hero-slider .slide-text {
		flex-direction: row;
		font-size: 16px;
		gap: 40px;
	}

	.hero-slider .slide-text .slide-title {
		font-size: 64px;
	}
}

/* ── Right: image area ── */
.slide-media {
	flex-shrink: 0;
	max-width: 584px;
	height: auto;
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

@media (min-width: 768px) {
	.slide-media {
		max-width: 50%;
	}
}

@media (min-width: 1024px) {
	.slide-media {
		max-width: 584px;
	}
}

.slide-media img {
	max-width: 100%;
	object-fit: contain;
	position: relative;
	z-index: 1;
}

/* placeholder when no image */
.slide-media-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: rgba(30, 80, 140, 0.45);
	font-size: 13px;
	position: relative;
}

.slide-media-placeholder:before {
	position: absolute;
	content: "";
	left: 50%;
	bottom: 81px;
	transform: translate(-50%);
	width: 37px;
	height: 27px;
	background: url(assets/img/youtube.svg);
	background-size: cover;
	z-index: 2;
}

@media (min-width: 768px) {
	.slide-media-placeholder:before {
		width: 83px;
		height: 58px;
		bottom: 120px;
	}
}

.slide-media-placeholder svg {
	opacity: 0.4;
}

/* ── Pagination (bullets) ── */
.hero-slider .swiper-pagination {
	bottom: 12px;
}

.hero-slider .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #dde5f5;
	opacity: 1;
	border-radius: 4px;
	margin: 0 10px;
	transition: width 0.3s, background 0.3s;
}

.hero-slider .swiper-pagination-bullet-active {
	background: #b5bdcc;
}

/* ── Responsive ── */
@media (max-width: 767px) {
	.slide-inner {
		flex-direction: column;
		padding: 0;
		text-align: center;
	}

	.hero-slider .slide-content {
		max-width: 100%;
		display: none;
	}

	.hero-slider .slide-buttons {
		justify-content: center;
	}

	.slide-media {
		width: 100%;
	}

	.slide-desc {
		margin: 0 auto 28px;
	}
}

/* end hero section */
/* services */
.services .services__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.services .services__header {
		margin-bottom: 35px;
	}
}

.services .services__title {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 600;
	color: #141414;
	margin: 0;
}

@media (min-width: 768px) {
	.services .services__title {
		font-size: 36px;
		line-height: 1.2;
	}
}

.services .services__navigation {
	display: flex;
	gap: 10px;
	position: relative;
	width: 70px;
}

.services .services__navigation .swiper-button-prev,
.services .services__navigation .swiper-button-next {
	position: static;
	margin: 0;
	color: #0b3873;
}

.services .services__navigation .swiper-button-prev::after,
.services .services__navigation .swiper-button-next::after {
	font-size: 14px;
	font-weight: bold;
}

.service-card {
	position: relative;
	height: 400px;
	width: 387px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
}

.service-card__bg {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.service-card__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 72.7%, rgba(0, 0, 0, 0.5) 100%);
	transition: background 0.3s ease;
}

.service-card__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.service-card__content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding: 30px 40px 40px;
	text-align: center;
	color: #fff;
	transition: all 0.2s ease-in-out;
}

.service-card__title {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600;
	margin-bottom: 0;
	transition: transform 0.3s ease;
	text-align: left;
	color: #fff;
	width: 100%;
}

.service-card__text {
	font-size: 18px;
	line-height: 1.3;
	opacity: 1;
	margin-bottom: 20px;
	display: none;
}

.service-card__btn {
	display: none;
	padding: 19px 70px;
	background: #fff;
	color: #121212;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 400;
	transition: all 0.3s ease;
	font-size: 16px;
	line-height: 1;
}

.service-card__btn:hover {
	background: #f0f0f0;
	color: #121212;
}

.service-card:hover .service-card__bg::after {
	background: rgba(0, 0, 0, 0.5);
}

.service-card:hover .service-card__title {
	transform: translateY(-10px);
}

.service-card:hover .service-card__text,
.service-card:hover .service-card__btn {
	display: block;
	animation: fadeIn 0.3s ease forwards;
}

.service-card:hover .service-card__content {
	justify-content: center;
}

.service-card:hover .service-card__title {
	font-size: 28px;
	text-align: center;
	font-weight: 500;
}

@media (max-width: 768px) {
	.services > .container {
		padding: 0;
	}

	.services__header {
		padding: 0 20px;
	}

	.services-slider {
		padding: 0 20px;
	}

	.service-card .service-card__bg::after {
		background: rgba(0, 0, 0, 0.5);
	}

	.service-card .service-card__title {
		transform: translateY(-10px);
	}

	.service-card .service-card__text,
	.service-card .service-card__btn {
		display: block;
		animation: fadeIn 0.3s ease forwards;
	}

	.service-card .service-card__content {
		justify-content: center;
	}

	.service-card .service-card__title {
		font-size: 22px;
		line-height: 1.3;
		text-align: center;
		font-weight: 500;
	}

	.service-card .service-card__text {
		font-size: 16px;
		line-height: 1.3;
	}

	.service-card .service-card__btn {
		font-size: 16px;
		line-height: 1.5;
		padding: 12px 69px;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 767px) {
	.service-card {
		height: 320px;
	}

	.service-card__title {
		font-size: 18px;
	}

	.service-card__text {
		display: block;
		opacity: 1;
	}

	.service-card__btn {
		display: inline-block;
		padding: 10px 25px;
	}
}

/* end services */
/* review slider */
.reviews {
	position: relative;
}

@media (min-width: 768px) {
	.reviews {
		padding: 40px 0 0;
	}
}

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

.reviews:before {
	position: absolute;
	content: "";
	background-color: #ecf1f8;
	width: 732px;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	display: none;
}

@media (min-width: 768px) {
	.reviews:before {
		display: block;
	}
}

.reviews-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}

.reviews-navigation {
	display: flex;
	gap: 20px;
	position: relative;
	width: 80px;
}

.reviews-navigation .swiper-button-prev,
.reviews-navigation .swiper-button-next {
	position: static;
	margin: 0;
	color: #0b3873;
}

.reviews-navigation .swiper-button-prev::after,
.reviews-navigation .swiper-button-next::after {
	font-size: 14px;
	font-weight: bold;
}

.reviews .reviews-slider {
	padding: 0 20px !important;
	margin: 0 -20px !important;
}

.review-card {
	background: #fff;
	border-radius: 10px;
	box-shadow: 4px 4px 21px 0px rgba(0, 0, 0, 0.05);
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 50px 25px;
}

@media (min-width: 768px) {
	.review-card {
		padding: 40px;
	}
}

.review-card__header {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.review-card__user {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.review-card__user {
		gap: 30px;
	}
}

.review-card__avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 20px;
	color: #fff;
}

.review-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review-card__avatar--purple {
	background-color: #553c9a;
}

.review-card__name {
	font-size: 15px;
	font-weight: 400;
	color: #121212;
	font-weight: 500;
	margin: 0;
}

@media (min-width: 768px) {
	.review-card__name {
		font-size: 22px;
	}
}

.review-card__meta {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
	line-height: 1.3;
}

@media (min-width: 768px) {
	.review-card__meta {
		gap: 15px;
		margin: 0 0 30px;
	}
}

.review-card__rating {
	color: #f6ad55;
	letter-spacing: 2px;
	font-size: 14px;
}

.review-card__date {
	font-size: 15px;
	color: #63718c;
}

.review-card__quote {
	position: absolute;
	top: 35px;
	right: 29px;
	width: 79px;
	height: 70px;
	background: url("./assets/img/quote-icon.svg") no-repeat center;
}

@media (min-width: 768px) {
	.review-card__quote {
		top: 36px;
		right: 38px;
	}
}

.review-card__text {
	font-size: 15px;
	line-height: 1.3;
	color: #38393a;
}

.btn--gray {
	background-color: #63718c;
	color: #fff;
	padding: 16px 44px;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 16px;
	line-height: 1;
}

.btn--gray:hover {
	background-color: #ecf1f8;
	color: #121212;
}

@media (min-width: 768px) {
	.btn--gray {
		padding: 20px 44px;
	}
}

/* end review */
/* faq */
.faq-section .container {
	max-width: 1016px;
}

.faq-section h2 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.faq-section h2 {
		font-size: 36px;
		line-height: 1.2;
		margin: 0 0 30px;
	}
}

.faq-list {
	list-style: none;
}

.faq-item {
	border-bottom: 1px solid #b5bdcc;
	padding: 0;
}

.faq-item:first-child {
	border-top: 1px solid #b5bdcc;
}

.faq-item:before {
	display: none;
}

.faq-trigger {
	width: 100%;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 0;
	text-align: left;
	transition: color 0.2s;
	position: relative;
}

@media (min-width: 768px) {
	.faq-trigger {
		padding: 15px 0;
	}
}

.faq-trigger:after {
	content: '';
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.6 5L16 12L9.6 19L8 17.25L12.8 12L8 6.75L9.6 5Z' fill='%2363718C'/%3e%3c/svg%3e ");
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), background 0.25s;
}

.faq-item.is-open .faq-trigger:after {
	transform: rotate(90deg);
}

.faq-question {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	transition: color 0.2s;
	padding-top: 3px;
}

@media (min-width: 768px) {
	.faq-question {
		font-size: 22px;
		line-height: 1.3;
	}
}

/* Slide body */
.faq-body {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-body-inner {
	font-size: 15px;
	line-height: 1.3;
	color: #38393a;
	padding: 3px 0 12px;
}

@media (min-width: 768px) {
	.faq-body-inner {
		font-size: 16px;
		line-height: 1.5;
		padding: 0 0 15px;
	}
}

/* news slider */
.news {
	padding: 40px 0;
	background-color: #ECF1F8;
}

.news .swiper-wrapper {
	padding-top: 8px;
}

.news__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}

@media (min-width: 768px) {
	.news__header {
		font-size: 36px;
		margin: 0 0 30px;
	}
}

.news__title {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
}

@media (min-width: 768px) {
	.news__title {
		font-size: 36px;
	}
}

.news__navigation {
	display: flex;
	gap: 20px;
}

.news__navigation .swiper-button-prev,
.news__navigation .swiper-button-next {
	position: relative;
	inset: auto;
	margin: 0;
	width: 40px;
	height: 40px;
	color: #141414;
}

.news__navigation .swiper-button-prev::after,
.news__navigation .swiper-button-next::after {
	font-size: 18px;
}

.news-card {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	height: auto;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: default;
	padding: 40px 15px;
}

.news-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

@media (min-width: 768px) {
	.news-card {
		padding: 32px;
	}
}

.news-card__image {
	width: 100%;
	height: 177px;
	overflow: hidden;
	border-radius: 10px;
}

.news-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-card__body {
	padding: 25px 0 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.news-card__title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	color: #141414;
	margin-bottom: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news-card__title a {
	color: #121212;
	text-decoration: none;
	display: block;
}

@media (min-width: 768px) {
	.news-card__title {
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.3;
		min-height: 94px;
	}
}

.news-card__date {
	font-size: 15px;
	color: #63718C;
	margin-bottom: 12px;
	display: block;
}

@media (min-width: 768px) {
	.news-card__date {
		font-size: 16px;
	}
}

.news-card__preview {
	font-size: 15px;
	line-height: 1.3;
	color: #38393A;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (min-width: 768px) {
	.news-card__preview {
		font-size: 16px;
	}
}

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

.title-holder_sm {
	margin: 0 auto 40px;
	max-width: 970px;
}

@media (min-width: 768px) {
	.title-holder_sm {
		margin: 0 auto 60px;
	}
}

.title-holder_lg {
	margin: 0 auto 30px;
	max-width: 1200px;
}

@media (min-width: 768px) {
	.title-holder_lg {
		margin: 0 auto 23px;
	}
}

.title-holder .text-holder {
	margin: 0 0 50px;
}

@media (min-width: 768px) {
	.title-holder .text-holder {
		margin: 0 0 60px;
	}
}

.title-holder .text-holder p {
	margin: 0;
}

.title-holder .text-holder strong {
	display: block;
}

.title {
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 38px;
	margin: 0 0 30px;
	padding: 0 35px;
}

@media (min-width: 768px) {
	.title {
		font-size: 50px;
		line-height: 64px;
		margin: 0 0 23px;
	}
}

.title:before,
.title:after {
	position: absolute;
	content: "";
	background: #bf0f0d;
	transform: rotate(-45deg);
	width: 10px;
	height: 10px;
	top: 45%;
}

.title:before {
	left: 0;
}

.title:after {
	right: 0;
}

.pseudo-title {
	display: block;
	margin: 0 0 30px;
	font-weight: 600;
	font-size: 20px;
	line-height: 172%;
}

.description .text-holder {
	position: relative;
	padding: 0;
	max-width: 1026px;
	margin: 0 auto;
	color: #38393A;
}

.description .text-holder img {
	display: none;
}

@media (min-width: 768px) {
	.description .text-holder {
		padding: 0;
	}

	.description .text-holder img {
		display: block;
		max-width: 285px;
		margin: 0 20px 20px 0;
	}
}

.description .text-holder .scroll,
.description .text-holder .blog-content table,
.blog-content .description .text-holder table {
	position: relative;
	height: 520px;
}

@media (min-width: 768px) {

	.description .text-holder .scroll,
	.description .text-holder .blog-content table,
	.blog-content .description .text-holder table {
		height: 352px;
	}
}

.description .text-holder h2 {
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.description .text-holder h2 {
		font-size: 36px;
		margin: 0 0 32px;
	}
}

.description .text-holder p {
	font-size: 15px;
	margin: 0 0 10px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.description .text-holder p {
		margin: 0 0 22px;
		font-size: 16px;
	}
}

.description .text-holder ul {
	margin: 0 0 22px;
	overflow: hidden;
}

.hidden {
	display: none;
}

.zoom {
	background-color: #ae9664;
	box-shadow: 0 0 20px 6px rgba(91, 91, 91, 0.25);
	padding: 60px 20px 0;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

@media (min-width: 768px) {
	.zoom {
		padding: 70px 60px 0;
	}
}

.zoom.read-more .scroll.text-holder,
.zoom.read-more .blog-content table.text-holder,
.blog-content .zoom.read-more table.text-holder {
	max-height: 479px;
	font-weight: 400;
	font-size: 16px;
	line-height: 170%;
	font-family: "Inter";
	text-align: left;
	display: block;
}

.zoom.read-more h2 {
	font-weight: 600;
	font-size: 28px;
	line-height: 40px;
}

@media (min-width: 768px) {
	.zoom.read-more h2 {
		font-size: 40px;
		line-height: 51px;
	}
}

.zoom.read-more ul {
	color: #fff;
}

.zoom.read-more ul li:before {
	background-color: #fff;
}

.zoom .form-holder {
	max-width: 944px;
	margin: 0 auto 50px;
}

@media (min-width: 768px) {
	.zoom .form-holder {
		margin-bottom: 100px;
	}
}

.zoom h2 {
	font-weight: 600;
	font-size: 28px;
	line-height: 40px;
	text-align: center;
	letter-spacing: -0.01em;
	color: #ffffff;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.zoom h2 {
		font-size: 50px;
		line-height: 164%;
		margin-bottom: 40px;
	}
}

.zoom .text-holder {
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #ffffff;
	margin-bottom: 32px;
	font-family: "Montserrat";
}

@media (min-width: 768px) {
	.zoom .text-holder {
		margin-bottom: 42px;
	}
}

.zoom .form-img-list {
	display: flex;
	margin: 0 -20px;
}

@media (min-width: 768px) {
	.zoom .form-img-list {
		margin: 0 -60px;
	}
}

.zoom .form-img-list li {
	padding: 0;
	margin: 0;
	width: calc(100% / 5);
}

.zoom .form-img-list li:before {
	display: none;
}

.zoom .form-img-list li img {
	height: 100%;
}

@media (min-width: 768px) {
	.form {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -20px;
	}
}

.form .input-holder {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.form .input-holder {
		margin-bottom: 30px;
		width: 50%;
		padding: 0 20px;
	}
}

.form .input-holder.textarea-holder {
	width: 100%;
	margin-bottom: 50px;
}

.form .input {
	width: 100%;
	background: #c2af86;
	border: 1px solid #ffffff;
	height: 70px;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #897243;
	font-family: inherit;
	padding: 23px 21px;
	outline: none;
}

.form .input.textarea {
	height: 130px;
	resize: none;
}

.form .input::placeholder {
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #897243;
	font-family: inherit;
}

.form .checkbox-block {
	padding: 50px 0 30px;
	margin: 0 0 50px;
	border-top: 1px solid #897243;
	border-bottom: 1px solid #897243;
}

@media (min-width: 768px) {
	.form .checkbox-block {
		display: flex;
		flex-wrap: wrap;
	}
}

@media (max-width: 767px) {
	.form .checkbox-block .wpcf7-form-control.wpcf7-radio {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
}

.form h3 {
	width: 100%;
	font-weight: 600;
	font-size: 20px;
	line-height: 170%;
	color: #fff;
	margin: 0 0 32px;
}

@media (min-width: 768px) {
	.form h3 {
		padding-left: 20px;
	}
}

.form .btn-holder {
	display: flex;
	justify-content: center;
	width: 100%;
}

.fancybox-close-small {
	background-color: #fff;
}

.call-back {
	background-color: #1f232b;
	box-shadow: 0 0 20px 6px rgba(91, 91, 91, 0.25);
	padding: 60px 20px;
	color: #fff;
	text-align: center;
}

@media (min-width: 768px) {
	.call-back {
		padding: 60px;
	}
}

.call-back .input-holder {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.call-back .input-holder {
		margin-bottom: 30px;
		width: 50%;
		padding: 0 20px;
	}
}

@media (min-width: 768px) {
	.call-back__form {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -20px;
	}
}

.call-back .btn-holder {
	width: 100%;
}

.call-back .input {
	width: 100%;
	background-color: #1a1e26;
	border: 1px solid #b09762;
	height: 70px;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #9c9c9c;
	font-family: inherit;
	padding: 23px 21px;
	outline: none;
}

.call-back .input::placeholder {
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #9c9c9c;
	font-family: inherit;
}

.call-back h2 {
	font-weight: 600;
	font-size: 50px;
	line-height: 164%;
	color: #fff;
}

.call-back strong {
	font-family: "Montserrat";
	font-size: 20px;
	line-height: 32px;
	display: block;
	margin: 0 0 50px;
}

.blink {
	animation-name: blinker;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(1, 2, 0, 1);
	animation-duration: 1s;
}

@keyframes blinker {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes blinker {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.info-box {
	flex-direction: column;
}

@media (min-width: 768px) {
	.info-box {
		flex-direction: row;
	}
}

.grecaptcha-badge {
	display: none;
}

.js-visual-slider {
	max-height: 430px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.js-visual-slider {
		max-height: 640px;
	}
}

.js-visual-slider.slick-initialized {
	max-height: 100%;
}

.exchange {
	padding: 20px 0 60px;
}

@media (min-width: 768px) {
	.exchange {
		padding: 60px 0 120px;
	}
}

.exchange .cx__layout {
	justify-content: space-between;
}

.exchange .col-exchange-rate {
	max-width: 600px;
	width: 100%;
}

.exchange h1 {
	font-size: 24px;
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.exchange h1 {
		margin: 0 0 80px;
		font-size: 36px;
		line-height: 1.2;
	}
}

.exchange .exchange-title {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 40px;
}

@media (min-width: 768px) {
	.exchange .exchange-title {
		margin: 0 0 80px;
		font-size: 64px;
		line-height: 1;
	}
}

.exchange .two-col {
	display: flex;
	gap: 62px;
}

.exchange .pay-title {
	position: relative;
	display: flex;
}

.exchange .cource {
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 500;
}

.exchange .cource:after {
	content: "";
	width: 16px;
	height: 16px;
	background-size: cover;
}

.exchange .cource.up:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5.01792H5.6V13.9699L8.414 14V5.01792H14L7 0L0 5.01792Z' fill='%23216C58'/%3e%3c/svg%3e ");
}

.exchange .cource.down:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 8.98208H8.4L8.4 0.0301094L5.586 0L5.586 8.98208L0 8.98208L7 14L14 8.98208Z' fill='%23F95B2B'/%3e%3c/svg%3e ");
}

@media (min-width: 768px) {
	.exchange .cource {
		font-size: 48px;
		line-height: 1.3;
		font-weight: 600;
	}

	.exchange .cource:after {
		content: "";
		width: 24px;
		height: 24px;
		background-size: cover;
	}
}

.exchange .pay-title {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: 500;
	color: #63718c;
}

@media (min-width: 768px) {
	.exchange .pay-title {
		font-size: 24px;
		line-height: 1.3;
		margin-bottom: 35px;
	}
}

.exchange-wrapper {
	margin: 0 0 60px;
}

@media (min-width: 768px) {
	.exchange-wrapper {
		margin: 0 0 120px;
	}
}

.actuality-courses h2 {
	display: none;
}

@media (min-width: 768px) {
	.actuality-courses h2 {
		display: block;
	}
}

.exchange-tables {
	display: flex;
	flex-direction: column;
	gap: 46px;
	max-width: 1066px;
}

@media (min-width: 992px) {
	.exchange-tables {
		gap: 50px;
		flex-direction: row;
	}
}

.exchange-table-item {
	flex: 1;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 508px;
}

.exchange-table-item .table-title {
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 20px;
	font-weight: 500;
}

@media (min-width: 768px) {
	.exchange-table-item .table-title {
		font-size: 28px;
		line-height: 1.2;
		margin-bottom: 30px;
	}
}

.exchange-table-item .table-header {
	display: flex;
	background: #edf2f7;
	padding: 18px 10px;
	font-weight: 600;
	margin-bottom: 20px;
	border-radius: 10px;
	color: #0b3873;
	font-size: 22px;
	line-height: 1.3;
}

.exchange-table-item .table-header__cell {
	display: flex;
	gap: 16px;
	align-items: center;
	width: 50%;
}

.exchange-table-item .table-header__cell img {
	width: 32px;
}

@media (min-width: 768px) {
	.exchange-table-item .table-header {
		padding: 28px 82px;
		font-size: 24px;
	}
}

.exchange-table-item .info-block {
	border-radius: 10px;
	background-color: #ecf1f8;
}

.exchange-table-item .table-row {
	display: flex;
	justify-content: space-between;
	padding: 14px 40px;
	font-size: 18px;
	color: #121212;
}

.exchange-table-item .table-row span:first-child {
	font-weight: 500;
	color: #121212;
}

.exchange-table-item .table-row {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
	padding: 19px 10px;
}

.exchange-table-item .table-row span:first-child {
	color: #0b3873;
}

.exchange-table-item .table-row span {
	width: 50%;
}

@media (min-width: 768px) {
	.exchange-table-item .table-row {
		padding: 14px 82px;
		font-size: 24px;
		line-height: 1.3;
	}
}

.table-cource {
	border-radius: 10px;
	border-bottom: 1px solid #B5BDCC;
	max-width: 813px;
	overflow: hidden;
}

.table-cource .heading-table {
	display: flex;
	background-color: #ECF1F8;
	font-size: 16px;
	line-height: 1;
	padding: 15px 10px;
	color: #63718C;
}

.table-cource .table-row {
	display: flex;
	align-items: center;
	padding: 17px 2px 17px 10px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
}

.table-cource .table-row:nth-of-type(odd) {
	background-color: #ECF1F8;
}

.table-cource a {
	font-size: 22px;
	text-decoration: underline;
	color: #0B3873;
}

.table-cource a:hover {
	text-decoration: none;
}

.table-cource span {
	position: relative;
	display: flex;
	gap: 5px;
	align-items: center;
}

.table-cource span:after {
	content: '';
	width: 14px;
	height: 14px;
}

.table-cource span.up:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 5.01792H5.6V13.9699L8.414 14V5.01792H14L7 0L0 5.01792Z' fill='%23216C58'/%3e%3c/svg%3e ");
}

.table-cource span.down:after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 8.98208H8.4L8.4 0.0301094L5.586 0L5.586 8.98208L0 8.98208L7 14L14 8.98208Z' fill='%23F95B2B'/%3e%3c/svg%3e ");
}

.table-cource .cell {
	width: calc(100% / 3);
}

@media (min-width: 768px) {
	.table-cource .heading-table {
		padding: 20px 16px;
	}

	.table-cource .table-row {
		padding: 25px 16px;
		font-size: 24px;
	}

	.table-cource a {
		font-size: 24px;
	}
}

.currency_pair .description {
	padding-top: 0;
}

.currency_pair .text-holder {
	max-width: 1200px;
}

.currency_pair .text-holder img {
	display: block;
}

.currency_pair .services {
	margin: 0 0 60px;
}

@media (min-width: 768px) {
	.currency_pair .services {
		margin: 0 0 120px;
	}
}

.services-area .twocolumns {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media (min-width: 768px) {
	.services-area .twocolumns {
		flex-direction: row;
		align-items: flex-start;
	}
}

@media (min-width: 1024px) {
	.services-area .twocolumns {
		gap: 122px;
	}
}

.services-area h1 {
	font-size: 24px;
	line-height: 1.3;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.services-area h1 {
		margin: 0 0 30px;
		font-size: 36px;
		line-height: 1.2;
	}
}

.services-area .sidebar {
	background-color: #ECF1F8;
	border-radius: 10px;
	padding: 20px;
	max-width: 368px;
	width: 100%;
}

.services-area .sidebar .services-list {
	font-size: 16px;
	line-height: 1.3;
}

.services-area .sidebar .services-list li {
	padding: 0;
	margin: 0 0 24px;
}

.services-area .sidebar .services-list li:last-child {
	margin: 0;
}

.services-area .sidebar .services-list li:before {
	display: none;
}

.services-area .sidebar .services-list li a {
	display: flex;
	gap: 15px;
	align-items: center;
	text-decoration: none;
	color: #121212;
	transition: all .2s ease-in-out;
}

.services-area .sidebar .services-list li.active a,
.services-area .sidebar .services-list li:hover a {
	color: #0B3873;
}

@media (min-width: 768px) {
	.services-area .sidebar {
		padding: 34px 30px;
	}
}

.services-area .content {
	font-size: 15px;
	line-height: 1.3;
}

.services-area .content h2 {
	margin: 30px 0 20px;
}

@media (min-width: 768px) {
	.services-area .content {
		font-size: 16px;
		line-height: 1.5;
	}
}

.services-area .content-banner {
	margin-top: 40px;
	max-height: 300px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.services-area .content-banner .img-holder {
	position: relative;
}

.services-area .content-banner .img-holder img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	max-height: 250px;
}

.services-area .content-banner:before {
	position: absolute;
	content: '';
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
}

.services-area .content-banner .text-banner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	display: flex;
	flex-direction: column;
	gap: 20px;
	text-align: center;
	font-size: 18px;
	line-height: 1;
	width: 100%;
	padding: 0 20px;
}

@media (min-width: 768px) {
	.services-area .content-banner .text-banner {
		width: auto;
	}
}

.services-area .content-banner .btn-secondary {
	padding: 12px 16px;
	border-radius: 8px;
	text-decoration: none;
	font-size: 16px;
	transition: all .2s ease-in-out;
	background-color: #fff;
}

.services-area .content-banner .btn-secondary:hover {
	background-color: #ECF1F8;
	color: #121212;
}

.services-page .reviews {
	margin: 0 0 60px;
}

@media (min-width: 768px) {
	.services-page .reviews {
		margin: 0 0 120px;
	}
}

.about .breadcrumbs__list {
	padding: 0 20px;
	max-width: 1540px;
	margin: 0 auto;
}

.about-hero {
	padding-top: 40px;
	background-color: #F5F5F5;
}

@media (min-width: 768px) {
	.about-hero__focuses-holder {
		display: flex;
	}
}

.about-hero__focuses-description {
	background-color: #B09762;
	padding: 50px 34px;
	text-align: center;
}

@media (min-width: 768px) {
	.about-hero__focuses-description {
		text-align: left;
		padding: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 362px;
	}
}

@media (min-width: 1280px) {
	.about-hero__focuses-description {
		width: 462px;
	}
}

.about-hero__focuses-description h2 {
	font-weight: 600;
	font-size: 20px;
	line-height: 170%;
	color: #FFF;
}

.about-hero__list-holder {
	background-color: #1F232B;
	padding: 50px 32px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 -500%;
}

@media (min-width: 768px) {
	.about-hero__list-holder {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: calc(100% - 362px);
		background-position: 0 50%;
	}
}

@media (min-width: 1280px) {
	.about-hero__list-holder {
		width: calc(100% - 462px);
	}
}

@media (min-width: 768px) {
	.about-hero__list-holder ul {
		display: flex;
	}
}

.about-hero__list-holder strong {
	font-weight: 600;
	font-size: 20px;
	line-height: 170%;
	display: block;
	text-align: center;
	color: #B09762;
	margin-bottom: 50px;
}

.about-hero .text-holder {
	padding-top: 30px;
	margin: 0 auto 42px;
	text-align: center;
	max-width: 1200px;
}

@media (min-width: 768px) {
	.about-hero .text-holder {
		margin-bottom: 78px;
	}
}

.about-hero .breadcrumbs {
	background-color: inherit;
}

.our-agency__row {
	position: relative;
	margin-bottom: 50px;
}

@media (min-width: 768px) {
	.our-agency__row {
		margin-bottom: 60px;
	}
}

.our-agency__img-holder {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	padding-top: 44px;
	padding-left: 45px;
	background-color: #B09762;
	background-repeat: no-repeat;
	background-position: 0 0;
}

@media (min-width: 768px) {
	.our-agency__img-holder {
		width: 50%;
	}
}

@media (min-width: 1024px) {
	.our-agency__img-holder {
		padding-left: 107px;
		padding-top: 108px;
	}
}

.our-agency__text-holder {
	background: #FFF;
	box-shadow: 8px 8px 40px rgba(125, 125, 125, 0.15);
	padding: 50px 20px;
}

@media (min-width: 768px) {
	.our-agency__text-holder {
		position: absolute;
		right: 0;
		top: 44px;
		width: 60%;
		padding: 50px;
	}
}

@media (min-width: 1024px) {
	.our-agency__text-holder {
		top: 107px;
		padding: 80px;
	}
}

@media (min-width: 1280px) {
	.our-agency__text-holder {
		width: 960px;
		max-width: 70%;
	}
}

.happy-team {
	background-color: #1F232B;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.happy-team__description {
	text-align: center;
	color: #fff;
	margin-bottom: 45px;
}

@media (min-width: 768px) {
	.happy-team__description {
		text-align: left;
		width: 600px;
		padding-right: 50px;
		max-width: 50%;
	}
}

@media (min-width: 768px) {
	.happy-team__description {
		padding-right: 115px;
	}
}

.happy-team__description p {
	margin-bottom: 30px;
}

.happy-team__description strong {
	font-weight: 600;
	display: block;
	margin-top: 20px;
}

@media (min-width: 768px) {
	.happy-team__slider {
		width: 50%;
	}
}

@media (min-width: 1280px) {
	.happy-team__slider {
		width: calc(100% - 600px);
	}
}

.happy-team__slider .slick-arrow {
	top: 105px;
}

.happy-team__slider .slick-arrow__next {
	right: 9px;
}

@media (min-width: 768px) {
	.happy-team__slider .slick-arrow__next {
		right: -19px;
	}
}

.happy-team__slider .slick-arrow__prev {
	left: 9px;
}

@media (min-width: 768px) {
	.happy-team__slider .slick-arrow__prev {
		left: -19px;
	}
}

.happy-team__slide {
	text-align: center;
	padding: 0 12px;
	display: flex !important;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
}

.happy-team__slide .img-holder {
	border: 2px solid #fff;
	margin-bottom: 30px;
}

.happy-team__slide strong {
	font-family: "Montserrat";
	display: none;
	color: #fff;
	font-size: 24px;
	line-height: 31px;
}

@media (min-width: 768px) {
	.happy-team__slide strong {
		display: inline;
	}
}

.happy-team__slide-description {
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	line-height: 170%;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.happy-team__slide-description strong {
	font-family: "Montserrat";
	display: block;
	color: #fff;
	font-size: 24px;
	line-height: 31px;
	margin-bottom: 15px;
}

.happy-team__slide-description span {
	display: block;
	margin-bottom: 24px;
}

@media (min-width: 768px) {
	.happy-team .title-holder {
		margin: 0 0 60px;
		text-align: left;
	}
}

.happy-team .title-holder h2 {
	color: #fff;
}

@media (min-width: 768px) {
	.happy-team .container {
		display: flex;
	}
}

.certificates {
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-color: #F7F6F8;
}

.certificates__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -5px;
}

@media (min-width: 768px) {
	.certificates__row {
		margin: 0 -10px;
	}
}

.certificates__holder {
	padding: 0 5px 10px;
}

@media (min-width: 768px) {
	.certificates__holder {
		padding: 0 10px 20px;
	}
}

.certificates__link {
	display: block;
	position: relative;
	border: 10px solid #FFF;
	width: 162px;
	height: 155px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 0;
}

@media (min-width: 768px) {
	.certificates__link {
		width: 250px;
		height: 240px;
	}
}

.certificates__link img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.blog {
	padding-bottom: 60px;
}

.blog .container {
	max-width: 1480px;
}

@media (min-width: 768px) {
	.blog {
		padding-bottom: 120px;
	}
}

.blog-news .twocolumns {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media (min-width: 768px) {
	.blog-news .twocolumns {
		flex-direction: row;
	}
}

@media (min-width: 1400px) {
	.blog-news .twocolumns {
		gap: 122px;
	}

	.blog-news .twocolumns.news-detail {
		gap: 92px;
	}
}

@media (min-width: 768px) {
	.blog-news.news-detail .twocolumns {
		flex-direction: column;
	}
}

@media (min-width: 992px) {
	.blog-news.news-detail .twocolumns {
		flex-direction: row;
	}
}

@media (min-width: 1400px) {
	.blog-news.news-detail .twocolumns {
		gap: 92px;
	}
}

.blog-news .sidebar {
	max-width: 368px;
	width: 100%;
}

.blog-news .sidebar-box {
	padding: 17px 20px;
	background-color: #ecf1f8;
	border-radius: 10px;
}

@media (min-width: 768px) {
	.blog-news .sidebar-box {
		padding: 27px 30px 43px;
		margin: 0 0 60px;
	}
}

.blog-news .accordeon-menu {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
}

.blog-news .accordeon-menu li {
	padding: 0;
	margin: 0 0 20px;
}

.blog-news .accordeon-menu li:before {
	display: none;
}

.blog-news .accordeon-menu li:last-child {
	margin: 0;
}

.blog-news .accordeon-menu li span {
	cursor: pointer;
}

.blog-news .accordeon-menu li.active>span,
.blog-news .accordeon-menu li.active>a,
.blog-news .accordeon-menu li:hover>span,
.blog-news .accordeon-menu li:hover>a {
	color: #0b3873;
}

.blog-news .accordeon-menu li.current-item>span,
.blog-news .accordeon-menu li.current-item>a {
	color: #0b3873;
}

.blog-news .accordeon-menu li.current-item>span:after,
.blog-news .accordeon-menu li.current-item>a:after {
	border-color: #0b3873;
}

.blog-news .accordeon-menu li.has-sub-menu>span,
.blog-news .accordeon-menu li.has-sub-menu>a {
	display: inline-flex;
	align-items: center;
	position: relative;
	gap: 10px;
}

.blog-news .accordeon-menu li.has-sub-menu>span:after,
.blog-news .accordeon-menu li.has-sub-menu>a:after {
	content: "";
	width: 8px;
	height: 8px;
	border: 2px solid #121212;
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg) translateY(-2px);
	transition: all 0.2s ease-in-out;
}

.blog-news .accordeon-menu li.has-sub-menu:hover>span:after,
.blog-news .accordeon-menu li.has-sub-menu:hover>a:after {
	border-color: #0b3873;
}

.blog-news .accordeon-menu li.has-sub-menu.active>span:after,
.blog-news .accordeon-menu li.has-sub-menu.active>a:after {
	transform: rotate(-225deg) translateY(-2px);
	border-color: #0b3873;
}

.blog-news .accordeon-menu a {
	color: #121212;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.blog-news .accordeon-menu .sidebar-sub-menu {
	padding-left: 40px;
	font-size: 16px;
	display: none;
}

.blog-news .accordeon-menu .sidebar-sub-menu li {
	margin: 0 0 18px;
}

.blog-news .accordeon-menu .sidebar-sub-menu li:first-child {
	padding-top: 17px;
}

@media (min-width: 768px) {
	.blog-news .accordeon-menu .sidebar-sub-menu li:first-child {
		padding-top: 27px;
	}
}

.blog-news .accordeon-menu .sidebar-sub-menu li:last-child {
	margin: 0;
}

.blog-news .sidebar-title {
	margin: 0 0 30px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
}

.blog-news .sidebar-banner {
	position: relative;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 1.3;
	display: none;
}

.blog-news .sidebar-banner.mobile {
	display: block;
	margin-top: 60px;
}

@media (min-width: 768px) {
	.blog-news .sidebar-banner {
		line-height: 1.5;
		display: block;
	}

	.blog-news .sidebar-banner.mobile {
		display: none;
	}
}

.blog-news .sidebar-banner .logo {
	text-align: center;
	max-width: 92px;
	margin: 0 auto 30px;
}

.blog-news .sidebar-banner .side-banner-title {
	font-size: 22px;
	line-height: 1.3;
	margin: 0 auto 20px;
	max-width: 180px;
}

@media (min-width: 768px) {
	.blog-news .sidebar-banner .side-banner-title {
		line-height: 1.2;
		font-size: 28px;
		max-width: 200px;
	}
}

.blog-news .sidebar-banner p {
	margin: 0;
}

.blog-news .sidebar-banner-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 24px 59px;
}

.blog-area {
	max-width: 950px;
	width: 100%;
}

.blog-area h2 {
	font-weight: 500;
}

@media (min-width: 768px) {
	.blog-area h2 {
		margin: 0 0 30px;
		font-size: 36px;
	}
}

.blog-area .blog-list-item {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 40px;
	color: #38393a;
}

@media (min-width: 768px) {
	.blog-area .blog-list-item {
		margin: 0 0 60px;
	}
}

@media (min-width: 1024px) {
	.blog-area .blog-list-item {
		flex-direction: row;
		gap: 25px;
	}
}

.blog-area .blog-list-item .img-holder {
	flex: 1 0 auto;
	border-radius: 10px;
	max-width: 488px;
}

@media (min-width: 1024px) {
	.blog-area .blog-list-item .img-holder {
		max-width: 288px;
	}
}

@media (min-width: 1400px) {
	.blog-area .blog-list-item .img-holder {
		max-width: 488px;
	}
}

.blog-area .blog-list-item h3 {
	font-size: 22px;
	line-height: 1.3;
	margin: 0 0 20px;
	font-weight: 500;
}

@media (min-width: 768px) {
	.blog-area .blog-list-item h3 {
		font-size: 28px;
		line-height: 1.2;
		margin: 0 0 16px;
	}
}

.blog-area .blog-list-item a {
	color: #121212;
	text-decoration: none;
}

.blog-area .blog-list-item a:hover {
	text-decoration: underline;
}

.blog-area .blog-list-item .date {
	color: #63718c;
	margin: 0 0 18px;
	font-size: 15px;
	display: block;
}

@media (min-width: 768px) {
	.blog-area .blog-list-item .date {
		font-size: 16px;
		margin: 0 0 24px;
	}
}

.blog-area .blog-list-item p {
	display: -webkit-box;
	/* Включаем Flexbox-подобный контейнер */
	-webkit-line-clamp: 4;
	/* Ограничиваем количество строк */
	-webkit-box-orient: vertical;
	/* Указываем вертикальную ориентацию */
	overflow: hidden;
	/* Скрываем текст, который не поместился */
	text-overflow: ellipsis;
}

.blog-area .text {
	max-width: 437px;
	width: 100%;
}

.paginations-btn {
	display: flex;
	justify-content: center;
}

.paginations-btn li {
	padding: 0;
	margin-right: 32px;
	color: #121212;
	font-size: 18px;
	line-height: 1.8;
	font-weight: 500;
}

.paginations-btn li:last-of-type {
	margin-right: 0;
}

.paginations-btn li:before {
	display: none;
}

.paginations-btn a {
	color: #0b3873;
	text-decoration: none;
}

.paginations-btn a:hover {
	color: #121212;
}

.paginations-btn .prev-page {
	transform: rotate(180deg);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6 9L20 16L13.6 23L12 21.25L16.8 16L12 10.75L13.6 9Z' fill='%230B3873'/%3e%3c/svg%3e ");
	width: 32px;
	height: 32px;
	display: block;
}

.paginations-btn .prev-page.inactive {
	filter: contrast(0);
}

.paginations-btn .next-page {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6 9L20 16L13.6 23L12 21.25L16.8 16L12 10.75L13.6 9Z' fill='%230B3873'/%3e%3c/svg%3e ");
	width: 32px;
	height: 32px;
	display: block;
}

.paginations-btn .next-page.inactive {
	filter: contrast(0);
}

.news-detail .blog-area {
	max-width: 980px;
}

@media (min-width: 768px) {
	.news-detail img {
		max-width: 411px;
	}
}

.news-detail .date {
	color: #63718c;
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.5;
}

@media (min-width: 768px) {
	.news-detail .date {
		font-size: 16px;
		margin: 0 0 30px;
	}
}

.blog-content {
	font-size: 16px;
	line-height: 1.5;
	color: #38393a;
}

.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
	color: #121212;
	font-weight: 500;
}

.blog-content h1 {
	font-size: 24px;
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.blog-content h1 {
		font-size: 36px;
		margin: 0 0 15px;
	}
}

.blog-content h2 {
	font-size: 28px;
	margin: 40px 0 20px;
}

@media (min-width: 768px) {
	.blog-content h2 {
		font-size: 30px;
		margin: 40px 0 15px;
	}
}

.blog-content h3 {
	font-size: 24px;
	margin: 40px 0 20px;
}

@media (min-width: 768px) {
	.blog-content h3 {
		font-size: 26px;
		margin: 40px 0 15px;
	}
}

.blog-content h4 {
	font-size: 20px;
	margin: 40px 0 20px;
}

@media (min-width: 768px) {
	.blog-content h4 {
		font-size: 24px;
		margin: 40px 0 15px;
	}
}

.blog-content h5 {
	font-size: 20px;
	margin: 40px 0 20px;
}

@media (min-width: 768px) {
	.blog-content h5 {
		font-size: 22px;
		margin: 40px 0 15px;
	}
}

.blog-content h6 {
	font-size: 18px;
	margin: 40px 0 20px;
}

@media (min-width: 768px) {
	.blog-content h6 {
		font-size: 20px;
		margin: 40px 0 15px;
	}
}

.blog-content:after {
	clear: both;
	content: "";
	display: block;
}

.blog-content p {
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	.blog-content p {
		margin: 0 0 15px;
	}
}

.blog-content img {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.blog-content img.alignleft {
		float: left;
		margin: 0 20px 20px 0;
	}

	.blog-content img.alignright {
		float: right;
		margin: 0 0 20px 20px !important;
	}
}

.blog-content figure {
	overflow: hidden;
}

.blog-content figure img:not(.alignright),
.blog-content figure img:not(.aligncenter) {
	float: left;
	margin-right: 15px;
}

.blog-content figure img.aligncenter {
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.blog-content h3 {
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #212121;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.blog-content h3 {
		font-size: 24px;
		line-height: 31px;
	}
}

.blog-content strong {
	font-weight: 600;
}

.blog-content table {
	display: block;
	margin-bottom: 40px;
}

.blog-content table tbody {
	display: block;
	background-color: #1f232b;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border: 1px solid #1f232b;
	width: 1200px;
}

.blog-content table tbody tr {
	width: 1200px;
}

.blog-content table tbody th,
.blog-content table tbody td {
	border-right: 1px solid #434851;
	border-bottom: 1px solid #434851;
	height: 64px;
	width: 335px;
}

.blog-content table tbody th:last-of-type,
.blog-content table tbody td:last-of-type {
	border-right: none;
}

.blog-content table tbody td {
	font-weight: 400;
}

.blog-content ul {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.blog-content ul {
		padding-left: 30px;
		margin-bottom: 15px;
	}
}

.blog-content ul li {
	padding-left: 25px;
	margin: 0 0 10px;
}

.blog-content ul li:before {
	width: 4px;
	height: 4px;
	min-width: 4px;
	background-color: #005BBB;
}

.blog-content ul li:last-child {
	margin: 0;
}

.blog-content ol {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.blog-content ol {
		padding-left: 30px;
		margin-bottom: 15px;
	}
}

.blog-content ol li {
	padding-left: 25px;
	margin: 0 0 10px;
}

.blog-content ol li:before {
	color: #0B3873;
}

.blog-content ol li:last-child {
	margin: 0;
}

.blog-content blockquote {
	margin: 0 0 20px;
	padding: 5px 0 5px 10px;
	position: relative;
	border-left: 6px solid #0B3873;
}

@media (min-width: 768px) {
	.blog-content blockquote {
		padding: 5px 0 5px 15px;
		margin: 0 0 15px 20px;
	}
}

.blog-content blockquote:after {
	display: none;
}

.blog-content blockquote p {
	font-size: 16px;
	margin: 0 auto 25px;
	position: relative;
	z-index: 1;
	max-width: calc(100% - 180px);
}

.blog-content blockquote cite {
	position: relative;
	z-index: 1;
}

.share-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	color: #63718C;
	padding: 30px 0;
}

@media (min-width: 992px) {
	.share-block {
		flex-direction: row;
		align-items: center;
		gap: 40px;
		font-size: 24px;
	}

	.share-block p {
		margin: 0;
	}
}

.paginations-btn.article {
	justify-content: space-between;
}

.paginations-btn .prev-page {
	width: auto;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	transform: rotate(0);
	background: none;
	font-size: 16px;
}

.paginations-btn .prev-page:before {
	content: '';
	transform: rotate(180deg);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6 9L20 16L13.6 23L12 21.25L16.8 16L12 10.75L13.6 9Z' fill='%230B3873'/%3e%3c/svg%3e ");
	width: 32px;
	height: 32px;
}

.paginations-btn .prev-page.inactive:before {
	filter: contrast(0);
}

.paginations-btn .next-page {
	width: auto;
	height: auto;
	position: relative;
	display: flex;
	align-items: center;
	background: none;
	font-size: 16px;
}

.paginations-btn .next-page:after {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6 9L20 16L13.6 23L12 21.25L16.8 16L12 10.75L13.6 9Z' fill='%230B3873'/%3e%3c/svg%3e ");
	width: 32px;
	height: 32px;
}

.paginations-btn .next-page.inactive:after {
	filter: contrast(0);
}

.share-links {
	display: flex;
	justify-content: center;
	gap: 22px;
}

@media (min-width: 992px) {
	.share-links {
		gap: 27px;
		justify-content: flex-start;
	}
}

.share-links li {
	padding-left: 0;
}

.share-links li:before {
	display: none;
}

.switch-page {
	margin: 0 0 100px;
}

@media (min-width: 768px) {
	.switch-page {
		margin: 0 0 120px;
	}
}

.switch-page .share-holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 65px;
}

@media (min-width: 768px) {
	.switch-page .share-holder {
		flex-direction: row;
	}
}

.switch-page .share-holder .share-socials {
	display: flex;
	margin: 0 -23px;
}

.switch-page .share-holder .share-socials li {
	padding: 0 23px;
	font-size: 20px;
}

.switch-page .share-holder .share-socials li:before {
	display: none;
}

.switch-page .share-holder .share-socials li a {
	text-decoration: none;
	color: #c90a04;
}

.switch-page .share-holder strong {
	display: block;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.switch-page .share-holder strong {
		margin-right: 46px;
		margin-bottom: 0;
	}
}

.switch-page .switch-page-btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 -30px;
}

.switch-page .switch-page-btns .switch-page-btn-holder {
	display: flex;
	align-items: center;
}

.switch-page .switch-page-btns .switch-page-btn-holder .romb-btn {
	margin: 0 30px;
}

@media (min-width: 768px) {
	.similar-posts {
		margin: 0 -24px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}

.similar-posts__col {
	margin-bottom: 50px;
	padding: 0;
}

@media (min-width: 768px) {
	.similar-posts__col {
		width: 50%;
		padding: 0 24px;
	}
}

@media (min-width: 1024px) {
	.similar-posts__col {
		width: calc(100% / 3);
	}
}

@media (min-width: 1280px) {
	.similar-posts__col {
		width: 25%;
	}
}

.similar-posts__article:hover strong,
.similar-posts__article:hover a {
	color: #979797;
}

.similar-posts__article .text-holder {
	padding-top: 35px;
}

.similar-posts__article .text-holder span {
	display: block;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 14px;
}

.similar-posts__article .text-holder strong {
	display: block;
	margin-bottom: 30px;
	font-size: 20px;
	font-family: "Montserrat";
	transition: color ease-in-out 0.3s;
}

.similar-posts__article .text-holder a {
	font-weight: 600;
	font-size: 16px;
	line-height: 44px;
	color: #b09762;
}

.similar-posts__article .img-holder img {
	width: 100%;
}

.contact-page {
	padding: 20px 0 0;
	/* contact tabs */
}

@media (min-width: 768px) {
	.contact-page {
		padding: 60px 0 0;
	}
}

.contact-page h1 {
	font-size: 24px;
	margin: 0 0 20px;
	font-weight: 500;
	text-align: center;
}

@media (min-width: 768px) {
	.contact-page h1 {
		font-size: 36px;
		margin: 0 0 32px;
	}
}

.contact-page h2 {
	margin: 0 0 20px;
}

.contact-page .map-panel {
	position: static;
	min-height: 0;
}

.contact-page .acc-route {
	max-width: 385px;
}

.contact-page .middle-col {
	max-width: 250px;
}

.contact-page .route-text {
	height: auto;
}

.contact-page .icon-wrap {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 23px;
}

.contact-page .acc-hours {
	align-items: flex-start;
	flex-wrap: wrap;
	padding-left: 34px;
	gap: 16px;
}

.contact-page .acc-hours span {
	display: block;
}

.contact-page .acc-title {
	font-size: 20px;
}

.contact-page .acc-week,
.contact-page .acc-shedule {
	font-size: 18px;
}

.contact-page .acc-hours:before {
	position: absolute;
	left: 0;
}

.contact-page .tab-panel {
	flex-direction: column;
}

.contact-page .map-fake {
	position: static;
}

.contact-page .info-panel {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	box-shadow: none;
	margin: 0 0 40px;
	gap: 40px;
}

@media (min-width: 1024px) {
	.contact-page .info-panel {
		flex-direction: row;
		gap: 20px;
	}
}

@media (min-width: 1440px) {
	.contact-page .info-panel {
		gap: 88px;
	}
}

.contact-page .img-holder {
	max-width: 387px;
	border-radius: 10px;
	overflow: hidden;
}

.contact-page .img-holder img {
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.left-question {
	background-color: #eaedf5;
	padding: 50px 0;
	text-align: center;
}

.left-question .subtitle {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	margin: 0 0 30px;
}

@media (min-width: 768px) {
	.left-question .subtitle {
		font-size: 24px;
	}
}

@media (min-width: 768px) {
	.left-question .btn {
		padding: 18px 67px;
	}
}

@media (min-width: 768px) {
	.left-question {
		padding: 60px 0;
	}
}

/* popup write us */
/* Контейнер попапа */
.custom-modal {
	max-width: 800px;
	width: 100%;
	border-radius: 10px;
	padding: 32px 0 !important;
	background: #fff;
}

@media (min-width: 768px) {
	.custom-modal {
		padding: 60px 40px !important;
	}
}

.custom-modal.write-us {
	max-width: 1200px;
}

.custom-modal.write-us h2 {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}

@media (min-width: 768px) {
	.custom-modal.write-us h2 {
		margin: 0 0 30px;
		padding: 0;
	}
}

.custom-modal.recall-me {
	max-width: 735px;
}

.custom-modal.recall-me .popup-box {
	max-width: 345px;
}

.custom-modal.recall-me p {
	color: #121212;
}

.custom-modal.success-modal {
	max-width: 735px;
	text-align: left;
	padding: 72px 20px 50px !important;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 500;
}

@media (min-width: 768px) {
	.custom-modal.success-modal {
		font-size: 18px;
		text-align: center;
		padding: 120px 40px !important;
	}
}

.custom-modal.success-modal h3 {
	font-size: 24px;
	line-height: 1.3;
	margin: 0 0 20px;
	font-weight: 500;
}

@media (min-width: 768px) {
	.custom-modal.success-modal h3 {
		margin: 0 0 40px;
	}
}

.custom-modal.city-promt {
	max-width: 1200px;
	padding: 30px 20px 40px !important;
}

@media (min-width: 768px) {
	.custom-modal.city-promt {
		padding: 50px !important;
	}
}

@media (min-width: 1024px) {
	.custom-modal.city-promt {
		padding: 100px 102px 95px !important;
	}
}

.custom-modal.city-promt .popup-box {
	max-width: 100%;
}

.custom-modal.city-promt h2 {
	text-align: left;
	margin: 0 0 10px;
}

@media (min-width: 768px) {
	.custom-modal.city-promt h2 {
		margin: 0 0 34px;
	}
}

.custom-modal.exchange-request {
	max-width: 1200px;
}

.custom-modal.calculator-exchange {
	max-width: 608px;
}

.custom-modal .popup-box {
	max-width: 660px;
	width: 100%;
	margin: 0 auto;
}

.custom-modal .red {
	color: #f95b2b;
}

.custom-modal .btn {
	padding: 12px 28px;
	max-width: 305px;
	width: 100%;
	margin-top: 20px;
}

@media (min-width: 768px) {
	.custom-modal .btn {
		margin-top: 30px;
	}
}

.custom-modal .form-footer {
	text-align: center;
}

@media (min-width: 768px) {
	.custom-modal .form-footer {
		text-align: left;
	}
}

.input-row {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.input-row {
		flex-direction: row;
		gap: 49px;
		margin-bottom: 30px;
	}
}

.input-cell {
	flex: 1;
}

.modal-form {
	padding: 20px;
	background-color: #ecf1f8;
}

@media (min-width: 768px) {
	.modal-form {
		padding: 0;
		background: none;
	}
}

.modal-form label {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.3;
}

.modal-form input,
.modal-form textarea {
	width: 100%;
	padding: 15px 16px;
	border: 1px solid #b5bdcc;
	border-radius: 10px;
	outline: none;
	font-size: 15px;
	line-height: 1.6;
	transition: border-color 0.2s;
}

.modal-form textarea {
	resize: none;
	min-height: 190px;
}

.modal-form input:focus,
.modal-form textarea:focus {
	border-color: #3b82f6;
}

.fancybox__backdrop {
	background: linear-gradient(0deg, rgba(92, 94, 97, 0.2), rgba(92, 94, 97, 0.2)), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
	backdrop-filter: blur(4px);
}

.fancybox__content .f-button.is-close-btn {
	top: 20px;
	right: 20px;
	color: #4b5563;
	background: none;
	--f-button-width: 40px;
	--f-button-height: 40px;
	--f-button-svg-width: 24px;
	--f-button-svg-height: 24px;
}

.custom-gallery .f-button.is-close-btn {
	color: #fff;
	opacity: 1;
}

.custom-gallery .fancybox__content {
	max-width: 800px;
}

.fancybox__slide {
	padding: 20px;
}

.error-message {
	color: #ff6b6b;
	font-size: 13px;
	display: none;
}

.has-error .error-message {
	display: block;
}

.contact-page-2 {
	padding: 20px 0 0;
}

@media (min-width: 768px) {
	.contact-page-2 {
		padding: 60px 0 0;
	}
}

.contact-page-2 h1 {
	font-size: 24px;
	line-height: 1.3;
	margin: 0 0 20px;
	text-align: center;
}

@media (min-width: 768px) {
	.contact-page-2 h1 {
		font-size: 36px;
		margin: 0 0 30px;
	}
}

.contact-page-2 .left-question {
	margin-top: 40px;
	border-radius: 10px;
	background: url(assets/img/left_question_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 768px) {
	.contact-page-2 .left-question {
		margin-top: 97px;
	}
}

.contact-page-2 .left-question h2 {
	font-size: 24px;
	margin: 0 0 30px;
}

/* city-modal  */
.city-modal .blue-text {
	color: #0b3873;
}

.confirm-block {
	margin: 0 0 55px;
}

.confirm-block .btn {
	max-width: 150px;
}

.city-selection-title {
	margin: 0 0 20px;
	color: #121212;
	font-size: 22px;
	line-height: 1.3;
}

@media (min-width: 1024px) {
	.city-selection-title {
		font-size: 28px;
		margin: 0 0 40px;
	}
}

.city-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	text-align: center;
}

@media (min-width: 1024px) {
	.city-grid {
		grid-template-columns: 1fr 1fr;
		margin: 0 auto;
		max-width: 715px;
		width: 100%;
		gap: 30px;
	}
}

.city-item {
	background: #ecf1f8;
	padding: 12px 10px;
	border-radius: 10px;
	text-decoration: none;
	color: #111;
	transition: 0.2s;
	font-size: 24px;
	line-height: 1.5;
	width: 100%;
	font-weight: 500;
}

@media (min-width: 768px) {
	.city-item {
		padding: 22px 10px;
	}
}

.city-item:hover,
.city-item.active {
	background: #63718c;
	color: #fff;
}

.exchange-request {
	padding: 20px !important;
}

@media (min-width: 1024px) {
	.exchange-request {
		padding: 60px 100px !important;
	}
}

.exchange-request h2 {
	margin: 0 0 20px;
	text-align: center;
}

@media (min-width: 768px) {
	.exchange-request h2 {
		margin: 0 0 40px;
	}
}

.exchange-request .popup-box {
	max-width: 100%;
}

.exchange-request .two-col {
	background-color: #ecf1f8;
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 768px) {
	.exchange-request .two-col {
		padding: 60px 100px;
		flex-direction: row;
	}
}

.exchange-request .conv {
	background: none;
}

@media (min-width: 768px) {
	.exchange-request .conv {
		width: calc(50% - 10px);
	}
}

.exchange-request .modal-form {
	padding: 0;
}

.exchange-request .modal-form input {
	border: none;
	height: 56px;
}

@media (min-width: 768px) {
	.exchange-request .modal-form {
		width: calc(50% - 10px);
	}
}

.exchange-request .modal-form label {
	font-size: 16px;
}

.exchange-request .conv__rate-badge {
	justify-content: flex-start;
	padding: 20px 0;
}

@media (min-width: 768px) {
	.exchange-request .conv__rate-badge {
		padding: 40px 0 16px;
	}
}

.exchange-request .conv__note {
	text-align: left;
}

.exchange-request .select-trigger,
.exchange-request .conv__input {
	height: 56px;
}

.exchange-request .conv__card {
	padding: 0;
	border-radius: 0;
}

.exchange-request .input-row {
	margin-bottom: 36px;
}

.exchange-request .btn {
	margin: 0 0 25px;
}

.exchange-request .form-footer {
	font-size: 15px;
	line-height: 1.3;
	color: #63718c;
	text-align: left;
}

.exchange-request .form-footer a {
	color: #38393a;
}

.exchange-request .form-footer a:hover {
	color: #38393a;
	text-decoration: none;
}

.exchange-request .conv__label {
	line-height: 1.3;
}

@media (min-width: 768px) {
	.calculator-exchange {
		padding: 80px !important;
	}
}

.calculator-exchange .popup-box {
	max-width: 100%;
}

.calculator-exchange h2 {
	margin: 0 0 20px;
	padding: 0 20px;
}

@media (min-width: 768px) {
	.calculator-exchange h2 {
		margin: 0 0 38px;
		padding: 0;
	}
}

.cookie-popup {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 908px;
	background: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	z-index: 10000;
	display: none;
	padding: 20px;
	line-height: 1.3;
	overflow: auto;
	max-height: 100vh;
}

@media (min-width: 768px) {
	.cookie-popup {
		padding: 40px 80px;
	}
}

.cookie-popup.is-visible {
	display: block;
	animation: f-fadeIn 0.4s ease;
}

/* Контейнер переключателя */
.cookie-popup .switch {
	--switch-width: 44px;
	--switch-height: 24px;
	--circle-size: 18px;
	--active-color: #003366;
	/* Темно-синий из вашего макета */
	--inactive-color: #e9eff6;
	/* Светло-голубой фон */
	position: relative;
	display: inline-block;
	width: var(--switch-width);
	height: var(--switch-height);
}

/* Скрываем дефолтный чекбокс */
.cookie-popup .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* Фон переключателя (основа) */
.cookie-popup .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--inactive-color);
	transition: 0.3s;
	border-radius: 34px;
	height: 16px;
}

/* Кружочек (ползунок) */
.cookie-popup .slider:before {
	position: absolute;
	content: "";
	height: var(--circle-size);
	width: var(--circle-size);
	left: 3px;
	bottom: -1px;
	background-color: white;
	transition: 0.3s;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Состояние: Включено (Checked) */
.cookie-popup input:checked+.slider {
	background-color: var(--inactive-color);
	/* Фон остается светлым или меняется по желанию */
}

.cookie-popup input:checked+.slider:before {
	transform: translateX(calc(var(--switch-width) - var(--circle-size) - 6px));
	background-color: var(--active-color);
}

/* Фокус для доступности с клавиатуры */
.cookie-popup input:focus-visible+.slider {
	outline: 2px solid var(--active-color);
	outline-offset: 2px;
}

.cookie-popup h3 {
	margin: 0 0 15px;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.3;
}

@media (min-width: 768px) {
	.cookie-popup h3 {
		font-size: 28px;
	}
}

.cookie-popup p {
	margin: 0 0 20px;
}

.cookie-popup .title-box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.cookie-popup h5 {
	color: #0b3873;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	margin: 0;
}

@media (min-width: 768px) {
	.cookie-popup h5 {
		font-size: 22px;
	}
}

.cookie-popup .blue-text {
	color: #0b3873;
}

.cookie-popup .item p {
	margin: 0;
}

.cookie-popup .item:not(:last-child) {
	border-bottom: 1px solid #b5bdcc80;
	padding-bottom: 15px;
	margin: 0 0 15px;
}

.cookie-popup .cookie-popup__actions {
	padding: 45px 0 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

@media (min-width: 768px) {
	.cookie-popup .cookie-popup__actions {
		gap: 52px;
		flex-direction: row;
	}
}

.cookie-popup .cookie-popup__actions .btn-secondary {
	background-color: #DDE5F5;
}

.cookie-popup .cookie-popup__actions .btn-secondary:hover {
	background-color: #63718C;
}

div#exchange-request .conv__order-btn {
	display: none;
}

.contact-page .map-panel {
	margin-bottom: 50px;
}

#leave-review h2 {
	text-align: center;
	margin: 0 0 20px;
}

#leave-review p {
	text-align: center;
	margin: 0 0 30px;
	color: #121212;
}

#leave-review .wpcf7-form .input-cell > label {
	font-size: 15px;
	color: #121212;
}

.wpcf7-not-valid-tip {
	color: #F95B2B;
	margin-top: 10px;
	font-size: 15px;
}

#leave-review .starbox {
	display: flex;
	align-items: center;
	gap: 8px;
}

@media(min-width: 768px) {
	#leave-review .starbox {
		gap: 30px;
	}
}

.wpcf7-form-control-wrap.your-rating label {
	margin: 0;
}

.modal-form textarea::placeholder {
	font-family: 'Inter', sans-serif;
	color: #63718C;
}

.uacf7-rating:not(:hover) label input:checked ~ .icon,
.uacf7-rating:hover label:hover input ~ .icon {
	color: #FFBB2A !important;
}

.uacf7-rating:not(:hover) label input:checked ~ .icon i,
.uacf7-rating:hover label:hover input ~ .icon i{
	font-weight: 900;
}

#leave-review .uacf7-rating label {
	font-size: 17px;
	display: flex;
}

#leave-review .uacf7-rating label .icon {
	margin: 0 3px;
}

#leave-review .btn {
	transition: all .2s ease-in-out;
	font-size: 18px;
	line-height: 1.5;
	padding: 14px 28px;
	border: none;
}


.wpcf7 form.sent .uacf7-form-wrapper-container,
.otgs-development-site-front-end {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	text-align: center !important;
	border: none !important;
	font-size: 20px;
}

.is-success .cf7-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 1.2;
	margin: 0 0 20px;
	color: #121212;
}

.is-success .cf7-text {
	font-weight: 500;
	font-size: 18px;
	line-height: 1.3;
	color: #121212;
}

#leave-review .uacf7-rating label .icon i {
	display: block;
}

@media(min-width: 768px) {
	.is-success .cf7-title {
		font-size: 36px;
	}
}




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