@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    font-family: "Montserrat", serif;
}

html {
	font-family: "Montserrat", serif;
}

body {
	background-color: var(--bg-light);
	font-family: "Montserrat", serif;
	align-items: center;

	-webkit-text-size-adjust: none;
}

html,
body {
	width: 100%;
	height: 100vh;
}

h1, h2, h3, h4, p {
	padding: 0;
	margin: 0;

	hyphens: manual;
	text-wrap: balance;
	word-wrap: break-word;
}


.link {
	text-decoration: none;
	cursor: pointer;
}

.title {
	color: var(--primary-default);
	font-family: "Montserrat", serif;
	font-weight: 800;
	font-size: var(--text-display);
	opacity: 30%;
	margin: var(--title-top) var(--all-left-right);
}

.wrapper {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	padding: var(--all-left-right);
	flex-direction: column;
	align-self: center;
}

.description {
	font-family: "Montserrat", serif;
	font-size: var(--text-M);
	color: var(--text-secondary);
	line-height: var(--text-h4-line);
}


.home {
	background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
	color: var(--text-primary);
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: var(--all-top-bottom) var(--all-left-right);
	border-radius: var(--all-radius);
	position: relative;
	overflow: hidden;
	transition: background 800ms ease-in-out;
	height: 800px;
}

.home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.home.scrolled {
    background: var(--linear-gradient-fon-2);;
}

.home__header-container {
	position: fixed;
	top: calc(var(--header-top) + var(--all-top-bottom));
	left: calc((var(--headr-left-right) + var(--all-left-right)) / 2);
	z-index: 10;

	box-sizing: border-box;
	padding: 0 var(--headr-padding);

	min-height: var(--headr-height);

	display: flex;
	justify-content: space-between;
	align-items: center;

	width: calc(100% - (var(--headr-left-right) + var(--all-left-right)));

	background-color: var(--bg-surface-70);
	border-radius: var(--radius-l);

	transition: top .3s ease-in-out, background-color .4s ease-in-out;
}

.home__header-container.scrolled {
	top: var(--header-top);
    opacity: 1;
}

/* nav */
.home__header-links-wrapper > div {
	display: flex;
	gap: 24px;
}

.home__header-link {
	font-family: "Montserrat", sans-serif;
	color: var(--text-primary);
	font-size: var(--text-S);
	line-height: 18px;
}

.home__header-link:hover {
	color: var(--primary-blue);
}

.home__header-link:active {
	color: var(--primary-blue);
}

/* Лого */
.home__header-logo-container-logo {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
}

.home__header-logo-alean {
	width: 136px;
	height: 40px;
}

.home__header-logo-travel {
	width: 91px;
	height: 16px;
}


@media (max-width: 599px) {
	.home__header-logo-alean {
		width: 109px;
		height: 32px;
	}


	.home__header-logo-travel {
		width: 73px;
		height: 13px;
	}
}

/* burger */
.home__header-burger {
	display: var(--headr-burger);
	height: 48px;
	width: 48px;
}

.home__header-burger-button {
	display: flex;
	align-items: center;
	justify-content: center;

	height: 48px;
	width: 48px;

	cursor: pointer;
}

.home__header-burger-button:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url("../assets/burger.svg") center no-repeat;
	background-size: 24px auto;
	zoom: 1;
	transition: zoom .3s ease-in-out;
}

.home__header-burger-button:hover:before {
	zoom: 1.2;
}

.home__header-burger-button:active:before {
	zoom: 1.4;
}

@media (max-width: 1280px) {
	.home__header-container {
		flex-direction: column;
	}

	.home__header-logo-container {
		width: 100%;
		min-height: var(--headr-height);
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.home__header-links-wrapper {
		overflow: hidden;

		max-height: 0;
		transition: max-height .3s ease-in-out;
	}

	.home__header-links-wrapper > div {
		padding-bottom: 30px;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.show-nav.home__header-container {
		background-color: var(--bg-surface-90);
	}

	.show-nav .home__header-links-wrapper {
		max-height: 250px;
	}
}

.home__description {
	padding: 184px 95px 0 95px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
    z-index: 2;
}

.home__title {
	font-weight: 800;
	font-size: var(--text-display);
	color: var(--bg-invert);
	font-family: "Montserrat", serif;
	line-height: 112%;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transition: opacity 800ms ease-in-out, transform 800ms ease-in-out;
}

.home__text {
	font-weight: 600;
	font-family: "Montserrat", serif;
	font-size: var(--text-h1);
	color: var(--bg-invert);
	line-height: 120%;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
    transition: opacity 800ms ease-in-out, transform 800ms ease-in-out;
}

/* Новый текст (скрыт изначально) */
.home__title-new,
.home__text-new {
	font-family: "Montserrat", serif;
	font-size: var(--text-h3);
	line-height: var(--text-h3-line);
}

.home__title-new {
    color: var(--bg-invert);
	font-weight: 400;
}

.home__title-new ~ .home__title-new {
	margin-top: 10px;
}

.home__text-new {
	margin-top: var(--title-text-margin);
	color: var(--bg-invert);
	font-weight: 500;
}


.home__img-heart {
	position: absolute;
	z-index: 1;
	width: 585px;
	height: 560px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	clip-path: url(#svgAleanPath);
	background: var(--linear-gradient-fon-3);
	backdrop-filter: blur(4px);
	overflow: hidden;

	border-radius: 47% 27% 39% 65%;

	pointer-events: none;

	transition: transform 0.8s ease-in-out, left 0.8s ease-in-out, top 0.8s ease-in-out;
}

.home__img-heart.scrolled {
	left: 27%;
	background: url("../assets/partnership.webp") center no-repeat;
	transform: translate(-50%, -50%) scale(0.8);
	backdrop-filter: blur(0px);
}

/* new */
.home__description-new {
	position: absolute;
	top: 50%;
	left: 70%;
	width: 100%;
	max-width: 600px;
	box-sizing: border-box;
	transform: translate(-50%, -50%) translateX(30px);
	opacity: 0;
	z-index: 4;
	display: flex;
	flex-direction: column;
	transition: opacity 800ms ease-in-out, transform 800ms ease-in-out;
	pointer-events: none;
}

.home__description-new.visible {
	opacity: 1;
	transform: translate(-50%, -50%) translateX(0);
}

@media (max-width: 1360px) {
	.home__description-new {
		left: 72%;
	}
}

@media (max-width: 1280px)  {
	.home {
		height: 640px;
	}

	.home__img-heart {
		width: 429px;
		height: 402px;
		clip-path: url(#svgAleanPath2);
	}

	.home__img-heart.scrolled {
		left: 29%;
	}

	.home__description-new {
		max-width: 400px;
		left: 71%;
	}
}

@media (max-width: 1115px) {
	.home__img-heart.scrolled {
		left: 22%;
	}

	.home__description-new {
		max-width: 400px;
		left: 71%;
	}
}

@media (max-width: 899px) {
	.home__img-heart.scrolled {
		top: 40%;
		left: 50%;
	}

	.home__description-new {
		top: auto;
		bottom: 1%;
		left: 0;
		max-width: 100%;
		box-sizing: border-box;
		padding: var(--all-left-right);
		transform: translate(0, 0) translateX(30px);
	}

	.home__description-new.visible {
		transform: translate(0, 0) translateX(0);
	}
}

@media (max-width: 599px) {
	.home {
		height: 660px;
	}

	.home__img-heart.scrolled {
		top: 33%;
		left: 50%;
		zoom: .7;
	}

	.home__description {
		padding: 184px 16px 0 16px;
	}
}

@media (max-width: 409px) {
	.home {
		height: 700px;
	}
}

@media (max-width: 359px) {
	.home {
		height: 800px;
	}
}

.slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: var(--all-radius);
    transition: opacity 800ms ease-in-out;
}

.slider.hidden {
    opacity: 0;
    pointer-events: none;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 800ms ease-in-out, transform 800ms ease-in-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateX(30px);
    border-radius: var(--all-radius);
}

.slide.active {
    opacity: 1;
    transform: translateX(0);
    z-index: 2;
}

.slide.next {
    transform: translateX(30px);
    z-index: 1;
}

.company {
	display: flex;
	flex-direction: column;
	padding: 0 var(--all-left-right);
}

.company__item {
	display: flex;
	gap: var(--company-indent);
}

.company__wrapper {
	margin: 0 auto;
}

.company__item-left {
	max-width: var(--company-item-left);
	width: 100%;
}

.company__text-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--company-indent-2);
}

.company__item-title-up {
	margin-bottom: 8px;
}


.item-title {
	color: var(--primary-default);
	font-weight: 500;
	font-family: "Montserrat", serif;
	font-size: var(--text-caption);
}

.item-subtitle {
	color: var(--text-primary);
	font-weight: 500;
	font-size: var(--text-h2);
	font-family: "Montserrat", serif;
	line-height: var(--text-h2-line);
}

.company__wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--company-margin);
	margin-bottom: var(--company-margin);
}

.company__right {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--company-indent-2);
    column-gap: var(--company-indent-2);
    align-items: start;
}

.company__grid-item {
    position: relative;
    border-radius: var(--radius-xl);
    padding: var(--company-block);
    border: 2px solid transparent;
    background:
            var(--linear-gradient-fon-5),
            var(--linear-gradient-fon-4);
    isolation: isolate;
	box-sizing: border-box;
}


.company__grid-item-no-border {
    position: relative;
    align-items: flex-start;
    padding: var(--company-block);
    isolation: isolate;
    background: #1B2B4A;
    border-radius: var(--all-box-radius);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
	box-sizing: border-box;
	z-index: 0;
	background: var(--linear-gradient-fon);
}

.company__logo {
	width: var(--company-logo);
	height: var(--company-logo);
	margin-bottom: var(--company-logo-bottom);
}

.company__item-description-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.company__item-right-title {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-primary);
	margin-bottom: 8px;
	line-height: var(--text-h4-line);
}

.company__item-right-description {
	font-family: "Montserrat", serif;
	font-size: var(--text-S);
	color: var(--text-secondary);
	line-height: var(--text-S-line);
}

.services {
	background-color: var(--bg-surface);
	margin: 24px var(--all-left-right);
	border-radius: var(--all-radius);
	display: flex;
	flex-direction: column;
	padding-bottom: 80px;
}

.services__wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--services-indent);
	margin: 0 auto;
}

.services__item {
	display: flex;
	min-height: 600px;
	gap: var(--services-indent);
	align-items: stretch;
}

.services__item-with-img {
    display: flex;
	flex-shrink: 0;
	width: var(--services-box);
	height: inherit;
	min-height: 320px;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	border-radius: var(--all-box-radius);
}

.services_img_lugage {
	background-image: url("../assets/lugage2.webp");
}

.services_img_mice {
	background-image: url("../assets/mice.webp");
}

.services_img_sport {
	background-image: url("../assets/sport.webp");
}

.services_img_health {
	background-image: url("../assets/health.webp");
}

.services_img_festival {
	background-image: url("../assets/festival.webp");
}

.services_img_excursion {
	background-image: url("../assets/excursion.webp");
}

.services__text-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;

}

.services__link-wrapper {
	margin-top: 40px;
}

.services_link {
	white-space: inherit !important;
}

.services__item-title {
	margin-bottom: 8px;
}

.services__item-with-text {
	width: var(--services-box);
	display: flex;
	flex-direction: column;
	padding-top: var(--services-text-padding);
}

.services__btn {
	padding: 18px 28px;
	display: inline-block;
}

.services__btn-wrapper {
	margin-top: 40px;
}

.link-wrapper {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
}

.link-arrow {
	height: 24px;
	width: 24px;
}

.blue-link {
	font-family: "Montserrat", serif;
	font-weight: 600;
	color: var(--text-link);
}

.blue-link:hover {
	color: var(--primary-pressed);
}

.blue-link:active {
	color: var(--primary-pressed);
}

/* Стрелочка */
.blue-link svg {
	fill: var(--text-link);
	stroke: var(--text-link);
}

.blue-link:hover svg {
	fill: var(--primary-pressed);
	stroke: var(--primary-pressed);
}

.blue-link:active svg {
	fill: var(--primary-pressed);
	stroke: var(--primary-pressed);
}


.blue-button {
	background-color: var(--primary-blue);
	border-radius: var(--radius-l);
	font-family: "Montserrat", serif;
	color: var(--text-fixed);
	font-weight: 500;
	white-space: nowrap;
	border: 0;
	font-size: var(--text-M);
}

.blue-button:hover {
	background-color: var(--primary-hover);
}

.blue-button:active {
	background-color: var(--primary-pressed);
}

.clients__item-up-button {
	padding: 16px;
	display: inline-block;
}

.clients__link-wrapper,
.clients__item-up-button-wrapper {
	padding: var(--clients-indent) var(--clients-indent) 0 var(--clients-indent);
}

.clients__link_button {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}


.clients__item {
	display: flex;
	justify-content: space-between;
	gap: var(--clients-margin);
	background-color: var(--bg-surface);
	border-radius: var(--all-radius);
	overflow: hidden;
}

.clients__item-left {
	width: var(--clients-box);
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: var(--clients-indent) 0;
}

.clients {
	display: flex;
	flex-direction: column;
	margin: 0 var(--all-left-right) 24px var(--all-left-right);
}

.clients__wrapper {
	margin: 0 auto;
}

.clients__text-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--clients-indent-2);
}

.clients__item-right {
	position: relative;
	display: flex;
	min-height: 520px;
	flex-direction: column;
	border-radius: var(--all-radius);
	align-items: flex-end;
	width: var(--clients-box);
	margin-left: auto;
	flex-shrink: 0;
	background: var(--bg-medium)
}

@media (max-width: 899px) {
	.clients__item-right {
		order: 1;
	}

	.clients__item-left {
		order: 2;
	}
}

.clients__item-right:before {
	position: absolute;
	top: 40px;
	left: 40px;
	bottom: 65px;
	right: 0;
	display: block;
	content: '';
	background: url("../assets/macbook.webp") left center no-repeat;
	background-size: auto 100%;
}

@media (max-width: 1280px) {
	.clients__item-right:before {
		top: 24px;
		left: 24px;
		bottom: 24px;
	}
}

.clients__item-down {
	display: flex;
	flex-direction: column;
	background-color: var(--bg-surface);
	border-radius: var(--all-radius);
	padding: var(--clients-indent) 0;
	overflow: hidden;
}

.clients__item-text {
	padding: 0 var(--clients-indent);
}

.clients__item-text-wrapper {
	padding-top: var(--clients-indent-2);
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.clients-title {
	position: relative;
	padding: 0 var(--clients-indent);
}

.clients-title:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--primary-default);
	border-radius: 0 8px 8px 0;
}

.clients__item-title {
	margin-bottom: 8px;
}


.clients__item-description {
	font-size: var(--text-caption);
	font-family: "Montserrat", serif;
	color: var(--text-primary);
	padding: 0 var(--clients-indent);
}

.clients__items-wrapper {
	display: flex;
	flex-direction: column;
	gap: var(--clients-margin);
}

.clients__cards-wrapper {
	padding: 0 var(--clients-indent);
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: var(--clients-indent-2) var(--clients-indent-2);
}

.clients__card-up {
	position: relative;
	display: flex;
	gap: var(--clients-indent-2);
	padding: var(--clients-indent-2) var(--clients-indent-2) var(--clients-indent) var(--clients-indent-2);
	background:
			var(--linear-gradient-fon-5),
			var(--linear-gradient-fon-4);
    border-radius: var(--all-box-radius);
    border: 2px solid transparent;
	box-sizing: border-box;
}

.clients__card-up-no-border {
	box-sizing: border-box;
	position: relative;
	display: flex;
	gap: var(--clients-indent-2);
	padding: var(--clients-indent-2) var(--clients-indent-2) var(--clients-indent) var(--clients-indent-2);
	isolation: isolate;
    border-radius: var(--all-box-radius);
	flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
	z-index: 0;
	background: var(--linear-gradient-fon);
}

@media (max-width: 359px) {
	.clients__card-up,
	.clients__card-down,
	.clients__card-up-no-border {
		flex-direction: column;
	}
}

.clients__down-btn {
	padding: 16px;
	display: inline-block;
}

.clients__down-button-wrapper {
	margin-top: 16px;
}

.clients__card-right {
	display: flex;
	flex-direction: column;
}

.clients__number-img {
	width: var(--clients-logo);
	height: var(--clients-logo);
}

.clients__card-down {
	display: flex;
	gap: var(--clients-indent-2);
	padding: var(--clients-indent-2) var(--clients-indent-2) var(--clients-indent) var(--clients-indent-2);
	background:
			var(--linear-gradient-fon-5),
			var(--linear-gradient-fon-4);
    backdrop-filter: blur(7px);
    border-radius: var(--all-box-radius);
    border: 2px solid transparent;
}

.clients__card-title {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-primary);
	margin-bottom: 8px;
}

.clients__card-down-title {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-primary);
}

.clients__card-up-description {
	font-family: "Montserrat", serif;
	font-size: var(--text-S);
	color: var(--text-secondary);
	line-height: var(--text-S-line);
}

.clients__card-down-description {
	font-family: "Montserrat", serif;
	font-size: var(--text-S);
	color: var(--text-secondary);
	line-height: var(--text-S-line);
}

.agency {
	display: flex;
	flex-direction: column;
	margin: 0 var(--all-left-right) var(--title-top) var(--all-left-right);
}

.agency__wrapper {
	margin: 0 auto;
}

.agency__text-and-card-wrapper {
	display: flex;
	gap: var(--agency-indent);
}

.agency__left {
	max-width: var(--agency-item-left);
	width: 100%;
}

.agency__left {
	display: flex;
	flex-direction: column;
	gap: var(--agency-indent-2);
}

.agency__right {
	padding-top: var(--agency-top);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));

	grid-auto-rows: auto;
    gap: var(--agency-indent-2);
	align-items: start;
}

.agency__img {
	width: var(--agency-logo);
	height: var(--agency-logo);
}

.agency__card-text {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-primary);
	line-height: var(--text-M-line);
}

.agency__card {
	display: flex;
	flex-direction: column;
	padding: var(--agency-block);
	gap: var(--agency-indent-2);
	background:
			var(--linear-gradient-fon-5),
			var(--linear-gradient-fon-4);
    backdrop-filter: blur(7.32816px);
    border-radius: var(--all-box-radius);
    border: 2px solid transparent;
	box-sizing: border-box;
}

.agency__card-no-border {
    position: relative;
    display: flex;
	gap: var(--agency-indent-2);
    flex-direction: column;
    align-items: flex-start;
    padding:  var(--agency-block);
    isolation: isolate;
    background: #1B2B4A;
    border-radius: var(--all-box-radius);
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
	box-sizing: border-box;
	background: var(--linear-gradient-fon);
}



.start__title {
	color: var(--text-fixed);
	font-family: "Montserrat", serif;
	font-weight: 800;
	font-size: var(--text-display);
	opacity: 1;
}


.start {
	padding-top: var(--start-padding-top);
	margin: 0 var(--headr-left-right);
	min-height: var(--start-height);
	background: var(--linear-gradient-fon-2);
	background-size: auto;
	border-radius: var(--all-radius);
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.start_box {
	position: relative;
	top: 0;
	margin: 0 var(--all-left-right);
	z-index: 3;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

@media (max-width: 599px) {
	.start_box {
		padding-bottom: 30px;
	}
}

.start__cards_wrapper {
	display: flex;
	justify-content: center;
	gap: var(--start-indent);
}


.start__card-title {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-primary);
	line-height: var(--text-caption-line);
}


.start__card-description {
	font-family: "Montserrat", serif;
	font-size: var(--text-S);
	color: var(--text-primary);
	line-height: var(--text-S-line);
}

.start__card {
    border-radius: var(--all-box-radius);
    max-width: 384px;
    width: 100%;
    padding: var(--start-padding);
    display: flex;
	gap: var(--card-indent);
	box-sizing: border-box;

	background-color: rgba(32, 50, 86, .5);
	backdrop-filter: blur(4px);
}

.start__card-left-logo {
	width: var(--card-logo);
	height: var(--card-logo);
}

.start__card-white {
	background-color: var(--bg-invert);
	border-radius: var(--all-box-radius);
	max-width: 384px;
	width: 100%;
	padding: var(--start-padding);
	display: flex;
	gap: var(--card-indent);
	color: var(--text-invert);
	box-sizing: border-box;
}

@media (max-width: 359px) {
	.start__card,
	.start__card-white {
		flex-direction: column;
	}
}

.start__card-title-black {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-invert);
	line-height: var(--text-caption-line);
}

.start__card-description-black {
	font-family: "Montserrat", serif;
	font-size: var(--text-S);
	color: var(--text-invert);
	line-height: var(--text-S-line);
}

.start__btn {
	padding: 16px 28px;
	display: inline-block;
}

.start__btn-wrapper {
	margin-top: 8px;
}

.start__card-right {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.questions__items-wrapper {
	display: flex;
	justify-self: center;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	margin: 0 auto
}

.questions {
	display: flex;
	flex-direction: column;
	margin: 0 var(--all-left-right);
}

.questions__item {
	gap: var(--questions-indent);
	background:
			var(--linear-gradient-fon-5),
			var(--linear-gradient-fon-4);
    backdrop-filter: blur(7px);
    border: 2px solid transparent;
	box-sizing: border-box;

	display: flex;
	width: 100%;
	max-width: 800px;
	padding: var(--questions-padding);
	border-radius: var(--all-box-radius);
}

.questions__item-no-border {
	background: var(--linear-gradient-fon);
}


@media (max-width: 1280px) {
	.questions__item {
		max-width: 100%;
	}
}

@media (max-width: 359px) {
	.questions__item {
		flex-direction: column;
	}
}

.questions__img {
	width: var(--questions-logo);
	height: var(--questions-logo);
}

.questions__item-title {
	font-family: "Montserrat", serif;
	font-weight: 600;
	font-size: var(--text-h4);
	color: var(--text-primary);
	line-height: var(--text-caption-line);
}

.questions__item-description {
	font-family: "Montserrat", serif;
	font-size: var(--text-S);
	color: var(--text-secondary);
	line-height: var(--text-S-line);
}

.questions__item-right {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.footer {
	background-image: url(../assets/footer.webp);
	background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
	margin: 24px var(--all-left-right);
	border-radius: var(--all-radius);
	position: relative;
	align-items: center;
	z-index: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.footer__wrapper {
	display: flex;
	flex-direction: column;
	margin: 240px 0;
	gap: 24px;
	position: relative;
	z-index: 20;
}

.footer__img-heart,
.footer__img-heart:before {
	position: absolute;
	z-index: 1;
	width: 727px;
	height: 682px;
}

.footer__img-heart {
	top: 120px;
	clip-path: url(#svgAleanPath);
	background: var(--linear-gradient-fon-6);
	backdrop-filter: blur(4px);
	border-radius: 47% 27% 39% 65%;
}

.footer__img-heart:before {
	top: 0;
	content: '';
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.footer__title {
	font-family: "Montserrat", serif;
	color: var(--text-fixed);
	font-weight: 600;
	font-size: var(--text-h1);
	text-align: center;
	margin: 0 auto;
}

.footer__mail-wrapper {
	display: flex;
	gap: 16px;
	align-items: center;
}

.footer__mail-wrapper-img {
	width: var(--footer-logo);
	height: var(--footer-logo);
}

.footer__phone-wrapper {
	display: flex;
	gap: 16px;
	align-items: center;
}

.footer__items-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.footer__mail-link {
	font-weight: 600;
	font-size: var(--text-L);
	line-height: var(--text-L-line);
}

.footer__mail-link:hover {
	color: var(--primary-hover)
}

.footer__mail-link:active {
	color: var(--primary-pressed)
}

.footer__phone-link {
	font-family: "Montserrat", serif;
	font-weight: 600;
	line-height: var(--text-L-line);
	color: var(--text-fixed);
}

.footer__btn {
	padding: 16px 95px;
	margin-top: 16px;
}

@media (max-width: 1280px) {
	.start__cards_wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.start__card,
	.start__card-white {
		max-width: 804px;
		width: 100%;
	}

	.blue-button {
		padding: 14px 24px;
		font-size: var(--text-S);
	}

}

@media (max-width: 985px) {
	.start__card,
	.start__card-white {
		max-width: 100%;
	}
}

@media (max-width: 899px) and (min-width: 601px) {
	.agency__text-and-card-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.company__item {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.clients__item {
		display: flex;
		flex-direction: column;
	}

	.clients__cards-wrapper {
		display: flex;
		flex-direction: column;
	}

	.company__text-wrapper {
		width: 100%;
		max-width: 100%;
	}

	.company__text-wrapper {
		gap: 12px;
	}

	.company__right {
		gap: 12px;
	}

	.company__grid-item {
		border-radius: var(--radius-m);
		padding: 12px 12px 16px 12px;
	}

	.company__logo {
		margin-bottom: 12px;
	}

	.services__text-wrapper {
		gap: 12px;
	}

	.services__btn-wrapper {
		margin-top: 16px;
	}

	.clients__item-up-button-wrapper {
		margin-top: 16px;
	}

	.clients__link-wrapper {
		margin-top: 16px;
	}

	.clients__img-screen {
		margin-top: 16px;
	}

	.clients__img-underscreen {
		margin-bottom: 16px;
	}

	.clients__card-up {
		border-radius: var(--radius-m);
	}

	.clients__card-down {
		border-radius: var(--radius-m);
	}

	.start__card::before {
		border-radius: var(--padding-radius-s);
	}

	.start__card,
	.start__card-white {
		border-radius: var(--padding-radius-s);
	}

	.questions {
		margin-top: 16px;
	}

	.questions__items-wrapper {
		gap: 12px;
	}

	.footer__btn {
		padding: 14px 80.5px;
	}

	.footer__items-wrapper {
		gap: 12px;
	}

	.footer__wrapper {
		gap: 12px;
	}

	.footer__btn {
		margin-top: 8px;
	}
}

@media (max-width: 599px) {

	.blue-button {
		padding: 14px;
	}

	.company__right {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.company__item {
		display: flex;
		flex-direction: column;
		gap: 24px;
	}

	.company__grid-item {
		border-radius: var(--radius-m);
	}

	.company__logo {
		margin-bottom: 12px;
	}

	.services__item {
		display: flex;
		flex-direction: column;
	}

	.agency__right {
		display: flex;
		flex-direction: column;
	}

	.company__text-wrapper {
		gap: 12px;
	}

	.services {
		margin-top: 12px;
		margin-left: 16px;
		margin-right: 16px;
	}

	.services__text-wrapper {
		gap: 12px;
	}

	.services__btn-wrapper {
		margin-top: 16px;
	}

	.services__item-with-img {
    	order: 1;
	}

	.services__item-with-text {
    	order: 2;
	}

	.services {
		padding-bottom: 24px;
	}

	.clients__item {
		display: flex;
		flex-direction: column;
	}


	.clients__item-up-button-wrapper {
		margin-top: 16px;
	}

	.clients__link-wrapper {
		margin-top: 16px;
	}

	.clients__item-subtitle {
		margin-bottom: 12px;
	}

	.clients__item-text-wrapper {
		gap: 16px;
	}

	.clients__item-description {
		line-height: var(--text-caption-line);
	}

	.clients__cards-wrapper {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.clients__card-up {
		border-radius: var(--radius-m);
	}

	.clients__card-down {
		padding: 12px 12px 12px 16px;
		border-radius: var(--radius-m);
		gap: 12px;
	}

	.agency__text-and-card-wrapper {
		display: flex;
		flex-direction: column;
		gap: 36px;
	}

	.agency__right {
		gap: 12px;
	}

	.agency {
		margin-bottom: 36px;
	}

	.start__card-white {
		border-radius: var(--padding-radius-s);
	}

	.start__card::before {
		border-radius: var(--padding-radius-s);
	}

	.questions__item-title {
		line-height: var(--text-h4-line);
	}

	.footer__btn {
		padding: 14px 44.5px;
	}

	.footer__items-wrapper {
		gap: 12px;
	}

	.footer__wrapper {
		gap: 12px;
	}

	.footer__btn {
		margin-top: 4px;
	}


}

@media (max-width: 1280px) and (min-width: 900px) {
	.company__item {
		gap: 16px;
	}

	.clients__cards-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 16px;
	}

	.services__btn {
		padding: 16px 28px;
	}

	.clients__item-up-button-wrapper {
		margin-top: 24px;
	}

	.clients__link-wrapper {
		margin-top: 24px;
	}

	.clients__item-text-wrapper {
		gap: 24px;
	}

	.clients__item-up-button {
		font-size: var(--text-S);
	}

	.clients__card-down {
		gap: 16px;
		padding: 16px 16px 24px 16px;
	}

	.agency__text-and-card-wrapper {
		gap: 40px;
	}

	.questions__items-wrapper {
		gap: 16px;
	}

	.company__grid-item {
		border-radius: var(--radius-l);
		gap: 16px;
	}

	.footer__btn {
		padding: 14px 84.5px;
	}

	.company__logo {
		margin-bottom: 16px;
	}

	.footer__items-wrapper {
		gap: 16px;
	}

	.footer__wrapper {
		gap: 16px;
	}

	.footer__btn {
		margin-top: 8px;
	}
}