@import url('font.css');

:root {
	--container: 1230px;
	--white: #fff;
	--white-25: rgba(255, 255, 255, 0.25);
	--black: #000;
	--blue: #212187;
	--light-blue: #D9E6FF;
	--light-grey: #D3D3D3;
	--text: #303046;
	--text-blue: #3044B5;

	--font: 'Cera Pro';
	--all-in: all 0.25s ease-in;
	--all-out: all 0.25s ease-out;
	--all-inout: all 0.25s ease-in-out;
}

html, body {
	padding: 0px;
	margin: 0px;
	line-height: 1.5;
	position: relative;
	font-family: var(--font);
	color: var(--text);
}

*, ::before, ::after {
	box-sizing: border-box;
}

input, textarea, select, button, option {
	outline: none;
	font-family: var(--font);
	color: var(--text);
}

textarea {
	resize: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 2;
	font-weight: 700;
	line-height: 1.2;
	font-family: var(--font);
	color: var(--text);
}


h1, .h1 {
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
}

h1 span, .h1 span {
	color: var(--blue);
}

h2, .h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	text-transform: uppercase;
}

h2 span, .h2 span {
	color: var(--text-blue);
}

h3, .h3 {
	font-size: 32px;
	font-weight: 700;
}

h4, .h4 {
	font-size: 26px;
	font-weight: 700;
}

h5, .h5 {
	font-size: 24px;
	font-weight: 700;
}

h6, .h6 {
	font-size: 22px;
	font-weight: 700;
}

p {
	margin: 0px;
	line-height: 1.5;
	font-weight: 400;
}

ul, ol {
	margin: 0px;
	font-family: var(--font);
}

strong {
	font-weight: 600;
}

img {
	max-width: 100%;
	height: auto;
}

p a, ul a, ol a {
	
}

p a:hover, ul a:hover, ol a:hover {
	
}

blockquote {
	font-family: var(--font);
}

blockquote a {
	
}

.medium {
	font-weight: 500;
}

.semi {
	font-weight: 600;
}

.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

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

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.gap-4 {
	gap: 4px;
}

.gap-5 {
	gap: 5px;
}

.gap-8 {
	gap: 8px;
}

.gap-10 {
	gap: 10px;
}

.gap-12 {
	gap: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-18 {
	gap: 18px;
}

.gap-20 {
	gap: 20px;
}

.gap-24 {
	gap: 24px;
}

.gap-30 {
	gap: 30px;
}

.gap-32 {
	gap: 32px;
}

.gap-40 {
	gap: 40px;
}

.grid {
	display: grid;
}

.grid-2 {
	grid-template-columns: 1fr 1fr;
}

.grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
	grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
	grid-template-columns: repeat(6, 1fr);
}

.container {
	width: 100%;
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}

.full-container {
	width: 100%;
	max-width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
}

.img-cover {
	overflow: hidden;
}

.img-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
}

.img-contain img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	vertical-align: top;
}

a, button, input[type="submit"], input[type="button"] {
	transition: var(--all-out);
	outline: none;
	cursor: pointer;
}

a:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
	transition: var(--all-in);
}

.clear {
	width: 0px;
	height: 0px;
	float: none !important;
	clear: both !important;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

.mobile {
	display: none !important;
}

section {
	overflow-x: hidden;
}

/*--------*/

/*header*/

header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

header .top {
	background: var(--blue);
}

header .top .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
}

header .top .container .phone a {
	display: flex;
	align-items: center;
	gap: 9px;
	text-decoration: none;
	color: var(--white);
	font-size: 15px;
	line-height: normal;
	text-decoration: none;
	font-weight: 500;
}

header .top .container .phone a:hover {
	text-decoration: underline;
}

header .top .container .phone a::before {
	width: 16px;
	height: 16px;
	content: "";
	display: flex;
	background: url('../images/h-call-icon.svg') center center no-repeat;
}

header .top .container .addr p {
	color: var(--white);
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	position: relative;
	padding-left: 22px;
}

header .top .container .addr p::before {
	width: 13px;
	height: 16px;
	display: inline-flex;
	content: "";
	background: url('../images/h-addr-icon.svg') center center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

header .top .container .addr p a {
	color: var(--white);
}

header .top .container .addr p a:hover {
	opacitY: 0.6;
}

header .top .container .social {
	display: flex;
	align-items: center;
	gap: 16px;
}

header .top .container .social a {
	vertical-align: top;
	display: flex;
}

header .top .container .social a:hover {
	opacity: 0.6;
}

header .bottom {
	background: var(--light-blue);
	box-shadow: 0 4px 15px 0 rgba(19, 18, 31, 0.15);
	backdrop-filter: blur(10px);
}

header .bottom .container {
	height: 78px;
	padding-top: 16px;
	padding-bottom: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .bottom .container .logo img {
	vertical-align: top;
	max-height: 46px;
	width: auto;
}

header .bottom .container .buttons {
	display: flex;
	align-items: center;
	gap: 12px;
}

header .bottom .container .buttons .call a {
	display: flex;
	width: 46px;
	height: 46px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--blue);
	background: var(--white-25);
	border-radius: 50%;
}

header .bottom .container .buttons .call a img {
	vertical-align: top;
	transition: var(--all-inout);
}

header .bottom .container .buttons .call a:hover img {
	filter: brightness(0) invert(1);
}

header .bottom .container .buttons .call a:hover {
	background: var(--blue);
}

header .bottom .container .buttons .but a {
	border-radius: 20px;
	height: 46px;
	padding: 0 35px;
	background: var(--white);
	text-decoration: none;
	color: var(--blue);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

header .bottom .container .buttons .but a:hover {
	background: var(--blue);
	color: var(--white);
}

#menu ul#header-menu {
	padding: 0;
	display: flex;
	align-items: center;
	gap: 30px;
	list-style: none;
}

#menu ul#header-menu > li {
	position: relative;
}

#menu ul#header-menu > li > a {
	color: var(--blue);
	font-size: 14px;
	font-weight: 600;
	line-height: 100%;
	text-transform: uppercase;
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px; 
}

#menu ul#header-menu > li > a::before {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0%;
	height: 2px;
	border-radius: 2px;
	background: var(--blue);
	transition: var(--all-inout);
	content: "";
}

#menu ul#header-menu > li.current-menu-item > a,
#menu ul#header-menu > li > a:hover {
	color: var(--text-blue);
}

#menu ul#header-menu > li > a:hover::before, 
#menu ul#header-menu > li.current-menu-item > a::before {
	width: 100%;
}

#menu ul#header-menu > li.menu-item-has-children > a::after {
	width: 12px;
	height: 12px;
	background: var(--blue);
	mask: url('../images/arr-right-white.svg') center center / 6px auto no-repeat;
	content: "";
	rotate: 90deg;
}

#menu ul#header-menu > li > .sub-menu {
	max-height: 0;
	overflow: hidden;
	padding: 0 16px;
	width: 240px;
	overflow: hidden;
	transform: translateY(-5px);
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	transition: var(--all-inout);
	list-style: none;
	background: var(--light-blue);
}

@media (min-width: 1021px) {
	#menu ul#header-menu > li.menu-item-has-children:hover > .sub-menu {
		max-height: 600px;
		opacity: 1;
		transform: translateY(0px);
	}
}

#menu ul#header-menu > li > .sub-menu > li {
	padding-top: 4px;
	padding-bottom: 4px;
}

#menu ul#header-menu > li > .sub-menu > li:first-child {
	padding-top: 16px;
}

#menu ul#header-menu > li > .sub-menu > li:last-child {
	padding-bottom: 16px;
}

#menu ul#header-menu > li > .sub-menu > li > a {
	font-size: 14px;
	text-decoration: none;
	color: var(--blue);
}

#menu ul#header-menu > li > .sub-menu > li > a:hover {
	text-decoration: underline;
}

/*--------*/

/**/

footer {
	padding: 40px 0 58px;
	background: var(--blue);
	margin-top: 40px;
}

footer .box {
	display: grid;
	grid-template-columns: auto 425px;
	gap: 50px;
}

footer .box .info-box .row:not(:last-child) {
	padding-bottom: 38px;
	border-bottom: 1px solid var(--light-grey);
}

footer .box .info-box .row {
	display: grid;
	grid-template-columns: 310px auto;
	gap: 24px 160px;
}

footer .box .info-box .row .logo img {
	vertical-align: top;
	max-height: 59px;
	width: auto;
	filter: brightness(0) invert(1);
}

footer .box .info-box .row .license {
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
	margin-top: 25px;
}

footer .box .info-box .row .contacts {
	margin-top: 38px;
}

footer .box .info-box .row .contacts > div {
	padding-left: 38px;
	position: relative;
}

footer .box .info-box .row .contacts > div::before {
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

footer .box .info-box .row .contacts > div.addr::before {
	background: url('../images/map-point.svg') center center no-repeat;
}

footer .box .info-box .row .contacts > div.worktime::before {
	background: url('../images/calendar-tick.svg') center center no-repeat;
}

footer .box .info-box .row .contacts > div p {
	margin: 0;
	color: var(--white);
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
}

footer .box .info-box .row .contacts > div p a {
	text-decoration: none;
	color: var(--white);
}

footer .box .info-box .row .contacts > div p a:hover {
	text-decoration: underline;
}

footer .box .info-box .row .menu ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

footer .box .info-box .row .menu ul li a {
	text-decoration: none;
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-transform: capitalize;
}

footer .box .info-box .row .menu ul li a:hover {
	text-decoration: underline;
}

footer .box .info-box .row .socials {
	display: flex;
	align-items: center;
	gap: 20px;
}

footer .box .info-box .row .socials a {
	width: 40px;
	height: 40px;
}

footer .box .info-box .row .socials a img {
	vertical-align: top;
}

footer .box .info-box .row .copyright {
	margin-top: 48px;
	color: var(--white);
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

footer .box .info-box .row .phone p,
footer .box .info-box .row .phone p a {
	color: var(--white);
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	text-decoration: none;
}

footer .box .info-box .row .link p,
footer .box .info-box .row .link p a {
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	text-decoration: none;
}

footer .box .info-box .row .link {
	margin-top: 48px;
}

footer .box .info-box .row .phone p a:hover,
footer .box .info-box .row .link p a:hover {
	text-decoration: underline;
}

footer .box .map-box {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

footer .box .map-box .but a {
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	background: var(--white);
	border: 1px solid var(--white);
	color: var(--blue);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
}

footer .box .map-box .but a:hover {
	background: var(--blue);
	color: var(--white);
}

footer .box .map-box .map {
	border-radius: 24px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

footer .box .map-box .map iframe {
	width: 100% !important;
	height: 100% !important;
	vertical-align: top;
}


/*--------*/

/**/

.first-padding {
	padding-top: 118px !important;
}

.home-first {
	background: url('../images/3210.webp') top left no-repeat,
				url('../images/3209.webp') 0 320px no-repeat,
				url('../images/subtract1.svg') 50% 95% / 100% auto no-repeat;
	position: relative;
}

.home-first::after {
	height: 5%;
	width: 100%;
	content: "";
	background: var(--light-blue);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.home-first .image {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	max-width: 700px;
}

.home-first .box {
	padding: 124px 0;
	width: 100%;
	max-width: 560px;
}

.home-first .box h1 {
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
}

.home-first .box h1 span {
	color: var(--text-blue);
	text-transform: none;
}

.home-first .box p,
.home-first .box ul,
.home-first .box ol {
	color: rgba(22, 22, 53, 0.75);
	font-size: 18px;
}

.home-first .box .but a {
	height: 66px;
	border-radius: 25px;
	background: var(--blue);
	box-shadow: 0 10px 40px 0 rgba(22, 22, 53, 0.25);
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-decoration: none;
	width: fit-content;
}

.home-first .box .but a:hover {
	background: var(--text-blue);
}

.home-first .box .but a::after {
	content: "";
	width: 6px;
	height: 10px;
	display: flex;
	background: url('../images/arr-right-white.svg') center center no-repeat;
	transition: var(--all-inout);
	transform: translateX(0);
}

.home-first .box .but a:hover::after {
	transform: translateX(3px);
}

/*--------*/

/**/

.home-services {
	padding: 60px 0 120px;
	background: var(--light-blue);
	position: relative;
	overflow-x: initial;
}

.home-services::after {
	width: 66px;
	height: 66px;
	background: url('../images/double-down-arror.svg') center center no-repeat,
				rgba(217, 230, 255, 0.90);
	content: "";
	position: absolute;
	left: calc(50% - 33px);
	bottom: -33px;
	box-shadow: 0 0 1px 13px rgba(217, 230, 255, 0.60),
				0 0 5px 25px rgba(255, 255, 255, 0.40);
	border-radius: 50%;
	z-index: 2;
	animation: shadow-pulse 2s infinite;
}

@keyframes shadow-pulse {
  	0% {
		box-shadow: 0 0 1px 13px rgba(217, 230, 255, 0.60),
					0 0 5px 25px rgba(255, 255, 255, 0.40);
  	}
  	70% {
    	box-shadow: 0 0 25px 25px rgba(202, 221, 255, 0.9),
					0 0 25px 45px rgba(255, 255, 255, 0.40);
  	}
  	100% {
    	box-shadow: 0 0 1px 13px rgba(217, 230, 255, 0.20),
					0 0 5px 25px rgba(255, 255, 255, 0.10);
  	}
}

section .container > h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
}

section.center .container > h2 {
	text-align: center;
}

section .container > h2 span {
	color: var(--text-blue);
}

section .container > h2 + .box {
	margin-top: 60px;
}

.home-services .box .tabs-buts {
	order: 2;
}

.home-services .box .tabs-content {
	order: 1;
}

.tabcontent {
  	display: none;
  	animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  	from {opacity: 0;}
  	to {opacity: 1;}
}

.home-services .box .tabs-content .tabcontent {
	border-radius: 32px;
	background: var(--white);
	box-shadow: 8px 12px 20px 0 rgba(0, 0, 0, 0.15);
	height: 100%;
}

.home-services .box .tabs-content .tabcontent .inner {
	padding: 32px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.home-services .box .tabs-content .tabcontent .inner .title {
	height: 72px;
	border-bottom: 1px solid var(--light-blue);
	font-size: 26px;
	font-weight: 500;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 12px;
	line-height: 30px;
}

.home-services .box .tabs-content .tabcontent .inner .title::after {
	content: "";
	width: 60px;
	height: 60px;
	display: flex;
	background: url('../images/Group4311.svg') center center no-repeat;
	flex-shrink: 0;
}

.home-services .box .tabs-content .tabcontent .inner .info {
	display: grid;
	grid-template-columns: auto 160px;
	gap: 20px;
	margin-top: 16px;
}

.home-services .box .tabs-content .tabcontent .inner .info .img-wr {
	position: relative;
	min-height: 170px;
}

.home-services .box .tabs-content .tabcontent .inner .info .img-cover {
	border-radius: 20px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.home-services .box .tabs-content .tabcontent .inner .info .list ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.home-services .box .tabs-content .tabcontent .inner .info .list ul li {
	padding-left: 20px;
	position: relative;
}

.home-services .box .tabs-content .tabcontent .inner .info .list ul li::before {
	width: 8px;
	height: 8px;
	content: "";
	border-radius: 50%;
	background: var(--light-blue);
	position: absolute;
	left: 0;
	top: 10px;
}

.home-services .box .tabs-content .tabcontent .inner .info .list ul li a {
	line-height: 28px;
	font-size: 20px;
	color: var(--text);
	text-decoration: none;
}

.home-services .box .tabs-content .tabcontent .inner .info .list ul li a:hover {
	color: var(--text-blue);
}

.home-services .box .tabs-content .tabcontent .inner .but {
	margin-top: auto;
}

.home-services .box .tabs-buts .tablinks {
	width: 100%;
	height: 179px;
	padding: 24px;
	border-radius: 32px;
	box-shadow: 8px 12px 20px 0 rgba(0, 0, 0, 0.15);
	background: var(--white);
	position: relative;
	border: 0;
	overflow: hidden;
	color: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.home-services .box .tabs-buts .tablinks span {
	position: relative;
	z-index: 2;
}

.home-services .box .tabs-buts .tablinks::before {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(64deg, #5064D5 14.92%, #212187 88.89%);
	content: "";
	opacity: 0;
	transition: var(--all-inout);
}

.home-services .box .tabs-buts .tablinks.active,
.home-services .box .tabs-buts .tablinks:hover {
	color: var(--white);
}

.home-services .box .tabs-buts .tablinks.active::before,
.home-services .box .tabs-buts .tablinks:hover::before {
	opacity: 1;
}

.but-filled {
	text-decoration: none;
	height: 58px;
	padding: 0 32px;
	border-radius: 20px;
	background: var(--blue);
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.but-filled.arrow {
	gap: 8px;
}

.but-filled:hover {
	background: var(--text-blue);
}


.but-filled.arrow::after {
	content: "";
	width: 6px;
	height: 10px;
	display: flex;
	background: url('../images/arr-right-white.svg') center center no-repeat;
	transition: var(--all-inout);
	transform: translateX(0);
}

.but-filled.arrow:hover::after {
	transform: translateX(3px);
}

.but-stroked {
	text-decoration: none;
	height: 58px;
	padding: 0 32px;
	border-radius: 20px;
	background: var(--white);
	border: 1px solid var(--blue);
	color: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.but-stroked:hover, .but-stroked.current {
	background: var(--text-blue);
	color: var(--white);
}

/*--------*/

/**/

.home-consultation {
	padding: 90px 0;
	background: #FAFCFF;
	background: -webkit-linear-gradient(0deg, rgba(250, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: -moz-linear-gradient(0deg, rgba(250, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(0deg, rgba(250, 252, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FAFCFF", endColorstr="#FFFFFF", GradientType=0);
}

.home-consultation .box {
	margin-top: 90px;
	position: relative;
}

.home-consultation .box .circle {
	columns: 2;
	counter-reset: why;
	width: 100%;
	gap: 70px;
}

.home-consultation .box .circle .item {
	display: flex;
	align-items: center;
	counter-increment: why;
	width: 100%;
	max-width: 344px;
	gap: 10px;
	margin-left: auto;
	position: relative;
}

.home-consultation .box .circle .item:not(:nth-child(4)):not(:first-child) {
	margin-top: 88px;
}

.home-consultation .box .circle .item:nth-child(4),
.home-consultation .box .circle .item:nth-child(5),
.home-consultation .box .circle .item:nth-child(6) {
	margin-left: initial;
	margin-right: auto;
}

.home-consultation .box .circle .item:nth-child(2) {
	margin-right: 92px;
}

.home-consultation .box .circle .item:nth-child(5) {
	margin-left: 92px;
}

.home-consultation .box .circle .item::after {
	content: "0"counter(why);
	order: 5;
	transition: var(--all-inout);
	color: var(--light-blue);
	font-size: 84px;
	font-weight: 200;
	line-height: normal;
	display: flex;
	width: 100%;
	max-width: 95px;
	flex-shrink: 0;
}

.home-consultation .box .circle .item:hover::after {
	color: var(--text);
}

.home-consultation .box .circle .item .img {
	position: relative;
	z-index: 3;
	width: 80px;
	height: 80px;
	border-radius: 10px;
	flex-shrink: 0;
	transform: translateY(45px);
	order: 1;
	margin-right: -56px;
}

.home-consultation .box .circle .item:nth-child(4) .img,
.home-consultation .box .circle .item:nth-child(5) .img,
.home-consultation .box .circle .item:nth-child(6) .img {
	order: 5;
	margin-right: 0px;
	margin-left: -56px;
}

.home-consultation .box .circle .item .text {
	order: 4;
	width: 100%;
	max-width: 205px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px 28px 12px 64px;
	position: relative;
	flex-shrink: 0;
}

.home-consultation .box .circle .item:nth-child(4) .text,
.home-consultation .box .circle .item:nth-child(5) .text,
.home-consultation .box .circle .item:nth-child(6) .text {
	padding: 12px 64px 12px 28px;
}

.home-consultation .box .circle .item .text span {
	position: relative;
	z-index: 3;
	color: var(--white);
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	text-transform: uppercase;
}

.home-consultation .box .circle .item .text::before {
	/*background: var(--light-blue);
	mask: url('../images/Rectangle6361.svg') top right no-repeat;*/
	background: url('../images/Rectangle6361.svg') top right no-repeat;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.home-consultation .box .circle .item .text::after {
	background: url('../images/Rectangle6361.svg') top right no-repeat;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	transition: var(--all-inout);
}

.home-consultation .box .circle .item:nth-child(4) .text::before,
.home-consultation .box .circle .item:nth-child(5) .text::before,
.home-consultation .box .circle .item:nth-child(6) .text::before {
	rotate: 180deg;
}

.home-consultation .box .circle .item:nth-child(4) .text::after,
.home-consultation .box .circle .item:nth-child(5) .text::after,
.home-consultation .box .circle .item:nth-child(6) .text::after {
	rotate: 180deg;
}

.home-consultation .box .circle .item:hover .text::after {
	opacity: 1;
}

.home-consultation .box .circle .item:nth-child(4)::after,
.home-consultation .box .circle .item:nth-child(5)::after,
.home-consultation .box .circle .item:nth-child(6)::after {
	order: 3;
}

.home-consultation .box > .image {
	width: 190px;
	height: 206px;
	position: absolute;
	top: calc(50% - 133px);
	left: calc(50% - 95px);
}

.home-consultation .box > .image .img {
	border-radius: 30px;
}

/*--------*/

/**/

.gallery {
	padding: 60px 0 70px;
	background: #D9E6FF;
	background: -webkit-linear-gradient(0deg, rgba(217, 230, 255, 1) 0%, rgba(250, 252, 255, 1) 100%);
	background: -moz-linear-gradient(0deg, rgba(217, 230, 255, 1) 0%, rgba(250, 252, 255, 1) 100%);
	background: linear-gradient(0deg, rgba(217, 230, 255, 1) 0%, rgba(250, 252, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D9E6FF", endColorstr="#FAFCFF", GradientType=0);
}

p.subname {
	color: rgba(17, 20, 38, 0.80);
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 2.1px;
	text-transform: uppercase;
}

section.center p.subname {
	text-align: center;
}

p.subname + h2 {
	margin-top: 15px;
}

.gallery h2 + .box {
	margin-top: 90px;
}

.gallery .slider .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}

.gallery .slider .item {
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
}

.gallery .slider .item-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.gallery .slider .item .before,
.gallery .slider .item .after {
	position: relative;
	width: 100%;
	height: 410px;
}

.gallery .slider .item .before span,
.gallery .slider .item .after span {
	position: absolute;
	top: 0;
	left: 0;
	width: 73px;
	height: 25px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--text);
	color: var(--white);
	font-size: 12px;
	font-weight: 800;
}

.gallery .slider .item .after span {
	left: initial;
	right: 0;
	background: var(--text-blue);
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.gallery .slider .item .before .img,
.gallery .slider .item .after .img {
	width: 100%;
	height: 100%;
}

.gallery .slider .item-inner::before {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	content: "";
	background: url('../images/mini-logo.webp') center center/ 40px auto no-repeat,
				var(--white);
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	z-index: 2;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.20);
}

.gallery .slider .item .item-inner-text {
	margin-top: 18px;
	padding: 0 16px;
}

.slick-dots {
	margin-top: 40px;
	padding: 0;
	list-style: none;
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
}

.slick-dots li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
}

.slick-dots button {
	font-size: 0;
	border: 0;
	width: 12px;
	height: 12px;
	background: var(--text-blue);
	opacity: 0.2;
	cursor: pointer;
	transition: var(--all-inout);
	border-radius: 50%;
}

.slick-dots button:hover {
	opacity: 0.8
}

.slick-dots .slick-active button {
	opacity: 1;
	width: 16px;
	height: 16px;
}

.slick-prev,
.slick-next {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	background: var(--white);
	cursor: pointer;
	font-size: 0;
	border: 0;
	position: absolute;
	z-index: 2;
	top: calc(50% - 53px);
	transition: var(--all-inout);
	display: flex;
	align-items: center;
	justify-content: center;
}

.slick-prev:hover,
.slick-next:hover {
	background: var(--text-blue);
}

.slick-prev {
	left: 16px;
}

.slick-next {
	right: 16px;
}

.slick-prev::after,
.slick-next::after {
	width: 32px;
	height: 32px;
	content: "";
	background: var(--text);
	mask: url('../images/arr-right-white.svg') center center no-repeat;
	display: flex;
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
	transition: var(--all-inout)
}

.slick-prev::after {
	rotate: 180deg;
}

.slick-prev:hover::after,
.slick-next:hover::after {
	background: var(--white);
}

.gallery .slider .slick-arrow {
	top: calc(410px - 66px);
	bottom: initial;
	border-radius: 50%;
	border: 1px solid var(--white);
	background: rgba(217, 230, 255, 0.25);
	z-index: 6;
}

.gallery .slider .slick-arrow.slick-prev {
	left: 16px;
}

.gallery .slider .slick-arrow.slick-next {
	right: 16px;
}

.gallery .slider .slick-arrow:hover {
	background: var(--white);
}

.gallery .slider .slick-arrow::after {
	mask: url('../images/arrow-right2.svg') center center no-repeat;
	background: var(--white);
}

.gallery .slider .slick-arrow:hover::after {
	background: var(--text);
}

/*--------*/

/**/

.form-block {
	padding: 50px 0;
}

.form-block .box {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
}

.form-block .box::before {
	height: 260px;
	width: calc(770px + ((100vw - var(--container)) / 2) + 15px);
	content: "";
	position: absolute;
	right: 430px;
	bottom: 0;
	background: url('../images/Rectangle68.svg') top right / auto 100% no-repeat;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.form-block .box .form {
	width: 100%;
	max-width: 340px;
}

.form-block .box .form form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.form form .form-group {
	position: relative;
}

.form-block .box .form form .form-group.p {
	opacity: 0.75;
	font-size: 18px;
	font-weight: 700;
	line-height: 130%;
	margin-bottom: 6px;
}

.form form input[type="text"],
.form form input[type="tel"],
.form form input[type="email"] {
	width: 100%;
	height: 58px;
	border-radius: 15px;
	border: 1px solid rgba(22, 22, 53, 0.25);
	padding: 0 25px;
	font-size: 16px;
	transition: var(--all-inout);
}

.form form input[type="text"].wpcf7-not-valid,
.form form input[type="tel"].wpcf7-not-valid,
.form form input[type="email"].wpcf7-not-valid {
	border-color: #f00;
}

.form form input[type="submit"] {
	width: 100%;
	height: 66px;
	border-radius: 20px;
	background: url('../images/arr-right-white.svg') calc(100% - 32px) 50% no-repeat, var(--blue);
	box-shadow: 0 10px 40px 0 rgba(22, 22, 53, 0.25);
	text-align: center;
	color: var(--white);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
	padding-right: 10px;
}

.form form input[type="submit"]:hover {
	background: url('../images/arr-right-white.svg') calc(100% - 32px) 50% no-repeat, var(--text-blue);
}

.wpcf7-spinner {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.wpcf7-response-output {
	margin: 6px 0 0 !important;
	font-size: 13px;
	font-weight: 300;
	border-radius: 15px;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.form-block .box .info {
	width: 100%;
	max-width: 770px;
	position: relative;
	display: flex;
	align-items: flex-end;
	gap: 60px;
}

.form-block .box .info .img {
	height: 340px;
	width: 310px;
	flex-shrink: 0;
}

.form-block .box .info .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top left;
	vertical-align: top;
}

.form-block .box .info .text {
	width: 100%;
	height: 260px;
	justify-content: center;
	max-width: 300px;
}

.form-block .box .info .text .title {
	color: var(--white);
	font-size: 26px;
	font-weight: 700;
	line-height: 32px;
	text-transform: uppercase;
}

.form-block .box .info .text p,
.form-block .box .info .text ol,
.form-block .box .info .text ul {
	color: var(--white);
	font-size: 14px;
	font-weight: 200;
}

/*--------*/

/**/

.about-widget {
	padding: 50px 0;
}

.about-widget .box .info {
	order: 2;
	display: flex;
  	flex-direction: column;
}

.about-widget .box .info .img {
	height: 100%;
	margin-top: 20px;
	position: relative;
}

.about-widget .box .info .img img {
	vertical-align: top;
}

.about-widget .box .info .img a {
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}

.about-widget .box .info .img.video a::before {
	content: "";
	background: url('../images/play-triangle.svg') center center no-repeat,
			  rgba(217, 230, 255, 0.80);	
	width: 66px;
	height: 66px;
	border: 5px solid var(--white);
	box-shadow: 0 0 0 11px rgba(255, 255, 255, 0.40);
	border-radius: 50%;
	display: flex;
	position: absolute;
	left: calc(50% - 44px);
	top: calc(50% - 44px);
	z-index: 2;
}

.about-widget .box .text {
	order: 1;
	gap: 60px;
}

.about-widget .box .text .item {
	gap: 32px;
}

.about-widget .box .text .item .title,
.title-with-logo {
	padding-left: 70px;
	position: relative;
	font-size: 36px;
	font-weight: 700;
	line-height: 46px;
	margin-bottom: 8px;
}

.about-widget .box .text .item .title::before,
.title-with-logo::before {
	width: 46px;
	height: 46px;
	background: url('../images/mini-logo.webp') center center / 36px auto no-repeat, var(--white);
	border-radius: 50%;
	content: "";
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
}

.text-content ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-size: 16px;
	font-weight: 300;
}

.text-content ul li {
	padding-left: 20px;
	position: relative;
}

.text-content ul li::before {
	width: 8px;
	height: 8px;
	content: "";
	border-radius: 50%;
	background: var(--light-blue);
	position: absolute;
	left: 0;
	top: 10px;
}

.service-first-text .text-content ul li::before {
	background: #B7CFFF;
}

.text-content ol {
	padding-left: 20px;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 16px;
	font-size: 16px;
	font-weight: 300;
}

.text-content p {
	font-size: 16px;
	font-weight: 300;
}

.text-content p a,
.text-content ol li a,
.text-content ul li a {
	color: var(--blue);
}

.text-content p a:hover,
.text-content ol li a:hover,
.text-content ul li a:hover {
	color: var(--text-blue);
}

.text-content *:not(a) {
	color: rgba(17, 20, 38, 0.80);
}

.text-content a {
	color: var(--text-blue);
}

.text-content a:hover {
	color: var(--blue);
}

.about-widget .box .text .item p,
.about-widget .box .text .item ol,
.about-widget .box .text .item ul {
	font-size: 18px;
}

/*--------*/

/**/

.advantage-block {
	padding: 50px 0;
}

.advantage-block .box {
	margin-top: 90px;
}

.advantage-block .box .item .img {
	width: 100%;
	height: 235px;
	border-radius: 20px;
}

.advantage-block .box .item .title {
	width: 100%;
  	height: 68px;
  	border-radius: 20px;
  	background: linear-gradient(0deg, rgba(217, 230, 255, 0.50) 49.25%, rgba(217, 230, 255, 0.00) 100%);
  	box-shadow: 0 3.767px 14.125px 0 rgba(19, 18, 31, 0.15);
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	padding: 0 24px;
  	position: relative;
  	z-index: 2;
  	color: var(--text-blue);
  	text-align: center;
  	font-size: 24px;
  	font-weight: 500;
  	text-transform: uppercase;
  	margin-top: -68px;
  	border-radius: 15px;
  	border: 1px solid rgba(19, 18, 31, 0.10);
  	box-shadow: 0 3.767px 14.125px 0 rgba(19, 18, 31, 0.15);
  	backdrop-filter: blur(9px);
}

.advantage-block .box .item .text {
	margin-top: 40px;
}

.advantage-block .box .item .text > * {
	font-size: 18px;
}

/*--------*/

/**/

.doctors-widget {
	padding: 80px 0 60px;
	background: url('../images/3211.webp') top right no-repeat;
}

.doctors-widget .slider .item {
	display: grid;
	gap: 80px;
}

.doctors-widget .slider .item .info {
	display: flex;
	flex-direction: column;
}

.doctors-widget .slider .item .info h2 span {
	display: block;
}

.doctors-widget .slider .item .info .photo {
	width: 100%;
	margin-top: 32px;
	height: 100%;
	position: relative;
	min-height: 380px;
}

.doctors-widget .slider .item .info .photo .img {
	border-radius: 20px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.doctors-widget .slider .item .info .photo .img img {
	object-position: top center;
}

.doctors-widget .slider .item .text {
	gap: 56px;
}

.doctors-widget .slider .item .text .text-content > * {
	font-size: 18px;
}

.doctors-widget .slider .item .text .text-content .title-with-logo {
	font-size: 36px;
}

.doctors-widget .slider .slick-prev,
.doctors-widget .slider .slick-next {
	border: 1px solid var(--text);
	top: 0;
	right: calc(50% + 40px);
	width: 32px;
	height: 32px;
	border-radius: 4px;
}

.doctors-widget .slider .slick-prev {
	right: calc(50% + 96px);
	left: initial;
}

/*--------*/

/**/

.reviews-widget {
	padding: 50px 0;
}

.reviews-widget .box {
	display: grid;
	grid-template-columns: auto 590px;
	gap: 32px;
	position: relative;
}

.reviews-widget .box::before {
	height: 360px;
	width: calc((var(--container) - 446px) + ((100vw - var(--container)) / 2) - 15px);
	content: "";
	position: absolute;
	right: 446px;
	top: 0;
	background: url('../images/3213.webp') left center no-repeat,
				url('../images/Rectangle69.svg') top right / auto 100% no-repeat;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.reviews-widget .box .text {
	position: relative;
	height: 360px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
}

.reviews-widget .box .text .h2 {
	font-size: 50px;
	text-transform: uppercase;
	color: var(--white);
}

.reviews-widget .box .text p {
	color: var(--light-blue);
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 5px;
}

.reviews-widget .box .text .controls {
	margin-top: 45px;
	display: flex;
	align-items: center;
	gap: 24px;
}

.reviews-widget .box .text .controls button {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
	font-size: 0;
	border: 1px solid var(--white);
	transition: var(--all-inout);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.reviews-widget .box .text .controls button:hover {
	background: var(--white);
}

.reviews-widget .box .text .controls button::after {
	width: 32px;
	height: 32px;
	content: "";
	background: var(--white);
	mask: url('../images/arr-right-white.svg') center center no-repeat;
	display: flex;
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
	transition: var(--all-inout)
}

.reviews-widget .box .text .controls button.prev::after {
	rotate: 180deg;
}

.reviews-widget .box .text .controls button:hover::after {
	background: var(--text-blue);
}

.reviews-widget .box .items {
	gap: 45px;
}

.reviews-widget .box .items .slider .item {
	display: grid;
	grid-template-columns: 285px auto;
	gap: 24px;
}

.reviews-widget .box .items .slider .item .img {
	min-height: 285px;
	border-radius: 20px;
	max-height: 285px;
}

.reviews-widget .box .items .slider .item .info .meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.reviews-widget .box .items .slider .item .info .meta .date {
	color: var(--light-grey);
	font-size: 14px;
	font-weight: 300;
	line-height: 120%;
}

.reviews-widget .box .items .slider .item .info .meta .rating {
	display: flex;
	align-items: center;
	gap: 2px;
}

.reviews-widget .box .items .slider .item .info .meta .rating span {
	background: url('../images/star-stroke.svg') center center / 14px auto no-repeat;
	width: 14px;
	height: 14px;
	display: flex;
}

.reviews-widget .box .items .slider .item .info .meta .rating span.star {
	background: url('../images/star-fill.svg') center center / 14px auto no-repeat;
}

.reviews-widget .box .items .slider .item .info .name {
	font-size: 20px;
	font-weight: 700;
	line-height: normal;
	margin-top: 24px;
	margin-bottom: 16px;
}

.reviews-widget .box .items .slider .item .info p,
.reviews-widget .box .items .slider .item .info ol, 
.reviews-widget .box .items .slider .item .info ul {
	margin-top: 16px;
	font-size: 14px;
}

.video-review-but a {
	width: 352px;
	height: 88px;
	display: flex;
	align-items: center;
	gap: 24px;
	padding: 0 40px 0 20px;
	color: var(--blue);
	font-size: 20px;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
	margin-left: auto;
  	margin-right: 35px;
}

.video-review-but a span {
	position: relative;
	z-index: 2;
}

.video-review-but a::after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: linear-gradient(90deg, #CFDFFF 0%, rgba(207, 223, 255, 0.20) 106.63%);
	mask: url('../images/review-vector.svg') left top no-repeat;
	background-size: 200% 100%;
	transition: var(--all-inout);
	z-index: 1;
}

.video-review-but a:hover::after {
	background-size: 10000% 100%;
}

.video-review-but a::before {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	content: "";
	border: 3px solid var(--white);
	background: url('../images/play-triangle.svg') 55% 50% no-repeat,
				rgba(60, 72, 180, 0.80);
	box-shadow: 0 0 0 7px rgba(60, 72, 180, 0.40);
	flex-shrink: 0;
	z-index: 2;
}

/*--------*/

/**/

.service-first {
	background: url('../images/3210.webp') -50px -30px no-repeat, 
				url('../images/3209.webp') 0 320px no-repeat;
	position: relative;
}

.service-first::after {
	height: 100px;
	width: 100%;
	content: "";
	background: url('../images/subtract1.svg') bottom center / 100% auto no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.service-first > .image {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
}

.service-first > .image::before {
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	box-shadow: inset 60px 0 52px 62px var(--white);
	content: "";
}

.service-first > .image a {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
}

.service-first > .image a::before {
	content: "";
	background: url('../images/play-triangle.svg') center center no-repeat,
			  rgba(217, 230, 255, 0.80);	
	width: 66px;
	height: 66px;
	border: 5px solid var(--white);
	box-shadow: 0 0 0 11px rgba(255, 255, 255, 0.40);
	border-radius: 50%;
	display: flex;
	position: absolute;
	left: calc(50% - 33px);
	top: calc(50% - 33px);
	z-index: 2;
}

.breadcrumbs {
	display: inline-flex;
	padding: 0;
	gap: 6px 12px;
	list-style: none;
}

.breadcrumbs li {
	display: inline-flex;
	gap: 12px;
}

.breadcrumbs li:not(:last-child)::after {
	content: "";
	width: 6px;
	height: 14px;
	background: var(--light-grey);
	mask: url('../images/arr-right-white.svg') center center / 6px auto no-repeat;
	display: flex;
}

.breadcrumbs li > a,
.breadcrumbs li > span {
	font-size: 14px;
	color: var(--blue);
	line-height: 14px;
}

.breadcrumbs li > span {
	color: var(--light-grey);
}

.service-first .box .breadcrumbs {
	margin-bottom: 80px;
	padding-top: 16px;
}

.service-first .box {
	padding-bottom: 110px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 50%;
}

.service-first .box .buts {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 42px;
}



/*--------*/

/**/

.service-first-text {
	padding: 50px 0 75px;
	background: var(--light-blue);
	position: relative;
}

.service-first-text::after {
	width: 66px;
	height: 66px;
	background: url('../images/double-down-arror.svg') center center no-repeat,
				rgba(217, 230, 255, 0.90);
	content: "";
	position: absolute;
	left: calc(50% - 33px);
	bottom: -33px;
	box-shadow: 0 0 1px 13px rgba(217, 230, 255, 0.60),
				0 0 5px 25px rgba(255, 255, 255, 0.40);
	border-radius: 50%;
	z-index: 2;
}

.service-first-text .box {
	gap: 160px;
}

.text-wr {
	max-height: 295px;
	overflow: hidden;
	padding-bottom: 38px;
	position: relative;
	transition: all 0.4s ease-in-out !important;
}

.text-wr::after {
	width: 100%;
	height: 56px;
	content: "";
	z-index: 3;
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--white);
	background: -webkit-linear-gradient(0deg, var(--white) 80%, rgba(217, 230, 255, 0) 100%);
	background: -moz-linear-gradient(0deg, var(--white) 80%, rgba(217, 230, 255, 0) 100%);
	background: linear-gradient(0deg, var(--white) 80%, rgba(217, 230, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D9E6FF", endColorstr="#D9E6FF00", GradientType=0);
}

.service-first-text .box .text-wr::after {
	background: #D9E6FF;
	background: -webkit-linear-gradient(0deg, rgba(217, 230, 255, 1) 80%, rgba(217, 230, 255, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(217, 230, 255, 1) 80%, rgba(217, 230, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(217, 230, 255, 1) 80%, rgba(217, 230, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D9E6FF", endColorstr="#D9E6FF00", GradientType=0);
}

.text-wr.open::after {
	display: none !important;
}

.text-wr .read-more {
	color: var(--text);
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	border: 0;
	padding: 0;
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
	background: none;
	padding-bottom: 6px;
	padding-right: 12px;
}

.text-wr .read-more:hover {
	color: var(--text-blue);
}

.text-wr .read-more::after {
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--text);
	transition: var(--all-inout);
}

.text-wr .read-more:hover::after {
	background: var(--text-blue);
}

.service-first-text .box .items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.service-first-text .box .items .item {
	border-radius: 12px;
	background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.10) 100%);
	box-shadow: 0 4px 4px 0 rgba(212, 193, 188, 0.10), 0 4px 10px 0 rgba(104, 80, 151, 0.05);
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 16px 36px;
	min-height: 140px;
}

.service-first-text .box .items .item .icon {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.service-first-text .box .items .item .icon img {
	max-width: 60px;
	max-height: 60px;
}

.service-first-text .box .items .item .item-info .title {
	color: var(--text-blue);
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
}

.service-first-text .box .items .item .item-info p {
	font-size: 16px;
}

/*--------*/

/**/

.text-section {
	padding: 80px 0 80px;
	background: url('../images/321312.webp') 0 50% no-repeat;
}

.text-section .box {
	grid-template-columns: auto 50%;
}

.text-section .info {
	order: 2;
	display: flex;
	flex-direction: column;
}

.text-section .info .img {
	margin-top: 24px;
	height: 100%;
	position: relative;
	min-height: 320px;
	max-height: 385px;
}

.text-section .info .img:not(.slider) .img-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.text-section .info .img.slider .img-inner {
	border-radius: 20px;
}

.text-section .info .img.slider .slick-list,
.text-section .info .img.slider .slick-track {
	height: 100%;
}

.text-section .info .img .img-inner {
	height: 100%;
	position: relative;
}

.text-section .info .img .img-inner .img-cover {
	border-radius: 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.text-section .text-box {
	order: 1;
}

.text-section .text-box .text-wr {
	max-height: 500px;
}

.text-section .info .img.slider .slick-dots {
	margin-top: 24px;
}

.text-section .info .img.slider {
	min-height: 360px;
	height: 360px;
}

.text-section .info .img-nav .slick-list,
.additional-text-block .img-nav .slick-list {
	margin-top: 15px;
	margin-left: -5px;
	margin-right: -5px;
	height: 120px;
}

.text-section .info .img-nav .img-inner,
.additional-text-block .img-nav .img-inner {
	margin: 0 5px;
	height: 12px;
	height: 120px;
}

.additional-text-block .img-nav .img-inner .img-cover,
.text-section .info .img-nav .img-inner .img-cover {
	border-radius: 12px;
	height: 120px;
}

.additional-text-block .img.slider .slick-dots,
.text-section .info .img.slider .slick-dots {
	position: absolute;
	bottom: 42px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 5;
}

.additional-text-block .img.slider .slick-dots li button,
.text-section .info .img.slider .slick-dots li button {
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 0.75);
}

.text-section .info .img.slider .slick-dots li button:hover,
.text-section .info .img.slider .slick-dots li.slick-active button,
.additional-text-block .img.slider .slick-dots li button:hover,
.additional-text-block .img.slider .slick-dots li.slick-active button {
	width: 16px;
	height: 16px;
	background: var(--white);
}

.text-section .info .img.slider .slick-arrow,
.additional-text-block .img.slider .slick-arrow {
	top: initial;
	bottom: 24px;
	border-radius: 50%;
	border: 1px solid var(--white);
	background: rgba(217, 230, 255, 0.25);
	z-index: 6;
}

.text-section .info .img.slider .slick-arrow.slick-prev,
.additional-text-block .img.slider .slick-arrow.slick-prev {
	left: 160px;
}

.text-section .info .img.slider .slick-arrow.slick-next,
.additional-text-block .img.slider .slick-arrow.slick-next {
	right: 160px;
}

.text-section .info .img.slider .slick-arrow:hover,
.additional-text-block .img.slider .slick-arrow:hover {
	background: var(--white);
}

.text-section .info .img.slider .slick-arrow::after,
.additional-text-block .img.slider .slick-arrow::after {
	mask: url('../images/arrow-right2.svg') center center no-repeat;
	background: var(--white);
}

.text-section .info .img.slider .slick-arrow:hover::after,
.additional-text-block .img.slider .slick-arrow:hover::after {
	background: var(--text);
}

/*--------*/

/**/

.prices-widget {
	padding: 100px 0 60px;
	background: url('../images/3214.webp') 0 50px no-repeat,
				url('../images/3215.webp') 100% 300px no-repeat;
}

.prices-widget .box {
	margin-top: 90px;
	gap: 30px;
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.prices-widget .box .item {
	border-radius: 50px;
	border: 1px solid rgba(179, 180, 180, 0.20);
}

.prices-widget .box .item .subtitle {
	display: flex;
	width: 100%;
	height: 75px;
	border-bottom: 1px solid rgba(179, 180, 180, 0.20);
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.prices-widget .box .item .list {
	padding: 50px 60px;
}

.prices-widget .box .item .list .row {
	border-bottom: 1px dashed rgba(179, 180, 180, 0.20);
	display: flex;
	align-items: center;
	gap: 32px;
	justify-content: space-between;
	padding: 24px 0;
}

.prices-widget .box .item .list .row .name {
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
}

.prices-widget .box .item .list .row .price {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-shrink: 0;
}

.prices-widget .box .item .list .row .price .current {
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
}

.prices-widget .box .item .list .row .price .old {
	color: var(--light-grey);
	font-size: 16px;
	font-weight: 300;
	text-decoration: line-through;
}


/*--------*/

/**/

.services-list-buts {
	padding: 115px 0 100px;
}
.services-list-buts .box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 40px;

}

/*--------*/

/**/

.contacts-first {
	padding-bottom: 75px;
	background: var(--blue);
	position: relative;
	overflow: hidden;
}

.contacts-first::before {
	content: "";
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(99, 164, 224, 0.60);
	filter: blur(200px);
	position: absolute;
	left: -70px;
	bottom: -167px;
	opacity: 0.7;
}

.contacts-first::after {
	content: "";
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(67, 126, 193, 0.35);
	filter: blur(200px);
	position: absolute;
	right: -39px;
	top: -15px;
	opacity: 0.7;
}

.contacts-first .box {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.contacts-first .breadcrumbs a {
	color: var(--white);
}

.contacts-first .box .blocks {
	display: grid;
  	grid-template-columns: auto 425px;
  	gap: 50px;
}

.contacts-first .box .blocks .map {
	border-radius: 24px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.contacts-first .box .blocks .map iframe {
	width: 100% !important;
	height: 100% !important;
	vertical-align: top;
	min-height: 350px;
}

.contacts-first .box .blocks .info {
	display: flex;
	flex-direction: column;
	gap: 24px
}

.contacts-first .box .blocks .info h1 {
	color: var(--white);
}

.contacts-first .box .blocks .info .items {
	display: grid;
	grid-template-columns: 310px auto;
	gap: 90px;
}

.contacts-first .box .blocks .info .items .item {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.contacts-first .box .blocks .info .items .item .title {
	color: var(--white);
	color: #FFF;
	font-size: 24px;
	font-weight: 500;
	line-height: 150%;
	text-transform: uppercase;
}

.contacts-first .box .blocks .info .items .item .title:not(:first-child) {
	margin-top: 10px;
}

.contacts-first .box .blocks .info .items .item .addr,
.contacts-first .box .blocks .info .items .item .worktime {
	padding-left: 38px;
	position: relative;
	margin-top: 10px;
}

.contacts-first .box .blocks .info .items .item .addr::before,
.contacts-first .box .blocks .info .items .item .worktime::before {
	width: 30px;
	height: 30px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.contacts-first .box .blocks .info .items .item .addr::before {
	background: url('../images/map-point.svg') center center no-repeat;
}

.contacts-first .box .blocks .info .items .item .worktime::before {
	background: url('../images/calendar-tick.svg') center center no-repeat;
}

.contacts-first .box .blocks .info .items .item > div p {
	margin: 0;
	color: var(--white);
	font-size: 20px;
	font-weight: 300;
	line-height: 25px;
}

.contacts-first .box .blocks .info .items .item > div p a {
	text-decoration: none;
	color: var(--white);
}

.contacts-first .box .blocks .info .items .item > div p a:hover {
	text-decoration: underline;
}

.contacts-first .box .blocks .info .items .item .socials {
	display: flex;
	align-items: center;
	gap: 20px;
}


/*--------*/

/**/

.prices-section {
	background: url('../images/3214.webp') 0 60% no-repeat,
				url('../images/3211.webp') 100% 20% no-repeat,
				linear-gradient(180deg, #FFF 0%, #D9E6FF 100%);
	padding-bottom: 200px;
}

.prices-section .breadcrumbs {
	padding-top: 16px;
}

.prices-section .breadcrumbs + h1 {
	margin-top: 40px;
}

.prices-section .box {
	display: grid;
	grid-template-columns: auto 790px;
	gap: 60px;
	margin-top: 60px;
}

.prices-section .box .prices-list {
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.prices-section .box .prices-list .item {
	border-radius: 50px;
	border: 1px solid rgba(179, 180, 180, 0.20);
	background: var(--white);
}

.prices-section .box .prices-list .item .subtitle {
	display: flex;
	width: 100%;
	height: 75px;
	border-bottom: 1px solid rgba(179, 180, 180, 0.20);
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.prices-section .box .prices-list .item .list {
	padding: 50px 60px;
}

.prices-section .box .prices-list .item .list .row {
	border-bottom: 1px dashed rgba(179, 180, 180, 0.20);
	display: flex;
	align-items: center;
	gap: 32px;
	justify-content: space-between;
	padding: 24px 0;
}

.prices-section .box .prices-list .item .list .row .name {
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
}

.prices-section .box .prices-list .item .list .row .price {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-shrink: 0;
}

.prices-section .box .prices-list .item .list .row .price .current {
	font-size: 18px;
	font-weight: 500;
	line-height: normal;
}

.prices-section .box .prices-list .item .list .row .price .old {
	color: var(--light-grey);
	font-size: 16px;
	font-weight: 300;
	text-decoration: line-through;
}

.prices-section .box .prices-list .item .image {
	width: 200px;
	height: 200px;
	border-radius: 40px;
	margin-bottom: -100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 2;
}

.prices-section .box .sidebar {
	width: 100%;
	height: fit-content;
	padding: 60px 0;
	background: var(--white);
	border-radius: 50px;
	border: 1px solid rgba(179, 180, 180, 0.20);
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.prices-section .box .sidebar .part:not(:last-child) {
	padding-bottom: 60px;
	border-bottom: 1px solid rgba(179, 180, 180, 0.20);
}

.prices-section .box .sidebar .part {
	padding: 0 36px;
	display: flex;
	flex-direction: column;	
	gap: 24px;
}

.prices-section .box .sidebar .part .title {
	color: var(--text-blue);
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 24px;
}

.prices-section .box .sidebar .part .list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.prices-section .box .sidebar .part .list a {
	color: var(--text);
	font-size: 16px;
	text-decoration: none;
}

.prices-section .box .sidebar .part .list a:hover {
	color: var(--text-blue);
}

.prices-section .box .sidebar .part .addr,
.prices-section .box .sidebar .part .worktime,
.prices-section .box .sidebar .part .phone {
	padding-left: 44px;
	display: flex;
	flex-direction: column;
	gap: 4px;

	position: relative;
}

.prices-section .box .sidebar .part .addr p:first-child,
.prices-section .box .sidebar .part .worktime p:first-child,
.prices-section .box .sidebar .part .phone  p:first-child {
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
}

.prices-section .box .sidebar .part .addr p:last-child,
.prices-section .box .sidebar .part .worktime p:last-child,
.prices-section .box .sidebar .part .phone  p:last-child,
.prices-section .box .sidebar .part .addr p:last-child a,
.prices-section .box .sidebar .part .worktime p:last-child a,
.prices-section .box .sidebar .part .phone  p:last-child a {
	font-size: 16px;
	color: var(--text);
	text-decoration: none;
}

.prices-section .box .sidebar .part .addr p:last-child a:hover,
.prices-section .box .sidebar .part .worktime p:last-child a:hover,
.prices-section .box .sidebar .part .phone  p:last-child a:hover {
	color: var(--text-blue);
}

.prices-section .box .sidebar .part .addr::before,
.prices-section .box .sidebar .part .worktime::before,
.prices-section .box .sidebar .part .phone::before {
	width: 32px;
	height: 32px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

.prices-section .box .sidebar .part .addr::before {
	mask: url('../images/map-point.svg') center center no-repeat;
	background: var(--light-grey);
}

.prices-section .box .sidebar .part .worktime::before {
	mask: url('../images/calendar-tick.svg') center center no-repeat;
	background: var(--light-grey);
}

.prices-section .box .sidebar .part .phone::before {
	mask: url('../images/call-calling.svg') center center no-repeat;
	background: var(--light-grey);
}

/*--------*/

/**/

.results-first {
	padding-bottom: 80px;
	background: url('../images/3214.webp') 0% 80% no-repeat,
				url('../images/3211.webp') 100% 20% no-repeat,
				linear-gradient(180deg, #FFF 0%, #D9E6FF 100%);
}

.results-first .box {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.results-first .box .blocks {
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.results-first .box .blocks .block {
	gap: 75px;
	grid-template-columns: auto 360px;
	border-radius: 32px;
	background: var(--white);
	box-shadow: 0 6.231px 11.683px 0 rgba(0, 0, 0, 0.10);
	padding: 60px 40px;
}

.results-first .box .blocks .block:nth-child(2n) {
	grid-template-columns: 360px auto;
}

.results-first .box .blocks .block .photo .item {
	display: grid;
	grid-template-columns: 1fr 1fr;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
}

.results-first .box .blocks .block .photo .item .before,
.results-first .box .blocks .block .photo .item .after {
	position: relative;
	width: 100%;
	height: 410px;
}

.results-first .box .blocks .block .photo .item .before span,
.results-first .box .blocks .block .photo .item .after span {
	position: absolute;
	top: 0;
	left: 0;
	width: 73px;
	height: 25px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--text);
	color: var(--white);
	font-size: 12px;
	font-weight: 800;
}

.results-first .box .blocks .block .photo .item .after span {
	left: initial;
	right: 0;
	background: var(--text-blue);
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.results-first .box .blocks .block .photo .item .before .img,
.results-first .box .blocks .block .photo .item .after .img {
	width: 100%;
	height: 100%;
}

.results-first .box .blocks .block .photo .item::before {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	content: "";
	background: url('../images/mini-logo.webp') center center/ 40px auto no-repeat,
				var(--white);
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	z-index: 2;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.20);
}

.results-first .box .blocks .block:nth-child(2n) > .text {
	order: 2;
}

.results-first .box .blocks .block:nth-child(2n) > .photo {
	order: 1;
}

.results-first .text .but {
	display: flex;
	margin-top: 16px;
	justify-content: flex-end;
}

.pagination {
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px
}

.pagination a,
.pagination span {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: transparent;
	color: var(--text);
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

.pagination a:hover,
.pagination span {
	background: var(--text-blue);
	color: var(--white);
}

.pagination a.prev,
.pagination a.next {
	width: 70px;
	background: var(--text-blue);
	font-size: 0;
}

.pagination a.prev {
	margin-right: 16px;
}

.pagination a.next {
	margin-left: 16px;
}

.pagination a.prev::before,
.pagination a.next::before {
	content: "";
	display: flex;
	width: 16px;
	height: 16px;
	background: var(--white);
	mask: url('../images/arr-right-white.svg') center center no-repeat;
}

.pagination a.prev::before {
	rotate: 180deg;
}

/*--------*/

/**/

.articles-first {
	padding-bottom: 80px;
	background: url('../images/3214.webp') 0% 80% no-repeat,
				url('../images/3211.webp') 100% 20% no-repeat,
				linear-gradient(180deg, #FFF 0%, #D9E6FF 100%);
}

.articles-first + footer {
	margin-top: 0;
}

.articles-first .box {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.articles-first .box .blog-title {
	display: flex;
	justify-content: space-between;
	gap: 24px 60px;
}

.articles-first .box .blog-title .categories {
	display: flex;
	align-items: center;
	gap: 32px;
}

.articles-first .box .blog-title .categories a {
	height: 48px;
	font-size: 16px;
	min-width: 250px;
}

.articles-first .box .blocks {
	grid-template-columns: repeat(3, 1fr);
	gap: 60px 40px;
	margin-top: 40px;
}

.article-item {
	border-radius: 20px;
	background: var(--white);
	box-shadow: 7.538px 11.307px 18.845px 0 rgba(0, 0, 0, 0.15);
}

.article-item .image {
	width: 100%;
	height: 205px;
}

.article-item .image .img-cover {
	width: 100%;
	height: 100%;
	display: flex;
	border-radius: 20px;
}

.article-item .image .img-cover img {
	transition: var(--all-inout);
	scale: 1;
}

.article-item:hover .image .img-cover img {
	scale: 1.05;
}

.article-item .text {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.article-item .text .title a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 700;
	color: var(--text);
}

.article-item .text .title a:hover {
	color: var(--text-blue)
}

.article-item .text .excerpt {
	max-height: 100px;
	overflow: hidden;
}

/*--------*/

/**/

.infopage-first {
	padding-bottom: 125px;
	background: var(--blue);
	position: relative;
	overflow: hidden;
}

.infopage-first::before {
	content: "";
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(99, 164, 224, 0.60);
	filter: blur(200px);
	position: absolute;
	left: -70px;
	bottom: 150px;
	opacity: 0.7;
}

.infopage-first::after {
	content: "";
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: rgba(67, 126, 193, 0.35);
	filter: blur(200px);
	position: absolute;
	right: -39px;
	top: -15px;
	opacity: 0.7;
}

.infopage-first + footer {
	margin-top: 0;
}

.infopage-first .services-list {
	margin-top: 70px;
}

.infopage-first .services-list h2 {
	text-align: center;
	color: var(--white);
}

.infopage-first .services-list h2 span {
	color: var(--white);
}

.infopage-first .services-list .box {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 40px;
}

.infopage-first .services-list .box a {
	background: transparent;
	color: var(--white);
	border-color: var(--white);
}

.infopage-first .services-list .box a:hover {
	color: var(--blue);
	background: var(--white);
}

.infopage-box {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.infopage-box .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.infopage-box .info h1 {
	font-size: 318px;
	font-weight: 700;
	line-height: 260px;
	background: linear-gradient(33deg, #FFF 18.18%, rgba(255, 255, 255, 0.00) 113.14%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 34px;
}

.infopage-box .breadcrumbs a {
	color: var(--white);
}

.infopage-box .info .h5 {
	color: var(--white);
}

.infopage-box .info p {
	color: var(--white);
	font-weight: 300;
	font-size: 14px;
}

/*--------*/

/**/

.services-blocks {
	background: linear-gradient(180deg, #FFF 0%, #D9E6FF 100%);
	padding: 50px 0 80px;
}

.services-blocks .box {
	gap: 20px;
}

.services-blocks .box .item {
	border-radius: 20px;
	background: var(--white);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.services-blocks .box .item .icon {
	height: 54px;
}

.services-blocks .box .item .icon img {
	max-height: 54px;
	width: auto;
}

.services-blocks .box .item .title {
	text-transform: uppercase;
}

.services-blocks .box .item .list ul {
	gap: 12px;
	font-size: 16px;
}

.services-blocks .box .item .list ul li a {
	text-decoration: none;
}

/*--------*/

/**/

.services-first {
	padding-bottom: 50px;
}

.services-first .box {
	padding-top: 16px;
}

.services-first .box h1 {
	margin-top: 16px;
	margin-bottom: 24px;
}

.services-first .box .form-part {
	border-radius: 32px;
	background: var(--white);
	box-shadow: 8px 7px 19px 0 rgba(0, 0, 0, 0.12);
	padding: 20px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 54px;
	margin-top: 24px;
}

.services-first .box .form-part .title {
	width: 100%;
	max-width: 250px;
	flex-shrink: 0;
	color: var(--blue);
	font-size: 24px;
	font-weight: 700;
	line-height: 120%;
	text-transform: uppercase;
}

.services-first .box .form-part .form {
	width: 100%;
}

.services-first .box .form-part form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 54px;
}

.services-first .box .form-part form .col {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.services-first .box .form-part form .col:first-child {
	width: 100%;
	max-width: 490px;
	flex-shrink: 0;
}

.services-first .box .form-part form .form-group.checkbox {
	min-height: 58px;
}

.services-first .box .form-part form input[type="submit"] {
	padding: 0 16px;
	background-image: none;
	height: 58px;
}

.services-first .box .form-part form .form-group.checkbox label {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.services-first .box .form-part form .form-group.checkbox label input {
	margin: 0px;
	margin-top: 6px;
	display: none;
}

.services-first .box .form-part form .form-group.checkbox label span {
	font-size: 14px;
	padding-left: 25px;
	position: relative;
}

.services-first .box .form-part form .form-group.checkbox label span::before {
	display: flex;
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid var(--blue);
	position: absolute;
	left: 0;
	top: 4px;
}

.services-first .box .form-part form .form-group.checkbox label span::after {
	width: 6px;
	height: 10px;
	border-bottom: 3px solid var(--blue);
	border-right: 3px solid var(--blue);
	content: "";
	transition: var(--all-inout);
	position: absolute;
	left: 6px;
	top: 7px;
	rotate: 45deg;
	scale: 0;
}

.wpcf7-list-item {
	margin: 0;
}

.services-first .box .form-part form .form-group.checkbox label input:checked + span::after {
	scale: 1;
}

.services-first .box .slider-wr {
	margin-top: 24px;
	position: relative;
}

.services-first .box .slider .item {
	display: grid;
	grid-template-columns: 860px auto;
	gap: 24px;
}

.services-first .box .slider .item .image {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 540px;
}

.services-first .box .slider .item .image .img-cover {
	border-radius: 32px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.services-first .box .slider .item .image .srvs-items {
	position: relative;
	z-index: 2;
	width: 100%;
  	display: grid;
  	grid-template-columns: 1fr 1fr;
  	padding: 32px;
  	gap: 32px;
}

.services-first .box .slider .item .image .srvs-items .srvs-item {
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.80);
	backdrop-filter: blur(2px);
	width: 100%;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.srvs-item .title a {
	color: var(--blue);
	font-weight: 700;
	text-decoration: none;
	font-size: 18px;
}

.srvs-item .title a:hover {
	color: var(--text-blue);
}

.srvs-item .excerpt {
	max-height: 48px;
	overflow: hidden;
}

.srvs-item .read-more {
	display: flex;
	justify-content: flex-end;
}

.srvs-item .read-more a {
	color: var(--text);
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	border: 0;
	padding: 0;
	cursor: pointer;
	z-index: 2;
	background: none;
	padding-bottom: 6px;
	padding-right: 12px;
	text-decoration: none;
	position: relative;
}

.srvs-item .read-more a:hover {
	color: var(--text-blue);
}

.srvs-item .read-more a::after {
	width: 100%;
	height: 1px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--text);
	transition: var(--all-inout);
}

.srvs-item .read-more a:hover::after {
	background: var(--text-blue);
}

.slider-controls {
	display: flex;
	justify-content: space-between;
	position: absolute;
	top: 270px;
	transform: translateY(-50%);
	left: 16px;
	padding: 0 32px;
	z-index: 2;
	width: 100%;
	max-width: 860px;
}

.slider-controls button {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	background: var(--white);
	cursor: pointer;
	font-size: 0;
	border: 0;
	z-index: 2;
	transition: var(--all-inout);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.slider-controls button:hover {
	background: var(--text-blue);
}

.slider-controls button::after {
	width: 32px;
	height: 32px;
	content: "";
	background: var(--text);
	mask: url('../images/arr-right-white.svg') center center no-repeat;
	display: flex;
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 16px);
	transition: var(--all-inout)
}

.slider-controls button.prev::after {
	rotate: 180deg;
}

.slider-controls button:hover::after {
	background: var(--white);
}

.services-first .box .slider .item .info {
	border-radius: 32px;
	background: var(--white);
	padding: 32px;
	border: 1px solid var(--light-blue);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.services-first .box .slider .item .info .h5 {
	text-transform: uppercase;
}

.services-first .box .slider .item .info .text {
	margin-top: 40px;
}

.services-first .box .slider .item .info .but {
	margin-top: 40px;
}

.services-first .box .slider .item .info .but a {
	height: 48px;
}

.services-first .box .slider .item .info .dots {
	margin-top: 24px;
}

.services-first .box .slider .item .info .messangers {
	margin-top: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-left: -32px;
	margin-right: -32px;
	margin-bottom: -32px;
}

.services-first .box .slider .item .info .messangers a {
	width: 100%;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #3C90E3;
}

.services-first .box .slider .item .info .messangers a:last-child {
	background: #662D83;
}

/*--------*/

/**/

.article-first .box {
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-bottom: 50px;
}

.article-first-text {
	padding: 50px 0;
}

.article-first-text .box {
	display: grid;
	grid-template-columns:  auto 515px;
	gap: 24px 55px;
}

.article-first-text .box .image {
	height: 100%;
	min-height: 420px;
	position: relative;
}

.article-first-text .box .image .img-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.article-first-text .box .content-box ul {
	padding: 0;
	list-style: none;
	gap: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.article-first-text .box .content-box ul a {
	height: 37px;
	padding: 0 16px;
	font-size: 14px;
	color: rgba(17, 20, 38, 0.80);
	text-transform: none;
	font-weight: 400;
}

.article-first-text .box .content-box ul a:hover {
	color: var(--white);
	background: var(--text-blue);
	border-color: var(--text-blue);
}

.article-first-text .article-meta {
	border-radius: 20px;
	background: var(--white);
	box-shadow: 0 38px 10px 0 rgba(97, 87, 107, 0.00), 0 24px 10px 0 rgba(97, 87, 107, 0.00), 0 14px 9px 0 rgba(97, 87, 107, 0.05), 0 6px 8px 0 rgba(97, 87, 107, 0.08), 0 3px 6px 0 rgba(97, 87, 107, 0.05);
	padding: 24px 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.article-first-text .article-meta .author-box {
	display: flex;
	align-items: center;
	gap: 13px;
	flex-shrink: 0;
}

.article-first-text .article-meta .author-box .author-photo {
	width: 118px;
	height: 112px;
	border-radius: 20px;
}

.article-first-text .article-meta .author-box .author-info p {
	color: var(--blue);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 20px;
}

.article-first-text .article-meta .author-box .author-info .name {
	color: var(--text);
	font-size: 24px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.article-first-text .article-meta .author-box .author-info .position {
	color: rgba(17, 20, 38, 0.80);
	font-size: 18px;
	font-weight: 400;
	line-height: 100%;
}

.article-first-text .article-meta .author-text {
	width: 100%;
	max-width: 570px;
}

.article-main-text {
	background: linear-gradient(180deg, #FFF 0%, #D9E6FF 100%);
	padding: 60px 0 100px;
}

.article-main-text .box {
	padding: 32px 24px;
	border-radius: 20px;
	background: var(--white);
}



/*--------*/

/**/

.additional-text-block {
	padding: 80px 0;
}

.additional-text-block .box {
	gap: 80px;
}

.additional-text-block .box .block {
  	grid-template-columns: auto 50%;
}

.additional-text-block .box .block:nth-child(2n) {
  	grid-template-columns: 50% auto;
}

.additional-text-block .box .block:nth-child(2n) .text {
	order: 2;
}

.additional-text-block .box .block:nth-child(2n) .images {
	order: 1;
}

.additional-text-block .box .block .img {
	height: 100%;
	position: relative;
	min-height: 320px;
}

.additional-text-block .box .block .img.slider {
	max-height: 400px;
}

.additional-text-block .box .block .img:not(.slider) .img-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.additional-text-block .box .block .img.slider .img-inner {
	border-radius: 20px;
}

.additional-text-block .box .block .img.slider .slick-list,
.additional-text-block .box .block .img.slider .slick-track {
	height: 100%;
}

.additional-text-block .box .block .img .img-inner {
	height: 100%;
	position: relative;
}

.additional-text-block .box .block .img .img-inner .img-cover {
	border-radius: 20px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


/*--------*/

/**/

.about-numbers {
	padding: 160px 0 70px;
	margin-top: 40px;
	background: url('../images/numbers-bg.svg') top center / cover no-repeat;
}

.about-numbers .box {
	display: flex;
	justify-content: center;
	gap: 24px 140px;
}

.about-numbers .box .item {
	text-align: center;
	width: 100%;
	max-width: 305px;
}

.about-numbers .box .item .info {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
}

.about-numbers .box .item .info .number {
	color: var(--white);
	text-align: center;
	font-size: 80px;
	font-weight: 700;
	line-height: 104px;
}

.about-numbers .box .item .info .icon {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about-numbers .box .item .info .icon img {
	max-width: 48px;
	max-height: 48px;
}

.about-numbers .box .item p {
	color: var(--white);
	font-size: 20px;
	line-height: 140%;
}

.about-numbers .box .item p a {
	color: var(--white);
}

/*--------*/

/**/

#form {
	width: 100%;
	max-width: 360px;
}

#form .modal-box {
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-align: center;
}

#form .modal-box .title {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 500;
}

#form .modal-box > p {
	font-size: 14px;
	font-weight: 300;
}

#form .modal-box .form {
	margin-top: 16px;
}

#form .modal-box .form form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

/*--------*/

/**/

.equipment-section {
	padding: 60px 0 110px;
	background: linear-gradient(180deg, #FFF 0%, #D9E6FF 100%);
}

.equipment-section .box {
	border-radius: 30px;
	background: var(--white);
	box-shadow: 0 0 60px 0 rgba(33, 33, 135, 0.15);
	padding: 32px;
}

.equipment-section .box .item {
	display: grid;
	gap: 210px;
	grid-template-columns: 520px auto;
}

.equipment-section .box .item .info {
	display: flex;
	flex-direction: column;
}

.equipment-section .box .item .info h2 span {
	display: block;
}

.equipment-section .box .item .info .photo {
	width: 100%;
	margin-top: 32px;
	height: 100%;
	position: relative;
	min-height: 380px;
}

.equipment-section .box .item .info .image {
	text-align: center;
	width: 100%;
	margin-top: 24px;
	position: relative;
}

.equipment-section .box .item .info .image img {
	max-height: 340px;
	max-width: 100%;
	display: inline !important;
}

.equipment-section .box .item .info .image::after {
	width: 100%;
	height: 120px;
	content: "";
	background: #FFFFFF;
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#FFFFFF", GradientType=0);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.equipment-section .box .item .text {
	gap: 56px;
}

.equipment-section .box .item .text .text-content > * {
	font-size: 18px;
}

.equipment-section .box .item .text-content .title-with-logo {
	font-size: 36px;
}

.equipment-section .slider .slick-prev,
.equipment-section .slider .slick-next {
	border: 1px solid var(--text);
	top: 24px;
	right: calc(50% + 20px);
	width: 32px;
	height: 32px;
	border-radius: 4px;
}

.equipment-section .slider .slick-prev {
	right: calc(50% + 76px);
	left: initial;
}


/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/

/**/



/*--------*/