/* reset */
@import url("reset.css");
/* fonts */
@import url("https://fonts.googleapis.com/css?family=Epilogue:regular,700,800,900&display=swap");

html {
	font-family: "Epilogue", sans-serif;
	background-color: #FDF0E9;
	color: rgba(57, 20, 0, 0.64);
}
:root {
	scroll-behavior: smooth;
}



.wrapper {
	min-block-size: 100%;
	overflow: clip;
	display: flex;
	flex-direction: column;
}

.wrapper>main {
	flex-grow: 1;
}

[class*="__container"] {
	max-inline-size: 1200px;
	padding-inline: 15px;
	margin-inline: auto;
}

@media (max-width: 479.98px) {
	[class*="__container"] {
		padding-inline: 20px;
	}
}



@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.title {
	font-size: clamp(2.75rem, 2.1136rem + 3.1818vw, 4.5rem);
	font-weight: 800;
	line-height: 1.1111;
	letter-spacing: -2px;
}

.title--medium {
	font-size: clamp(40px, 5vw, 56px);
	line-height: 1.1428;
	letter-spacing: -1px;
}

@media (max-width: 767.98px) {
	.title {
		line-height: 1.1428;
		/* 64/56 */
		letter-spacing: -1px;
	}

	.title--medium {
		line-height: 1.2;
	}
}

.title--light {
	color: #fff;
}

.title--dark {
	color: #391400;
}

.label {
	font-size: 16px;
	line-height: 2;
	font-weight: 400;
	letter-spacing: 0.1875rem;
	text-transform: uppercase;
	color: #EF6D58;
}

.subtitle {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	/* 32/20 */
	color: #391400;
}

.text {
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	/* 32/16 */
	color: rgba(255, 255, 255, 0.64);
}

.text--dark-gray {
	color: rgba(57, 20, 0, 0.64);
}

.text--dark {
	color: #391400;
}

.text--light {
	color: #FFFFFF;
}

.description-quote__text {
	font-size: 14px;
	line-height: 1.7142;
	/* 24/14 */
	color: #FFFFFFA3;
}

.description-quote__text--dark {
	color: #391400A3;
}

.description-quote__text--margin-bottom {
	margin-bottom: 12px;
}

.description-quote__name {
	color: #ffffff;
}

.description-quote__name--dark {
	color: #391400;
}

.button {
	color: #391400;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
	padding: 16px 33px;
	border-radius: 6px;
	background-color: #FFF;
	box-shadow: 0px 4px 4px 0px #00000040;
	transition: all 0.5s ease;
}

.button:hover {
	background-color: #EF6D58;
	color: #fff;
	box-shadow: 0px 6px 10px 3px #00000040;
}

.button:active {
	transition: 150ms;
}

.button--orange {
	background-color: #EF6D58;
	color: #fff;
}

.button--orange:hover {
	background-color: #FFF;
	color: #391400;
}

.button--transparent {
	background-color: transparent;
	box-shadow: none;
	border: 1px solid rgba(255, 255, 255, 0.29);
	color: #FFFFFF;
}

.button--transparent:hover {
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #391400;
}

.link {
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	color: #fff;
	transition: all 0.5s ease;
}

.link--dark {
	color: #391400;
}

.link:hover {
	color: #EF6D58;
}

.link:active {
	transform: scale(0.9);
	transition: 150ms;
}

.block-text>*:not(:last-child) {
	margin-block-end: 24px;
}

@media (max-width: 700.98px) {
	.block-text>*:not(:last-child) {
		margin-block-end: 12px;
	}

}

.block-text--align-center {
	text-align: center;
}

.portfolio,
.get-started,
.events,
.team__header,
.team,
.founder {
	background-color: #28293E;
}


/* --------------- header --------------- */

.header {
	padding-block: 15px;
	position: fixed;
	width: 100%;
	z-index: 100;
	background-color: rgba(40, 41, 62, 0.979);
	border-bottom: 1px solid #EF6C57;
}

.header__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 36px;
}

.header__logo {
	/* position: relative;
  z-index: 20; */
	flex-basis: 152px;
}

.header__logo-image {
	width: 152px;
	aspect-ratio: 152 / 48;
	transition: all 0.5s ease;
}

.header__logo-image img {
	width: 100%;
	height: 100%;
}

.header__logo-image:hover {
	cursor: pointer;
	transform: scale(1.05);
}

.header__menu {
	flex: 0 1 515px;
	/* 515/1170 */
}

.menu__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

	column-gap: 100px;
	/* 100/515 */
	row-gap: 8px;
}

.menu__item {
	position: relative;
}

.menu__link {
	position: relative;
	top: 4px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	color: #FFFFFF;
	transition: all 0.7s ease;
	border: none;
	background: none;
	transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	transition-duration: 400ms;
	transition-property: color;
}

.menu__link:focus,
.menu__link:hover {
	color: #EF6C57;
}

.menu__link:focus::after,
.menu__link:hover::after {
	width: 100%;
	left: 0%;
}

.menu__link:after {
	content: "";
	pointer-events: none;
	bottom: -2px;
	left: 50%;
	position: absolute;
	width: 0%;
	height: 2px;
	background-color: #EF6C57;
	transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	transition-duration: 400ms;
	transition-property: width, left;
}

.menu__item:hover .menu__link {
	color: #EF6C57;
}

.header__actions {
	flex-basis: 152px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	z-index: 20;
}

.actions-header__button {
	line-height: 1;
	transition: all 0.5s ease;
}

.menu-icon {
	display: none;
}

@media (max-width: 999.98px) {
	.header__body {
		column-gap: 18px;
	}

	.menu__list {
		column-gap: 50px;
	}
}

@media (max-width: 767.98px) {

	.menu__body {
		position: fixed;
		z-index: 10;

		inset-inline-start: 100%;
		inset-block-start: 0;

		inline-size: 80%;
		block-size: 100%;

		background-color: rgba(30, 31, 50, 0.993);

		padding: 120px 30px 30px;

		overflow: auto;
		transition: inset-inline-start 0.3s ease;
	}

	.menu__body::before {
		content: "";
		position: fixed;
		z-index: 13;

		inset-inline-start: 100%;
		inset-block-start: 0;

		block-size: 80px;
		inline-size: 100%;

		background-color: rgb(30, 31, 50);
		transition: inset-inline-start 0.3s ease;
	}

	.menu__list {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-end;
		flex-wrap: nowrap;
		row-gap: 32px;
	}

	.menu__link {
		font-size: 38px;
	}

	.header__actions {
		flex-basis: 210px;
		flex-shrink: 1;
		column-gap: 16px;
	}

	.actions-header__icon-container {
		display: flex;
		width: 48px;
		height: 48px;
		align-items: center;
		justify-content: center;
		border-radius: 6px;
		border: 1px solid rgba(255, 255, 255, 0.30);
	}

	.menu-icon {
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
		flex-basis: 20px;
		height: 16px;
		justify-content: space-between;
	}

	.menu-icon span,
	.menu-icon::before,
	.menu-icon::after {
		content: "";
		height: 2px;
		width: 100%;
		background-color: #FFF;
		transition: transform 0.3s ease;
	}

	.open-menu .menu__body,
	.open-menu .menu__body::before {
		inset-inline-start: 20%;

	}

	.open-menu .menu__body {
		box-shadow: -5px -5px 20px #171717;
	}

	.open-menu .menu-icon {
		justify-content: center;
	}

	.open-menu .menu-icon span {
		width: 0;
		height: 0;
	}

	.open-menu .menu-icon::before {
		transform: rotate(-45deg) translateY(1px);
	}

	.open-menu .menu-icon::after {
		transform: rotate(45deg) translateY(-1px);
	}
}

@media (max-width: 479.98px) {
	.header__logo-image {
		width: 122px;
	}

	.header__body {
		column-gap: 12px;
	}

	.header__actions {
		column-gap: 8px;
	}

	.header__actions>.actions-header__button {
		padding: 16px;
	}
}

@media (max-width: 375.98px) {
	.header__container {
		padding-inline: 10px;
	}

	.header__logo-image {
		width: 102px;
	}
}


/* --------------- hero --------------- */

.hero {
	background-color: #28293E;
	padding-block-start: 180px;
	padding-block-end: 56px;
}

.hero__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
	margin-block-end: 24px;
}

.hero__text-block {
	flex: 0 0 43.846154%;
	/* 513/1170 */
}

.hero__text-block>.block-text__title {
	position: relative;
	z-index: 2;
}

.block-text__star-position {
	position: relative;
	z-index: -1;
}

.block-text__star-position::before {
	content: "";
	position: absolute;
	width: 92.5%;
	/* 148/160 */
	height: 200%;
	/* 148/74 */
	top: -48.648649%;
	/* -36/74 */
	right: -33.75%;
	/* -54/160 */
	background: url(../img/hero/10_star.svg) 0 0 / 100% no-repeat;
	z-index: -1;
	animation: rotate 20s linear infinite;
}

.block-text__buttons-block {
	display: flex;
	gap: 40px;
	align-items: center;
}

.hero__image-block {
	position: relative;
	max-width: 570px;
	width: 100%;
	aspect-ratio: 570 / 578;
	align-self: flex-start;
}

.block-image__item--oval {
	position: absolute;
	max-width: 64.912281%;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #32334C;
	top: 17.301038%;
	/* 100/578 */
	left: 17.54386%;
	/* 100/570 */
}

.block-image__item--macbook {
	position: absolute;
	z-index: 5;
	top: 4.152249%;
	/* 24/578 */
	left: 3.460208%;
	/* 20/578 */
	width: 44.736842%;
	/* 255/570 */
	aspect-ratio: 255 / 265;
}

.block-image__item--macbook img {
	width: 100%;
	height: 100%;
}

.block-image__item--macbook::before {
	content: "";
	position: absolute;
	z-index: -1;
	background-color: #B550F8;
	width: 96.470588%;
	/* 246/255 */
	height: 115.09434%;
	/* 305/265 */
	top: -9.056604%;
	/* -24/265 */
	left: -7.843137%;
	/* -20/255 */
	border-radius: 400px 400px 24px 24px;
}

.block-image__item--icon {
	position: absolute;
	top: 6.920415%;
	/* 40/578 */
	right: 27.192982%;
	/* 155/570 */
	width: 19.649123%;
	/* 112/570 */
	height: 19.377163%;
	/* 112/578 */
}

.block-image__item--icon img {
	width: 100%;
	height: 100%;
}

.block-image__item--cloud {
	position: absolute;
	top: 13.84083%;
	/* 80/578 */
	right: 0;
	max-width: 19.649123%;
	/* 112/570 */
	max-height: 14.186851%;
	/* 82/578 */
}

.block-image__item--cloud img {
	width: 100%;
	height: 100%
}

.block-image__item--avatar {
	position: absolute;
	z-index: 5;
	bottom: 19.298246%;
	/* 110/570 */
	right: 0;
	width: 43.157895%;
	/* 246/570 */
	text-align: center;
}

.block-image__item--avatar img {
	border-radius: 0 0 6px 6px;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.block-image__item--avatar::before {
	content: "";
	position: absolute;
	z-index: -1;
	background-color: #F7CC47;
	width: 100%;
	height: 113.3829%;
	/* 305/269 */
	bottom: 0;
	right: 0;
	border-radius: 400px 400px 24px 24px;
}

.block-image__item--arrow {
	position: absolute;
	bottom: 4.32526%;
	/* 25/578 */
	right: 30.175439%;
	/* 172/570 */
	width: 14.385965%;
	/* 82/570 */
	height: 8.650519%;
	/* 50/578 */
}

.block-image__item--arrow img {
	width: 100%;
	height: 100%;
}

.block-image__item--form {
	position: absolute;
	left: 9.649123%;
	/* 55/570 */
	bottom: 10.380623%;
	/* 60/578 */
	width: 37.54386%;
	/* 214/570 */
	height: 19.377163%;
	/* 112/578 */
}

.block-image__item--form img {
	width: 100%;
	height: 100%;
}

.block-image__item--arrow-wavy {
	position: absolute;
	left: 0;
	bottom: 32.871972%;
	/* 190/578 */
	width: 24.912281%;
	/* 142/570 */
	height: 12.629758%;
	/* 73/578 */
}

.block-image__item--arrow-wavy img {
	width: 100%;
	height: 100%;
}

.quote-hero {
	display: inline-flex;
	align-items: center;
	gap: 16px;
}

.quote-hero {
	position: relative;
}

.description-quote__text {
	margin-block-end: 8px;
	text-wrap: pretty;
}

.quote-hero__avatar {
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 50px;
	text-align: center;
	background-color: #B550F6;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.quote-hero__avatar img {
	max-width: 38px;
	max-height: 43px;
	vertical-align: bottom;
}


@media (max-width: 999.98px) {
	.hero {
		padding-block-start: 140px;
		padding-block-end: 40px;
	}

	.hero__body {
		gap: 28px;
	}
}

@media (max-width: 830.98px) {
	.hero__body--reverse {
		flex-direction: column;
	}

	.hero__body {
		gap: 22px;
	}

	.hero__image-block {
		align-self: center;
	}
}

@media (max-width: 479.98px) {
	.hero {
		padding-block-start: 110px;
		padding-block-end: 30px;
	}

	.hero__body {
		margin-block-end: 8px;
	}

	.quote-hero {
		gap: 18px;
	}

	.quote-hero__avatar {
		align-self: flex-start;
	}
}

@media (max-width: 375.98px) {
	.block-text__buttons-block {
		flex-direction: column;
		flex-grow: 1;
		align-items: stretch;
		gap: 6px;
	}

	.block-text__buttons-block>.block-buttons__link {
		text-align: center;
		padding-block: 16px;
		line-height: 1;
	}
}

/* --------------- about --------------- */

.about {
	padding-block-start: 120px;
}

.about__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.about__body--reverse {
	flex-direction: row-reverse;
}

.about__image-block {
	position: relative;
	max-width: 566px;
	width: 100%;
	aspect-ratio: 566 / 585;
}

.block-image__item--rectangle {
	position: absolute;
	width: 68.904594%;
	/* 390/566 */
	height: 54.700855%;
	/* 320/585 */
	background-color: #F9E5DA;
	border-radius: 6px;
	top: 2.564103%;
	/* 15/585 */
	left: 12.720848%;
	/* 72/566 */
	z-index: 1;
}

.block-image__item--photo {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 18.803419%;
	/* 110/585 */
	width: 83.038869%;
	/* 470/566 */
	aspect-ratio: 470 / 319;
}

.block-image__item--photo img {
	border-radius: 8px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-image__item--color-palette {
	position: absolute;
	z-index: 3;
	top: 9.401709%;
	/* 55/585 */
	right: 10.600707%;
	/* 60/566 */
	width: 38.162544%;
	/* 216/566 */
	aspect-ratio: 216 / 68;
	box-shadow: 0px 24px 48px 0px #551E0015;
}

.block-image__item--color-palette img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-image__item--arrow-about {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 1.766784%;
	/* 10/566 */
	width: 34.09894%;
	/* 193/566 */
	aspect-ratio: 193 / 89;
}

.block-image__item--arrow-about img {
	width: 100%;
	height: 100%;
}

.block-image__item--cloud-about {
	position: absolute;
	z-index: 1;
	left: 2.826855%;
	/* 16/566 */
	top: 12.991453%;
	/* 76/585 */
	width: 33.922261%;
	/* 192/566 */
	aspect-ratio: 192 / 166;
}

.block-image__item--cloud-about img {
	width: 100%;
	height: 100%;
}

.block-image__item--avatar-about {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 19.375%;
	background-color: #EF6D58;
	border-radius: 50%;
	width: 38.69258%;
	/* 219/566 */
	height: 37.435897%;
	/* 219/585 */
	overflow: hidden;
}

.block-image__body--about {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 14.155251%;
	/* 31/219 */
	width: 73.059361%;
	/* 160/219 */
	aspect-ratio: 160 / 195;
}

.block-image__body img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about__text-block {
	flex: 0 0 40.17094%;
	/* 470/1170 */
}

@media (max-width: 999.98px) {
	.about {
		padding-block-start: 80px;
	}

	.about__body {
		gap: 28px;
	}
}

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

	.about__body {
		gap: 22px;
	}

	.about__image-block {
		align-self: center;
	}
}

@media (max-width: 479.98px) {
	.about {
		padding-block-start: 30px;
	}
}

/* --------------- features --------------- */

.features {
	padding-block-start: 120px;
}

.features__body {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.features__text-block {
	flex: 0 0 40.17094%;
	/* 470/1170 */
}

.check-list__item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 16px;
}

.check-list__item:not(:last-child) {
	margin-block-end: 16px;
}

.check-list__item::before {
	content: "";
	align-self: flex-start;
	flex-shrink: 0;
	inline-size: 32px;
	block-size: 32px;
	background: url(../img/features/1_check.svg) 0 0 / 100% no-repeat;
}

.features__image-block {
	position: relative;
	max-width: 529px;
	width: 100%;
	aspect-ratio: 529 / 550;
}

.features__image-block::before {
	content: "";
	position: absolute;
	background-color: #F9E5DA;
	border-radius: 6px;
	width: 84.499055%;
	/* 447/529 */
	height: 26.909091%;
	/* 148/550 */
	transform: rotate(-32deg);
	top: 27.272727%;
	/* 150/550 */
	left: 0px;
	z-index: -2;
}

.block-image__item--photo-features {
	position: absolute;
	z-index: 5;
	right: 0;
	top: 30%;
	/* 165/550 */
	width: 88.846881%;
	/* 470/529 */
	aspect-ratio: 470 / 290;
}

.block-image__item--photo-features img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-image__item--photo-features::before {
	content: "";
	position: absolute;
	background-color: #F7CC47;
	border-radius: 6px;
	width: 68.085106%;
	/* 320/470 */
	height: 62.068966%;
	/* 180/290 */
	transform: rotate(21deg);
	bottom: -15.517241%;
	/* -45/290 */
	right: 12.5%;
	/* 40/320 */
	z-index: -1;
}

.block-image__item--avatar-features {
	position: absolute;
	z-index: 5;
	top: 4.545455%;
	/* 25/550 */
	left: 18.903592%;
	/* 100/529 */
	background-color: #B550F8;
	border-radius: 50%;
	width: 34.782609%;
	/* 184/529 */
	height: 33.454545%;
	/* 184/550 */
	overflow: hidden;
}

.block-image__body--features {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 19.565217%;
	/* 36/184 */
	width: 61.413043%;
	/* 113/184 */
	aspect-ratio: 113 / 169;
}

.block-image__item--avatar-features img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-image__item--arrow-features {
	position: absolute;
	top: 14.545455%;
	/* 80/550 */
	right: 3.780718%;
	/* 20/529 */
	z-index: 3;
	width: 49.338374%;
	/* 261/529 */
	aspect-ratio: 261 / 118;
}

.block-image__item--arrow-features img {
	width: 100%;
	height: 100%;
}

.block-image__item--shape-features {
	position: absolute;
	left: 3.402647%;
	/* 18/529 */
	bottom: 10.909091%;
	/* 60/550 */
	width: 40.642722%;
	/* 215/529 */
	aspect-ratio: 215 / 130;
}

.block-image__item--shape-features img {
	width: 100%;
	height: 100%;
}

@media (max-width: 999.98px) {
	.features {
		padding-block-start: 80px;
	}

	.features__body {
		gap: 28px;
	}
}

@media (max-width: 830.98px) {
	.features__body {
		flex-direction: column;
		gap: 22px;
	}

	.features__image-block {
		align-self: center;
	}
}

@media (max-width: 479.98px) {
	.features {
		padding-block-start: 30px;
	}
}

/* --------------- service --------------- */

.service {
	padding-block: 120px;
}

.service__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 40px;
}

.service__body--reverse {
	flex-direction: row-reverse;
}

.service__image-block {
	position: relative;
	max-width: 580px;
	width: 100%;
	aspect-ratio: 580 / 570;
}

.block-image__item--triangle {
	position: absolute;
	z-index: 1;
	top: 2.105263%;
	/* 12/570 */
	left: 2.068966%;
	/* 12/580 */
	width: 98.275862%;
	/* 570/580 */
	aspect-ratio: 570 / 464;
}

.block-image__item--triangle img {
	width: 100%;
	height: 100%;
}

.block-image__item--photo-service {
	position: absolute;
	z-index: 2;
	top: 14.385965%;
	/* 82/570 */
	left: 13.103448%;
	/* 76/580 */
	width: 33.275862%;
	/* 193/580 */
	aspect-ratio: 193 / 274;
}

.block-image__item--photo-service img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-image__item--photo-service::before {
	content: "";
	position: absolute;
	background-color: #B550F8;
	width: 127.46114%;
	/* 246/193 */
	height: 111.313869%;
	/* 305/274 */
	bottom: 0;
	left: -21.243523%;
	/* 41/193 */
	border-radius: 300px 300px 24px 24px;
	z-index: -1;
}

.block-image__item--block {
	position: absolute;
	z-index: 2;
	top: 22.807018%;
	/* 130/570 */
	right: 10.344828%;
	/* 60/580 */
	box-shadow: 0px 4px 4px 0px #00000040;
	width: 28.62069%;
	/* 166/580 */
	aspect-ratio: 166 / 142;
}

.block-image__item--block img {
	width: 100%;
	height: 100%;
}

.block-image__item--star {
	position: absolute;
	z-index: 1;
	top: 13.157895%;
	/* 75/570 */
	right: 1.206897%;
	/* 7/580 */
	width: 25.517241%;
	/* 148/580 */
	aspect-ratio: 148 / 148;
	animation: rotate 20s linear infinite;
}

.block-image__item--star img {
	width: 100%;
	height: 100%;
}

.block-image__item--avatar-service {
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 16.37931%;
	/* 95/580 */
	background-color: #EF6C57;
	border-radius: 50%;
	width: 36.37931%;
	/* 211/580 */
	height: 37.017544%;
	/* 211/570 */
	overflow: hidden;
}

.block-image__body-service {
	position: absolute;
	z-index: 5;
	bottom: 0;
	left: 5.21327%;
	/* 11/211 */
	width: 90.995261%;
	/* 192/211 */
	aspect-ratio: 192 / 194;
}

.block-image__item--avatar-service img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.block-image__item--arrow-service {
	position: absolute;
	z-index: 1;
	bottom: 24.561404%;
	/* 140/570 */
	right: 0;
	width: 15%;
	/* 87/580 */
	aspect-ratio: 87 / 168;
}

.block-image__item--arrow-service img {
	width: 100%;
	height: 100%;
}

.block-image__item--shape-service {
	position: absolute;
	z-index: 1;
	bottom: 8.421053%;
	/* 48/570 */
	left: 27.241379%;
	/* 158/580 */
	width: 8.793103%;
	/* 51/580 */
	aspect-ratio: 51 / 211;
}

.block-image__item--shape-service img {
	width: 100%;
	height: 100%;
}

.service__text-block {
	flex: 0 0 40.17094%;
	/* 470/1170 */

}

.quote-service {
	display: inline-flex;
	align-items: start;
	gap: 14px;
}

.quote-service__avatar {
	flex-shrink: 0;
	background-color: #F7CB47;
	width: 64px;
	height: 64px;
	line-height: 66px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}

.quote-service__avatar img {
	max-height: 58px;
	vertical-align: bottom;
}

@media (max-width: 999.98px) {
	.service {
		padding-block: 80px;
	}

	.service__body {
		gap: 28px;
	}
}

@media (max-width: 830.98px) {
	.service__body {
		flex-direction: column;
		gap: 22px;
	}

	.service__image-block {
		align-self: center;
	}
}

@media (max-width: 479.98px) {
	.service {
		padding-block: 30px;
	}
}

/* --------------- portfolio --------------- */

.portfolio {
	padding-block: 120px;
	background-color: #28293E;
}

.portfolio__text-block {
	margin-block-end: 44px;
}

.menu-portfolio {
	margin-block-end: 68px;
}

.menu-portfolio__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 60px;
	row-gap: 10px;
}

.menu-portfolio__link sup {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.714;
	display: inline-flex;
	transform: translateY(-6px);
}

.menu-portfolio__link {
	position: relative;
	color: rgba(255, 255, 255, 0.64);
	font-size: 16px;
	font-weight: 400;
	line-height: 2;
	transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	transition-duration: 400ms;
	transition-property: color;
	transition: all 0.7s ease;
}

.menu-portfolio__link:focus,
.menu-portfolio__link:hover {
	color: #fff;
}

.menu-portfolio__link:focus::after,
.menu-portfolio__link:hover::after {
	width: 100%;
	left: 0%;
}

.menu-portfolio__link:after {
	content: "";
	pointer-events: none;
	bottom: -2px;
	left: 50%;
	position: absolute;
	width: 0%;
	height: 2px;
	background-color: #fff;
	transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	transition-duration: 400ms;
	transition-property: width, left;
}

.navigation-portfolio {
	display: none;
}

.cover-portfolio {
	margin-block-end: 64px;
}

.cover-portfolio__items {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.cover-portfolio__item {
	position: relative;
	display: flex;

	min-height: 416px;
	align-items: flex-end;
	padding: 50px;
	object-fit: cover;
	transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

@media (min-width: 999.98px) {
	.cover-portfolio__item {
		flex: 0 1 470px;
	}

	.cover-portfolio__item:nth-child(4n + 2),
	.cover-portfolio__item:nth-child(4n + 3) {
		flex: 1 1 470px;
	}
}

/* --------------- portfolio --------------- */
@media (any-hover: hover) {
	.cover-portfolio__item:hover {
		transform: translateY(-3px);
		box-shadow: 20px 20px 60px #222335,
			-10px -10px 30px #2e2f47;
	}
}

.cover-portfolio__item::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #5C2000;
	opacity: 0.3181;
	z-index: 1;
	border-radius: 8px;
	transition: opacity 0.5s ease;
}

.cover-portfolio__item:hover::after {
	opacity: 0.5;
}

.cover-portfolio__item>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}

.description-cover {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 23px;
	position: relative;
	z-index: 2;
}

.description-cover__label {
	color: #391400;
	background-color: #FFF;
	border-radius: 20px;
	padding: 10px 16px;
	text-align: center;
	line-height: 1;
	transition: all 0.5s ease;
}

.description-cover__label:hover {
	background-color: #EF6D58;
	color: #FFF;
}

.description-cover__title {
	font-size: 40px;
	font-weight: 800;
	line-height: 48px;
	color: #FFF;
}

.portfolio__button {
	text-align: center;
}

@media (max-width: 999.98px) {
	.portfolio {
		padding-block: 80px;
	}

	.cover-portfolio__item {
		flex: 1 1 320px;
		padding: 32px;
	}

	.cover-portfolio__items {
		gap: 24px;
	}
}

@media (max-width: 767.98px) {
	.menu-portfolio__list {
		row-gap: 12px;
	}

}

@media (max-width: 700.98px) {
	.cover-portfolio__item {
		flex-basis: 280px;
	}
}

@media (max-width: 620.98px) {

	.cover-portfolio {
		margin-block-end: 48px;
	}

	.cover-portfolio__items {
		justify-content: center;
	}

	.cover-portfolio__item {
		padding: 26px;
	}

	.cover-portfolio__item--phone-none {
		display: none;
	}
}

@media (max-width: 479.98px) {
	.portfolio {
		padding-block: 30px 40px;
	}

	.menu-portfolio {
		display: none;
	}

	.portfolio__text-block {
		margin-block-end: 35px;
	}

	.cover-portfolio {
		margin-block-end: 40px;
	}

	.navigation-portfolio {
		display: flex;
		margin-block-end: 42px;
	}

	.navigation-portfolio__list {
		flex-grow: 1;
	}

	.navigation-portfolio__item {
		position: relative;
		border-radius: 8px;
		padding: 10px 16px;
		background-color: #fff;
	}

	.navigation-portfolio__item::after {
		content: "";
		position: absolute;
		width: 12px;
		height: 8px;
		top: 44.230769%;
		/* 23/52 */
		right: 22px;
		background: #fff url(../img/portfolio/triangle_icon.png) 0 0 / 100% no-repeat;

	}

	.navigation-portfolio__link {
		color: rgba(57, 20, 0, 0.64);
		font-size: 16px;
		font-weight: 400;
		line-height: 2;
	}

	.navigation-portfolio__sub-list {
		margin-block-start: 6px;
		background-color: #fff;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 10;
		width: 100%;
		padding: 10px 22px;
		border-radius: 8px;
		border: 2px solid #EF6C57;
		box-shadow: 6px 6px 6px 4px #00000040;
		transition: all 0.5s ease;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.navigation-portfolio__sub-item:not(:last-child) {
		margin-block-end: 6px;
	}

	.navigation-portfolio__item:hover .navigation-portfolio__sub-list {
		visibility: visible;
		opacity: 1;
		pointer-events: all;
	}

}

/* --------------- get-started --------------- */

.get-started {
	padding-block: 80px 120px;
}

.get-started__body {
	position: relative;
	padding-inline: 22px;
	background-color: #FDF0E9;
	border-radius: 8px;
	display: flex;
	justify-content: space-evenly;
	gap: 32px;

	align-items: center;
	flex-wrap: wrap;

}

.title-block__label::after {
	content: "";
	position: absolute;
	top: -80px;
	left: 64px;
	inline-size: 148px;
	block-size: 148px;
	background: url(../img/get-started/4_icon.svg) 0 0 / cover no-repeat;
	animation: rotate 20s linear infinite;
}

.title-block__label::before {
	content: "";
	position: absolute;
	top: -21px;
	left: 123px;
	inline-size: 32px;
	block-size: 32px;
	background: url(../img/get-started/4_icon_1.svg) 0 0 / cover no-repeat;
	z-index: 3;
}

.title-block {
	flex: 0 1 248px;
	padding-block: 76px;
}

.title-block__label {
	margin-block-end: 13px;
}

.title-block__title {
	color: #391400;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3333;
	margin-block-end: 24px;
}

.get-started__image-block {
	position: relative;
	flex-basis: 338px;
	padding-block-end: 18px;
}

.get-started__image-block img {
	position: relative;
	z-index: 3;
	width: 100%;
	height: 100%;
	aspect-ratio: 338 / 176;
	object-fit: cover;
	box-shadow: 0px 24px 48px 0px rgba(85, 30, 0, 0.04);

}

.get-started__image-block::before {
	content: "";
	position: absolute;
	top: 4.545455%;
	/* 8/176 */
	left: 5.228758%;
	/* 16/306 */
	max-inline-size: 90.532544%;
	/* 306/338 */
	width: 100%;
	aspect-ratio: 306 / 176;
	background: url(../img/get-started/1_block_1.svg) 0 0 no-repeat;
	box-shadow: 0px 24px 48px 0px rgba(85, 30, 0, 0.04);
	z-index: 2;
}

.get-started__image-block::after {
	content: "";
	position: absolute;
	top: 9.090909%;
	/* 16/176 */
	left: 11.678832%;
	/* 32/274 */
	max-inline-size: 81.065089%;
	/* 274/338 */
	width: 100%;
	aspect-ratio: 274 / 176;
	background: url(../img/get-started/1_block_2.svg) 0 0 no-repeat;
	z-index: 1;
	box-shadow: 0px 24px 48px 0px rgba(85, 30, 0, 0.04);
}

.get-started__avatar-block {
	position: relative;
	flex: 0 1 295px;
	align-self: flex-end;
	padding-inline-start: 56px;
	margin-block-start: -60px;
}

.get-started__avatar-block img {
	position: relative;
	z-index: 2;

	width: 100%;
	aspect-ratio: 239 / 396;
	object-fit: cover;
}

.get-started__avatar-block::before {
	content: "";
	position: absolute;

	left: 0;
	bottom: 11.868687%;
	/* 47/396 */

	width: 95.59322%;
	/* 282/295 */
	height: 61.111111%;
	/* 242/396 */

	background: url(../img/get-started/3_cloude.svg) left center / contain no-repeat;
	z-index: 1;
}

@media (max-width: 1018.98px) {
	.get-started {
		padding-block: 80px;
	}

	.get-started__body {
		gap: 40px;
	}

	.title-block {
		padding-block: 76px 0px;
	}

	.get-started__avatar-block {
		margin-block-start: 0;
	}
}

@media (max-width: 479.98px) {
	.get-started {
		padding-block: 82px 40px;
	}

	.get-started__body {
		padding-inline: 30px;
		flex-shrink: 1;
		justify-content: center;
		align-items: center;
	}

	.get-started__body {
		gap: 0;
	}

	.title-block {
		padding-block-start: 90px;
		padding-block-end: 0;
		margin-block-end: 48px;
	}

	.title-block__label::after {
		top: -80px;
		left: 24px;
	}

	.title-block__label::before {
		top: -25px;
		left: 83px;
	}

	.get-started__image-block {
		margin-block-end: 54px;
	}
}

@media (max-width: 400.98px) {
	
}

/* --------------- events --------------- */

.events {
	padding-block-end: 120px;
	background-color: #28293E;
}

.events__text-block {
	margin-block-end: 64px;
}

.events__items {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	margin-block-end: 64px;
}

.events__item {
	display: flex;
	flex-direction: column;
	flex: 1 1 370px;
	padding: 40px 41px 36px;
	border-radius: 6px;
	border: 1px solid #3A3C56;
	transition: all 0.5s ease;
}
/* --------------- events --------------- */

@media (any-hover: hover) {
	.events__item:hover {
		transform: translateY(-3px);
		border: 1px solid #57597f;
		box-shadow: 20px 20px 60px #222335,
			-20px -20px 60px #2e2f47;
	}
}

.header-calendar {
	display: flex;
	gap: 12px;
	margin-block-end: 8px;
}

.header-calendar__date {
	font-size: 72px;
}

.header-calendar__month-container {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.header-calendar__month,
.header-calendar__year,
.description-calendar__title {
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.333;
}

.calendar__time {
	position: relative;
	display: flex;
	align-items: center;
	gap: 9px;
	padding-block-end: 36px;
	border-bottom: 1px solid #3A3C56;
	margin-block-end: 40px;
}

.calendar__time::before {
	content: "";
	flex-shrink: 0;
	inline-size: 16px;
	block-size: 19px;
	background: url(../img/events/1_time_icon.svg) 0 0 / 100% no-repeat;
}

.description-calendar {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex-grow: 1;
}

.description-calendar__title {
	margin-block-end: 19px;
}

.description-calendar__text {
	margin-block-end: 26px;
	flex-grow: 1;
}

.events__button {
	text-align: center;
}

@media (max-width: 1200.98px) {
	.events__items {
		justify-content: center;
	}
}

@media (max-width: 999.98px) {
	.events {
		padding-block-end: 80px;
	}
}

@media (max-width: 620.98px) {
	.events__items {
		justify-content: center;
		gap: 18px;
	}
}

@media (max-width: 479.98px) {
	.events {
		padding-block-end: 40px;
	}

	.events__text-block {
		margin-block-end: 35px;
	}

	.events__items {
		margin-block-end: 42px;
	}
}

/* --------------- team --------------- */

.team {
	padding-block-end: 120px;
}

.team__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-block-end: 64px;
	gap: 16px;
}

.team__button-arrow {
	display: flex;
	gap: 16px;
}

.arrow-button__left,
.arrow-button__right {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.30);
	width: 48px;
	height: 48px;
	transition: all 0.5s ease;
}

.arrow-button__right:hover,
.arrow-button__left:hover {
	background-color: #EF6C57;
	cursor: pointer;
	box-shadow: 0px 0px 16px #191925;
}

.arrow-button__right:active,
.arrow-button__left:active {
	background-color: #EF6C57;
	transform: scale(0.9);
	transition: 150ms;
}

.team__photos {
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
	margin-block-end: 52px;

}

.team__photo {
	flex: 1 0 270px;
	transition: transform 0.5s ease-in-out, border 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
	/* overflow: hidden; */
}

/* --------------- team --------------- */

@media (any-hover: hover) {
	.team__photo:hover {
		transform: scale(1.03);
		cursor: pointer;
	}
}


.team__image {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	aspect-ratio: 1;
	/* max-width: 270px; */
	border-radius: 6px;
	border: 1px solid #3A3C56;
	transition: border 0.5s ease, box-shadow 0.5s ease;
	margin-block-end: 26px;
}

.team__image img {
	width: 100%;
	height: 85.185185%;
	object-fit: contain;
}

@media (any-hover: hover) {
	.team__photo:hover .team__image {
		border: 1px solid #57597f;
		box-shadow: 20px 20px 60px #222335,
			-20px -20px 60px #2e2f47;
	}

}

.team__name {
	color: #FFF;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3333;
	margin-block-end: 3px;
}

.navigation {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.navigation__item {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid #4E4F6E;
	transition: all 0.5s ease;
}

.navigation__item:hover {
	background-color: #EF6D58;
	box-shadow: 0px 0px 16px #191925;
}

@media (max-width: 1200.98px) {
	.team__photos {
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.team__photo {
		scroll-snap-align: start;
	}
}

@media (max-width: 999.98px) {
	.team {
		padding-block-end: 80px;
	}
}

@media (max-width: 830.98px) {
	.team__photos {
		margin-block-end: 28px;
	}
}

@media (min-width: 620.98px) {
	.team__navigation>.navigation__item--none {
		display: none;
	}
}

@media (max-width: 620.98px) {
	.team__button-arrow {
		display: none;
	}

	.navigation__item {
		width: 12px;
		height: 12px;
	}
}

@media (max-width: 479.98px) {
	.team {
		padding-block-end: 52px;
	}

	.team__header {
		margin-block-end: 35px;
	}

	.team__photos {
		gap: 22px;
	}
}

/* --------------- founder --------------- */

.founder {
	padding-block-end: 120px;
}

.founder__body {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
}

.founder__image-block {
	max-width: 570px;
	aspect-ratio: 570 / 448;
	transition: all 0.5s ease;
	align-self: flex-start;
}

.founder__image-block img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.founder__image-block:hover {
	transform: translateY(-3px);
	box-shadow: 20px 20px 60px #222335,
		-20px -20px 60px #2e2f47;
}

.founder__words-block {
	flex: 0 0 40.17094%;
	/* 470/1170 */

}

.block-words__label {
	margin-block-end: 30px;
}

.block-words__quote {
	position: relative;
	color: #FFF;
	font-size: clamp(24px, 4vw, 40px);
	font-weight: 800;
	line-height: 1.2;
	margin-block-end: 30px;
	z-index: 3;
}

.block-words__quote::before {
	content: "";
	position: absolute;
	inline-size: 100px;
	/* 100/470 */
	block-size: 80px;
	/* 80/192 */
	background: url(../img/founder/1_shape.svg) 0 0 / 100% no-repeat;
	inset-block-start: -56px;
	/* 56/193 */
	inset-inline-end: 46px;
	/* 46/470 */
	z-index: -1;
}

.block-words__name {
	color: #FFF;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	margin-block-end: 6px;
}

.block-words__position {
	color: rgba(255, 255, 255, 0.64);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.7142;
}

@media (max-width: 999.98px) {
	.founder {
		padding-block-end: 80px;
	}

	.block-words__quote {
		margin-block-end: 32px;
	}
}

@media (max-width: 830.98px) {
	.founder__body {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 30px;
	}

	.founder__image-block {
		align-self: center;
	}

	.founder__words-block {
		max-width: 570px;
		flex: 0;
	}

}

@media (max-width: 767.98px) {
	.block-words__quote {
		font-weight: 700;
		line-height: 1.3333;
	}
}

@media (max-width: 479.98px) {
	.founder {
		padding-block-end: 30px;
	}

	.block-words__quote {
		margin-block-end: 20px;
	}
}

@media (max-width: 374.98px) {
	.block-words__quote::before {
		inset-block-start: -35px;
		inset-inline-end: 28px;
	}
}

/* --------------- footer --------------- */

.footer {
	padding-block: 90px;

}

.footer__body {
	display: flex;
	justify-content: space-between;
	gap: 22px;
	flex-wrap: wrap;
	padding-block-end: 70px;
	border-bottom: 1px solid #F3D1BF;
	margin-block-end: 44px;
}

.footer__columns {
	display: flex;
	justify-content: space-between;
	gap: 22px;
	flex: 0 1 705px;
	flex-wrap: wrap;
}

.footer__logo {
	width: 90px;
	height: 24px;
	transition: all 0.5s ease;
}

.footer__logo img {
	width: 100%;
	height: 100%;
}

.footer__logo:hover {
	transform: scale(1.05);
}

.footer__label {
	margin-block-end: 16px;
}

.footer__list-item {
	margin-block-end: 4px;
}

.footer__link {
	color: #391400;
}

.footer__social-media {
	display: flex;
	flex-wrap: wrap;
	align-self: flex-start;
	justify-content: flex-end;
	gap: 8px;
}

.footer__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	width: 48px;
	height: 48px;
	transition: all 0.5s ease;
	border-radius: 48px;
	background-color: #EF6D58;
}

.footer__icon--facebook img {
	width: 10px;
	height: 16px;
}

.footer__icon--twitter img {
	width: 16px;
	height: 13px;
}

.footer__icon--instagram img {
	width: 16px;
	height: 16px;
}

.footer__icon:hover {
	transform: translateY(-3px);
}

.footer__copyright {
	display: flex;
	justify-content: space-between;
	gap: 22px;
}

.copyright__policy {
	display: flex;
	flex: 0 1 275px;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
}

@media (max-width: 991.98px) {
	.footer {
		padding-block: 60px;
	}

	.footer__body {
		flex-direction: column;
		flex-grow: 0;
		padding-block-end: 40px;
		margin-block-end: 40px;
		gap: 34px;
	}

	.footer__columns {
		flex: 0 0 0;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	.footer__social-media {
		align-self: center;
	}
}

@media (max-width: 479.98px) {
	.footer {
		padding-block: 40px 30px;
	}

	.footer__body {
		gap: 32px;
	}

	.footer__columns {
		text-align: center;
		flex-direction: column;
		align-items: center;
		row-gap: 32px;
	}

	.footer__icons>*:not(:last-of-type) {
		margin-block-end: 0px;
	}

	.footer__copyright {
		flex-direction: column;
	}

	.footer__label {
		margin-block-end: 8px;
	}

	.copyright__text {
		max-width: 198px;
		align-self: center;
		text-align: center;
	}

	.copyright__policy {
		flex: 0 1 0;
		justify-content: center;
		gap: 68px;
	}
}