/* overall */

:root {
	--main-accent-color: #00CFBE;
	--main-hover-color: #077ED4;
	--main-black-color: #000000;
	--main-darkgray-color: #252A30;
	--main-gray-color: #858D97;
	--main-text-color: #1F2124;
	--main-bg-gray: #edf2f6;
	--main-stroke-color: rgb(133 141 151 / 20%);
	--main-gradient: linear-gradient(90deg, #00CFBE 0%, #077ED4 100%);
	--font-13: .75rem;
	--font-14: .85rem;
	--font-18: 1.15rem;
	--font-20: 1.25rem;
	--font-24: 1.5rem;
	--font-28: 1.75rem;
	--font-32: 2rem;
	--font-36: 2.25rem;
	--font-44: 3rem;
	--font-66: 3.5rem;
	/* --hover-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; */
	--hover-transition: all 0.25s ease 0s;
}

@media (prefers-color-scheme: dark) {
	:root {
		--main-accent-color: #00CFBE;
		--main-hover-color: #077ED4;
		--main-black-color: #000000;
		--main-darkgray-color: #252A30;
		--main-gray-color: #858D97;
		--main-text-color: #1F2124;
		--main-bg-gray: #F1F2F3;
		--main-stroke-color: rgb(133 141 151 / 20%);
		--main-gradient: linear-gradient(90deg, #00CFBE 0%, #077ED4 100%);
		/* --hover-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s; */
	}
}

@media (max-width: 767.98px) {
	:root {	
		--font-66: 2.25rem;
	}
}

html, body {
	font-size: 16px;
}
body {
	font-family: 'SIntl', sans-serif;
	color: var(--main-text-color);
	font-weight: 400;
    line-height: 1.4;
	background: #fff;
}
a {
	color: var(--main-text-color);
	transition: var(--hover-transition);
	text-decoration: none;
}
a:not(.btn):not([data-fancybox]):hover {
	color: var(--main-text-color);
	opacity: .75;
	text-decoration: none;
}
.hero-section a:not(.btn):hover,
.hero-advantages a:not(.btn):hover {
	color: #fff;
	opacity: .7;
	text-decoration: none;
}

.link-inline {
	border-bottom: 1px solid var(--main-stroke-color);
}
.link-external:after {
	/* content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"%3E%3Cg class="external-link"%3E%3Cpath stroke="%23858D97" stroke-linecap="round" stroke-linejoin="round" d="M9 6.5v3a1 1 0 0 1-1 1H2.5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h3m2-1.5h3v3M5 7l5.5-5.5" class="Vector"/%3E%3C/g%3E%3C/svg%3E'); */
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"%3E%3Cg class="Group 427319224"%3E%3Cpath stroke="%23858D97" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 11 11 1M1 1h10v10" class="Vector"/%3E%3C/g%3E%3C/svg%3E');
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: .5rem;
	width: .85rem;
	height: .85rem;
	display: inline-flex;
}
b, strong {
    font-weight: 500;
}
img, svg {
	max-width: 100%;
	height: auto;
}
header a:not(.btn):hover,
nav a:hover,
footer a:hover {
	opacity: .7;
}
.container {
	width: 98vw;
	max-width: 1680px;
	/* max-width: 1322px; */
}
.navbar>.container {
	width: 98vw;
	max-width: 1680px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h3, .h4, .h5, .h6  {
	font-family: 'SIntl', sans-serif;
	font-weight: 500;
	position: relative;
	z-index: 2;
	line-height: 1.4;
}
.h1, h1 {
    font-size: 3.75rem;
	line-height: 1.2;
	letter-spacing: -1px;
}
.h1-big {
	font-size: 8rem;
	line-height: 1;
	letter-spacing: -1px;
}
.h1-mini {
	font-size: 2.75rem;
	line-height: 1.4;
	margin-bottom: 2rem;
	letter-spacing: -1px;
}
.h2, h2 {
	font-size: 2.75rem;
	margin-bottom: 3rem;
	letter-spacing: -1px;
	line-height: 1.2;
}
.h2-big {
	font-size: 3.75rem;
	line-height: 1.2;
	letter-spacing: -1px;
}
.h3, h3 {
    font-size: 2.25rem;
    margin-bottom: 2rem;
	letter-spacing: -.5px;
	line-height: 1.2;
}
.h4, h4 {
	font-size: 1.5rem;
	margin-bottom: 2rem;
	letter-spacing: -.3px;
}
.h5, h5 {
	font-size: 1.15rem;
	margin-bottom: 2rem;
	letter-spacing: -.2px;
}
.title-line {
	padding-left: 3rem;
}
.title-line:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 2rem;
	height: 2px;
	background: var(--main-accent-color);
}
.title-line_left {
	margin-left: -3rem;
}
.highlight {
	color: var(--main-accent-color);
}
.highlight-red {
	color: #E04F4F;
}
.highlight-green {
	color: #27AE60;
}
.highlight-orange {
	color: #FFDD2B;
}
.highlight-blue {
	color: #3E9CF3;
}
.highlight-gradient {
	background: var(--main-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-fill-color: transparent;
}
section {
	position: relative;
	padding: 4rem 0;
}
.services-section {
	padding: 3rem 0;
}
.services-section>section:not(.clients-section) {
	padding: 0;
}
.tasks_section {
	padding-top: 6rem;
}
.tasks_section.services-section {
	padding: 3rem 0;
	margin-top: 0;
}
.inline-section {
	padding-top: 3rem;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: var(--bs-gutter-x,1.5rem);
    padding-left: var(--bs-gutter-x,1.5rem);
}
.container-fluid {
	padding-right: var(--bs-gutter-x,3rem);
    padding-left: var(--bs-gutter-x,3rem);
}
.inverse-section {
	color: #fff;
}
.inverse-section a:not(.btn):not(.dropdown-item) {
	color: #fff;
    text-decoration: none;
}
.inverse-section a:not(.btn):not(.dropdown-item):hover {
	color: #fff;
    text-decoration: none;
}

.bg-gray {
	background-color: var(--main-bg-gray);
}
.bg-dark-img {
	box-shadow: inset 0 0 0 9999px rgba(0,0,0,.7);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
}
.section-bg:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.18) 100%);
}
.section-bg-img {
	width: 100%;
	height: 100%;
	object-position: 50%;
	object-fit: cover;
}


/* forms */

.btn {
    padding: 1.25rem 3rem;
    font-size: var(--font-18);
    font-weight: 500;
    line-height: 1.4;
    border-radius: 2.75rem;
    transition: var(--hover-transition);
    border: 0;
	display: inline-flex;
    align-items: center;
    justify-content: center;
}
.btn:focus {
	box-shadow: 0px 0px rgba(0, 0, 0, 0);
}
.btn svg {
	margin-left: 1rem;
}
.btn-reverse svg {
	margin-left: 0;
	margin-right: 1rem;
}
.btn.btn-sm {
    padding: .75rem 1.5rem;
    font-size: 1rem;
    line-height: 1.4;
}
.btn.btn-xs {
    padding: .25rem 1rem;
    font-size: 1rem;
    line-height: 1.4;
}
.btn-sm svg,
.btn-small svg {
	max-width: 16px;
	max-height: 16px;
}
.btn-primary {
	background: var(--main-gradient);
	box-shadow: inset 0px 0px 0px 10rem rgba(31, 33, 36, 0);
	color: #fff;
	position: relative;
    z-index: 1;
}
.btn-primary:hover {
	background: var(--main-gradient);
    box-shadow: inset 0px 0px 0px 10rem rgba(31, 33, 36, 1);
    opacity: 1;
	color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: var(--main-gradient);
	box-shadow: inset 0px 0px 0px 10rem rgba(31, 33, 36, 1);
	color: #fff;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	background: var(--main-gradient);
	box-shadow: inset 0px 0px 0px 10rem rgba(31, 33, 36, 0);
	color: #fff;
}
.btn-primary:not(.btn-nostroke) svg path,
.btn-default:not(.btn-nostroke) svg path,
.btn-white:not(.btn-nostroke):hover svg path,
.btn-white:not(.btn-nostroke):active svg path,
.btn-white:not(.btn-nostroke):focus svg path {
	stroke: #fff;
}
.btn .icon_arrow path {
	transition: var(--hover-transition);
	transform-origin: 0 0;
}
.btn:hover .icon_arrow .arrow {
	transform: translateX(4px);
}
.btn:hover .icon_arrow .line {
	transform: scaleX(1.2);
}
.btn-default {
	background-color: var(--main-darkgray-color);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	color: #fff;
}
.btn-default:hover {
	background-color: var(--main-black-color);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    opacity: 1;
	color: #fff;
}
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {
	background-color: var(--main-black-color);
	box-shadow: unset;
	color: #fff;
}
.btn-default.focus, .btn-default:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show>.btn-default.dropdown-toggle:focus {
	background-color: var(--main-black-color);
	box-shadow: unset;
	color: #fff;
}
.btn-white {
	background-color: #fff;
	color: var(--main-text-color);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.btn-white:hover {
	background-color: var(--main-darkgray-color);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	color: #fff;
	opacity: 1;
}
.btn-white:not(:disabled):not(.disabled).active, .btn-white:not(:disabled):not(.disabled):active, .show>.btn-white.dropdown-toggle {
	background-color: var(--main-darkgray-color);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	color: #fff;
}
.btn-white.focus, .btn-white:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .btn-white:not(:disabled):not(.disabled):active:focus, .show>.btn-white.dropdown-toggle:focus {
	background-color: var(--main-darkgray-color);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	color: #fff;
}
.btn-outline {
	background-color: transparent;
	color: #222;
	box-shadow: inset 0 0 0 2px #222;
}
.btn-outline:hover {
	background-color: #222;
	box-shadow: inset 0 0 0 2px #222;
	color: #fff;
	opacity: 1;
}
.btn-outline:not(:disabled):not(.disabled).active, .btn-outline:not(:disabled):not(.disabled):active, .show>.btn-outline.dropdown-toggle {
	background-color: #222;
	color: #fff;
	box-shadow: inset 0 0 0 2px #222;
}
.btn-outline.focus, .btn-outline:focus, .btn-outline:not(:disabled):not(.disabled).active:focus, .btn-outline:not(:disabled):not(.disabled):active:focus, .show>.btn-outline.dropdown-toggle:focus {
	background-color: #222;
	color: #fff;
	box-shadow: inset 0 0 0 2px #222;
}
.btn-icon svg {
	margin-left: 0;
	margin-right: 1rem;
}
.btn-icon svg path {
	stroke-width: 0;
}
.form-control {
	padding: 1rem;
    color: var(--main-text-color);
    border-radius: .75rem;
    transition: var(--hover-transition);
    min-width: 100px;
    font-size: 1.15rem;
    height: 4rem;
    border: 1px solid var(--main-stroke-color);
    background-color: #fff;
	margin-bottom: 1rem;
}
.form-control::placeholder {
	color: var(--main-gray-color);
}
.form-control:focus {
    color: var(--main-text-color);
    background-color: #fff;
    border: 1px solid var(--main-accent-color);
    outline: 0;
    box-shadow: none;
}
textarea.form-control {
	min-height: 8rem;
}
.inverse-section .form-control {
	padding: 1rem;
    color: #fff;
    border: 1px solid rgb(255 255 255 / 10%);
    background-color: transparent;
}
.inverse-section .form-control:focus {
	border: 1px solid var(--main-accent-color);
}
.form-floating>label {
	padding: 1rem;
}
.form-floating>.form-control {
	padding: 1rem;
}
.bg-gray .form-control {
    border: 0;
	background: #fff;
}
.form-group label {
    font-weight: 500;
}
button:focus {
    outline: 0;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
.form-desc {
	font-size: .75rem;
	line-height: 1;
	display: block;
	opacity: .5;
    margin-top: 1rem;
}
.feedback-form {
    position: relative;
}
.form-alert {
	position: absolute;
    top: 0;
    left: 0;
    border-radius: .75rem;
    overflow: hidden;
    margin: -1rem 0 0 -1rem;
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: var(--hover-transition); 
}
.form-alert.show {
	opacity: 1;
	pointer-events: all;
}
.form-success {
	position: static;
    z-index: 1;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    display: flex;
	flex-direction: column;
    align-items: center;
    justify-content: center;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.inverse-section .form-success {
    background: rgb(0 0 0 / 90%);
}
.form-success--img {
	margin-bottom: 1rem;
}
.form-success--title {
	margin-bottom: 1rem;
}
.form-wrapper {
    border: 1px solid #DADADA;
    border-radius: 1.25rem;
    padding: 3rem;
	text-align: center;
}
.form-wrapper .feedback-form {
    max-width: 400px;
    margin: 0 auto;
}

.form-group>.form-control+.form-control {
    margin-top: .5rem;
}
.form-footer {
	display: flex;
    align-items: center;
	justify-content: space-between;
    margin-top: 2rem;
}
.form-footer .form-desc {
	margin-right: 2rem;
}
.form-footer .btn {
	flex: 0 0 auto;
}

.form-popup .fancybox-close-small {
    padding: .5rem;
    right: 1rem;
    top: 1rem;
    background: var(--main-darkgray-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    opacity: 1;
	transition: var(--hover-transition);
}
.form-popup .fancybox-button svg path {
	fill: #fff;
}
.form-popup .fancybox-close-small:hover {
	opacity: .75;
}
.form-popup-social {
	margin-top: 2rem;
}
.form-popup-social .footer-social__link {
	margin-right: 2rem;
	margin-bottom: 2rem;
}
/* nav */


/* owl */

.owl-dots{
	text-align: center;
    margin-top: 1rem;
}
.owl-dots .owl-dot{
    margin: .3rem;
    width: 6px;
    height: 6px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #d0d0d0 !important;
}
.owl-dots .owl-dot.active{
	background-color: #000 !important;
}
.owl-nav>button{
	position: absolute;
	top: 0%;
	height: 100%;
	width: 50px;
	text-align: center;
	font-size: 60px;
}
.owl-nav>button span{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 0;
    line-height: 60px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	background: transparent;
}
.owl-nav>button span svg {
	width: 40px;
	height: 40px;
}
.owl-nav>button:hover span{
/* 	opacity: .5; */
}
.owl-nav>button span svg path {
	transition: var(--hover-transition);
	stroke: #222;
}
.owl-nav>button:hover span svg path {
	opacity: .6;
}
.owl-nav>button.owl-prev{
	left: -50px;
}
.owl-nav>button.owl-next{
	right: -50px;
}
.owl-nav>button.disabled{
	opacity: .3;
	pointer-events: none;
	cursor: default;
}
.about-gallery .owl-nav>button.owl-prev {
	left: 20px;
}
.about-gallery .owl-nav>button.owl-next {
	right: 20px;
}
.about-gallery .owl-nav>button span svg path {
    transition: var(--hover-transition);
    stroke: #fff;
}

/* swiper */

.swiper-container {
    width: 100%;
    height: auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}
.swiper-pagination-bullet-active {
	background: var(--main-darkgray-color);
}
.swiper-button-next, .swiper-button-prev {
	width: 44px;
    height: 44px;
	background: rgb(255 255 255 / 80%);
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    border-radius: 50%;
	color: var(--main-black-color);
	transition: var(--hover-transition);
	box-shadow: 0px 4px 20px rgb(0 0 0 / 5%)
}
.swiper-button-next:after, .swiper-button-prev:after {
	display: none;
}
.swiper-button-next:focus, .swiper-button-prev:focus {
	outline: none;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: var(--main-darkgray-color);
}
.swiper-button-next svg path, .swiper-button-prev svg path {
	stroke: var(--main-darkgray-color);
}
.swiper-button-next:hover svg path,
.swiper-button-prev:hover svg path {
	stroke: #fff;
}
.swiper-wrapper {
	transition-timing-function: ease-in-out;
}

.default-carousel__nav {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.default-carousel__nav .swiper-button-next, 
.default-carousel__nav .swiper-button-prev {
    width: 4rem;
    height: 4rem;
    position: static;
    margin: unset;
}
.default-carousel__nav .swiper-button-prev {
	margin-right: 1rem;
}

.casescarousel-carousel {
	padding-bottom: 2rem;
	overflow: visible;
}
.casescarousel-carousel>.swiper-pagination-bullets,
.reviews-carousel>.swiper-pagination-bullets {
	bottom: 0;
}
.casescarousel-carousel .swiper-slide {
	height: auto;
}
.casescarousel-carousel .casecard-item {
	height: 100%;
}

/* popup */

.popup-container.success-popup {
	padding-bottom: 0 !important;
}

.popup-container .cta-section {
	box-shadow: none;
	display: none;
	margin-top: 50px;
}

.fancybox-slide>div.form-popup {
    max-width: 500px;
    padding: 4rem;
	border-radius: 1rem;
	transform: translateY(80px);
	transition: all .5s ease;
}
.fancybox-slide--current.fancybox-slide>div.form-popup {
  transform: translateY(0);
  opacity: 1;
  transition-duration: .3s;
}
.fancybox-slide>div.product-popup {
	padding: 2rem 1rem;
}
.fancybox-slide>div.form-popup .container-fluid {
	margin: 0 -15px;
}
.fancybox-slide>div.form-popup img {
	max-width: 100%;
}
.popup-text {
	padding-top: 3rem;
}
div.form-popup .form-control {

}
.form-popup h3 {
	font-size: var(--font-44);
    padding-right: 2rem;
}

.form-popup img {
	
}
.fancybox-slide>div.form-popup_twocolumns {
	width: 98vw;
	max-width: 1680px;
	padding: 0;
}
.form-popup__wrapper {
	display: flex;
    flex-direction: row;
}
.form-popup_onecolumn .form-popup__wrapper {
    flex-direction: column;
}
.form-popup_onecolumn .form-popup__right {
	padding: 0;
}
.form-popup.form-popup_onecolumn h3 {
	font-size: var(--font-32);
	margin-bottom: 1rem;
}
.form-popup__desc {
	margin-bottom: 2rem;
}
.form-popup__left {
	flex: 0 0 50%;
    display: inline-flex;
	flex-direction: column;
    justify-content: space-between;
    /* align-items: center; */
    padding: 4rem;
    position: relative;
}
.form-popup__image {
	padding: 4rem;
}
.form-popup__right {
	flex: 0 0 50%;
    padding: 4rem;
}
.popup-btn-wrapper {
	padding: 50px 0;
}

.form-popup__left__contacts {
	display: flex;
	margin-bottom: 4rem;
}
.form-popup-phone {
	flex: 0 0 50%;
	display: flex;
    flex-direction: column;
}
.form-popup-mail {
	flex: 0 0 50%;
	display: flex;
    flex-direction: column;
}
.form-popup-phone__title {
	color: var(--main-gray-color);
	font-size: var(--font-18);
}
.form-popup-phone__link {
	font-size: var(--font-32);
}
.form-popup-social__link {
	font-size: var(--font-32);
}
.form-popup__left__messengers {
	display: flex;
	flex-direction: row;
	column-gap: 2rem;
}
.form-popup-social__btn {
	display: inline-flex;
    align-items: center;
    column-gap: .75rem;
	font-size: var(--font-24);
}
.form-popup-social__btn svg {
	width: 3rem;
	height: 3rem;
}
.fancybox-is-open .fancybox-inner {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.fancybox-fx-material.fancybox-slide--previous,
.fancybox-fx-material.fancybox-slide--next {
  transform: translateY(-60px) scale(1.1);
  opacity: 0;
}

.fancybox-fx-material.fancybox-slide--current {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.popup-container.fancyboxed .container {
	width: 90%;
}

.popup-container.fancyboxed .posted-on {
	display: none;
}

.fancybox-slide>div.popup-container.faq-popup {
	border-radius: 1.25rem;
	max-width: 600px;
	text-align: center;
	padding: 50px 0;
}
.popup-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fancybox-bg,
.offcanvas-backdrop {
	background: var(--main-darkgray-color);
}

/* content */

.navbar {
	height: 62px;
	transition: all .3s ease;
}
.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    font-size: inherit;
    text-decoration: none;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
	margin-right: 2rem;
}
.navbar-brand__link {
	margin-right: .25rem;
	will-change: opacity;
}
.navbar-brand__link svg {
	width: 10rem;
	height: auto;
}
.navbar-brand__name {
	text-transform: uppercase;
    font-size: 1.15rem;
    font-weight: 500;
}
.navbar.scrolled {
	height: 62px;
	padding-top: 0rem;
	padding-bottom: 0rem;
	background: rgb(255 255 255 / 75%);
	-webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
	/* box-shadow: 0px 4px 20px rgb(0 0 0 / 7%); */
}
.navbar-nav {
	flex-grow: 1;
	column-gap: 1rem;
}
.nav-link {
	color: var(--main-text-color);
	font-weight: 400;
	height: 3.5rem;
	display: inline-flex;
	align-items: center;
	transition: var(--hover-transition);
}
.nav-link:focus {
	color: var(--main-text-color);
	outline: none;
}
.nav-link:hover {
	color: var(--main-text-color);
	opacity: .5;
}
.navbar-toggler {
	padding: 0;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: inherit;
    line-height: 1;
    background-color: var(--main-black-color);
    border: 0;
    border-radius: 50%;
    transition: var(--hover-transition);
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='13' fill='none' viewBox='0 0 22 13'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M0 1.5h22M0 11.5h22'/%3E%3C/svg%3E");
    width: 1rem;
    height: 1rem;
}
.btn-close {
	padding: 0;
	flex: 0 0 40px;
	width: 40px;
    height: 40px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	line-height: 1;
    background-color: var(--main-black-color);
    border: 0;
    border-radius: 50%;
	transition: var(--hover-transition);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' fill='none' viewBox='0 0 18 17'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M17.485 1.429L1.93 16.985.515 15.571 16.07.015l1.414 1.414z' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16.071 16.985L.515 1.43 1.929.015 17.485 15.57l-1.414 1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
	opacity: 1;
}
.offcanvas-header .btn-close {
	padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.offcanvas-header {
	padding: 1.5rem 1.5rem 1rem 2rem;
	align-items: flex-start;
	column-gap: 1rem;
}
.offcanvas-header h3 {
	margin-bottom: 0;
}
.offcanvas-body {
	padding: 1rem 2rem;
}
.offcanvas-header__title {
	font-weight: 500;
    font-size: var(--font-18);
}
.offcanvas-end {
	border-left: 0;
}
.offcanvas-big {
	width: 600px;
}
.offcanvas-competencies .competencies-section {
	padding: 0;
}
.offcanvas-competencies .competencies-section h2 {
	display: none;
}
.offcanvas-competencies .competencies-section .container {
	width: 100%;
	padding: 0;
}
.offcanvas-competencies .competencies-section .row.competencies-section__row {
	flex-direction: column;
}
.offcanvas-competencies .competencies-section .col-md-4,
.offcanvas-competencies .competencies-section .col-md-8 {
	width: 100%;
}
.dropdown-btn {
	background: #fff;
	font-weight: 500;
	padding: .5rem 2rem .5rem 1rem;
	border-radius: 2rem; 
	position: relative;
	box-shadow: 0px 4px 30px rgb(0 0 0 / 7%);
}
.dropdown-btn:hover {
	opacity: 1;
	color: var(--main-text-color);
	box-shadow: 0px 4px 30px rgb(0 0 0 / 0);
}
.dropdown-btn:focus {
	outline: none;
}
.dropdown-btn:after {
	content: '';
	width: 10px;
	height: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cg class='Frame 455'%3E%3Cpath fill='%231F2124' d='M9.037 4.313a.75.75 0 00-1.06-1.06l1.06 1.06zM4.959 7.33l-.53.53a.75.75 0 001.06 0l-.53-.53zM1.942 3.252a.75.75 0 00-1.06 1.061l1.06-1.06zm6.034 0L4.43 6.8l1.06 1.06 3.548-3.547-1.06-1.06zM5.49 6.8L1.942 3.252.882 4.313 4.428 7.86l1.06-1.06z' class='Rectangle 117'/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	top: calc(50% - 5px);
    right: .5rem;
	transition: var(--hover-transition);
	transform-origin: 50%;
}

.dropdown-btn.show {

}
.dropdown-btn.show:after {
	transform: rotate(180deg);
}

.dropdown-menu {
	border: 0;
	margin: 0;
	box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07);
	transform: translateY(4px);
	opacity: 0;
	transition: var(--hover-transition);
	display: block;
	pointer-events: none;
	top: 100%;
    left: 0;
    margin-top: 0;
}
.dropdown-menu[data-bs-popper] {
	top: 100%;
    left: 0;
    margin-top: 0;
}
.dropdown-menu.show {
	pointer-events: all;
	opacity: 1;
	transform: translateY(0);
}
.dropdown-menu:before {
	content: '';
	width: 22px;
	height: 11px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11' fill='none' viewBox='0 0 22 11'%3E%3Cpath fill='%23fff' d='M11 0l10.392 10.5H.608L11 0z' class='Polygon 1'/%3E%3C/svg%3E");
    position: absolute;
    top: -6px;
    left: 8px
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--main-darkgray-color);
}
.inverse-section .dropdown-btn {
	background-color: rgb(255 255 255 / 10%);
}
.inverse-section .dropdown-btn:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' viewBox='0 0 10 10'%3E%3Cg class='Frame 455'%3E%3Cpath fill='%23fff' d='M9.037 4.313a.75.75 0 00-1.06-1.06l1.06 1.06zM4.959 7.33l-.53.53a.75.75 0 001.06 0l-.53-.53zM1.942 3.252a.75.75 0 00-1.06 1.061l1.06-1.06zm6.034 0L4.43 6.8l1.06 1.06 3.548-3.547-1.06-1.06zM5.49 6.8L1.942 3.252.882 4.313 4.428 7.86l1.06-1.06z' class='Rectangle 117'/%3E%3C/g%3E%3C/svg%3E");
}

.navbar-countries {
	margin-right: 1rem;
	display: flex;
	align-items: center;
}
.navbar-phone {
	margin-right: 2rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.navbar-cities {
	margin-right: 1rem;
	display: flex;
	align-items: center;
}
.navbar-phone__link {
	white-space: nowrap;
	font-weight: 500;
	letter-spacing: .7px;
	font-size: var(--font-18);
}
.navbar-phone__desc {
	font-size: var(--font-14);
	color: var(--main-gray-color);
}
.navbar-social {
	display: flex;
	align-items: center;
	margin-right: 1rem;
}
.navbar-social-item {
	margin-right: 1rem;
}
.main-menu .offcanvas-header {
	justify-content: flex-end;
}
.main-menu .btn {
	white-space: nowrap;
	padding: .75rem 0;
}

.main-menu .btn.btn-primary {
	padding: .75rem 1.25rem;
	display: flex;
	align-self: center;
}

.page_menu .offcanvas.main-menu {
    max-width: 90vw;
    height: 100vh;
    overflow-y: auto;
    border-radius: 0;
    background: var(--main-bg-gray);
	
}

.page_menu .offcanvas.main-menu.show a[href*='#callback'] {
	display: none;
}

.page_menu .main-menu .offcanvas-header .btn-close {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.page_menu .main-menu .offcanvas-end {
	border-left: 0;
}
.page_menu .main-menu .offcanvas-body {
	padding: 1rem 2rem;
	display: flex;
	flex-direction: column;
}
.page_menu .main-menu .offcanvas-header {
	padding: 1rem 1.5rem 1rem 2rem;
}
.page_menu .dropdown-menu {
	display: none;
}
.page_menu .services-menu.dropdown-menu {
	box-shadow: none;
	background-color: #fff;
	min-width: unset;
	border-radius: 1rem;
	padding: 2rem;
}
.page_menu .services-menu.dropdown-menu:before {
	display: none;
}
.page_menu .navbar-countries {
	margin-bottom: 1rem;
}
.page_menu .navbar-cities {
	margin-bottom: 1rem;
}
.page_menu .navbar-phone {
	margin-bottom: 1rem;
}
.page_menu .navbar-nav {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--main-stroke-color);
	align-items: flex-start;
}
.page_menu .navbar-nav .dropdown-menu {
	display: none;
}
.page_menu .navbar-nav .dropdown-menu.show {
	display: block;
}
.page_menu .navbar-nav .nav-item {
	width: 100%;
}

/* content */

.page-wrapper {
	margin-top: 6rem;
}
.mainpage-wrapper {
	margin-top: 0;
}


.bradcrumbs-wrapper {
	display: flex;
    flex-direction: row;
    align-items: center;
}
.bradcrumbs-item {
	display: flex;
    flex-direction: row;
    align-items: center;
}
.bradcrumbs-item__link {
	margin-right: 1rem;
    font-weight: 500;
	font-size: var(--font-14);
}
.bradcrumbs-item__arrow {
	width: 1rem;
    margin-right: 1rem;
	display: inline-flex;
}
.bradcrumbs-item_current {
	opacity: .5;
}

.hero-section {
	padding: 10rem 0 6rem;
	
	color: #fff;
	display: flex;
    align-items: center;
}
.hero-bg {
	position: absolute;
	z-index: -1;
	background-color: var(--main-text-color);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.hero-section a:not(:hover) {
	color: #fff;
}
.hero-wrapper {
	display: flex;
	padding: 0;
}
.hero-left {
	flex: 0 0 100%;
    width: 100%;
}
.hero-title {
	font-size: 4.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 2rem;
	letter-spacing: -1px;
	/*
    font-weight: 500;
    line-height: 1.2; */
}
.hero-subtitle {
	font-size: var(--font-18);
	font-weight: normal;
	display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.hero-right {
	display: none;
	flex: 0 0 34%;
    width: 34%;
}
.main-hero-img {
	position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 40%;
    width: 96vw;
    max-width: 1600px;
    pointer-events: none;
}

.hero-numbers {
	position: relative;
}
.hero-numbers__arrow {
	position: absolute;
    height: 2px;
    width: 25%;
    left: 0;
    top: 2.75rem;
    background: var(--main-accent-color);
}
.hero-number__title {
	font-size: 4rem;
	font-weight: 500;
	color: var(--main-accent-color);
}
.hero-number__desc {
	font-size: var(--font-18);
	font-weight: 500;
}

.hero-number__desc-secondary {
	color: var(--main-gray-color);
	font-weight: 400;
	font-size: var(--font-16);
}

.services-block:not(:last-child) {
	margin-bottom: 4rem;
}
.services-item {
	position: relative;
	background: #fff;
	padding: 2rem;
	padding-right: 4rem;
	overflow: hidden;
	min-height: 280px;
    max-height: 280px;
	margin-bottom: var(--bs-gutter-x);
	transition: var(--hover-transition);
}
.services-item:hover {
	box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.07);
	transform: scale(1.05);
}
.services-item__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 1rem;
}
.services-item__desc {
	width: 80%;
}
.services-item__image {
	width: 140px;
	height: 140px;
	position: absolute;
	right: -70px;
	top: 2rem;
	transition: var(--hover-transition);
}
.services-item:hover .services-item__image {
	transform: translateX(-10px);
}
.services-item__price {
	position: absolute;
    left: 2rem;
    bottom: 2rem;
    font-weight: 500;
    color: var(--main-accent-color);
	transition: var(--hover-transition);
}
.services-item:hover .services-item__price {
	opacity: 0;
}
.services-item__hover {
	position: absolute;
    left: 2rem;
    bottom: 2rem;
    z-index: 1;
	transition: var(--hover-transition);
	opacity: 0;
	transform: translateY(10px);
}
.services-item:hover .services-item__hover {
	opacity: 1;
	transform: translateY(0);
}
.services-item__link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
    z-index: 1;
}

.casecard-wrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
    column-gap: 3rem;
    row-gap: 3rem;
    width: 98vw;
    max-width: 1680px;
    margin: 0 1.5rem;
    grid-auto-rows: min-content;
    margin: 0 auto;
    padding: 0 1.5rem;
}
.casecard-item {
	flex: 0 0 calc(50% - 1.5rem);
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    /* background: var(--main-bg-gray); */
    padding: 0;
    position: relative;
    transition: var(--hover-transition);
    /* border-radius: 1.75rem; */
    /* aspect-ratio: 1 / .85; */
}

/*.casecard-item_new:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	left: 0;
	top: 0;
	background: radial-gradient(100% 100% at 0% 0%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.397748) 7.87%, rgba(0, 0, 0, 0.391128) 14.48%, rgba(0, 0, 0, 0.380343) 20.11%, rgba(0, 0, 0, 0.365596) 24.98%, rgba(0, 0, 0, 0.34709) 29.34%, rgba(0, 0, 0, 0.325029) 33.46%, rgba(0, 0, 0, 0.299615) 37.57%, rgba(0, 0, 0, 0.271052) 41.92%, rgba(0, 0, 0, 0.239543) 46.76%, rgba(0, 0, 0, 0.205291) 52.34%, rgba(0, 0, 0, 0.168499) 58.91%, rgba(0, 0, 0, 0.129371) 66.71%, rgba(0, 0, 0, 0.0881101) 75.99%, rgba(0, 0, 0, 0.0449185) 87.01%, rgba(0, 0, 0, 0) 100%), radial-gradient(98.11% 98.11% at 1.89% 100%, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.397748) 7.87%, rgba(0, 0, 0, 0.391128) 14.48%, rgba(0, 0, 0, 0.380343) 20.11%, rgba(0, 0, 0, 0.365596) 24.98%, rgba(0, 0, 0, 0.34709) 29.34%, rgba(0, 0, 0, 0.325029) 33.46%, rgba(0, 0, 0, 0.299615) 37.57%, rgba(0, 0, 0, 0.271052) 41.92%, rgba(0, 0, 0, 0.239543) 46.76%, rgba(0, 0, 0, 0.205291) 52.34%, rgba(0, 0, 0, 0.168499) 58.91%, rgba(0, 0, 0, 0.129371) 66.71%, rgba(0, 0, 0, 0.0881101) 75.99%, rgba(0, 0, 0, 0.0449185) 87.01%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;

}*/
.casecard-item_new {
}
.btn-cases_new {
	padding: 0.75rem 1.25rem;
}
.casecard-item:hover {

}
.casecard-item:hover .casecard-bg {
	transform: scale(1.01);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25);
}
.casecard-item:hover .casecard-text {
	opacity: .5;
}
.casecard-item__link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
    z-index: 2;
}
.casecard-bg {
	position: relative;
	z-index: 0;
	transition: var(--hover-transition);
	margin-bottom: 1.5rem;
	border-radius: 1rem;
}
.casecard-item:hover .casecard-bg {

}
/*.casecard-item:nth-child(3n - 2) .casecard-bg__img {
	aspect-ratio: 1 / .6;
}*/
.casecard-bg__img {
    object-fit: cover;
    object-position: 50%;
	aspect-ratio: 1 / .75;
	border-radius: 1rem;
}
.casecard-image {
	position: relative;
	z-index: 1;
	height: 100%;
	transition: var(--hover-transition);
	margin-bottom: 1rem;
}
/*.services_hero_dark .casecard-image {
	height: 100%;
}*/
.casecard-image_new {
	/* height: 18.5vw; */
	display: none;
}
.casecard-item:hover .casecard-image,
.casecard-item:hover .casecard-image_small {
	opacity: .75;
}
.casecard-image_small__image {
	height: 100%;
}
.casecard-image_small__img {
	object-fit: cover;
	/* object-fit: contain; */
	object-position: 50%;
	width: 100%;
	border-radius: .75rem;
	aspect-ratio: 1 / 1;
}
.casecard-image__desktop {
	width: 90%;
    position: absolute;
	top: 0;
    transform: none;
}
.casecard-image_onlydesktop .casecard-image__desktop {
	left: 50%;
	transform: translateX(-50%);
}
.casecard-image__mobile {
	width: 20%;
	position: absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
}
.casecard-image_onlymobile .casecard-image__mobile {
	width: 30%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    right: unset;
    bottom: unset;
}
.casecard-image__img {
	border-radius: .5rem;
    box-shadow: 0 4px 25px rgb(0 0 0 / 10%);
}
.casecard-text {
	transition: var(--hover-transition);
}

.casecard-text p {
	margin-bottom: 0;
}
.casecard-item_new .casecard-text {

}
.casecard-item:hover .casecard-text {

}
.casecard-item_inverse .casecard-text {

}
.casecard-text__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 1rem;
	line-height: 1.2;
}
/* .casecard-item_mini .casecard-image,
.casecard-item_mini .casecard-text {
	width: 80%;
} */
.casecard-item_mini {
	flex-direction: row;
    column-gap: 2rem;
}
.casecard-item_mini .casecard-image {
	margin-bottom: 1rem;
    flex: 0 0 33%;
}
.casecard-item_mini .casecard-text {
	padding-top: 1rem;
}
.casecard-item_mini .casecard-text__title {
	font-size: var(--font-20);
}
.casecard-text__tags {
	display: flex;
	flex-wrap: wrap;
}
.casecard-text__tag {
    margin-right: 1rem;
    margin-bottom: 1rem;
	font-size: var(--font-14);
	opacity: .5;
}
.casecard-text__tag:empty {
	display: none;
}
.casecard-text__tag:last-child {
	margin-right: 0;
}
.casecard-btn {
	text-align: center;
    margin-top: 4rem;
}

.section-desc {
	font-size: var(--font-18);
	margin-bottom: 3rem;
	/* font-size: 2.75rem;
	margin-bottom: 3rem; */
}
/* .team-section .section-desc {
		font-size: 2.75rem;
	margin-bottom: 3rem;
} */
@media(max-width: 991.98px){
	.team-section .section-desc_new{
		display:none;
	}
}
.number-item {
	
}
.team-section__desc {
	font-weight: 500;
	/* font-size: 1.5rem; */
	font-size: var(--font-24);
	line-height: 1.4;
	padding-right: 4rem;
}
.team-section__arrow span {
	width: calc(100% - 4rem);
	height: 2px;
	background: var(--main-accent-color);
	display: inline-flex;
	position: relative;
	margin-top: 2rem;
	border-radius: 2px;
}
.team-section__arrow span:after {
	content:'';
	position: absolute;
	right: 0;
	top: -6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' fill='none' viewBox='0 0 8 14'%3E%3Cpath stroke='%2300CFBE' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 13 6-6-6-6' class='Vector 6'/%3E%3C/svg%3E");
	width: 8px;
	height: 14px;
	background-size: cover;
}
@media(max-width: 991.98px){
	.team-section__main-row {
		flex-direction: column;
	}
	.team-section__main-row > .col-md-4, .team-section__main-row .col-md-8 {
		width:100%;
	}
	.team-section__arrow {
		display: none;
	}
}
.team-row__wrapper {
	padding-left: 2rem;
	border-right: 1.5px solid var(--main-stroke-color);
	height: 100%;
}
.team-row__wrapper:last-child {
	border-right: 0;
}
.team-row__new .number-item {
	display: flex;
	margin-bottom: 1rem;
	padding: 1rem;
    border: 1.5px solid var(--main-stroke-color);
	display: inline-flex;
	border-radius: 1rem;
	color: var(--main-accent-color);

}
.team-row__new .number-item__desc ul {
	font-weight: 400;
	margin-top: 0.875rem;
	/* padding-left:0; */
	padding-left: 1.5rem;
}

.team-row__new .number-desc_preitem {
	font-weight: 500;
	font-size: var(--font-24);
	line-height: 1.4;
	color: var(--main-text-color);
	margin-bottom: 2rem;
	padding-left: 0;
	padding-right: 0;
	list-style: none;
}
.team-row__new .number-desc_preitem li::marker {
	color: var(--main-accent-color)
}
.team-row__new .number-desc_preitem li {
	position: relative;
}
/*
.team-row__new .number-desc_preitem li:before {
	content: '';
	position: absolute;
	left: -2rem;
	top: .8rem;
	width: 6px;
	height: 6px;
	background-color: var(--main-accent-color);
	border-radius: 50%;
}*/
.team-row__new .col-6 {
	display: flex;
	flex-direction: column;
}

@media(max-width: 420px){
	.team-row__new {
		display: flex;
		flex-direction: column;
	}
}

.number-item__title {
	font-size: 4rem;
	font-weight: 500;
	margin-right: 1rem;
	line-height: 1;
}
.number-item__desc {
	font-size: var(--font-18);
	font-weight: 500;
	line-height: 1.2;
}
.number-list__title {
	font-weight: 500;
	margin-bottom: .5rem;
}
.number-list ul {
	list-style: none;
	padding-left: 1.5rem;
}
.number-list ul li {
    position: relative;
}
.number-list ul li:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    left: -1rem;
    top: .8rem;
    background: var(--main-text-color);
	border-radius: 50%;
}
.team-wrapper {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
	margin-top: 4rem;
}
.team-item {
	display: flex;
	flex-direction: row;
}
.team-item__ava {
    flex: 0 0 5rem;
    width: 5rem;
    height: 5rem;
    margin-right: 1.25rem;
}
.team-item__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50%;
	border-radius: 50%;
}
.team-item__text {
	display: flex;
    flex: 1 0;
    flex-direction: column;
    /* align-items: center; */
    justify-content: flex-start;
}
.team-item__title {
	font-size: var(--font-18);
	font-weight: 500;
	margin-bottom: .5rem;
}
.team-item__desc {

}
.team-item__plus {
	flex: 0 0 5rem;
    width: 5rem;
    height: 5rem;
    margin-right: 1.25rem;
	background-color: var(--main-accent-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--hover-transition);
}
.team-item__plus svg {

}
.team-item_link:hover .team-item__plus {
	transform: scale(.95);
}

.clients-overflow {
	overflow: hidden;
}
.clients-wrapper {
	display: flex;
    flex-direction: row;
}
.clients-item {
	min-width: 16rem;
    height: 8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	overflow: hidden;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.clients-item:last-child {
	margin-right: 0;
}
.clients-item__img {
	filter: grayscale(1);
	opacity: .5;
	transition: var(--hover-transition);
}
.clients-item__img:hover {
	filter: grayscale(0);
	opacity: 1;
}
.clients-carousel .swiper-button-next,
.clients-carousel .swiper-button-prev {
	opacity: 0;
	transform: translateY(4px);
}
.clients-carousel:hover .swiper-button-next,
.clients-carousel:hover .swiper-button-prev {
	opacity: 1;
	transform: translateY(0);
}

.map-section {
	padding-top: 8rem;
    padding-bottom: 16rem;
	display: none;
}
.map-section .container {
	pointer-events: none;
	position: relative;
    z-index: 1;
}
.map-wrapper {
	position: absolute;
    width: 100%;
    max-width: 1400px;
    z-index: 0;
    top: -8rem;
    left: 50%;
    transform: translateX(-50%);
}
.map-text {
	position: relative;
    text-align: center;
    z-index: 1;
}
.map-text__title {
	font-size: 3.5rem;
}
.map-features {

}
.map-wrapper svg .mother-russia [class*="hover"] {
	transition: var(--hover-transition);
}
.map-wrapper svg .mother-russia [class*="hover"]:hover {
	fill: var(--main-bg-gray);
}
/* .map-wrapper svg .mother-russia [class*="hover"] {
	transition: all .2s ease;
	animation: regions 4s infinite ease;
  }
.map-wrapper svg .mother-russia .hover_01,
.map-wrapper svg .mother-russia .hover_04,
.map-wrapper svg .mother-russia .hover_07,
.map-wrapper svg .mother-russia .hover_10,
.map-wrapper svg .mother-russia .hover_13 {
	animation-delay: 1.25s;
}
.map-wrapper svg .mother-russia .hover_02,
.map-wrapper svg .mother-russia .hover_05,
.map-wrapper svg .mother-russia .hover_08,
.map-wrapper svg .mother-russia .hover_11,
.map-wrapper svg .mother-russia .hover_14 {
	animation-delay: 2.75s;
}
@keyframes regions {
	0%, 100% {
		fill: #fff;
	}
	50% {
		fill: var(--main-bg-gray);
	}
} */
.map-wrapper svg .map-wrapper svg .dots [class*="reg"] {
	transition: var(--hover-transition);
}
.map-wrapper svg .dots .dots__link:focus {
	outline: none;
}
.map-wrapper svg .dots .dots__link:hover {
	opacity: .5;
	cursor: pointer;
}
/*.map-wrapper svg .map-wrapper svg .dots [class*="reg"] {
	animation: dotsBlink 6s infinite ease;
	transform-origin: center center;
    transform-box: fill-box;
	transition: var(--hover-transition);
}
.map-wrapper svg .dots [class*="reg"]:nth-child(2n+1) {
	animation-delay: 2s;
}
.map-wrapper svg .dots [class*="reg"]:nth-child(3n+1) {
	animation-delay: 4s;
}
.map-wrapper svg .dots .dots__link:focus {
	outline: none;
}
.map-wrapper svg .dots .dots__link:hover [class*="reg"] {
	animation: none;
	transform: scale(1.25);
	cursor: pointer;

}
@keyframes dotsBlink {
	0%, 100% {
		transform: scale(1);
	}
	50% {
		transform: scale(.5);
	}
}*/

.gradient-title {
	display: inline-block;
	background: linear-gradient(45deg, var(--main-accent-color), var(--main-hover-color));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.competence-wrapper {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 1rem;
    grid-row-gap: 2rem;
	margin-bottom: 3rem;
}
.competence-item {
    display: flex;
    flex-direction: column;
	position: relative;
}
.competence-item__link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.competence-item__link:focus {
	outline: 0;
}
.competence-item__image {
	max-width: 200px;
    margin-bottom: 2rem;
	padding: .25rem;
    background: var(--main-text-color);
    box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
	transition: var(--hover-transition);
}
.competence-item__text {
	position: relative;
	width: 100%;
	height: 100%;
}
/*.competence-item__text:before {
	content: '';
	position: absolute;
	z-index: -1;
	background: var(--main-bg-gray);
	width: calc(100% + 100px);
	height: 100%;
	right: 0;
	top: 0;
	border-radius: 1rem;
}*/
.competence-item__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 1rem;
}
.competence-item__date {
	font-weight: 500;
	color: var(--main-accent-color);
}
.competence-item__img {
	border: .5rem solid #fff;
}
.competencem-wrapper {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	gap: 1rem;
}
.competence-item:hover .competence-item__image {
	transform: translateY(-4px);
	box-shadow: 0px 8px 16px rgb(0 0 0 / 25%);
}
.footer-reviews {
	background: #fff;
	padding: 5rem 0;
}
.reviews-wrapper {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.reviews-item {
	display: flex;
	align-items: center;
	position: relative;
}
.reviews-item__link {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.reviews-item__logo {
	max-width: 8rem;
	margin-right: 1rem;
	transition: var(--hover-transition);
}
.reviews-item:hover .reviews-item__logo {
	opacity: .75;
}
.reviews-item__box {
	position: relative;
	background: var(--main-bg-gray);
	border-radius: .5rem;
	padding: .5rem 1rem;
	transition: var(--hover-transition);
}
.reviews-item__box:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: var(--main-bg-gray);
    transform: rotate(45deg);
    transform-origin: 50%;
    left: -3px;
    top: calc(50% - 5px);
}
.reviews-item:hover .reviews-item__box {
	transform: translateX(4px);
}
.reviews-item__rating {
	display: flex;
    align-items: center;
}
.reviews-item__number {
	font-size: 2rem;
	font-weight: 500;
}
.reviews-item__star {
	margin-right: .5rem;
	width: 1.5rem;
}
.reviews-item__count {
	font-size: .85rem;
	white-space: nowrap;
}
.reviews-item__count svg {
	width: 10px;
}
.reviews-carousel__wrapper {
	display: flex;
    flex-direction: row;
	column-gap: 1rem;
}
.reviews-carousel__left {
	flex: 0 0 calc(50% - .5rem);
	width: calc(50% - .5rem);
}
.reviews-carousel__right {
	flex: 0 0 calc(50% - .5rem);
	width: calc(50% - .5rem);
}
.reviews-carousel__nav {
	position: absolute;
    bottom: 2rem;
    right: 2rem;
    z-index: 1;
    display: flex;
    column-gap: 1rem;
}
.reviews-carousel__nav .swiper-button-next,
.reviews-carousel__nav .swiper-button-prev {
	position: static;
}
.reviews-carousel-item {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main-bg-gray);
    padding: 2rem;
    border-radius: 1rem;
	transition: transform .5s ease;
	height: auto;
}
.reviews-carousel-item:not(.swiper-slide-active) {
	transform: scale(.8);
}
.reviews-carousel-item_wrapper {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.reviews-carousel-item_author {
	display: flex;
	flex-direction: row;
	column-gap: 1rem;
	align-items: center
}
.reviews-carousel-item_author__pic {

}
.reviews-carousel-item_author__pic img {
	width: 6rem;
	height: 6rem;
	border-radius: 4rem;
}
.reviews-carousel-item_author__text {
	display: flex;
	flex-direction: column;
	column-gap: .5rem;
	row-gap: .5rem;
}
.reviews-carousel-item_author__name {
	font-size: var(--font-18);
	font-weight: 500;
}
.reviews-carousel-item_author__desc {
	color: var(--main-gray-color);
}
.reviews-carousel-item_review {
	font-size: var(--font-18);
	margin-bottom: 2rem;
}
.reviews-carousel-item_date {
	color: var(--main-gray-color);
	text-align: center;
}

.reviews-carousel__thumbs {
	height: 100%;
}
.reviews-carousel__thumbs .swiper-wrapper {
	flex-direction: row;
	flex-wrap: wrap;
}
.reviews-carousel__thumb {
	flex: 0 0 33.3%;
    width: 33.3%;
	height: auto;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}
.reviews-carousel__thumb .reviews-carousel-carousel__thumb__pic img {
	filter: grayscale(1);
	opacity: .5;
	transition: var(--hover-transition);
	width: 100%;
	height: 100%;
}
.reviews-carousel__thumb.swiper-slide-thumb-active .reviews-carousel-carousel__thumb__pic img {
	filter: grayscale(0);
	opacity: 1;
}
.reviews-carousel__thumb:hover .reviews-carousel-carousel__thumb__pic img {
	opacity: 1;
}

.footer-reviews__title {
	margin-bottom: 0;
}

.footer {

}

.footer-form {
	padding: 5rem 0;
    background: var(--main-text-color);
    border-radius: 1rem;
}
.footer-form__left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.cta-form__title {
	font-size: 2.75rem;
	font-weight: 500;
	margin-bottom: 2rem;
	line-height: 1.2;
}
.cta-form__subtitle {
	font-size: var(--font-18);
	margin-bottom: 2rem;
}
.connect-avatars {
    display: flex;
}
.connect-avatar__image {
	display: inline-flex;
	width: 60px;
	height: 60px;
	margin-right: -20px;
}
.connect-avatars__img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
    border-radius: 50%;
	border: 3px solid var(--main-darkgray-color);
}
.footer-contacts {
	padding: 2rem 0;
	border-bottom: 1px solid rgba(0 0 0 / 10%);
}
.footer-contacts__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-right: 2rem;
}
.footer-contacts__top {
	display: flex;
    align-items: center;
	margin-bottom: 2rem;
}
.footer-menu {
	padding: 5rem 0;
	border-bottom: 1px solid rgba(0 0 0 / 10%);
}
.footer-phone {
	margin-bottom: 2rem;
}

.footer-phone__link {
	font-size: var(--font-24);
	font-weight: 500;
}
.footer-phone:not(:first-child) {
	margin-bottom: 1rem;
}
.footer-phone:not(:first-child) .footer-phone__link {
	font-size: var(--font-18);
}
.footer-phone__desc {
	opacity: .5;
}
.footer-address {

}
.footer-address__link {
	display: inline-block;
	font-size: var(--font-18);
	font-weight: 500;
	margin-bottom: 1rem;
}
.footer-address__time {
	opacity: .5;
	margin-bottom: 2rem;
}
.footer-address__map {
	background-color: rgb(255 255 255 / 10%);
	font-weight: 500;
	border-radius: 1rem;
	padding: .25rem .5rem;
}
.footer-address__map svg {
	width: 12px;
	margin-left: .5rem;
}
.footer-address__map svg path {
	stroke: #fff;
}
.footer-messengers {
	display: grid;
    grid-row-gap: 1.5rem;
}
.footer-social__link {
    display: inline-flex;
    flex-wrap: nowrap;
    line-height: 1.2;
    align-items: center;
    font-size: var(--font-24);
}
.footer-social__link svg {
	margin-right: .75rem;
	width: 3rem;
    height: 3rem;
}
.footer-social {
    display: flex;
    justify-content: space-between;
    column-gap: 2rem;
}
.footer-menu__title {
	font-weight: 500;
	opacity: .5;
	margin-bottom: 1rem;
}
.footer-menu__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-menu__item {
	font-size: var(--font-18);
	font-weight: 500;
	margin-bottom: .75rem;
}
.footer-credits {
	padding: 3rem 0;
}
.footer-credits__logo svg {
	width: 10rem;
}
.footer-credits .logo_n .infinity path {

}
.footer-credits__link {
	opacity: .5;
}

.services-hero-wrapper {
	display: flex;
    padding: 0;
}
.services-hero-left {
	flex: 1 0 66.6%;
    width: 66.6%;
}
.services-hero-title {
    line-height: 1.1;
	margin-bottom: 2rem;
	font-size: 4.5rem;
}
.services-hero-subtitle {
	font-size: var(--font-24);
	margin-bottom: 2rem;
}
.services-hero-right {
	flex: 1 0 33.3%;
    width: 33.3%;
}
.services-hero-button {
	margin-top: 3rem;
	display: flex;
	gap: 2rem;
}
.hero-advantages {
	display: flex;
    justify-content: space-between;
	margin-top: 3rem;
}
.hero-advantages-left {
	display: flex;
    
	width: 70%;
}
.hero-advantages-download {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
}
.hero-section .hero-advantages-download:not(:hover) {
	color: var(--main-accent-color);
}
.hero-advantages-download:hover {
	color: var(--main-accent-color);
	opacity: .75;
}
.hero-advantages-item__text,
.hero-section .hero-advantages-item__text a:not(:hover),
.hero-advantages-item__text a {
	color: var(--main-gray-color);
}
.hero-advantages-item {
	display: flex;
	margin-right: 2rem;
	
}
.hero-advantages-item__icon {
	margin-right: .5rem;
	min-width: 24px;
}

.services-menu-item {
	position: relative;
	padding: .75rem 0;
	display: flex;
    align-items: center;
    flex-direction: row;
}
.services-menu-item:before {
	content: '';
	background: var(--main-bg-gray);
	border-radius: 10rem;
	position: absolute;
	width: calc(100% + 2rem);
	height: calc(100% + 1rem);
	left: -1rem;
	top: -.5rem;
	opacity: 0;
	transition: var(--hover-transition);
	z-index: -1;
}
.services-menu-item:hover:before {
	opacity: 1;
}
.services-menu-item:not(.services-menu-item--disabled):hover .services-menu-item__title {
	opacity: .5;
}
.services-menu-item__title {
	transition: var(--hover-transition);
}

.services-menu-item__link {
	position: absolute;
	width: calc(100% + 2rem);
	height: calc(100% + 1rem);
	left: -1rem;
	top: -.5rem;
	z-index: 1;
}
.services-menu__title {
	
	
}
.services-menu__title a {
	display: inline-flex;
	font-weight: 500;
	padding: .75rem 0;
}
.services-menu-item__image {
    width: 36px;
    height: 36px;
    margin-right: 1rem;
}
.services-menu-item__title {

}
.services-menu-item__hover {
	position: absolute;
	right: 0;
	top: calc(50% - 11px);
	transition: var(--hover-transition);
	transform: translateX(-4px);
	opacity: 0;
	width: 16px;
	height: 16px;
}
.services-menu-item:hover .services-menu-item__hover {
	transform: translateX(0);
	opacity: 1;
}
.services-menu-item__price {
	font-size: var(--font-14);
}


.hero-wrapper_services {
	padding: 0;
}
.hero-button {
	margin-top: 4rem;
}

.advantages-wrapper {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
}
.advantages-wrapper__2cols {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 4rem;
}
.advantages-item {
	position: relative;
	padding-right: 2rem;
}
.advantages-item:before {
	content: '';
	position: absolute;
	left: -2rem;
	top: .8rem;
	width: 6px;
	height: 6px;
	background-color: var(--main-accent-color);
	border-radius: 50%;
}
.advantages-item__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 2rem;
}
.advantages-item__desc {

}

.communications-list {
	list-style: none;
	margin-top: 2rem;
	padding: 0;
}
.communications-item {
	margin-bottom: 1rem;
}
.communications-item__link {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 500;
}
.communications-item__link svg {
	width: 24px;
	height: 24px;
	margin-right: 1rem;
}
.communications-item__link svg .mail rect {
	fill: #1F2124;
}
.communications-item__link svg .sms path {
	fill: #fff;
}
.standarts-wrapper {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.standarts-wrapper__main {
	grid-template-columns: repeat(3,1fr);
}
.standarts-wrapper__main .standarts-item {
	background-color: var(--main-bg-gray);
	padding: 2rem;
	border-radius: 1rem;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.cases-head-container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
.cases-showreel-btn {
	background: var(--main-text-color);
border-radius: 50px;
padding: 12px 20px;
font-weight: 500;
font-size: 1rem;
line-height: 1.2;
color: #FFFFFF;
max-height: 43px;
}
.showreel_icon {
	padding-right: 14px;
}



.standarts-item__icon {
	margin-bottom: 2rem;
	width: 6rem;
	height: 6rem;
}
.standarts-item__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 1rem;
}
.help-wrapper {
	border: 1.5px solid var(--main-stroke-color);
	padding: 6rem 0;
    border-radius: 20rem;
}
.help-wrapper .connect-avatars {
	padding-left: 6rem;
}
.help-wrapper .connect-avatar__image {
	width: 5rem;
    height: 5rem;
}
.help-wrapper .connect-avatars__img {
	border: 3px solid #fff;
}
.help-item__phone {
	padding-left: 6rem;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: 500;
}
.help-item__link svg {
	margin-left: 0;
	margin-right: 1rem;
	width: 24px;
	height: 24px;
}
.help-item__link svg path {
	stroke-width: 0;
}

.help-item__phone .help-item__link {
	padding-left: 0;
	padding-right: 0;
}
.help-item__link {
	padding: 1rem;
	margin-right: 1.5rem;
}
.help-item__link:last-child {
	margin-right: 0;
}

.prices-title {
	display: flex;
    align-items: flex-end;
	padding: 2rem 6rem 2rem 2rem;
}
.prices-title__column {
	font-weight: 500;
}
.prices-title__column:nth-child(1) {
	flex: 0 0 60%;
}
.prices-title__column:nth-child(2) {
	flex: 0 0 20%;
    text-align: right;
}
.prices-title__column:nth-child(3) {
	flex: 0 0 20%;
    text-align: right;
}
.prices-title__column.prices-title__column_technologies {
	text-align: left;
}

.accordion-item {
	margin-bottom: .5rem;
	border-radius: 1.5rem;
	border: 0;
	overflow: hidden;
	background: #fff;
	transition: var(--hover-transition);
	border: 1.5px solid var(--main-stroke-color);
}
.accordion-item:not(:first-of-type) {
	border-top: 1.5px solid var(--main-stroke-color);
}
.accordion-item:first-of-type {
	border-radius: 1.5rem;
}
.accordion-item:last-of-type {
	border-radius: 1.5rem;
	margin-bottom: 0;
}
.accordion-button {
	padding: 1.5rem 4rem 1.5rem 1.5rem;
	transition: var(--hover-transition);
	border-radius: 1.5rem;
	cursor: pointer;
}
.accordion-button:hover {
	color: var(--main-accent-color);
}
.accordion-item:first-of-type .accordion-button {
	border-radius: 1.5rem;
}
.accordion-item:last-of-type .accordion-button {
	border-radius: 1.5rem;
}
.accordion-button:not(.collapsed) {
	color: var(--main-accent-color);
    background: #fff;
    box-shadow: unset;
}
.accordion-button::after {
	width: 1.5rem;
	height: 1.5rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='34' fill='none' viewBox='0 0 35 34'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='3' d='M2 16.5h31M18 1.5v31'/%3E%3C/svg%3E");
	background-size: 1.5rem;
	background-position: 50%;
	position: absolute;
    right: 2rem;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='3' fill='none' viewBox='0 0 35 3'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='3' d='M2 1.5h31'/%3E%3C/svg%3E");
    transform: none;
}
.accordion-body {
    padding: 2rem;
    border-top: 2px solid var(--main-bg-gray);
	color: var(--main-text-color);
}

.prices-item__title {
	flex: 0 0 60%;
	font-size: var(--font-18);
	font-weight: 500;
}
.prices-item__time {
	flex: 0 0 20%;
	text-align: right;
}
.prices-item__technologies {
	flex: 0 0 20%;
}
.prices-item__price {
	flex: 0 0 20%;
	text-align: right;
	font-weight: 500;
}
.accordion-item__title {
	font-size: var(--font-18);
	font-weight: 500;
}

.line-feature-wrapper {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2rem;
}
.line-feature {
	position: relative;
    padding: 0 3rem;
}
.line-feature:before {
	content: '';
    position: absolute;
    left: 0;
    top: .75rem;
    width: 20px;
    height: 2px;
    background: var(--main-accent-color);
}

.prices-button {
	margin-top: 2rem;
	display: flex;
	flex-direction: row;
    align-items: center;

}
.prices-button__button {
	margin-right: 4rem;
}
.prices-button__feautures {
	display: flex;
	align-items: center;
	flex-direction: row;
}
.prices-button__item {
	margin-right: 2rem;
	display: flex;
	align-items: center;
	flex-direction: row;
}
.prices-button__icon {
	margin-right: 1rem;
}
.prices-button__text {
	font-weight: 500;
}

.process-wrapper {
	display: flex;
	margin-bottom: 2rem;
	overflow: hidden;
}
.process-item {
    margin-right: 1rem;
    background: #fff;
    flex: 1 0;
    height: 500px;
    transition: var(--hover-transition);
    position: relative;
	cursor: pointer;
}
.process-title:before {
	content: '';
	width: 100%;
	height: 200px;
	position: absolute;
	background: linear-gradient;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 50%);
	z-index: 0;
}
.process-item:last-child {
	margin-right: 0;
}
.process-title {
	display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    position: absolute;
    transition: 0;
    left: 50%;
    transform: translateX(-50%);
}
.process-item__number {
	font-size: 3rem;
    font-weight: 500;
    color: var(--main-gray-color);
    opacity: .5;
	padding-top: 2rem;
	z-index: 1;
}
.process-item:hover .process-item__number {
	color: var(--main-accent-color);
    opacity: 1;
}
.process-item__title {
	font-size: var(--font-24);
    font-weight: 500;
    position: relative;
}
.process-item__title span {
	position: absolute;
    white-space: nowrap;
    left: 50%;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: 0;
	z-index: -1;
}
.process-content {
	position: absolute;
	pointer-events: none;
	padding: 2rem;
	left: 0;
	top: 0;
	opacity: 0;
	
	transition: none;
	transform: translateY(10px);
	color: #fff;
}
.process-content__number {
	font-size: 3rem;
    font-weight: 500;
	margin-bottom: 2rem;
}
.process-content__title {
	font-size: var(--font-24);
    font-weight: 500;
	margin-bottom: 2rem;
}
.process-content__desc {

}
.process-item.active .process-content {
	opacity: 1;
	transform: translateY(0);
	pointer-events: all;
	transition: .3s ease .25s;
}
.process-item.active {
	flex: 1 0 50%;
	background: var(--main-darkgray-color);
	cursor: auto;
}
.process-item.active .process-title {
	transform: translateX(-10px);
	opacity: 0;
	pointer-events: none;
}

.process-time {
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
.process-time:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	background: var(--main-darkgray-color);
	opacity: .2;
	z-index: -1;
}
.process-time__label {
	font-weight: 500;
    font-size: var(--font-18);
    background: #fff;
    border-radius: 10rem;
    padding: .5rem 1rem;
}

.list-dots li {
	margin-bottom: 1rem;
}

.numbered-feature {
	margin-top: 0;
	margin-bottom: 2rem;
}
.numbered-feature__number {
	font-size: 2.5rem;
	font-weight: 500;
	margin-bottom: 0;
}
.numbered-feature__text {

}

.nav-title {
	margin-right: 1rem;
}
.nav-pills {
	align-items: center;
}
.nav-pill {
	background: #fff;
	color: var(--main-text-color);
	padding: .25rem 1rem;
	border-radius: 10rem;
	font-weight: 500;
	margin-right: 1rem;
}
.nav-pill.active {
	background: var(--main-darkgray-color);
	color: #fff;
}

.prices-wrapper {

}
.prices-item {
	position: relative;
	display: flex;
    background: #fff;
    padding: 2rem 6rem 2rem 2rem;
    margin-bottom: .5rem;
    align-items: center;
}
.accordion-button.prices-item {
	margin-bottom: 0;
}
.prices-item__order {
	position: absolute;
	right: 1rem;
}
.prices-item__arrow {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 0;
}
.prices-item__button {
	opacity: 0;
	transform: translateX(10px);
	white-space: nowrap;
	transition: var(--hover-transition);
}
.prices-item:hover .prices-item__button {
	opacity: 1;
	transform: translateX(0);
}
.prices-item__arrow svg {
	max-width: 1.5rem;
}

.steps-wrapper {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 2rem;
}
.steps-item {
	padding-right: 2rem;
}
.steps-item__title {
    font-size: 3rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.steps-item__desc {

}

.information-block {
	display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem;
    background: #fff;
    border-radius: 1rem;
    margin-top: 2rem;
}
.information-block__icon {
	margin-right: 1rem;
    max-width: 1.5rem;
}
.information-block__desc {
	flex: 1 0;
}

.services-prices-section {
}

.prices-item__icon {
	margin-right: 1rem;
}
.prices-item__title {
	font-size: var(--font-24);
	line-height: 1.2;
}
.prices-item__desc {
	font-size: var(--font-18);
}

.minicase-sidebar {
	background: #fff;
    padding: 2rem;
    border-radius: 1rem;
	position: sticky;
	top: 5rem;
	bottom: 1rem;
}

.case-tags {
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    align-items: center;
	margin-bottom: 4rem;
}
.case-tags__tag {
	background: #fff;
	color: var(--main-text-color);
	padding: .5rem 1rem;
	border-radius: 10rem;
	font-weight: 500;
	margin-right: .5rem;
	margin-bottom: .5rem;
}

.minicase-text {
	margin-bottom: 4rem;
	padding-left: 3rem;
}
.minicase-text h4:not(:first-of-type) {
	margin-top: 2rem;
}

.minicase-slider-wrapper {
	background: var(--main-darkgray-color);
    color: #fff;
}
.minicase-slider-item {
	padding: 4rem 6rem;
    text-align: center;
}
.minicase-slider-item__link:hover {
	opacity: .75;
}
.minicase-slider-item__img {
	height: 300px;
    object-fit: cover;
	border-radius: 1rem;
	min-width: 50%;
	object-position: 50% 0;
}
.minicase-slider-item__caption {
	margin-top: 2rem;
	font-weight: 500;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 2rem;
	opacity: .5;
}
.minicase-sidebar-block {
	margin-bottom: 2rem;
}
.minicase-sidebar-block:last-child {
	margin-bottom: 0;
}
.minicase-sidebar-block__title {
	font-size: var(--font-18);
	font-weight: 500;
	margin-bottom: .5rem;
}
.minicase-sidebar-block__img {
	margin-bottom: 1rem;
}
.minicase-sidebar-block__link {
	font-weight: 500;
}
.minicase-sidebar-block__text {
	margin-bottom: 0;
}
.minicase-construct-content .bigcase-feature__icon svg path {
	fill: var(--main-text-color)
}
.bigcase-content-section {
	padding: 3rem 0;
}
.bigcase-about-text {
	margin-bottom: 2rem;
}
.bigcase-hero-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.bigcase-hero {
	position: relative;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 3rem 0;
	padding-right: 33%;
}
.bigcase-hero__background {
	position: absolute;
    left: -5rem;
    top: 0;
    width: calc(100% + 10rem);
    height: 100%;
    z-index: -1;
}
.bigcase-hero__background:before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.bigcase-hero__img {
	object-fit: cover;
    object-position: 50%;
    width: 100%;
    height: 100%;
}
.bigcase-hero__title {
	font-size: var(--font-44);
	margin-bottom: 2rem;
}
.bigcase-features-wrapper {
	display: flex;
    flex-direction: row;
    align-items: center;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	margin-bottom: 2rem;
}
.bigcase-feature {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	flex: 0 0 auto;
}
.bigcase-feature__link {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
}
.bigcase-feature__icon {
	display: inline-flex;
	margin-right: .5rem;
}
.bigcase-feature__text {
	font-weight: 500;
}
.link-block {
	display: flex;
    flex-direction: row;
    align-items: center;
}
.link-block__desc {
	margin-left: 1rem;
}
.link-block__desc svg {
	max-width: 1.5rem;
}

.single-image {
	margin: 2rem 0;
}
.single-image__link:hover {
	opacity: .75;
}

.bigcase-slider-item {
	padding: 2rem 0 4rem;
    text-align: center;
}
.bigcase-slider-item__img {
    object-fit: contain;
}
.bigcase-slider-item__caption {
	margin-top: 2rem;
	font-weight: 500;
}
.case-animated__wrapper {
	display: inline-flex;
	width: 100%;
	height: 500px;
	overflow-y: scroll;
	position: relative;
}
.case-animated__wrapper img {
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	/*animation: case_animated__img 12s cubic-bezier(0.7, 0, 0.32, 1) 0s infinite;
	will-change: transform;*/
}
.case-animated__wrapper:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='129' height='58' fill='none' viewBox='0 0 129 58'%3E%3Cg class='Frame 48095701'%3E%3Crect width='22' height='34' x='1' y='12' stroke='%23858D97' stroke-width='2' class='Rectangle 135' rx='11'/%3E%3Cpath stroke='%23858D97' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 52 5 5 5-5m0-46-5-5-5 5' class='Vector'/%3E%3Cpath stroke='%23858D97' stroke-linecap='round' stroke-width='2' d='M12 20v6' class='Line 2'/%3E%3Cpath fill='%23858D97' d='M41.168 17v8h-1.68v-5.264L37.184 23.4h-.208l-2.288-3.648V25h-1.68v-8h1.76l2.32 3.696L39.408 17h1.76Zm5.772 8.208c-1.173 0-2.17-.405-2.992-1.216-.821-.81-1.232-1.808-1.232-2.992s.41-2.181 1.232-2.992c.822-.81 1.819-1.216 2.992-1.216 1.184 0 2.182.405 2.992 1.216.822.81 1.232 1.808 1.232 2.992s-.41 2.181-1.232 2.992c-.81.81-1.808 1.216-2.992 1.216Zm-1.776-2.4c.48.48 1.072.72 1.776.72s1.296-.24 1.776-.72.72-1.083.72-1.808c0-.725-.24-1.328-.72-1.808s-1.072-.72-1.776-.72-1.296.24-1.776.72-.72 1.083-.72 1.808c0 .725.24 1.328.72 1.808ZM62.39 25h-1.968l-2.72-3.696V25h-1.696v-3.664L53.286 25h-1.968l3.12-4.08-2.96-3.92h1.968l2.56 3.504V17h1.696v3.52l2.56-3.52h1.968l-2.96 3.92L62.39 25Zm6.635-8h1.728v8h-1.728v-3.184h-3.664V25h-1.728v-8h1.728v3.184h3.664V17Zm7.509 8.208c-1.173 0-2.17-.405-2.992-1.216-.821-.81-1.232-1.808-1.232-2.992s.41-2.181 1.232-2.992c.821-.81 1.819-1.216 2.992-1.216 1.184 0 2.181.405 2.992 1.216.821.81 1.232 1.808 1.232 2.992s-.41 2.181-1.232 2.992c-.81.81-1.808 1.216-2.992 1.216Zm-1.776-2.4c.48.48 1.072.72 1.776.72s1.296-.24 1.776-.72.72-1.083.72-1.808c0-.725-.24-1.328-.72-1.808s-1.072-.72-1.776-.72-1.296.24-1.776.72-.72 1.083-.72 1.808c0 .725.24 1.328.72 1.808ZM40.128 32v8H38.4v-6.368h-3.664V40h-1.728v-8h7.12Zm5.781 8.208c-1.173 0-2.17-.405-2.992-1.216-.821-.81-1.232-1.808-1.232-2.992s.41-2.181 1.232-2.992c.821-.81 1.819-1.216 2.992-1.216 1.184 0 2.181.405 2.992 1.216.821.81 1.232 1.808 1.232 2.992s-.41 2.181-1.232 2.992c-.81.81-1.808 1.216-2.992 1.216Zm-1.776-2.4c.48.48 1.072.72 1.776.72s1.296-.24 1.776-.72.72-1.083.72-1.808c0-.725-.24-1.328-.72-1.808s-1.072-.72-1.776-.72-1.296.24-1.776.72-.72 1.083-.72 1.808c0 .725.24 1.328.72 1.808Zm11.338 2.4c-1.205 0-2.213-.405-3.023-1.216-.8-.81-1.2-1.808-1.2-2.992 0-1.195.4-2.192 1.2-2.992.81-.81 1.818-1.216 3.023-1.216.78 0 1.489.187 2.129.56.64.373 1.12.875 1.44 1.504l-1.489.864a1.988 1.988 0 0 0-.832-.896c-.362-.224-.784-.336-1.264-.336-.703 0-1.295.24-1.776.72-.469.48-.704 1.077-.704 1.792 0 .715.235 1.312.704 1.792.48.48 1.072.72 1.776.72.47 0 .891-.112 1.264-.336a2.18 2.18 0 0 0 .864-.896l1.489.848a3.805 3.805 0 0 1-1.473 1.52c-.64.373-1.349.56-2.127.56ZM67.44 40h-2.064l-3.28-3.696V40h-1.728v-8h1.728v3.536L65.2 32h2.112l-3.52 3.92L67.44 40Zm5.69-8.208c1.1 0 2.038.41 2.817 1.232.778.81 1.168 1.803 1.168 2.976 0 1.184-.39 2.181-1.168 2.992-.779.81-1.718 1.216-2.816 1.216-1.216 0-2.15-.448-2.8-1.344V43.2h-1.728V32h1.728v1.152c.65-.907 1.584-1.36 2.8-1.36Zm-2.08 6.048c.48.48 1.083.72 1.809.72.725 0 1.328-.24 1.808-.72.48-.49.72-1.104.72-1.84s-.24-1.344-.72-1.824c-.48-.49-1.083-.736-1.808-.736-.726 0-1.328.245-1.808.736-.48.48-.72 1.088-.72 1.824s.24 1.35.72 1.84Zm11.407 2.368c-1.174 0-2.17-.405-2.992-1.216-.822-.81-1.232-1.808-1.232-2.992s.41-2.181 1.232-2.992c.821-.81 1.819-1.216 2.992-1.216 1.184 0 2.181.405 2.992 1.216.821.81 1.232 1.808 1.232 2.992s-.41 2.181-1.232 2.992c-.81.81-1.808 1.216-2.992 1.216Zm-1.776-2.4c.48.48 1.072.72 1.776.72s1.296-.24 1.776-.72.72-1.083.72-1.808c0-.725-.24-1.328-.72-1.808s-1.072-.72-1.776-.72-1.296.24-1.776.72-.72 1.083-.72 1.808c0 .725.24 1.328.72 1.808ZM94.76 32v8h-1.728v-6.336H90.36v2.976c0 1.27-.277 2.17-.832 2.704-.555.533-1.344.752-2.368.656v-1.616c.49.085.859-.016 1.104-.304.245-.288.368-.795.368-1.52V32h6.128Zm8.766 0v8h-1.728v-6.336h-2.672v2.976c0 1.27-.278 2.17-.832 2.704-.555.533-1.344.752-2.368.656v-1.616c.49.085.858-.016 1.104-.304.245-.288.368-.795.368-1.52V32h6.128Zm7.805 0h1.328v8h-1.696v-5.088L106.867 40h-1.328v-8h1.696v5.072L111.331 32Zm9.445 0v1.664h-2.608V40h-1.728v-6.336h-2.624V32h6.96Zm4.658 2.72c.853 0 1.552.245 2.096.736.544.48.816 1.115.816 1.904 0 .779-.272 1.413-.816 1.904-.544.49-1.243.736-2.096.736h-3.488v-8h1.728v2.72h1.76Zm.016 3.728c.341 0 .624-.101.848-.304a.99.99 0 0 0 .352-.784c0-.33-.118-.592-.352-.784-.224-.203-.507-.304-.848-.304h-1.776v2.176h1.776Z' class='Ð¼Ð¾Ð¶Ð½Ð¾ Ð¿Ð¾ÑÐºÑÐ¾Ð»Ð»Ð¸ÑÑ'/%3E%3C/g%3E%3C/svg%3E%0A");
	position: absolute;
	left: 1rem;
    top: 1rem;
    z-index: 1;
    transform: scale(.75);
	animation: case_animated_label 8s ease infinite;
}
@keyframes case_animated_label {
	0%, 4%, 8%, 92%, 96%, 100% {
		transform: scale(.75) translateY(-2px);
	}
	2%, 6%, 10%, 90%, 94%, 98% {
		transform: scale(.75) translateY(2px);
	}
	
}
@keyframes case_animated__img {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(calc(-100% + 500px));
	}
}
.dotted-feature {
	margin-bottom: 2rem;
	padding-left: 2rem;
	position: relative;
}
.dotted-feature:before {
	content: '';
    position: absolute;
    left: 1rem;
    top: .5rem;
    width: 4px;
    height: 4px;
    background-color: var(--main-darkgray-color);
    border-radius: 50%;
}
.dotted-feature_titled:before {
	top: 1rem;
}
.dotted-feature__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 1rem;
}
.dotted-feature__text {
	
}
.case-review {
	display: flex;
    flex-direction: row;
	margin-bottom: 2rem;
}
.case-review__avatar {
	flex: 0 0 5rem;
    width: 5rem;
    height: 5rem;
}
.case-review__img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
    border-radius: 50%;
}
.case-review__text {
	background: var(--main-bg-gray);
    padding: 2rem;
	flex: 0 0 calc(70% - 5rem);
}
.case-review_left {
	justify-content: flex-start;
}
.case-review_left .case-review__text {
	border-radius: 0 1rem 1rem 1rem;
}
.case-review_left .case-review__avatar {
	margin-right: 2rem;
}
.case-review_right {
	justify-content: flex-end;
}
.case-review_right .case-review__text {
	border-radius: 1rem 0 1rem 1rem;
}
.case-review_right .case-review__avatar {
	margin-left: 2rem;
	order: 2;
}
.name-block {
	display: flex;
	flex-direction: row;
	margin-bottom: 2rem;
}
.name-block__name {
	font-weight: 500;
	margin-right: 1rem;
}
.team-wrapper_bigcase {
    grid-template-columns: repeat(3, 1fr);
}
.contacts-section {
	padding: 0;
}
.contacts-phone {
	margin-bottom: 2rem;
}
.contacts-phone__link {
	font-size: var(--font-24);
	font-weight: 500;
}
.contacts-phone:not(:nth-child(2)) {
	margin-bottom: 1rem;
}
.contacts-phone:not(:nth-child(2)) .contacts-phone__link {
	font-size: var(--font-18);
}
.contacts-address__link {
	display: inline-block;
    font-size: var(--font-18);
    font-weight: 500;
    margin-bottom: 1rem;
}
.suggestions-block {
	display: flex;
    flex-direction: row;
    align-items: center;
	justify-content: center;
	padding: 4rem;
    background: #fff;
    border-radius: 20rem;
}
.suggestions-block__title {
	flex: 0 0 20%;
    font-size: var(--font-24);
    color: var(--main-accent-color);
    font-weight: 500;
    line-height: 1.2;
	margin-right: 2rem;
}
.suggestions-block__arrow {
	flex: 0 0 20%;
	background: var(--main-accent-color);
	height: 2px;
	margin-right: 2rem;
}
.suggestions-block__phone {
	display: flex;
	flex-direction: column;
}
.suggestions-block__buttons {
	margin-bottom: 1rem;
}
.suggestions-block__link {
	font-size: 2rem;
	font-weight: 500;
}

.hr-hero-wrapper {
	display: flex;
    flex-direction: row;
}
.hr-hero-text {
	flex: 0 0 66%;
}
.hero-img {
	position: relative;
    flex: 0 0 34%;
}
.hero-img__img {
	position: absolute;
    top: 0;
    left: 0;
}
.hr-image-section {
	padding-top: 0;
}
.hr-image {
	height: 400px;
}
.hr-image__img {
	object-fit: cover;
	object-position: 50%;
	width: 100%;
	height: 100%;
	border-radius: 20rem;
}

.hr-content-section {
	padding: 3rem 0;
}

.hr-review {
	display: flex;
    flex-direction: row;
	margin-bottom: 2rem;
}
.hr-review__person {

}
.hr-review__avatar {
    width: 5rem;
    height: 5rem;
	margin-bottom: 2rem;
}
.hr-review__img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50%;
    border-radius: 50%;
}
.hr-review__text {
	background: #fff;
    padding: 2rem;
	flex: 1 0;
	color: var(--main-text-color);
}
.hr-review_left {
	justify-content: flex-start;
}
.hr-review_left .hr-review__text {
	border-radius: 0 1rem 1rem 1rem;
}
.hr-review_left .hr-review__person {
	margin-right: 2rem;
}
.hr-review_right {
	justify-content: flex-end;
}
.hr-review_right .hr-review__text {
	border-radius: 1rem 0 1rem 1rem;
}
.hr-review_right .hr-review__person {
	margin-left: 2rem;
	order: 2;
}

.hr-reviews-title {
	margin-bottom: 10rem;
}
.hr-reviews-title__arrow {
	position: absolute;
    top: 2rem;
    transform: translateX(2rem);
}
.hr-reviews-title__arrow svg {
	
}

.cases-tags-section {
	padding: 0;
}
.cases-tags-wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 1rem;
}
.cases-tags-item {
	display: inline-flex;
	margin: 0;
}
.cases-tags-item__link {
	color: var(--main-text-color);
	padding: .5rem 1rem;
	border-radius: 10rem;
	font-weight: 500;
	margin-right: 0;
	border: 1.5px solid var(--main-stroke-color);
}
a.cases-tags-item__link:hover {
	opacity: 1;
	color: #fff;
	background: var(--main-text-color);
}
.cases-tags-item.active .cases-tags-item__link {
	color: #fff;
	background: var(--main-text-color);
}

.hr-page {
	background: #006EBD;
}

.inverse-page .page-wrapper,
.inverse-page .breadcrumbs,
.inverse-page .page-wrapper a:not(.btn):not(.prices-button__item) {
	color: #fff;
}
.inverse-page .dotted-feature:before {
	background: var(--main-accent-color);
}
.inverse-page .bradcrumbs-item__arrow svg path {
	stroke: #fff;
}
.inverse-page .navbar:not(.scrolled) .infinity path,
.main-page .navbar:not(.scrolled) .infinity path,
.services-page .navbar .infinity path {
	fill: #fff;
}


.vacancy-table {

}
.vacancy-table__row {
	display: flex;
	flex-direction: row;
	margin-bottom: 2rem;
}
.vacancy-table__left {
	flex: 0 0 20%;
}
.vacancy-table__right {
	flex: 0 0 80%;
}
.vacancy-table__title {
	font-weight: 500;
}

.popover {
	border: 0;
    border-radius: .5rem;
    box-shadow: 0px 10px 50px rgb(0 0 0 / 14%);
	font-family: inherit;
	width: 140px;
	font-size: var(--font-13);
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-left>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-right>.popover-arrow::before {
	border: 0;
}
/*.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #fff;
    border-bottom: 1px solid #F1F2F3;
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
    text-align: center;
}
.map-popover__content {
	display: flex;
    flex-direction: column;
	align-items: center;
}*/
.popover-header {
    padding: 1rem 1rem;
    margin-bottom: 0;
    font-size: var(--font-14);
    background-color: #fff;
    border-bottom: 0;
    border-top-left-radius: calc(.5rem - 1px);
    border-top-right-radius: calc(.5rem - 1px);
	border-bottom-left-radius: calc(.5rem - 1px);
    border-bottom-right-radius: calc(.5rem - 1px);
    text-align: center;
}
.popover-body {
	padding: 0;
	font-size: var(--font-14);
}
.map-popover__content {
	display: none;
    flex-direction: column;
	align-items: center;
}
.map-popover__number {
    font-size: 2.25rem;
    font-weight: 500;
    color: var(--main-accent-color);
    line-height: 1;
}
.map-popover__desc {
	font-weight: 500;
	color: var(--main-accent-color);
}

.loader {
	position: relative;
	margin: 0 auto;
	width: 50px;
  }
  
.loader::before {
content: "";
display: block;
padding-top: 100%;
}

.circular {
animation: rotate 2s linear infinite;
height: 100%;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

.path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: dash 1.5s ease-in-out infinite;
stroke-linecap: round;
stroke: #000;
}

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

@keyframes dash {
0% {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
}
50% {
	stroke-dasharray: 89, 200;
	stroke-dashoffset: -35px;
}
100% {
	stroke-dasharray: 899, 200;
	stroke-dashoffset: -124px;
}
}

.arrow-link {
font-size: inherit;
padding: 0;
}
.arrow-link.btn {
	padding: 0;
}
.arrow-link svg {
	width: 16px;
	height: 16px;
	margin-left: .25rem;
}

.btn-telegram {
	background-color: #419fd9;
	color: #fff;
}
.btn-telegram:hover {
	background-color: #2e89c2;
}
.btn-telegram svg rect {
	fill: #fff;
}
.btn-telegram svg path {
	fill: #419fd9;
}

.btn-whatsapp {
	background-color: #0DC143;
	color: #fff;
}
.btn-whatsapp:hover {
	background-color: #0b9b36;
}
.btn-whatsapp svg rect {
	fill: #fff;
}
.btn-whatsapp svg path {
	fill: #0DC143;
}

.btn-viber {
	background-color: #675DA9;
	color: #fff;
}
.btn-viber:hover {
	background-color: #544b91;
}
.btn-viber svg rect {
	fill: #fff;
}
.btn-viber svg path {
	fill: #675DA9;
}

.allcases-year {
	font-size: var(--font-18);
	font-weight: 500;
	color: var(--main-accent-color);
	margin: 2rem 0 1rem;
}
.allcases-button {
	margin-bottom: 1rem;
    text-align: right;
}
.allcases-button__link {
	font-weight: 500;
    font-size: var(--font-16);
    display: inline-flex;
    align-items: center;
	cursor: pointer;
}
.allcases-button__link svg {
	margin-right: 1rem;
}
.allcases-item {
	position: relative;
	background-color: var(--main-bg-gray);
	margin-bottom: 1rem;
	padding: 1rem 4rem 1rem 1.25rem;
	border-radius: 1rem;
	transition: var(--hover-transition);
}
.allcases-item__link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.allcases-item__title {
	font-weight: 500;
	margin-bottom: .5rem;
	line-height: 1.4;
}
.allcases-item__desc {
	font-size: var(--font-14);
}
.allcases-item:before {
	content: '';
	width: 16px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='16' fill='none' viewBox='0 0 24 16'%3E%3Cg class='icon_arrow arrow_right'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 1l6.293 6.293a1 1 0 010 1.414L12.5 15' class='arrow'%3E%3C/path%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='M19 8H5' class='line'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	transform: translateX(-1rem);
	transition: var(--hover-transition);
	z-index: 1;
	position: absolute;
	right: 1rem;
	opacity: 0;
	top: calc(50% - 6px);
	background-repeat: no-repeat;
	background-position: 50%;
}
.allcases-item:hover:before {
	transform: translateX(0);
	opacity: 1;
}


.tasks_section__wrapper {
	display: flex;
	flex-wrap: wrap;
}
.tasks_section__item {
	flex-basis: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: 0;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
	background-color: var(--main-bg-gray);
    padding: 2rem;
    border-radius: 1rem;
}

.tasks_section__item__services {
	padding-bottom: 2rem;
}
/*.tasks_section__item::after {
	content:'';
	position:absolute;
	width: 40px;
	height:4px;
	left:2rem;
	top:0;
	z-index: 1;
	display:block;
	background-color: var(--main-accent-color);
}*/
.tasks_section__item-title {
	display: none;
	position: absolute;
	bottom: -6px;
	left: 2rem;
	font-weight: 500;
	font-size: var(--font-66);
	line-height: 0.6;
	color: var(--main-bg-gray);
	text-transform: lowercase;
}
.tasks_section__item-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 2rem;
}
.tasks_section__desc-wrapper {
	display: flex;
	flex-direction: row;
	flex: 1 0;
}
.tasks_section__desc-title {
	flex-basis: calc(40% - 2rem);
	width: 100%;
	margin-right: 2rem;
}
.tasks_section__desc-title__title {
	font-weight: 500;
	font-size: var(--font-24);
	margin-bottom: 1rem;
}
.tasks_section__desc-title__subtitle {
	color: var(--main-gray-color);
	margin-bottom: 1rem;
}
.tasks_section__desc-description {
	flex-basis: 60%;
	width: 100%;
}
.tasks_section__desc-text {
    margin-bottom: 1.5rem;
    font-weight: 500;
}
.tasks_section__tags {
	flex-basis: calc(20% - 2rem);
}
.tasks_section__tags-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}
.tasks_section__tag {
	background: #fff;
	border-radius: 50px;
	padding: 10px 20px;
	font-weight: 500;
	/* font-size: 1.14rem; */
	font-size: var(--font-18);
	line-height: 1.2;
	color: var(--main-text-color);
}
.tasks_section .h2-bigger {
	margin-bottom: 3rem;
}

.tasks_section__bottom-wrapper {
	display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
}
.tasks_section__bottom-price {
	font-size: var(--font-18);
    font-weight: 500;
    color: var(--main-gray-color);
	display: flex;
    align-items: center;
    gap: .5rem;
}
.tasks_section__bottom-bullet {
	background-color: var(--main-gray-color);
	width: 5px;
	height: 5px;
	border-radius: 50%;
	opacity: .5;
}


.reviews_banner {
    margin-top: 0;
	margin-bottom: 2rem;
}

.reviews_banner__link {
	display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--main-stroke-color);
    border-radius: 1.5rem;
    padding: 1.25rem 1.5rem;
}
.reviews_banner__desc {
	display: flex;
	align-items: center;
}
.reviews_banner__icon {
	margin-right: 1rem;
	min-width: 40px;
}
.reviews_banner__arrow {
	min-width: 24px;
}
.reviews_banner__text {
	font-size: var(--font-24);
	font-weight: 500;
}
.reviews_banner__arrow svg {
	transition: var(--hover-transition);
	transform: rotate(-45deg);
	transform-origin: 50%;
}
.reviews_banner__link:hover .reviews_banner__arrow svg {
	transform: rotate(0);
}


.footer-work_advantages {
	display: flex;
	column-gap: 1rem;
	margin-top: 1rem;
}
.footer-work_advantages__item {
	flex: 0 0 calc(25% - .66rem);
	padding: 2rem;
	position: relative;
	background-color: var(--main-bg-gray);
	border-radius: 1rem;
}
/*.footer-work_advantages__item:before {
	content: '';
	width: 4px;
	height: 4px;
	top: calc(1rem - 7px);
	left: 0;
	background-color: var(--main-accent-color);
	position: absolute;
	border-radius: 50%;

}*/
.footer-work_advantages__img {
	margin-bottom: 2rem;
}
.footer-work_price__title {
	/* font-weight: 500;
	font-size: 2.25rem;
	line-height: 1.2;
	margin-bottom: 25px; */
	margin-bottom: 1rem;
}
.footer-work_price__subtitle {

	margin-bottom: 2rem;
}
.footer-work_price__item {
	padding:0;
}
.footer-work_price-item__steps {
	font-weight: 500;
	margin: 1rem 0;
}
.footer-work_price-item__title {
	font-weight: 500;
	/* font-size: 1.7rem; */
	font-size: var(--font-24);
	color: var(--main-accent-color);
	line-height: 1.2;
}
.footer-work_price-item__title_big {
	font-size: 4.5rem;
	line-height: 1;
	color: var(--main-text-color);
}
.footer-work_price-item__subtitle {
    font-size: var(--font-24);
}
.footer-work_price-item__subtitle {

}

.custom-list {
    list-style: none;
    padding-left: 1.5rem;
}
.custom-list li {
    font-weight: 400;
    line-height: 160%;
    position: relative;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.custom-list li:before {
    content: '';
    position: absolute;
    width: 3px;
    height: 3px;
    left: -1rem;
    top: .6rem;
    background: var(--main-text-color);
	border-radius: 50%;
}
.inverse-section .custom-list li:before {
	background: #fff;
}

.footer-work_price__item {
	display: flex;
    border-radius: 1rem;
    padding: 2rem;
	flex: 0 0 calc(33.3% - .5rem);
	justify-content: space-between;
    flex-direction: column;
}
.footer-work_price__item_primary {
	background-color: var(--main-accent-color);
}
.footer-work_price__item_secondary {
	background-color: var(--main-darkgray-color);
	color: #fff;
}
.footer-work_price__item_secondary .custom-list li:before {
	background: #fff;
}
.footer-work_price-item__top {
	margin-bottom: 2rem;
}
.footer-work_price__details_row {
	display: flex;
	gap: 1rem;
}
.footer-work_price__item-main {
	padding: 2rem;
	color: var(--main-accent-color);
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height:100%;
	max-height: unset;
	position: relative;
	height: 100%;
	border-radius: 1rem;
	border: 1.5px solid var(--main-stroke-color);
	margin-bottom: 2rem;
}
.footer-work_price__item-main:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg class='Frame 48095717' clip-path='url(%23a)'%3E%3Cpath fill='%23363C44' d='M0 0h24v24H0z'/%3E%3Cpath fill='%23464C55' d='M24 0H8a8 8 0 0 0-8 8v16L24 0Z' class='Rectangle 142'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a' class='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	width: 24px;
	height: 24px;
	right: -1.5px;
	bottom: -1.5px;
	position: absolute;
}
.footer-work_price__item-main .footer-work_price-item__title {
	font-weight: 500;
	/* font-size: 3.14rem; */
	font-size: var(--font-66);
	line-height: 1.2;
}
.footer-work_price__item-main .footer-work_price-item__subtitle {
	font-weight: 500;
	font-size: var(--font-24);
}
.footer-work_price-items_wrapper {
	display: flex;
	gap: 2rem;
}
.footer-work_price-item__desc .custom-list {
	margin-bottom: 0;
}
.bigcase-construct-img,
.bigcase-slider-item__img {
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

.services-hero-section {
	padding-top: 6rem;
    padding-bottom: 6rem;
}


.newcase_banner {
	
	margin-bottom: 5rem;
}
.newcase_banner__wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
}
.newcase_banner__numbers {
	display: flex;
	gap: 4rem;
	flex: 1 0 calc(55% - 10px);
	width: calc(50% - 10px);
}
.newcase_banner__link {
	position: relative;
    width: 33vw;
    display: flex;
	justify-content: space-between;
    background: var(--main-text-color);
    border-radius: 0 1rem 1rem 0;
	margin-right: 4rem;
	color: #fff;
}

.newcase_banner__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0;
}
.newcase_banner__bg:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: linear-gradient(90deg, #1F2023 50%, rgba(32, 33, 36, 0) 80%);
}
.newcase_banner__img {
    max-height: 100%;
    width: 50%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    z-index: 0;
	border-radius: 0 1rem 1rem 0;
}
.newcase_banner__desc {
	padding: 2rem 6rem 1.5rem 2rem;
    position: relative;
    z-index: 1;
	flex: 1 0 66.6%;
	width: 66.6%;
}
.newcase_banner__label {
	background: #F59070;
    box-shadow: 0.5rem 0.5rem 2rem rgb(245 144 112 / 70%);
    border-radius: 2rem;
    padding: .25rem .5rem;
    font-weight: 500;
    position: absolute;
	white-space: nowrap;
    top: -1rem;
    transform: rotate(-3deg);
	color: #fff;
	transition: var(--hover-transition);
}
.newcase_banner__link:hover .newcase_banner__label {
	transform: rotate(-4deg) translateY(-2px);
	box-shadow: 0.75rem 0.75rem 3rem rgb(245 144 112 / 40%);
}
.newcase_banner__arrow {
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    right: 2rem;
    top: calc(50% - 20px);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
	transition: var(--hover-transition);
	transform: rotate(-45deg);
}
.newcase_banner__link:hover .newcase_banner__arrow {
	transform: rotate(0);
}
.newcase_banner__arrow svg path {
	stroke: #fff;
}
.newcase_banner__title {
	font-size: var(--font-18);
	font-weight: 500;
	margin-bottom: 1rem;
}
.newcase_banner__tags {
	
	display: flex;
	gap: 1rem;
}
.newcase_banner__tag {
	opacity: .5;
	font-weight: 500;
}
.page_menu {
	
}
.page_menu .navbar-brand {
	margin-right: 0;
}
.page_menu .btn.btn-primary {
    padding: .75rem 1.25rem;
	align-self: center;
}
.page_menu__right {
	display: flex;
	align-items: center;
}
.page_menu__wrapper {
	position: fixed;
    background: rgb(255 255 255 / 30%);
    -webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);
    top: -100%;
    left: 0;
    width: 100vw;
    z-index: 4;
	transition: top 1s ease;
	/* box-shadow: 0px 4px 20px rgb(0 0 0 / 0); */
}
.page_menu__wrapper .container {
    display: flex;
    justify-content: space-between;
	flex-direction: row;
	align-items: center;
}
.page_menu__wrapper .navbar-toggler {
	margin-left: 1rem;
}
.page_menu__wrapper.scrolled {
	position: fixed;
	top: 0;
	border-radius: 0;
	/* box-shadow: 0px 4px 20px rgb(0 0 0 / 7%); */
}
.page_menu__nav {
	display: flex;
	list-style: none;
    padding: 0 1rem;
	margin: 0;
	gap: 1rem;
	align-items: center;
    justify-content: center;
}
.page_menu__link {
	font-weight: 500;
	padding: 1rem 0;
	display: inline-flex;
	position: relative;
}
.page_menu__link::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: transparent;
}
.current .page_menu__link::before {
	background-color: var(--main-text-color);
}

.service_prices__wrapper {
	display: flex;
	flex-direction: row;
    gap: 20px;
}
.service_prices__price {
	flex: 1 0 calc(40% - 10px);
	background: radial-gradient(100% 412.55% at 0% 0%, #616973 0%, #858D97 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	border-radius: 1.5rem;
	padding: 1.5rem 2rem;
	color: #fff;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
	position: relative;
}
.service_prices__price_question {
	position: absolute;
	right: 2rem;
	top: 2rem;
	opacity: .5;
	transition: var(--hover-transition);
}
.service_prices__price:hover .service_prices__price_question {
	opacity: 1;
}
.service_prices__price_question svg {
	width: 1.5rem;
	height: 1.5rem;
}
.service_prices__price_question svg path {
	stroke: #fff;
}
.service_prices__price_title {
	font-size: var(--font-66);
    font-weight: 500;
}
.service_prices__price_subtitle {
	font-size: var(--font-24);
    font-weight: 500;
	opacity: .5;
}
.service_prices__price_desc {
	opacity: .5;
}
.service_prices__consult {
	flex: 0 0 calc(60% - 10px);
	background-color: #fff;
	border-radius: 1.5rem;
	padding: 2.5rem;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.service_prices__consult::before {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 1.5rem;
    filter: blur(20px);
    opacity: 1;
	animation: consultGlow 20s infinite linear;
    background-image: linear-gradient(65.45deg, rgba(7, 126, 212, 0.43) 6.11%, rgba(0, 207, 190, 0.46) 20.05%, #077ED4 28.58%, rgba(0, 207, 190, 0.21) 37.57%, rgba(7, 126, 212, 0.230625) 47.91%, rgba(0, 207, 190, 0.825069) 62.74%, rgba(7, 126, 212, 0.3) 71.28%, rgba(0, 207, 190, 0.598689) 82.51%, #077ED4 92.4%);
	background-size: 200%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
@keyframes consultGlow {
	0% {
		background-position: 0%;
	}
	50% {
		background-position: 100%;
	}
	100% {
		background-position: 0%;
	}
}
.service_prices__consult_top {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	margin-bottom: 2rem;
}
.service_prices__consult_top_left {

}
.service_prices__consult_title {
	font-size: var(--font-36);
	letter-spacing: -.5px;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 1rem;
}
.service_prices__consult_subtitle {
	font-size: var(--font-18);
	font-weight: 500;
}
.service_prices__consult_bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
.service_prices__consult_bottom-social {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	font-weight: 500;
}
.service_prices__consult_avatars {
	display: flex;
    padding-right: 20px;
}
.service_prices__consult_avatars .connect-avatars__img {
	border: 3px solid #fff;
}

.services-page .breadcrumbs {
	display: none;
}


.hero-img__bg {
	position: absolute;
    right: 0;
    top: -20rem;
    z-index: -1;
    pointer-events: none;
}
.offcanvas-bottom {
	height: 50vh;
	border-radius: 2rem 2rem 0 0;
}
.offcanvas-bottom .btn-close {
	position: absolute;
    right: 2rem;
    top: 2rem;
}
.offcanvas-bottom .offcanvas-body {
	padding: 2rem;
}
.popover {
	width: auto;
	max-width: 240px;
}
.popover__content {
	min-width: 200px;
	padding: 1rem;
	font-size: var(--font-14);
	letter-spacing: -.25px;
}
.question__link {
	opacity: .5;
}
.question__link svg {
	width: 14px;
	height: 14px;
}
.question__link:hover {
	opacity: 1;
}
.services_hero_dark {
	margin-top: calc(-1 * 6rem - 62px);
	padding: 0;
	margin-bottom: 8rem;
	background-color: var(--main-text-color);
	color: #fff;
	border-radius: 0 0 1rem 1rem;
}
.services_hero_dark .services-hero-left {
	padding: calc(6rem + 62px) 0 12rem;
	padding-right: 2rem;
}
.services_hero__bg {
	position: absolute;
	left: -10%;
	top: 0;
	width: 70%;
	z-index: 0;
    pointer-events: none;
}
.services_hero_dark .services-hero-right {
	position: relative;
}
.services-hero-right {
	display: none;
}
.services_hero_dark .casecard-item {
	position: absolute;
	top: calc(50% - 12rem + 31px);
    left: 2rem;
    width: 28rem;
    height: 28rem;
	overflow: visible;
	/*animation: casecardHeroFly 2s ease 0s infinite;*/
}
@keyframes casecardHeroFly {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-4px);
	}
	100% {
		transform: translateY(0);
	}
}
.services_hero_dark .casecard-item .newcase_banner__label {
	z-index: 2;
}
.services_hero_dark .casecard-item .casecard-bg {
	border-radius: 1.75rem;
    overflow: hidden;
}
.services_hero_dark .casecard-text__title {
	font-size: var(--font-20);
}
.services_hero_dark .casecard-item.casecard-item_new:before {
	border-radius: 1.75rem 1.75rem 0 0;
}
.services-clients-title {

}
.services-page .map-section {
	padding-bottom: 6rem;
}
.technologies_wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.technologies_row {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}
.technologies_item {
    background: #fff;
    border-radius: 0;
    padding: 0 0 1rem 0;
    flex: 1 0;
    border-bottom: 1px solid var(--main-stroke-color);
    display: flex;
}
.technologies_item__title {
	color: var(--main-gray-color);
	flex: 1 0 30%;
	margin-right: 2rem;
	
}
.technologies_item__items {
	text-align: right;
}
.technologies_item__logos {
	display: flex;
	gap: 1rem;
}
.technologies_item__logos img {
	max-width: 100px;
	max-height: 50px;
	width: auto;
	height: auto;
	object-fit: contain;
}
.team-section__photo {
	position: relative;
    display: flex;
    margin-top: 2rem;
	max-width: 400px;
}
.team-section__photo_label {
	position: absolute;
    left: 3rem;
    top: 0;
    transform: rotate(-3deg);
    background: #FFFFFF;
    box-shadow: 10px 10px 20px rgb(0 0 0 / 10%);
    border-radius: 1rem;
    padding: .5rem 1rem;
    font-size: var( --font-18);
    font-weight: 500;
    color: var( --main-gray-color);
	transition: var(--hover-transition);
	z-index: 1;
}
.team-section__photo_image {
	transition: var(--hover-transition);
}
.team-section__photo:hover .team-section__photo_label {
	transform: rotate(-4deg) translateY(-2px);
}
.team-section__photo:hover .team-section__photo_image {
	opacity: .75;
}

.reviews-carousel {
	margin-top: 2rem;
}
.clients-section .reviews-carousel {
	margin-top: 4rem;
    margin-bottom: -4rem;
}
.reviews-carousel_item {
    padding: 4rem 6rem;
}
.reviews-carousel_item img {
	box-shadow: 0 1rem 4rem rgb(0 0 0 / 10%);
    border-radius: 2rem;
}
.reviews-carousel .swiper-wrapper {
	margin-bottom: 2rem;
	align-items: center;
}

.tasks_section__item__hosting {
	flex-basis: 100%;
}
.two-columns-list {
    column-count: 2;
    column-gap: 6rem;
    word-break: break-all;
}

.hosting-page #team,
.hosting-page #prices {
	display: none;
}

body:not(.hosting-page) .tasks_section__bottom-price {
	display: none;
}

.footer-services {
	padding: 3rem 0;
    border-bottom: 1px solid rgba(0 0 0 / 10%);
}
.footer-services__wrapper {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.footer-services__item {
	flex: 1 0 calc(25% - 1rem);
}
.footer-services__link {
	display: inline-flex;
	gap: 1rem;
	background-color: var(--main-stroke-color);
	border-radius: 1rem;
	font-weight: 500;
	padding: 1rem 1.25rem;
	font-size: var(--font-18);
	width: 100%;
	height: 100%;
	justify-content: space-between;
}
.footer-services__icon {
	flex: 0 0 24px;
}
.footer-services__icon svg {
	width: 24px;
	height: 24px;
}
.footer-services__icon svg path {
	stroke: var(--main-darkgray-color);
}
.b24-section>.container {
	background: #fff;
    border-radius: 2rem;
    padding: 3rem 4rem;
}

.services-hero-advantages {
	display: flex;
    flex-direction: row;
    align-items: flex-start;
	flex-wrap: wrap;
    row-gap: 0.5rem;
	column-gap: 0.5rem;
}
.services-hero-advantages__item {
	display: inline-flex;
    padding: 0.5rem 1rem;
    background: transparent;
    color: var(--main-bg-gray);
    border: 1px solid var(--main-stroke-color);
    border-radius: 10rem;
	gap: .25rem;
}
.team-section__speak {
	margin-top: 2rem;
	background-color: #fff;
	border-radius: 1.5rem;
	padding: 1.5rem;
}
.team-section__speak .hr-review {
	flex-direction: column;
	margin-bottom: 0;
}
.team-section__speak .hr-review .hr-review__person {
	margin-right: 0;
	margin-bottom: 1rem;
	display: flex;
    align-items: center;
    column-gap: 1rem;
}
.team-section__speak .hr-review .hr-review__avatar {
	margin-bottom: 0;
}
.team-section__speak .hr-review .hr-review__text {
	
	padding: 0;
}

.hero-leafs {
	position: absolute;
	z-index: 0;
}
.hero-leafs>img {
	position: absolute;
}
.hero-leafs>img:nth-child(1) {

}
.hero-leafs>img:nth-child(2) {
	
}
.hero-leafs>img:nth-child(3) {
	
}

.navbar-mobile-contacts {
	display: none;
	margin-left: auto;
    margin-right: .5rem;
}
.navbar-mobile-contacts .navbar-phone {
	margin: 0;
}
.navbar-mobile-contacts .navbar-phone .navbar-phone__link {
	font-size: 0;
	text-indent: -9999px;
	width: 40px;
    height: 40px;
	flex-basis: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg class='call'%3E%3Cg class='vuesax/linear/call'%3E%3Cg class='call'%3E%3Cg class='call'%3E%3Cpath stroke='%23ffffff' stroke-miterlimit='10' stroke-width='1.5' d='M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 0 1-3.28-2.8 28.414 28.414 0 0 1-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78Z' class='Vector'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-position: 50%;
	background-repeat: no-repeat;
    background-color: var(--main-accent-color);
    border-radius: 50%;
}

.casecard-text {
	pointer-events: none;
	z-index: 3;
}

.case-awards-list {
	display: flex;
	flex-direction: row;
	gap: .25rem;
}
.case-awards-list__top {
	display: flex;
	gap: .25rem;
}

.casecard-item .case-awards-list {
	flex-direction: column;
	align-items: flex-start;
	pointer-events: all;
	position: absolute;
    top: 1rem;
    left: 1rem;
	z-index: 3;
}

.case-awards-list--detail {
	position: absolute;
    top: 2rem;
}

.case-award {
	flex: 0 0 auto;
    background: rgba(0, 0, 0, .6);
    padding: .5rem .75rem;
    font-size: var(--font-14);
    color: #fff;
    display: inline-flex;
    align-items: center;
    border-radius: .75rem;
	-webkit-backdrop-filter: saturate(180%) blur(15px);
    backdrop-filter: saturate(180%) blur(15px);

}
a.case-award {
	cursor: pointer;
}
a.case-award:hover {
	background: rgba(0, 0, 0, 1);
}
.case-award-icon {
	width: 20px;
	height: 20px;
	display: inline-flex;
	margin-right: .5rem;
}
.case-award-icon__rr {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg class='rr' clip-path='url(%23a)'%3E%3Cpath fill='%23fff' d='M2 11V9h2v1h1v2h1V0h2v9h1V5h2v4h1V6h2v3.998h1V7h1v1h1v7h-1v3h-1v2H7v-2H6v-2H5v-2H4v-2H3v-1H2Z' class='Subtract'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a' class='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.case-award-icon__wda {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg class='wda' clip-path='url(%23a)'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m20 7.649-6.033 4.494L16.553 20l-6.538-4.881L3.477 20l2.407-7.351H7.52v2.47h2.496v-2.47H7.519v-2.5H5.022v-2.5H7.52v2.5h2.496v-2.5H7.519L10.015 0l2.496 7.649H20ZM4.993 12.054H3.09v-1.905h1.902v1.905ZM0 7.649h1.783v1.756H0V7.649Z' class='Vector' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a' class='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.case-award-icon__wda_gold {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg class='wda_gold' clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='m20 7.649-6.033 4.494L16.553 20l-6.538-4.881L3.477 20l2.407-7.351H7.52v2.47h2.496v-2.47H7.519v-2.5H5.022v-2.5H7.52v2.5h2.496v-2.5H7.519L10.015 0l2.496 7.649H20ZM4.993 12.054H3.09v-1.905h1.902v1.905ZM0 7.649h1.783v1.756H0V7.649Z' class='Vector' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='33.284' x2='33.284' y1='0' y2='20.03' class='b' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FFECA1'/%3E%3Cstop offset='1' stop-color='%2374621B'/%3E%3C/linearGradient%3E%3CclipPath id='a' class='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.case-award-icon__wda_silver {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg class='wda_silver' clip-path='url(%23a)'%3E%3Cpath fill='url(%23b)' fill-rule='evenodd' d='m20 7.649-6.033 4.494L16.553 20l-6.538-4.881L3.477 20l2.407-7.351H7.52v2.47h2.496v-2.47H7.519v-2.5H5.022v-2.5H7.52v2.5h2.496v-2.5H7.519L10.015 0l2.496 7.649H20ZM4.993 12.054H3.09v-1.905h1.902v1.905ZM0 7.649h1.783v1.756H0V7.649Z' class='Vector' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='10' x2='10' y1='0' y2='20' class='b' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%239D9D9D'/%3E%3C/linearGradient%3E%3CclipPath id='a' class='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.case-award-icon__add {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' fill='none' viewBox='0 0 21 20'%3E%3Cpath fill='%23fff' d='M9.493.613a1.133 1.133 0 0 1 2.014 0l2.69 5.203c.108.209.278.379.487.487l5.203 2.69a1.133 1.133 0 0 1 0 2.014l-5.203 2.69a1.133 1.133 0 0 0-.487.487l-2.69 5.203a1.133 1.133 0 0 1-2.014 0l-2.69-5.203a1.133 1.133 0 0 0-.487-.487l-5.203-2.69a1.133 1.133 0 0 1 0-2.014l5.203-2.69c.209-.108.379-.278.487-.487L9.493.613Z' class='Vector'/%3E%3C/svg%3E%0A");
}
.awards-section {
	padding-top: 0;
}

.awards-list__header {
	font-size: var(--font-32);
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--main-stroke-color);
}
.awards-list__header_container {
	display: flex;
}
.awards-list__header_year {
    flex: 0 0 calc(10rem);
}
.awards-list__header_award {
    flex: 0 0 calc(50% - 5rem);
	padding-right: 1rem;
}
.awards-list__header_case {
    flex: 0 0 calc(50% - 5rem);
}
.awards-list__list {
	padding: 0;
	margin: 0;
}
.awards-list__item {
	font-size: var(--font-18);
	list-style: none;
	padding: 2rem 0;
	border-bottom: 1px solid var(--main-stroke-color);
	transition: background-color .25s ease;
}

.awards-list__item_container {
	display: flex;
	position: relative;
}
.awards-list__item_year {
	font-size: var(--font-24);
	flex: 0 0 10rem;
}
.awards-list__item_img {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease;
	left: 1rem;
    top: 50%;
    width: 3rem;
    transform: translateX(6rem) translateY(-50%);
}
.awards-list__item:hover .awards-list__item_img {
	opacity: 1;
	pointer-events: all;
}
.awards-list__item:hover .awards-list__item_img:hover {
	opacity: .75;
}
.awards-list__item_img img {
	width: 3rem;
}
.awards-list__item_icon svg {
	position: absolute;
	width: 64px;
	height: 64px;
	left: -80px;
	top: -1rem;
	rotate: -15deg;
}
.awards-list__item_award {
	font-weight: 500;
	flex: 0 0 calc(50% - 5rem);
	padding-right: 2rem;
}
.awards-list__item_case {
	flex: 0 0 calc(50% - 5rem);
}
.navbar-nav .nav-item:nth-child(4):after {
	position: absolute;
	content: '';
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
    right: -.2rem;
    top: .8rem;
	animation: navDotBlink 2s infinite linear;
	background-color: var(--main-accent-color);
}
@keyframes navDotBlink {
	0% {
		box-shadow: 0 0 0 0 rgb(0 207 190 / 50%);
	}
	100% {
		box-shadow: 0 0 0 .4rem rgb(0 207 190 / 0%);
	}
}

.services-hero-awards {
	position: absolute;
	width: 100%;
    bottom: 0;
    transform: translateY(50%);
}
.services-hero-awards__wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2rem;
	grid-row-gap: 2rem; 
}

.services-hero-awards__item {
	position: relative;
	padding: 2rem;
	background-color: rgba(31, 33, 36, .8);
	border: 1px solid var(--main-stroke-color);
	border-radius: 1rem;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	transition: var(--hover-transition);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.services-hero-awards__item:hover {
	transform: translateY(-.25rem);
	box-shadow: 0 1rem 3rem rgba(0,0,0,.25) ;
}
.services-hero-awards__link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.services-hero-awards__img {
	margin-bottom: 1rem;
}
.services-hero-awards__img {
	width: 4rem;
	height: 4rem;
}
.services-hero-awards__text_wrapper {
	display: flex;
	column-gap: 1rem;
	align-items: flex-end;
}
.services-hero-awards__title {
    
}
.services-hero-awards__case {
	color: var(--main-gray-color);
	white-space: nowrap;
	transition: var(--hover-transition);
	flex: 1 0 auto;
	display: inline-flex;
	justify-content: flex-end;
}
.services-hero-awards__item:hover .services-hero-awards__case {
	color: #fff;
}

.hero-button__btn {

}

.about-block {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
	column-gap: 1rem;
	row-gap: 1rem;
}
.about-block__item:nth-child(1) {
	grid-area: 1/1/2/3;
}
.about-block__item:nth-child(2) {
	grid-area: 1/3/2/4;
}
.about-block__item:nth-child(3) {
	grid-area: 1/4/2/5;
}
.about-block__item:nth-child(4) {
	grid-area: 2/1/3/2;
}
.about-block__item:nth-child(5) {
	grid-area: 2/2/3/3;
}
.about-block__item:nth-child(6) {
	grid-area: 2/3/3/5;
}
.about-block__item {
	position: relative;
	flex: 0 0 calc(25% - .667rem);
	background-color: var(--main-bg-gray);
	border-radius: 1rem;
	padding: 2rem;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	transition: var(--hover-transition);
}
.about-block__item_link:hover {
	transform: translateY(-.25rem);
}
.about-block__item_link:hover .about-block__stack-item {
	margin-right: -1.25rem;
}
.about-block__item_big {
	flex: 0 0 calc(50% - .667rem);
}

.about-block__text {

}

.about-block__item_dark {
	background-color: var(--main-darkgray-color);
}
.about-block__text_advantages {
	display: flex;
	column-gap: 2rem;
	color: #fff;
}
.about-block__text_advantages p {
	flex: 0 0 calc(33% - 1rem);
}

.about-block__title {
	font-size: var(--font-24);
	font-weight: 500;
	margin-bottom: 1rem;
}
.about-block__title_big {
	font-size: 4.5rem;
	line-height: 1;
}

.about-block__link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.about-block__bottom {
	margin-top: 2rem;
}

.about-block__arrow {
	color: var(--main-gray-color);
}

.about-block__stack {
	margin-left: -4px;
	margin-bottom: 1rem;
}
.about-block__stack-item {
	display: inline-flex;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background-color: #fff;
	border: 4px solid var(--main-bg-gray);
    overflow: hidden;
    margin-right: -1rem;
    box-sizing: content-box;
	transition: var(--hover-transition);
}
.about-block__stack-item svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-block__item_award {
	background-color: var(--main-gray-color);
	color: #fff;
}
.about-block__item_award .about-block__arrow {
	color: #fff;
}
.about-block__item_award .link-external:after {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"%3E%3Cg class="Group 427319224"%3E%3Cpath stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M1 11 11 1M1 1h10v10" class="Vector"/%3E%3C/g%3E%3C/svg%3E%0A');
}

.award-block__bg {
	position: absolute;
	right: 2rem;
	bottom: 0;
}
.design-cases__item {
	transition: transform .5s ease;
}
.design-cases__item:not(.swiper-slide-active) {
	transform: scale(.8);
}
.design-cases__wrapper {
	display: flex;
	flex-direction: row;
	column-gap: 2rem;
	position: relative;
}
.design-cases__link {
	position: absolute;
}
.design-cases__preview {
	flex: 0 0 60%;
}
.design-cases__preview img {
	object-fit: cover;
    object-position: 50%;
    aspect-ratio: 16 / 9;
    border-radius: 1rem;
}

.design-cases__bottom {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
	justify-content: space-between;
}
.design-cases__title {
	font-size: var(--font-36);
    margin-bottom: 1rem;
    line-height: 1.2;
}

.design-cases__thumbs {
	margin-top: 2rem;
}
.design-cases__thumbs .swiper-wrapper {
	justify-content: center;
}
.design-cases__thumb {
	cursor: pointer;
}
.design-cases__thumb__img {
	max-width: 10rem;
	padding: .5rem;
	position: relative;
	
}
.design-cases__thumb__img img {
	border-radius: .5rem;
	transition: var(--hover-transition);
	opacity: .5;
}
.swiper-slide-thumb-active .design-cases__thumb__img img {
	opacity: 1;
}
.design-cases__thumb:hover .design-cases__thumb__img img {
	opacity: 1;
}
.swiper-slide-thumb-active .design-cases__thumb__img:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border: 2px solid var(--main-accent-color);
	border-radius: .75rem;
	left: 0;
	top: 0;
}

.design-cases__nav {
	position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
    display: flex;
    column-gap: 1rem;
}
.design-cases__nav .swiper-button-next,
.design-cases__nav .swiper-button-prev {
	position: static;
}

.caseprice__wrapper {
	position: relative;
	overflow: visible;
}
.caseprice__wrapper::before,
.caseprice__wrapper::after {
	position: absolute;
	content: '';
	width: 300px;
	height: 300px;
	border-radius: 50%;
	filter: blur(100px);
	-webkit-filter: blur(100px);
	z-index: -1;
}
.caseprice__wrapper::before {
	background: linear-gradient(90deg, rgba(0, 207, 190, 0) 0%, #077ED4 100%);
	animation: formBlurryOne 7s infinite;
	-webkit-animation: formBlurryOne 7s infinite;
	left: 50%;
    top: 0;
}
.caseprice__wrapper::after {
	background: linear-gradient(90deg, #00CFBE 0%, rgba(7, 126, 212, 0) 100%);
	animation: formBlurryTwo 7s infinite;
	-webkit-animation: formBlurryTwo 7s infinite;
	right: 50%;
	bottom: 0;
}
@keyframes formBlurryOne {
	0%, 100% {
		transform: translate3d(0,0,0) scale(1);
		-webkit-transform: translate3d(0,0,0) scale(1);
		-moz-transform: translate3d(0,0,0) scale(1);
		-ms-transform: translate3d(0,0,0) scale(1);
		-o-transform: translate3d(0,0,0) scale(1);
	}
	33% {
		transform: translate3d(100px,100px,0) scale(1.1);
		-webkit-transform: translate3d(100px,100px,0) scale(1.1);
		-moz-transform: translate3d(100px,100px,0) scale(1.1);
		-ms-transform: translate3d(100px,100px,0) scale(1.1);
		-o-transform: translate3d(100px,100px,0) scale(1.1);
}
	66% {
		transform: translate3d(50px,50px,0) scale(1.2);
		-webkit-transform: translate3d(50px,50px,0) scale(1.2);
		-moz-transform: translate3d(50px,50px,0) scale(1.2);
		-ms-transform: translate3d(50px,50px,0) scale(1.2);
		-o-transform: translate3d(50px,50px,0) scale(1.2);
}
}
@keyframes formBlurryTwo {
	0%, 100% {
		transform: translate3d(0,0,0) scale(1);
		-webkit-transform: translate3d(0,0,0) scale(1);
		-moz-transform: translate3d(0,0,0) scale(1);
		-ms-transform: translate3d(0,0,0) scale(1);
		-o-transform: translate3d(0,0,0) scale(1);
	}
	33% {
		transform: translate3d(50px,50px,0) scale(1.2);
		-webkit-transform: translate3d(50px,50px,0) scale(1.2);
		-moz-transform: translate3d(50px,50px,0) scale(1.2);
		-ms-transform: translate3d(50px,50px,0) scale(1.2);
		-o-transform: translate3d(50px,50px,0) scale(1.2);
}
	66% {
		transform: translate3d(100px,100px,0) scale(1.1);
		-webkit-transform: translate3d(100px,100px,0) scale(1.1);
		-moz-transform: translate3d(100px,100px,0) scale(1.1);
		-ms-transform: translate3d(100px,100px,0) scale(1.1);
		-o-transform: translate3d(100px,100px,0) scale(1.1);
}
}


