/*
Theme Name: Artemida
Author: Enot
Author URI: https://youtu.be/dQw4w9WgXcQ
Description: Artemida Custom Theme
Version: 1.4.9
Text Domain: artemida
Tags: custom-logo, custom-menu, featured-images, translation-ready
*/

:root {
	--black: #303030;
	--gray: #858585;
	--gray-alt: #e8e8e8;
	--gray-bg: #f6f6f6;
	--white: #fff;
	--blue: #174287;
	--blue-alt: #3a5e99;
	--green: #5093a2;
	--pink: #f28d85;
	--pink-alt: #e3483c;
}

@font-face {
	font-family: "Nunito Sans";
	src: local("Nunito Sans Regular"), local("NunitoSans-Regular"),
		url("./assets/fonts/nunitosans-regular.woff2") format("woff2");
	font-weight: 400;
	font-display: fallback;
}

@font-face {
	font-family: "Nunito Sans";
	src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"),
		url("./assets/fonts/nunitosans-semibold.woff2") format("woff2");
	font-weight: 600;
	font-display: fallback;
}

@font-face {
	font-family: "Roboto Flex";
	src: local("Roboto Flex Regular"), local("RobotoFlex-Regular"),
		url("./assets/fonts/RobotoFlex-Regular.woff2") format("woff2");
	font-weight: 400;
	font-display: fallback;
}

@font-face {
	font-family: "Roboto Flex";
	src: local("Roboto Flex Bold"), local("RobotoFlex-Bold"),
		url("./assets/fonts/RobotoFlex-Regular.woff2") format("woff2");
	font-weight: 700;
	font-display: fallback;
}

@font-face {
	font-family: "Nunito Sans";
	src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url("./assets/fonts/nunitosans-bold.woff2") format("woff2");
	font-weight: 700;
	font-display: fallback;
}

@font-face {
	font-family: "AmpleSoft Pro";
	src: local("AmpleSoft Pro Regular"), local("AmpleSoftPro-Regular"),
		url("./assets/fonts/amplesoftpro-regular.woff2") format("woff2");
	font-weight: 400;
	font-display: fallback;
}

@font-face {
	font-family: "AmpleSoft Pro";
	src: local("AmpleSoft Pro Medium"), local("AmpleSoftPro-Medium"),
		url("./assets/fonts/amplesoftpro-medium.woff2") format("woff2");
	font-weight: 500;
	font-display: fallback;
}

@font-face {
	font-family: "AmpleSoft Pro";
	src: local("AmpleSoft Pro Bold"), local("AmpleSoftPro-Bold"), url("./assets/fonts/amplesoftpro-bold.woff2") format("woff2");
	font-weight: 700;
	font-display: fallback;
}

@layer {
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
		scroll-margin-top: 110px;
	}

	html {
		box-sizing: border-box;
		scroll-behavior: smooth;
		touch-action: manipulation;
		-webkit-text-size-adjust: 100%;
		-webkit-tap-highlight-color: transparent;
	}

	body,
	input,
	button,
	select,
	textarea {
		font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
		font-size: 14px;
		line-height: 1.5;
		color: var(--black);
	}

	a {
		text-decoration: underline;
		color: var(--blue);
	}

	a:hover,
	a:focus-visible {
		text-decoration: none;
	}

	img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	iframe {
		max-width: 100%;
		vertical-align: middle;
		border: none;
	}

	@media screen and (min-width: 1024px) {
		* {
			scroll-margin-top: 135px;
		}
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Disable animations during page load
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.loading *,
.loading ::before,
.loading ::after {
	transition: none !important;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Main Container
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.container {
	max-width: 1180px;
	padding: 0 20px;
	margin-inline: auto;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Titles
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.title-1 {
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
	line-height: 1.25;
	color: var(--black);
}

.title-2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3;
	color: var(--black);
}

.title-3 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: var(--black);
}

@media screen and (min-width: 1024px) {
	.title-1 {
		font-size: 36px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Paragraph
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.paragraph {
	font-size: 14px;
	color: var(--black);
	-webkit-hyphens: auto;
	hyphens: auto;
}

.paragraph+.paragraph {
	margin-top: 1em;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Default Buttons
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.button {
	display: inline-block;
	padding: 14px 25px 12px;
	border: none;
	border-radius: 50px;
	font-size: 12px;
	line-height: 1.15;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition: background-color 0.2s, color 0.2s, transform 0.064s;
}

.button:active {
	transition-duration: 0.032s;
	transform: scale(0.95);
}

.button--pink {
	background-color: var(--pink);
	color: var(--white);
}

.button--pink:hover,
.button--pink:focus-visible {
	background-color: var(--pink-alt);
}

.button--blue {
	display: inline-flex;
	align-items: center;
	column-gap: 6px;
	background-color: var(--gray-bg);
	color: var(--blue);
}

.button--blue::after {
	content: "";
	flex-shrink: 0;
	width: 6px;
	height: 6px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	transform: translateY(-1px) rotateZ(45deg);
}

.button--blue:hover,
.button--blue:focus-visible {
	background-color: var(--blue);
	color: var(--white);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Site Logo
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.custom-logo-link {
	cursor: pointer;
	transition: opacity 0.2s, transform 0.064s;
}

.custom-logo-link:hover,
.custom-logo-link:focus-visible {
	opacity: 0.85;
}

.custom-logo-link:active {
	transition-duration: 0.032s;
	transform: scale(0.95);
}

.custom-logo {
	width: 115px;
}

@media screen and (min-width: 1024px) {
	.custom-logo {
		width: 154px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Social Media Icons
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.social {
	display: flex;
	column-gap: 20px;
	list-style: none;
}

.social__link {
	contain: content;
	display: flex;
	border-radius: 50%;
}

.social__icon-rect,
.social__icon-path {
	transition: fill 0.2s;
}

.social__link:hover .social__icon-rect,
.social__link:focus-visible .social__icon-rect {
	fill: var(--blue);
}

.social__link:hover .social__icon-path,
.social__link:focus-visible .social__icon-path {
	fill: var(--white);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Header Language Switcher
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.lang {
	position: relative;
	z-index: 10050;
	/* Because Bitrix */
}

.lang .lang-current {
	position: relative;
	display: block;
	width: 45px;
	padding: 1px 0;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	background-color: transparent;
	color: var(--black);
	cursor: pointer;
}

.lang .lang-current::after {
	content: "";
	position: absolute;
	top: 9px;
	right: 6px;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	border-top: 2px solid;
}

.lang .lang-list {
	visibility: hidden;
	position: absolute;
	top: -7px;
	left: 0;
	z-index: -1;
	display: grid;
	row-gap: 5px;
	min-width: 100%;
	padding: 35px 0 8px;
	border-radius: 5px;
	list-style: none;
	background-color: var(--white);
	box-shadow: 0 10px 25px rgb(0 0 0 / 20%);
	opacity: 0;
	transform: scaleY(0.85);
	transform-origin: top;
	transition-property: visibility, opacity, transform;
	transition-duration: 0.3s;
	transition-delay: 0.1s;
}

.lang:hover .lang-list,
.lang:focus-within .lang-list {
	visibility: visible;
	opacity: 1;
	transform: none;
	transition-delay: 0.032s;
}

.lang .lang-item a {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: var(--gray);
	transition: color 0.15s;
}

.lang .lang-item a:hover,
.lang .lang-item a:focus-visible {
	color: var(--black);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Header Navigation Menu
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.nav-menu {
	display: none;
	column-gap: 30px;
	list-style: none;
}

.nav-menu>.menu-item>a {
	position: relative;
	display: block;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
}

.nav-menu>.menu-item>a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: var(--pink);
	opacity: 0;
	transform: translate3d(-50%, -50%, 0);
	transition: opacity 0.3s 0.1s;
}

.nav-menu>.menu-item:hover>a::before,
.nav-menu>.menu-item:focus-within>a::before {
	opacity: 0.5;
	transition-delay: 0.032s;
}

.nav-menu .menu-item-has-children {
	position: relative;
}

.nav-menu .sub-menu {
	visibility: hidden;
	position: absolute;
	top: 40px;
	left: 50%;
	display: grid;
	row-gap: 10px;
	min-width: 100%;
	padding: 25px 30px;
	border-radius: 5px;
	list-style: none;
	background-color: var(--white);
	box-shadow: 0 10px 25px rgb(0 0 0 / 20%);
	opacity: 0;
	transform: translate3d(-50%, 10px, 0);
	transition-property: visibility, opacity, transform;
	transition-duration: 0.3s;
	transition-delay: 0.1s;
}

.nav-menu .sub-menu:hover,
.nav-menu>.menu-item>a:hover+.sub-menu,
.nav-menu .menu-item-has-children:focus-within .sub-menu {
	visibility: visible;
	z-index: 1;
	opacity: 1;
	transform: translate3d(-50%, 0, 0);
	transition-delay: 0.032s;
}

.nav-menu .sub-menu::before {
	content: "";
	position: absolute;
	inset: -10px 0 auto;
	height: 10px;
}

.nav-menu .sub-menu a {
	display: block;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-size: 16px;
	line-height: 27px;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
	color: var(--black);
	transition: color 0.15s;
}

.nav-menu .sub-menu a:hover,
.nav-menu .sub-menu a:focus-visible {
	color: var(--blue);
}

@media screen and (min-width: 1024px) {
	.nav-menu {
		display: flex;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Hamburger Menu Button
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.hamburger {
	contain: strict;
	z-index: 1;
	width: 30px;
	height: 23px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	transition: opacity 0.15s;
}

.hamburger:hover,
.hamburger:focus-visible {
	opacity: 0.85;
}

.hamburger__inner,
.hamburger__inner::before,
.hamburger__inner::after {
	position: absolute;
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 3px;
	background-color: var(--blue);
}

.hamburger__inner {
	top: 50%;
	margin-top: -1.5px;
	transition: transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.24s;
}

.hamburger__inner::before {
	content: "";
	top: -10px;
	transition: top 0.1s 0.14s ease, opacity 0.1s ease, background-color 0.24s;
}

.hamburger__inner::after {
	content: "";
	bottom: -10px;
	transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.24s;
}

.hamburger--active .hamburger__inner,
.hamburger--active .hamburger__inner::before,
.hamburger--active .hamburger__inner::after {
	background-color: var(--white);
}

.hamburger--active .hamburger__inner {
	transform: rotateZ(45deg);
	transition: transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.24s;
}

.hamburger--active .hamburger__inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease, opacity 0.1s 0.14s ease, background-color 0.24s;
}

.hamburger--active .hamburger__inner::after {
	bottom: 0;
	transform: rotateZ(-90deg);
	transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0.24s;
}

@media screen and (min-width: 1024px) {
	.hamburger {
		display: none;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Site Header & Navigation
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.header {
	display: none;
	background-color: var(--gray-bg);
}

.header__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 60px;
}

.header__contact {
	display: grid;
	padding-left: 40px;
	font-size: 14px;
	background: left center no-repeat;
	color: var(--black);
}

.header__contact--schedule {
	background-image: url("./assets/images/contact-schedule.svg");
}

.header__contact--phones {
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
	background-image: url("./assets/images/contact-phone.svg");
	list-style: none;
}

.header__contact .tel {
	text-decoration: none;
	color: var(--black);
	transition: color 0.15s;
}

.header__contact .tel:hover,
.header__contact .tel:focus-visible {
	color: var(--blue);
}

.header__social .social__icon-rect {
	fill: var(--gray-alt);
}

.navigation {
	position: sticky;
	top: 0;
	z-index: 10150;
	/* Because Bitrix */
	background-color: rgb(255 255 255 / 85%);
	box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.navigation__wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 10px;
	min-height: 70px;
	padding: 20px 0;
}

.navigation__form-trigger {
	width: min-content;
	padding: 3px 15px;
	font-weight: 700;
	line-height: 12px;
}

@media screen and (min-width: 1024px) {
	.header {
		display: block;
	}

	.navigation {
		z-index: 10000;
		/* Because Bitrix */
		box-shadow: none;
	}

	.navigation__wrapper {
		padding-top: 25px;
		padding-bottom: 25px;
		border-bottom: 2px solid var(--gray-bg);
	}

	.navigation__form-trigger {
		display: none;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Breadcrumbs Navigation
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.breadcrumb {
	padding-top: 45px;
	padding-bottom: 20px;
	font-size: 14px;
	color: var(--gray);
}

.breadcrumb__separator {
	margin: 0 10px;
}

.breadcrumb a {
	text-decoration: none;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 1024px) {
	.breadcrumb {
		padding-top: 60px;
	}

	.breadcrumb__separator {
		margin: 0 15px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Round Block
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.circle {
	contain: strict;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 270px;
	height: 270px;
	padding: 0 40px;
	border-radius: 50%;
	background-color: var(--blue);
}

.circle__img {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	margin-top: 0;
	object-fit: cover;
	user-select: none;
	pointer-events: none;
	opacity: 0.25;
}

.circle__text {
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-size: 14px;
	line-height: 1.25;
	text-align: center;
	color: var(--white);
}

.circle__highlight {
	display: block;
	font-weight: 700;
	font-size: 36px;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Slider Components
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.slider {
	position: relative;
	padding: 0 20px !important;
	margin: 0 -20px !important;
}

.slider__navigation {
	position: absolute;
	inset: auto 20px 0;
	display: flex;
	justify-content: space-between;
}

.slider__button {
	width: 30px;
	height: 30px;
	border: none;
	background: url("./assets/images/slider-arrow.svg") right center no-repeat;
	z-index: 1;
	cursor: pointer;
	opacity: 0.75;
	transition: background-position-x 0.15s, opacity 0.15s;
}

.slider__button:hover,
.slider__button:focus-visible {
	opacity: 1;
}

.slider__button:active {
	background-position-x: left;
}

.slider__button--next {
	transform: scaleX(-1);
}

.dot-pagin {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 25px;
	height: 8px;
	margin-top: 40px;
}

.dot-pagin--mt-20 {
	margin-top: 20px;
}

.dot-pagin__bullet {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #d9d9d9;
	transition: background-color 0.3s, transform 0.3s;
	cursor: pointer;
}

.dot-pagin__bullet--active {
	background-color: var(--black);
	transform: scale(1.333);
}

.dot-pagin__bullet--pink {
	background-color: var(--pink);
}

@media screen and (min-width: 768px) {
	.slider {
		padding: 0 !important;
		margin: 0 !important;
	}

	.slider__navigation {
		left: 0;
		right: 0;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Sections
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.section {
	padding: 50px 0;
}

.section--gray {
	background-color: var(--gray-bg);
}

.section__title {
	margin-bottom: 10px;
	text-align: center;
}

.section__description {
	margin-bottom: 45px;
	font-size: 14px;
	text-align: center;
	color: var(--gray);
}

.section__button-wrapper {
	margin-top: 40px;
	text-align: center;
}

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

	.section__description {
		max-width: 560px;
		margin-inline: auto;
		font-size: 16px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Default Page Layout
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.layout {
	padding-bottom: 50px;
}

.layout--sidebar {
	display: flex;
	flex-direction: column;
	row-gap: 100px;
}

.layout__left-side {
	display: flex;
	flex-direction: column;
	row-gap: 100px;
}

.layout__header {
	display: grid;
	row-gap: 30px;
	margin-bottom: 45px;
}

.layout__description {
	margin-top: 10px;
	color: var(--gray);
}

.layout__description--alt {
	margin-top: 0;
	font-size: 16px;
	color: var(--black);
}

@media screen and (min-width: 768px) {
	.layout {
		padding-bottom: 60px;
	}

	.layout--sidebar {
		display: grid;
		grid-template-columns: 1fr 220px;
		column-gap: 45px;
	}

	.layout__left-side {
		display: grid;
		align-content: start;
		row-gap: 100px;
	}
}

@media screen and (min-width: 1024px) {
	.layout--sidebar {
		grid-template-columns: 1fr 270px;
		column-gap: 120px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.sidebar__inner {
	display: grid;
	row-gap: 30px;
}

.sidebar__title {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 16px;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Tag Cloud
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.wp-tag-cloud-outer {
	contain: content;
	max-height: 225px;
	padding-bottom: 80px;
}

.wp-tag-cloud-outer--open {
	max-height: none;
}

.wp-tag-cloud-inner {
	position: absolute;
	inset: auto 0 0;
	display: grid;
	height: 80px;
	background-image: linear-gradient(to bottom, #fff6, #fff 80%);
	-webkit-backdrop-filter: blur(1px);
	backdrop-filter: blur(1px);
}

.wp-tag-cloud-toggle {
	position: relative;
	place-self: center;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 50%;
	background-color: var(--pink);
	cursor: pointer;
}

.wp-tag-cloud-toggle::before {
	content: url("./assets/images/chevron-right-white.svg");
	position: absolute;
	top: 13px;
	left: 16px;
	rotate: 90deg;
	line-height: 0;
	transition: transform 0.256s;
}

.wp-tag-cloud-toggle--open::before {
	transform: scaleX(-1);
}

.wp-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	line-height: 16px;
	list-style: none;
}

.tag-cloud-link {
	display: block;
	max-width: 270px;
	padding: 8px 13px;
	border: 1px solid;
	border-radius: 5px;
	text-transform: lowercase;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow-x: hidden;
	color: var(--gray);
	transition: color 0.15s;
}

.tag-cloud-link:hover,
.tag-cloud-link:focus-visible {
	color: var(--blue);
}

.tag-cloud-link::before {
	content: "#";
	vertical-align: middle;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Front Page Banner
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.home-banner {
	padding-top: 0;
	background: url("./assets/images/home-banner-bg.svg") center bottom repeat-x;
}

.home-banner__wrapper {
	padding: 45px 0;
	background-image: linear-gradient(154deg, #e1e1e1 29%, transparent 43%),
		linear-gradient(10deg, #e1e1e1 25%, transparent 55%), url("/wp-content/uploads/2022/10/surrogate-mother.webp");
	background-position: left top, left bottom, 65% center;
	background-size: auto auto, auto auto, auto 580px;
	background-repeat: no-repeat;
	background-color: #e1e1e1;
}

.home-banner__container {
	display: grid;
	gap: 20px 60px;
}

.home-banner__title--blue {
	color: var(--blue);
}

.home-banner__title--thin {
	font-weight: 400;
	letter-spacing: -0.015em;
}

.home-banner__description {
	max-width: 260px;
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.35;
	color: var(--gray);
}

.home-banner__circles {
	contain: content;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;
	margin: 0 -20px;
	list-style: none;
	background: url("./assets/images/home-banner-bg-mobile.svg") center 5px no-repeat;
	overflow-x: hidden;
}

.home-banner__circle--bigger {
	left: -70px;
	width: 360px;
	height: 360px;
	padding: 0 90px;
	background-color: var(--blue);
}

.home-banner__circle--smaller {
	left: 65px;
	width: 250px;
	height: 250px;
	padding: 0 30px;
	margin-top: -100px;
	background-color: var(--green);
}

.home-banner__text {
	margin-bottom: 15px;
	font-weight: 700;
}

.home-banner__text--bigger {
	font-size: 18px;
}

.home-banner__text--smaller {
	font-size: 16px;
}

.home-banner__highlight--bigger {
	font-size: 45px;
}

.home-banner__highlight--smaller {
	font-size: 35px;
}

.home-banner__button {
	padding-top: 11px;
	padding-bottom: 11px;
}

@media screen and (min-width: 1024px) {
	.home-banner__wrapper {
		background-image: linear-gradient(80deg, #e1e1e1 36%, transparent 75%),
			linear-gradient(325deg, #e1e1e1 5%, transparent 35%), url("/wp-content/uploads/2022/10/surrogate-mother.webp");
		background-position: left top, right bottom, right center;
		background-size: auto auto, auto auto, auto 780px;
	}

	.home-banner__container {
		grid-template-columns: 390px minmax(auto, 620px);
		align-items: center;
		justify-content: space-between;
	}

	.home-banner__description {
		max-width: none;
		margin-top: 20px;
		font-size: 20px;
	}

	.home-banner__circles {
		align-items: normal;
		background-image: url("./assets/images/home-banner-bg-desktop.svg");
		background-position: 55px 40px;
	}

	.home-banner__circle--bigger {
		left: 0;
		padding: 0 75px;
	}

	.home-banner__circle--smaller {
		left: 250px;
		width: 270px;
		height: 270px;
		padding: 0 35px;
		margin-top: -140px;
	}

	.home-banner__text {
		margin-bottom: 20px;
	}

	.home-banner__text--bigger {
		font-size: 20px;
	}

	.home-banner__highlight--bigger {
		font-size: 50px;
	}

	.home-banner__highlight--smaller {
		font-size: 40px;
	}
}

@media screen and (min-width: 1820px) {
	.home-banner__wrapper {
		max-width: 1820px;
		margin-inline: auto;
		border-radius: 5px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Departments
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.departments {
	display: grid;
	gap: 20px;
}

.departments__header {
	margin-bottom: 10px;
}

.departments__title {
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center;
}

.departments__description {
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	color: var(--pink);
}

.departments__highlight {
	display: block;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-size: 86px;
	font-weight: 700;
	line-height: 1;
}

.department {
	position: relative;
	padding: 20px;
	border-radius: 5px;
	background: left top no-repeat var(--white);
	background-origin: content-box;
	transition: box-shadow 0.2s;
}

.department[open] {
	box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
}

.department::before,
.department::after {
	content: "";
	position: absolute;
	top: 40px;
	right: 20px;
	width: 18px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--gray);
	pointer-events: none;
}

.department::after {
	transform: rotateZ(90deg);
	transition: transform 0.2s;
}

.department[open]::after {
	transform: rotateZ(0);
}

.department--consult {
	background-image: url("./assets/images/department-consult.svg");
}

.department--lawyers {
	background-image: url("./assets/images/department-lawyers.svg");
}

.department--coordin {
	background-image: url("./assets/images/department-coordin.svg");
}

.department--admins {
	background-image: url("./assets/images/department-admins.svg");
}

.department--drivers {
	background-image: url("./assets/images/department-drivers.svg");
}

.department--doctors {
	background-image: url("./assets/images/department-doctors.svg");
}

.department--translate {
	background-image: url("./assets/images/department-translate.svg");
}

.department--psycho {
	background-image: url("./assets/images/department-psycho.svg");
}

.department__head {
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 0 23px 0 50px;
	list-style: none;
}

.department__head::-webkit-details-marker {
	display: none;
}

.department__name {
	font-size: 18px;
	line-height: 20px;
}

.department__body {
	margin-top: 20px;
}

.department__paragraph {
	color: var(--gray);
}

.department__button {
	margin-top: 30px;
}

@media screen and (min-width: 768px) {
	.departments {
		grid-template-columns: repeat(3, 1fr);
		padding: 60px 0;
		background: url("./assets/images/department-circle.svg") center / 728px no-repeat;
	}

	.departments :nth-child(3) {
		top: -60px;
	}

	.departments :nth-child(9) {
		top: 60px;
	}

	.departments__header {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		margin: -15px 0;
	}

	.department {
		box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
		transition: none;
	}

	.department::before,
	.department::after {
		content: none;
	}

	.department__head {
		padding-right: 0;
	}

	.department__paragraph {
		contain: content;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
}

@media screen and (min-width: 1024px) {
	.departments {
		gap: 45px;
		background-size: initial;
	}

	.departments__title {
		margin-bottom: 30px;
		font-size: 36px;
	}

	.department {
		padding: 30px;
	}

	.department__head {
		padding-left: 60px;
	}

	.department__paragraph {
		-webkit-line-clamp: 3;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Get Free Consult Temp Banner
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.home-quiz {
	contain: content;
	display: none;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	background: url("./assets/images/quiz/home-quiz-img.webp") bottom -5px center / 325px no-repeat var(--white);
	box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
}

.home-quiz__title {
	font-size: 16px;
	line-height: 20px;
	color: var(--blue);
}

.home-quiz__subtitle {
	color: var(--blue);
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.home-quiz__button {
	padding: 10px 15px 8px;
}

@media screen and (min-width: 768px) {
	.home-quiz {
		position: relative;
		display: block;
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
}

@media screen and (min-width: 1024px) {
	.home-quiz {
		padding: 20px 40px;
	}
}

@media screen and (max-width: 768px) {
	.home-quiz {
		position: relative;
		display: block;
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		height: 250px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Safety of a SM during the war
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.war {
	padding: 80px 0;
	background-color: var(--blue);
}

.war__title {
	color: var(--gray-bg);
}

.war__description {
	color: var(--gray-bg);
}

.war__list {
	display: grid;
	row-gap: 45px;
}

.war__item {
	justify-self: center;
	max-width: 270px;
	padding-top: 115px;
	background: center top / 100px 100px no-repeat;
}

.war__item--clinic {
	background-image: url("./assets/images/war-clinic.svg");
}

.war__item--safety {
	background-image: url("./assets/images/war-safety.svg");
}

.war__item--abroad {
	background-image: url("./assets/images/war-abroad.svg");
}

.war__item--delivery {
	background-image: url("./assets/images/war-delivery.svg");
}

.war__item-title {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: var(--gray-bg);
}

.war__item-paragraph {
	text-align: center;
	color: var(--gray-bg);
}

@media screen and (min-width: 768px) {
	.war__list {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 1024px) {
	.war__list {
		grid-template-columns: repeat(4, 1fr);
		column-gap: 45px;
	}
}

@media screen and (min-width: 1820px) {
	.war {
		max-width: 1820px;
		margin-inline: auto;
		border-radius: 5px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Statistics of Our Achievements
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.statistic {
	background-image: url("./assets/images/statistic-bg.svg");
	background-position: 20% bottom;
	background-repeat: repeat-x;
}

.statistic__container {
	display: grid;
	gap: 45px 60px;
}

.statistic__description {
	margin-bottom: 0;
}

.statistic__circles {
	contain: content;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;
	margin: 0 -20px;
	list-style: none;
	background: url("./assets/images/statistic-bg-mobile.svg") center 10px no-repeat;
	overflow-x: hidden;
}

.statistic__circle--smaller {
	left: -65px;
	width: 270px;
	height: 270px;
	padding: 0 40px;
	background-color: var(--green);
}

.statistic__text--smaller {
	font-size: 16px;
}

.statistic__highlight--smaller {
	font-size: 45px;
}

.statistic__circle--bigger {
	z-index: -1;
	left: 50px;
	width: 360px;
	height: 360px;
	padding: 0 70px;
	margin-top: -105px;
	background-color: var(--blue);
}

.statistic__text--bigger {
	font-size: 20px;
}

.statistic__highlight--bigger {
	font-size: 55px;
}

@media screen and (min-width: 1024px) {
	.statistic {
		margin-bottom: 50px;
		background-position-x: center;
	}

	.statistic__container {
		grid-template-columns: 320px minmax(auto, 675px);
		align-items: center;
		justify-content: space-between;
	}

	.statistic__title {
		text-align: left;
	}

	.statistic__description {
		text-align: left;
	}

	.statistic__circles {
		flex-direction: row;
		background-image: url("./assets/images/statistic-bg-desktop.svg");
		background-position: 85px 20px;
	}

	.statistic__circle--smaller {
		left: 0;
	}

	.statistic__circle--bigger {
		left: 0;
		margin: 0 0 0 -30px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
SM Reviews
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.sm-reviews {
	max-width: 850px;
	margin-inline: auto;
}

.sm-reviews__navigation {
	bottom: 23px;
}

.review-card-alt {
	contain: content;
	display: flex;
	flex-direction: column-reverse;
	row-gap: 35px;
}

.review-card-alt__title {
	margin-bottom: 5px;
	line-height: 1.5;
	text-align: center;
}

.review-card-alt__age {
	font-weight: 400;
}

.review-card-alt__date {
	text-align: center;
	color: var(--gray);
}

.review-card-alt__body {
	position: relative;
	padding: 75px 20px 20px;
	border-radius: 5px;
	background: url("./assets/images/review-quotes.svg") center 20px no-repeat var(--gray-bg);
}

.review-card-alt__body::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -12px;
	width: 24px;
	height: 24px;
	border-radius: 0 0 5px;
	background-color: var(--gray-bg);
	transform: translateX(-50%) rotateZ(45deg);
}

.review-card-alt__paragraph {
	font-size: 16px;
	text-align: center;
}

@media screen and (min-width: 768px) {
	.review-card-alt__body {
		padding: 105px 125px 45px;
		background-position-y: 45px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Get Free Consultation Banner
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.consultation {
	background: url("./assets/images/consultation-bg.svg") 32% 100px repeat-x;
}

.consultation__container {
	display: grid;
	gap: 20px;
	text-align: center;
}

.consultation__img {
	justify-self: center;
	width: 252px;
}

.consultation__title {
	margin-bottom: 30px;
	color: var(--blue);
}

@media screen and (min-width: 768px) {
	.consultation {
		background-position: center;
	}

	.consultation__container {
		grid-template-columns: 1fr 1fr;
		align-items: center;
		text-align: left;
	}

	.consultation__img {
		width: 360px;
	}

	.consultation__title {
		margin-bottom: 40px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Future Parents
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.parents-card {
	contain: content;
	position: relative;
	padding-top: 40px;
}

.parents-card__head {
	position: absolute;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	overflow: hidden;
	border-radius: 50%;
	transform: translateX(-50%);
}

.parents-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform 0.4s;
}

.parents-card__body {
	display: flex;
	flex-direction: column-reverse;
	row-gap: 20px;
	padding: 60px 20px 20px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.parents-card__title {
	line-height: 1.5;
	text-align: center;
}

.parents-card__country {
	text-align: center;
	color: var(--gray);
}

.parents-card__paragraph {
	contain: content;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	font-size: 16px;
	text-align: center;
}

.parents-card__wrapper:hover .parents-card__img,
.parents-card__wrapper:focus-within .parents-card__img {
	transform: scale(1.15);
}

@media screen and (min-width: 768px) {
	.pa-reviews__pagination {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.parents-card {
		padding-top: 50px;
	}

	.parents-card__head {
		width: 100px;
		height: 100px;
	}

	.parents-card__body {
		row-gap: 30px;
		padding: 80px 30px 30px;
	}

	.parents-card__paragraph {
		-webkit-line-clamp: 5;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Advantages Block
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.advantages {
	display: grid;
	gap: 45px;
}

.advantages__item {
	padding-top: 65px;
	background: center top no-repeat;
}

.advantages__item--payments {
	background-image: url("./assets/images/advantages-payments.svg");
}

.advantages__item--escort {
	background-image: url("./assets/images/advantages-escort.svg");
}

.advantages__item--insurance {
	background-image: url("./assets/images/advantages-insurance.svg");
	background-position-x: 48.5%;
}

.advantages__item--support {
	background-image: url("./assets/images/advantages-support.svg");
}

.advantages__title {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: var(--black);
}

.advantages__paragraph {
	text-align: center;
	color: var(--gray);
}

@media screen and (min-width: 768px) {
	.advantages {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 1024px) {
	.advantages {
		grid-template-columns: repeat(4, 1fr);
	}

	.advantages__title {
		min-height: 44px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Recent Blog Posts
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.recent-posts {
	display: grid;
	gap: 30px 20px;
}

@media screen and (min-width: 768px) {
	.recent-posts {
		grid-auto-flow: column;
		grid-auto-columns: 1fr;
	}
}

@media screen and (min-width: 1024px) {
	.recent-posts {
		column-gap: 30px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Block with Related Posts
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.related-posts {
	padding: 0 20px;
	margin: 0 -20px;
	overflow-x: hidden;
}

.related-posts__title {
	margin-bottom: 30px;
}

.related-posts__wrapper {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 74vw;
	column-gap: 20px;
	padding: 0 20px;
	margin: 0 -20px;
	overflow-x: auto;
	scrollbar-width: none;
	scroll-snap-type: x mandatory;
}

.related-posts__wrapper::-webkit-scrollbar {
	display: none;
}

@media screen and (min-width: 768px) {
	.related-posts__wrapper {
		grid-auto-columns: 270px;
		margin: 0;
		padding: 0;
	}
}

@media screen and (min-width: 1024px) {
	.related-posts__wrapper {
		grid-auto-columns: 1fr;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog Posts Grid
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.posts-grid {
	display: grid;
	gap: 30px 20px;
}

@media screen and (min-width: 768px) {
	.posts-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 1024px) {
	.posts-grid {
		column-gap: 30px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog Posts Empty
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.posts-none {
	max-width: 280px;
	margin-inline: auto;
}

.posts-none__img {
	width: 100%;
}

.posts-none__title {
	text-align: center;
	color: var(--gray);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog All Categories
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.cat {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}

.cat .cat-item a,
.cat .cat-item span {
	display: inline-block;
	padding: 8px 15px 6px;
	border: 1px solid var(--blue);
	border-radius: 30px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
	transition: background-color 0.2s, color 0.2s;
}

.cat .cat-item a:hover,
.cat .cat-item a:focus-visible,
.cat .cat-item.current-cat a,
.cat .cat-item.current-cat span {
	background-color: var(--blue);
	color: var(--white);
}

@media screen and (min-width: 768px) {
	.cat {
		gap: 15px;
	}

	.cat .cat-item a,
	.cat .cat-item span {
		padding: 7px 20px 5px;
		font-size: 14px;
		line-height: 16px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog Post's Sorting
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.sorting__group {
	display: inline-flex;
	align-items: center;
	column-gap: 10px;
}

.sorting__title {
	font-size: 14px;
}

.sorting__chevron {
	position: relative;
	color: var(--gray);
	transition: color 0.15s;
}

.sorting__chevron:hover,
.sorting__chevron:focus-within {
	color: var(--black);
}

.sorting__chevron::after {
	content: "";
	position: absolute;
	top: 11px;
	right: 15px;
	width: 5px;
	height: 5px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	transform: rotateZ(45deg);
	pointer-events: none;
}

.sorting__select {
	appearance: none;
	height: 30px;
	padding: 0 30px 0 15px;
	border: 1px solid;
	border-radius: 5px;
	background-color: transparent;
	outline-color: var(--black);
	color: inherit;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.sorting__group {
		column-gap: 15px;
	}

	.sorting__title {
		font-size: 16px;
	}

	.sorting__chevron::after {
		right: 20px;
	}

	.sorting__select {
		padding-right: 35px;
		padding-left: 20px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog Post Categories List
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.categories {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}

.categories__item {
	display: inline-block;
	padding: 5px 8px 4px;
	border-radius: 20px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	background-color: rgb(246 246 246 / 80%);
	color: var(--blue);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog Post Card
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.post-card {
	contain: strict;
	height: 450px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.post-card__head {
	position: relative;
	height: 240px;
	overflow: hidden;
}

.post-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.512s;
}

.post-card__no-img {
	height: 100%;
	background: url("./assets/images/no-image.svg") center / 150px no-repeat;
}

.post-card__categories {
	position: absolute;
	inset: 20px 20px auto;
	justify-content: right;
	pointer-events: none;
}

.post-card__counts {
	position: absolute;
	inset: auto 0 0;
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	list-style: none;
	background-color: rgb(246 246 246 / 80%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.post-card__count {
	padding-left: 17px;
	font-size: 12px;
	background: left center no-repeat;
	color: var(--gray);
}

.post-card__count--views {
	background-image: url("./assets/images/post-card-views.svg");
}

.post-card__count--dur {
	background-image: url("./assets/images/post-card-duration.svg");
}

.post-card__count--date {
	background-image: url("./assets/images/post-card-date.svg");
}

.post-card__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 15px;
	height: 210px;
	padding: 20px;
}

.post-card__title {
	margin-bottom: 15px;
	font-size: 18px;
}

.post-card__title-link {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: fit-content;
	overflow-y: hidden;
	text-decoration: none;
	color: var(--black);
	transition: color 0.15s;
}

.post-card__title-link:hover,
.post-card__title-link:focus-visible {
	color: var(--blue);
}

.post-card__excerpt {
	contain: content;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.post-card__paragraph {
	color: var(--gray);
}

.post-card__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.post-card__author {
	padding-left: 20px;
	font-size: 12px;
	background: url("./assets/images/post-card-author.svg") left 2px no-repeat;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
	color: var(--black);
}

.post-card__more {
	flex-shrink: 0;
	padding: 9px 15px 7px;
	background-color: transparent;
}

.post-card:hover .post-card__img,
.post-card:focus-within .post-card__img {
	transform: scale(1.1);
}

@media screen and (min-width: 1024px) {
	.post-card__counts {
		padding-left: 30px;
		padding-right: 30px;
	}

	.post-card__body {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog Post Card Alternative
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.post-card-alt {
	contain: strict;
	height: 340px;
	border-radius: 5px;
	background-color: var(--gray-bg);
	scroll-snap-align: start;
	scroll-margin-inline: 20px;
}

.post-card-alt__head {
	height: 150px;
	overflow: hidden;
}

.post-card-alt__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.512s;
}

.post-card-alt__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 10px;
	height: 190px;
	padding: 20px;
}

.post-card-alt__title {
	margin-bottom: 10px;
	line-height: 20px;
}

.post-card-alt__title-link {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: fit-content;
	overflow-y: hidden;
	text-decoration: none;
	color: var(--black);
	transition: color 0.15s;
}

.post-card-alt__title-link:hover,
.post-card-alt__title-link:focus-visible {
	color: var(--blue);
}

.post-card-alt__excerpt {
	contain: content;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.post-card-alt__paragraph {
	color: var(--gray);
}

.post-card-alt__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.post-card-alt__date {
	font-size: 12px;
	color: var(--gray);
}

.post-card-alt__more {
	flex-shrink: 0;
	padding: 8px 14px 6px;
	background-color: transparent;
}

.post-card-alt:hover .post-card-alt__img,
.post-card-alt:focus-within .post-card-alt__img {
	transform: scale(1.1);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Entry Content
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.entry {
	font-size: 16px;
}

.entry__header {
	margin-bottom: 45px;
}

.entry__title {
	margin-bottom: 30px;
}

.entry__image-wrapper {
	position: relative;
	margin-bottom: 30px;
}

.entry__image {
	display: block;
	width: 100%;
	border-radius: 5px;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.entry__categories {
	position: absolute;
	inset: 20px 20px auto;
	flex-direction: column;
	align-items: flex-end;
}

.entry__categories-item {
	text-decoration: none;
	background-color: rgb(255 255 255 / 80%);
	transition: background-color 0.15s;
}

.entry__categories-item:hover,
.entry__categories-item:focus-visible {
	background-color: rgb(255 255 255 / 100%);
}

@layer {
	.entry h1 {
		margin-bottom: 30px;
		font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
		font-weight: 700;
		font-size: 32px;
		text-transform: uppercase;
		line-height: 1.25;
		color: var(--black);
	}

	.entry h2 {
		margin: 45px 0 1em;
		font-weight: 700;
		font-size: 20px;
		line-height: 1.3;
		color: var(--black);
	}

	.entry h3,
	.entry h4 {
		margin: 2em 0 1em;
		font-weight: 700;
		font-size: 16px;
		line-height: 1.3;
		color: var(--black);
	}

	.entry__content img {
		margin-top: 1em;
	}
}

.entry p:not([class]) {
	margin-top: 1em;
}

.entry ol:not([class]),
.entry ul:not([class]) {
	padding-left: 45px;
	margin: 0.5em 0 1em;
}

.entry ol:not([class]) li,
.entry ul:not([class]) li {
	margin: 5px 0;
}

.entry iframe[src*="youtube"] {
	display: block;
	height: auto;
	margin: 1em auto;
	border-radius: 5px;
	aspect-ratio: 16/9;
}

.entry__footer {
	margin-top: 45px;
}

.entry__circle {
	flex-shrink: 0;
	align-self: center;
	margin: 1em auto;
}

.entry__requirements,
.entry__stages {
	margin-top: 30px;
}

.entry__payments {
	margin: 20px 0 30px;
}

.entry__faq {
	display: grid;
	row-gap: 15px;
	margin-top: 1em;
}

@media screen and (min-width: 768px) {
	.entry__categories {
		inset: 30px 30px auto;
	}

	.entry__categories-item {
		padding: 6px 10px 5px;
	}
}

@media screen and (min-width: 1024px) {
	.entry__has-circle {
		display: flex;
		column-gap: 30px;
	}

	.entry__has-circle--reverse {
		flex-direction: row-reverse;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Additional counts of the single post
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.post-counts {
	display: flex;
	justify-content: space-between;
	padding: 15px 0 13px;
	border-bottom: 2px solid var(--gray-alt);
	list-style: none;
}

.post-counts__item {
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	line-height: 16px;
	background: left center / 15px 14px no-repeat;
}

.post-counts__item--views {
	background-image: url("./assets/images/post-card-views.svg");
}

.post-counts__item--dur {
	background-image: url("./assets/images/post-card-duration.svg");
}

.post-counts__item--date {
	background-image: url("./assets/images/post-card-date.svg");
}

.post-counts__title {
	font-size: 10px;
	text-transform: uppercase;
	color: var(--gray);
}

.post-counts__value {
	font-weight: 700;
	font-size: 12px;
	color: var(--black);
}

@media screen and (min-width: 768px) {
	.post-counts {
		padding: 20px 10px 18px;
	}

	.post-counts__item {
		padding-left: 30px;
		line-height: 20px;
		background-size: 22px 22px;
	}

	.post-counts__title {
		font-size: 12px;
	}

	.post-counts__value {
		font-size: 14px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Short summary of the single post
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.post-summary__title {
	margin-bottom: 15px;
}

.post-summary__list {
	display: grid;
	gap: 10px 20px;
	font-size: 14px;
	line-height: 18px;
	list-style-position: inside;
	color: var(--blue);
}

@media screen and (min-width: 1024px) {
	.post-summary__list {
		grid-template-columns: 1fr 1fr;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Tags under single post
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.post-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	font-size: 14px;
	line-height: 16px;
	list-style: none;
}

.post-tags__title {
	align-self: center;
	color: var(--black);
}

.post-tags__item {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid;
	border-radius: 5px;
	text-transform: lowercase;
	text-decoration: none;
	color: var(--gray);
	transition: color 0.15s;
}

.post-tags__item:hover,
.post-tags__item:focus-visible {
	color: var(--blue);
}

.post-tags__item::before {
	content: "#";
	vertical-align: text-bottom;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Author card under single post
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.post-author {
	contain: content;
	display: flex;
	column-gap: 20px;
	padding: 20px;
	margin-top: 30px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.post-author__photo {
	flex-shrink: 0;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	background-color: var(--gray-alt);
}

.post-author__photo--no-photo {
	background: url("./assets/images/no-image.svg") center / 75% no-repeat;
}

.post-author__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.post-author__info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 20px;
}

.post-author__wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.post-author__name {
	align-self: flex-start;
	text-decoration: none;
	transition: color 0.15s;
}

.post-author__name:hover,
.post-author__name:focus-visible {
	color: var(--blue);
}

.post-author__description {
	line-height: 18px;
	color: var(--gray);
}

.post-author__socials {
	display: flex;
	column-gap: 15px;
	list-style: none;
}

.post-author__icon {
	display: block;
	width: 24px;
	height: 24px;
	background: center / contain no-repeat;
	transition: opacity 0.15s;
}

.post-author__icon:hover {
	opacity: 0.85;
}

.post-author__icon--fb {
	background-image: url("./assets/images/social-icon-facebook.svg");
}

.post-author__icon--tw {
	background-image: url("./assets/images/social-icon-twitter.svg");
}

@media screen and (min-width: 768px) {
	.post-author__info {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-grow: 1;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Page's Pagination
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.pagination {
	margin-top: 45px;
}

.pagination .page-list {
	display: flex;
	justify-content: center;
	column-gap: 5px;
	list-style: none;
	user-select: none;
}

.pagination .page-numbers {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	color: var(--gray);
	transition: background-color 0.15s, color 0.15s;
}

.pagination .page-numbers:not(.current, .prev, .next, .dots):hover,
.pagination .page-numbers:not(.current, .prev, .next, .dots):focus-visible {
	background-color: var(--gray-bg);
	color: var(--black);
}

.pagination .page-numbers.current {
	background-color: var(--gray-bg);
	color: var(--blue);
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
	font-size: 0;
	background: url("./assets/images/chevron-right-white.svg") center no-repeat var(--gray);
	transition-duration: 0.2s;
}

.pagination .page-numbers.prev {
	margin-right: 15px;
	transform: scaleX(-1);
}

.pagination .page-numbers.next {
	margin-left: 15px;
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus-visible,
.pagination .page-numbers.next:focus-visible {
	background-color: var(--blue);
}

@media screen and (min-width: 1024px) {
	.pagination .page-numbers.prev {
		margin-right: 25px;
	}

	.pagination .page-numbers.next {
		margin-left: 25px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Blog banners to the landing pages
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.blog-banner {
	contain: content;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 10px;
	min-height: 195px;
	padding: 30px;
	border-radius: 5px;
	text-decoration: none;
}

.blog-banner--sm {
	padding-right: 75px;
	background: url("./assets/images/banner-sm-mobile.webp") right bottom / 155px no-repeat var(--blue);
}

.blog-banner--do {
	padding-right: 40px;
	background: url("./assets/images/banner-do-mobile.webp") right bottom / 157px no-repeat var(--green);
}

.blog-banner__text {
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--white);
}

.blog-banner__highlight {
	display: block;
	font-size: 40px;
	font-weight: 700;
}

.blog-banner__button {
	width: max-content;
	padding: 10px 15px 8px;
}

@media screen and (min-width: 768px) {
	.blog-banner {
		justify-content: normal;
		align-items: center;
		min-height: 400px;
	}

	.blog-banner--sm {
		padding: 30px;
		background-image: url("./assets/images/banner-sm-desktop.webp");
		background-position-x: center;
		background-size: contain;
	}

	.blog-banner--do {
		padding: 30px;
		background-image: url("./assets/images/banner-do-desktop.webp");
		background-position-x: center;
		background-size: contain;
	}

	.blog-banner__text {
		text-align: center;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Advantages of SM in Ukraine
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.coop-advantage {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px 15px;
	margin-bottom: 30px;
	list-style: none;
}

.coop-advantage__item {
	padding-top: 60px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	background: center top no-repeat;
	color: var(--gray);
}

.coop-advantage__item--registration {
	background-image: url("./assets/images/coop-advantage-registration.svg");
}

.coop-advantage__item--documents {
	background-image: url("./assets/images/coop-advantage-documents.svg");
}

.coop-advantage__item--guarantees {
	background-image: url("./assets/images/coop-advantage-guarantees.svg");
}

.coop-advantage__item--payments {
	background-image: url("./assets/images/coop-advantage-payments.svg");
}

.coop-advantage__item--license {
	background-image: url("./assets/images/coop-advantage-license.svg");
}

.coop-advantage__item--unity {
	background-image: url("./assets/images/coop-advantage-unity.svg");
}

.coop-advantage__item--home {
	background-image: url("./assets/images/coop-advantage-home.svg");
}

@media screen and (min-width: 1024px) {
	.coop-advantage {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Requirements List
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.requirements {
	display: grid;
	row-gap: 30px;
}

.requirements__item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 10px;
	min-height: 50px;
	padding-left: 70px;
	background: left top no-repeat;
}

.requirements__item--age {
	background-image: url("./assets/images/requirement-age.svg");
}

.requirements__item--agreement {
	background-image: url("./assets/images/requirement-agreement.svg");
}

.requirements__item--blood {
	background-image: url("./assets/images/requirement-blood.svg");
}

.requirements__item--caesarean {
	background-image: url("./assets/images/requirement-caesarean.svg");
}

.requirements__item--child {
	background-image: url("./assets/images/requirement-child.svg");
}

.requirements__item--citizenship {
	background-image: url("./assets/images/requirement-citizenship.svg");
}

.requirements__item--contract {
	background-image: url("./assets/images/requirement-contract.svg");
}

.requirements__item--habits {
	background-image: url("./assets/images/requirement-habits.svg");
}

.requirements__item--health {
	background-image: url("./assets/images/requirement-health.svg");
}

.requirements__item--lactation {
	background-image: url("./assets/images/requirement-lactation.svg");
}

.requirements__item--questionnaire {
	background-image: url("./assets/images/requirement-questionnaire.svg");
}

.requirements__title {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: var(--blue);
}

.requirements__paragraph {
	display: none;
	font-size: 14px;
	color: var(--gray);
}

@media screen and (min-width: 1024px) {
	.requirements__item {
		padding-left: 145px;
		background-position-x: 38px;
	}

	.requirements__paragraph {
		display: block;
		font-size: 16px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Stages List
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.stages {
	display: grid;
	row-gap: 30px;
	counter-reset: item;
}

.stages__item {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 10px;
	min-height: 50px;
	padding-left: 70px;
	counter-increment: item;
}

.stages__item::before {
	content: counter(item);
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-weight: 700;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	background-color: var(--blue);
	color: var(--white);
}

.stages__title {
	margin: 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	color: var(--blue);
}

.stages__paragraph {
	font-size: 14px;
	color: var(--gray);
}

@media screen and (min-width: 1024px) {
	.stages__item {
		padding-left: 145px;
	}

	.stages__item::before {
		left: 38px;
	}

	.stages__paragraph {
		font-size: 16px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Payments List
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.payments {
	display: grid;
	gap: 20px 45px;
	padding-left: 15px;
	list-style: none;
}

.payments--ordered {
	counter-reset: item;
}

.payments__item {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 15px;
	padding: 5px;
	border-radius: 5px;
	background-color: var(--white);
	color: var(--blue);
	box-shadow: 0 10px 25px rgb(0 0 0 / 10%);
}

.payments__item--extra {
	color: var(--green);
}

.payments__item--ordered {
	counter-increment: item;
}

.payments__item::before {
	content: "+";
	position: absolute;
	left: -15px;
	width: 32px;
	border: 2px solid var(--white);
	border-radius: 5px;
	align-self: center;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-size: 22px;
	line-height: 32px;
	text-align: center;
	background-color: rgb(246 246 246 / 80%);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.payments__item--ordered::before {
	content: counter(item);
	width: 35px;
	border-radius: 50%;
	line-height: 35px;
	font-size: 18px;
}

.payments__amount {
	display: grid;
	align-content: center;
	padding: 15px 10px 15px 15px;
	border-radius: 3px;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	background-color: var(--blue);
	color: var(--white);
}

.payments__amount--extra {
	background-color: var(--green);
}

.payments__details {
	align-self: center;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	-webkit-hyphens: auto;
	hyphens: auto;
}

@media screen and (min-width: 1024px) {
	.payments {
		grid-template-columns: 1fr 1fr;
	}

	.payments__item {
		grid-template-columns: 150px 1fr;
		padding-right: 15px;
	}

	.payments__amount {
		font-size: 26px;
	}

	.payments__details {
		font-size: 16px;
		line-height: 18px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Payments for Eggs Donor
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.payments-do {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 45px;
	padding-left: 15px;
}

.payments-do__item {
	position: relative;
	flex-grow: 1;
	padding: 15px 20px;
	border: 5px solid var(--gray-bg);
	border-radius: 11px;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	text-align: center;
	background-color: var(--blue);
}

.payments-do__range {
	position: absolute;
	left: -20px;
	width: 40px;
	height: 40px;
	border: 2px solid var(--gray-bg);
	border-radius: 50%;
	font-weight: 400;
	font-size: 18px;
	line-height: 32px;
	text-transform: lowercase;
	background-color: rgb(246 246 246 / 80%);
	color: var(--blue);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.payments-do__amount {
	font-weight: 700;
	font-size: 26px;
	white-space: nowrap;
	color: var(--white);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
FAQ
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.faq {
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.faq__head {
	position: relative;
	display: block;
	padding: 15px 35px 15px 20px;
	line-height: 20px;
	cursor: pointer;
	list-style: none;
	transition: color 0.2s;
}

.faq__head:hover,
.faq__head:focus-visible,
.faq[open] .faq__head {
	color: var(--blue);
}

.faq__head::-webkit-details-marker {
	display: none;
}

.faq__head::before {
	content: "";
	position: absolute;
	top: 20px;
	right: 22px;
	width: 6px;
	height: 6px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	transform: scaleY(1) rotateZ(45deg);
	transition: top 0.2s, transform 0.2s;
}

.faq[open] .faq__head::before {
	top: 24px;
	transform: scaleY(-1) rotateZ(45deg);
}

.faq__body {
	padding: 0 35px 15px 45px;
	font-size: 14px;
	color: var(--gray);
}

.faq__paragraph {
	font-size: inherit;
	color: inherit;
}

@media screen and (min-width: 768px) {
	.faq__head {
		padding-right: 40px;
		padding-left: 25px;
	}

	.faq__head::before {
		right: 27px;
	}

	.faq__body {
		padding-right: 40px;
		padding-left: 60px;
	}

	.payments__item--full {
		grid-column: 1/3;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Contacts Page
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.contacts {
	display: grid;
	gap: 100px 45px;
}

.contacts__info {
	display: grid;
	gap: 30px 20px;
}

.contacts__item {
	padding-left: 60px;
	background: 15px 1px / 25px 25px no-repeat;
}

.contacts__item--legal {
	background-image: url("./assets/images/contact-legal.svg");
}

.contacts__item--phones {
	background-image: url("./assets/images/contact-phone.svg");
	background-size: 23px;
}

.contacts__item--email {
	background-image: url("./assets/images/contact-email.svg");
}

.contacts__item--schedule {
	background-image: url("./assets/images/contact-schedule.svg");
}

.contacts__item--address {
	background-image: url("./assets/images/contact-address.svg");
}

.contacts__title {
	margin: 0 0 5px;
}

.contacts__data--legal {
	display: grid;
	row-gap: 4px;
	list-style: none;
}

.contacts__data--phones {
	display: grid;
	row-gap: 4px;
	list-style: none;
}

.contacts__data a {
	text-decoration: none;
	color: var(--black);
	transition: color 0.15s;
}

.contacts__data a:hover,
.contacts__data a:focus-visible {
	color: var(--blue);
}

.contacts__map {
	display: block;
	width: 100%;
	min-height: 100%;
	height: auto;
	border-radius: 5px;
	aspect-ratio: 1/1;
	background-color: var(--gray-bg);
}

.soc-banner {
	padding: 20px;
	border-radius: 5px;
	background: url("./assets/images/soc-banner-logo.svg") right center no-repeat var(--gray-bg);
	background-origin: content-box;
}

.soc-banner__title {
	margin: 0 0 10px;
}

.soc-banner__paragraph {
	max-width: 65%;
	margin-bottom: 20px;
	font-size: 14px;
	color: var(--gray);
}

.soc-banner__social .social__icon {
	width: 35px;
	height: 35px;
}

.soc-banner__social .social__icon-rect {
	fill: var(--gray-alt);
}

@media screen and (min-width: 1024px) {
	.contacts {
		grid-template-columns: 1fr 1fr;
	}

	.contacts__info {
		grid-template-columns: 1fr 1fr;
		align-content: space-between;
	}

	.contacts__item--address {
		grid-column: 1/-1;
	}

	.soc-banner {
		grid-column: 1/-1;
		padding: 25px 30px;
	}

	.soc-banner__paragraph {
		font-size: 16px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Landing Pages Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.land-page-bar {
	contain: content;
	display: grid;
	row-gap: 15px;
	padding: 30px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.land-page-bar__title {
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: var(--blue);
}

.land-page-bar__img-wrapper {
	contain: strict;
	width: 100%;
	aspect-ratio: 16/9;
	border-radius: 5px;
}

.land-page-bar__img-wrapper--no-img {
	background: url("./assets/images/no-image.svg") center / contain no-repeat;
}

.land-page-bar__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: var(--gray-alt);
	transition: transform 0.512s;
}

.land-page-bar__excerpt {
	contain: content;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

.land-page-bar__paragraph {
	font-size: 14px;
	letter-spacing: -0.01em;
	color: var(--gray);
}

.land-page-bar__button {
	padding: 12px 20px 10px;
	justify-self: center;
}

.land-page-bar:hover .land-page-bar__img,
.land-page-bar:focus-within .land-page-bar__img {
	transform: scale(1.1);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Reviews Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.reviews-bar {
	contain: content;
	display: grid;
	row-gap: 20px;
	padding: 30px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.reviews-bar__title {
	max-width: 230px;
	justify-self: center;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: var(--blue);
}

.reviews-bar__slider {
	overflow: hidden;
}

.reviews-bar__button {
	margin-top: 10px;
	padding: 12px 20px 10px;
	justify-self: center;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Review Card Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.review-card-bar {
	contain: content;
	display: flex;
	flex-direction: column-reverse;
	row-gap: 20px;
	padding-top: 45px;
	background: url("./assets/images/review-quotes.svg") center top / 37px no-repeat;
}

.review-card-bar__title {
	margin-bottom: 1px;
	line-height: 1.5;
	text-align: center;
}

.review-card-bar__age {
	font-weight: 400;
}

.review-card-bar__date {
	font-size: 14px;
	text-align: center;
	color: var(--gray);
}

.review-card-bar__body {
	contain: content;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}

.review-card-bar__paragraph {
	font-size: 14px;
	text-align: center;
	color: var(--gray);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
City List Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.cities-bar {
	display: grid;
	row-gap: 15px;
}

.cities-bar__list {
	contain: content;
	display: grid;
	row-gap: 10px;
	max-height: 140px;
	list-style: none;
}

.cities-bar__list--open {
	max-height: none;
}

.cities-bar__item {
	display: inline-flex;
	column-gap: 10px;
	padding: 3px 0;
	font-size: 14px;
	line-height: 18px;
	text-decoration: underline transparent;
	color: var(--gray);
	transition: text-decoration-color 0.15s, color 0.15s;
}

.cities-bar__item:hover,
.cities-bar__item:focus-visible {
	text-decoration: underline var(--blue);
	color: var(--blue);
}

.cities-bar__icon {
	flex-shrink: 0;
	margin-top: 2px;
	transition: fill 0.15s;
}

.cities-bar__item:hover .cities-bar__icon,
.cities-bar__item:focus-visible .cities-bar__icon {
	fill: var(--blue);
}

.cities-bar__toggle {
	justify-self: left;
	border: none;
	font-size: 14px;
	text-decoration: underline 1px dashed var(--blue);
	text-underline-position: under;
	background: none;
	color: var(--blue);
	cursor: pointer;
}

.cities-bar__toggle:hover,
.cities-bar__toggle:focus-visible {
	text-decoration-style: solid;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Reviews All Sources
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.source {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	list-style: none;
}

.source .cat-item {
	flex-grow: 1;
}

.source .cat-item a,
.source .cat-item span {
	display: block;
	padding: 11px 15px 9px;
	border: 1px solid var(--blue);
	border-radius: 30px;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: var(--blue);
	transition: background-color 0.2s, color 0.2s;
}

.source .cat-item a:hover,
.source .cat-item a:focus-visible,
.source .cat-item.current-cat a,
.source .cat-item.current-cat span {
	background-color: var(--blue);
	color: var(--white);
}

@media screen and (min-width: 1024px) {
	.source {
		gap: 20px;
	}

	.source .cat-item a,
	.source .cat-item span {
		padding: 10px 25px 8px;
		font-size: 14px;
		line-height: 16px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Reviews Privacy Hint
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.reviews-hint {
	display: flex;
	align-items: center;
	column-gap: 10px;
	min-height: 21px;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	color: var(--green);
}

.reviews-hint::before {
	content: "";
	aspect-ratio: 18/23;
	width: auto;
	height: 100%;
	max-height: 36px;
	background: url("./assets/images/review-privacy-hint.svg") left center / contain no-repeat;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Reviews Grid
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.reviews-grid {
	display: grid;
	row-gap: 30px;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Review Card
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.review-card {
	/* contain: strict; */
	position: relative;
	display: grid;
	row-gap: 15px;
	/* height: 300px; */
	padding: 20px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.review-card__head {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: 3px;
	min-height: 50px;
	padding-left: 65px;
	background: url("./assets/images/review-avatar.svg") left top no-repeat;
}

.review-card__age {
	font-weight: 400;
}

.review-card__date {
	font-size: 14px;
	color: var(--gray);
}

.review-card__edit {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
}

.review-card__body p {
	font-size: 14px;
	color: var(--black);
	-webkit-hyphens: auto;
	hyphens: auto;
}

.review-card__body p+p {
	margin-top: 1em;
}

.review-card__link {
	position: relative;
	display: inline-block;
}

.review-card__link::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("./assets/images/review-zoom-in.svg") bottom 20px center no-repeat;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s;
}

.review-card__link:hover::before,
.review-card__link:focus-visible::before {
	opacity: 1;
}

.review-card__img {
	width: auto;
	height: 100px;
}

.review-card__more {
	position: absolute;
	inset: auto 0 0;
}

@media screen and (min-width: 1024px) {
	.review-card {
		row-gap: 20px;
		padding: 30px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Get Free Consultation Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.consult-bar {
	display: grid;
	align-content: start;
	justify-items: left;
	row-gap: 15px;
	min-height: 135px;
	padding: 20px 20px 20px 115px;
	border-radius: 5px;
	background: url("./assets/images/banner-consult-mobile.webp") left center / contain no-repeat var(--gray-bg);
}

.consult-bar__title {
	font-size: 16px;
	line-height: 20px;
	color: var(--blue);
}

.consult-bar__button {
	padding: 12px 20px 10px;
}

@media screen and (min-width: 768px) {
	.consult-bar {
		justify-items: center;
		row-gap: 20px;
		min-height: 400px;
		padding: 30px;
		background-image: url("./assets/images/banner-consult-desktop.webp");
		background-position: center bottom -65px;
	}

	.consult-bar__title {
		font-size: 18px;
		line-height: 22px;
		text-align: center;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Team Grid
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.team-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
}

@media screen and (min-width: 1024px) {
	.team-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Out Team Worker Card
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.worker-card {
	contain: content;
	display: grid;
	align-content: space-between;
	row-gap: 15px;
	padding: 15px;
	border: 1px solid var(--gray-bg);
	border-radius: 5px;
	text-align: center;
}

.worker-card__photo-wrapper {
	contain: strict;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: var(--gray-bg);
}

.worker-card__photo-wrapper--no-photo {
	background-image: url("./assets/images/no-image.svg");
	background-size: 40%;
	background-position: center;
	background-repeat: no-repeat;
}

.worker-card__photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	transition: transform 0.512s;
}

.worker-card__name {
	margin-top: 15px;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: -0.01em;
}

.worker-card__position {
	margin: 10px -5px 0;
	font-size: 14px;
	line-height: 19px;
	color: var(--gray);
}

.worker-card__body {
	margin: 0 -5px;
}

.worker-card__button {
	padding: 10px 15px 8px;
}

.worker-card__button::after {
	width: 5px;
	height: 5px;
}

.worker-card:hover .worker-card__photo,
.worker-card:focus-within .worker-card__photo {
	transform: scale(1.15);
}

@media screen and (min-width: 768px) {
	.worker-card {
		row-gap: 20px;
		padding: 20px;
	}

	.worker-card__name {
		margin-top: 20px;
		font-size: 18px;
		line-height: 22px;
	}

	.worker-card__position {
		margin-left: -10px;
		margin-right: -10px;
	}

	.worker-card__button {
		padding: 13px 25px 11px;
	}

	.worker-card__button::after {
		width: 6px;
		height: 6px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Team Departments Sidebar
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.our-departments {
	padding: 30px;
	border-radius: 5px;
	background-color: var(--gray-bg);
}

.our-departments__title {
	margin-bottom: 20px;
	font-size: 18px;
}

.our-departments__list {
	display: grid;
	row-gap: 5px;
	list-style: none;
}

.our-departments__item {
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 5px 10px 5px 40px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	background: left 5px center / 26px 26px no-repeat;
	color: var(--black);
	cursor: pointer;
	transition: background-color 0.15s, color 0.15s;
}

.our-departments__item--consult {
	background-image: url("./assets/images/department-consult.svg");
}

.our-departments__item--lawyers {
	background-image: url("./assets/images/department-lawyers.svg");
}

.our-departments__item--coordin {
	background-image: url("./assets/images/department-coordin.svg");
}

.our-departments__item--admins {
	background-image: url("./assets/images/department-admins.svg");
}

.our-departments__item--drivers {
	background-image: url("./assets/images/department-drivers.svg");
}

.our-departments__item--doctors {
	background-image: url("./assets/images/department-doctors.svg");
}

.our-departments__item--translate {
	background-image: url("./assets/images/department-translate.svg");
}

.our-departments__item--psycho {
	background-image: url("./assets/images/department-psycho.svg");
}

.our-departments__item:hover,
.our-departments__item:focus-visible,
.our-departments__item--current {
	background-color: var(--white);
	color: var(--blue);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Our Team Worker's Page
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.worker {
	display: grid;
	row-gap: 30px;
	margin-top: 10px;
}

.worker__photo,
.worker .wp-post-image {
	display: block;
	width: 100%;
	margin-bottom: 0;
	border-radius: 5px;
	aspect-ratio: auto;
}

.worker h2 {
	border-bottom: 1px solid;
	color: var(--blue);
}

.worker__certificates {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px !important;
}

.worker__certificate-link {
	contain: content;
	display: block;
	border-radius: 5px;
}

.worker__certificate-link::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("./assets/images/review-zoom-in.svg") center / 15% no-repeat rgb(255 255 255 / 40%);
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s;
}

.worker__certificate-link:hover::before,
.worker__certificate-link:focus-visible::before {
	opacity: 1;
}

@media screen and (min-width: 768px) {
	.worker {
		grid-template-columns: 0.6fr 1fr;
		column-gap: 45px;
	}
}

@media screen and (min-width: 1024px) {
	.worker {
		column-gap: 60px;
	}

	.worker__certificates {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
404 Not Found
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.error-404 {
	padding: 60px 0 50px;
}

.error-404__header {
	max-width: 345px;
	margin-inline: auto;
	margin-bottom: 20px;
	text-align: center;
}

.error-404__title {
	margin-bottom: 10px;
}

.error-404__description {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}

.error-404__utilities {
	font-size: 14px;
	text-align: center;
}

.error-404__utilities-title {
	margin-bottom: 5px;
	color: var(--gray);
}

.error-404__utilities-list {
	list-style: none;
}

@media screen and (min-width: 768px) {
	.error-404 {
		padding: 70px 0 60px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Site Footer
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.footer .custom-logo {
	width: 154px;
}

.footer__section {
	padding-bottom: 0;
}

.footer__container {
	border-top: 2px solid var(--gray-bg);
}

.footer__wrapper {
	display: grid;
	justify-items: center;
	gap: 45px 60px;
	padding: 45px 0;
}

.footer__column {
	display: grid;
	justify-items: center;
	row-gap: 20px;
	font-style: normal;
	text-align: center;
}

.footer__contact {
	width: 100%;
	padding-left: 35px;
	text-align: left;
	background: left 1px / 20px no-repeat;
}

.footer__contact--phones {
	display: grid;
	row-gap: 5px;
	background-image: url("./assets/images/contact-phone.svg");
	list-style: none;
}

.footer__contact--email {
	background-image: url("./assets/images/contact-email.svg");
}

.footer__contact--address {
	background-image: url("./assets/images/contact-address.svg");
}

.footer__contact a {
	text-decoration: none;
	color: var(--black);
	transition: color 0.15s;
}

.footer__contact a:hover,
.footer__contact a:focus-visible {
	color: var(--blue);
}

@media screen and (min-width: 1024px) {
	.footer__container {
		border-top: none;
	}

	.footer__wrapper {
		grid-template-columns: 1fr 2fr 1fr;
		justify-items: initial;
		border-top: 2px solid var(--gray-bg);
	}

	.footer__column {
		align-self: start;
		justify-items: left;
		text-align: left;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Footer Navigation Menu
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.footer-menu {
	display: grid;
	gap: 20px 60px;
	list-style: none;
}

.footer-menu>.menu-item>a {
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--blue);
}

.footer-menu>.menu-item>a:hover {
	text-decoration: underline;
}

.footer-menu .sub-menu {
	margin-top: 10px;
	line-height: 26px;
	list-style: none;
}

.footer-menu .sub-menu a,
.footer__policy {
	text-decoration: none;
	white-space: nowrap;
	color: var(--gray);
	transition: color 0.15s;
}

.footer-menu .sub-menu a:hover,
.footer-menu .sub-menu a:focus-visible,
.footer__policy:hover,
.footer__policy:focus-visible {
	text-decoration: underline;
	color: var(--blue);
}

@media screen and (min-width: 1024px) {
	.footer-menu {
		grid-template-columns: 1fr 1fr;
		justify-self: center;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Mobile Language Switcher
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.lang-mobile {
	contain: content;
	position: relative;
	width: max-content;
	border-radius: 30px;
	background-color: rgb(255 255 255 / 15%);
	color: var(--white);
	transition: background-color 0.15s, color 0.15s;
}

.lang-mobile:hover,
.lang-mobile:focus-within {
	background-color: var(--gray-bg);
	color: var(--black);
}

.lang-mobile::after {
	content: "";
	position: absolute;
	top: 13px;
	right: 13px;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	border-top: 2px solid;
	pointer-events: none;
}

.lang-mobile .pll-switcher-select {
	appearance: none;
	height: 29px;
	padding: 0 20px 0 15px;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	background-color: transparent;
	color: inherit;
	outline: none;
	cursor: pointer;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Mobile Navigation Menu
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.menu-mobile {
	display: grid;
	row-gap: 20px;
	list-style: none;
	text-align: center;
}

.menu-mobile>.menu-item>a {
	display: inline-block;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--gray-bg);
	transition: color 0.15s;
}

.menu-mobile>.menu-item>a:hover,
.menu-mobile>.menu-item>a:focus-visible {
	color: var(--pink);
}

.menu-mobile>.menu-item-has-children>a {
	position: relative;
	padding-right: 14px;
}

.menu-mobile>.menu-item-has-children>a::after {
	content: "";
	position: absolute;
	top: 14px;
	right: 0;
	border-right: 2px solid transparent;
	border-left: 2px solid transparent;
	border-top: 2px solid;
	transition: transform 0.15s;
}

.menu-mobile>.menu-item-has-children.open>a::after {
	transform: scaleY(-1);
}

.menu-mobile .sub-menu {
	display: none;
	row-gap: 10px;
	padding: 15px 20px;
	margin-top: 10px;
	border-radius: 5px;
	text-align: center;
	list-style: none;
	background-color: var(--blue-alt);
}

.menu-mobile .open .sub-menu {
	display: grid;
}

.menu-mobile .sub-menu a {
	display: inline-block;
	font-family: "AmpleSoft Pro", monospace, Roboto, system-ui;
	font-size: 16px;
	text-decoration: none;
	color: var(--white);
	transition: color 0.15s;
}

.menu-mobile .sub-menu a:hover,
.menu-mobile .sub-menu a:focus-visible {
	color: var(--pink);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Hamburger Modal Window
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.hamburger-menu {
	contain: strict;
	position: fixed;
	inset: 0;
	display: none;
	height: 100vh;
	/* background-color: var(--gray-bg); */
	opacity: 0;
	transition: opacity 0.256s 0.256s;
}

.hamburger-menu--open {
	opacity: 1;
	transition-duration: 0.512s;
	transition-delay: 0.016s;
}

.hamburger-menu::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0 0 auto auto;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: var(--blue);
	box-shadow: 0 0 0 0 var(--blue), 0 0 0 0 var(--blue);
	transition: box-shadow 0.512s ease-in-out;
}

.hamburger-menu--open::before {
	box-shadow: 0 0 0 calc(100vw - 70px) var(--blue), 0 0 0 calc(100vh - 70px) var(--blue);
	transition-delay: 0.128s;
}

.hamburger-menu__container {
	contain: strict;
	position: absolute;
	inset: 0;
	display: grid;
	align-content: start;
	row-gap: 45px;
	max-width: 400px;
	padding-top: 22px;
	padding-bottom: 25px;
	overflow-y: auto;
}

.hamburger-menu__contact-wrapper {
	display: grid;
	row-gap: 15px;
	padding: 20px 25px;
	border-radius: 5px;
	background-color: rgb(255 255 255 / 15%);
}

.hamburger-menu__contact {
	display: flex;
	min-height: 26px;
	padding-left: 40px;
	font-size: 14px;
	background: left 1px no-repeat;
	color: var(--white);
}

.hamburger-menu__contact--phones {
	flex-direction: column;
	row-gap: 4px;
	background-image: url("./assets/images/contact-phone-white.svg");
	list-style: none;
}

.hamburger-menu__contact--schedule {
	flex-wrap: wrap;
	align-items: center;
	column-gap: 4px;
	background-image: url("./assets/images/contact-schedule-white.svg");
}

.hamburger-menu__contact a {
	text-decoration: none;
	color: var(--white);
	transition: color 0.15s;
}

.hamburger-menu__contact a:hover,
.hamburger-menu__contact a:focus-visible {
	color: var(--pink);
}

.hamburger-menu__social {
	justify-content: center;
	column-gap: 30px;
}

.hamburger-menu__social .social__icon {
	width: 40px;
	height: 40px;
}

.hamburger-menu__social .social__icon-rect {
	fill: var(--gray-alt);
}

.hamburger-menu__social .social__link:hover .social__icon-rect,
.hamburger-menu__social .social__link:focus-visible .social__icon-rect {
	fill: var(--pink);
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Contact Form
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.contact-form {
	contain: strict;
	position: relative;
	height: 540px;
	background: url("./assets/images/contact-form-bg-mobile.svg") center top no-repeat;
}

.contact-form::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 50%;
	z-index: -1;
	background-color: var(--blue);
	aspect-ratio: 1/1;
	border-radius: 50%;
	transform: translateX(-50%);
}

.contact-form__container {
	display: grid;
	place-items: center;
	height: 100%;
}

.contact-form__fieldset {
	max-width: 350px;
	width: 100%;
	border: none;
	font-size: 14px;
	color: var(--gray-bg);
	transition: opacity 0.2s;
}

.contact-form__fieldset:disabled {
	opacity: 0.7;
	pointer-events: none;
}

.contact-form__title {
	margin-bottom: 30px;
	line-height: 1.1;
	text-align: center;
	color: var(--gray-bg);
}

.contact-form__field {
	-moz-appearance: textfield;
	appearance: textfield;
	display: block;
	width: 100%;
	min-height: 45px;
	padding: 0 20px;
	margin-bottom: 15px;
	border: none;
	border-radius: 5px;
	background-color: var(--blue-alt);
	color: var(--white);
	caret-color: var(--white);
	outline-offset: -2px;
	outline: 2px solid transparent;
	transition: outline-color 0.2s;
}

.contact-form__field:focus {
	outline-color: var(--white);
}

.contact-form__field::placeholder {
	color: var(--gray-bg);
	transition: color 0.2s;
}

.contact-form__field:focus::placeholder {
	color: transparent;
	transition: none;
}

.contact-form__field:-webkit-autofill {
	box-shadow: inset 0 0 0 50px var(--blue-alt);
	-webkit-text-fill-color: var(--white);
}

.contact-form__field::-webkit-inner-spin-button,
.contact-form__field::-webkit-outer-spin-button {
	appearance: none;
	display: none;
}

.contact-form__radiogroup {
	display: flex;
	column-gap: 20px;
	padding-left: 1px;
	margin-bottom: 15px;
	line-height: 20px;
}

.contact-form__radiolabel {
	display: inline-flex;
	align-items: center;
	column-gap: 4px;
	text-transform: lowercase;
}

.contact-form__radio {
	appearance: none;
	width: 14px;
	height: 14px;
	border: 3px solid var(--gray-bg);
	border-radius: 50%;
	background-color: var(--gray-bg);
	cursor: pointer;
	transition: border-color 0.15s, background-color 0.15s;
}

.contact-form__radio:hover {
	border-color: var(--pink);
}

.contact-form__radio:checked {
	border-color: var(--gray-bg);
	background-color: var(--pink);
}

.contact-form__radio:checked:hover {
	background-color: var(--pink-alt);
}

.contact-form__submit {
	appearance: button;
	display: block;
	padding: 13px 50px 11px;
	margin-top: 30px;
	margin-inline: auto;
	font-size: 14px;
	line-height: 16px;
}

.contact-form__submit:disabled {
	color: transparent;
	background-image: url("./assets/images/contact-form-loading.svg");
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
	.contact-form {
		background-image: url("./assets/images/contact-form-bg-desktop.svg");
		background-position: center;
		background-repeat: repeat-x;
	}
}

@media screen and (min-width: 1024px) {
	.contact-form {
		height: 600px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Contact Form Pop-Up
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.popup-form {
	contain: strict;
	position: fixed;
	z-index: 10150;
	/* Because Bitrix */
	inset: 0;
	display: none;
	place-items: center;
	padding: 20px;
	background-color: rgb(48 48 48 / 15%);
	overflow-y: auto;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	opacity: 0;
	transition: opacity 0.2s 0.064s;
}

.popup-form--open {
	opacity: 1;
}

.popup-form__close-win {
	position: absolute;
	inset: 0;
}

.popup-form__container {
	contain: content;
	position: relative;
	max-width: 375px;
	width: 100%;
	padding: 50px 20px 45px;
	border-radius: 5px;
	background-color: var(--white);
	box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
	transform: translateY(50%) scale(0.5);
	transition: transform 0.4s 0.016s;
}

.popup-form__container--open {
	transform: none;
}

.popup-form__close-btn {
	box-sizing: content-box;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 20px;
	height: 20px;
	border: 5px solid transparent;
	background-color: transparent;
	opacity: 0.65;
	cursor: pointer;
}

.popup-form__close-btn:hover,
.popup-form__close-btn:focus-visible {
	opacity: 1;
}

.popup-form__close-btn::before,
.popup-form__close-btn::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--black);
	transform: rotateZ(45deg);
}

.popup-form__close-btn::after {
	transform: rotateZ(-45deg);
}

.popup-form__fieldset {
	max-width: 275px;
	margin-inline: auto;
	border: none;
	font-size: 14px;
	color: var(--black);
	transition: opacity 0.2s;
}

.popup-form__fieldset:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.popup-form__title {
	margin-bottom: 30px;
	font-size: 18px;
	text-align: center;
	color: var(--blue);
}

.popup-form__field {
	-moz-appearance: textfield;
	appearance: textfield;
	display: block;
	width: 100%;
	min-height: 45px;
	padding: 0 20px;
	margin-bottom: 15px;
	border: 1px solid var(--gray);
	border-radius: 5px;
	background-color: var(--white);
	color: var(--black);
	caret-color: var(--black);
	outline: none;
	transition: border-color 0.2s;
}

.popup-form__field:focus {
	border-color: var(--black);
}

.popup-form__field::placeholder {
	color: var(--gray);
	transition: color 0.2s;
}

.popup-form__field:focus::placeholder {
	color: transparent;
	transition: none;
}

.popup-form__field:-webkit-autofill {
	box-shadow: inset 0 0 0 50px var(--white);
	-webkit-text-fill-color: var(--black);
}

.popup-form__field::-webkit-inner-spin-button,
.popup-form__field::-webkit-outer-spin-button {
	appearance: none;
	display: none;
}

.popup-form__radiogroup {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 20px;
	margin-bottom: 15px;
	line-height: 18px;
}

.popup-form__radiolabel {
	display: inline-flex;
	align-items: center;
	column-gap: 4px;
	text-transform: lowercase;
}

.popup-form__radiolabel:first-child {
	margin-right: 15px;
}

.popup-form__radio {
	appearance: none;
	width: 14px;
	height: 14px;
	border: 3px solid var(--gray-alt);
	border-radius: 50%;
	background-color: var(--gray-alt);
	cursor: pointer;
	transition: border-color 0.15s, background-color 0.15s;
}

.popup-form__radio:hover {
	border-color: var(--pink);
}

.popup-form__radio:checked {
	border-color: var(--gray-alt);
	background-color: var(--pink);
}

.popup-form__radio:checked:hover {
	background-color: var(--pink-alt);
}

.popup-form__submit {
	appearance: button;
	display: block;
	padding: 13px 50px 11px;
	margin-top: 30px;
	margin-inline: auto;
	font-size: 14px;
	line-height: 16px;
}

.popup-form__submit:disabled {
	color: transparent;
	background-image: url("./assets/images/contact-form-loading.svg");
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 768px) {
	.popup-form__container {
		max-width: 500px;
		padding: 80px 30px;
	}

	.popup-form__close-btn {
		top: 24px;
		right: 25px;
	}

	.popup-form__fieldset {
		max-width: 350px;
	}

	.popup-form__title {
		margin-bottom: 45px;
		font-size: 24px;
	}

	.popup-form__submit {
		margin-top: 45px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Contact Form Send Status
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.form-send-status {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	row-gap: 30px;
	text-align: center;
}

.form-send-status__icon {
	width: 90px;
	margin-bottom: 30px;
	user-select: none;
}

.form-send-status__title {
	margin-bottom: 15px;
	font-size: 18px;
	color: var(--white);
}

.form-send-status__title--popup {
	color: var(--blue);
}

.form-send-status__paragraph {
	color: var(--gray-bg);
}

.form-send-status__paragraph--popup {
	color: var(--gray);
}

.form-send-status__paragraph a {
	white-space: nowrap;
	color: var(--white);
}

.form-send-status__paragraph--popup a {
	color: var(--blue);
}

.form-send-status__button {
	padding: 13px 50px 11px;
	margin-inline: auto;
	font-size: 14px;
}

.form-send-status__button::after {
	content: none;
}

@media screen and (min-width: 768px) {
	.form-send-status {
		row-gap: 45px;
		max-width: 295px;
		margin-inline: auto;
	}

	.form-send-status__icon {
		width: 100px;
		margin-bottom: 45px;
	}

	.form-send-status__title {
		font-size: 24px;
	}
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Content menu
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.main__nav-title {
	font-size: 18px;
	font-weight: 700;
}

.main__dropdown {
	padding-left: 30px;
	margin: 0.5em 0 1em;
}

.main__dropdown li {
	line-height: 2;
	font-weight: 700;
	font-size: 16px;
	color: var(--blue);
}

.main__dropdown li a {
	text-decoration: none;
}

/* — — — — — — — — — — — — — — — — — — — — — — — — — — — — — —
Country select
— — — — — — — — — — — — — — — — — — — — — — — — — — — — — — */
.country-switch__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.country-switch__buttons {
	display: flex;
	gap: 25px;
}

.country-switch__trigger {
	font-size: 20px;
	padding: 10px 15px;
	border: 1px solid;
	border-radius: 5px;
	overflow-x: hidden;
	color: #fffafa;
	background: #f28d85;
	box-shadow: 0 -3px rgb(242 141 133) inset;
	cursor: pointer;
}

.country-switch__trigger.active {
	background: var(--pink-alt);
	box-shadow: 0 -3px var(--pink-alt) inset;
}

.country-switch__contents {
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-height: var(--full-height);
}

.country-switch__content.open {
	opacity: 1;
	transform: translateX(0);
}

.first-content {
	height: fit-content;
	opacity: 0;
	transform: translateX(-250%);
	transition: all 1.5s;
	grid-column: 1/3;
	grid-row: 1/2;
}

.second-content {
	height: fit-content;
	opacity: 0;
	transform: translateX(-250%);
	transition: all 1.5s;
	grid-column: 1/3;
	grid-row: 1/2;
}

#popup-form-trigger-content-ukraine,
#popup-form-trigger-content-georgia {
	display: block;
	margin: 15px auto;
	font-size: 20px;
	padding: 10px 30px 10px;

}

@media screen and (min-width: 768px) {
	.country-switch__heading {
		flex-direction: row;
		gap: 25px;
	}

	.country-switch__buttons {
		margin: 2em 0 1em;
	}

	.country-switch__trigger {
		padding: 5px 10px;
		font-size: 16px;
	}

	#popup-form-trigger-content-ukraine,
	#popup-form-trigger-content-georgia {
		font-size: 16px;
		padding: 12px 20px 10px;
	}
}



.block-table {
	margin: 25px 0;
	overflow-x: auto;
}

.block-table table {
	width: 100%;
}

.block-table th {
	background: #f28d85;
	color: white;
	padding: 5px 15px;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

.block-table td {
	border-style: solid;
	border-width: 0 1px 1px 0;
	color: white;
	padding: 5px 15px;
	background: #174287;
}

.block-table th:first-child,
.block-table td:first-child {
	text-align: left;
}

.block-table th:first-child {
	border-top-left-radius: 10px;
}

.block-table th:last-child {
	border-top-right-radius: 10px;
	border-right: none;
}

.block-table tr:last-child td:first-child {
	border-radius: 0 0 0 10px;
}

.block-table tr:last-child td:last-child {
	border-radius: 0 0 10px 0;
}

.block-table tr td:last-child {
	border-right: none;
}


.traffic__title {
	font-size: 30px;
	text-align: center;
	background: #ffd966;
	width: fit-content;
	margin: 15px auto;
}

.traffic-section h3 {
	margin: 1em 0;
	font-size: 20px;
	line-height: 1.3;
	text-transform: uppercase;
}

.traffic-section ul {
	padding-left: 45px;
	margin: 0.5em 0 1em;
}

.traffic-section p:not([class]) {
	margin-top: 1em;
}

.traffic-page {
	margin: 25px 0;
}

.sm-traffic__navigation.slider__navigation {
	position: relative;
	margin-top: 20px;
	inset: auto;
}

.sm-traffic__navigation.slider__navigation .slider__button {
	background-size: 100%;
}

@media screen and (min-width: 768px) {
	.traffic-page .swiper-slide {
		text-align: center;
	}

	.sm-traffic__navigation.slider__navigation {
		position: absolute;
		inset: 50% 50px;
		margin-top: 0;
	}
}

@media screen and (min-width: 1024px) {
	.traffic-page .swiper-wrapper {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
		align-items: center;
	}

	.traffic-page .swiper-slide {
		height: fit-content;
	}
}


/*Video Slider*/


.video-slider__block .container {
	position: relative;
	margin-bottom: 25px;
}

.video-slider__container {
	margin: 0 auto;
	max-width: 90%;
}

.video-slider__container .video-slider__slide {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.video__video-thumb {
	position: relative;
	width: 100%;
	padding-bottom: 156%;
	height: 0;
	overflow: hidden;
	cursor: pointer;
}

.video__video-thumb img,
.video__video-thumb iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video__play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	height: 40px;
	background: url('/wp-content/themes/artemida/assets/images/video-button.svg') no-repeat center center;
	background-size: contain;
	opacity: 0.9;
	transition: transform 0.2s;
}

.video__video-thumb:hover .video__play-button {
	transform: translate(-50%, -50%) scale(1.1);
}


.swiper-button-prev.video-slider__button-prev:after,
.swiper-button-next.video-slider__button-next:after {
	content: none;
}



@media screen and (min-width: 768px) {
.video__play-button {
	width: 60px;
	height: 60px;
}
}