body.admin-bar {
	*margin-top: 32px;
}
body {
	font-family: "NarkisBlockConMF", sans-serif;
	direction: rtl;
}
body > main {
	padding-bottom: 6.25vw;
}
.accent {
	color: var(--color-pink);
}
.wrapper {
	max-width: 67.7083vw;
	margin: 0 auto;
	padding: 0 0.5208vw;
}

	/* HERO */
	.hero {
		margin: 2.2396vw 0 3.8021vw;
		min-height: 21.6146vw;
		background: url("../img/hero.png") no-repeat;
		background-size: contain;
		background-position: top left;
	}
	.hero.home {
		background: url("../img/hero-banner.png") no-repeat;
		background-size: contain;
		background-position: top left;
	}
	.hero-bg {
		width: 100%;
		height: 100%;
	}
	.hero-content {
		width: 38.0729vw;
		min-height: 5.625vw;
		color: #0093d0;
		margin: 7.3958vw 24.4792vw 0 0;
	}
	.hero h1 {
		font-weight: 700;
		font-size: 6.6667vw;
		line-height: 66%;
	}
	.hero p {
		font-weight: 700;
		font-size: 2.5vw;
		line-height: 100%;
	}

	/* HOME PAGE */
	.main-heading {
		display: flex;
		justify-content: center;
		direction: rtl;
	}

	.main-heading h2 {
		display: inline-block;
		position: relative;
		text-align: center;
		color: #185071;
		font-weight: 700;
		font-size: 5vw;
		line-height: 80%;
	}
	.main-heading h2::after {
		content: "";
		position: absolute;
		display: block;
		background: url(../img/title-bg.png) center 0 no-repeat;
		width: 100%;
		height: 0.6771vw;
		left: 50%;
		bottom: -0.3646vw;
		transform: translateX(-50%);
	}

	/* home block */
	.home-block.block-1 {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		direction: rtl;
		gap: 120px;
		padding-top: 14.6354vw;
		padding-bottom: 160px;
		background-image: url(../img/home-block-1.png);
		background-repeat: no-repeat;
		background-position: calc(50% + 5vw) 4.8958vw;
		background-size: contain;
	}

	.block-1 .left {
		flex: 1 0 27.8125vw;
	}

	.home-block h2,
	.home-block h3 {
		font-weight: 700;
		font-size: 2.5vw;
		line-height: 117%;
		text-align: justify;
		color: #bababa;
	}
	.home-block h3 {
		color: #005b7f;
	}

	.home-block p {
		color: #005b7f;
		font-weight: 400;
		font-size: 1.25vw;
		line-height: 133%;
		text-align: justify;
	}

	.home-block.block-2 {
		background-image: url(../img/home-block-2.png);
		background-repeat: no-repeat;
		background-position: calc(50% - 4.0625vw) 0.1042vw;
		background-size: contain;
		padding: 9.8958vw 0 7.7083vw;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: flex-start;
		direction: rtl;
		gap: 120px;
	}

	.block-2 .left {
		flex: 1 0 28.8021vw;
	}

	/* extra block */
	.homepage-extra {
		display: flex;
		justify-content: space-between;
		align-items: center;
		direction: rtl;
		margin-bottom: 6.4583vw;
	}

	.extra-text {
		flex: 0 0 14.2188vw;
		text-align: right;
		white-space: pre-line;
		font-size: 1.6667vw;
		color: #005b7f;
	}


	/* INFO PAGE */
	.info-section {
		.info-icon {
			width: 24.15vw;
			margin: 0 auto;
			padding-left: 8vw;
		}
		.info-block {
			/* max-width: 66.6667vw; */
			width: 66.6667vw;
			margin: 1.0417vw auto;
			padding: 1.6667vw;
			display: flex;
			flex-direction: row-reverse;
			gap: 6.67vw;
			justify-content: space-between;

			.right {
				flex-basis: 100%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				gap: 0.5208vw;
				flex: 0 0 calc(50% - 3.33vw);
				min-width: calc(50% - 3.33vw);
			}

			.left {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: flex-end;
				flex: 1 1 50%;

				.info-text {
					font-size: 1.25vw;
					color: #005B7F;

					p:not(:last-child) {
						margin-bottom: 30px;
					}
					p:empty {
						display: none;
						margin: 0;
					}
					a {
						text-decoration: underline;
					}
				}
			}

			.info-title {
				font-weight: 700;
				font-size: 3.33vw;
				line-height: 100%;
				color: var(--color-dark-blue);
			}

		}
	}

	/* COMING SOON PAGE */
	.coming-soon {

		.coming-soon-icon {
			width: 24.15vw;
			margin: 0 auto 2.6vw;
			padding-right: 8vw;
		}
		.coming-soon-contact-icon {
			width: 24.15vw;
			margin: 0 auto 2.6vw;
			padding-left: 8vw;
		}
		h2.page-title {
			position: relative;
			text-align: center;
			color: #185071;
			font-weight: 700;
			font-size: 3.33vw;
			line-height: 80%;
		}
		h2.page-title::after {
			content: "";
			position: absolute;
			display: block;
			background: url(../img/coming-soon-title-arc.svg) center 0 no-repeat;
			background-size: 19.4792vw auto;
			width: 100%;
			height: 0.6771vw;
			left: 50%;
			bottom: -0.9vw;
			transform: translateX(-50%);
		}
		.contact {
			margin-top: 2.6vw;
			text-align: center;

			p {
				font-size: 1.67vw;
				font-weight: bold;
				color: var(--color-dark-blue);
				margin-bottom: 0.9vw;
			}
			a {
				text-transform: uppercase;
				color: #DA8691;
				font-family: "DIN Condensed", sans-serif;
			}
		}
	}

	.copyrights {
		font-family: "DIN Condensed", sans-serif;
	}
	.footer-email > a {
		font-family: "DIN Condensed", sans-serif;
	}

	.rates-icon {
		width: 23.15vw;
		margin: 0 auto;
		padding-right: 7vw;
	}

	.hotel-spiderweb__grid{
		display:grid;
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: auto;
		gap: 1.5rem; /* подгони по макету */
		text-align:center;
	}

	/* 1-й ряд: один элемент по центру */
	.hotel-spiderweb__item--pos-1{
		grid-row: 1;
		grid-column: 2;      /* центр */
		justify-self: center;
	}

	/* 2-й ряд: три элемента равномерно */
	.hotel-spiderweb__item--pos-2{ grid-row:2; grid-column:1; justify-self:center; }
	.hotel-spiderweb__item--pos-3{ grid-row:2; grid-column:2; justify-self:center; }
	.hotel-spiderweb__item--pos-4{ grid-row:2; grid-column:3; justify-self:center; }

	/* 3-й ряд: два элемента равномерно (с пропуском середины) */
	.hotel-spiderweb__item--pos-5{ grid-row:3; grid-column:1; justify-self:center; }
	.hotel-spiderweb__item--pos-6{ grid-row:3; grid-column:3; justify-self:center; }

	/* Мобилка (по желанию): стекаем и центрируем всё */
	@media (max-width: 768px){
		.hotel-spiderweb__grid{
			grid-template-columns: 1fr;
		}
		.hotel-spiderweb__item--pos-1,
		.hotel-spiderweb__item--pos-2,
		.hotel-spiderweb__item--pos-3,
		.hotel-spiderweb__item--pos-4,
		.hotel-spiderweb__item--pos-5,
		.hotel-spiderweb__item--pos-6{
			grid-column: 1 !important;
			justify-self: center;
		}
	}

	.program-table.transfer-table {
		background-image: url(../img/transfer-table-border.svg);
		height: 19.27vw;
		margin-top: 2.08vw;
		margin-bottom: 3.33vw;
		padding-top: 0.6667vw;
		padding-bottom: 0.6667vw;
	}
	.program-table.transfer-table.small {
		background-image: url(../img/transfer-table-small-border.svg);
		height: 15.94vw;
	}
	.mix-table__title, .mix-table__lead {
		text-align: center;
		font-weight: 700;
		font-size: 2.5vw;
		line-height: 2.92vw;
		color: var(--color-dark-blue);
	}
	.mix-wys__inner {
		/* max-width: 66.6667vw; */
		width: 66.6667vw;
		margin: 1.0417vw auto;
		padding: 1.6667vw 0;
		display: flex;
		flex-direction: row;
		gap: 6.67vw;
		justify-content: space-between;
		.right {
			display: flex;
			flex-direction: column;
			gap: 0.5208vw;
			font-weight: 700;
			font-size: 3.33vw;
			line-height: 100%;
			color: var(--color-dark-blue);
			width: 21.667vw;

			.mix-wys__subtitle {
				font-size: 1.25vw;
				line-height: 1.67vw;
				font-weight: 400;
				max-width: 21.67vw;
				text-align: justify;
			}
		}

		.left {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			font-size: 1.25vw;
			color: var(--color-dark-blue);
			width: 31.6vw;
			text-align: justify;
		}
	}
	.mix-wys .info-icon {
		width: 8.82vw;
		margin: 0 auto;
	}
	.myx-wys .info-icon.main-icon {
		width: 13.91vw;
	}
	.mix-wys:last-child .mix-wys__inner {
		padding-bottom: 0;
		margin-bottom: 0;
	}


	.title-icon {
		width: 24.15vw;
		margin: 0 auto 2.6vw;
	}
	.title-icon.icon-left {
		padding-left: 8vw;
	}
	.title-icon.icon-right {
		padding-right: 8vw;
	}
	h2.page-title {
		position: relative;
		text-align: center;
		color: var(--color-dark-blue);
		font-weight: 700;
		font-size: 3.33vw;
		line-height: 80%;
		width: fit-content;
		margin: 0 auto;
	}
	h2.page-title::after {
		content: "";
		position: absolute;
		display: block;
		background: url(../img/title-bg.png) center 0 no-repeat;
		width: 100%;
		height: 0.6771vw;
		left: 50%;
		bottom: -0.9vw;
		transform: translateX(-50%);
	}

	.faq-item {
		position: relative; 
		padding: 40px 0;
	}
	.faq-item:not(:last-child):after {
		content: "";
		position: absolute;
		display: block;
		background: url(../img/faq-border.svg) center 0 no-repeat;
		width: 100%;
		height: 0.6771vw;
		left: 50%;
		bottom: -0.9vw;
		transform: translateX(-50%);

	}
	.faq-q {
		color: var(--color-dark-blue);
		font-size: 2.5vw;
		font-weight: 700;
	}
	.faq-a {
		color: var(--color-dark-blue);
		font-size: 1.25vw;
		line-height: 1.3;
		font-weight: 400;
	}
	.faq-tabs {
		background-color: var(--color-dark-blue);
		width: 34.6875vw;
		height: 3.333vw;
		margin: 0 auto;
		display: flex;
		flex-direction: row-reverse;
		padding: 0.625vw 2.0833vw;
		justify-content: space-between;
		background: url(../img/faq-tabs-bg.svg) center 0 no-repeat;
		background-size: contain;
	}
	.faq-tab {
		color: var(--color-white);
		font-size: 1.6667vw;
		font-weight: 700;
		background-color: transparent;
		padding-left: 1.875vw;
		position: relative;
		cursor: pointer;
	}
	.faq-tab:after {
		content: "";
		position: absolute;
		display: block;
		background: url(../img/white-dot.svg) center 0 no-repeat;
		background-size: cover;
		width: 0.8333vw;
		height: 0.8333vw;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.faq-tab.is-active {
		color: var(--color-pink); 
	}
	.faq-tab.is-active:after {
		background: url(../img/pink-dot.svg) center 0 no-repeat;
		background-size: cover;
	}



	@media screen and (min-width: 601px) {
		.desktop {
			display: block;
		}
		.mobile {
			display: none;
		}
	}
	@media screen and (max-width: 600px) {
		.desktop {
			display: none;
		}
		.mobile {
			display: block;
		}

		.coming-soon {
			.coming-soon-icon {
				width: 45.13vw;
				padding-right: 14.36vw;
				transform: scaleX(-1);
			}
			h2.page-title {
				font-size: var(--f32);
			}
			h2.page-title::after {
				background: url(../img/coming-soon-title-arc-mob.svg) center 0 no-repeat;
        		background-size: 47.9487vw auto;
				height: 1.7949vw;
				bottom: -1.9vw;
			}

		}
		.info-section {
			.info-icon {
				width: 40.01vw;
				padding-left: 11.8vw
			}
			.info-block {
				flex-direction: column-reverse;
				width: 89.74vw;
				.info-title {
					font-size: var(--f32);
				}
				.left {
					.info-text {
						font-size: var(--f16);
					}
					.info-btn {
						align-self: flex-start;
					}
				}
				.pink-button {
					width: 38.72vw;
					height: 12.31vw;
					font-size: var(--f20);
					gap: 1.7949vw;
					.arrow-readmore {
						width: 4.1026vw;
					}
				}
			}
		}
		.coming-soon {
			.coming-soon-contact-icon {
				width: 40.01vw;
				padding-left: 11.8vw;
				margin-bottom: var(--f40);
			}
			.contact {
				p {
					font-size: var(--f16);
				}
				a {
					font-size: var(--f20);
				}
			}
		}
		main ul {
			padding-right: 7.69vw;
		}

		.title-icon {
			width: 40.01vw;
		}
		.title-icon.icon-left {
			padding-left: 11.8vw;
		}
		.title-icon.icon-right {
			padding-right: 11.8vw;
		}


		.faq-item {
			padding: var(--f20) 0;
		}
		.faq-q {
			font-size: var(--f24);
		}
		.faq-a {
			font-size: var(--f16);
		}



		.faq-dropdown {
			position: relative;
			display: block;
			width: 100%;
			background: url(../img/faq-dropdown-bg.png) 0 0 no-repeat;
			background-size: contain;
			margin: 0 auto;
		}
		.faq-dropdown .faq-dropdown-text, 
		.faq-dropdown .faq-tab {
			font-size: var(--f20);
			font-weight: 700;
		}
		.faq-tab {
			text-align: right;
			padding: 0 0 1em 0;
		}
		.faq-tab:after {
			display: none !important;
		}
		.faq-dropdown.open {
			background: url(../img/faq-dropdown-open-bg.png) 0 0 no-repeat;
			background-size: contain;
			height: 46.67vw;
		}

		.faq-dropdown-toggle {
			width: 100%;
			background: transparent; /* твой синий */
			color: #fff;
			border: none;
			padding: 3.33vw 5.1282vw;
			border-radius: 50px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			cursor: pointer;
			font-size: var(--f20);
		}

		.faq-dropdown-menu {
			display: none;
			flex-direction: column;
			position: absolute;
			top: 0;
			right: 0;
			width: 50%;
			background: transparent;
			border-radius: 20px;
			padding: 3.33vw 5.1282vw;
			z-index: 10;
		}

		.faq-dropdown.open .faq-dropdown-menu {
			display: flex;
		}
		.faq-dropdown.open .faq-dropdown-text {
			opacity: 0;
		}

		.faq-dropdown-icon {
			transition: transform 0.3s;
			display: inline-block;
			width: 4.62vw;
			height: 2.82vw;
			background: url(../img/faq-dropdown-caret.png) 0 0 no-repeat;
			background-size: contain;
		}

		.faq-dropdown.open .faq-dropdown-icon {
			transform: rotate(180deg);
		}
	}
	.pink-button {
		background: url(../img/pink-button-bg.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		width: 8.0208vw;
		height: 2.0833vw;
		display: flex;
		align-items: center;
		align-self: flex-end;
		justify-content: center;
		gap: 0.3646vw;
		font-weight: 700;
		font-size: 20px;
		color: var(--color-white);

		.arrow-readmore {
			width: 0.8333vw;
		}
}
.pink-button:hover {
	color: var(--color-white);

	.arrow-readmore {
		transform: translateX(0.2vw); // вложенный hover-эффект
	}
}
.program-downloads {
	display: flex;
	gap: 30px;
	width: 50%;
	margin: 0 auto;
}

.program-downloads .pink-button {
	height: fit-content;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 24px;
	background-size: cover;
}