/*Burger CSS*/
@import url("burger.css");

/*Fonts*/
@font-face{
	src: url('../fonts/Manrope-Light.ttf') format('truetype');
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}
@font-face{
	src: url('../fonts/Manrope-Regular.ttf') format('truetype');
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face{
	src: url('../fonts/Manrope-Medium.ttf') format('truetype');
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face{
	src: url('../fonts/Manrope-SemiBold.ttf') format('truetype');
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
@font-face{
	src: url('../fonts/Manrope-Bold.ttf') format('truetype');
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face{
	src: url('../fonts/Manrope-ExtraBold.ttf') format('truetype');
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
}

/*General*/
:root{
	--font-family: 'Manrope';
	--c-green: #043B33;
	--c-beige: #E8E1CD;
	--c-beige-30: #E8E1CD4D;
	--c-white: #FDFCF9;
	--c-black: #181818;
	--c-gray: #5C5C5C;
	--c-error: #D32029;
	--bg-mobile-menu: #f7f4ec;
	--bg-mobile-submenu: #f3eee3;
	--selection-bg: #EDE4CF;
	--scroll-thumb: #E8E1CD;
	--scroll-track: #FDFCF9;
	--transition-duration: .35s;
	--coutdown-stroke-dashoffset: 255px;
}
::selection{
	background-color: var(--selection-bg);
}

*, :after, :before{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, img, ul, li, form, footer, header, section, video{
	margin: 0;
	padding: 0;
}
ul{
	list-style: none;
}
html{
	scroll-behavior: smooth;
}
html, body{
	height: 100%;
}
body{
	position: relative;
	min-width: 320px;
	color: var(--black);
	font-family: var(--font-family);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	background-color: var(--c-white);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
section{
	scroll-margin-top: 80px;
}
section + section{
	margin-top: 24px;
}
img{
	display: block;
	max-width: 100%;
	height: auto;
}
a{
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
input{
	display: block;
	color: var(--c-black);
	font-family: var(--font-family);
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	width: 100%;
	padding: 13px 16px;
	background-color: var(--c-white);
	border-width: 1px;
	border-style: solid;
	border-color: #043B334D;
	border-radius: 40px;
	outline: 0;
	transition-property: border-color;
	transition-duration: var(--transition-duration);
}
input::placeholder{
	color: var(--c-gray);
	font-weight: 300;
}
input:focus-visible{
	border-color: var(--c-green);
}
input[type="submit"]{
	cursor: pointer;
	color: var(--c-white);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding: 20px;
	background-color: var(--c-green);
	border: 1px solid var(--c-green);
	transition-property: color, background-color;
	transition-duration: var(--transition-duration);
}
label{
	display: block;
	color: var(--c-black);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 8px;
}
label .req{
	color: var(--c-error);
}

/*Wrapper*/
.main-wrapper{
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding-top: 66px;
}
.main-content{
	flex-grow: 1;
}

/*Colors*/
.c-green{
	color: var(--c-green);
}
.bg-green{
	background-color: var(--c-green);
}
.bg-light-beige{
	background-color: var(--c-beige-30);
}

/*Text styles*/
.title-1,
.text-block h1{
	color: var(--c-green);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}
.title-2,
.text-block h2{
	color: var(--c-green);
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
}
.title-3,
.text-block h3{
	color: var(--c-green);
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
}
.title-4,
.text-block h4{
	color: var(--c-green);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}
.title-5,
.text-block h5{
	color: var(--c-green);
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
}
.text-block * + *{
	margin-top: 16px;
}
.text-block * + h2,
.text-block * + h3,
.text-block * + h4,
.text-block h2 + *{
	margin-top: 32px;
}
.text-block h1 + *{
	margin-top: 48px;
}
.text-block ul{
	list-style: disc;
	padding-left: 20px;
}
.text-block ol{
	padding-left: 20px;
}
.text-block li + li{
	margin-top: 0;
}
.text-block strong{
	font-weight: 600;
}
.text-block a{
	color: var(--c-green);
	font-weight: 600;
	text-decoration: underline;
}
.text-center{
	text-align: center;
}
.fw-400{
	font-weight: 400;
}
.line-height-1{
	line-height: 1;
}

/*Margins & Paddings*/
.mtb-150{
	margin: 150px 0;
}
.mtb-80-150{
	margin: 80px 0 150px;
}
.mt-48{
	margin-top: 48px;
}
.mt-32{
	margin-top: 32px;
}
.mt-24{
	margin-top: 24px;
}
.mt-16{
	margin-top: 16px;
}
.m-auto{
	margin: auto;
}

/*Width & Height*/
.w-full{
	width: 100%;
}
.h-full{
	height: 100%;
}

/*Img*/
.img-cover{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

/*Btns*/
.btn{
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	color: var(--c-white);
	background-color: var(--c-green);
	border: 1px solid var(--c-green);
	text-align: center;
	padding: 20px 40px;
	border-radius: 40px;
	transition-property: color, background-color;
	transition-duration: var(--transition-duration);
}
.btn:hover,
input[type="submit"]:hover{
	color: var(--c-green);
	background-color: var(--c-beige);
}
.btn.btn-transparent{
	color: var(--c-green);
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: var(--c-green);
	transition-property: border-color, background-color;
	transition-duration: var(--transition-duration);
}
.btn-transparent:hover{
	background-color: var(--c-beige);
	border-color: var(--c-beige);
}
.btn.btn-arrow-left,
.btn.btn-arrow-right{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}
.btn.btn-arrow-left::before{
	content: "\e906";
}
.btn.btn-arrow-right::after{
	content: "\e907";
}
.btn.btn-arrow-left::before,
.btn.btn-arrow-right::after{
	font-family: 'icomoon';
	font-size: 24px;
	line-height: 1;
}
.btn.btn-beige{
	color: var(--c-green);
	background-color: var(--c-beige);
}

/*Overflows*/
.open-burger,
.o-hidden{
	overflow: hidden !important;
}

/*CF7*/
.wpcf7 form .wpcf7-spinner{
	display: none;
}
.wpcf7 form .wpcf7-not-valid-tip{
	display: block;
	color: var(--c-error);
	font-size: 10px;
	font-weight: 300;
	line-height: 1.2;
	margin-top: 4px;
}
.wpcf7 form .wpcf7-response-output{
	text-align: center;
	margin: 24px 0 0;
}

/*Binotel*/
.bingc-blur-whole-page{
	filter: unset !important;
	-webkit-filter: unset !important;
}
#bingc-phone-button.bingc-phone-button{
	z-index: 9 !important;
}

/*Swiper*/
.swiper-nav{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-top: 48px;
}
.swiper-nav .swiper-arrow{
	padding: 18px;
	font-size: 24px;
	line-height: 1;
	border-radius: 50%;
	color: var(--c-white);
	background-color: var(--c-green);
}
.swiper-nav .swiper-button-disabled{
	color: var(--c-green);
	background-color: #043B334D;
	opacity: 1;
}

/*Header*/
.header{
	position: fixed;
	top: 0;
	width: 100%;
	background-color: var(--c-white);
	z-index: 10;
	transition-property: box-shadow, top;
	transition-duration: var(--transition-duration);
}
.header.scroll{
	box-shadow: 0px 4px 20px rgba(4, 59, 51, 0.1);
}
.header.without-box-shadow{
	box-shadow: none;
}
.header-main{
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
}
.header-logo{
	display: block;
}
.header-logo img{
	width: auto;
	height: 50px;
}
.mobile-menu,
.services-menu .sub-menu{
	display: none;
}
.mobile-menu{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100dvh;
	z-index: -1;
	background-color: var(--c-white);
	padding-top: 66px;
}
.mobile-menu-wrap{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 48px;
	height: 100%;
	padding: 16px 0;
	background-color: var(--c-white);
}
.mobile-menu-top{
	display: flex;
	flex-direction: column;
	gap: 32px;
	height: 65%;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
.mobile-menu-top::-webkit-scrollbar{
	width: 2px;
	margin: 5px;
	padding: 5px;
}
.mobile-menu-top::-webkit-scrollbar-thumb{
	background: var(--scroll-thumb);
}
.mobile-menu-top::-webkit-scrollbar-track{
	background: var(--scroll-track);
}
.header-menu{
	padding-left: 24px;
}
.header-menu li,
.services-menu li{
	line-height: 1;
}
.header-menu li + li,
.services-menu li + li{
	margin-top: 32px;
}
.services-menu .menu-item-has-children span{
	position: relative;
	display: block;
}
.services-menu .category-menu::after{
	position: absolute;
	top: 6px;
	right: 0;
	content: "\e900";
	font-family: 'icomoon' !important;
	font-size: 12px;
	line-height: 1;
	color: var(--c-green);
	transition-property: transform;
	transition-duration: var(--transition-duration);
}
.services-menu .menu-item-has-children span.open::after{
	transform: rotate(180deg);
}
.services-menu > li.menu-item-has-children::after{
	content: none;
}
.services-menu > li.menu-item-has-children > .services-menu-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 8px 8px 8px 24px;
	background-color: var(--c-beige-30);
	border-radius: 30px;
}
.services-menu > li.menu-item-has-children > .services-menu-title::after{
	content: "\e900";
	position: static;
	font-family: 'icomoon' !important;
	font-size: 12px;
	line-height: 1;
	color: var(--c-white);
	padding: 8px;
	background-color: var(--c-green);
	border-radius: 50%;
	transition-property: transform;
	transition-duration: var(--transition-duration);
}
.services-menu > li.menu-item-has-children.open > .services-menu-title::after{
	transform: rotate(180deg);
}
.services-menu > li.menu-item-has-children .sub-menu{
	padding: 24px 16px 0 40px;
}
.services-menu > li.menu-item-has-children .sub-menu li .sub-menu{
	padding: 32px 0 0 24px;
}
.mobile-menu-bottom{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	padding-top: 16px;
}
.header-contacts,
.header-phones,
.header-social{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}
.header-contacts{
	font-size: 12px;
	flex-direction: column;
}
.header-contacts a{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	line-height: 1;
	padding: 8px;
	background-color: var(--c-beige-30);
	border-radius: 32px;
	transition-property: background-color;
	transition-duration: var(--transition-duration);
}
.header-contacts a:hover{
	background-color: var(--c-beige);
}
.header-contacts .header-address,
.header-phones a{
	padding: 8px 15px;
}
.header-phones a{
	gap: 0;
}
.header-contacts a::before{
	font-size: 20px;
}
.header-phones{
	flex-wrap: wrap;
	gap: 4px;
}
.header-social a{
	background-color: var(--c-beige);
}
.social a{
	transition-property: color, background-color;
	transition-duration: var(--transition-duration);
}
.social a:hover{
	color: var(--c-white);
	background-color: var(--c-green);
}

/*Hero Section*/
.hero-section{
	padding: 58px 0 48px;
	background-color: var(--c-beige);
}
.hero-slider{
	position: relative;
}
.hero-row{
	gap: 165px;
}
.hero-illustration{
	position: relative;
	width: 100%;
	height: auto;
}
.hero-illustration::after{
	content: '';
	display: block;
	width: 210px;
	height: 30px;
	background: radial-gradient(50% 50% at 50% 50%, rgba(152, 152, 152, 0.15) 0%, rgba(102, 102, 102, 0) 100%);
	margin: auto;
}
.hero-ill-frame{
	position: relative;
	z-index: -1;
	height: 300px;
}
.hero-ill-frame video{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hero-ill-frame img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.hero-ill-pin{
	position: absolute;
	z-index: 2;
	width: 170px;
	height: auto;
	padding: 4px 8px 4px 4px;
	border: 1px solid var(--c-green);
	border-radius: 40px;
	box-shadow: -5px -5px 250px 0px #FFFFFF05 inset;
	background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.hero-ill-pin::after{
	content: "\e908";
	color: var(--c-green);
	display: block;
	position: absolute;
	z-index: 1;
	top: calc(100% + 12px);
	font-family: 'icomoon';
	font-size: 12px;
	line-height: 1;
	padding: 6px;
	border: 1px solid var(--c-green);
	border-radius: 50%;
	box-shadow: -5px -5px 250px 0px #FFFFFF05 inset;
	background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.hero-ill-pin p{
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.2;
}
.hero-ill-pin p::before{
	content: "\e902";
	display: block;
	font-family: 'icomoon';
	font-size: 16px;
	line-height: 1;
	color: var(--c-white);
	padding: 6px;
	background-color: var(--c-green);
	border-radius: 50%;
}
.hero-ill-pin.first{
	top: 0%;
	left: 0;
}
.hero-ill-pin.second{
	top: 20%;
	right: 0;
}
.hero-ill-pin.third{
	top: 40%;
	left: 0;
}
.hero-ill-pin.fourth{
	top: 60%;
	right: 0;
}
.hero-ill-pin.first::after,
.hero-ill-pin.third::after{
	right: 0;
}
.hero-ill-pin.second::after,
.hero-ill-pin.fourth::after{
	left: 0;
}
.hero-slide-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 40px;
}
.hero-slider-nav{
	position: absolute;
	top: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
	z-index: 1;
}
.hero-slider-nav.lock{
	display: none;
}
.hero-slider-nav .swiper-arrow{
	color: var(--c-green);
	font-size: 24px;
	line-height: 1;
	padding: 18px;
	background-color: var(--c-white);
	border-radius: 50%;
	transition-property: color, background-color;
	transition-duration: var(--transition-duration);
}
.hero-slider-nav .swiper-arrow:hover{
	color: var(--c-white);
	background-color: var(--c-green);
}
.hero-slider-nav .swiper-arrow.swiper-button-disabled{
	opacity: 1;
	color: var(--c-green);
	background-color: #FFFFFF33;
}
.circle-timer{
	position: relative;
	padding: 10px;
	border-radius: 50%;
}
.circle-timer svg{
	--progress: 1;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: rotateZ(-90deg);
	stroke-dashoffset: calc(250px * (1 - var(--progress)));
	stroke-dasharray: 250;
	stroke-linecap: round;
	stroke-width: 1px;
	fill: none;
	stroke: var(--c-green);
	z-index: -1;
}

/*Running Line*/
.running-line-section{
	display: flex;
	align-items: center;
	gap: 32px;
	padding: 16px 0;
	margin: 0;
	background-color: var(--c-green);
	overflow: hidden;
}
.running-line-section .js-marquee-wrapper{
	display: flex;
}
.running-line-section .js-marquee{
	display: flex;
	align-items: center;
	gap: 32px;
}
.running-line-section .running-line-item{
	color: var(--c-white);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}
.running-line-section a.running-line-item::after{
	content: '';
	display: block;
	width: 0;
	height: 1px;
	background-color: var(--c-white);
	margin-top: 2px;
	transition-property: width;
	transition-duration: var(--transition-duration);
}
.running-line-section a.running-line-item:hover::after{
	width: 100%;
}
.running-line-section .icon-diamond{
	color: var(--c-beige);
	font-size: 48px;
	line-height: 1;
}

/*About Us*/
.about-row{
	gap: 64px;
}
.about-images{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.about-big-photo{
	width: 100%;
	aspect-ratio: 4/3;
	object-fit: cover;
	border-radius: 8px;
}
.about-small-photo{
	width: 75%;
	aspect-ratio: 5/4;
	object-fit: cover;
	border-radius: 8px;
}
.about-circle-wrap{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 32px;
}
.about-circle{
	position: absolute;
	width: 40%;
	aspect-ratio: 1/1;
	animation: circle 15s linear infinite;
}
.about-photo-text{
	display: none;
}

/*Brands*/
.brands{
	padding: 24px 16px;
	background-color: var(--c-beige-30);
	border-radius: 12px;
}
.brands .title-5{
	text-align: center;
}
.brand-logos{
	overflow: hidden;
	margin-top: 32px;
}
.brand-logos .js-marquee{
	display: flex;
	align-items: center;
	gap: 24px;
}
.brand-logos img{
	width: auto;
	height: 24px;
}

/*Services*/
.service-categories{
	position: relative;
}
.service-categories-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: var(--c-green);
	padding: 12px 12px 12px 16px;
	background-color: var(--c-beige);
	border-radius: 40px;
}
.service-categories-head::after{
	content: '\e900';
	font-family: 'icomoon';
	font-size: 10px;
	line-height: 1;
	color: var(--c-white);
	padding: 9px;
	background-color: var(--c-green);
	border-radius: 50%;
	transition-property: transform;
	transition-duration: var(--transition-duration);
}
.service-categories.open .service-categories-head::after{
	transform: rotate(180deg);
}
.service-categories-body{
	display: flex;
	flex-direction: column;
	gap: 8px;
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	width: 100%;
	padding: 12px 16px;
	background-color: #F7F4EC;
	border-radius: 12px;
	box-shadow: 0px 4px 20px rgba(4, 59, 51, 0.1);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: var(--transition-duration);
}
.service-categories.open .service-categories-body{
	z-index: 1;
	opacity: 1;
	visibility: visible;
}
.service-categories .service-category{
	color: var(--c-black);
	font-size: 14px;
	line-height: 1;
	padding: 16px;
	border-radius: 32px;
}
.service-categories .service-category.active{
	color: var(--c-white);
	background-color: var(--c-green);
}
.services-wrap{
	display: grid;
	gap: 32px;
	margin-top: 32px;
}
.service-block{
	width: 100%;
	padding: 16px;
	background-color: var(--c-beige-30);
	border-radius: 12px;
}
.service-img{
	width: 100%;
	aspect-ratio: 2/1;
	border-radius: 8px;
}
.service-title{
	color: var(--c-green);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}
.service-text{
	color: var(--c-black);
	font-size: 14px;
	font-weight: 400;
}

/*Features Grid*/
.features-row{
	gap: 48px;
}
.features-row .title-2{
	text-align: center;
}
.features-mobile-wrap{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.feature-block{
	padding: 24px 16px;
	border-radius: 12px;
}
.feature-block .icon-diamond{
	display: flex;
	font-size: 72px;
	line-height: 1;
}
.feature-block p{
	padding: 24px 24px 24px 16px;
	border-radius: 12px;
}
.features-mobile-wrap .feature-block:nth-child(odd),
.features-mobile-wrap .feature-block:nth-child(odd) .title-4{
	color: var(--c-white);
	background-color: var(--c-green);
}
.features-mobile-wrap .feature-block:nth-child(odd) .icon-diamond{
	color: var(--c-beige);
}
.features-mobile-wrap .feature-block:nth-child(odd) p{
	background-color: #1d4e47;
}
.features-mobile-wrap .feature-block:nth-child(even){
	color: var(--c-black);
	background-color: var(--c-beige);
}
.features-mobile-wrap .feature-block:nth-child(even) .icon-diamond{
	color: var(--c-green);
}
.features-mobile-wrap .feature-block:nth-child(even) p{
	background-color: #e0d7c1;
}

/*Call to action*/
.call-to-action-block{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 56px;
	padding: 48px 16px;
	border-radius: 12px;
}
.call-to-action-block.bg-green .title-2{
	color: var(--c-white);
}
.call-to-action-block.bg-green .btn{
	color: var(--c-green);
	background-color: var(--c-white);
	transition-property: background-color;
	transition-duration: var(--transition-duration);
}
.call-to-action-block.bg-green .btn:hover{
	background-color: var(--c-beige);
}

/*FAQ Section*/
.faq-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	padding: 48px 16px;
	background-color: var(--c-beige-30);
	border-radius: 12px;
}
.faq-header-text{
	color: var(--c-gray);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
}
.faq-body{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.faq-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	color: var(--c-black);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.faq-title{
	padding: 24px 16px;
	background-color: var(--c-beige);
	border-radius: 16px;
}
.faq-title .icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
}
.faq-title .icon::before,
.faq-title .icon::after{
	content: '';
	display: block;
	position: absolute;
	background-color: var(--c-green);
}
.faq-title .icon::before{
	width: 1px;
	height: 13px;
	transition-property: transform;
	transition-duration: var(--transition-duration);
}
.faq-block.open .faq-title .icon::before{
	transform: rotate(90deg);
}
.faq-title .icon::after{
	width: 13px;
	height: 1px;
}
.faq-content{
	display: none;
	padding: 24px 16px;
	background-color: var(--c-white);
	border-radius: 16px;
	margin-top: 16px;
}
.faq-text{
	color: var(--c-gray);
	font-weight: 400;
}

/*Reviews*/
.reviews-wrap .title-2,
.portfolio-wrap .title-2{
	text-align: center;
}
.review-block{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 32px;
	padding: 32px 16px;
	border-radius: 16px;
	min-height: 335px;
}
.reviews-slider,
.portfolio-slider{
	width: 100%;
	overflow: visible;
}
.reviews-slider .swiper-slide:nth-child(odd) .review-block{
	color: var(--c-white);
	background-color: var(--c-green);
}
.reviews-slider .swiper-slide:nth-child(even) .review-block{
	color: var(--c-black);
	background-color: var(--c-beige);
}
.review-quote{
	position: absolute;
	top: 32px;
	right: 16px;
	font-size: 95px;
	line-height: 1;
}
.reviews-slider .swiper-slide:nth-child(odd) .review-quote{
	color: #FFFFFF1A;
}
.reviews-slider .swiper-slide:nth-child(even) .review-quote{
	color: #8484841A;
}
.review-text .hidden-text{
	display: none;
}
.reviews-slider .swiper-slide:nth-child(odd) .review-block .review-read-more{
	color: var(--c-beige);
}
.reviews-slider .swiper-slide:nth-child(even) .review-block .review-read-more{
	color: var(--c-green);
}
.review-block .review-read-more:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 5px;
}
.reviews-slider .swiper-slide:nth-child(odd) .review-block .review-read-more::after{
	background-color: var(--c-beige);
}
.reviews-slider .swiper-slide:nth-child(even) .review-block .review-read-more::after{
	background-color: var(--c-green);
}
.review-bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
}
.reviews-slider .swiper-slide:nth-child(odd) .review-block .review-date{
	color: var(--c-beige);
}
.reviews-slider .swiper-slide:nth-child(even) .review-block .review-date{
	color: var(--c-gray);
}

/*Team*/
.team-row{
	justify-content: center;
	gap: 32px 0;
}
.hidden-teammate{
	display: none;
}
.teammate-photo{
	width: 100%;
	aspect-ratio: 3/4;
	border-radius: 8px;
}
.teammate-info{
	padding: 16px 12px;
	background-color: var(--c-beige-30);
	border-radius: 8px;
	margin-top: 12px;
}
.teammate-text{
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
	margin-top: 12px;
}
.teammate-info .btn{
	width: 100%;
	margin-top: 32px;
}
.teammate-info{

}
.show-hidden-teammate{
	display: flex;
	justify-content: center;
	margin: 48px auto 0;
}

/*Footer*/
.footer{
	margin: 32px 0 16px;
}
.footer-row{
	gap: 32px;
}
.footer-google-map{
	width: 100%;
	aspect-ratio: 3/2;
	border-radius: 12px;
}
.footer-info{
	text-align: center;
	padding: 32px 16px 16px;
	background-color: var(--c-beige-30);
	border-radius: 12px;
}
.footer-info-wrap{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 32px;
	margin: 56px 0;
}
.footer-subtitle{
	display: block;
	color: var(--c-gray);
	font-size: 14px;
	line-height: 1;
	margin-bottom: 8px;
}
.footer-item{
	display: block;
	color: var(--c-green);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}
a.footer-item:hover{
	text-decoration: underline;
}
.footer-phone{
	width: 100%;
	padding: 5px 0;
}
.footer-address,
.footer-phones,
.footer-email,
.footer-social{
	width: 100%;
}
.footer-social{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.footer-social a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--c-green);
	background-color: var(--c-beige);
	font-size: 32px;
	line-height: 1;
	padding: 8px;
	border-radius: 50%;
}
.footer-bottom-info{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.footer-menu,
.footer-copyright{
	color: var(--c-gray);
	font-size: 14px;
	line-height: 1;
}
.footer-menu{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
}
.footer-menu a:hover{
	text-decoration: underline;
}
.footer-creator{
	color: var(--c-gray);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	font-size: 10px;
	line-height: 1;
}
.footer-creator img{
	width: auto;
	height: 20px;
}

/*Breadcrumbs*/
.breadcrumbs-section{
	margin: 16px 0 32px;
}
.breadcrumbs{
	color: var(--c-black);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
}
.breadcrumbs > span{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 16px;
}
.breadcrumbs .sep{
	color: var(--c-beige);
}
.breadcrumbs .breadcrumb_last{
	color: var(--c-gray);
}

/*Single Hero Section*/
.single-hero-row{
	gap: 48px;
}
.single-hero-img{
	width: 100%;
	aspect-ratio: 4/3;
	border-radius: 8px;
}

/*Anchors Section*/
.anchors-section{
	margin: 48px 0;
	background-color: var(--c-white);
}
.anchors-block{
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 24px 16px;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: var(--c-beige-30);
}
.anchors-block .anchor{
	color: var(--c-green);
	line-height: 1;
	padding: 16px;
	text-align: center;
	background-color: var(--c-beige-30);
	border-radius: 32px;
	white-space: nowrap;
	transition-property: background-color;
	transition-duration: var(--transition-duration);
}
.anchors-block .anchor:hover{
	background-color: var(--c-beige);
}

/*Gallery Section*/
.gallery-img{
	width: 100%;
	aspect-ratio: 3/2;
	border-radius: 12px;
	margin: 0;
}
.gallery-img figcaption{
	color: var(--c-gray);
	text-align: center;
	margin-top: 16px;
}
.gallery-slider-pagination{
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 16px;
}
.gallery-slider-pagination .swiper-pagination-bullet{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	width: 20px;
	height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 50%;
	margin: 0;
	opacity: 1;
	transition-property: opacity, border-color;
	transition-duration: var(--transition-duration);
}
.gallery-slider-pagination .swiper-pagination-bullet-active{
	border-color: var(--c-green);
	opacity: .3;
}
.gallery-slider-pagination .swiper-pagination-bullet::after{
	content: '';
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	background-color: var(--c-green);
	border-radius: 50%;
}

/*Stages Section*/
.stages-wrap{
	padding: 24px 16px;
	background-color: var(--c-beige-30);
	border-radius: 12px;
}
.stages-list li{
	display: flex;
	align-items: center;
	gap: 16px;
	break-inside: avoid;
}
.stages-list li + li{
	margin-top: 16px;
}
.stages-list li span{
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 42px;
	min-height: 42px;
	color: var(--c-green);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
	background-color: var(--c-beige);
	border-radius: 50%;
}
.portfolio-block{
	width: 100%;
	aspect-ratio: 1/1;
	border-radius: 12px;
}

/*Price Section*/
.price-wrap{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.price-block{
	color: var(--c-green);
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--c-beige);
}
.price-title{
	font-weight: 600;
	line-height: 1.2;
}
.price-value{
	font-size: 18px;
	line-height: 1.2;
	white-space: nowrap;
}

/*Modal Form*/
.mfp-container{
	padding: 0;
}
.mfp-content{
	height: 100%;
}
.modal-form{
	position: relative;
	height: 100%;
	padding: 48px 16px 32px;
	background-color: var(--c-white);
	overflow-y: auto;
	scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
.modal-form::-webkit-scrollbar{
	width: 2px;
	margin: 5px;
	padding: 5px;
}
.modal-form::-webkit-scrollbar-thumb{
	background: var(--scroll-thumb);
}
.modal-form::-webkit-scrollbar-track{
	background: var(--scroll-track);
}
.modal-form-title{
	color: var(--c-green);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
}
.modal-form-text{
	color: var(--c-gray);
	font-size: 14px;
	font-weight: 300;
	line-height: 1.2;
}
.modal-form-sep{
	display: flex;
	align-items: center;
	gap: 40px;
	margin: 24px 0;
}
.modal-form-sep::before,
.modal-form-sep::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: var(--c-beige);
}
.modal-form .form-row + .form-row{
	margin-top: 16px;
}
.modal-form .form-row + .form-submit{
	margin-top: 24px;
}
.booking-services{
	position: relative;
}
.booking-services-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--c-black);
	font-size: 14px;
	line-height: 1;
	padding: 8px 8px 8px 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #043B334D;
	border-radius: 40px;
}
.booking-services-head::after{
	content: "\e900";
	color: var(--c-white);
	font-family: 'icomoon';
	font-size: 12px;
	line-height: 1;
	padding: 8px;
	border-radius: 50%;
	background-color: var(--c-green);
	transition-property: transform;
	transition-duration: var(--transition-duration);
}
.booking-services-head.show::after{
	transform: rotate(180deg);
}
.booking-services-list{
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	width: 100%;
	padding: 12px 16px;
	background-color: var(--c-white);
	border-radius: 12px;
	box-shadow: 0px 4px 16px 0px #0000001A;
	height: 280px;
	scrollbar-color: var(--scroll-thumb) var(--scroll-track);
	overflow-y: auto;
	z-index: 1;
}
.booking-services-list::-webkit-scrollbar{
	width: 2px;
	margin: 5px;
	padding: 5px;
}
.booking-services-list::-webkit-scrollbar-thumb{
	background: var(--scroll-thumb);
}
.booking-services-list::-webkit-scrollbar-track{
	background: var(--scroll-track);
}
.booking-services-list li{
	color: var(--c-black);
	font-size: 14px;
	line-height: 1;
	padding: 16px;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 32px;
	transition-property: border-color;
	transition-duration: var(--transition-duration);
}
.booking-services-list li:hover{
	border-color: var(--c-green);
}
.booking-services-list li.active{
	color: var(--c-white);
	background-color: var(--c-green);
	border-color: var(--c-green);
}
.booking-services-list li + li{
	margin-top: 8px;
}
.mfp-close-btn-in .mfp-close{
	color: var(--c-green);
	font-family: var(--font-family);
	font-weight: 300;
	width: 32px;
	height: 32px;
	font-size: 40px;
	line-height: 32px;
	opacity: 1;
	top: 8px;
	right: 8px;
}
.modal-form .btn{
	padding: 20px 10px;
}

/*Technical page*/
.tec-row{
	justify-content: center;
}
.tec-page{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 32px;
	padding: 120px 0;
}
.tec-text{
	color: var(--c-gray);
	font-size: 18px;
}
.tec-page .icon-diamond{
	position: absolute;
	color: var(--c-beige);
	font-size: 48px;
	line-height: 1;
	z-index: -1;
}
.tec-page .icon-diamond.first{
	top: 0;
	left: 10%;
}
.tec-page .icon-diamond.second{
	top: 10%;
	right: 10%;
}
.tec-page .icon-diamond.third{
	bottom: 0;
}
.title-404{
	color: transparent;
	font-size: 96px;
	font-weight: 800;
	line-height: 1;
	text-stroke: 1px var(--c-green);
	-webkit-text-stroke: 1px var(--c-green);
}

/*Single Services Page*/
.single-services-page .text-block h2{
	color: var(--c-green);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.2;
}
.single-services-page .text-block h3{
	color: var(--c-green);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
}
.single-services-page .text-block h4{
	color: var(--c-green);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
}
.single-services-page .text-block h5{
	color: var(--c-green);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
}

/*Media*/
@media (max-width: 374.99px){
	.btn{
		padding: 20px;
	}
	.modal-form .btn{
		font-size: 12px;
	}
	.hero-ill-pin::after{
		content: none;
	}
	.hero-ill-pin.first{
		top: 5%;
	}
	.hero-ill-pin.second{
		top: 25%;
	}
	.hero-ill-pin.third{
		top: 45%;
	}
	.hero-ill-pin.fourth{
		top: 65%;
	}
}
@media (min-width: 576px){
	.header-phones{
		gap: 16px;
	}
	.header-phones a{
		gap: 6px;
	}
	.hero-ill-pin.first,
	.hero-ill-pin.third{
		left: 10%;
	}
	.hero-ill-pin.second,
	.hero-ill-pin.fourth{
		right: 10%;
	}
	.title-404{
		font-size: 160px;
	}
}
@media (min-width: 768px){
	input{
		padding: 16px;
	}
	.w-md-auto{
		width: auto;
	}
	.mt-md-24{
		margin-top: 24px;
	}
	.hero-ill-pin.first,
	.hero-ill-pin.third{
		left: 20%;
	}
	.hero-ill-pin.second,
	.hero-ill-pin.fourth{
		right: 20%;
	}
	.services-wrap{
		grid-template-columns: repeat(2, 1fr);
	}
	.service-block{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	.review-block{
		min-height: 360px;
	}
	.mfp-content{
		max-width: 560px;
		height: auto;
	}
	.modal-form{
		padding: 32px 48px;
		margin: 50px auto;
		border-radius: 12px;
	}
	.modal-form-sep{
		margin: 32px 0;
	}
	.modal-form .form-row + .form-submit{
		margin-top: 32px;
	}
	.booking-services-head{
		padding: 12px 12px 12px 16px;
	}
	.booking-services-list{
		top: calc(100% + 5px);
		padding: 24px 16px;
		height: 245px;
	}
	.mfp-close-btn-in .mfp-close{
		top: 16px;
		right: 16px;
	}
	.single-hero-img{
		aspect-ratio: 3/2;
	}
	.tec-page{
		padding: 120px;
	}
}
@media (min-width: 992px){
	section{
		scroll-margin-top: 150px;
	}
	.has-anchors-section section{
		scroll-margin-top: 220px;
	}
	section + section{
		margin-top: 32px;
	}
	.main-wrapper{
		padding-top: 148px;
	}
	.title-1,
	.text-block h1{
		font-size: 44px;
		font-weight: 700;
		line-height: 1.3;
	}
	.title-2,
	.text-block h2{
		font-size: 40px;
	}
	.title-4,
	.text-block h4{
		font-size: 24px;
	}
	.text-block h1 + *{
		margin-top: 72px;
	}
	.text-lg-center{
		text-align: center;
	}
	.btn{
		font-size: 20px;
	}
	.btn.btn-small{
		font-size: 16px;
	}
	.mtb-80-150{
		margin: 150px 0;
	}
	.mt-lg-72{
		margin-top: 72px;
	}
	.header.scroll{
		top: -52px;
	}
	.header-contacts{
		font-size: 14px;
		flex-direction: row;
		justify-content: flex-end;
		padding: 12px 0 4px;
	}
	.header-main{
		align-items: center;
		padding: 12px 0;
	}
	.header-main-left{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 16px;
	}
	.header-logo img{
		height: 72px;
	}
	.services-menu > li.menu-item-has-children > .services-menu-title{
		padding: 8px 8px 8px 16px;
	}
	.services-menu > li.menu-item-has-children{
		position: relative;
	}
	.services-menu .sub-menu{
		position: absolute;
		top: 1000%;
		right: 1000%;
		display: block;
		opacity: 0;
		visibility: hidden;
		transition-property: opacity, visibility;
		transition-duration: var(--transition-duration);
	}
	.services-menu > li.menu-item-has-children > .sub-menu{
		left: 0;
		top: 100%;
		padding: 32px 24px;
		background-color: var(--bg-mobile-menu);
		border-top: 10px solid var(--c-white);
		border-radius: 12px;
		width: 330px;
	}
	.services-menu > li.menu-item-has-children:hover > .sub-menu{
		display: block;
		visibility: visible;
		opacity: 1;
	}
	.services-menu .menu-item-has-children .category-menu{
		display: flex;
		align-items: center;
		justify-content: space-between;
		white-space: nowrap;
		line-height: 1;
		padding: 12px 24px;
		background-color: var(--bg-mobile-submenu);
		border-radius: 32px;
		transition-property: color, background-color;
		transition-duration: var(--transition-duration);
	}
	.services-menu > .menu-item-has-children span,
	.services-menu .menu-item-has-children .category-menu:hover{
		cursor: pointer;
	}
	.services-menu .menu-item-has-children + .menu-item-has-children{
		margin-top: 20px;
	}
	.services-menu .category-menu::after{
		color: var(--c-white);
		content: '\e907';
		position: static;
		font-size: 24px;
		opacity: 0;
		transition-property: opacity;
		transition-duration: var(--transition-duration);
	}
	.services-menu .sub-menu .menu-item-has-children:hover .category-menu::after{
		opacity: 1;
	}
	.services-menu .sub-menu .menu-item-has-children:hover .category-menu{
		color: var(--c-white);
		background-color: var(--c-green);
	}
	.services-menu > li.menu-item-has-children .sub-menu li .sub-menu{
		width: max-content;
		height: 100%;
		background-color: var(--bg-mobile-menu);
		top: 0;
		left: calc(100% - 24px);
		padding: 32px 24px 32px 60px;
		border-radius: 0 12px 12px 0;
	}
	.services-menu > li.menu-item-has-children .sub-menu li .sub-menu .category-sub-menu-wrap{
		width: auto;
		height: 100%;
		padding: 0 24px 0 56px;
		border-left: 1px solid var(--c-beige);
	}
	.services-menu > li.menu-item-has-children .sub-menu li .sub-menu .category-sub-menu-wrap a{
		width: 180px;
	}
	.services-menu > li.menu-item-has-children .sub-menu li:hover .sub-menu{
		opacity: 1;
		visibility: visible;
	}
	.category-sub-menu-wrap{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 24px;
	}
	.category-sub-menu-wrap .category-menu-img{
		display: block;
		width: 180px;
		aspect-ratio: 5/3;
		border-radius: 8px;
		object-fit: cover;
		margin-bottom: 12px;
		transition-property: transform;
		transition-duration: var(--transition-duration);
	}
	.category-sub-menu-wrap a:hover .category-menu-img{
		transform: scale(1.05);
	}
	.category-sub-menu-wrap .category-menu-title{
		display: block;
	}
	.header-menu{
		display: flex;
		align-items: center;
		gap: 8px;
		padding-left: 4px;
	}
	.header-menu li + li{
		margin: 0;
	}
	.header-menu li a{
		padding: 8px 12px;
		background-color: transparent;
		border-radius: 40px;
		transition-property: background-color;
		transition-duration: var(--transition-duration);
	}
	.header-menu li a:hover{
		background-color: var(--c-beige-30);
	}
	.header-main-right .btn{
		padding: 20px;
	}
	.hero-row{
		gap: 0;
		flex-direction: row-reverse;
		align-items: center;
	}
	.hero-slide-content{
		text-align: left;
		align-items: flex-start;
		gap: 64px;
	}
	.hero-ill-frame{
		height: 400px;
	}
	.hero-ill-frame video{
		object-fit: contain;
	}
	.hero-ill-pin.first{
		top: 20%;
		left: 0;
	}
	.hero-ill-pin.second{
		top: 5%;
		right: 0;
	}
	.hero-ill-pin.third{
		top: 55%;
		left: 0;
	}
	.hero-ill-pin.fourth{
		top: 40%;
		right: 0;
	}
	.hero-slider-nav{
		position: static;
		justify-content: flex-end;
	}
	.hero-slider-nav .swiper-arrow{
		padding: 28px;
	}
	.circle-timer{
		padding: 20px;
	}
	.circle-timer svg{
		stroke-dashoffset: calc(380px * (1 - var(--progress)));
		stroke-dasharray: 380;
	}
	.hero-illustration::after{
		width: 100%;
		max-width: 550px;
		height: 70px;
		background: radial-gradient(50% 50% at 50% 50%, rgba(152, 152, 152, 0.15) 0%, rgba(102, 102, 102, 0) 100%);
	}
	.about-row{
		justify-content: space-between;
		gap: 0;
	}
	.about-images{
		flex-direction: row;
		justify-content: flex-end;
		align-items: baseline;
		gap: 14px;
	}
	.about-big-photo{
		width: 62%;
		border-radius: 12px;
		margin-bottom: 115px;
	}
	.about-small-photo{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 35%;
		aspect-ratio: 1/1;
		border-radius: 12px;
	}
	.about-circle-wrap{
		position: absolute;
		width: 35%;
		height: auto;
		left: 0;
		top: 25px;
		z-index: 1;
	}
	.about-circle{
		position: static;
		width: 100%;
	}
	.about-photo-text{
		display: flex;
		align-items: center;
		gap: 14px;
		position: absolute;
		bottom: 10%;
		left: 30%;
		width: 260px;
		font-size: 14px;
		font-weight: 300;
		line-height: 1.2;
		padding: 8px 30px 8px 8px;
		background-color: var(--c-beige);
		border-radius: 40px;
		z-index: 2;
	}
	.about-photo-text::before{
		content: "\e902";
		font-family: 'icomoon' !important;
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
		color: var(--c-green);
		padding: 10px;
		background-color: var(--c-white);
		border-radius: 50%;
	}
	.brands{
		display: flex;
		align-items: center;
		gap: 32px;
		padding: 32px;
	}
	.brands .title-5{
		text-align: left;
		white-space: nowrap;
	}
	.brand-logos{
		margin-top: 0;
	}
	.brand-logos .js-marquee{
		gap: 32px;
	}
	.brand-logos img{
		height: 28px;
	}
	.service-categories{
		position: static;
	}
	.service-categories-head{
		display: none;
	}
	.service-categories-body{
		position: static;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		gap: 16px;
		top: unset;
		left: unset;
		width: 100%;
		padding: 0;
		background-color: unset;
		border-radius: unset;
		box-shadow: unset;
		z-index: 1;
		opacity: 1;
		visibility: visible;
	}
	.service-categories .service-category{
		cursor: pointer;
		color: var(--c-green);
		font-size: 16px;
		padding: 20px 24px;
		background-color: var(--c-beige-30);
		border-radius: 32px;
		white-space: nowrap;
		transition-property: background-color;
		transition-duration: var(--transition-duration);
	}
	.service-categories .service-category:hover{
		background-color: var(--c-beige);
	}
	.service-categories .service-category.active{
		color: var(--c-green);
		background-color: var(--c-beige);
	}
	.service-img{
		aspect-ratio: 5/3;
		transition-property: aspect-ratio;
		transition-duration: var(--transition-duration);
	}
	.service-block-wrap:hover .service-img{
		aspect-ratio: 7/3;
	}
	.service-block{
		padding: 24px;
	}
	.service-title{
		font-size: 24px;
	}
	.service-text{
		font-size: 16px;
	}
	.service-block-bottom{
		display: none;
	}
	.features-row{
		gap: 0;
	}
	.features-row .title-2{
		position: sticky;
		top: 120px;
		text-align: left;
	}
	.feature-block{
		break-inside: avoid;
	}
	.features-pc-wrap{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
	.features-column-left,
	.features-column-right{
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.features-column-left .feature-block:nth-child(odd),
	.features-column-right .feature-block:nth-child(even),
	.features-column-left .feature-block:nth-child(odd) .title-4,
	.features-column-right .feature-block:nth-child(even) .title-4{
		color: var(--c-white);
		background-color: var(--c-green);
	}
	.features-column-left .feature-block:nth-child(odd) .icon-diamond,
	.features-column-right .feature-block:nth-child(even) .icon-diamond{
		color: var(--c-beige);
	}
	.features-column-left .feature-block:nth-child(odd) p,
	.features-column-right .feature-block:nth-child(even) p{
		background-color: #1d4e47;
	}
	.features-column-left .feature-block:nth-child(even),
	.features-column-right .feature-block:nth-child(odd){
		color: var(--c-black);
		background-color: var(--c-beige);
	}
	.features-column-left .feature-block:nth-child(even) .icon-diamond,
	.features-column-right .feature-block:nth-child(odd) .icon-diamond{
		color: var(--c-green);
	}
	.features-column-left .feature-block:nth-child(even) p,
	.features-column-right .feature-block:nth-child(odd) p{
		background-color: #e0d7c1;
	}
	.call-to-action-block{
		gap: 72px;
		padding: 48px 120px;
	}
	.call-to-action-block .btn{
		padding: 28px 40px;
	}
	.faq-wrap{
		gap: 72px;
		padding: 48px 120px;
	}
	.faq-title{
		cursor: pointer;
		font-size: 18px;
		line-height: 1.2;
	}
	.faq-block > .faq-title{
		padding: 24px 32px;
	}
	.faq-content{
		padding: 24px 32px;
	}
	.hidden-teammate{
		display: block;
	}
	.show-hidden-teammate{
		display: none;
	}
	.reviews-wrap,
	.portfolio-wrap{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	.reviews-wrap .title-2,
	.portfolio-wrap .title-2{
		text-align: left;
		order: 0;
	}
	.swiper-nav{
		order: 1;
		margin-top: 0;
	}
	.reviews-slider,
	.portfolio-slider{
		order: 2;
	}
	.swiper-nav .swiper-arrow{
		padding: 28px;
	}
	.review-block{
		padding: 40px 32px;
	}
	.review-quote{
		top: 40px;
		right: 32px;
	}
	.review-block .review-read-more{
		cursor: pointer;
	}
	.footer{
		margin: 32px 0;
	}
	.footer-row{
		flex-direction: row-reverse;
		gap: 0;
	}
	.footer-google-map{
		height: 100%;
	}
	.footer-info{
		text-align: left;
		padding: 32px;
	}
	.footer-info-wrap{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		align-items: baseline;
		gap: 40px;
		margin: 72px 0 64px;
	}
	.footer-address, .footer-phones, .footer-email, .footer-social{
		width: auto;
	}
	.footer-address{
		order: 0;
	}
	.footer-phones{
		order: 1;
	}
	.footer-weekdays{
		order: 2;
	}
	.footer-email{
		order: 3;
	}
	.footer-weekends{
		order: 4;
	}
	.footer-social{
		justify-content: flex-start;
		order: 5;
	}
	.footer-menu,
	.footer-creator{
		justify-content: flex-start;
	}
	.footer-creator{
		font-size: 14px;
	}
	.footer-creator img{
		width: auto;
		height: 26px;
	}
	.booking-services-head,
	.booking-services-list li{
		cursor: pointer;
	}
	.breadcrumbs-section{
		margin: 32px 0 48px;
	}
	.single-hero-row{
		gap: 0;
		align-items: center;
	}
	.anchors-section{
		margin: 72px 0;
		border-width: 1px 0 1px 0;
		border-style: solid;
		border-color: var(--c-beige-30);
		z-index: 9;
		transition-property: box-shadow;
		transition-duration: var(--transition-duration);
	}
	.anchors-section.sticky{
		position: sticky;
		top: 90px;
		box-shadow: 0 20px 20px rgba(4, 59, 51, 0.03);
	}
	.anchors-block{
		flex-direction: row;
		justify-content: space-between;
		padding: 24px 0;
		border: none;
	}
	.gallery-img{
		aspect-ratio: 2/1;
	}
	.stages-wrap{
		padding: 32px;
	}
	.stages-list{
		column-count: 2;
	}
	.price-block{
		padding-bottom: 24px;
	}
	.price-title{
		font-size: 18px;
	}
	.tec-page{
		padding: 200px 0;
	}
	.tec-page.page-404{
		flex-direction: row;
		text-align: left;
	}
	.title-404{
		font-size: 240px;
		text-stroke: 2px var(--c-green);
		-webkit-text-stroke: 2px var(--c-green);
	}
	.tec-page .icon-diamond{
		font-size: 100px;
	}
	.tec-page .icon-diamond.first{
		top: 10%;
		left: 10%;
	}
	.tec-page .icon-diamond.second{
		top: 20%;
		right: 10%;
	}
	.tec-page .icon-diamond.third{
		bottom: 10%;
	}
	.tec-page .btn{
		width: fit-content;
	}
	.tec-page.page-404 .btn{
		margin-top: 40px;
	}
	.single-services-page .text-block h2{
		color: var(--c-green);
		font-size: 24px;
		font-weight: 600;
		line-height: 1.2;
	}
	.single-services-page .text-block h3{
		color: var(--c-green);
		font-size: 20px;
		font-weight: 600;
		line-height: 1.2;
	}
	.single-services-page .text-block h4{
		color: var(--c-green);
		font-size: 18px;
		font-weight: 600;
		line-height: 1.2;
	}
	.single-services-page .text-block h5{
		color: var(--c-green);
		font-size: 16px;
		font-weight: 600;
		line-height: 1.2;
	}
}
@media (min-width: 1200px){
	.swiper-arrow{
		cursor: pointer;
	}
	.header-main-right .btn{
		padding: 20px 40px;
	}

	.hero-section{
		padding: 100px 0 50px;
	}
	.hero-ill-pin{
		width: 240px;
		padding: 8px 16px 8px 8px;
	}
	.hero-ill-pin::after{
		top: calc(100% + 16px);
		font-size: 20px;
		padding: 8px;
	}
	.hero-ill-pin p{
		font-size: 14px;
		gap: 14px;
	}
	.hero-ill-pin p::before{
		font-size: 24px;
		padding: 10px;
	}
	.brands{
		gap: 100px;
	}
	.services-wrap{
		grid-template-columns: repeat(3, 1fr);
	}
	.teammate-btn-wrap{
		display: none;
	}
	.review-block{
		min-height: 375px;
	}
	.footer-item{
		font-size: 24px;
	}
	.footer-bottom-info{
		flex-direction: row-reverse;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.anchors-block .anchor{
		padding: 20px 24px;
	}
}
@media (min-width: 1400px){
	.hero-ill-pin.first{
		top: 15%;
		left: 10%;
	}
	.hero-ill-pin.second{
		top: 0%;
		right: 0;
	}
	.hero-ill-pin.third{
		top: 55%;
		left: 5%;
	}
	.hero-ill-pin.fourth{
		top: 40%;
		right: 10%;
	}
	.about-circle-wrap{
		top: 10px;
	}
	.review-block{
		min-height: 350px;
	}
	.tec-page.page-404{
		gap: 140px;
	}
}

/*Animation*/
@keyframes circle{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}