:root {
	--text: #222;
	--white: #FFF;
	--brown: #B18C6D;
	--light-brown: #E2DBD6;
	--hover: #896649;
	--bg: #F2F2F2;
}

body {
	font-family: Inter Tight, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 130%;
	color: var(--text);
	background-color: var(--bg);
}

a {
	color: inherit;
	text-decoration: none;
	transition: all .2s;
}
a small {
	font-size: 100%;
}

h1, h2, h3, p, a {
	line-height: 130%;
}

ul {
	list-style-type: none;
}

.h1 {
	font-size: 36px;
	font-weight: 300;
	text-transform: uppercase;
}

.h2 {
	font-size: 30px;
	font-weight: 300;
	text-transform: uppercase;
}

.h1 b, .h2 b {
	font-weight: 600;
}

.container {
	max-width: 1440px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 50px;
	padding-right: 50px;
}

.small-btn {
	padding: 14.5px 30px;
	font-weight: 500;
	text-align: center;
	color: var(--white);
	background-color: var(--brown);
	border-radius: 10px;
}
.small-btn:hover {
	background-color: var(--hover);
}

.btn {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 10px 10px 10px 20px;
	color: var(--white);
	background-color: var(--brown);
	border-radius: 10px;
}
.btn:hover {
	background-color: var(--hover);
}

.btn-text {
	font-weight: 500;
	text-align: left;
}

.btn-icon {
	display: inline-block;
	width: 42px;
	height: 42px;
	background-color: var(--white);
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.500255 7.57154L7.57132 0.500476M7.15642 7.34362L7.57132 0.500476L0.728175 0.91538' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-size: 9px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 7px;
}

.heading {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.heading__span {
	color: var(--brown);
}

.heading__text {
	font-size: 20px;
}

/* swiper */
.swiper {
	min-width: 0;
	max-width: 100%;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--white);
}

.swiper-pagination.custom-pagination {
	position: static;
}
.swiper-pagination.custom-pagination .swiper-pagination-bullet-active {
	background: var(--brown);
}

.swiper-button-prev.square-btn-prev,
.swiper-button-next.square-btn-next {
	position: static;
	margin-top: 0;
	width: 50px;
	height: 50px;
	background-color: var(--brown);
	border-radius: 5px;
	transition: all .2s;
}
.swiper-button-prev.square-btn-prev svg,
.swiper-button-next.square-btn-next svg {
	width: 20px;
	height: 20px;
}
.swiper-button-prev.square-btn-prev svg path,
.swiper-button-next.square-btn-next svg path {
	fill: var(--white);
	transition: all .2s;
}
.swiper-button-prev.square-btn-prev:hover,
.swiper-button-next.square-btn-next:hover {
	background-color: var(--hover);
}

.swiper-scrollbar.custom-scrollbar {
	position: static;	
	background: var(--light-brown);
}

.swiper-scrollbar.custom-scrollbar .swiper-scrollbar-drag {
	background: var(--brown);
}

.swiper-button-next.gallery-next,
.swiper-button-prev.gallery-prev {
	width: 50px;
	height: 50px;
	background-color: #FFFFFF33;
	border-radius: 900px;
}
.swiper-button-next.gallery-next svg,
.swiper-button-prev.gallery-prev svg {
	width: 20px;
	height: 20px;
}
.swiper-button-next.gallery-next svg path,
.swiper-button-prev.gallery-prev svg path {
	fill: var(--white);
}

.swiper.portfolio-thumbs .swiper-slide {
	opacity: .5;
	transition: opacity .2s;
}
.swiper.portfolio-thumbs .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}

/* header and footer */
.header {
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: var(--white);
}

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

.navbar__socials {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navbar__actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navbar__socials-item {
	display: flex;
	align-items: center;
	gap: 10px;
}
.navbar__socials-item::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.navbar__socials-item.address::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.74333 14.542C7.14733 14.8753 7.56867 15.18 8 15.4773C8.43226 15.1839 8.85155 14.8718 9.25667 14.542C9.932 13.9874 10.5676 13.3862 11.1587 12.7426C12.5213 11.2526 14 9.09264 14 6.66797C14 5.88004 13.8448 5.09982 13.5433 4.37187C13.2417 3.64391 12.7998 2.98248 12.2426 2.42533C11.6855 1.86818 11.0241 1.42622 10.2961 1.12469C9.56815 0.823163 8.78793 0.667969 8 0.667969C7.21207 0.667969 6.43185 0.823163 5.7039 1.12469C4.97595 1.42622 4.31451 1.86818 3.75736 2.42533C3.20021 2.98248 2.75825 3.64391 2.45672 4.37187C2.15519 5.09982 2 5.88004 2 6.66797C2 9.09264 3.47867 11.252 4.84133 12.7426C5.43241 13.3864 6.06798 13.9872 6.74333 14.542ZM8 8.83464C7.42536 8.83464 6.87426 8.60636 6.46794 8.20003C6.06161 7.7937 5.83333 7.2426 5.83333 6.66797C5.83333 6.09333 6.06161 5.54223 6.46794 5.1359C6.87426 4.72958 7.42536 4.5013 8 4.5013C8.57464 4.5013 9.12574 4.72958 9.53206 5.1359C9.93839 5.54223 10.1667 6.09333 10.1667 6.66797C10.1667 7.2426 9.93839 7.7937 9.53206 8.20003C9.12574 8.60636 8.57464 8.83464 8 8.83464Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
}
.navbar__socials-item.schedule::before {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.9987 1.33203C11.6807 1.33203 14.6654 4.3167 14.6654 7.9987C14.6654 11.6807 11.6807 14.6654 7.9987 14.6654C4.3167 14.6654 1.33203 11.6807 1.33203 7.9987C1.33203 4.3167 4.3167 1.33203 7.9987 1.33203ZM7.9987 3.9987C7.82189 3.9987 7.65232 4.06894 7.52729 4.19396C7.40227 4.31898 7.33203 4.48855 7.33203 4.66536V7.9987C7.33207 8.17549 7.40233 8.34504 7.52736 8.47003L9.52736 10.47C9.6531 10.5915 9.8215 10.6587 9.9963 10.6571C10.1711 10.6556 10.3383 10.5855 10.4619 10.4619C10.5855 10.3383 10.6556 10.1711 10.6571 9.9963C10.6587 9.8215 10.5915 9.6531 10.47 9.52736L8.66536 7.7227V4.66536C8.66536 4.48855 8.59513 4.31898 8.4701 4.19396C8.34508 4.06894 8.17551 3.9987 7.9987 3.9987Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
}

.navbar__actions-link:hover {
	color: var(--brown);
}

/* hero */
.hero {
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 50px;
	background-color: var(--white);
	border-radius: 0 0 30px 30px;
}

.hero__content {
	position: relative;
	padding: 40px;
	min-height: 773px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 20px;
}

.hero__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	width: 55%;
	color: var(--white);
}

.hero__item {
	position: absolute;
	bottom: 40px;
	left: 40px;
	display: flex;
	align-items: center;
	gap: 20px;
	width: 490px;
	padding: 15px;
	margin-right: auto;
	background-color: #FFFFFF4D;
	border: 1px solid #FFFFFF33;
	backdrop-filter: blur(50px);
	border-radius: 10px;
}

.hero__item.white {
	left: auto;
	right: 40px;
	flex-direction: column;
	align-items: flex-start;
	width: 262px;
	padding: 20px;
	margin-left: auto;
	margin-right: 0;
	background-color: var(--white);
	border-color: var(--white);
}

.hero__slide-img {
	width: 222px;
	height: 160px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

.hero__item-img {
	width: 76px;
	height: 76px;
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
	flex-shrink: 0;
}

.hero__info-text {
	font-size: 20px;
}

.hero__info-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

.hero__info-span {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 30px;
	font-weight: 300; 
	line-height: 130%;
}
.hero__info-span::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.562 11.492L5.066 8.996C4.972 8.90267 4.857 8.85267 4.721 8.846C4.585 8.83933 4.464 8.88933 4.358 8.996C4.252 9.10267 4.19867 9.22067 4.198 9.35C4.19733 9.47933 4.25067 9.59733 4.358 9.704L6.996 12.342C7.15733 12.504 7.34567 12.585 7.561 12.585C7.77633 12.585 7.965 12.504 8.127 12.342L13.604 6.866C13.6973 6.772 13.7473 6.657 13.754 6.521C13.7607 6.385 13.7107 6.264 13.604 6.158C13.4973 6.052 13.3793 5.99867 13.25 5.998C13.1207 5.99733 13.0027 6.05067 12.896 6.158L7.562 11.492ZM9.003 18C7.759 18 6.589 17.764 5.493 17.292C4.39767 16.8193 3.44467 16.178 2.634 15.368C1.82333 14.558 1.18167 13.606 0.709 12.512C0.236333 11.418 0 10.2483 0 9.003C0 7.75767 0.236333 6.58767 0.709 5.493C1.181 4.39767 1.82133 3.44467 2.63 2.634C3.43867 1.82333 4.391 1.18167 5.487 0.709C6.583 0.236333 7.753 0 8.997 0C10.241 0 11.411 0.236333 12.507 0.709C13.6023 1.181 14.5553 1.82167 15.366 2.631C16.1767 3.44033 16.8183 4.39267 17.291 5.488C17.7637 6.58333 18 7.753 18 8.997C18 10.241 17.764 11.411 17.292 12.507C16.82 13.603 16.1787 14.556 15.368 15.366C14.5573 16.176 13.6053 16.8177 12.512 17.291C11.4187 17.7643 10.249 18.0007 9.003 18Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.actions-span {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 300;
}
.actions-span::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.30167 9.57667L4.22167 7.49667C4.14333 7.41889 4.0475 7.37722 3.93417 7.37167C3.82083 7.36611 3.72 7.40778 3.63167 7.49667C3.54333 7.58556 3.49889 7.68389 3.49833 7.79167C3.49778 7.89945 3.54222 7.99778 3.63167 8.08667L5.83 10.285C5.96444 10.42 6.12139 10.4875 6.30083 10.4875C6.48028 10.4875 6.6375 10.42 6.7725 10.285L11.3367 5.72167C11.4144 5.64333 11.4561 5.5475 11.4617 5.43417C11.4672 5.32083 11.4256 5.22 11.3367 5.13167C11.2478 5.04333 11.1494 4.99889 11.0417 4.99833C10.9339 4.99778 10.8356 5.04222 10.7467 5.13167L6.30167 9.57667ZM7.5025 15C6.46583 15 5.49083 14.8033 4.5775 14.41C3.66472 14.0161 2.87056 13.4817 2.195 12.8067C1.51944 12.1317 0.984722 11.3383 0.590833 10.4267C0.196945 9.515 0 8.54028 0 7.5025C0 6.46472 0.196945 5.48972 0.590833 4.5775C0.984167 3.66472 1.51778 2.87056 2.19167 2.195C2.86556 1.51944 3.65917 0.984722 4.5725 0.590833C5.48583 0.196945 6.46083 0 7.4975 0C8.53417 0 9.50917 0.196945 10.4225 0.590833C11.3353 0.984167 12.1294 1.51806 12.805 2.1925C13.4806 2.86694 14.0153 3.66056 14.4092 4.57333C14.8031 5.48611 15 6.46083 15 7.4975C15 8.53417 14.8033 9.50917 14.41 10.4225C14.0167 11.3358 13.4822 12.13 12.8067 12.805C12.1311 13.48 11.3378 14.0147 10.4267 14.4092C9.51556 14.8036 8.54083 15.0006 7.5025 15Z' fill='white'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.actions-span.black::before {
	filter: invert(1);
}

.hero__item-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: var(--white);
}

.hero__item.white .hero__item-info {
	color: var(--text);
}

.hero__item-title {
	font-weight: 600;
}

.hero__item-text {
	font-size: 14px;
}

/* preem */
.preem {
	padding-top: 120px;
	padding-bottom: 120px;
}

.preem__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 400px;
	grid-auto-rows: 400px;
	gap: 20px;
}

.preem__item-bg {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	height: 100%;
	color: var(--white);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
}

.preem__item-text {
	font-size: 14px;
	font-weight: 300;
}

.preem__item-color-bg {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	height: 100%;
	color: var(--white);
	background-color: var(--brown);
	background-size: auto 280px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	border-radius: 20px;
}

.preem__item-image {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	padding: 20px;
	height: 100%;
	background-color: var(--white);
	border-radius: 20px;
}

.preem__item-heading {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.preem__item-icon {
	height: 110px;
	width: 100%;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
}

.preem__item-card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	height: 100%;
	color: var(--white);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
}

.preem__item-heading.card {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 15px;
	background-color: #FFFFFF4D;
	border: 1px solid #FFFFFF33;
	backdrop-filter: blur(50px);
	border-radius: 10px;
}

/* quiz */
.quiz {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: var(--text);
	border-radius: 30px;
}

.quiz .heading {
	color: var(--white);
}

.quiz__content {
	display: grid;
	grid-template-columns: 2.5fr 1fr;
	gap: 20px;
	margin-top: 40px;
}

.quiz__block {
	background-color: var(--white);
	border-radius: 20px;
	overflow: hidden;
}

.quiz__benefits {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	padding: 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
}

.quiz__benefits-list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.quiz__benefits-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px;
	background-color: var(--white);
	border-radius: 10px;
}

.quiz__item-icon {
	display: inline-block;
	width: 64px;
	height: 64px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}

.quiz__item-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.quiz__item-title {
	font-weight: 600;
}

.quiz__item-text {
	font-size: 14px;
	font-weight: 300;
	line-height: 130%;
}

.quiz__benefits-title {
	font-size: 24px;
	font-weight: 500;
	color: var(--white);
}

/* products */
.products {
	padding-top: 120px;
	padding-bottom: 120px;
}

.products__content {
	margin-top: 40px;
}

.products__item {
	position: relative;
	padding: 35px;
	height: 520px;
	color: var(--white);
	background-color: var(--text);
	border-radius: 20px;
	overflow: hidden;
	cursor: pointer;
}

.products__item-image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	transition: all .2s;
}

.products__item-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.products__item-info {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
	height: 100%;
}

.products__item-title {
	font-size: 20px;
	font-weight: 500;	
}

.products__item-text {
	position: absolute;
	bottom: -15px;
	left: -15px;
	right: -15px;
	transform: translateY(150%);
	transition: transform .2s;
}

.products__item-action {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	opacity: 1;
	transition: opacity .2s;
}

.products__actions-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 43px;
	height: 43px;
	background-color: var(--white);
	border-radius: 5px;
}
.products__actions-icon::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.500266 6.87007L9.16052 1.87007M6.98862 8.37266L9.16052 1.87007L2.44316 0.499703' stroke='%23B18C6D' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	transition: transform .2s;
}

.products__item:hover .products__actions-icon::before {
	transform: rotatez(30deg);
}

.products__item.active .products__item-text {
	transform: translateY(0);
}

.products__item.active .products__item-image {
	padding: 20px 20px 100px 20px;
}

.products__item.active .products__item-action {
	opacity: 0;
}

.products__navigation {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}

.products__nav {
	display: flex;
	align-items: center;
	gap: 20px;
}

.products__form {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 30px;
	padding: 30px;
	background-color: var(--brown);
	border-radius: 20px;
	margin-top: 40px;
}

.products__form-block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 90px;
	padding: 20px;
	background-color: var(--white);
	border-radius: 10px;
}

.products__block-img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 400px;
}

.products__form-heading {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.products__block-title {
	font-size: 20px;
	font-weight: 500;
}

.products__block-text {
	width: 60%;
}

.products__form-title {
	font-size: 24px;
	font-weight: 500;
	color: var(--white);
}

.products__form-text {
	color: var(--white);
}

.products__form-icon {
	display: inline-block;
	height: 90px;
	width: 338px;
	object-fit: contain;
	object-position: center;
}

.products__form-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}

.products__block-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* portfolio */
.portfolio {
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 120px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: var(--white);
	border-radius: 30px;
}

.portfolio__content {
	margin-top: 40px;
}

.portfolio__content .swiper-slide {
	height: auto;
}

.portfolio__slide {
	display: grid;
	grid-template-columns: 1fr 1fr .9fr;
	gap: 30px;
	padding: 30px;
	height: 100%;
	background-color: var(--bg);
	border-radius: 20px;
}

.portfolio__images {
	min-width: 0;
	max-width: 100%;
}

.portfolio-gallery-img {
	height: 490px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.portfolio-gallery-thumb {
	height: 90px;
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}

.portfolio__info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.portfolio__info-span {
	padding: 10px 20px;
	font-weight: 500;
	color: var(--brown);
	background-color: var(--light-brown);
	border-radius: 10px;
}

.portfolio__info-title {
	font-size: 24px;
	font-weight: 500;
}

.portfolio__specs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}

.portfolio__spec {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 15px 10px;
	text-align: center;
	background-color: var(--white);
	border-radius: 20px;
}

.portfolio__spec-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.portfolio__spec-icon.square {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.92203 7.88008V32.4363H31.5581V31.8336C31.5581 31.8205 31.6129 31.6693 31.6244 31.6594H31.6955L34.5495 33.3456C34.5386 33.3921 34.3849 33.4785 34.3356 33.5099C33.5231 34.032 32.5767 34.4384 31.7577 34.9636C31.7071 35.0273 31.5581 35.0011 31.5581 34.9333V34.2789C31.5581 34.2686 31.5581 34.2445 31.5581 34.2272L6.54468 34.2273C6.41272 34.2273 6.15358 33.9652 6.15358 33.8312V7.88008H5.33737C5.31526 7.74025 5.40641 7.62935 5.46762 7.5126C5.84478 6.7921 6.36613 5.85979 6.80655 5.18337C6.88783 5.05869 6.96537 4.90337 7.10106 5.07832L8.73926 7.79467L8.68723 7.88008H7.92203Z' fill='%23B18C6D'/%3e%3cpath d='M10.2799 30.875C9.95956 30.5533 10.4469 30.1617 10.6588 29.922C14.329 25.7674 18.2965 21.8708 21.9837 17.73C24.4293 15.201 26.782 12.5783 29.2442 10.0665C29.382 9.92603 29.4986 9.83235 29.704 9.80893C29.9968 9.77552 30.5862 9.73764 30.7246 10.05C30.8035 10.2281 30.7957 10.9469 30.7767 11.1707C30.7644 11.3164 30.728 11.4652 30.6393 11.5826L12.8163 30.8326C12.6789 30.9239 12.5252 30.9769 12.3609 30.9914C11.8879 31.0327 10.8846 31.0289 10.4231 30.9538C10.3789 30.9466 10.3119 30.9073 10.2799 30.8753V30.875Z' fill='%23B18C6D'/%3e%3cpath d='M26.581 9.92438C26.697 10.0418 26.7367 10.2829 26.6334 10.4193C23.9504 13.3936 21.1971 16.3028 18.4808 19.2458C15.8982 22.0444 13.3795 24.9199 10.7452 27.6679C10.4714 27.9534 10.1391 28.1949 9.96125 27.6679C10.0242 26.9626 9.87963 26.1157 9.96125 25.4275C9.97043 25.3504 9.99424 25.2915 10.0357 25.2274C14.7497 20.0544 19.5262 14.9321 24.3986 9.91267C24.4769 9.85205 24.5738 9.82036 24.6707 9.80934C24.9537 9.77731 26.178 9.76974 26.4164 9.83276C26.4586 9.84378 26.5504 9.89338 26.581 9.92438Z' fill='%23B18C6D'/%3e%3cpath d='M30.1735 14.4686C30.4557 14.2375 30.7486 14.4883 30.7771 14.8186C30.8128 15.2281 30.8305 16.3946 30.7676 16.7748C30.7299 17.0024 30.4408 17.2762 30.283 17.455C29.0576 18.8436 27.7327 20.1596 26.473 21.518C23.5907 24.6262 20.7279 27.7535 17.8351 30.8518C17.7079 30.953 17.5518 30.9792 17.3947 30.9912C16.9655 31.0236 16.3309 31.0147 15.8973 30.9895C15.7902 30.9833 15.5514 30.9678 15.462 30.9482C15.2443 30.9 15.1753 30.5845 15.2875 30.4071L22.698 22.379L30.1731 14.4683L30.1735 14.4686Z' fill='%23B18C6D'/%3e%3cpath d='M19.6129 9.81713C19.8591 9.77511 21.1674 9.76891 21.3994 9.81678C21.6711 9.87292 21.7874 10.1953 21.6436 10.4274L11.0852 21.8115C10.7995 21.9985 10.5098 22.6615 10.1003 22.3956C9.9959 22.3281 9.97176 22.2399 9.96121 22.1232C9.917 21.6372 9.90578 20.4586 9.96189 19.9854C9.97244 19.8972 10.0027 19.8366 10.05 19.7647C12.852 16.7821 15.6461 13.7926 18.4998 10.8603C18.7538 10.5993 19.1181 10.1119 19.4 9.91219C19.4633 9.86741 19.536 9.83022 19.6126 9.81747L19.6129 9.81713Z' fill='%23B18C6D'/%3e%3cpath d='M30.2908 19.8034C30.5786 19.7362 30.7523 19.9125 30.7782 20.1908C30.8193 20.6358 30.8316 21.793 30.7738 22.2211C30.7612 22.3158 30.7126 22.4102 30.6694 22.4942L22.9038 30.8516C22.7705 30.9573 22.5943 30.9797 22.4294 30.9911C21.9794 31.0224 21.1309 31.0372 20.6932 30.9897C20.2987 30.947 20.1766 30.6064 20.4205 30.2999C23.5687 26.9805 26.605 23.5436 29.7899 20.2604C29.8882 20.1591 30.1834 19.8288 30.2908 19.8037V19.8034Z' fill='%23B18C6D'/%3e%3cpath d='M14.6478 9.81693C14.9705 9.76217 15.9626 9.77457 16.3074 9.80729C16.6757 9.84242 16.8305 10.1644 16.6237 10.4748C14.9362 12.2212 13.3174 14.038 11.6309 15.7852C11.3371 16.0896 10.8534 16.6534 10.5426 16.8873C10.277 17.0874 10.0393 16.9982 9.96276 16.6803C10.0202 16.0397 9.88862 15.2713 9.96276 14.6466C9.98555 14.4544 10.2977 14.1468 10.4389 13.9922C11.7231 12.5839 13.1409 11.2731 14.4512 9.89305C14.5138 9.86687 14.5815 9.8283 14.6481 9.81693H14.6478Z' fill='%23B18C6D'/%3e%3cpath d='M30.3591 25.3146C30.5849 25.2816 30.7427 25.4531 30.7723 25.6725C30.8298 26.1026 30.8189 27.2909 30.775 27.7355C30.7621 27.867 30.7182 28.0089 30.6393 28.1147C30.0714 28.6991 29.5045 29.2843 28.9382 29.8705C28.7036 30.1136 28.1856 30.7683 27.921 30.9068C27.6564 31.0452 26.9062 30.996 26.5743 30.9922C26.3417 30.9894 26.0417 31.0105 25.8264 30.9922C25.4591 30.9609 25.2449 30.7246 25.452 30.3699C26.7433 29.0373 27.985 27.6532 29.2783 26.3234C29.5147 26.0806 29.9517 25.5678 30.1962 25.3932C30.2476 25.3563 30.2955 25.3246 30.3594 25.3153L30.3591 25.3146Z' fill='%23B18C6D'/%3e%3cpath d='M31.202 7.25917C30.8782 7.18822 30.7602 6.31514 31.3363 6.25866C31.6886 6.22422 32.5586 6.21768 32.9031 6.25969C33.102 6.2838 33.236 6.41916 33.2602 6.62132C33.2911 6.88032 33.2983 7.96486 33.2517 8.19836C33.1724 8.59409 32.4246 8.63128 32.3086 8.23763C32.311 8.02099 32.2766 7.80126 32.2705 7.58566C32.2685 7.5185 32.3487 7.25917 32.2562 7.25917C31.9961 7.25917 31.4159 7.306 31.202 7.25917Z' fill='%23B18C6D'/%3e%3cpath d='M27.2294 6.27022L29.323 6.26953C29.7403 6.40282 29.7281 7.19151 29.2941 7.25867L27.1947 7.2535C26.8193 7.16775 26.821 6.34633 27.2294 6.26988V6.27022Z' fill='%23B18C6D'/%3e%3cpath d='M14.5796 6.26994C15.1643 6.16214 16.0243 6.32677 16.6382 6.26994C17.0545 6.34812 17.0473 7.19433 16.644 7.25873C16.3729 7.30213 14.798 7.30454 14.5453 7.25288C14.1304 7.16781 14.1304 6.35294 14.5796 6.27028V6.26994Z' fill='%23B18C6D'/%3e%3cpath d='M18.5774 6.37661C18.6291 6.32185 18.7427 6.27018 18.8202 6.26089C19.4399 6.18512 20.2173 6.31289 20.8539 6.26984C21.2495 6.35078 21.276 7.15359 20.8601 7.25898L18.7264 7.25347C18.4193 7.18355 18.3866 6.57946 18.5777 6.37695L18.5774 6.37661Z' fill='%23B18C6D'/%3e%3cpath d='M23.0136 6.26953L25.098 6.27745C25.1929 6.31775 25.3221 6.3949 25.3538 6.50063C25.4299 6.75342 25.3959 7.20701 25.0779 7.25832L22.9793 7.25247C22.5997 7.17532 22.5956 6.33084 23.0136 6.26988V6.26953Z' fill='%23B18C6D'/%3e%3cpath d='M10.3603 6.26979C10.9452 6.16234 11.805 6.32662 12.4188 6.26979C12.8351 6.34797 12.8279 7.19418 12.4246 7.25859L10.3259 7.25273C9.94672 7.17558 9.94468 6.34659 10.3603 6.27014V6.26979Z' fill='%23B18C6D'/%3e%3cpath d='M32.6023 14.2256C32.8852 14.1664 33.2094 14.2608 33.2546 14.5824C33.3029 14.9258 33.3025 16.1612 33.2546 16.5049C33.2066 16.8486 32.8808 16.8727 32.5975 16.8321C32.388 16.8018 32.2857 16.6403 32.2734 16.434C32.2622 16.2435 32.3108 15.978 32.3071 15.7865C32.2993 15.3887 32.083 14.3345 32.6023 14.2256Z' fill='%23B18C6D'/%3e%3cpath d='M32.603 22.5596C32.886 22.5004 33.2101 22.5947 33.2553 22.9164C33.3036 23.2598 33.3033 24.4952 33.2553 24.8389C33.2342 24.9894 33.1193 25.1427 32.9673 25.1671C32.6602 25.2164 32.2997 25.1833 32.2803 24.7989C32.2592 24.3812 32.3133 23.9527 32.3075 23.5315C32.3034 23.224 32.1483 22.6547 32.6027 22.5596H32.603Z' fill='%23B18C6D'/%3e%3cpath d='M32.3838 18.533C32.5705 18.3201 33.1755 18.3505 33.2497 18.7197C33.302 18.9804 33.2942 20.3859 33.2544 20.6718C33.2055 21.0237 32.7875 21.0733 32.5076 20.9865C32.2879 20.9184 32.2818 20.5667 32.2699 20.3663C32.2457 19.9616 32.2362 19.3155 32.2699 18.917C32.2787 18.8144 32.3178 18.6077 32.3838 18.5326V18.533Z' fill='%23B18C6D'/%3e%3cpath d='M32.5678 26.7611C32.8532 26.7029 33.2055 26.7377 33.2541 27.0835C33.3028 27.4293 33.3021 28.6633 33.2541 29.006C33.2035 29.3655 32.8501 29.3855 32.5617 29.3345C32.3743 29.3015 32.2917 29.1117 32.2747 28.9364C32.2611 28.7935 32.2713 28.5458 32.2709 28.3888C32.2703 28.1184 32.306 27.8498 32.3073 27.5977C32.309 27.3349 32.1645 26.8438 32.5675 26.7611H32.5678Z' fill='%23B18C6D'/%3e%3cpath d='M32.603 10.0573C32.8584 10.0098 33.2097 10.0714 33.2559 10.3786C33.3022 10.6859 33.3025 12.0315 33.2559 12.3373C33.1845 12.8053 32.371 12.7898 32.3081 12.3717C32.2448 11.9515 32.3108 11.2452 32.3074 10.7881C32.3067 10.6841 32.2656 10.6053 32.2748 10.4844C32.2894 10.2881 32.4026 10.0948 32.603 10.0573Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
}
.portfolio__spec-icon.period {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.3613 35.0002C8.59352 35.0002 7.95297 34.7436 7.43964 34.2302C6.9263 33.7169 6.66908 33.0764 6.66797 32.3086V11.0252C6.66797 10.2586 6.92519 9.61858 7.43964 9.10525C7.95408 8.59191 8.59464 8.33469 9.3613 8.33358H12.3096V5.51358C12.3096 5.25469 12.3946 5.04025 12.5646 4.87025C12.7346 4.70025 12.9485 4.61525 13.2063 4.61525C13.4641 4.61525 13.6785 4.70025 13.8496 4.87025C14.0207 5.04025 14.1057 5.25469 14.1046 5.51358V8.33358H26.028V5.45025C26.028 5.21247 26.1074 5.01358 26.2663 4.85358C26.4252 4.69358 26.6235 4.61413 26.8613 4.61525C27.0991 4.61636 27.2969 4.6958 27.4546 4.85358C27.6124 5.01136 27.6924 5.20969 27.6946 5.44858V8.33358H30.643C31.4096 8.33358 32.0502 8.5908 32.5646 9.10525C33.0791 9.61969 33.3357 10.2602 33.3346 11.0269V18.9452C33.3346 19.183 33.2552 19.3814 33.0963 19.5402C32.9374 19.6991 32.7391 19.7786 32.5013 19.7786C32.2635 19.7786 32.0652 19.6991 31.9063 19.5402C31.7474 19.3814 31.668 19.183 31.668 18.9452V17.6919H8.33464V32.3086C8.33464 32.5641 8.4413 32.7991 8.65464 33.0136C8.86797 33.228 9.10297 33.3347 9.35963 33.3336H20.0846C20.3224 33.3336 20.5207 33.413 20.6796 33.5719C20.8385 33.7308 20.918 33.9291 20.918 34.1669C20.918 34.4047 20.8385 34.603 20.6796 34.7619C20.5207 34.9208 20.3224 35.0002 20.0846 35.0002H9.3613ZM25.9163 34.7269C24.623 33.4314 23.9763 31.8558 23.9763 30.0002C23.9763 28.1447 24.623 26.5697 25.9163 25.2752C27.2096 23.9808 28.7846 23.3336 30.6413 23.3336C32.4991 23.3336 34.0746 23.9808 35.368 25.2752C36.6624 26.5686 37.3096 28.1436 37.3096 30.0002C37.3096 31.8569 36.6624 33.4325 35.368 34.7269C34.0735 36.0214 32.4985 36.668 30.643 36.6669C28.7874 36.6658 27.2119 36.0191 25.9163 34.7269ZM31.283 29.7319V25.8336C31.283 25.6547 31.2213 25.503 31.098 25.3786C30.9746 25.2541 30.8224 25.1925 30.6413 25.1936C30.4602 25.1947 30.3085 25.2564 30.1863 25.3786C30.0641 25.5008 30.0024 25.6525 30.0013 25.8336V29.7219C30.0013 29.9008 30.0324 30.0675 30.0946 30.2219C30.1557 30.3775 30.2591 30.5275 30.4046 30.6719L32.9463 33.2152C33.0707 33.3386 33.2174 33.4058 33.3863 33.4169C33.5552 33.428 33.7119 33.3608 33.8563 33.2152C34.0007 33.0697 34.0735 32.918 34.0746 32.7602C34.0757 32.6025 34.0035 32.4508 33.858 32.3052L31.283 29.7319Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
}
.portfolio__spec-icon.cost {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50' height='40' viewBox='0 0 50 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M42.3803 5H30.9072C30.1194 5 29.016 5.45701 28.4596 6.01346L14.2348 20.2382C14.1016 20.3714 13.9958 20.5295 13.9237 20.7036C13.8516 20.8777 13.8145 21.0642 13.8145 21.2526C13.8145 21.441 13.8516 21.6276 13.9237 21.8017C13.9958 21.9757 14.1016 22.1339 14.2348 22.267L26.5474 34.5796C26.6806 34.7129 26.8387 34.8186 27.0128 34.8907C27.1868 34.9629 27.3734 35 27.5618 35C27.7502 35 27.9368 34.9629 28.1109 34.8907C28.2849 34.8186 28.443 34.7129 28.5762 34.5796L42.801 20.3549C43.3594 19.7965 43.8145 18.6951 43.8145 17.9073V6.43414C43.8145 6.05378 43.6634 5.689 43.3944 5.42005C43.1255 5.1511 42.7607 5 42.3803 5ZM35.2096 16.4731C34.8328 16.473 34.4597 16.3987 34.1117 16.2543C33.7636 16.11 33.4474 15.8986 33.181 15.6321C32.9147 15.3655 32.7034 15.0492 32.5594 14.701C32.4153 14.3529 32.3412 13.9797 32.3413 13.6029C32.3415 13.2261 32.4158 12.8531 32.5601 12.505C32.7044 12.1569 32.9159 11.8407 33.1824 11.5744C33.4489 11.308 33.7653 11.0968 34.1134 10.9527C34.4616 10.8086 34.8347 10.7345 35.2115 10.7346C35.9725 10.7349 36.7022 11.0374 37.2401 11.5757C37.778 12.114 38.0801 12.8439 38.0798 13.6048C38.0795 14.3658 37.777 15.0955 37.2387 15.6334C36.7005 16.1713 35.9706 16.4734 35.2096 16.4731Z' fill='%23B18C6D'/%3e%3cpath d='M9.39539 21.2536L25.649 5H23.2588C22.4709 5 21.3676 5.45701 20.8112 6.01346L6.58639 20.2382C6.45312 20.3714 6.3474 20.5295 6.27527 20.7036C6.20314 20.8777 6.16602 21.0642 6.16602 21.2526C6.16602 21.441 6.20314 21.6276 6.27527 21.8017C6.3474 21.9757 6.45312 22.1339 6.58639 22.267L18.899 34.5796C19.0321 34.7129 19.1903 34.8186 19.3643 34.8907C19.5384 34.9629 19.725 35 19.9134 35C20.1018 35 20.2884 34.9629 20.4624 34.8907C20.6365 34.8186 20.7946 34.7129 20.9278 34.5796L21.8265 33.6809L9.39539 21.2536Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
}

.portfolio__spec-title {
	font-size: 20px;
}

.portfolio__spec-text {
	font-size: 14px;
	line-height: 130%;
	font-weight: 300;
}

.portfolio__list-block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.portfolio__list-title {
	font-size: 20px;
	font-weight: 500;
}

.portfolio__list {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.portfolio__item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	line-height: 130%;
	font-weight: 300;
}
.portfolio__item::before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.30167 9.57667L4.22167 7.49667C4.14333 7.41889 4.0475 7.37722 3.93417 7.37167C3.82083 7.36611 3.72 7.40778 3.63167 7.49667C3.54333 7.58556 3.49889 7.68389 3.49833 7.79167C3.49778 7.89945 3.54222 7.99778 3.63167 8.08667L5.83 10.285C5.96444 10.42 6.12139 10.4875 6.30083 10.4875C6.48028 10.4875 6.6375 10.42 6.7725 10.285L11.3367 5.72167C11.4144 5.64333 11.4561 5.5475 11.4617 5.43417C11.4672 5.32083 11.4256 5.22 11.3367 5.13167C11.2478 5.04333 11.1494 4.99889 11.0417 4.99833C10.9339 4.99778 10.8356 5.04222 10.7467 5.13167L6.30167 9.57667ZM7.5025 15C6.46583 15 5.49083 14.8033 4.5775 14.41C3.66472 14.0161 2.87056 13.4817 2.195 12.8067C1.51944 12.1317 0.984722 11.3383 0.590833 10.4267C0.196945 9.515 0 8.54028 0 7.5025C0 6.46472 0.196945 5.48972 0.590833 4.5775C0.984167 3.66472 1.51778 2.87056 2.19167 2.195C2.86556 1.51944 3.65917 0.984722 4.5725 0.590833C5.48583 0.196945 6.46083 0 7.4975 0C8.53417 0 9.50917 0.196945 10.4225 0.590833C11.3353 0.984167 12.1294 1.51806 12.805 2.1925C13.4806 2.86694 14.0153 3.66056 14.4092 4.57333C14.8031 5.48611 15 6.46083 15 7.4975C15 8.53417 14.8033 9.50917 14.41 10.4225C14.0167 11.3358 13.4822 12.13 12.8067 12.805C12.1311 13.48 11.3378 14.0147 10.4267 14.4092C9.51556 14.8036 8.54083 15.0006 7.5025 15Z' fill='%23222222'/%3e%3c/svg%3e "); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.portfolio__review {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

.portfolio__review-title {
	font-size: 20px;
	font-weight: 500;
}

.portfolio__review-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background-color: var(--light-brown);
	border-radius: 10px;
	flex-grow: 1;
}

.portfolio__review-desc {
	padding: 20px;
	background-color: var(--white);
	border-radius: 10px;
}

.portfolio__review-text {
	font-size: 14px;
	font-weight: 300;
}

.portfolio__review-name {
	font-weight: 500;
}

.portfolio__review-span {
	font-size: 14px;
	font-weight: 300;
}

.portfolio__review-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: auto;
}

.portfolio__review-stars {
	display: inline-block;
	width: 120px;
	height: 20px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='120' height='20' viewBox='0 0 120 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 0L12.2451 6.90983H19.5106L13.6327 11.1803L15.8779 18.0902L10 13.8197L4.12215 18.0902L6.36729 11.1803L0.489435 6.90983H7.75486L10 0Z' fill='%23B18C6D'/%3e%3cpath d='M35 0L37.2451 6.90983H44.5106L38.6327 11.1803L40.8779 18.0902L35 13.8197L29.1221 18.0902L31.3673 11.1803L25.4894 6.90983H32.7549L35 0Z' fill='%23B18C6D'/%3e%3cpath d='M60 0L62.2451 6.90983H69.5106L63.6327 11.1803L65.8779 18.0902L60 13.8197L54.1221 18.0902L56.3673 11.1803L50.4894 6.90983H57.7549L60 0Z' fill='%23B18C6D'/%3e%3cpath d='M85 0L87.2451 6.90983H94.5106L88.6327 11.1803L90.8779 18.0902L85 13.8197L79.1221 18.0902L81.3673 11.1803L75.4894 6.90983H82.7549L85 0Z' fill='%23B18C6D'/%3e%3cpath d='M110 0L112.245 6.90983H119.511L113.633 11.1803L115.878 18.0902L110 13.8197L104.122 18.0902L106.367 11.1803L100.489 6.90983H107.755L110 0Z' fill='%23B18C6D'/%3e%3c/svg%3e ");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.portfolio__review-date {
	font-size: 14px;
	font-weight: 300;
}

.portfolio__navigation {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 40px;
}

.portfolio__nav {
	display: flex;
	align-items: center;
	gap: 20px;
}

/* footer */
.footer {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: var(--text);
	border-radius: 30px 30px 0 0;
}

.footer__form {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 30px;
	padding: 40px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
}

.footer__form-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	padding: 30px;
	width: 50%;
	color: var(--text);
	background-color: var(--white);
	border-radius: 20px;
}

.footer__info-text {
	font-size: 20px;
	font-weight: 300;
}

.footer__info-actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer__form-badge {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	width: 30%;
	color: var(--white);
	background-color: #FFFFFF4D;
	border: 1px solid #FFFFFF33;
	border-radius: 10px;
	backdrop-filter: blur(50px);
}

.footer__badge-icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: var(--white);
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px;
	flex-shrink: 0;
}

.footer__badge-text {
	font-weight: 500;
}

.footer .navbar {
	color: var(--white);
}

.footer  .navbar__logo-icon {
	filter: brightness(0) invert(1);
}

.footer__bottom {
	padding-top: 20px;
	color: var(--white);
}

.footer__copyright {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.footer__copyright-text,
.footer__copyright-link {
	font-size: 14px;
	line-height: 130%;
}
.footer__copyright-link {
	text-align: right;
}
.footer__copyright-link:hover {
	text-decoration: underline;
}

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

/* popup */
.popup {
    z-index: 9999;
    opacity: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    inset: 0%;
}

.popup-bg {
    z-index: 9998;
    background-color: #0000004d;
    position: absolute;
    inset: 0%;
}

.popup-close {
    background-image: url("https://cdn.prod.website-files.com/6a5482195b1476a9f7aa90e8/6a54aff1f3fa66b136bd2f3b_Vecfsdfsdfsdtor.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    width: 24px;
    height: 24px;
    position: absolute;
    inset: 20px 20px auto auto;
}

.popup-block {
    position: relative;
    z-index: 9999;
    padding: 30px;
    max-width: 600px;
    width: 100%;
    background-color: var(--white);
    border-radius: 20px;
}

/* Мобильное меню */

.header__burger {
    display: none;
    width: 50px;
    height: 50px;
    background-color: var(--brown);
    border-radius: 5px;
    cursor: pointer;
}
.header__burger::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.66699 5.5H18.3337M3.66699 11H18.3337M11.917 16.5H18.3337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
}

.mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 9999;
	padding: 40px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.mobile-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.mobile-menu__overlay {
    position: absolute;
    inset: 0;	
    background: rgba(0, 0, 0, 0.5);
}

.mobile-menu__content {
    position: relative;
    z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 20px;
    width: 50%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    padding: 20px;
    background: url('/wp-content/uploads/2026/08/mobile-bg.webp'), var(--bg);
	background-repeat: no-repeat;
	background-size: auto 500px, auto;
	background-position: 100% 100px;
	border-radius: 20px;
    transform: translateY(-100%);
    transition: transform 0.2s ease;
    overflow-y: auto;
}
.mobile-menu.active .mobile-menu__content {
    transform: translateY(0);
}

.mobile-menu__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
	background-color: var(--white);
	border-radius: 20px;
}

.header__socials_block {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.header__socials-item .navbar__socials-link::before,
.header__socials-item .navbar__socials-text::before {
	content: none;
}

.header__socials-item .navbar__socials-link,
.header__socials-item .navbar__socials-text {
	font-size: 20px;
	line-height: 130%;
	font-weight: 500;
}

.header__socials-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.navbar__socials-title {
	font-size: 14px;
	line-height: 130%;
	color: var(--brown);
}

.mobile-menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
	background-color: var(--white);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg opacity='0.5' clip-path='url(%23clip0_106_3330)'%3e%3cpath d='M30.6066 30.8198L20 20.2132M20 20.2132L9.3934 9.6066M20 20.2132L30.6066 9.6066M20 20.2132L9.3934 30.8198' stroke='black' stroke-opacity='0.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_106_3330'%3e%3crect width='40' height='40' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e "); 
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
	border-radius: 10px;
    cursor: pointer;
}

.mobile-menu__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu__link {
    font-size: 20px;
    color: #222;
    text-decoration: none;
}

.mobile-menu__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mobile-menu__phone {
    color: #222;
    text-decoration: none;
}

.mobile-menu__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    background: #222;
    color: #fff;
    text-decoration: none;
}

body.mobile-menu-open {
    overflow: hidden;
}

.mobile-menu__content iframe {
	margin-top: auto;
}

@media screen and (max-width: 1280px) {	
	.container {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	.h2 {
		font-size: 26px;
	}
	
	.heading__text {
		font-size: 16px;
	}
	
	.header__burger {
		display: block;
	}
	
	.navbar__socials {
		display: none;
	}
	
	.hero__content {
		display: flex;
		flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        padding: 30px;
        min-height: 580px;        
	}
	
	.h1 {
		font-size: 28px;
	}
	
	.hero__info-text {
		font-size: 16px;
	}
	
	.hero__info {
		width: 60%;
	}
	
	.hero {
		padding-bottom: 40px;
	}
	
	.hero__item:not(:last-child) {
		position: static;
	}
	
	.hero__item.white {
		right: 30px;
		bottom: 30px;
	}
	
	.hero__info-span {
		font-size: 24px;
	}
	
	.preem {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.preem__list {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 280px;
    	grid-auto-rows: 280px;
	}
	
	.preem__item-color-bg {
		background-position: 115% 100%;
	}
	
	.preem__item-color-bg .preem__item-text {
		width: 80%;
	}
	
	.quiz {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.quiz__content {
		grid-template-columns: 2fr 1fr;
	}
	
	.products {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.products__block-img {
		width: 300px;
	}
	
	.products__block-actions {
		position: relative;
		z-index: 1;
	}
	
	.portfolio {
		padding-top: 40px;
		margin-top: 100px;
	}
	
	.portfolio__slide {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.portfolio__review {
		grid-area: span 1 / span 2;
	}
	
	.footer .navbar {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.footer .navbar__socials {
        display: flex;
		flex-direction: column;
        align-items: flex-end;
		justify-self: flex-end;
		text-align: right;
    }
	
	.footer .navbar__socials-item::before {
		content: none;
	}
	
	.footer .navbar__actions {
		grid-area: 1 / 2 / 2 / 3;
		justify-self: flex-end;
	}
	
	.footer .navbar iframe {
		align-self: flex-end;
	}
}

@media screen and (max-width: 991px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.hero__content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.hero__item.white {
		position: static;
	}
	
	.hero__info {
		grid-area: span 1 / span 2;
		width: 100%;
		align-items: center;
		text-align: center;
	}
	
	.hero__item {
		flex-direction: column;
		align-items: stretch;
		width: auto;
		padding: 20px
	}
	
	.hero__item.white {
		width: 100%;
    	min-width: 0;
		height: 100%;
	}
	
	.hero__slide-img {
		width: 100%;
	}
	
	.hero__item-img {
		width: 100%;
		height: 160px;
	}
	
	.hero__info-actions {
		align-items: center;
	}
	
	.navbar__actions .small-btn {
		display: none;
	}
	
	.hero {
        padding-bottom: 20px;
    }
	
	.hero__info-span {
		font-size: 20px;
	}
	
	.preem {
        padding-top: 90px;
        padding-bottom: 90px;
    }
	
	.quiz {
        padding-top: 20px;
        padding-bottom: 20px;
		border-radius: 20px;
    }
	
	.heading {
		align-items: center;
		text-align: center;
	}
	
	.quiz__content {
		display: flex;
		flex-direction: column;
	}
	
	.quiz__benefits-list {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.products {
        padding-top: 90px;
        padding-bottom: 90px;
    }
	
	.products__item-title {
		font-size: 16px;
	}
	
	.products__item-text {
		font-size: 14px;
	}
	
	.products__form {
		display: flex;
		flex-direction: column;		
	}
	
	.portfolio {
		margin-top: 90px;
        padding-top: 20px;
		border-radius: 20px;
    }
	
	.portfolio__slide {
		display: flex;
		flex-direction: column;
		padding: 20px;
	}
	
	.portfolio__review {
		margin-top: auto;
	}
	
	.portfolio__info-span {
		font-size: 14px;
		line-height: 130%;
	}
	
	.portfolio__specs {
		align-self: stretch;
	}
	
	.mobile-menu__content {
		width: 70%;
	}
}

@media screen and (max-width: 767px) {
	.hero__content {
		display: flex;
		flex-direction: column;
	}
	
	.btn-text {
		font-size: 14px;
		line-height: 130%;
	}
	
	.header .navbar iframe {
		display: none;
	}
	
	.header .navbar__actions {
		display: none;
	}
	
	.h1, .h2 {
        font-size: 24px;
    }
	
	.actions-span {
		font-size: 14px;
		line-height: 130%;
	}
	
	.hero__info-span {
		font-size: 16px;
	}
	
	.preem__list {
		grid-template-columns: 1fr;
	}
	
	.quiz__benefits-list {
		grid-template-columns: 1fr;
	}
	
	.products__form {
		padding: 20px;
	}
	
	.footer {
		border-radius: 20px 20px 0 0;
	}
	
	.mobile-menu__content {
        width: 100%;
    }
	
	.mobile-menu {
		padding: 20px;
	}
}

@media screen and (max-width: 479px) {
	.container {
        padding-left: 10px;
        padding-right: 10px;
    }
	
	.header {
		padding-top: 10px;
    	padding-bottom: 10px;
	}
	
	.hero__content {
        padding: 20px;
    }
	
	.hero {
        padding-bottom: 10px;
    }
	
	.h1, .h2 {
        font-size: 22px;
    }
	
	.hero__item, .hero__item.white {
		padding: 10px;
	}
	
	.quiz__benefits-title, .products__form-title, .products__block-title {
		font-size: 18px;
	}
	
	.products__form-text, .products__block-text {
		font-size: 14px;
	}
	
	.products__block-text {
		width: 100%;
	}
	
	.products__block-img {
		display: none;
	}
	
	.products__form-block {
		gap: 30px;
	}
	
	.portfolio-gallery-img {
		height: 390px;
	}
	
	.portfolio__spec-title, .selection__slide-span {
		font-size: 16px;
	}
	
	.portfolio__spec-text {
		font-size: 12px;
	}
	
	.portfolio__info-title {
		font-size: 20px;
	}
	
	.quiz {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	
	.form {
		padding-bottom: 10px;
	}
	
	.footer .navbar {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.footer .small-btn {
        display: block;
    }
	
	.footer .navbar__actions {
		flex-direction: column;
	}
	
	.footer .navbar iframe {
		align-self: auto;
	}
	
	.footer .navbar__socials {
		align-items: center;
		text-align: center;
	}
	
	.footer__bottom-content {
		flex-direction: column-reverse;
		gap: 10px;
        text-align: center;
	}
	
	.footer__copyright-link {
		text-align: center;
	}
	
	.mobile-menu {
        padding: 10px;
    }
}

/*  */
#custom-form .custom-form {
	margin: 0;
}

#custom-form .custom-field {
	padding-top: 7.5px;
	padding-bottom: 7.5px;
}

#custom-form .custom-field input {
	height: 60px;
}

#custom-form .custom-form-btn {
	height: 60px;
	width: 100%;
}

#custom-form .custom-label label {
	font-size: 14px;
	line-height: 130%;
}

#custom-form .custom-label label a {
	text-decoration: underline;
}
#custom-form .custom-label label a:hover {
	color: var(--brown);
}

#custom-form .wpforms-title {
	font-size: 28px;
	line-height: 130%;
	font-weight: 500;
	text-transform: uppercase;
}