a {
	transition: 0.2s ease-in-out;
}
.section {
	position: relative;
}

/*Color*/

.white {
	color: #fff;
}
.light {
	color: #F4F4F4;
}
.semi-light {
	color: #828282;
}
.accent {
	color: #1170F8;
}

.dark-bg {
	background-color: #111111;
}

/*Title*/

.title-xl {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 230px;
	line-height: 1;
	text-transform: uppercase;
	transform: translateX(-16px);
}

.title-lg {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 1;
}
.title-md {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
}
.title-lg span,
.title-md span {
	color: #1170F8;
}
.title-sm {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
}
.title-xs {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.3;
}

.text-xs {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
}
.text-xs .accent {
	font-weight: 700;
}


/*Margin*/

.mb-lg {
	margin-bottom: 60px;
}
.mb-md {
	margin-bottom: 30px;
}
.mb-sm {
	margin-bottom: 20px;
}

/*Padding*/

.padding-v-lg {
	padding: 60px 0;
}
.pt-lg {
	padding-top: 60px;
}

.volume-bottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.volume-bottom::before {
	content: '';
	position: absolute;
	height: 150%;
	width: 200%;
	bottom: 150px;
	left: 0;
	background: #111;
	transform-origin: left bottom;
	transform: skew(-2deg, 3deg) translateX(-50%);
}
.volume-bottom::after {
	content: '';
	position: absolute;
	height: 150%;
	width: 200%;
	bottom: 50px;
	left: 50%;
	background: #111;
	transform-origin: left bottom;
	transform: skew(-41deg, 3deg) translateX(-4%);
}

.post {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
a.post:not(.btn):not(.site-link):after {
	display: none;
}
.post--lg {
	height: 530px;
	padding: 30px;
}
.post--lg > *{
	position: relative;
	z-index: 2;
}
.post--lg .post__title{
	max-width: 380px;
	font-size: 30px;
}
.post--md {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 250px;
	padding: 30px;
}
.post--md > *{
	position: relative;
	max-width: 60%;
	z-index: 2;
}
.post--md .post__title {
	font-size: 20px;
}
.post--md .post__img {
	top: 0;
	left: 45%;
}
.post--list .post__title {
	font-size: 18px;
}
.post__time {
	margin-bottom: 10px;
	color: #828282;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
}
.post__title {
	margin-bottom: 8px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.3;
}
.post__desc {
	margin-bottom: 30px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
}
.post__desc span{
	font-weight: 700;
	color: #1170F8;
}
.post__img {
	position: absolute;
	top: 30%;
	left: 40px;
	z-index: 1;
}
.post__thumbnail {
	width: 100%;
	height: 200px;
	margin-bottom: 15px;
	border-radius: 6px;
	object-fit: cover;
}

.special-post {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}
.special-post .post {
	background-color: #F9CE37;
}

.special-list {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	grid-gap: 30px;
}
.special-list .post:nth-child(1) {
	background-color: #9AD4ED;
}
.special-list .post:nth-child(2) {
	background-color: #EDD4FC;
}
.special-list .post:nth-child(2) img {
	max-width: 80%;
	transform: translate(-30px, -60px);
}
.special-list .post:nth-child(3) {
	background-color: #405BE7;
}
.special-list .post:nth-child(3) {
	color: #fff;
}
.special-list .post:nth-child(3) span {
	color: #FFBD19;
}
.special-list .post:nth-child(3) .post__time {
	color: #FFBD19;
}

.grid-post {
	display: grid;
	grid-gap: 20px 30px;
	grid-template-columns: repeat(3, 1fr);
}

.tag {
	margin-bottom: 10px;
	border-radius: 16px;
	padding: 2px 8px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0.004em;
	background-color: #0003;
}

.filter-list {
	padding-left: 0;
	list-style: none;
}
.filter-list__item {
	border-left: 1px solid #000000;
	padding: 16px 0 16px 30px;
	transition: 0.2s;
}
.filter-list__item:hover {
	border-left: 1px solid #1170F8;
}
.filter-list__item:hover .filter-list__btn {
	color: #1170F8;
}
.filter-list__item.active .filter-list__btn {
	color: #1170F8;
	font-weight: 800;
	font-size: 20px;
}

.filter-list__item.active {
	border-left: 2px solid #1170F8;
	padding-left: 39px;
	color: #1170F8;
	background: linear-gradient(90deg, #1170f814 0%, rgba(217, 217, 217, 0) 98.28%);
}
.filter-list__btn {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
}

.single-cover {
	/*min-height: calc(100vh - 100px);*/
	height: 700px;
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url("../img/cover.jpg");
	background-size: cover;
	background-position: center right;
	clip-path: polygon(0 0, 0 64%, 46.5% 75.4%, 43.2% 85%, 100% 99%, 100% 0);
}
.single-solution .single-cover {
	min-height: 760px;
	clip-path: polygon(0 0, 0 78%, 100% 100%, 100% 0);
}

.link-back {
	display: inline-block;
	margin-bottom: 40px;
	color: #1170F8;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
}
.link-back svg {
	margin-right: 16px;
}
.link-back svg path {
	transition: 0.2s;
}
.link-back:hover {
	color: #FFBD19;
}
.link-back:hover svg path{
	fill: #FFBD19;
}

.grid-single-post {
	display: grid;
	grid-template-columns: 1fr 640px 2fr;
	grid-gap: 20px 40px;
}
.list-post {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 36px;
}

.navigation-page {
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}
.navigation-page li a {
	display: inline-block;
	position: relative;
	margin-bottom: 20px;
	border: none;
	color: #828282;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
}
.navigation-page li a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: -15px;
	width: 70px;
	height: 1px;
	background-color: #BDBDBD;
	transform: translateX(-150%);
	opacity: 0;
	transition: 0.2s;

}
.navigation-page li a:hover,
.navigation-page li a.active {
	color: #1170F8;
	text-decoration: none;
	font-weight: 500;
}
.navigation-page li a:hover::after {
	display: none;
}

.navigation-page li a.active::before {
	transform: translateX(-100%);
	opacity: 1;

}

.list-share {
	padding: 0;
	list-style: none;
}
.list-share li {
	margin-bottom: 10px;
}
.list-share li a {
	margin-bottom: 10px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
}
.list-share li:nth-child(1) a {
	color: #3052a2;
}
.list-share li:nth-child(2) a {
	color: #60acea;
}
.list-share li:nth-child(3) a {
	color: #1179B5;
}

.list-side {
	display: flex;
	flex-direction: column;
	list-style: none;
	padding: 0;
}
.list-side__item {
	max-width: 380px;
	margin-bottom: 16px;
}
.list-side__link {
	display: flex;
}
.list-side__link:hover::after {
	display: none !important;
}

.list-side__thumbnail {
	width: 90px;
	height: 90px;
	margin-right: 20px;
	border-radius: 8px;
	object-fit: cover;
}

.select {
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #1170F8;
	border-radius: 8px;
	padding: 15px;
	background: linear-gradient(90deg, #1170F833, rgba(217, 217, 217, 0) 100%);
	color: #1170F8;
}

.solution__title {
	margin-top: 10px;
	color: #1170F8;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 100px;
	line-height: 1;
}
.solution__subtitle {
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 160px;
	line-height: 1;
}

.swiper-wrap-button {
	position: absolute;
	right: 0;
	bottom: 23vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 260px;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	z-index: 12;
}
.swiper-wrap-button .swiper-button-prev,
.swiper-wrap-button .swiper-button-next {
	position: static;
	display: inline-flex;
	align-items: center;
	width: auto;
	border: none;
	padding: 0;
	background: none;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	cursor: pointer;
}
.swiper-wrap-button .swiper-button-prev:after,
.swiper-wrap-button .swiper-button-next:after {
	display: none;
}
.swiper-wrap-button .swiper-button-prev .swiper-button-svg,
.swiper-wrap-button .swiper-button-next .swiper-button-svg {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	border-radius: 50%;
	transition: 0.2s;
}

.swiper-wrap-button .swiper-button-prev .swiper-button-svg {
	margin-right: 12px;
}
.swiper-wrap-button .swiper-button-next .swiper-button-svg {
	margin-left: 12px;
}

/*.swiper-wrap-button .swiper-button-prev:not(.swiper-button-disabled) .swiper-button-svg,*/
.swiper-wrap-button .swiper-button-next:not(.swiper-button-disabled) .swiper-button-svg {
	background-color: #FFBD19;
}
.swiper-wrap-button .swiper-button-prev .swiper-button-svg path,
.swiper-wrap-button .swiper-button-next .swiper-button-svg path {
	opacity: 1;
	transition: 0.2s;
}
/*.swiper-wrap-button .swiper-button-prev:not(.swiper-button-disabled) .swiper-button-svg path,*/
.swiper-wrap-button .swiper-button-next:not(.swiper-button-disabled) .swiper-button-svg path {
	fill: #333;
}
.swiper-wrap-button .swiper-button-next .swiper-button-svg {
	transform: scale(-1, 1);
}
.swiper-index {
	z-index: 5;
}

/*FIX STYLES*/
.container {
	position: relative;
	z-index: 1;
}

.site-header__navmenu ul li:last-child a {
	border: 2px solid #ffbd19;
	border-radius: 60px;
	padding: 12px 40px;
	background-color: #ffbd19;
	color: #000;
	font-size: 0.875em;
	font-weight: bold;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.site-header__navmenu ul li:last-child a:hover {
	background-color: transparent;
	color: #fff;
	text-decoration: none;
}
.site-header__navmenu ul li:last-child a:hover::after {
	display: none;
}

.btn {
	border: 2px solid #ffbd19;
	border-radius: 60px;
	padding: 12px 40px;
	background-color: #ffbd19;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.btn:hover {
	background-color: transparent;
	color: #fff;
}
.btn.btn--md {
	font-size: 16px;
}

.site-header__logo {
	position: relative;
	top: -6px;
	padding: 0;
}
.site-header__logo img {
	max-width: 100px;
	max-height: 79px;
	height: 100%;
	width: 100%;
}
.site-header__inner {
	padding-top: 10px;
	padding-bottom: 10px;
}
.site-header__navmenu ul {
	margin: 0;
}
body.page-template-portfolio.sticky-header .site-header {
	position: fixed;
	width: 100%;
	z-index: 10;
}
body.page-template-portfolio.sticky-header #portfolio {
	padding-top: 100px;
}
.single-solution .portfolio .swiper {
	height: auto;
	z-index: 10;
}
.mobile-nav {
	top: 116px;
}
.services-item{
	padding: 50px 0;
	display: flex;
	align-items: stretch;
	position: relative;
}
.services-item__image{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
}
.services-item.services-item_right .services-item__image{
	top: 80px;
	right: 0;
	left: auto;
	z-index: 3;
}
.services-item__image img{
	width: 95%;
	max-width: 973px;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width: 1399px) {
	.services-item__image img{
		width: 100%;
		max-width: 800px;
	}
}
.services-item__content{
	position: relative;
	z-index: 20;
}
.services-item__content h2{
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 65px;
	position: relative;
	z-index: 10;
	color: #111111;
	min-width: 450px;
}
.services-item__text{
	max-width: 540px;
	margin: 20px 0 0;
}
.services-item__text p{
	margin: 0 0 30px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	color: #111111;
}
.services-item__text ul{
	list-style: none;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 45px;
	padding: 0;
	color: #111111;
}
.services-item__text ul li{
	padding: 0 0 0 30px;
	position: relative;
}
.services-item__text ul li:before{
	content: '';
	width: 13px;
	height: 11px;
	background: url("../assets/src/img/check.svg") center no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 20px;
}
.services-item.services-item_black{
	position: relative;
	margin-bottom: 130px;
	padding-bottom: 180px;
	background:  #111;
}
.services-item.services-item_black::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	height: 100px;
	background-color: #111;
	transform-origin: 0 0;
	transform: rotate(5deg);
}
.services-item.services-item_black::before {
	content: '';
	position: absolute;
	left: 59%;
	bottom: -152px;
	width: 100%;
	height: 300px;
	background-color: #111;
	transform-origin: 0 0;
	transform: rotate(5deg) skew(-37deg);
}
.services-item.services-item_black
.services-item__content h2{
	color: #F4F4F4;
}
.services-item.services-item_black
.services-item__text p{
	color: #F4F4F4;

}

.services-item.services-item_black
.services-item__text ul{
	color: #F4F4F4;

}

.services{
	position: relative;
	padding: 0 0 140px;
}
.services:after {
	content: "";
	position: absolute;
	bottom: -112px;
	left: -9%;
	z-index: 0;
	width: 69%;
	height: 254px;
	background: #222;
	-webkit-transform: skew(-58deg, 4deg);
	transform: skew(-58deg, 4deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.mobile-nav__button {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 60px;
}


@media screen and (min-width: 1860px) {
	.services:after {
		bottom: -102px;
		width: 75%;
		left: -20%;
		-webkit-transform: skew(-41deg, 3deg);
		transform: skew(-41deg, 3deg);
	}
}
@media screen and (max-width: 991px) {
	.services:after {
		height: 193px;
		-webkit-transform: skew(-41deg, 3deg);
		transform: skew(-41deg, 3deg);
	}
}

@media screen and (min-width: 992px){
	@-webkit-keyframes scroll {
		0% {
			-webkit-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		100% {
			-webkit-transform: translate(-100%, 0);
			transform: translate(-100%, 0)
		}
	}

	@-moz-keyframes scroll {
		0% {
			-moz-transform: translate(0, 0);
			transform: translate(0, 0);
		}
		100% {
			-moz-transform: translate(-100%, 0);
			transform: translate(-100%, 0)
		}
	}

	@keyframes scroll {
		0% {
			transform: translate(0, 0);
		}
		100% {
			transform: translate(-100%, 0)
		}
	}

	.marquee {
		display: block;
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 0 0 30px;
	}

	.marquee b {
		display: inline-block;
		-webkit-animation: scroll 28s infinite linear;
		-moz-animation: scroll 28s infinite linear;
		animation: scroll 28s infinite linear;
	}
}
@media screen and (max-width: 991px){
	
	.services-item{
		padding: 40px 0;
		display: flex;
		flex-direction: column-reverse;
	}
	.services-item .row{
		display: flex;
		justify-content: flex-start;
	}
	.services-item.services-item_right .row{
		display: flex;
		justify-content: flex-start;
	}

	.services-item__image{
		position: relative;
		width: 100%;
		height: auto;
		left: 0;
		max-width: initial;
		margin: 30px 0 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.services-item.services-item_right .services-item__image{
		right: 0;
		left: auto;
		justify-content: flex-end;
	}

	.services-item__content h2{
		font-size: 30px;
		line-height: 30px;
	}
	.services-item__text p{
		margin: 0 0 20px;
		font-size: 16px;
		line-height: 24px;
	}
	.services-item__text ul{
		font-weight: 400;
		font-size: 16px;
		line-height: 40px;
	}
	.services-item__text ul li:before{
		top: 15px;
	}
	.portfolio__nav-list a {
		flex: 1 0 auto;
	}
}
.service-top{
	padding: 90px 0 0;
	background: #111;
}
.service-top__sub h1{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #1170F8;
	margin: 0 0 20px;
}
.service-top h2{
	font-style: normal;
	font-weight: 700;
	font-size: 160px;
	line-height: 120px;
	color: #F4F4F4;
}
.service-top__under{
	margin: 40px 0 0;
	align-items: center;
}
.service-top__line{
	width: 100%;
	max-width: 380px;
	border-bottom: 3px solid #FFBD19;
}
.service-top__text{
	max-width: 412px;
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: #F4F4F4;
}
.service-top__text p{
	margin: 0;
}

.solution-tab__toggle {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 20px 0;
	transition: 0.2s;
	overflow: hidden;
}
.solution-tab__toggle::before {
	content: '';
	position: absolute;
	top: 30px;
	left: 50%;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #1170F8;
	transform: translate(-50%, 0);
	z-index: -1;
}
.solution-tab__toggle img {
	max-width: 48%;
	margin-bottom: 30px;
}

.solution-roadmap__toggle {
	overflow: hidden;
}

@media screen and (max-width: 991px){

	.service-top{
		padding: 40px 0 0;
	}
	.service-top__sub h2{
		display: none;
	}
	.service-top
	h1{
		padding: 0 10px;
		font-weight: 700;
		font-size: 50px;
		line-height: 50px;
		max-width: 710px;
		margin: 0 auto;
	}
	.service-top__under{
		margin: 35px 0 0;
		flex-direction: column;
		align-items: flex-start;
	}
	.service-top__line{
		width: 100%;
		max-width: 200px;
		border-bottom: 3px solid #FFBD19;
		margin: 0 0 35px;
	}
	.service-top__text{
		max-width: 100%;
		width: 100%;
		display: flex;
		justify-content: flex-end;
		font-style: normal;
		font-weight: 700;
		font-size: 16px;
		line-height: 24px;
	}
	.service-top__text p{
		margin: 0;
		max-width: 235px;
	}
}
.services-page .contact-us{

	padding-top: 2.5em;
}
.services-page .contact-us__title{

	font-size: 80px;
	line-height: 80px;
}
.services-page .contact-us .btn{

	margin-top: 50px;
	padding: 0.625em 4.2625em;
}
@media screen and (max-width: 991px){
	.services-page .contact-us__title{

		font-size: 30px;
		line-height: 40px;
	}
	.services-item:nth-of-type(1) {
		padding: 55px 0 30px 0;
	}
}

/*NEW STYLES*/

/*WYSIWYG*/
.wysiwyg {
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
}
.wysiwyg.wysiwyg--light ul,
.wysiwyg.wysiwyg--light {
	color: #fff;
}
.wysiwyg > *:not(:last-child) {
	margin-bottom: 20px;
}

.wysiwyg p {
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
}
.wysiwyg ul{
	list-style: none;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
	color: #111111;
}
.wysiwyg ul li{
	position: relative;
	padding: 0 0 0 30px;
}
.wysiwyg ul li:not(:last-child) {
	margin-bottom: 10px;
}
.wysiwyg ul li:before{
	content: '';
	width: 13px;
	height: 11px;
	background: url("../assets/src/img/check.svg") center no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 8px;
}
#solutions .wysiwyg ul li,
.grid-single-post .wysiwyg ul li{
	margin-bottom: 10px;
	padding: 0 0 0 16px;
}
#solutions .wysiwyg ul li::before,
.grid-single-post .wysiwyg ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #1170F8;
}
#solutions .wysiwyg h1,
#solutions .wysiwyg h2,
#solutions .wysiwyg h3,
#solutions .wysiwyg h4,
#solutions .wysiwyg h5,
#solutions .wysiwyg h6,
.grid-single-post .wysiwyg h1,
.grid-single-post .wysiwyg h2,
.grid-single-post .wysiwyg h3,
.grid-single-post .wysiwyg h4,
.grid-single-post .wysiwyg h5,
.grid-single-post .wysiwyg h6 {
	margin-bottom: 20px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
}
.grid-single-post .wysiwyg h1,
.grid-single-post .wysiwyg h2,
.grid-single-post .wysiwyg h3,
.grid-single-post .wysiwyg h4,
.grid-single-post .wysiwyg h5,
.grid-single-post .wysiwyg h6 {
	margin-top: 40px;
}
.grid-single-post .wysiwyg a {
	color: #1170F8;
	font-weight: 500;
	font-style: normal;
}

.grid-single-post .wysiwyg > *:first-child {
	margin-top: 0 !important;
}
.grid-single-post .wysiwyg p {
	margin-bottom: 16px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.6;
}
.grid-single-post .wysiwyg img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
}
.grid-single-post .wysiwyg .wp-block-gallery.has-nested-images figcaption {
	font-size: 12px;
	text-align: left;
}

.service-list > * {
	display: flex;
	margin-bottom: 60px;
}
.service-list__content {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px;
	z-index: 10;
}
.service-list__wrap-img {
	position: relative;
}
.service-list__img {
	position: absolute;
	top: 50%;
	left: 0;
	height: 100%;
	object-fit: contain;
	max-height: max-content;
	/* width: auto; */
	width: 100%;
	transform: translateY(-50%);
}
.service-list__title {
	margin-bottom: 30px;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.1;
}


.service-list__row:nth-child(2n+1) > * {
	width: 50%;
}
.service-list__row:nth-child(2n+1) .service-list__img {
	left: auto;
	right: 0;
}
.service-list__row:nth-child(3n+1) .wysiwyg {
	padding-left: 18%;
}
.service-list__row:nth-child(3n+2) .wysiwyg,
.service-list__row:nth-child(3n) .wysiwyg {
	padding-right: 15%;
}
.service-list__row:nth-child(2n) .service-list__wrap-img {
	order: 2;
}
.service-list__row:nth-child(3n) .service-list__img {
	right: 20px;
}
.service-list__row:not(:nth-child(3n+1)) .service-list__content {
	width: 40%;
}
.service-list__row:not(:nth-child(3n+1)) .service-list__wrap-img {
	width: 60%;
}

/*** Contacts ***/

#contacts {
	min-height: calc(100vh - 110px);
	padding: 40px 0;
}

.contact__side {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	grid-gap: 20px;
	width: 40%;
	padding-top: 60px;
	padding-right: 60px;
}
.contact__col {
	display: inline-flex;
	flex-direction: column;
}

.contact__content {
	width: 60%;
}

.contact__label {
	margin-bottom: 20px;
	color: #4F4F4F;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
}
.contact__link {
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	margin-bottom: 15px;
}
.contact__link:hover {
	border: none;
	color: #ffbd19;
	text-decoration: none;
}
.contact__social a:not(.btn):not(.site-link):after,
a.contact__link:not(.btn):not(.site-link):after {
	display: none;
}

.clutch {
	color: #FC3F38;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
}
.clutch:hover {
	border: none;
	color: #ffbd19;
	text-decoration: none;
}
.linkedIn {
	color: #1179B5;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
}
.linkedIn:hover {
	border: none;
	color: #ffbd19;
	text-decoration: none;
}

.contact__social a {
	margin-bottom: 10px;
}
.contact__img {
	width: 100%;
	margin-top: 60px;

	height: max-content;
	max-height: 483px;
	object-fit: contain;
}
.contact__btn {
	margin-top: 15px;
}

.contact__title {
	margin-bottom: 30px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 160px;
	line-height: 1;
}

.panel {
	border-radius: 8px;
	padding: 30px 30px 30px 60px;
	background: #1F1C1C;
}

.contact__title-form {
	margin-bottom: 30px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
}

#contacts .wpforms-field-container {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	grid-gap: 30px 20px;
}

#contacts .wpforms-field-medium {
	border: none;
	border-bottom: 1px solid #FFFFFF33;
	border-radius: 0;
	padding: 10px 0;
	background-color: transparent;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-field {
	margin: 0;
	padding: 0;
	width: calc(50% - 10px);
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-field.phone-code {
	margin: 0;
	padding: 0;
	width: calc(13% - 10px);
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-field.phone {
	margin: 0;
	padding: 0;
	width: calc(37% - 20px);
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-field-medium {
	max-width: 100%;
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-field-medium option {
	background-color: #111111;
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-field-label {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
}
#contacts div.wpforms-container-full .wpforms-form label.wpforms-error {
	position: absolute;
}
#contacts div.wpforms-container-full .wpforms-form button[type=submit] {
	width: 100%;
	border: 2px solid #ffbd19;
	border-radius: 60px;
	padding: 12px 40px;
	background-color: #ffbd19;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
#contacts div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background-color: transparent;
	color: #fff;
}
#contacts div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	width: calc(50% - 20px);
}

#faq {
	position: relative;
	padding-top: 5.625em;
	padding-bottom: 8em;
	z-index: 3;
}

.faq {
	margin: 40px 0;
}
.faq__item {
	border-bottom: 1px solid #E0E0E0;
}
.faq__title {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	border: none;
	padding: 24px 40px 24px 0;
	background-color: transparent;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1;
	text-align: left;
}
.faq__title::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 4px;
	background-color: #1170F8;
	transform: translate(0, -50%);
}
.faq__title::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 4px;
	background-color: #1170F8;
	transform: translate(0, -50%) rotate(90deg);
	transition: 0.2s;
}
.faq__title.open::after {
	transform: translate(0, -50%) rotate(0);
}
.faq__content {
	padding-bottom: 0;
	transition: 0.3s;
	overflow: hidden;
}
.faq__content.open {
	padding-bottom: 20px;
}

#solutions {
	padding-top: 120px;
	padding-bottom: 120px;
	list-style: none;
}
.solutions-content {
	margin-top: 40px;
}

.title-solution {
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 170px;
	line-height: 0.8;
}
.tabs {
	display: flex;
	flex-wrap: wrap;
}
.solutions {
	display: flex;
	flex-direction: column;
	width: 16%;
	padding: 0;
	list-style: none;
}
.tabs__content {
	position: relative;
	width: 84%;
	list-style: none;
	padding: 0;
}
.solutions__action {
	margin-bottom: 10px;
	border: none;
	padding: 0;
	background-color: transparent;
	color: #BDBDBD;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	text-align: left;
	transition: 0.3s;
}
.solutions__action:hover,
.solutions__action.active {
	color: #1170F8;
}
.solutions__action.active {
	font-weight: 700;
}
.solutions__content {
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 40px;
	width: 100%;
	padding-left: 20px;
	transition: 0.3s;
	opacity: 0;
	z-index: 1;
}
.solutions__content.active {
	position: relative;
	opacity: 1;
	z-index: 10;
}
.solution__image {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.sticky {
	transition: 0.2s;
}
.sticky.is_stuck {
	padding-top: 120px;
}
.single-form {
	width: 100%;
	border-radius: 8px;
	padding: 20px;
	background: #F2F2F2;
}

.label-form {
	margin: 0;
	color: #000000;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
}
.single-form  div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium,
.single-form  div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
.single-form  div.wpforms-container-full .wpforms-form input.wpforms-field-medium {
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
	border:  none;
	background: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
}
.single-form  div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	height: 46px;
	resize: none;
}

.single-form div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
	display: none;
}
.single-form div.wpforms-container-full .wpforms-form button[type=submit] {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50px;
	border-radius: 50px;
	background: #FFBD19;
	color: #222222;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	transition: 0.2s;
}
.single-form div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background: #FFBD1933;
}

.single-form div.wpforms-container-full {
	margin: 4px auto;
}
.single-form div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 7px 0;
}
.single-form div.wpforms-container-full .wpforms-form .wpforms-field-label {
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: 500;
}

.solution-column {
	column-count: 2;
	column-gap: 94px;
	padding-left: 216px;
	padding-bottom: 50px;
}
.solution-column p {
	line-height: 1.8;
}

.solution-list {
	display: flex;
	justify-content: space-between;
	grid-gap: 30px;
	margin-bottom: 100px;
	padding-right: 160px;
}
.solution-list > * {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.solution-list__title {
	font-size: 80px;
	line-height: 1;
	font-weight: 700;
}
.solution-list__desc {
	margin-top: 10px;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.25;
}
.solution-tech {
	/*overflow: hidden;*/
}
.solution-tech__title {
	position: relative;
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	width: 100%;
	margin: 0;
	padding: 50px 160px 50px 0;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 800;
	font-size: 160px;
	line-height: 1;
	letter-spacing: 0.05em;
	text-align: center;
}
.solution-tech__title span {
	display: inline;
	/*margin: 0 0.3em;*/
	color: #1170F8;
}
.solution-tech__title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	background: #F4F6FC;
	transform: translate(-50%, 0);
	z-index: -1;
}
.solution-tech__title img {
	max-width: 140px;
}
.solution-tech__img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.solution-tech__bg::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 520px;
	height: 520px;
	border: 80px solid #1170F8;
	border-radius: 50%;
	transform: translate(60%, -20%);
}
.solution-tech__content {
	position: relative;
	margin-top: 60px;
	padding-left: 520px;
	padding-right: 120px;
	padding-bottom: 80px;
	z-index: 10;
}
.solution-tech__subtitle {
	margin-bottom: 20px;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	line-height: 1;
}
.solution-tech__text {
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
}
.solution-tab {
	position: relative;
	padding: 80px 0;
	background: #111111;
	z-index: 10;
}
.solution-tab .col-12 {
	position: relative;
}
.solution-tab__svg {
	position: absolute;
	top: -30px;
	right: 0;
}
.solution-tab__title {
	position: relative;
	max-width: 520px;
	margin-bottom: 50px;
	padding-top: 60px;
}
.solution-tab__row {
	display: flex;
	grid-gap: 100px;
}
.solution-tab__tabs {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	grid-gap: 20px;
	text-align: left;
}
.solution-tab__text {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 326px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.7;
	opacity: 0;
	z-index: 1;
	transition: 0.2s;
}
.solution-tab__text.active {
	position: relative;
	z-index: 5;
	opacity: 1;
}
.solution-tab__tab {
	position: relative;
	border: none;
	background: transparent;
	color: #828282;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	text-align: left;
	line-height: 1.2;
	transition: 0.2s;
}
.solution-tab__tab.active,
.solution-tab__tab:hover {
	color: #1170F8;
	font-weight: 700;
}
.solution-tab__tab::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 78px;
	height: 2px;
	background-color: #1170F8;
	opacity: 0;
	transition: 0.2s;
	transform: translate(-20px, -50%);
}
.solution-tab__tab.active::after {
	background-color: #1170F8;
	opacity: 1;
	transform: translate(10px, -50%);
}
.solution-tab__gallery {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.solution-tab__gallery::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background-color: #1170F8;
	transform: translate(-50%, -70%);
	z-index: -1;
}
.solution-tab__gallery img {
	position: absolute;
	max-width: 100%;
	height: auto;
	transition: 0.2s;
	opacity: 0;
}
@media (min-width: 1100px) {
	.solution-tab__gallery img {
		max-width: 74%;
	}
}
.solution-tab__gallery .active {
	position: relative;
	opacity: 1;
}
.solution-content {
	padding: 80px 0;
}
.solution-content__large {
	max-width: 900px;
}
.solution-content__text {
	max-width: 580px;
	margin-top: 40px;
	margin-left: 27%;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.8;
	white-space: pre-line;
}
.solution-content__list {
	padding: 40px 0 0 0;
	display: flex;
	grid-gap: 80px;
}
.solution-content__list>*{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.solution-content__title {
	margin-bottom: 10px;
	color: #000000;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 50px;
	line-height: 1;
}
.solution-content__desc {
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
}
.solution-action {
	padding: 120px 0 80px 0;
	background: #111111;
}
.solution-action__svg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-54%, -30%);
	z-index: -1;
}
.solution-action__col {
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-gap: 40px;
}
.solution-action__text {
	max-width: 600px;
	/*margin-top: 30px;*/
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.7;
	text-align: center;
}

.solution-roadmap {
	position: relative;
	padding-bottom: 120px;
}
.solution-roadmap>.container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 520px;
	height: 520px;
	border-radius: 50%;
	border: 80px solid #1170F8;
	transform: translate(-45%, -20%);
	z-index: 3;
}
.solution-roadmap__title {
	position: relative;
	padding: 70px 60px 70px 34%;
}
.solution-roadmap__title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #F4F6FC;
	transform: translateX(-25%);
	z-index: -1;
}
.solution-roadmap__title span {
	position: relative;
}
.solution-roadmap__title span::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	width: 120%;
	height: 30px;
	background-image: url('../img/title-line.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translate(-50%, 0);
}

.solution-roadmap__row {
	position: relative;
	display: flex;
	grid-gap: 140px;
	padding-top: 70px;
	padding-bottom: 70px;
	padding-left: 26%;
}
.solution-roadmap__svg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-100%, -10%);
}
.solution-roadmap__tabs {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	grid-gap: 20px;
}
.solution-roadmap__tab {
	position: relative;
	border: none;
	padding: 0 20px 0 0;
	background: transparent;
	color: #111111;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	transition: 0.2s;
}
.solution-roadmap__tab::before {
	content: attr(data-title);
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	color: #1170F8;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	text-align: left;
	transition: 0.2s;
	opacity: 0;
}
.solution-roadmap__tab.active,
.solution-roadmap__tab:hover {
	color: transparent;
}
.solution-roadmap__tab.active::before,
.solution-roadmap__tab:hover::before {
	opacity: 1;
}
.solution-roadmap__tab::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	width: 78px;
	height: 2px;
	background-color: #1170F8;
	opacity: 0;
	transition: 0.2s;
	transform: translate(-20px, -50%);
}
.solution-roadmap__tab.active::after {
	opacity: 1;
	transform: translate(10px, -50%);
}
.solution-roadmap__contents {
	position: relative;
	max-width: 400px;
}
.solution-roadmap__contents .wysiwyg {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.2s;
}
.solution-roadmap__contents .wysiwyg p {
	line-height: 1.8;
}
.solution-roadmap__contents .active {
	position: relative;
	opacity: 1;
	z-index: 10;
}
.solution-choose {
	padding: 100px;
	background: #111111;
}
.solution-choose__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 150px;
	padding-top: 50px;
}
.solution-choose__title {
	width: 100%;
	margin-top: 30px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.25;
}
.solution-choose__desc {
	margin-top: 20px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.88;
}
.solution-choose__icon {
	max-width: 100%;
}

.section-testimonial,
.section-posts {
	padding-bottom: 70px;
}
.testimonial__quote {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #333333;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.8;
}
.testimonial__quote::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 70px;
	background: url('../img/quote.svg');
	background-size: contain;
	background-repeat: no-repeat;
	transform: translateY(-50%);
	/*opacity: 0.1;*/
	z-index: -1;
}

.testimonial__name {
	color: #484848;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 127.5%;
	letter-spacing: 0.271225px;
}
.testimonial__pos {
	color: #828282;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 127.5%;
	letter-spacing: 0.271225px;
}
.testimonial__images {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.testimonial__bg {
	width: 90%;
	height: auto;
}
.testimonial__wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10;
}
.testimonial__wrap:nth-child(2) {
	width: 148px;
	height: 148px;
	top: -14%;
	left: 18%;
}
.testimonial__wrap:nth-child(3) {
	width: 104px;
	height: 104px;
	left: 58%;
}
.testimonial__wrap:nth-child(4) {
	width: 186px;
	height: 186px;
	left: 0%;
	top: 22%;
}
.testimonial__wrap:nth-child(5) {
	width: 94px;
	height: 94px;
	top: 22%;
	left: 40%;
}
.testimonial__wrap:nth-child(6) {
	width: 148px;
	height: 148px;
	top: 74%;
	left: 40%;
}
.testimonial__wrap:nth-child(7) {
	width: 216px;
	height: 216px;
	top: 30%;
	left: 60%;
}
.testimonial__wrap:nth-child(8) {
	width: 172px;
	height: 172px;
	top: 70%;
	left: 8%;
}
.testimonial__wrap:nth-child(9) {
	width: 104px;
	height: 104px;
	left: 50%;
	top: 82%;
}
.testimonial__image {
	border: 5px solid #FFFFFF;
	border-radius: 50%;
	box-shadow: 0px 4px 20px rgba(149, 149, 149, 0.25);
	overflow: hidden;
	animation: animateBubble 4s ease-in-out infinite;
	cursor: pointer;
	transition: 0.2s;
}
.testimonial__image:hover,
.testimonial__image.active {
	border-color: #1170F8;
}

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

.testimonial__list {
	position: relative;
}
.testimonial__item {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: 0.2s;
}
.testimonial__item.active {
	position: relative;
	opacity: 1;
	z-index: 2;
}

.before-volume {
	padding-top: 200px;
	clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 29%, 53% 26%, 61% 14%);
}

.contact-us__title span {
	color: #1170F8;
}

.single-solution .portfolio__right {
	display: flex;
	flex-direction: column;
	grid-gap: 80px;
	justify-content: flex-start;
	padding-top: 60px;
	padding-bottom: 40px;
}

.single-solution .portfolio__pic-before:before {
	display: none;
}

.slide-title {
	margin-bottom: 40px;
	color: #FFFFFF;
	font-family: 'Geometria';
	font-style: normal;
	font-weight: 700;
	font-size: 60px;
	line-height: 1.2;
}

.single-solution #faq {
	padding-bottom: 60px;
}

.solution-first__title {
	max-width: 780px;
}

/*** Adaptive ***/

@media (max-width: 1600px) {
	.single-solution .single-cover {
		clip-path: polygon(0 0, 0 86%, 100% 100%, 100% 0);
	}
}
@media (max-width: 1400px) {
	.title-xl {
		font-size: 196px;
	}
	.panel {
		padding: 30px;
	}
	.contact__title {
		font-size: 120px
	}
	.solution-tab__row {
		grid-gap: 40px;
	}
}
@media (max-width: 1100px) {
	.title-xl {
		font-size: 164px;
	}
	.special-list {
		padding-left: 0;
	}
	.filter-list {
		padding-left: 20px;
	}
	#contacts div.wpforms-container-full .wpforms-form .wpforms-field.phone-code {
		width: 13%;
	}
	#contacts div.wpforms-container-full .wpforms-form .wpforms-field.phone {
		width: calc(37% - 30px);
	}
	.service-list__title {
		font-size: 50px;
	}
	.services-item.services-item_right .services-item__image {
		width: 75%;
	}
	.list-side__link {
		flex-direction: column;
	}
	.list-side__thumbnail {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.single-cover {
		clip-path: polygon(0 0, 0 86%, 46.5% 90.4%, 43.2% 95%, 100% 100%, 100% 0);
	}
	.solutions__content {
		grid-template-columns: 1fr 1fr;
	}
	.title-solution {
		font-size: 120px;
	}
	.solution-tech__content {
		padding-right: 0;
		padding-bottom: 30px;
	}
	.solution-tab__row {
		flex-direction: column;
		grid-gap: 30px;
	}
	.solution-roadmap__svg {
		transform: translate(-100%, 10%);
	}
	.solution-choose__list {
		grid-gap: 60px;
	}
	.solution-choose {
		padding: 100px 0;
	}

	.testimonial__wrap {
		transform: scale(0.8);
	}
}
@media (max-width: 960px) {
	.service-list__title {
		font-size: 30px;
	}
	.services-item.services-item_right .services-item__image {
		top: 0;
		width: 100%;
		text-align: center;
	}
	.services-item.services-item_right .services-item__image img {
		padding: 0 20px;
	}
	.service-list__row .service-list__wrap-img {
		order: 2;
	}
	.service-list__row:not(:nth-child(3n+1)) .service-list__content,
	.service-list__row:not(:nth-child(3n+1)) .service-list__wrap-img,
	.service-list__row:nth-child(n) > * {
		width: 100%;
	}
	.service-list__row:nth-child(n) .service-list__img {
		position: static;
		top: 0;
		width: 100%;
		height: 100%;
		transform: none;
	}
	.service-list__row:nth-child(3n+1) .wysiwyg,
	.service-list__row:nth-child(3n+2) .wysiwyg,
	.service-list__row:nth-child(3n) .wysiwyg {
		padding: 0;
	}
	.services-item.services-item_black {
		margin-bottom: 240px;
	}
	.wysiwyg,
	.wysiwyg p,
	.wysiwyg ul li {
		font-size: 16px;
	}
	.grid-single-post {
		grid-template-columns: 1fr;
	}
	.hide-md {
		display: none;
	}
	.list-post {
		grid-template-columns: repeat(2, 1fr);
	}
	.single-cover {
		clip-path: polygon(0 0, 0 90%, 46.5% 94%, 43.2% 96%, 100% 100%, 100% 0);
	}
	.title-xl {
		font-size: 120px;
	}
	.post--md,
	.post--lg {
		padding: 20px;
	}
	.post--md > * {
		max-width: 75%;
	}
	.filter-list {
		padding-left: 0;
	}
	.grid-post {
		grid-template-columns: repeat(2, 1fr);
	}
	.contact__side {
		width: 100%;
		padding-top: 0;
		padding-right: 1.5rem;
	}
	.contact__img {
		width: 30%;
		margin-top: 0;
	}
	.contact__content {
		width: 100%;
		margin-top: 30px;
	}
	.solutions__content {
		grid-template-columns: 1fr;
		padding-left: 60px;
	}
	.solution__subtitle {
		font-size: 120px;
	}
	.solution-column {
		padding-left: 56px;
	}
	.solution-list {
		padding-right: 0;
	}
	.solution-tech__content {
		padding-left: 0;
	}
	.solution-tech__title {
		justify-content: flex-start;
		padding: 50px 0;
		font-size: 120px;
	}
	.solution-tech__bg::before {
		width: 150px;
		height: 150px;
		border-width: 26px;
		transform: translate(60%, 200px);
	}
	.solution-tech__title::before {
		height: 200%;
		transform: translate(-28%, 0);
	}
	.solution-tech__img {
		position: static;
		max-width: 80%;
	}
	.solution-content__text {
		margin-left: 20%;
	}
	.solution-content__list {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.solution-action__svg {
		transform: translate(-54%, -18%);
		width: 150vw;
	}
	.solution-roadmap>.container::before {
		width: 150px;
		height: 150px;
		border-width: 25px;
	}
	.solution-roadmap__title {
		padding-left: 100px;
	}
	.solution-roadmap__svg {
		display: none;
	}
	.solution-roadmap__row {
		padding-left: 0;
		padding-bottom: 0;
	}
	.testimonial__images {
		margin: 80px 0 30px;
	}
	.solution-tech__title img {
		max-height: 2em;
	}
	.swiper-wrap-button {
		width: 100%;
		bottom: 20px;
	}
}

@media (min-width: 720px) {
	.mt-lg {
		margin-top: 60px;
	}
	.solution-roadmap__toggle,
	.solution-tab__toggle,
	.visible-sm {
		display: none;
	}
	.solution-list > * .solution-list__title {
		text-align: left;
	}
	.single-solution .portfolio__number {
		position: static;
		flex-direction: row;
	}
	.single-solution .portfolio__line {
		width: 46px;
		height: 1px;
		margin: 0 16px;
		border: none;
		background-color: #fff;
	}
	.single-solution .portfolio__left {
		padding-top: 60px;
	}
}
@media (max-width: 720px) {
	.slide-title {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.services-item.services-item_black::before {
		left: 110%;
		bottom: -70px;
	}
	.services-item.services-item_black {
		margin-bottom: 90px;
	}
	.service-list > *:last-child {
		margin-bottom: 0;
	}
	.service-list__content {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.service-list__row:nth-child(2) .service-list__img {
		transform: scale(1.5);
	}
	.site-footer {
		padding: 36px 0;
	}
	.services-item__content h2 {
		display: inline;
	}
	.site-header__logo img {
		max-width: 80px;
	}
	.title-lg {
		font-size: 50px;
	}
	.list-post {
		grid-template-columns: 1fr;
	}
	.post--lg {
		margin-bottom: 50px;
	}
	.post--md,
	.post--lg {
		justify-content: flex-start;
		height: 350px;
	}
	.post--md .post__img,
	.post__img {
		top: 40%;
		left: 50%;
		transform: translateX(-50%);
		max-width: 100%;
	}
	.post--md .post__title,
	.post--lg .post__title {
		font-size: 16px;
	}
	.post--md .post__desc,
	.post--lg .post__desc {
		font-size: 12px;
	}
	.grid-post {
		grid-template-columns: 1fr;
	}
	.hide-sm {
		display: none;
	}
	.contact__img {
		width: 40%;
	}
	.contact__title {
		font-size: 60px;
	}
	.contact__side {
		grid-gap: 40px 20px;
	}
	.panel {
		padding: 20px;
	}
	#contacts div.wpforms-container-full .wpforms-form .wpforms-submit-container,
	#contacts div.wpforms-container-full .wpforms-form .wpforms-field {
		width: 100%;
	}
	#contacts div.wpforms-container-full .wpforms-form .wpforms-field.phone-code {
		width: 25%;
	}
	#contacts div.wpforms-container-full .wpforms-form .wpforms-field.phone {
		width: calc(75% - 20px);
	}
	.title-solution {
		font-size: 60px;
	}
	.tabs__content{
		width: 100%;
	}
	.solutions__content {
		padding-left: 0;
	}
	.solutions {
		display: none;
	}
	.solutions__select {
		position: sticky;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		margin-bottom: 30px;
		border: none;
		border-bottom: 1px solid #fffc;
		border-radius: 0;
		padding: 10px 10px 10px 0;
		background: transparent;
		color: #1170F8;
		font-size: 18px;
		font-weight: 700;
	}
	.solutions__select option {
		background-color: #111111;
		color: #fff;
	}
	.service-top h2{
		font-size: 68px;
		line-height: 1.2;
	}
	.service-top .marquee *:not(:first-child) {
		display:none;
	}
	.service-top h1 {
		padding-right: calc(var(--bs-gutter-x) * 0.5);
		padding-left: calc(var(--bs-gutter-x) * 0.5);
		font-size: 32px;
		line-height: 1.2;
	}
	.solution__title,
	.solution__subtitle {
		font-size: 50px;
	}
	.single-solution .single-cover {
		height: auto;
		min-height: 460px;
	}
	.solution-first__title {
		font-size: 30px;
	}
	.solution-column {
		column-count: 1;
	}
	.solution-list {
		flex-direction: column;
		margin-bottom: 60px;
	}
	.solution-tech__title {
		font-size: 48px;
		padding: 10px 0;
	}
	.solution-tech__bg::before {
		transform: translate(38%, 86px);
	}
	.solution-tech__subtitle {
		font-size: 30px;
	}
	.solution-tab__title {
		font-size: 30px;
		padding-top: 10px;
	}
	.solution-tab__svg {
		height: 50vw;
		top: -60px;
	}
	.solution-tab__gallery {
		display: none;
	}
	.solution-tab__tab {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0;
		font-size: 16px;
		align-items: left;
	}
	.solution-tab__tab::after {
		position: static;
		transform: none;
	}
	.solution-tab__tabs {
		grid-gap: 0;
	}
	.solution-content__large {
		font-size: 30px;
	}
	.solution-content__list {
		display: flex;
		flex-direction: column;
		grid-gap: 30px;
	}
	.solution-content__list>* {
		align-items: center;
	}
	.solution-action__col .title-lg {
		font-size: 30px;
	}
	.solution-action__text {
		font-size: 20px;
	}
	.solution-roadmap__title {
		font-size: 30px;
		padding: 30px 0 0px 50px;
	}
	.solution-roadmap>.container::before {
		transform: translate(-56%, -40%);
	}
	.solution-roadmap__contents {
		display: none;
	}
	.solution-roadmap__tab::before{
		font-size: 16px;
	}
	.solution-roadmap__tab {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		color: #828282;
		font-size: 16px;
	}
	.solution-roadmap__tab::after {
		position: static;
		transform: none;
	}
	.solution-choose {
		padding: 60px 0;
	}
	.solution-choose .title-lg {
		font-size: 30px;
	}
	.solution-choose__list {
		grid-template-columns: 1fr;
	}
	.solution-choose__title {
		font-size: 20px;
	}
	.section-testimonial .title-lg {
		font-size: 30px;
	}
	.testimonial__quote {
		font-size: 14px;
	}
	#faq {
		padding-bottom: 60px;
	}

	.testimonial__bg {
		width: 100%;
	}
	.testimonial__wrap {
		transform-origin: 0 0;
		transform: scale(0.5);
	}

	.single-solution .portfolio__main {
		padding-top: 40px;
		padding-bottom: 80px;
	}
	.before-volume {
		padding-top: 80px;
		clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 11%, 50% 10%, 70% 3%);
	}
	.contact-us__title {
		font-size: 30px;
	}
	.solution-tab__tab::after {
		background: #fff;
		opacity: 0.4;
		transform: translate(10px, -50%);
	}
	.single-solution .portfolio__left h2 {
		font-size: 20px;
	}
	.single-solution .portfolio__right {
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.swiper-wrap-button {
		bottom: 40px;
	}
	.solution-content__desc {
		text-align: center;
	}
	.services-page .contact-us .btn {
		width: 100%;
		padding: 0.625em 50px;
	}
	.solution-tech__title::before {
		height: 260px;
	}
	.solution-tech__content {
		margin-top: 30px;
	}
	.solution-content__text {
		margin-top: 20px;
	}
	.title-xl {
		transform: translateX(-10px);
	}
	.post--md > * {
		width: 100%;
	}
	.post--md .post__img {
		top: 30%;
		left: 50%;
		transform: translateX(-50%);
		max-width: 80%;
	}
	.special-list .post:nth-child(2) img {
		max-width: 100%;
    	transform: translate(-50%, 0px);
	}
	.special-list .post:nth-child(3) img {
		max-width: 70%;
	}
	
	/* .portfolio__pic img {
		width: 114%;
		max-width: 114%;
    	transform: translateX(-6%);
	} */
}

/*animations*/

@keyframes animateBubble1 {
	0% {
		transform: translate(-5px, -5px);
	}
	25% {
		transform: translate(0px, 5px);
	}
	50% {
		transform: translate(5px, -5px);
	}
	75% {
		transform: translate(0px, 5px);
	}
	100% {
		transform: translate(-5px, -5px);
	}
}
@keyframes animateBubble2 {
	0% {
		transform: translate(-5px, -5px);
	}
	25% {
		transform: translate(5px, 5px);
	}
	50% {
		transform: translate(-5px, -5px);
	}
	75% {
		transform: translate(5px, 5px);
	}
	100% {
		transform: translate(-5px, -5px);
	}
}
@keyframes animateBubble3 {
	0% {
		transform: translate(-5px, -5px);
	}
	25% {
		transform: translate(5px, 0px);
	}
	50% {
		transform: translate(-5px, 5px);
	}
	75% {
		transform: translate(5px, 0px);
	}
	100% {
		transform: translate(-5px, -5px);
	}
}
@keyframes animateBubble4 {
	0% {
		transform: translate(5px, 5px);
	}
	25% {
		transform: translate(-5px, 0px);
	}
	50% {
		transform: translate(5px, -5px);
	}
	75% {
		transform: translate(-5px, 0px);
	}
	100% {
		transform: translate(5px, 5px);
	}
}
@keyframes animateBubble0 {
	0% {
		transform: translate(5px, 5px);
	}
	25% {
		transform: translate(-5px, 5px);
	}
	50% {
		transform: translate(5px, -5px);
	}
	75% {
		transform: translate(-5px, 5px);
	}
	100% {
		transform: translate(5px, 5px);
	}
}

/* portfolio-detail */
.p-banner {
	background: #111;
	color: #fff;
	position: relative;
	z-index: 5;
	padding-bottom: 10px;
}
.p-banner h1 {
	margin-bottom: 28px;
    font-size: clamp(2.5em, 8vw, 3.75em);
    font-weight: bold;
    line-height: 1.2;
	max-width: 780px;
	padding: clamp(40px, 5vw, 50px) 0 clamp(20px, 3vw, 60px);
	margin: unset;
}
.p-banner h1 span {
	color: #1070f8;
}
.p-banner .image {
	position: relative;
	padding: 10px;
}
.p-banner .image::after {
	content: '';
    width: 163px;
    height: 163px;
    background: url('../assets/src/img/dotts.png') no-repeat;
    top: -30px;
    position: absolute;
    right: -40px;
    z-index: -1;
}
.p-banner .image img {
	width: 100%;
	border-radius: 20px;
	height: 540px;
	object-fit: cover;
}
.p-content {
	padding-top: 40px;
	padding-bottom: 10px;
	row-gap: 40px;
}
.p-category {
	text-transform: uppercase;
	color: #FFFFFF33;
	border-bottom: 1px solid #FFFFFF33;
	max-width: max-content;
	padding-bottom: 20px;
}
.p-category span {
	color: #fff;
}
.p-banner-text {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}
.p-requirement-title,
.p-technology-title {
	text-transform: uppercase;
	color: #FFFFFF33;
	padding-bottom: 8px;
}
.p-requirement-content {
	padding: 12px;
	border-radius: 4px;
	background: #FFFFFF33;
}
.p-requirement-content p,
.p-technology-content p {
	line-height: 1.8;
}
@media (max-width: 991px) {
	.p-requirement-content p,
	.p-technology-content p {
		line-height: 1.5;
	}
}
.p-banner p:last-child {
	margin-bottom: unset;
}

@media (max-width: 991px ) {
	.p-banner .image::after {
		content: none;
	}
}
.portfolio-detail .outcomes {
	position: relative;
	padding-bottom: 80px;
}

.portfolio-detail .outcomes::before {
    content: "";
    position: absolute;
    top: -79px;
    left: 0;
    z-index: 1;
    width: 102%;
    height: 120px;
    background: #111;
    transform: skew(-6deg, 5deg);
    transform-origin: 0 0;
}
@media screen and (min-width: 1860px) {
    .portfolio-detail .outcomes::before {
        height: 120px;
        top: -92px;
        transform: skew(-2deg, 3deg);
    }
}
.portfolio-detail .outcomes:after {
    content: "";
    position: absolute;
    top: -90px;
    right: -22%;
    width: 67%;
    height: 235px;
    background: #111;
    transform: skew(-42.1deg, 5deg);
    transform-origin: 0 0;
}
@media screen and (min-width: 1860px) {
    .portfolio-detail .outcomes:after {
        top: -102px;
        width: 75%;
        transform: skew(-41deg, 3deg);
    }
}
@media (max-width: 991px) {
	.portfolio-detail .outcomes:after {
		height: 220px;
        width: 65%;
		right: -40%;
	}	
}
@media (max-width: 550px) {
	.portfolio-detail .outcomes:after {
		right: -55%;
		height: 190px;
	}
}

.portfolio-detail .outcomes h2 {
	padding-top: clamp(140px, 12vw, 170px);
	font-size: clamp(45px, 10vw, 120px);
	font-weight: 700;
	position: relative;
	margin-bottom: clamp(40px, 6vw, 60px);
}

.portfolio-detail .outcomes h2::before {
	content: '';
    width: 163px;
    height: 163px;
    background: url(../assets/src/img/dotts.png) no-repeat;
	bottom: -15px;
    position: absolute;
    left: -170px;
    z-index: -1;
}
@media (max-width: 991px) {
	.portfolio-detail .outcomes h2::before{
		left: calc(clamp(100px, 13vw, 170px) * -1);
		top: clamp(120px, 20vw, 140px);
		width: clamp(90px, 12vw, 163px);
		height: clamp(90px, 12vw, 163px);
		background-size: contain;
	}
}
@media (max-width: 550px) {
	.portfolio-detail .outcomes h2::before{
		left: -95px;
	}
}
.portfolio-detail .outcomes p {
	font-size: clamp(16px, 2vw, 18px);
}
.portfolio-detail .outcomes__content p:last-child {
	margin-bottom: unset;
}

.portfolio-detail .outcomes .row:nth-child(even) {
	flex-direction: row-reverse;
}
.portfolio-detail .outcomes .image {
	position: relative;
}
.portfolio-detail .outcomes .image img {
	width: 100%;
	border-radius: 16px;
}
@media (max-width: 991px) {
	.portfolio-detail .outcomes .image img {
		object-fit: cover;
		height: 460px;
	}
}
.portfolio-detail .outcomes .image__dots::after {
	content: '';
    width: 163px;
    height: 163px;
    background: url(../assets/src/img/dotts.png) no-repeat;
    bottom: -55px;
    position: absolute;
    right: -20px;
    z-index: -1;
}
@media (max-width: 991px) {
	.portfolio-detail .outcomes .image__dots::after {
		content: none;
	}
}

.portfolio-detail .outcomes .row:nth-child(even) .image__dots::after {
	right: unset;
	left: -30px;
}

.portfolio-detail .outcomes__title {
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 8px;
}
.portfolio-detail .outcomes__title span {
	color: #1070f8;
}
.portfolio-detail .outcomes__content .row {
	align-items: center;
	row-gap: 40px;
}
.portfolio-detail .outcomes__content {
	font-size: 18px;
	display: flex;
	flex-direction: column;
	row-gap: clamp(40px, 8vw, 60px);
}
.portfolio-detail .outcomes .text {
	row-gap: 40px;
    display: flex;
    flex-direction: column;
}
.portfolio-detail .outcomes__wrap {
	max-width: 620px;
}
.portfolio-detail .challenges {
	background: #F5F5F5;
	padding-top: clamp(60px, 14vw, 80px);
	padding-bottom: clamp(60px, 14vw, 80px);
}
.portfolio-detail .challenges h2 {
	text-align: right;
    font-size: clamp(45px, 10vw, 120px);
    font-weight: 700;
    margin-bottom: clamp(10px, 4vw, 60px);
}
.portfolio-detail .challenges-wrap {
	display: flex;
    flex-direction: column;
    row-gap: 37px;
}
.portfolio-detail .challenges-row {
	display: flex;
	gap: clamp(25px, 5vw, 40px) 60px;
}
.portfolio-detail .challenges-top {
	font-size: clamp(20px, 5vw, 24px);
	font-weight: 700;
	padding-bottom: 20px;
	display: flex;
    justify-content: space-between;
	column-gap: 20px;
}
.portfolio-detail .challenges-row img{
	width: 100%;
	object-fit: contain;
}
.portfolio-detail .challenges-content {
	font-size: clamp(16px, 4vw, 18px);
	margin-bottom: 10px;
	display: none;
	padding-top: clamp(15px, 3vw, 20px);
	line-height: 1.6;
}
.portfolio-detail .challenges-content p:last-child {
	margin-bottom: unset;
}
.portfolio-detail .content {
	width: 70%;
}
.portfolio-detail .challenges-row .image {
	flex: 1 1 50%;
}
.portfolio-detail .challenges-item {
	cursor: pointer;
	border-bottom: 2px solid #1111114D;
	padding: 15px clamp(20px, 5vw, 25px) 10px;
}
.portfolio-detail .challenges-item svg {
	transition: .4s;
	flex-shrink: 0;
}
.portfolio-detail .challenges-item.open svg {
	transform: rotateX(180deg);
}
.portfolio-detail .challenges h2.mobile {
	display: none;
}
@media (max-width: 991px ) {
	.portfolio-detail .challenges h2 {
		display: none;
	}
	.portfolio-detail .challenges h2.mobile {
		display: block;
		text-align: left;
		margin-right: auto;
	}
	.portfolio-detail .challenges-row {
		flex-direction: column;
	}
	.portfolio-detail .challenges-row img {
		max-height: clamp(470px, 60vw, 600px);

	}
	.portfolio-detail .content {
		width: 100%;
	}
	.portfolio-detail .challenges-content  {
		line-height: 1.5;
	}
	.portfolio-detail .challenges-top {
		align-items: center;
	}
}

.portfolio-detail .slider {
	background: #F5F5F5;
	padding: clamp(40px, 10vw, 80px) clamp(16px, 4vw, 80px) clamp(105px, 13vw, 175px);
}
.portfolio-detail .slider .container {
	background: #FFBD19;
	border-radius: 16px;
}
.portfolio-detail .swiper {
	padding-left: 10.7vw;
    padding-right: 5.9vw;
	overflow: unset;
}
.portfolio-detail .swiper img {
	width: 100%;
	border-radius: 16px;
	max-height: 620px;
    object-fit: contain;
}
.portfolio-detail .swiper-slide {
	text-align: center;
}
.portfolio-detail .swiper-wrapper {
	align-items: center;
}
@media (max-width: 1199px ) {
	.portfolio-detail .swiper {
		padding-left: 11%;
		padding-right: 8%;
	}
}
@media (max-width: 991px ) {
	
	.portfolio-detail .swiper {
		padding-left: unset;
		padding-right: unset;
	}
	.portfolio-detail .slider .container{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.portfolioSwiper .swiper-wrapper {
		flex-direction: column;
	}
}

.portfolio-detail .contact-us:after {
	content: "";
    position: absolute;
    top: -122px;
    left: -10%;
    width: 67%;
    height: 235px;
    background: #222;
    transform: skew(-42.1deg, 4deg);
    transform-origin: 0 0;
}
@media (max-width: 991px) {
	.portfolio-detail .contact-us:after {
		height: 125px;
		top: -72px;
	}
}
@media (max-width: 991px) {
	.portfolio-detail .contact-us:after { 
		left: -10%;
		width: 83%;
		transform: skew(-59.1deg, 5deg);
	}
}

.our-team h2 {
	font-size: 3.75em;
    font-weight: bold;
    text-align: center;
	margin-bottom: 40px;
}
.our-team h2 span {
	color: #1070F8;
}
.our-team .our-team__subtitle {
	font-size: clamp(16px, 4vw, 26px);
    text-align: center;
    max-width: 890px;
    margin: 0 auto 2.5625em;
}
.our-team .our-team__item img {
	width: 100%;
	object-fit: cover;
	height: 497px;
}
@media (max-width: 768px) {
	.our-team .our-team__item img {
		height: 364px;
	}
}
.our-team .our-team__item-wrap {
	position: absolute;
	bottom: 25px;
    right: 5px;
	z-index: 5;
}
.our-team {
	padding-bottom: clamp(50px, 5vw, 100px);
	position: relative;
}
.our-team .our-team.swiper {
	overflow: unset;
	margin-left: -180px;
}

@media (max-width: 768px) {
	.our-team .our-team.swiper {
		margin-left: 20px;
	}
}
.our-team__item-name {
	font-size: clamp(16px, 4vw, 26px);
	background: #FFD400;
	color: #111;
	font-weight: 700;
	padding: 4px 8px;
	width: max-content;
    margin-left: auto;
	line-height: 0.8;
}
.our-team__item-position {
	font-size: clamp(16px, 4vw, 26px);
	color: #fff;
	margin-left: auto;
	width: max-content;
}
.our-team__item::after {
	content: '';
    background: linear-gradient(0deg, black, transparent);
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    top: 70%;
}
.our-team__item-icon {
	position: absolute;
	left: -20px;
    bottom: -30px;
}
@media (max-width: 768pxx) {
	.our-team__item-icon svg {
		width: 49px;
	}
}

.our-team .swiper-button-prev,
.our-team .swiper-button-next {
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 40px;
}
.swiper-button-wrapper {
	display: flex;
	align-items: center;
	column-gap: 14px;
	justify-content: end;
	margin-right: 65px;
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.swiper-button-wrapper {
		display: none;
	}
}
.our-team .swiper-button-prev::after,
.our-team .swiper-button-next::after {
	content: '';
	background: center / contain no-repeat url('../img/slider_arrow.svg');
	width: 32px;
    height: 15px;
}
.our-team .swiper-button-prev::after {
	transform: rotate(180deg);
}

.our-team::after {
	content: '';
    background: #1070f8;
    top: 27%;
    right: 0;
    bottom: -30%;
    left: 0;
    transform: skewy(-3.7deg);
    position: absolute;
}
@media (max-width: 768px) {
	.our-team::after {
		top: 36%;
	}
}
.portfolio__top.new .portfolio__nav {
	width: 45%;
    max-width: 45%;
}
.portfolio__top.new .portfolio__nav .portfolio__nav-list {
	display: flex;
    flex-direction: row;
    row-gap: 12px;
    column-gap: 12px;
    flex-wrap: wrap;
}
.portfolio__top.new .portfolio__nav .portfolio__nav-list > a {
	border: 1px solid white;
    padding: 8px 12px;
    border-radius: 12px;
	opacity: 1;
}
.portfolio__top.new .portfolio__nav .portfolio__nav-list > a.active {
	background: white;
    color: black;
}
.portfolio__top.new .portfolio__nav h2 {
	font-size: 16px;
    color: white;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 0;
    opacity: 0.3;
    font-weight: 500;
}
.portfolio__top.new .portfolio__logo {
	width: 50%;
    max-width: 50%;
}
.portfolioCases-item .portfolio__case {
	background-color: transparent !important; 
}
.portfolio-cases {
 background: #111;
}
.portfolio-cases-wrap {
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
    column-gap: 40px;
    row-gap: 80px;
    width: 100%;
    max-width: 100%;
}
.portfolioCases-item {
	width: calc(50% - 20px);
    max-width: 48%;
    color: white;
    background: transparent;
}
.page-template-portfolio-new {
	overflow: visible !important;
}
.portfolio__image  {
	position: relative;
	padding-bottom: 40px;
}
.portfolio-pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 40px;
  }
  .portfolio-pagination button {
	background-color: #FFC439;
	border: none;
	padding: 8px 12px;
	border-radius: 10px;
	cursor: pointer;
	color: black;
  }
  .portfolio-pagination button:disabled {
	background-color: #5b471c;
	cursor: default;
  }
  .portfolio-pagination button.active {
	font-weight: bold;
  }
.portfolio__image > img {
	width: 100%;
	max-width: 100%;
}
.portfolio__apps {
	padding-top: 40px;
	display: flex;
    flex-direction: row;
    justify-content: end;
    column-gap: 10px;
}
.portfolio__apps  > a {
	margin: 0;
}
.portfolio__apps  > a:first-child {
	color: #1170F8;
}
.portfolio__apps  > a:last-child {
	color: #1DB688;
}
.portfolioCases-link {
	background-color: #FFBD19;
    color: #000000;
    padding: 12px 31px;
    border-radius: 60px;
    font-weight: 700;
    position: absolute !important;
    right: 42px;
    bottom: 5%;
    transition: none;
    border: none;
}
.portfolioCases-link {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	pointer-events: none;
  }
  
  .portfolio__case:hover .portfolioCases-link {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
  }
.portfolio__case {
	position: relative;
}
.portfolio__case .categories {
	display: flex;
    flex-direction: row;
	padding-bottom: 8px;
	column-gap: 5px;
}
.portfolio__case .categories > div {
	text-transform: uppercase;
    opacity: 0.3;
    font-size: 16px;
	font-weight: 500;
}
.portfolio__case h2 {
	margin: 0;
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 20px;
}
.portfolio-cases .container .portfolio-pagination {
	position: static;
}
.portfolio-cases .container .portfolio-pagination button {
	background-color: transparent;
	font-size: 16px;
    font-weight: 700;
	color: #FFFFFF;
	opacity: 0.3;
}
.portfolio-cases .container .portfolio-pagination button.active {
	color: #FFBD19;
	opacity: 1;
}
.portfolio-cases .container .portfolio-pagination button.pagination-prev {
	width: 53px;
    height: 44px;
    font-size: 36px;
    font-weight: 500;
	opacity: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #000000;
	background-color: #FFC439;
}
.portfolio-cases .container .portfolio-pagination button.pagination-next {
	width: 53px;
    height: 44px;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
    display: flex;
	opacity: 1;
    align-items: center;
    justify-content: center;
	color: #000000;
	background-color: #FFC439;
}


.portfolio-cases .container .portfolio-pagination button.pagination-prev:disabled ,
.portfolio-cases .container .portfolio-pagination button.pagination-next:disabled {
	opacity: 0.3;
}
a:not(.btn):not(.site-link):after {
	border-bottom: none !important;
}
@media screen and (max-width: 991px){
	.portfolio__top.new {
		width: 100%;
		max-width: 100%;
		min-height: auto;
		row-gap: 40px;
	}
	.portfolio__top.new .portfolio__nav {
		width: 100%;
		max-width: 100%;
		margin: 0;
	} 
	.portfolio__top.new {
		padding-bottom: 60px;
		padding-top: 20px;
	}
	.portfolio__top.new .portfolio__nav h2 {
		text-align: left;
	}
}
@media screen and (max-width: 768px) {
	.portfolioCases-item {
		width: 48%;
    	max-width: 48%;
	}
	.portfolio-cases-wrap {
		column-gap: 20px;
	}
	.portfolioCases-link {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		/* right: 20px;
    	top: 38%; */
	}
	.portfolioCases-item .portfolio__case {
		height: 100%;
	}
}
@media screen and (max-width: 530px) {
	.portfolioCases-item {
		width: 100%;
   		max-width: 100%;
	}
	.portfolio__top.new {
		row-gap: 55px
	}
	.portfolio__nav-list {
		justify-content: space-between;
	}
	.portfolio__top.new .portfolio__logo {
		width: 100%;
		max-width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.portfolio__logo img {
		width: 281px;
	}
}

section.reviews--new .reviews__left {
	width: 100%;
	max-width: 100%;
	flex: auto;
	margin-bottom: 40px;
}

section.reviews--new .reviews__right {
	width: 100%;
	max-width: 100%;
	flex: auto;
}

.reviews--new .swiper {
	max-width: 100%;
}

.reviews--new .swiper-wrapper {
	max-width: 100%;
	align-items: stretch;
	display: flex;
}

.reviews--new .swiper .swiper-slide {
	max-width: 100%;
	height: auto;
}

.reviews--new .swiper .reviews__item {
	padding: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.reviews--new .swiper .reviews__text {
	padding: 85px 50px 31px 50px;
	background-color: #fff;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	height: calc(100% - 167px);
}

.reviews--new  .reviews__right .reviews__nav {
	z-index: 9;
	top: -78px;
	bottom: auto;
}

.reviews--new .swiper .reviews__text p {
	color: #000;
	opacity: 1;
}

.reviews--new .swiper .reviews__bottom {
	padding: 0 50px 0 50px;
	height: 167px;
	max-height: 167px;
	display: flex;
	align-items: center;
}

.reviews.reviews--new .reviews__text p:before {
	margin-bottom: 10px;
  background: url('data:image/svg+xml;utf8,<svg width="50" height="40" viewBox="0 0 50 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_198_5043)"><path d="M12.7508 38.3C8.45078 38.2 5.30078 36.55 3.30078 33.35C1.30078 30.15 0.300781 26.35 0.300781 21.95C0.300781 17.05 1.40078 12.65 3.60078 8.74995C5.90078 4.74996 8.85078 1.89996 12.4508 0.199951C14.4508 0.199951 15.7008 1.49996 16.2008 4.09996C13.1008 6.19996 11.0008 8.19995 9.90078 10.1C8.80078 11.9 8.25078 14.1 8.25078 16.7C8.15078 19.5 9.40078 20.85 12.0008 20.75H14.2508C16.5508 20.75 18.4008 21.5 19.8008 23C21.2008 24.5 21.9008 26.55 21.9008 29.15C21.9008 32.05 21.0008 34.3 19.2008 35.9C17.5008 37.5 15.3508 38.3 12.7508 38.3ZM40.2008 38.3C35.9008 38.2 32.7508 36.55 30.7508 33.35C28.7508 30.15 27.7508 26.35 27.7508 21.95C27.7508 17.05 28.8508 12.65 31.0508 8.74995C33.3508 4.74996 36.3008 1.89996 39.9008 0.199951C41.9008 0.199951 43.1508 1.49996 43.6508 4.09996C40.5508 6.19996 38.4508 8.19995 37.3508 10.1C36.2508 11.9 35.7008 14.1 35.7008 16.7C35.6008 19.5 36.8508 20.85 39.4508 20.75H41.7008C44.0008 20.75 45.8508 21.5 47.2508 23C48.6508 24.5 49.3508 26.55 49.3508 29.15C49.3508 32.05 48.4508 34.3 46.6508 35.9C44.9508 37.5 42.8008 38.3 40.2008 38.3Z" fill="%23111111"/></g><defs><clipPath id="clip0_198_5043"><rect width="50" height="39" fill="white"/></clipPath></defs></svg>');
}

.reviews.reviews--new .reviews__decor-2 {
	top: auto;
    bottom: -80px;
    left: auto;
    right: 15%;
}

@media screen and (max-width: 991px) {
	.reviews--new .swiper .reviews__text p {
		padding-top: 20px;
	}
	.reviews--new .swiper .reviews__text {
		max-width: 100%;
		padding: 45px 15px 20px 15px !important;
		background-size: 80% 100%;
        background-repeat: no-repeat;
	}
	.reviews.reviews--new .reviews__text p:before {
		width: 50px;
		height: 40px;
	}
	.reviews--new .swiper .reviews__bottom {
		height: 120px;
		max-height: 120px;
		padding: 0 20px;
	}
	.reviews--new .swiper .reviews__text {
		height: calc(100% - 120px);
	}
	.reviews--new .swiper .reviews__item {
		max-width: 100%;
	}
}

@media screen and (max-width: 525px) {
	.reviews--new .swiper-wrapper {
		padding-left: 20px;
	}
	.reviews__text p:before {
		bottom: 83%;
	}
	.reviews--new .swiper .reviews__text p {
		padding-top: 30px;
	}
	.reviews--new .swiper .reviews__bottom {
		flex-direction: column;
	}
	.reviews--new .swiper .reviews__rating {
		padding-bottom: 10px;
	}
	.reviews--new .swiper .reviews__logo {
		height: 65px;
	}
	.reviews.reviews--new .reviews__decor-1 {
		left: 0;
	}
	.reviews.reviews--new .reviews__decor-2 {
		display: block;
		top: -80px;
		bottom: auto;
		right: 0;
	}
}