@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300..700;1,300..700&display=swap');
:root {
	--container: 1230px;
	--white: #fff;
	--black: #000;
	--text: #232323;
	--title: #153F75;
	--background: #F3F8FE;
	--accent: #307BD2;
	--accent-10: rgba(48, 123, 210, 0.1);
	--accent-5: rgba(48, 123, 210, 0.05);
	--accent-light: #E9F1FB;
	--lightgrey: #D9D9D9;
	--light-violet: #B5BCFD;
	--grey: #cccccc;
	--grey-20: rgba(96, 96, 115, 0.20);
	--grey-5: rgba(96, 96, 115, 0.05);
	--red: #f00;
	--font: "Raleway", sans-serif;
	--font-num: 'Montserrat', sans-serif;
	--all-in: all 0.25s ease-in;
	--all-out: all 0.25s ease-out;
	--all-inout: all 0.25s ease-in-out;
	--header-shadow: 2px 8px 16px 0px rgba(96, 96, 115, 0.20);
	--header-shadow-0: 2px 8px 16px 0px rgba(96, 96, 115, 0.0);
	--service-shadow: 1px 2px 1px 0px rgba(241, 241, 241, 0.01), 2px 8px 12px 0px rgba(96, 96, 115, 0.08);
	--culture-shadow: 1px 2px 8px rgba(0, 0, 0, 0.30);
}

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

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

input, textarea, select, button, option {
	font-family: var(--font);
	outline: none;
	font-feature-settings: "pnum" on,"lnum" on;
}

textarea {
	resize: none;
}

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

h1, .h1 {
	font-size: 48px;
	text-transform: uppercase;
	line-height: 1.2;
}

h2, .h2 {
	font-size: 40px;
	text-transform: uppercase;
	line-height: 1.3;
}

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

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

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

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

h1 span, h2 span, h3 span, h1 b, h2 b, h3 b, h1 strong, h2 strong, h3 strong {
	color: var(--accent);
}

p {
	margin: 0px;
}

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

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

p {
	line-height: 1.5;
	color: var(--text);
	font-size: 16px;
}

p a, ul a, ol a {
	color: var(--accent);
	font-size: 16px;
}

p a:hover, ul a:hover, ol a:hover {
	color: var(--title);
}

.medium {
	font-weight: 500;
}

.semi {
	font-weight: 600;
}

.bold {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

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

.gap-4 {
	gap: 4px;
}

.gap-8 {
	gap: 8px;
}

.gap-12 {
	gap: 12px;
}

.gap-16 {
	gap: 16px;
}

.gap-18 {
	gap: 18px;
}

.gap-20 {
	gap: 20px;
}

.gap-24 {
	gap: 24px;
}

.gap-32 {
	gap: 32px;
}

.gap-40 {
	gap: 40px;
}

.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;
}

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

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;
}

body {
	padding-top: 100px;/*120*/
}

/*body.page-id-1471 {
	padding-top: 0;
}*/

body.home-page, body.page-template-page-home {
	background-image: url('../images/bg1.webp');
	background-position: 100% 440px;
	background-repeat: no-repeat;
}

body.service-page, body.page-template-page-main-services {
	background-image: url('../images/bg1.webp');
	background-position: 100% 75%;
	background-repeat: no-repeat;
}

.but a, .but button, input[type="submit"] {
	font-weight: 700;
	font-size: 14px;
	padding: 0 50px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: var(--accent);*/
	border-radius: 12px;
	border: 0;
	margin: 0;
	text-decoration: none;
	color: var(--white);
	height: 46px;
	position: relative;
	background: rgb(21,63,117);
	background: -moz-linear-gradient(90deg, rgba(21,63,117,1) 0%, rgba(48,123,210,1) 50%, rgba(48,123,210,1) 200%);
	background: -webkit-linear-gradient(90deg, rgba(21,63,117,1) 0%, rgba(48,123,210,1) 50%, rgba(48,123,210,1) 200%);
	background: linear-gradient(90deg, rgba(21,63,117,1) 0%, rgba(48,123,210,1) 50%, rgba(48,123,210,1) 200%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#153f75",endColorstr="#307bd2",GradientType=1); 
	background-size: 200%;
	background-position: 100% 0;
}

.but a:hover, .but button:hover, input[type="submit"]:hover {
	background-position: 20% 0;
}

.light.big.but a, .light.big.but button, .light.big.but input[type="submit"] {
	height: 56px;
	border: 1px solid var(--accent);
	background: var(--white);
	color: var(--accent);
	font-size: 16px;
	background: rgb(21,63,117);
	background: -moz-linear-gradient(90deg, rgba(21,63,117,1) 0%, rgba(48,123,210,1) 33%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 200%);
	background: -webkit-linear-gradient(90deg, rgba(21,63,117,1) 0%, rgba(48,123,210,1) 33%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 200%);
	background: linear-gradient(90deg, rgba(21,63,117,1) 0%, rgba(48,123,210,1) 33%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 200%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#153f75",endColorstr="#307bd2",GradientType=1); 
	background-size: 300%;
	background-position: 100% 0;
}

.light.big.but a:hover, .light.big.but button:hover, .light.big.but input[type="submit"]:hover {
	background-position: 0% 0;
	color: var(--white);
}

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

/**/

header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: var(--header-shadow);
	background: var(--white);
	z-index: 10;
}

header .header-top {
	background: var(--accent-10);
	border-bottom: 1px solid var(--grey);
	max-height: 32px; 
}

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

header .header-top .container .tg a {
	padding-left: 18px;
	background: url('../images/telegram-icon.svg') left center / 14px auto no-repeat;
	color: var(--text);
	font-size: 14px;
	text-decoration: none;
}

header .header-top .container .tg a b, header .header-top .container .tg a strong {
	font-weight: 600;
}

header .header-top .container .tg a:hover {
	color: var(--accent);
}

header .header-top .container .info a {
	padding-left: 27px;
	background: url('../images/about-icon.svg') left center / 18px auto no-repeat;
	color: var(--text);
	font-size: 14px;
	text-decoration: none;
}

header .header-top .container .info a:hover {
	color: var(--accent);
}

header .header-box {
	height: 71px;
}

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

header .header-box .container .but a {
	padding: 0 44px;
	height: 36px;
}

header .header-box .container .logo img {
	height: 55px;
	max-height: 55px;
	vertical-align: top;
}

header .header-box #menu #header-menu {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 48px;
	font-size: 16px;
}

header .header-box #menu #header-menu li {
	position: relative;
}

/*header .header-box #menu #header-menu li.mega li {
	position: initial;
}*/

header .header-box #menu #header-menu > li > a {
	line-height: 71px;
}

header .header-box #menu a {
	color: var(--title);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
}

header .header-box #menu a:hover {
	color: var(--accent);
}

header .header-box #menu #header-menu > li.menu-item-has-children > a::after {
	content: "";
	width: 16px;
	height: 8px;
	background: url('../images/menu-arrow.svg') center center / 16px auto no-repeat;
}

header #header-menu > li > .sub-menu {
	height: 0px;
	overflow: hidden;
	position: absolute;
	translate: 0 -10px;
	opacity: 0;
	transition: var(--all-out);
	padding: 0;
	list-style: none;
	background: var(--white);
	top: 100%;
	left: 0;
	width: 264px;
	border-radius: 0 0 12px 12px;
	box-shadow: var(--header-shadow-0);
	padding: 0 24px;
}

header #header-menu > li.mega > .sub-menu {
	width: 274px;
}

header #header-menu > li.mega > .sub-menu {
	border-radius: 0 0 0 12px;
}

header #header-menu > li.about > .sub-menu {
	counter-reset: about;
}

header #header-menu > li > .sub-menu li {
	padding: 12px 0;
}

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

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

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

header #header-menu > li > .sub-menu li a:hover {
	color: var(--accent);
}

header #header-menu > li.about > .sub-menu li a::before {
	counter-increment: about;
	content: "0"counter(about);
	color: var(--title);
	font-family: var(--font-num);
	font-size: 16px;
	letter-spacing: 0.32px;
	margin-right: 6px;
}

header #header-menu > li.about > .sub-menu li:not(:first-child) {
	border-top: 1px solid var(--accent-10);
}

header #header-menu > li.mega > .sub-menu {
	list-style: none;
}

header #header-menu > li.mega > .sub-menu > li > a {
	padding-left: 32px;
	position: relative;
	line-height: 24px;
}

header #header-menu > li.mega > .sub-menu > li:hover > a {
	font-weight: 600;
}

header #header-menu > li.mega > .sub-menu > li > a span {
	display: flex;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	align-items: center;
	justify-content: center;
}

header #header-menu > li.mega > .sub-menu > li {
	position: initial;
}

header #header-menu > li.mega > .sub-menu > li > a span img {
	max-width: 22px;
	max-height: 22px;
}

header #header-menu li.mega > .sub-menu .sub-menu {
	position: absolute;
	top: 0px;
	left: 250px;
	padding: 0 24px;
	display: flex;
	flex-direction: column;
	width: 0px;
	overflow: hidden;
	translate: -32px 0;
	opacity: 0;
	height: 100%;
	width: 254px;
	border-bottom-right-radius: 12px;
	transition: var(--all-out);
	z-index: 0;
	visibility: hidden;
	box-shadow: var(--header-shadow-0);
	background: var(--white);
	border-left: 1px solid var(--white);
	list-style: none;
}

header #header-menu li.mega > .sub-menu .sub-menu li a {
	padding-left: 11px;
	color: var(--text);
	opacity: 0.8;
	line-height: normal;
	font-size: 12px;
	position: relative;
}

header #header-menu li.mega > .sub-menu .sub-menu li a:hover {
	color: var(--accent);
	opacity: 1;
}

header #header-menu li.mega > .sub-menu .sub-menu li a::before {
	width: 3px;
	height: 100%;
	content: "";
	background: var(--accent);
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 0;
}

@media (min-width: 1230px) {
	header #header-menu > li:hover > .sub-menu {
	  	transition: var(--all-in);
	  	height: var(--menu-height);
	  	opacity: 1;
	  	translate: 0 0;
	  	box-shadow: var(--header-shadow);
	}

	header #header-menu > li.mega:hover > .sub-menu {
		overflow: initial;
	}

	header #header-menu > li.mega > .sub-menu > li:hover > .sub-menu {
		transition: var(--all-in);
		box-shadow: var(--header-shadow);
		opacity: 1;
		translate: 0 0;
		box-shadow: none;
		/*height: 100%;*/
		height: 312px;
		width: 254px;
		visibility: visible;
		border-left: 1px solid var(--accent-10);
	}
}

header .lang {
	color: var(--title);
	font-size: 16px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 4px;
}

header .lang a {
	text-decoration: none;
	color: var(--title);
	font-size: 16px;
}

header .lang a.active {
	text-decoration: underline;
}

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

/*footer*/

footer {
	padding: 80px 0 70px;
	background: var(--white);
}

footer .container {
	display: flex;
	justify-content: space-between;
}

footer .container .item.info {
	width: 100%;
	max-width: 290px;
	flex-shrink: 0;
	gap: 45px;
}

footer .container .item.info img {
	max-width: 270px;
	vertical-align: top;
}

footer .container .item.info div > p {
	font-size: 14px;
	color: var(--title);
	line-height: 18px;
}

footer .container .item.menu {
	width: 100%;
	max-width: 280px;
	flex-shrink: 0;
	gap: 45px;
}

footer .container .item.menu ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 23px 16px;
	list-style: none;
	padding: 0;
}

footer .container .item.menu ul a {
	text-decoration: none;
	color: var(--title);
}

footer .container .item.menu ul a:hover {
	color: var(--accent);
}

footer .container .item .policy {
	line-height: 18px;
}

footer .container .item .policy a {
	font-size: 14px;
	color: var(--title);
}

footer .container .item .policy a:hover {
	color: var(--accent);
}

footer .container .item.contacts {
	width: 100%;
	max-width: 270px;
	flex-shrink: 0;
	gap: 24px;
}

footer .container .item.contacts .tg a {
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none;
	color: var(--accent);
	font-size: 16px;
}

footer .container .item.contacts .tg a:hover {
	color: var(--title);
}

footer .container .item.contacts .tg a::before {
	width: 60px;
	height: 60px;
	display: flex;
	content: "";
	background: url('../images/telegram-icon.svg') center center / 52px auto no-repeat;
	flex-shrink: 0;
}

footer .container .item.contacts .tg a > span {
	display: flex;
	flex-direction: column;
	gap: 12px;
	line-height: 16px;
}

footer .container .item.contacts .tg a span > span {
	display: block;
	font-family: var(--font-num);
	font-weight: 700;
	line-height: 1.5;
}

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

/**/

.first-block {
	padding: 40px 0 60px;
	overflow-x: hidden;
}

.first-block .box {
	display: flex;
	align-items: center;
	gap: 8px;
}

.first-block .box .text {
	width: 100%;
	max-width: 645px;
	gap: 50px;
	flex-shrink: 0;
}

.first-block .box .text p, .first-block .box .text ul, .first-block .box .text ol {
	font-size: 24px;
	font-weight: 300;
}

.first-block .box .text p b, .first-block .box .text p strong, .first-block .box .text ul b, .first-block .box .text ul strong, .first-block .box .text ol b, .first-block .box .text ol strong {
	font-weight: 500;
}

.contacts-but-block {
	display: flex;
	gap: 24px;
	align-items: center;
}

.contacts-but-block .but a {
	padding: 0 65px;
}

.contacts-but-block .tg a {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: var(--accent);
	font-size: 14px;
}

.contacts-but-block .tg a:hover {
	color: var(--title);
}

.contacts-but-block .tg a::before {
	width: 46px;
	height: 46px;
	display: flex;
	content: "";
	background: url('../images/telegram-icon.svg') center center / 40px auto no-repeat;
	flex-shrink: 0;
}

.contacts-but-block .tg a > span {
	display: flex;
	flex-direction: column;
	gap: 6px;
	line-height: 16px;
}

.contacts-but-block .tg a span > span {
	display: block;
	font-family: var(--font-num);
	font-weight: 700;
	line-height: 1.5;
}

.first-block .box .img {
	position: relative;
}

.first-block .box .img .additional .item {
	position: absolute;
	border-radius: 12px;
	box-shadow: var(--header-shadow);
	height: 54px;
	background: var(--white);
}

.first-block .box .img .additional .item .icon {
	font-family: var(--font-num);
}

.first-block .box .img .additional .item.item-1 {
	top: 21px;
	left: 211px;
	width: 282px;
	padding: 2px 22px 2px 2px;
	gap: 20px;
	display: flex;
	align-items: center;
}

.first-block .box .img .additional .item.item-1 .icon {
	border-radius: 8px;
	display: flex;
	height: 50px;
	padding: 6px 8px;
	background: var(--accent);
	color: var(--white);
	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.56px;
	align-items: center;
	text-align: center;
	justify-content: center;
}

.first-block .box .img .additional .item.item-2 {
	top: 196px;
	left: 382px;
	padding: 4px 18px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	display: flex;
	width: 245px;
}

.first-block .box .img .additional .item.item-2 .icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}

.first-block .box .img .additional .item.item-2 p span {
	font-size: 14px;
	font-weight: 700;
	display: block;
	line-height: 1;
	color: var(--accent);
}

.first-block .box .img .additional .item.item-2 p span b {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.56px;
	font-family: var(--font-num);
	line-height: 1;
}

.first-block .box .img .additional .item.item-3 {
	top: 320px;
	left: 0px;
	padding: 6px 18px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	display: flex;
	width: 258px;
}

.first-block .box .img .additional .item.item-3 .icon {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 28px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.56px;
	color: var(--accent);
	flex-shrink: 0;
}

.first-block .box .img .additional .item.item-3 .icon img {
	width: 24px;
	height: auto;
}

.first-block .box .img .additional .item p {
	font-weight: 500;
	font-size: 12px;
}


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

/**/

.home-services {
	padding: 60px 0;
}

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

.home-services .container > h2, .home-services .container > h1 {
	font-size: 40px;
  	text-transform: uppercase;
  	line-height: 1.3;
	text-align: center;
}

section .container > p, section .full-container > p {
	font-size: 18px;
	text-align: center;
	margin-top: 24px;
}

section .container > h2 span, section .full-container > h2 span {
	color: var(--accent);
}

section .container > * + .box, section .full-container > * + .box {
	margin-top: 60px;
}

.home-services .box {
	display: grid;
	gap: 80px 40px;
	grid-template-columns: 1fr 1fr 1fr;
	counter-reset: services;
}

.home-services .box .item {
	border-radius: 24px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	padding: 24px;
	justify-content: space-between;
	height: 455px;
	height: auto;
}

.home-services .box .item .icon {
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	flex-shrink: 0;
}

.home-services .box .item .icon img {
	max-height: 67px;
}

.home-services .box .item .icon a {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	translate: 100% 0;
}

.home-services .box .item:hover .icon a, .home-services .box .item.first .icon a {
	translate: 0 0;
}

.home-services .box .item .title {
	font-size: 24px;
	text-transform: uppercase;
	margin-top: auto;
}

.home-services .box .item .title a {
	display: flex;
	flex-direction: column;
	gap: 12px;
	text-decoration: none;
	font-weight: 600;
	line-height: normal;
	color: var(--text);
	letter-spacing: 0.48px;
}

.home-services:not(.inner) .box .item .title a:before {
	counter-increment: services;
  	content: "0"counter(services);
	color: var(--text);
	font-weight: 400;
	font-family: var(--font-num);
}

.home-services .box .item:hover .title a, .home-services .box .item.first .title a {
	color: var(--accent);
}

.home-services .box .item .list {
	border-top: 0px solid var(--grey-20);
	padding-top: 0px;
	max-height: 0px;
	overflow: hidden;
	transition: var(--all-out);
}

@media (min-width: 768px) {
	.home-services .box .item:hover .list, .home-services .box .item.first .list {
		transition: var(--all-in);
		border-top: 1px solid var(--grey-20);
		padding-top: 24px;
		max-height: 400px;
	}
}

.home-services .box .item .list ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.home-services .box .item .list li {
	line-height: 19px;
}

.home-services .box .item .list li:not(:first-child) {
	margin-top: 16px;
}

.home-services .box .item .list a {
	padding-left: 11px;
	color: var(--text);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.32px;
	text-decoration: none;
	position: relative;
	display: block;
}

.home-services .box .item .list a::before {
	width: 3px;
	height: 100%;
	border-radius: 4px;
	background: var(--accent);
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}

.home-services .box .item .list a:hover {
	color: var(--accent);
}

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

/**/

.portfolio-widget {
	padding: 60px 0;
}

.portfolio-widget.inner-page {
	background: url('../images/portfolio-inner-bg.svg') top center / 100% auto no-repeat, url('../images/portfolio-inner-bg2.svg') 0px calc(100% + 120px) no-repeat;
}

.portfolio-widget .box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 46px;
}

.portfolio-widget .box .item {
	border-radius: 24px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	overflow: hidden;
}

.portfolio-widget .box .item .img {
	width: 100%;
	height: 240px;
}

.portfolio-widget .box .item .img img {
	object-position: top center;
	scale: 1;
	transition: var(--all-out);
}

.portfolio-widget .box .item:hover .img img {
	scale: 1.05;
	transition: var(--all-in);
}

.portfolio-widget .box .item .content {
	padding: 40px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.portfolio-widget .box .item .content .name a {
	display: flex;
	min-height: 40px;
	padding-right: 50px;
	position: relative;
	align-items: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--text);
}

.portfolio-widget .box .item .content .name a:hover {
	color: var(--accent);
}

.portfolio-widget .box .item .content .name a::after {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/arrow-right-icon.svg') center center no-repeat;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.portfolio-widget .box .item .content p {
	color: rgba(35, 35, 35, 0.60);
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0.32px;
}

.portfolio-widget .but {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.portfolio-widget .but a {
	padding: 0 90px;
}


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

/**/

.team-list-widget {
	padding: 60px 0;
}

.team-list-widget h1 {
	text-align: center;
}

.team-list-widget.inner-page {
	background: url('../images/portfolio-inner-bg.svg') top center / 100% auto no-repeat, url('../images/portfolio-inner-bg2.svg') 0px calc(100% + 120px) no-repeat;
}

.team-list-widget .box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 46px;
}

.team-list-widget .box .item {
	border-radius: 24px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	overflow: hidden;
}

.team-list-widget .box .item .img {
	width: 100%;
	height: 430px;
}

.team-list-widget .box .item .img img {
	object-position: top center;
	scale: 1;
	transition: var(--all-out);
}

.team-list-widget .box .item:hover .img img {
	scale: 1.05;
	transition: var(--all-in);
}

.team-list-widget .box .item .content {
	padding: 40px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.team-list-widget .box .item .content .name a {
	display: flex;
	min-height: 40px;
	padding-right: 50px;
	position: relative;
	align-items: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--text);
}

.team-list-widget .box .item .content .name a:hover {
	color: var(--accent);
}

.team-list-widget .box .item .content .name a::after {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/arrow-right-icon.svg') center center no-repeat;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.team-list-widget .box .item .content p {
	color: rgba(35, 35, 35, 0.60);
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0.32px;
}

.team-list-widget .but {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.team-list-widget .but a {
	padding: 0 90px;
}


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

/**/

.page-form-block {
	margin-top: 60px;
	background: url('../images/form-block-bg.webp') center center / cover no-repeat;
	padding: 100px 0 125px;
	backdrop-filter: blur(190px);
}

.page-form-block .box {
	text-align: center;
}

.page-form-block .box > h2, .page-form-block .box > p {
	text-align: center;
	color: var(--white);
}

.page-form-block .box > p {
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
}

.page-form-block .box .form {
	margin-top: 57px;
	max-width: 926px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

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

.page-form-block .box .form .form-group {
	background: var(--white);
	border-radius: 12px;
	display: flex;
	align-items: center;
}

.page-form-block .box .form .form-group input[type="text"], .page-form-block .box .form .form-group input[type="tel"] {
	height: 56px;
	padding: 0 32px;
	border: 0;
	background: none;
	color: var(--text);
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	transition: var(--all-out);
}

.page-form-block .box .form .form-group input[type="text"].wpcf7-not-valid, .page-form-block .box .form .form-group input[type="tel"].wpcf7-not-valid {
	color: var(--red);
	transition: var(--all-in);
}

.page-form-block .box .form .form-group p {
	width: 100%;
	align-items: center;
}

.page-form-block .box .form .form-group.field-but, .page-form-block .box .form .form-group.field-but p {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.page-form-block .box .form .form-group input[type="submit"] {
	height: 52px;
	padding: 0 93px;
	flex-shrink: 0;
	margin-right: 2px;
	background: rgb(21,63,117);
  	background: -moz-linear-gradient(90deg, #153F75 0%, #153F75 50%, #307BD2 200%);
  	background: -webkit-linear-gradient(90deg, #153F75 0%, #153F75 50%, #307BD2 200%);
  	background: linear-gradient(90deg, #153F75 0%, #153F75 50%, #307BD2 200%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#153f75",endColorstr="#307bd2",GradientType=1);
	background-size: 200%;
	background-position: 0% 0;
}

.page-form-block .box .form .form-group input[type="submit"]:hover {
	background-position: 100% 0;
}

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

/**/

.why-we {
	padding: 120px 0 60px;
}

.why-we .box {
	display: flex;
	justify-content: center;
	gap: 62px;
}

.why-we .box:not(.after)::before {
	content: "vs";
	width: 138px;
	height: 138px;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	border-radius: 50%;
	background: var(--liner, linear-gradient(180deg, #153F75 0%, #307BD2 100%));
	font-size: 64px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.why-we .box .item {
	width: 100%;
	max-width: 506px;
	padding: 203px 55px 70px 55px;
	box-shadow: var(--header-shadow);
	border-radius: 24px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	position: relative;
}

.why-we .box .item .title {
	width: 100%;
	max-width: 472px;
	height: 100px;
	border-radius: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 32px;
	left: -60px;
	box-shadow: var(--service-shadow);
	background: var(--white);
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0.64px;
	text-transform: uppercase;
}

.why-we .box .item:nth-child(2) .title {
	left: initial;
	right: -60px;
}

.why-we .box .item .title img {
	max-height: 71px;
}

.why-we .box .item ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 35px;
}

.why-we .box .item ul li {
	padding-left: 32px;
	line-height: 28px;
	font-size: 20px;
	font-weight: 300;
	position: relative;
}

.why-we .box .item ul li b, .why-we .box .item ul li strong {
	font-weight: 600;
	text-transform: uppercase;
	color: var(--accent);
}

.why-we .box .item ul li::before {
	width: 24px;
	height: 28px;
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	background: url('../images/why-ok-icon.svg') center center no-repeat;
}

.why-we .box .item:nth-child(2) ul li::before {
	background: url('../images/why-no-icon.svg') center center no-repeat;
}

.why-we .box.after {
	margin-top: 60px;
	width: 100%;
	max-width: 1074px;
	border-radius: 12px;
	height: 76px;
	display: flex;
	align-items: center;
	text-align: center;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	margin-left: auto;
	margin-right: auto;
}

.why-we .box.after p {
	color: var(--accent);
	font-size: 24px;
	font-weight: 600;
	line-height: 28px;
	text-transform: uppercase;
}

.why-we .box.after b, .why-we .box.after strong {
	font-weight: 600;
	font-family: var(--font-num);
}

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

/**/

.partners-block {
	padding: 60px 0;
}

.partners-block .box .item {
	padding: 0 40px;
	height: 132px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partners-block .box .item img {
	max-height: 100%;
}

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

.slick-dots li button {
	width: 16px;
	height: 3px;
	border-radius: 2px;
	background: var(--light-violet);
	border: 0;
	padding: 0;
	font-size: 0;
	margin: 0 0px;
}

.slick-dots li button:hover {
	background: var(--accent);
}

.slick-dots li.slick-active button {
	background: var(--accent);
	width: 60px;
	margin: 0 14px;
}

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

/**/

.about-us-block {
	padding: 60px 0 120px;
	overflow-x: hidden;
}

body.page-template-default .about-us-block {
	background: rgb(255,255,255);
  	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);
  	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);
  	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f3f8fe",GradientType=1);
  	position: relative;
}

body.page-template-default .about-us-block::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/learn-bg2.svg') 0% calc(100% + 720px) no-repeat, url('../images/learn-bg1.svg') bottom center / 100% auto no-repeat;
}

.about-us-block .container > h1 {
	text-align: center;
	font-size: 40px;
  	text-transform: uppercase;
  	line-height: 1.3;
}

.about-us-block .box {
	display: flex;
	gap: 40px;
	justify-content: space-between;
}

.about-us-block .box .text {
	width: 100%;
	max-width: 580px;
	flex-shrink: 0;
}

.about-us-block .box .text p, .about-us-block .box .text ul, .about-us-block .box .text ol {
	font-size: 16px;
}

.about-us-block .box .text .blocks .item:not(:first-child) {
	padding-top: 24px;
	border-top: 1px solid var(--accent-10);
}

.about-us-block .box .text .blocks .item {
	display: flex;
	align-items: center;
	gap: 24px;
}

.about-us-block .box .text .blocks .item > div {
	padding-right: 50px;
	color: var(--accent);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	max-width: 230px;
	flex-shrink: 0;
}

.about-us-block .box .text .blocks .item > div::after {
	width: 40px;
  	height: 40px;
  	border-radius: 50%;
  	border: 2px solid var(--accent);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	background: url('../images/arrow-right-icon.svg') center center no-repeat;
  	content: "";
  	position: absolute;
  	right: 0;
  	top: 50%;
	translate: 0 -50%;
}

.about-us-block .box .img .h5 {
	text-transform: uppercase;
	font-weight: 600;
	margin-bottom: 36px;
}

.about-us-block .box .img .h5 span, .about-us-block .box .img .h5 b, .about-us-block .box .img .h5 strong {
	font-weight: 600;
	color: var(--accent);
}

.about-us-block .box .img .image {
	position: relative;
}

.about-us-block .box .img .image > div {
	width: 220px;
	height: 54px;
	padding: 2px;
	background: var(--white);
	box-shadow: var(--header-shadow);
	display: flex;
	align-items: center;
	gap: 28px;
	border-radius: 12px;
	position: absolute;
	top: -27px;
	right: -16px;
}

.about-us-block .box .img .image > div p {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: var(--accent)
}

.about-us-block .box .img .image > div .icon {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family: var(--font-num);
	background: rgb(48,123,210);
	background: -moz-linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
	background: linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#307bd2",endColorstr="#153f75",GradientType=1); 
	color: var(--white);
	border-radius: 8px;

	font-size: 28px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.56px;
}

.about-us-block .box .img > p {
	font-weight: 600;
}

.about-us-block .but {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.about-us-block .but a {
	padding: 0 64px;
}

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

/**/

.our-culture {
	padding: 80px 0;
	background: rgb(48,123,210);
	background: -moz-linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
	background: linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#307bd2",endColorstr="#153f75",GradientType=1); 
	position: relative;
}

.our-culture::before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	background: url('../images/lines-bg.webp') center center no-repeat;
}

.our-culture .container {
	z-index: 2;
}

.our-culture h2 {
	color: var(--white);
}

.our-culture .box {
	display: flex;
	justify-content: space-between;
	counter-reset: culture;
}

.our-culture .box .item {
	width: 100%;
	max-width: 300px;
	gap: 40px;
}

.our-culture .box .item .title {
	display: flex;
	align-items: center;
	gap: 28px;
}

.our-culture .box .item .title .icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.our-culture .box .item .title .icon::after {
	counter-increment: culture;
  	content: ""counter(culture);
	color: var(--white);
	font-weight: 400;
	font-family: var(--font-num);
	box-shadow: var(--culture-shadow);
	background: var(--accent);
	width: 22px;
	height: 22px;
	border-radius: 50%;
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 2;
	font-size: 12px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}

.our-culture .box .item .title p {
	color: var(--white);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.48px;
	text-transform: uppercase;
}

.our-culture .box .item > p, .our-culture .box .item > ol, .our-culture .box .item > ul {
	color: var(--white);
}

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

/**/

.learn-block {
	padding: 120px 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(243,248,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f3f8fe",GradientType=1); 
	position: relative;
}

.learn-block::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/learn-bg2.svg') 0% calc(100% + 720px) no-repeat, url('../images/learn-bg1.svg') bottom center / 100% auto no-repeat;
}

.learn-block .box {
	gap: 40px;
	counter-reset: learn;
}

.learn-block .box .item:not(:first-child) {
	padding-top: 40px;
	border-top: 1px solid var(--accent-10);
}

.learn-block .box .item {
	display: flex;
	gap: 50px;
	justify-content: space-between;
	width: 100%;
	max-width: 925px;
	margin-left: auto;
	margin-right: auto;
}

.learn-block .box .item .img {
	width: 150px;
	height: 150px;
	border-radius: 12px;
	background: var(--accent-light);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.learn-block .box .item .img a {
	display: flex;
	width: 100%;
	height: 100%;
}

.learn-block .box .item .text {
	padding-left: 100px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	max-width: 596px;
}

.learn-block .box .item .text::before {
	counter-increment: learn;
	content: "0"counter(learn);
	font-weight: 300;
	font-family: var(--font-num);
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 0;
}

.learn-block .box .item .text .h5 {
	font-weight: 600;
}

.learn-block .box .item .text .h5 a {
	color: var(--accent);
	text-transform: uppercase;
	text-decoration: none;
}

.learn-block .box .item .text .h5 a:hover {
	color: var(--title);
}

.learn-block .box .item .more {
	margin-left: auto;
}

.learn-block .box .item .more a {
	width: 40px;
  	height: 40px;
  	border-radius: 50%;
  	border: 2px solid var(--accent);
  	display: flex;
	flex-shrink: 0;
  	background: url('../images/arrow-right-icon.svg') center center no-repeat;
}

.learn-block .but {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.learn-block .but a {
	padding: 0 77px;
}

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

/**/

.expert-block-form {
	background: var(--accent);
	padding: 36px 0 0;
	overflow: hidden;
	position: relative;
}

.expert-block-form::before {
	height: 100%;
	width: calc(50vw - (var(--container) / 2 - 15px - 340px));
	background: rgb(21, 63, 117);
	background: linear-gradient(79deg, #307BD2 -20.17%, #153F75 122.99%);
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}

.expert-block-form .container {
	z-index: 3;
}

.expert-block-form::after {
	width: 100%;
	height: 68px;
	content: "";
	background: var(--background);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.expert-block-form .box {
	display: flex;
	align-items: center;
}

.expert-block-form .box .img {
	display: flex;
	gap: 4px;
	align-items: center;
}

.expert-block-form .box .img .image {
	width: 310px;
	flex-shrink: 0;
}

.expert-block-form .box .img .image img {
	vertical-align: top;
	filter: drop-shadow(8px -9px 16px rgba(0, 0, 0, 0.10));
}

.expert-block-form .box .img .title {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding-top: 40px;
}

.expert-block-form .box .img .title .h2 {
	font-weight: bold;
	color: var(--white);
}

.expert-block-form .box .img .title .but {
	width: 100%;
	max-width: 465px;
}

.expert-block-form .box .img .title .but a {
	width: 100%;
	border: 1px solid var(--white);
}

.expert-block-form .box .info {
	width: 100%;
	max-width: 360px;
	padding-left: 50px;
	padding-top: 40px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.expert-block-form .box .info .text {
	font-size: 14px;
	color: var(--white);
	font-style: italic;
}

.expert-block-form .box .info .person {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.expert-block-form .box .info .person > div {
	color: var(--white);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
}

.expert-block-form .box .info .person > p {
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

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

/**/

.articles-widget {
	padding: 120px 0 60px;
}

.articles-widget.articles-list {
	padding: 100px 0 60px;
}

.articles-widget.articles-list h1 {
	text-align: center;
}

.articles-widget .box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 46px;
}

.articles-widget .box .item {
	border-radius: 24px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	overflow: hidden;
}

.articles-widget .box .item .img {
	width: 100%;
	height: 240px;
	position: relative;
}

.articles-widget .box .item .img img {
	object-position: top center;
	scale: 1;
	transition: var(--all-out);
}

.articles-widget .box .item:hover .img img {
	scale: 1.05;
	transition: var(--all-in);
}

.articles-widget .box .item .img .counter {
	position: absolute;
	bottom: 12px;
	right: 12px;
	border-radius: 8px;
	background: var(--white);
	color: var(--black);
	font-size: 14px;
  	line-height: 24px;
  	padding: 0 12px;
  	box-shadow: var(--service-shadow);
  	display: flex;
  	align-items: center;
  	gap: 6px;
  	font-weight: 500;
}

.articles-widget .box .item .img .counter svg {
	max-width: 14px;
	opacity: 0.7;
}

.articles-widget .box .item .content {
	padding: 40px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.articles-widget .box .item .content .name a {
	display: flex;
	min-height: 40px;
	padding-right: 50px;
	position: relative;
	align-items: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--text);
}

.articles-widget .box .item .content .name a:hover {
	color: var(--accent);
}

.articles-widget .box .item .content .name a::after {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/arrow-right-icon.svg') center center no-repeat;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.articles-widget .box .item .content p {
	color: rgba(35, 35, 35, 0.60);
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0.32px;
}

.articles-widget .but {
	margin-top: 60px;
	display: flex;
	justify-content: center;
}

.articles-widget .but a {
	padding: 0 90px;
}


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

/**/

.service-help-block {
	padding: 60px 0;
}

.service-help-block .box {
	display: grid;
	gap: 44px;
	grid-template-columns: 1fr 1fr 1fr;
	counter-reset: help;
}

.service-help-block .box .item {
	width: 100%;
	padding: 40px 0 0 50px;
	position: relative;
}

.service-help-block .box .item::before {
	counter-increment: help;
	content: ""counter(help);
	font-family: var(--font-num);
	font-size: 170px;
	line-height: 150px;
	font-weight: 500;
	opacity: 0.8;
	position: absolute;
	left: 16px;
	top: 0;
	z-index: 1;
}

.service-help-block .box .item .text {
	border-radius: 24px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	backdrop-filter: blur(12.5px);
	box-shadow: var(--service-shadow);
	position: relative;
	z-index: 2;
	padding: 32px;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.service-help-block .box .item .text .title {
	padding-left: 36px;
	line-height: 1.5;
	position: relative;
}

.service-help-block .box .item .text .title .icon {
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 6px;
}

.service-help-block .box .item .text .title p {
	font-size: 24px;
	color: var(--accent);
	font-weight: 600;
	text-transform: uppercase;
}

.service-help-block .box .item .text > p {
	font-size: 14px;
}

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

/**/

.service-result {
	padding: 60px 0;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,0.952) 0%, rgba(243,248,254,1) 40%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,0.952) 0%, rgba(243,248,254,1) 40%);
	background: linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(243,248,254,1) 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f3f8fe",GradientType=1); 
	position: relative;
}

.service-result::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 175px;
	background: url('../images/learn-bg2.svg') 0% calc(100% + 720px) no-repeat, url('../images/learn-bg1.svg') bottom center / 100% auto no-repeat, -moz-linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 50%), -webkit-linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 50%), linear-gradient(0deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0) 50%);
}

.service-result .box {
	counter-reset: result;
}

.service-result .box .item:not(:first-child) {
	padding-top: 32px;
	border-top: 1px solid var(--accent-10);
}

.service-result .box .item {
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: center;
}

.service-result .box .item::before {
	counter-increment: result;
	content: "0"counter(result);
	font-size: 32px;
	font-weight: 300;
	font-family: var(--font-num);
	line-height: 36px;
	display: block;
	width: 97px;
	left: 0;
	top: 0;
	text-align: center;
	position: absolute;
}

.service-result .box .item:not(:first-child)::before {
	top: 32px;
}

.service-result .box .item .text {
	padding-left: 97px;
	width: 100%;
	max-width: 661px;
}

.service-result .box .item .icon {
	margin-left: auto;
	width: 80px;
	height: 80px;
	margin-right: 54px;
}

.service-result .box .item .icon img {
	max-width: 80px;
}

.service-result .box .item .text .title {
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
}

.service-result .box .item .text .title a {
	text-decoration: none;
	color: var(--text);
}

.service-result .box .item:hover .text .title a {
	color: var(--accent);
}

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

/**/

.motivation-block {
	padding: 80px 0;
	background: var(--accent);
	position: relative;
}

.motivation-block::before,
.motivation-block::after {
	content: "";
	border-radius: 50%;
	width: 385px;
	height: 385px;
	opacity: 0.6;
	background: #00D4FF;
	filter: blur(200px);
	display: flex;
	position: absolute;
}

.motivation-block::before {
	right: calc(50% + 280px);
	bottom: 19px;
}

.motivation-block::after {
	bottom: 100px;
	left: calc(50% + 250px);
}

.motivation-block .container {
	z-index: 2;
}

.motivation-block .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.motivation-block .box > img {
	max-width: 525px;
}

.motivation-block .box .text {
	width: 100%;
	max-width: 100%;
	flex-direction: row;
}

.motivation-block .box .text .h2 {
	color: var(--white);
	font-weight: 700;
	width: 100%;
	max-width: 580px;
}

.motivation-block .box .text p {
	color: var(--white);
	font-weight: 300;
	font-size: 24px;
	max-width: 580px;
}

.motivation-block .box .text .but a {
	border: 1px solid var(--white);
}

.motivation-block .box .text .but a {
	height: 46px;
}

.motivation-block .box .text .contacts-but-block .tg a {
	color: var(--white);
}


.motivation-block .box .text .contacts-but-block .tg a::before {
	background: url('../images/telegram-icon-white.svg') center center / 40px auto no-repeat;
}

.motivation-block .after {
	margin-top: 100px;
	position: relative;
}

.motivation-block .after .company {
	box-shadow: var(--header-shadow);
	padding: 24px 16px;
	background: var(--white);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	top: -50px;
	transform: translateX(-50%);
	z-index: 2;
}

.motivation-block .after .company img {
	width: 136px;
	height: 28px;
}

.motivation-block .after > img {
	max-width: 100%;
}

.motivation-block .after .contacts-but-block {
	display: none;
}

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

/**/

.faq-block {
	padding: 60px 0 120px;
}

.faq-block .box {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.faq-block .box .item .title {
	width: 100%;
	height: 82px;
	border: 1px solid var(--grey-5);
	border-radius: 24px;
	padding: 20px 72px 20px 32px;
	background: var(--accent-5);
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: var(--all-out);
	position: relative;
	color: var(--title);
	font-size: 18px;
	font-weight: 400;
}

.faq-block .box .item .title::after {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	background-color: var(--white);
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url('../images/faq-close.svg');
	transition: var(--all-out);
	position: absolute;
	right: 32px;
	top: 50%;
	translate: 0 -50%;
	content: "";
}

.faq-block .box .item .title.open::after {
	background-image: url('../images/faq-open.svg');
	background-color: var(--accent);
	transition: var(--all-in);
}

.faq-block .box .item .title:hover, .faq-block .box .item .title.open {
	transition: var(--all-in);
	color: var(--accent);
	font-weight: 500;
}

.faq-block .box .item .content {
	padding: 0px 32px;
  	max-height: 0;
  	overflow: hidden;
  	transition: var(--all-out);
}

.faq-block .box .item .content.open {
	transition: var(--all-in);
	padding: 24px 32px;
}

.faq-block .box .item .content p, .faq-block .box .item .content ol, .faq-block .box .item .content ul {
	color: var(--accent);
	font-size: 14px;
}

.faq-block .box .item .content > *:not(:first-child) {
	margin-top: 18px;
}

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

/**/

.about-content {
	padding: 120px 0 70px;
}

.about-content .box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 54px;
}

.about-content .box .img {
	width: 100%;
	max-width: 614px;
	flex-shrink: 0;
}

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

.about-content .box .text p, .about-content .box .text ol, .about-content .box .text ul {
	font-size: 16px;
}

.about-content .box .text b, .about-content .box .text strong {
	font-weight: bold;
	color: var(--accent);
}

.about-content .box .text ul {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.about-content .box .text ul li {
	padding-left: 36px;
	position: relative;
}

.about-content .box .text ul li::before {
	content: "";
	width: 24px;
	height: 24px;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/why-ok-icon.svg') center center no-repeat;
}

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

/**/

.rules-slider-block {
	padding: 60px 0;
}

.rules-slider-block .box {
	width: 100%;
	padding-left: calc(50vw - (var(--container) / 2) - 25px);
	counter-reset: rules;
	margin-top: 20px !important;
}

.rules-slider-block .box .item {
	display: flex;
	width: 700px;
	padding: 60px 80px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	background: var(--white);
	border-radius: 50px;
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	margin: 40px;
}

.rules-slider-block .box .item .title {
	font-weight: 600;
	text-transform: uppercase;
	color: var(--accent);
}

.rules-slider-block .box .item .text {
	display: flex;
	flex-direction: column;
	gap: 32px;
	position: relative;
	z-index: 2;
	min-height: 400px;
}

.rules-slider-block .box .item .text p {
	font-weight: 300;
	font-size: 14px;
}

.rules-slider-block .box .item .text ul, .rules-slider-block .box .item .text ol {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.rules-slider-block .box .item .text ul li, .rules-slider-block .box .item .text ol li {
	line-height: 24px;
	font-size: 14px;
	color: var(--title);
}

.rules-slider-block .box .item .text ul {
	list-style: none;
	padding-left: 0px;
}

.rules-slider-block .box .item .text ul li {
	padding-left: 36px;
	position: relative;
}

.rules-slider-block .box .item .text ul li::before {
	width: 24px;
	height: 24px;
	display: flex;
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	background: url('../images/why-ok-icon.svg') center center no-repeat;
}

.rules-slider-block .box .item .icon {
	position: absolute;
	z-index: 1;
	right: 80px;
	bottom: 50px;
	width: 164px;
	height: 186px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	font-family: var(--font-num);
	color: var(--accent-10);
	font-size: 250px;
	font-weight: 500;
	line-height: 175px;
}

.rules-slider-block .box .item .icon img {
	rotate: -16deg;
	position: absolute;
	bottom: 0;
	right: 0;
}

.rules-slider-block .box .slider.slick-slider .slick-list {
	padding: 0 40% 0 0;
}

.slick-arrow {
	width: 40px;
	height: 40px;
	border: 2px solid var(--accent);
	font-size: 0;
	display: flex;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	z-index: 2;
}

.slick-arrow.slick-prev {
	background: url('../images/arrow-left.svg') center center no-repeat;
	left: -12px;
}

.slick-arrow.slick-next {
	background: url('../images/arrow-right.svg') center center no-repeat;
	right: calc(40% - 12px);
}

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

/**/

.how-we-work {
	padding: 60px 0 70px;
	background: url('../images/lines_block_7.svg') 50% 35px no-repeat;
}

.how-we-work .box {
	gap: 80px;
	counter-reset: how;
}

.how-we-work .box .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1025px;
	margin-left: auto;
	margin-right: auto;
	gap: 80px;
}

.how-we-work .box .row .text-block {
	gap: 50px;
}

.how-we-work .box .row:nth-child(2n) .text-block {
	order: 2;
}

.how-we-work .box .row:nth-child(2n) .img {
	order: 1;
}

.how-we-work .box .row .text-block {
	width: 100%;
	max-width: 400px;
}

.how-we-work .box .row .text-block .block {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.how-we-work .box .row .text-block .block .num {
	position: relative;
}

.how-we-work .box .row .text-block .block .num img {
	max-width: 28px;
	max-height: 24px;
	position: absolute;
	left: -8px;
	bottom: -11px;
	z-index: 2;
	vertical-align: top;
}

.how-we-work .box .row .text-block .block .num::before {
	counter-increment: how;
	content: "0"counter(how);
	font-size: 32px;
	font-weight: 300;
	font-family: var(--font-num);
	line-height: 24px;
	height: 24px;
  	display: flex;
}

.how-we-work .box .row .text-block .text {
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.how-we-work .box .row .text-block .text p, .how-we-work .box .row .text-block .text ul, .how-we-work .box .row .text-block .text ol {
	font-size: 14px;
}

.how-we-work .box .row .text-block .title {
	text-transform: uppercase;
	color: var(--accent);
	font-weight: 600;
	line-height: 1.5;
}

.how-we-work .box .row .img {
	text-align: center;
	position: relative;
}

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

/**/

a.go-top {
	position: fixed;
	right: -41px;
	bottom: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--accent);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: var(--all-out);
	background: var(--background);
}

a.go-top.showed {
	right: 20px;
	opacity: 1;
	transition: var(--all-in);
}

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

/**/

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

.wpcf7-response-output {
	display: none !important;
}

.wpcf7-spinner {
	position: absolute;
	right: 16px;
	top: 50%;
	translate: 0 -50%;
}

.modal-box {
	width: 375px;
	padding: 0 24px;
}

.modal-box .title {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}

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

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

.modal-box .form-box form .form-group.but {
	margin-top: 12px;
	position: relative;
}

.modal-box .form-box form .form-group input[type="text"], .modal-box .form-box form .form-group input[type="tel"], .modal-box .form-box form .form-group input[type="email"] {
	width: 100%;
	height: 46px;
	border-radius: 12px;
	padding: 0 24px;
	font-size: 14px;
	border: 1px solid var(--accent-10);
	transition: var(--all-out);
}

.modal-box .form-box form .form-group input[type="text"].wpcf7-not-valid, .modal-box .form-box form .form-group input[type="tel"].wpcf7-not-valid, .modal-box .form-box form .form-group input[type="email"].wpcf7-not-valid {
	border: 1px solid var(--red);
	transition: var(--all-in);
}

.fancybox__content {
	border-radius: 24px;
}

.modal-box .form-box form .form-group.but input {
	width: 100%;
}

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

/**/

.advantages-home {
	padding: 60px 0 80px;
}

.advantages-home .box {
	box-shadow: var(--header-shadow);
	border-radius: 16px;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 18px;
	gap: 32px;
}

.advantages-home .box .item {
	min-width: 300px;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 30px 0;
}

.advantages-home .box .item:not(:last-child) {
	padding-right: 32px;
	border-right: 1px solid var(--accent-10);
}

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

.advantages-home .box .item .text .title {
	font-size: 24px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: 600;
	font-family: var(--font-num);
}

.advantages-home .box .item .text .title span {
	color: var(--accent);
}

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

/**/

.achievements-block {
	padding: 60px 0;
}

.achievements-block .box {
	border-top: 1px solid var(--accent-10);
	border-bottom: 1px solid var(--accent-10);
	padding: 48px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 42px;
}

.achievements-block .box .item {
	width: 100%;
}

.achievements-block .box .item .number {
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	background: var(--liner, linear-gradient(180deg, #153F75 0%, #307BD2 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.achievements-block .box .item .number b {
	font-size: 100px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 2px;
	font-family: var(--font-num);
}

.achievements-block .box .item .text {
	border-radius: 12px;
	border: 0.08px solid rgba(48, 123, 210, 0.10);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	box-shadow: 0.803px 1.605px 0.803px 0px rgba(241, 241, 241, 0.01), 1.605px 6.421px 9.632px 0px rgba(96, 96, 115, 0.08);
	backdrop-filter: blur(10.03344440460205px);
	text-align: center;
	padding: 16px 20px;
	position: relative;
	z-index: 1;
	translate: 0 -25px;
}

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

/**/

.about-content2 {
	padding: 120px 0;
}

.about-content2 .box {
	gap: 40px;
	display: flex;
}

.about-content2 .box .text {
	order: 1;
	overflow: hidden;
	position: relative;
	transition: all 0.3s;
}

.about-content2 .box .img {
	order: 2;
	border-radius: 25px;
	max-height: 337px;
	flex-shrink: 0;
	width: 100%;
	max-width: 580px;
}

.about-content2 .text .inner {
	height: 100%;
	overflow: hidden;
}

.about-content2 .text .inner > *:not(:last-child) {
	margin-bottom: 16px;
}

.about-content2 .text.more {
	padding-bottom: 70px;
}

.about-content2 .text.more .but {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0;
	text-align: center;
	display: flex;
	justify-content: center;
}

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

/**/

.contacts-form-block {
	padding: 100px 0 60px;
}

.contacts-form-block h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-align: center;
}

.contacts-form-block .box {
	display: grid;
	grid-template-columns: auto 270px;
	gap: 40px;
}

.contacts-form-block .contacts-form-box {
	box-shadow: var(--service-shadow);
	border-radius: 16px;
	background: var(--white);
	backdrop-filter: blur(12.5px);
	padding: 60px;
}

.contacts-form-box form > p {
	font-size: 16px;
	font-weight: 400;
	line-height: 150%;
}

.contacts-form-box .form-group.types {
	margin-bottom: 50px;
	margin-top: 32px;
}

.contacts-form-box .form-group.types input {
	display: none;
}

.contacts-form-box .form-group.types label .wpcf7-list-item-label {
	border-radius: 12px;
	padding: 16px;
	display: flex;
	gap: 8px;
	transition: var(--all-out);
	font-size: 18px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	cursor: pointer;
}

.contacts-form-box .form-group.types label input:checked + .wpcf7-list-item-label {
	box-shadow: var(--header-shadow);
	background: var(--white);
	backdrop-filter: blur(12.5px);
	transition: var(--all-in);
}

.contacts-form-box .form-group.types .wpcf7-radio {
	display: flex;
	gap: 16px 28px;
	flex-wrap: wrap;
}

.contacts-form-box .form-group.types .wpcf7-list-item {
	margin: 0;
}

.contacts-form-box .form-group.types .wpcf7-list-item .wpcf7-list-item-label::before {
	width: 24px;
	height: 24px;
	display: flex;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.contacts-form-box .form-group.types .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::before {
	background-image: url('../images/service-website-icon.svg');
}

.contacts-form-box .form-group.types .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::before {
	background-image: url('../images/service-audit-icon.svg');
}

.contacts-form-box .form-group.types .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label::before {
	background-image: url('../images/service-audit-icon.svg');
}

.contacts-form-box .form-group.types .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label::before {
	background-image: url('../images/service-grow-icon.svg');
}

.contacts-form-box .form-group.types .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label::before {
	background-image: url('../images/service-advartisement-icon.svg');
}

.contacts-form-box .form-group.types .wpcf7-list-item:nth-child(6) .wpcf7-list-item-label::before {
	background-image: url('../images/service-advartisement-icon.svg');
}

.contacts-form-box .cols:not(.buts) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-top: 32px;
}

.contacts-form-box .cols:not(.buts) .form-group input[type="text"], .contacts-form-box .cols:not(.buts) .form-group input[type="tel"], .contacts-form-box .cols:not(.buts) .form-group textarea {
	width: 100%;
	border-radius: 12px;
	border: 2px solid var(--background);
	background: var(--white);
	padding: 0 32px;
	font-size: 16px;
	font-weight: 500;
	height: 56px;
	transition: var(--all-out);
}

.contacts-form-box .cols:not(.buts) .form-group input[type="text"].wpcf7-not-valid, .contacts-form-box .cols:not(.buts) .form-group input[type="tel"].wpcf7-not-valid, .contacts-form-box .cols:not(.buts) .form-group textarea.wpcf7-not-valid {
	transition: var(--all-in);
	border-color: var(--red);
}

.contacts-form-box .cols:not(.buts) .form-group textarea {
	height: 100%;
	padding: 16px 32px;
	height: 136px;
}

.contacts-form-box .cols:not(.buts) .col {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.contacts-form-box .cols.buts {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.contacts-form-box .cols.buts input[type="submit"] {
	width: 100%;
}

.contacts-form-box .cols.buts .tg a {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
	color: var(--accent);
	font-size: 14px;
}

.contacts-form-box .cols.buts .tg a:hover {
	color: var(--title);
}

.contacts-form-box .cols.buts .tg a::before {
	width: 46px;
	height: 46px;
	display: flex;
	content: "";
	background: url('../images/telegram-icon.svg') center center / 40px auto no-repeat;
	flex-shrink: 0;
}

.contacts-form-box .cols.buts .tg a > span {
	display: flex;
	flex-direction: column;
	gap: 6px;
	line-height: 16px;
}

.contacts-form-box .cols.buts .tg a span > span {
	display: block;
	font-family: var(--font-num);
	font-weight: 700;
	line-height: 1.5;
}

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

.contacts-form-block .box .expert-block-box {
	border-radius: 16px;
	width: 100%;
	background: var(--accent);
	padding: 60px 25px 0 25px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 60px;
}

.contacts-form-block .box .expert-block-box::before {
	height: 100%;
	width: 100%;
	background: rgb(21,63,117);
	background: linear-gradient(79deg, #307BD2 -20.17%, #153F75 122.99%);
	position: absolute;
	top: 0;
	right: 0;
	content: "";
}

.contacts-form-block .box .expert-block-box .img, .contacts-form-block .box .expert-block-box .info {
	position: relative;
	z-index: 2;
}

.contacts-form-block .box .expert-block-box .img {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
}

.contacts-form-block .box .expert-block-box .img .image {
	max-width: 190px;
}

.contacts-form-block .box .expert-block-box .img .title {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.contacts-form-block .box .expert-block-box .img .title .h2 {
	font-weight: bold;
	color: var(--white);
	font-size: 18px;
	line-height: 1.5;
}

.contacts-form-block .box .expert-block-box .info {
	width: 100%;
	max-width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.contacts-form-block .box .expert-block-box .info .text {
	font-size: 14px;
	color: var(--white);
	font-style: italic;
}

.contacts-form-block .box .expert-block-box .info .person {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.contacts-form-block .box .expert-block-box .info .person > div {
	color: var(--white);
	font-size: 20px;
	font-weight: 600;
	line-height: 1.5;
}

.contacts-form-block .box .expert-block-box .info .person > p {
	color: var(--white);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

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

/**/

.our-cases-block {
	padding: 40px 0 60px;
}

.our-cases-block h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-align: center;
}

.our-cases-block .box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 46px;
}

.our-cases-block .box .item {
	border-radius: 24px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	overflow: hidden;
}

.our-cases-block .box .item .img {
	width: 100%;
	height: 240px;
}

.our-cases-block .box .item .img img {
	object-position: top center;
	scale: 1;
	transition: var(--all-out);
}

.our-cases-block .box .item:hover .img img {
	scale: 1.05;
	transition: var(--all-in);
}

.our-cases-block .box .item .content {
	padding: 40px 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.our-cases-block .box .item .content .name a {
	display: flex;
	min-height: 40px;
	padding-right: 50px;
	position: relative;
	align-items: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--text);
}

.our-cases-block .box .item .content .name a:hover {
	color: var(--accent);
}

.our-cases-block .box .item .content .name a::after {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid var(--accent);
	display: flex;
	align-items: center;
	justify-content: center;
	background: url('../images/arrow-right-icon.svg') center center no-repeat;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}

.our-cases-block .box .item .content p {
	color: rgba(35, 35, 35, 0.60);
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0.32px;
}

.our-cases-block .filter-box {
	margin-top: 60px;
	padding: 24px 0;
	border-top: 1px solid var(--accent-10);
	border-bottom: 1px solid var(--accent-10);
}

.our-cases-block .filter-box ul {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.our-cases-block .filter-box ul button {
	background: var(--background);
	height: 56px;
	padding: 0 16px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	border: 0;
	backdrop-filter: blur(12.5px);
	cursor: pointer;
	font-size: 17px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}

.our-cases-block .filter-box ul button.active {
	box-shadow: var(--service-shadow);
	background: var(--white);
}

.our-cases-block .filter-box ul button:hover {
	background: var(--white);
}

.our-cases-block .filter-box ul button img {
	max-width: 24px;
	max-height: 24px;
}

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

/**/

.contacts-us-types-block {
	padding: 40px 0 60px;
}

.contacts-us-types-block .box {
	border-radius: 16px;
	box-shadow: var(--service-shadow);
	background: var(--white);
	display: flex;
	padding: 60px;
	justify-content: space-between;
	gap: 70px;
}

.contacts-us-types-block .box .item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	width: 100%;
}

.contacts-us-types-block .box .item .icon {
	width: 100%;
	height: 40px;
	text-align: center;
}

.contacts-us-types-block .box .item .icon img {
	max-height: 40px;
}

.contacts-us-types-block .box .item .text {
	color: var(--text);
	font-size: 16px;
	font-family: var(--font-num);
	text-align: center;
}


.contacts-us-types-block .box .item .text a {
	color: var(--text);
	text-decoration: none;
	font-size: 16px;
}

.contacts-us-types-block .box .item .text a:hover {
	color: var(--accent);
}

.contacts-us-types-block .box .item .text p {
	color: var(--text);
	font-size: 16px;
	margin: 0;
}

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

/**/

.article-page {
	padding: 40px 0 60px;
}

.article-page .box {
	display: grid;
	grid-template-columns: 1fr 270px;
	gap: 40px;
}

.article-page .box.single {
	grid-template-columns: 1fr;
}

.article-page .box .sidebar.hide {
	display: none;
}

.article-page .box .sidebar {
	order: 2;
}

.article-page .box .sidebar .sidebar-content {
	background: var(--white);
	padding: 16px;
	border-radius: 16px;
	box-shadow: var(--header-shadow);
	display: flex;
	gap: 16px;
	flex-direction: column;
	align-items: center;
	position: sticky;
  	top: 140px;
}

.article-page .box .sidebar .sidebar-content .h5 {
	font-weight: bold;
}

.article-page .box .sidebar .sidebar-content ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
}

.article-page .box .sidebar .sidebar-content ul li {
	padding: 8px 0;
}

.article-page .box .sidebar .sidebar-content ul li:not(:last-child) {
	border-bottom: 1px solid rgba(167, 167, 167, 0.6);
}

.article-page .box .sidebar .sidebar-content ul li a {
	color: var(--accent);
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-decoration: none;
}

.article-page .box .sidebar .sidebar-content ul li a.active {
	font-weight: bold;
	color: var(--title);
}

.article-page .box .sidebar .sidebar-content ul li a:hover {
	color: var(--title);
}

.article-page .box .text.text-content {
	order: 1;
}

.article-page .box .text.text-content .inner {
	border-radius: 24px;
    background: var(--white);
    box-shadow: var(--service-shadow);
    backdrop-filter: blur(12.5px);
    padding: 24px;
}

.article-page .box .text.text-content ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.article-page .box .text.text-content ul li {
	padding-left: 32px;
	line-height: 1.5;
	font-size: 16px;
	position: relative;
}

.article-page .box .text.text-content ul li b, .article-page .box .text.text-content ul li strong {
	font-weight: 600;
	text-transform: uppercase;
	color: var(--accent);
}

.article-page .box .text.text-content ul li::before {
	width: 24px;
	height: 28px;
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	background: url('../images/why-ok-icon.svg') center center no-repeat;
}

.article-page .publish-date {
	padding-top: 24px;
	border-top: 1px solid var(--accent-10);
	font-size: 13px;
	color: var(--accent);
	margin-bottom: 24px;
	float: none;
	clear: both;
}

.article-page .publish-date span {
	font-size: 14px;
	color: var(--links);
	font-family: var(--font-num);
}

.article-page .author-box {
	display: grid;
	gap: 24px;	
	grid-template-columns: 80px 1fr;
}

.article-page .author-box .photo {
	width: 80px;
  	height: 80px;
	border-radius: 20px;
	overflow: hidden;
}

.article-page .author-box .photo img {
	width: 100%;
	height: auto;
	scale: 1;
	transition: var(--all-out);
}

.article-page .author-box .photo:hover img {
	scale: 1.05;
	transition: var(--all-in);
}

.article-page .author-box .text {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.article-page .author-box .text p {
	margin-top: 4px;
	font-size: 13px;
	font-weight: 500;
	line-height: normal;
}

.article-page .author-box .text .h2 {
	line-height: normal;
	font-size: 18px;
}

.article-page .author-box .text .h2 a {
	text-decoration: none;
	color: var(--dark)
}

.article-page .author-box .text .h2 a:hover {
	color: var(--links);
}

.article-page .author-box .text .position {
	margin-top: 0px;
  	font-size: 13px;
  	line-height: 10px;
	color: var(--text);
}

.article-page .author-box + .text.text-content {
	margin-top: 32px;
}

img.alignright {
	float: right;
	margin: 0 0 24px 24px;
}

img.alignleft {
	float: left;
	margin: 0 24px 24px 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

a img.alignright {
	float: right;
	margin: 0 0 24px 24px;
}

a img.alignleft {
	float: left;
	margin: 0 24px 24px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.article-page .title-box {
	background: rgb(48,123,210);
  	background: -moz-linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
  	background: -webkit-linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
  	background: linear-gradient(0deg, rgba(48,123,210,1) 0%, rgba(21,63,117,1) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#307bd2",endColorstr="#153f75",GradientType=1);
  	position: relative;
	height: 220px;
	padding: 0 32px;
	border-radius: 24px;
	display: flex;
	align-items: flex-start;
  	flex-direction: column;
  	justify-content: center;
}

.article-page .title-box::before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	content: "";
	width: 100%;
	height: 100%;
	background: url('../images/lines-bg.webp') center center no-repeat;
}

.article-page .title-box h1 {
	color: var(--white);
	font-size: 38px;
}

.article-page .title-box .counter {
	border-radius: 8px;
	background: var(--white);
	color: var(--black);
	font-size: 14px;
  	line-height: 24px;
  	padding: 0 12px;
  	box-shadow: var(--service-shadow);
  	display: flex;
  	align-items: center;
  	gap: 6px;
  	font-weight: 500;
	margin-top: 24px;
}

.article-page .title-box .counter svg {
	max-width: 14px;
	opacity: 0.7;
}

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

.pagination a, .pagination span {
	width: 32px;
	height: 32px;
	border-radius: 4px;
	border: 1px solid var(--accent);
	color: var(--accent);
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-feature-settings: "pnum" on,"lnum" on;
}

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

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

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

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

/**/

.breadcrumbs-block {
	margin-bottom: 24px;
	position: relative;
	z-index: 3;
}

.breadcrumbs-block + .whom-title-new {
	margin-top: -168px;
}

/*body.page-id-1471 .breadcrumbs-block {
	position: absolute;
	top: 91px;
	left: 0;
	width: 100%;
  	z-index: 2;
}*/

.breadcrumbs-block .breadcrumbs > span:not(:last-child) {
	margin-right: 6px;
}

.breadcrumbs-block .breadcrumbs > span:not(:last-child)::after {
	content: ">";
	font-size: 12px;
	margin-left: 6px;
}

.breadcrumbs-block .breadcrumbs > span a {
	font-size: 14px;
	color: var(--accent);
	font-weight: 600;
}

.breadcrumbs-block .breadcrumbs > span a:hover {
	color: var(--title);
}

.breadcrumbs-block .breadcrumbs > span span {
	font-size: 14px;
}

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

/**/

.whom-we-help-block {
	padding: 60px 0 100px;
	position: relative;
}

.whom-we-help-block::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 90px;
	background: url('../images/learn-bg2.svg') 0% calc(100% + 720px) no-repeat, url('../images/learn-bg1.svg') bottom center / 100% auto no-repeat, linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 85.96%);
}

.whom-we-help-block h1 {
	text-align: center;
}

.whom-we-help-block .box {
	margin-top: 75px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 73px 40px;
}

.whom-we-help-block .box .item {
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-height: 375px;
}

.whom-we-help-block .box .item .title {
	color: var(--accent);
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--grey-20);
}

.whom-we-help-block .box .item .text ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.whom-we-help-block .box .item .text ul li {
	position: relative;
	padding-left: 11px;
	color: rgba(35, 35, 35, 0.80);
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.32px;
}

.whom-we-help-block .box .item .text ul li::before {
	width: 3px;
	height: 100%;
	border-radius: 2px;
	background: var(--accent);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
}

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

/*case page*/

section.case-wrapper {
	padding: 80px 0 120px;
}

.case-wrapper .container.box {
	display: grid;
	grid-template-columns: auto 270px;
	gap: 40px;
}

.case-wrapper .container.box .case-sidebar {
	position: relative;
}

.case-wrapper .container.box .case-sidebar .case-sidebar-inner {
	position: sticky;
	top: 123px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.case-wrapper .container.box .case-sidebar .case-sidebar-inner > div {
	border-radius: 24px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
}

.case-wrapper .container.box .case-sidebar .case-sidebar-inner .website-logo {
	display: flex;
	width: 100%;
	height: 186px;
	justify-content: center;
	align-items: center;
	padding: 19px;
}

.case-wrapper .container.box .case-sidebar .case-sidebar-inner .website-logo img {
	max-width: 100%;
	max-height: 100%;
}

.case-wrapper .container.box .case-sidebar .case-sidebar-inner .website-info {
	padding: 59px 28px;
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.case-wrapper .website-info > div, .case-item-box .website-info > div {
	padding-left: 48px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	position: relative;
}

.case-wrapper .website-info > div::before, .case-item-box .website-info > div::before {
	left: 0;
	top: 50%;
	translate: 0 -50%;
	width: 40px;
	height: 40px;
	position: absolute;
	content: "";
}

.case-wrapper .website-info > div.time::before, .case-item-box .website-info > div.time::before {
	background: url('../images/case/time-with-us.svg') center center no-repeat;
}

.case-wrapper .website-info > div.website::before, .case-item-box .website-info > div.website::before {
	background: url('../images/case/website-link.svg') center center no-repeat;
}

.case-wrapper .website-info > div.instagram::before, .case-item-box .website-info > div.instagram::before {
	background: url('../images/case/website-instagram.svg') center center no-repeat;
}

.case-wrapper .website-info > div div, .case-item-box .website-info > div div {
	color: var(--text);
	font-size: 14px;
	font-weight: 300;
	line-height: 150%;
}

.case-wrapper .website-info > div p, .case-item-box .website-info > div p {
	color: var(--text);
	font-size: 12px;
	font-weight: 500;
	line-height: 150%;
	font-family: var(--font-num);
}

.case-wrapper .website-info > div p a, .case-item-box .website-info > div p a {
	text-decoration: none;
	color:  var(--text);
	font-size: 12px;
	word-break: break-all;
}

.case-wrapper .website-info > div p a:hover, .case-item-box .website-info > div p a:hover {
	text-decoration: underline;
}

.case-wrapper .case-content {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.item.case-item-box {
	display: flex;
	flex-direction: column;
	gap: 53px;
	overflow: hidden;
	position: relative;
}

.case-item-box.item h2 {
	text-transform: uppercase;
	color: var(--text);
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	text-align: center;
}

.case-item-box.item .box {
	border-radius: 24px;
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	padding: 80px;
}

.case-item-box.item.title .box {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.case-item-box.item.conditions .box {
	background: var(--white);
}

.case-item-box.item.title .box {
	padding: 80px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.case-item-box.item.title .box h1 {
	max-width: 385px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: var(--text);
	font-size: 32px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.64px;
	text-transform: uppercase;
}

.case-item-box.item.title .box h1 b, .case-item-box.item.title .box h1 strong {
	color: var(--accent);
	font-size: 52px;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 1.04px;
	text-transform: uppercase;
}

.case-item-box.item.title .box p {
	font-size: 24px;
	font-weight: 300;
	line-height: 150%;
}

.case-item-box.item.title .box .services {
	margin-top: 20px;
	border-top: 1px solid var(--grey-20);
	padding-top: 50px;
}

.case-item-box.item.title .box .services-inner {
	max-width: 430px;
	width: 100%;
	display: flex;
	gap: 23px 21px;
	flex-wrap: wrap;
}

.case-item-box.item.title .box .services-inner.cases-services-inner {
	max-width: 100%;
}

.case-item-box.item.title .box .services-inner a {
	border-radius: 12px;
	background: var(--white);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	padding: 16px;
  	display: flex;
  	gap: 8px;
  	transition: var(--all-out);
  	font-size: 18px;
  	font-weight: 600;
  	line-height: 150%;
  	letter-spacing: 0.9px;
  	text-transform: uppercase;
	text-decoration: none;
	align-items: center;
}

.case-item-box.item.title .box .services-inner.cases-services-inner a {
	padding: 16px 12px;
    font-size: 16px;
}

.case-item-box.item.title .box .services-inner a span {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
}

.case-item-box.item.title .box .services-inner a span img {
	max-width: 100%;
	max-height: 100%;
}

.case-item-box.item.title .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 385px;
}

.case-item-box.item.title .image img {
	max-width: 100%;
}

.case-item-box.item.conditions .item-cond {
	display: flex;
	align-items: center;
	gap: 24px;
}

.case-item-box.item.conditions .item-cond > div {
	padding-right: 50px;
	color: var(--accent);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	text-transform: uppercase;
	position: relative;
	width: 100%;
	max-width: 230px;
	flex-shrink: 0;
}

.case-item-box.item.conditions .item-cond > div::after {
	width: 40px;
  	height: 40px;
  	border-radius: 50%;
  	border: 2px solid var(--accent);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	background: url('../images/arrow-right-icon.svg') center center no-repeat;
  	content: "";
  	position: absolute;
  	right: 0;
  	top: 50%;
	translate: 0 -50%;
}

.case-item-box.item.conditions .box {
	padding: 75px 80px;
}

.case-item-box.item.conditions .item-cond:not(:first-child) {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid var(--grey-20);
}

.case-item-box.item.text .box {
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	box-shadow: var(--service-shadow);
	backdrop-filter: blur(12.5px);
	counter-reset: counter;
}

.case-item-box.item.text .box .title {
	counter-increment: counter;
	margin-bottom: 32px;
}

.case-item-box.item.text .box .title:not(:first-child) {
	margin-top: 60px
}

.case-item-box.item.text .box .title h3 {
	color: var(--accent);
	font-size: 24px;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.48px;
	text-transform: uppercase;
}

.case-item-box.item.text .box .title h3::before {
	content: "0"counter(counter)". ";
	color: var(--accent);
	font-family: var(--font-num);
	font-weight: 400;
}

.case-item-box.item.text .box .text img {
	border-radius: 16px;
	overflow: hidden;
}

.case-item-box.item.text .box .text p {
	font-weight: 300;
	font-size: 16px;
}

.case-item-box.item.text .box .text ul:not(.slick-dots), .case-item-box.item.text .box .text ol {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.case-item-box.item.text .box .text ul:not(.slick-dots) li, .case-item-box.item.text .box .text ol li {
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: var(--text);
}

.case-item-box.item.text .box .text ul:not(.slick-dots) {
	list-style: none;
	padding-left: 0px;
}

.case-item-box.item.text .box .text ul:not(.slick-dots) li {
	padding-left: 36px;
	position: relative;
}

.case-item-box.item.text .box .text ul:not(.slick-dots) li::before {
	width: 24px;
	height: 24px;
	display: flex;
	content: "";
	left: 0;
	top: 0;
	position: absolute;
	background: url('../images/why-ok-icon.svg') center center no-repeat;
}

.case-item-box.item.text .box .text .gallery {
	max-width: 730px;
	margin-top: 48px;
}

.case-item-box.item.text .box .text .gallery button.slick-prev {
	left: -60px;
	top: 140px;
	translate: 0 0;
}

.case-item-box.item.text .box .text .gallery button.slick-next {
	right: -60px;
	top: 140px;
	translate: 0 0;
}

.case-item-box.item.text .box .text picture {
	width: 100%;
	height: 280px;
	border-radius: 16px;
	overflow: hidden;
}

.case-item-box.item.text .box .text picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case-item-box.item.text .box .text .webview {
	width: 100%;
	box-shadow: 165px 178px 68px 0px rgba(48, 68, 90, 0.00), 106px 114px 62px 0px rgba(48, 68, 90, 0.01), 60px 64px 53px 0px rgba(48, 68, 90, 0.05), 26px 29px 39px 0px rgba(48, 68, 90, 0.08), 7px 7px 21px 0px rgba(48, 68, 90, 0.10);
	position: relative;
	height: 487px;
	background: url('../images/case/27a83f0ea601.webp') top center / contain no-repeat;
	border-radius: 45px;
	margin-top: 48px;
}

.case-item-box.item.text .box .text .webview .wrapper {
	overflow-y: scroll;
	height: 462px;
  	max-width: calc(100% - 23px);
  	margin-left: auto;
  	margin-right: auto;
  	margin-top: 13px;
  	border-radius: 33px;
}

.case-item-box.item.text .box .text .webview .wrapper img {
	max-width: 100%;
}

.case-item-box.item.text .box .text .additional {
	margin-top: 48px;
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.case-item-box.item.text .box .text .additional .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}

.case-item-box.item.text .box .text .additional .colors .items {
	display: flex;
	gap: 32px;
}

.case-item-box.item.text .box .text .additional .fonts .items {
	flex-direction: column;
	gap: 10px;
}

.case-item-box.item.text .box .text .additional .fonts .items p {
	font-size: 14px;
}

.case-item-box.item.text .box .text .additional .colors .items .item {
	gap: 8px;
}

.case-item-box.item.text .box .text .additional .colors .items .item > div {
	border-radius: 8px;
	box-shadow: var(--header-shadow);
	width: 72px;
	height: 72px;
}

.case-item-box.item.text .box .text .additional .colors .items .item > p {
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	line-height: 150%;
	font-family: var(--font-num);
}

.case-item-box.item.study .box .text {
	columns: 2;
	gap: 32px 40px;	
	display: block;
}

.case-item-box.item.study .box .text > * {
	margin-bottom: 32px;
}


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

/**/

.info-page.page-404 {
	padding: 40px 0 80px;
	overflow-x: hidden;
	position: relative;
}

.info-page.page-404::before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/learn-bg2.svg') 0% calc(0% - 200px) no-repeat;
}

.info-page.page-404 .box {
	align-items: center;
	text-align: center;
	position: relative;
}

.info-page.page-404 .box::before {
	display: flex;
	width: 890px;
	height: 249px;
	padding: 40px 54px;
	border-radius: 24px;
	border: 1px solid #F8F8F8;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	backdrop-filter: blur(12.5px);
	position: absolute;
	left: auto;
	right: auto;
	z-index: 2;
	content: "";
	top: 210px;
}

.info-page.page-404.thank-page .box::before {
	top: -30px;
}

.info-page.page-404 .box .code {
	font-size: 300px;
	font-style: normal;
	font-weight: 800;
	line-height: 250px;
	text-transform: uppercase;
	background: linear-gradient(105deg, #153F75 -45.74%, #225BA1 24.98%, #307BD2 105.3%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: var(--font-num);
	position: relative;
	z-index: 1;
}

.info-page.page-404 .box h1 {
	position: relative;
	z-index: 3;
}

.info-page.page-404 .box p {
	font-size: 18px;
	font-weight: 300;
	line-height: 150%;
	margin-top: 12px;
	position: relative;
	z-index: 3;
}

.info-page.page-404 .box .but {
	margin-top: 32px;
	position: relative;
	z-index: 3;
}

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

/**/

.whom-title {
	padding: 60px 0 40px;
	position: relative;
	margin-bottom: 0px;
}

.whom-title .whoom-title-bg {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.whom-title .whoom-title-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom right;
}

.whom-title > *:not(.whoom-title-bg) {
	z-index: 2;
}

.whom-title h1 {
	line-height: 1.2;
	letter-spacing: 2%;
	font-size: 64px;
	font-weight: 900;
	text-transform: uppercase;
}

.whom-title h1 span {
  	font-size: 80px;
  	background: var(--liner, linear-gradient(180deg, #153F75 0%, #307BD2 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
    -webkit-text-fill-color: transparent;
	display: block;
	text-align: right;
	line-height: 1.2;
}

.whom-title .contacts-but-block {
	margin-top: -62px;
  	margin-bottom: 0;
  	z-index: 2;
  	position: relative;
}

.whom-title .contacts-but-block .but {
	margin-left: auto;
}

.whom-title .container > .text {
	margin-top: 80px;
	display: flex;
	gap: 24px;
	padding: 14px 21px;
	max-width: 1040px;
	align-items: center;
}

.whom-title .container > .text p {
	font-size: 16px;
  	max-width: 100%;
  	font-weight: 300;
}

.whom-title .container > .text p span,
.whom-title .container > .text p strong {
	font-weight: 600;
}

.whom-title .container > .text .img, .whom-title .container > .text .img img {
	max-width: 313px;
}

.whom-title .after {
	margin-top: 80px;
	box-shadow: var(--header-shadow);
	border-radius: 24px;
  	background: var(--white);
	padding: 28px 32px;
	display: flex;
	justify-content: space-between;
	gap: 32px;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.whom-title .after .title {
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 150%;
	width: 100%;
	max-width: 470px;
}

.whom-title .after .title span {
	color: var(--accent);
}

.whom-title .after::before {
	width: 400px;
	height: 100%;
	background: var(--accent);
	content: "";
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.whom-title .after::after {
	width: 335px;
	height: 100%;
	background: url('../images/Rectangle1199.svg') center center / auto 100% no-repeat;
	content: "";
	display: flex;
	position: absolute;
	top: 0;
	right: 295px;
	z-index: 1;
}

.whom-title .after .items {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 64px;
	position: relative;
	z-index: 2;
}

.whom-title .after .items .item {
	max-width: 238px;
	width: 100%;
}

.whom-title .after .items .item div {
	font-size: 24px;
	font-weight: 600;
	color: var(--white);
	letter-spacing: 1.2px;
}

.whom-title .after .items .item p {
	color: var(--white);
	font-weight: 600;
	font-size: 14px;
}

.whom-title .contacts-but-block.whom-contacts-but-block {
	margin-left: auto;
	margin-right: 56px;
	margin-top: -70px;
	border-radius: 12px;
	background: var(--white);
	box-shadow: 2px 8px 16px 0 rgba(96, 96, 115, 0.20);
	width: fit-content;
	padding: 20px 32px;
}

.whom-contacts-but-block .but {
	display: none;
}

.whom-title .contacts-but-block.whom-contacts-but-block .tg a {
	color: var(--text);
}

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

/**/

.whom-title-new {
	position: relative;
	padding-top: 205px;
}

.whom-title-new.no-after {
	padding-bottom: 70px;
}

.whom-title-new:not(.no-after)::after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 24px;
	content: "";
	display: flex;
	z-index: 2;
	background: var(--background);
}

.whom-title-new .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.whom-title-new .container {
	position: relative;
	z-index: 3;
}

.whom-title-new h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.whom-title-new h1 span {
	color: var(--accent);
	text-align: center;
	font-size: 194px;
	font-weight: 800;
	line-height: 105%;
	letter-spacing: 3.88px;
	text-transform: uppercase;
}

.whom-title-new .box .contacts-but-block {
	margin-top: -45px;
  	margin-bottom: 0;
  	z-index: 2;
  	position: relative;
}

.whom-title-new .box .contacts-but-block .but {
	margin-left: 50%;
}

.whom-title-new .text {
	margin-top: 36px;
}

.whom-title-new .text .text-content {
	max-width: 445px;
	width: 100%;
	border-radius: 12px;
	border: 1px solid rgba(241, 241, 241, 0.01);
	background: rgba(255, 255, 255, 0.30);
	backdrop-filter: blur(15px);
	padding: 14px 21px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.whom-title-new .text .contacts-but-block {
	margin-right: 56px;
	margin-top: -70px;
}

.whom-title-new .text .contacts-but-block .but {
	display: none;
}

.whom-title-new .text .contacts-but-block .tg {
	margin-left: auto;
}

.whom-title-new .text .contacts-but-block .tg a {
	background: var(--white);
	padding: 20px 32px;
	border-radius: 8px;
	margin-left: auto;
}

.whom-title-new .after {
	margin-top: 80px;
	border-radius: 24px;
	background: #F8F8F8;
	padding: 45px 65px;
	position: relative;
	z-index: 3;
	box-shadow: 2px 8px 16px 0 rgba(96, 96, 115, 0.20);
}

.whom-title-new .after .items {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 36px
}

.whom-title-new .after .items .item > div {
	font-size: 22px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.428px;
	text-transform: uppercase;
	font-feature-settings: "pnum" on,"lnum" on;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.whom-title-new .after .items .item > div span {
	font-size: 90px;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 1.785px;
}

.whom-title-new .after .items .item > p {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
	letter-spacing: 0.25px;
	padding: 12px 20px;
	border-radius: 10px;
	border: 0.072px solid rgba(48, 123, 210, 0.10);
	background: var(--card, linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%));
	box-shadow: 0.716px 1.433px 0.716px 0 rgba(241, 241, 241, 0.01), 1.433px 5.731px 8.597px 0 rgba(96, 96, 115, 0.08);
	backdrop-filter: blur(8.954849243164062px);
	margin-top: -25px;
}


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

/**/

.we-help {
	padding: 40px 0 80px;
}

.we-help h2 {
	max-width: 780px;
	margin: 0 auto;
}

.we-help .box {
	border-radius: 24px;
	box-shadow: var(--header-shadow);
	padding: 40px 0;
	counter-reset: help;
}

.we-help .box .item {
	display: flex;
	gap: 44px;
	padding: 0 80px;
	align-items: center;
	min-height: 290px;
}

.we-help .box .item .text {
	max-width: 500px;
	counter-increment: help;
}

.we-help .box .item:nth-child(2n+1) .text {
	order: 1;
}

.we-help .box .item .text .h5 {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
}

.we-help .box .item .text .h5 span {
	color: var(--accent);
}

.we-help .box .item .text .h5::before {
	font-size: 24px;
	content: "0"counter(help)".";
	font-weight: 300;
	font-feature-settings: "pnum" on,"lnum" on;
	margin-right: 8px;
}

.we-help .box .item .img {
	max-width: 490px;
	width: 100%;
}

.we-help .box .item:nth-child(2n+1) .img {
	order: 2;
}

.we-help .box .item .img img {
	max-width: 100%;
	max-height: 300px;
	border-radius: 12px;
}

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

/**/

.about-ads {
	padding: 40px 0 80px;
}

.about-ads .box {
	display: flex;
	gap: 40px;
	justify-content: space-between;
}

.about-ads .box .items {
	width: 100%;
	max-width: 580px;
	flex-shrink: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.about-ads .box .items .item {
	border-radius: 12px;
	padding: 24px;
	box-shadow: var(--service-shadow);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	font-size: 16px;
	position: relative;
	text-decoration: none;
	color: var(--dark)
}

.about-ads .box .items .item::after {
	background: url('../images/Group48096230.svg') center center no-repeat;
	width: 24px;
	height: 24px;
	content: "";
	display: flex;
	position: absolute;
	top: 12px;
	right: 12px;
}

.about-ads .box .items .item:nth-child(1) {
	background: #98F6D6;
}

.about-ads .box .items .item:nth-child(2) {
	background: #B3D8FE;
}

.about-ads .box .items .item:nth-child(3) {
	background: #EECFFC;
}

.about-ads .box .items .item:nth-child(4) {
	background: #FDD3CB;
}

.about-ads .box .items .item .name {
	font-size: 16px;
	font-weight: 600;
	min-height: 48px;
	padding-right: 24px;
}

.about-ads .box .items .item .price {
	font-feature-settings: "pnum" on,"lnum" on;
}

.about-ads .box .text p, .about-ads .box .text ul, .about-ads .box .text ol {
	font-size: 24px;
	font-weight: 300;
}

.about-ads .box .text p strong, .about-ads .box .text ul strong, .about-ads .box .text ol strong {
	font-weight: 600;
}

.about-ads .after {
	margin-top: 40px;
}

.about-ads .after p {
	font-size: 16px;
	font-weight: 600;
}

.about-ads .after .logos {
	margin-top: 32px;
	border-top: 1px solid rgba(48, 123, 210, 0.10);
	border-bottom: 1px solid rgba(48, 123, 210, 0.10);
	padding: 24px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.about-ads .after .logos .logo {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	font-weight: 600;
	padding: 16px;
}

.about-ads .after .logos .logo img {
	max-width: 34px;
	max-height: 24px;
}

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

/**/

.experience-block {
	padding: 60px 0;
}

.experience-block h2 {
	margin: 0 auto;
	max-width: 800px;
}

.experience-block h2 strong {
	color: var(--accent);
}

.experience-block .subtitle {
	margin-top: 40px;
	border-top: 1px solid rgba(48, 123, 210, 0.10);
	border-bottom: 1px solid rgba(48, 123, 210, 0.10);
	padding: 40px 0;
	text-align: center;
	background: url('../images/dox1.webp') bottom center no-repeat;
}

.experience-block .subtitle p {
	font-size: 24px;
	font-weight: 300;
}

.experience-block .subtitle p strong {
	font-weight: 600;
}


.experience-block h2 + .box,
.experience-block .subtitle + .box {
	margin-top: 80px;
}

.experience-block .box {
	border-radius: 24px;
	box-shadow: var(--service-shadow);
	background: var(--white);
	display: flex;
	gap: 24px;
	padding: 0 60px;
	align-items: center;
}

.experience-block .box .image {
	width: 100%;
	max-width: 560px;
	flex-shrink: 0;
}

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

.experience-block .box .text .title {
	font-weight: bold;
}

.experience-block .box .text .title strong {
	color: var(--accent);
}

.experience-block .box .text .list {
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	width: 100%;
	max-width: 340px;
}

.experience-block .box .text .list .item {
	display: flex;
	gap: 16px;
}

.experience-block .box .text .list .icon {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.experience-block .box .text .list .icon img {
	max-width: 32px;
	max-height: 32px;;
}

.experience-block .box .text .list .item p {
	font-size: 16px;
	font-weight: 300;
}

.experience-block .box .text .link {
	margin-top: 80px;
	width: 100%;
	max-width: 340px;
	border-radius: 16px;
	background: rgba(48, 123, 210, 0.10);
	padding: 16px 40px;
}

.experience-block .box .text .link p {
	font-size: 16px;
	font-weight: 600;
}

.experience-block .box .text .link a {
	display: flex;
	padding-left: 26px;
	background: url('../images/link-circle.svg') left center no-repeat;
	font-style: italic;
	font-size: 14px;
	color: var(--text);
}

.experience-block .box .text .link a:hover {
	color: var(--accent);
}

.experience-block .experience-img {
	display: flex;
	align-items: center;
	gap: 40px;
	margin-top: 56px;
}

.experience-block .experience-img .item {
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: var(--white);
	box-shadow: 2px 8px 16px 0 rgba(96, 96, 115, 0.20);
	padding: 14px;
}

.experience-block .experience-img .item img {
	max-height: 56px;
}

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

/**/

.place-rating {
	padding: 40px 0 80px;
}

.place-rating .title {
	display: flex;
	align-items: center;
	gap: 110px;
	justify-content: space-between;
}

.place-rating .title .logos {
	width: 100%;
	max-width: 425px;
	flex-shrink: 0;
	border-radius: 16px;
	border: 1px solid #f1f1f1;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	gap: 8px 12px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 16px 18px;
}

.place-rating .title .logos .item {
	width: 120px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.place-rating .title .logos .item img {
	max-width: 100px;
	max-height: 80px;
}

.place-rating .title .text p {
	font-size: 24px;
	font-weight: 300;
}

.place-rating .title .text strong {
	font-weight: 600;
}

.place-rating .box {
	border-radius: 24px;
	box-shadow: var(--service-shadow);
	padding: 40px 72px;
	background: var(--white);
}

.place-rating .box .examples {
	display: flex;
	justify-content: space-between;
}

.place-rating .box .examples > div {
	width: 100%;
	max-width: 454px;
	position: relative;
	padding-top: 50px;
}

.place-rating .box .examples > div .img {
	width: 100%;
	border-radius: 16px;
	border: 1px solid #C4C4C4;
	overflow: hidden;
}

.place-rating .box .examples > div .info {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 180px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 24px;
	font-feature-settings: "pnum" on,"lnum" on;
	text-transform: uppercase;
	background: var(--white);
	box-shadow: var(--service-shadow);
	border-radius: 16px;
}

.place-rating .box .examples > div .info span {
	font-size: 40px;
	font-weight: 600;
	line-height: 28px;
	margin-left: 6px;
}

.place-rating .box .examples > div.after .info {
	color: var(--accent)	
}

.place-rating .box .text {
	max-width: 583px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 16px;
	padding: 16px 24px;
	background: #DFECFA;
	display: flex;
	align-items: center;
	gap: 36px;
}

.place-rating .box .text::before {
	display: flex;
	width: 60px;
	height: 60px;
	content: "";
	background: url('../images/Frame48096592.svg') center center / contain no-repeat;
	flex-shrink: 0;
}

.place-rating .box .text p {
	font-size: 16px;
	font-weight: 600;
}

.place-rating .box .text p span {
	color: var(--accent);
}

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

/**/

.services-accordion-block {
	padding: 60px 0 80px;
}

.services-accordion-block h2 +.box {
	margin-top: 70px;
}

.services-accordion-block .box {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.services-accordion-block .box .image {
	width: 100%;
	max-width: 635px;
	flex-shrink: 0;
}

.services-accordion-block .box .image img {
	max-width: 100%;
}

.services-accordion-block .box .image img.temp {
	opacity: 0;
}

.services-accordion-block .box .image img.fade-in {
	transition: var(--all-in);
	opacity: 1;
}

.services-accordion-block .box .accrodion-list .panel {
	max-height: 0;
	overflow: hidden;
	transition: var(--all-inout);
}

.services-accordion-block .box .accrodion-list {
	counter-reset: acc;
}

.services-accordion-block .box .accrodion-list button.accordion {
	counter-increment: acc;
	display: flex;
	gap: 32px;
	color: var(--text);
	font-family: var(--font);
	font-size: 24px;
	font-weight: 600;
	line-height: 150%;
	letter-spacing: 0.48px;
	text-transform: uppercase;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	width: 100%;
}

.services-accordion-block .box .accrodion-list button.accordion:hover,
.services-accordion-block .box .accrodion-list button.accordion.open {
	transition: var(--all-inout);
	color: var(--accent);
}

.services-accordion-block .box .accrodion-list button.accordion.open {
	padding-bottom: 24px;
}

.services-accordion-block .box .accrodion-list button.accordion::before {
	content: "0"counter(acc);
	color: var(--text);
	font-size: 32px;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: 0.64px;
	text-transform: uppercase;
	font-family: var(--font-num);
	display: flex;
	width: 40px;
}

.services-accordion-block .box .accrodion-list button:not(:first-child) {
	padding-top: 32px;
	border-top: 1px solid rgba(48, 123, 210, 0.1);
}

.services-accordion-block .box .accrodion-list button:not(:last-child) {
	padding-bottom: 32px;
}

.services-accordion-block .box .accrodion-list .panel {
	padding-left: 72px;
}

.services-accordion-block .box .accrodion-list .panel .inner {
	padding-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

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

/**/

.team-widget-block {
	padding: 60px 0;
}

.team-widget-block h2 + .box {
	margin-top: 40px;
}

.team-widget-block .box .team-widget-ceo + .team-widget-slider {
	margin-top: 24px;
}

.team-widget-block .box .team-widget-ceo {
	display: grid;
	grid-template-columns: 270px auto;
	gap: 40px;
}

.team-widget-block .box .team-widget-ceo .ceo-info {
	border-radius: 24px;
	background: var(--white);
	box-shadow: 1px 2px 1px 0 rgba(241, 241, 241, 0.01), 2px 8px 12px 0 rgba(96, 96, 115, 0.08);
	padding: 50px;
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.team-widget-block .box .team-widget-ceo .ceo-info .text {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.team-widget-block .box .team-widget-ceo .ceo-info .text h2 {
	color: var(--accent);
}

.team-widget-block .box .team-widget-ceo .ceo-info .text p,
.team-widget-block .box .team-widget-ceo .ceo-info .text ol,
.team-widget-block .box .team-widget-ceo .ceo-info .text ul {
	font-size: 24px;
	font-weight: 300;
	line-height: 150%;
}

.team-widget-block .box .team-widget-ceo .ceo-info .advantages {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.team-widget-block .box .team-widget-ceo .ceo-info .advantages .item {
	display: flex;
	align-items: center;
	gap: 12px;
}

.team-widget-block .box .team-widget-ceo .ceo-info .advantages .item .number {
	font-family: var(--font-num);
	font-size: 40px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

.team-widget-block .box .team-widget-ceo .ceo-info .advantages .item p {
	font-size: 16px;
	font-weight: 700;
	line-height: 100%;
}

.team-widget-block .box .team-widget-ceo .team-widget-item {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
}

.team-widget-block .box .team-widget-ceo .team-widget-item::before {
	width: 100%;
	height: calc(100% - 32px);
	border-radius: 25px;
	background: var(--accent);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	content: "";
}

.team-widget-block .box .team-widget-ceo .team-widget-item::after {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: #00D4FF;
	position: absolute;
	left: calc(50% - 85px);
	top: calc(50% - 85px);
	z-index: 2;
	opacity: 0.7;
	mix-blend-mode: plus-lighter;
	filter: blur(100px);
	content: "";
}

.team-widget-block .box .team-widget-ceo .team-widget-item .photo {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.team-widget-block .box .team-widget-ceo .team-widget-item .photo img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top right;
}

.team-widget-block .box .team-widget-ceo .team-widget-item .info {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	padding: 22px;
	position: relative;
	z-index: 5;
}

.team-widget-block .box .team-widget-ceo .team-widget-item .info .position {
	color: rgba(255, 255, 255, 0.60);
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0.24px;
}

.team-widget-block .box .team-widget-ceo .team-widget-item .info .name {
	color: var(--white);
	font-size: 24px;
	font-weight: 700;
	line-height: 100%;
}

.team-widget-slider.slick-slider .team-widget-item {
	margin: 0 20px;
}

.team-widget-slider.slick-slider .slick-list {
	margin-left: -20px;
	margin-right: -20px;
}

.team-widget-slider:not(.slick-slider) {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 40px;
}

.team-widget-slider .team-widget-item {
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	height: 270px;
}

.team-widget-slider .team-widget-item::before {
	width: 100%;
	height: calc(100% - 24px);
	border-radius: 25px;
	background: var(--accent);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	content: "";
}

.team-widget-slider .team-widget-item::after {
	width: 144px;
	height: 144px;
	border-radius: 50%;
	background: #00D4FF;
	position: absolute;
	left: calc(50% - 72px);
	top: calc(50% - 72px);
	z-index: 2;
	opacity: 0.7;
	mix-blend-mode: plus-lighter;
	filter: blur(75px);
	content: "";
}

.team-widget-slider .team-widget-item .photo {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 72px;
	bottom: 0;
	z-index: 3;
}

.team-widget-slider .team-widget-item .photo img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top right;
}

.team-widget-slider .team-widget-item .photo svg {
	height: 430px;
}

.team-widget-slider .team-widget-item .photo svg path {
	fill: #0957a7;
}

.team-widget-slider .team-widget-item .info {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 10px;
	padding: 22px;
	position: relative;
	z-index: 5;
}

.team-widget-slider .team-widget-item .info .position {
	color: rgba(255, 255, 255, 0.60);
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0.24px;
}

.team-widget-slider .team-widget-item .info .name {
	color: var(--white);
	font-size: 24px;
	font-weight: 700;
	line-height: 100%;
}

.team-widget-slider .slick-arrow {
	border-color: var(--white);
	background-color: var(--white);
	translate: 0 0;
}

.team-widget-slider .slick-arrow.slick-prev {
	left: 16px;
	top: 48px;
}

.team-widget-slider .slick-arrow.slick-next {
	right: 16px;
	top: 48px;
}

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

/**/

.research-widget-block {
	padding: 60px 0;
}

.research-widget-block .box {
	display: flex;
	gap: 40px;
}

.research-widget-block .box .info {
	width: 100%;
	max-width: 520px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.research-widget-block .box .info .list-items {
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.research-widget-block .box .info .list-items .item {
	display: flex;
	align-items: center;
	gap: 16px;
}

.research-widget-block .box .info .list-items .item .icon {
	width: 32px;
	height: 32px;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
}

.research-widget-block .box .info .list-items .item .icon img {
	max-width: 32px;
	max-height: 32px;
}

.research-widget-block .box .info .list-items .item p {
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
}

.research-widget-block .box .info p.subtitle {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}

.research-widget-block .box .info .contacts-but-block {
	margin-top: 28px;
}

.research-widget-block .box .sert {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.research-widget-block .box .sert .expert {
	border-radius: 16px;
	background: #F8F8F8;
	width: 100%;
	box-shadow: 2px 8px 16px 0 rgba(96, 96, 115, 0.20);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 24px 30px;
}

.research-widget-block .box .sert .expert .photo {
	width: 100px;
	height: 100px;
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 50%;
}

.research-widget-block .box .sert .expert .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.research-widget-block .box .sert .expert .data {
	display: flex;
	flex-direction: column;
}

.research-widget-block .box .sert .expert .data .name {
	font-size: 20px;
	font-weight: 700;
	line-height: 150%;
}

.research-widget-block .box .sert .expert .data .position {
	color: #CCC;
	font-size: 14px;
	font-weight: 600;
	line-height: 150%;
}

.research-widget-block .box .sert .expert .data .about {
	margin-top: 12px;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	line-height: 150%;
}

.research-widget-block .box .sert .sert-image {
	border-radius: 16px;
	border: 1px solid #F8F8F8;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 335px;
	overflow: hidden;
}

.research-widget-block .box .sert .sert-image img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}

.research-widget-block .box .sert .text-after {
	margin-top: 36px;
}

.research-widget-block .box .sert .text-after > * {
	font-size: 16px;
	font-weight: 600;
	line-height: 150%;
}



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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

/**/



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