.no-right .step-left {
	padding-left: 0;
	border-left: 0;
}
.no-right .finish-icon {
	display: none;
}
.no-right .step__text {
	display: none;
}
.no-right .steps-link::before {
	display: none;
}
.no-right .step-content {
	width: 390px;
}
.reasons-pick {
	padding: 6rem 0;
}
.faq-item {
	border-bottom: 1px solid #BAEDE6;
}
.faq-page {
	padding: 1rem 0;
	cursor: pointer;
	display: flex;
	width: 100%;
	align-items: center;
}
.faq-btn {
	color: #2F2F2F;
	width: 1rem;
	height: 1rem;
	border: 0;
	color: var(--turquoise-1, #69DCDC);
	text-align: center;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
	position: relative;
	transition: all .3s;
	margin-right: 1.5rem;
}
.faq-page .faq-btn span:first-child {
	transform: rotate(90deg);
}
.faq-btn span {
	display: block;
	position: absolute;
	margin: auto;
	width: 1rem;
	height: 4px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #69DCDC;
	transition: all .3s;
}
.faq-item[data-open="true"] .faq-btn span:first-child {
	transform-origin: center center;
	transform: rotate(0deg);
}
.faq-item[data-open="true"] .faq-btn span {
	background: #D65A00;
}
.faq-item:not(:last-child) .faq-page {
	border-bottom: 0;
}
.faq-title {
	width: 100%;
	display: block;
	color: var(--turquoise-4, #0D1E2E);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.faq-body {
	height: auto;
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.3s;
}
.faq-item[data-open="true"] .faq-content {
	height: 100vh;
}
.faq-text p, .faq-text ul li, .faq-text ol li{
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.faq-text ul, .faq-text ol{
padding-left: 20px;
}
.faq-text ul li{
list-style-type: disc;
}
.faq-text ol li{
list-style-type: desc;
}
.faq-text {
	padding-bottom: 1.5rem;
	padding-left: 2.5rem;
}
.faq-item[data-open="true"] .faq-page {

}
.seo {

}
.seo-content {
	padding-top: 9.75rem;
	padding-bottom: 6rem;
	display: flex;
	align-items: flex-end;
}
.seo-content {

}
.btn-seo {
	display: block;
	width: fit-content;
	padding: 1rem 2rem;
	border-radius: 2rem;
	background: var(--turquoise-1, #69DCDC);
	color: var(--white, #FFF);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.875rem;
	overflow: hidden;
	position: relative;
}
.btn-seo::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #D65A00;
	transition: 0.3s;
	z-index: 1;
}
.btn-seo:hover:before {
	width: 35rem;
	height: 30rem;
}
.btn-seo-content {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}
.btn-seo-content svg {
	margin-right: 1rem;
}
.seo-content-left {
	width: 100%;
}
.seo-content-right {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.seo-content-left .main-text {
	margin-bottom: 0;
}
.package-card {
	border-radius: 2rem;
	background: var(--turquoise-4, #0D1E2E);
	padding: 2rem;
	margin-top: 3.6rem;
}
.package-card-center {
	background: url('../image/pack-bg.svg')  50% 50%;
	background-repeat: no-repeat;
	margin-top: 0;
	background-size: cover;
}
.bonus {
	background: #D65A00 !important;
	color: #fff !important;
}
.option .package-card-tags {
	min-height: initial;
}
.package-card__circle {

}
.package-card__circle span {
	width: 0.375rem;
	height: 0.375rem;
	flex-shrink: 0;
	display: block;
	border-radius: 50%;
	background: #D65A00;
}
.package-card__title {
	color: var(--white, #FFF);
	margin: 2rem 0;
	font-size: 1.7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.package-card__text {
	color: var(--white, #FFF);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
	margin-bottom: 1rem;
}
.package-card__long {
	color: var(--turquoise-1, #69DCDC);
	margin-bottom: 0.25rem;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.75rem; /* 155.556% */
}
.package-card-tags {
	display: flex;
	flex-wrap: wrap;
	min-height: 64px;
}
.package-card-tag {
	border-radius: 2rem;
	background: var(--turquoise-3, #25495B);
	color: #BAEDE6;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.75rem; /* 100% */
	padding: 0.5rem 0.75rem;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	height: fit-content;
}
.package-card-tag2 {
	background: var(--biege-3, #D65A00);
}
.package-card__price {
	color: var(--white, #FFF);
	margin: 2rem 0 1rem 0;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.package-card-tag3 {
	background: var(--turquoise-4, #0D1E2E);
}
.package-card-btn {
	display: block;
	width: fit-content;
	padding: 1rem 2rem;
	border-radius: 2rem;
	background: var(--turquoise-1, #69DCDC);
	color: #0D1E2E;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.875rem;
	overflow: hidden;
	position: relative;
	transition: 0.3s;
	cursor: pointer;
}
.package-card-btn::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #D65A00;
	transition: 0.3s;
	z-index: 1;
}
.package-card-btn:hover:before {
	width: 30rem;
	height: 30rem;
}
.package-card-btn:hover {
	color: #fff;
}
.package-card-btn:hover path {
	fill: #fff;
}
.package-card-btn-content {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
	white-space: nowrap;
}
.package-card-btn-content svg {
	margin-left: 1rem;
}
.package-card-btn-content path {
	transition: 0.3s;
}
.kpi {
	border-radius: 2rem;
	border: 1px solid var(--turquoise-1, #69DCDC);
	padding: 2rem;
	margin: 2rem 0;
}
.kpi-flex {
	display: flex;
}
.kpi-left {
	width: 20%;
	margin-right: 2rem;
}
.kpi-right {

}
.kpi__title {
	white-space: nowrap;
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.kpi-text {
	margin-bottom: 1rem;
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.kpi-btn {
	cursor: pointer;
}
.kpi-hidden-content {
	display: none;
}
.kpi-title {
	text-align: center;
	color: var(--black, #000);
	margin-bottom: 1rem;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.6875rem */
}
.kpi-center {
	display: flex;
	justify-content: center;
}
.option {
	padding: 4rem 0 2rem 0;
}
.option .package-card {
	margin-top: 0;
}
.option__title {
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.option__text {
	color: var(--black, #000);
	margin: 1rem 0 2rem 0;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.option-flex {
	display: flex;
	justify-content: space-between;
	border-radius: 2rem;
	border: 1px solid var(--turquoise-1, #69DCDC);
	padding: 2rem;
}
.option-list-item {
	width: 50%;
}
.option-list__title {
	color: var(--black, #000);
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.option-list {

}
.option-list li {
	margin-bottom: 1rem;
	margin-left: 0.875rem;
	position: relative;
	font-weight: 400;
	font-size: 1.125rem;
	
}
.option-list li:before {
	content: "";
	position: absolute;
	left: -0.875rem;
    top: 1rem;
    transform: translateY(-50%);
	width: 0.375rem;
	height: 0.375rem;
	border-radius: 50%;
	background: #69DCDC;
}
.team {
	margin: 6rem 0;
}
.team-card {
	margin-bottom: 2rem;
}
.team-card__circle {
	margin-bottom: 1rem;
}
.team-card__circle span {
	width: 0.375rem;
	height: 0.375rem;
	display: block;
	border-radius: 50%;
	background: #D65A00;
}
.team-card__image {
	margin-top: 1rem;
}
.team-card__image img {

}
.team-card__title {
	color: var(--black, #000);
	margin: 1rem 0;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.team-card__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.benefits {
	padding: 6rem 0;
}
.benefits-flex {
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.benefits-left {
	width: 40%;
}
.benefits-right {
	width: 60%;
	margin-left: 1.5rem;
}
.benefits__title {
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.benefits__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
	margin: 1rem 0;
}
.steps {
	padding: 6rem 0;
}
.steps .get-cool {
	margin-top: 3rem;
}
.step-flex {
	display: flex;
}
.step-count {
	color: var(--turquoise-1, #69DCDC);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
	margin-bottom: 1rem;
}
.step-number {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
}
.step-content {
	margin-right: 2rem;
	margin-left: 2.8rem;
}
.step__title {
	color: var(--black, #000);
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.step__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.steps__image {

}
.steps__image img {
	border-radius: 1rem;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 0px 8px 24px 0px rgba(7, 47, 50, 0.16);
}
.steps-link {
	display: block;
	position: relative;
}
.steps-link:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.3s;
	border-radius: 1rem;
	background: var(--black, #000);
}
.steps-link:hover:before {
	opacity: 0.2;
}
.steps-link:before:hover {
	opacity: 0.2;
}
.steps-link:hover .steps-icon-text {
	opacity: 1;
}
.steps-link:hover .steps-icon {
    width: 3rem;
    height: 3rem;
    bottom: 50%;
    right: 50%;
    transform: translate(50%);
}
.steps-link:hover .steps-icon path {
	fill: #fff;
}
.steps-link:hover .steps-icon svg {
	width: 3rem;
	height: 3rem;
}
.steps-icon {
	position: absolute;
	bottom: 0.5rem;
	right: 0.5rem;
	transition: 0.3s;
}
.steps-icon path {
	transition: 0.3s;
}
.steps-icon svg  {
	transition: 0.3s;
}
.step-number {

}
.step-content {
	width: 40%;

}
.step-image {
	width: 60%;
	margin-bottom: 2rem;
}
.steps-icon-text {
	opacity: 0;
	transition: 0.3s;
	color: var(--white, #FFF);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%,-50%);
	line-height: 2.25rem; /* 150% */
}
.step-left {
	border-left: 1px #69DCDC solid;
	padding-left: 0.8rem;
	position: relative;
}
.finish-step .finish-icon2 {
	position: absolute;
	left: -1px;
	bottom: -21px;
	display: block;
}
.finish-icon {
	display: none;
}
.finish-icon2 {
	display: none;
}
.first-step .finish-icon {
	position: absolute;
	left: -1px;
	top: -17px;
	display: block;
}
.finish-stepss .step-number-img {
	display: none;
}
.step-right {
	display: flex;
}
.step-number-img {
	height: 100%;
	margin-bottom: 1rem;
}
.step-number-img img {
	height: 100%;
	width: 9px;
}
.contact {
	padding: 8.75rem 0 6rem 0;
}
.contact .title-h1 {
	margin-bottom: 1rem;
}
.call-back__title {
	color: var(--turquoise-4, #0D1E2E);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
	margin-bottom: 4rem;
}
.call-back .title-h2{
	color: #000000;
	margin-bottom: 48px;
}
.follow {
	display: flex;
	align-items: center;
}
.follow__title {
	color: var(--turquoise-4, #0D1E2E);
	margin-right: 1rem;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.contact-flex {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m-blocks {
	display: none;
}
.dev-cases {
	margin: 6rem 0;
}
.dev-cases-card {
	position: relative;
	border-radius: 2rem;
	box-shadow: 0px 8px 24px 0px rgba(7, 47, 50, 0.16);
	margin-bottom: 2rem;
}
.dev-cases-card-link {
	display: block;
	overflow: hidden;
	border-radius: 2rem;
}
.dev-cases-card-image {
	height: 100%;
	height: 32rem;
}
.dev-cases-card-image img {
	width: 100%;
	object-fit: cover;
	height: 32rem;
}
.dev-cases-card-content {
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.25);
	padding: 2rem;
	width: 100%;
	border-radius: 0 0 2rem 2rem;
}
.dev-cases-card__title {
	color: var(--white, #FFF);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.dev-cases-card__text {
	color: var(--white, #FFF);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
	margin: 1rem 0;
}
.dev-cases-card__tags {

}
.dev-cases-card__tag {
	border-radius: 2rem;
	background: #E5FBFA;
	padding: 0.5rem 0.75rem;
	    color: var(--wp--preset--color--black);
    font-size: 0.9rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.75rem; /* 100% */
	width: fit-content;
}
.dev-cases-card__tag:not(:last-child) {
	margin-bottom: 0.5rem;
}
.developing {
	padding: 6rem 0;
}
.developing-content {
	padding: 5.6rem 0;
}
.developing__title {
	color: var(--turquoise-3, #25495B);
	font-size: 1.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.developing__image {
	position: relative;
	height: 100%;
}
.seo-left {
	position: absolute;
	left: 0;
	top: 0;
	animation: trans 5.7s infinite linear;
}
.seo-right {
	position: absolute;
	right: 0;
	bottom: 0;
	animation: trans2 5.7s infinite linear;
}
@keyframes trans {
	0%, 100% {
		transform: scale(0.9);
	}
	50% {
		transform: scale(1.1);
	}
}
@keyframes trans2 {
	0%, 100% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(0.9);
	}
}
.developing-title {
	margin: 2rem 0 4rem 0;
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.developing-card {
	margin-bottom: 2rem;
}
.developing-card__title {
	color: var(--black, #000);
	margin: 1.5rem 0 1rem 0;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.6875rem */
}
.developing-card__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.stack {
	padding: 6rem 0;
}
.stack-title {
	color: var(--turquoise-3, #25495B);
	margin-bottom: 3rem;
	font-size: 1.9rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.stack-text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.stack-row {
	display: flex;
	flex-wrap: wrap;
}
.stack-item {
	width: 16%;
	margin-right: 1rem;
}
.package-dev {
	padding: 2rem 0;
}
.package-dev .package-card {
	margin-top: 1.75rem;
}
.package-dev .package-card-center {
	margin-top: 0;
}
.partnership {
	padding: 6rem 0;
}
.package.package-dev + .partnership{
	padding: 2rem 0;
}
.partnership-text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.partnership-card {

}
.partnership-card__title {
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
	margin-bottom: 1rem;
}
.partnership-card__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.experts-int {
	padding: 6rem 0;
}
.option .row {
	align-items: flex-end;
}
.headline-content {
	display: flex;
	justify-content: center;
	padding: 4rem 0 0 0;
}
.headline-text {
	width: 70%;
}
.headline__title {
	color: var(--black, #000);
	margin-bottom: 2rem;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.headline__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.btn-send {
	display: block;
	width: fit-content;
}
.error404s {
	margin: 8.75rem 0 6rem 0;
}
.error404-text {
	color: var(--black, #000);
	margin: 2rem 0;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.error404-center {
	display: flex;
	align-items: center;
	height: 100%;
}
.error404-image {
	display: flex;
	align-items: center;
}
.error404-image img {
	width: 33%;
	position: relative;
}
.error404-image .an41:first-child{
	left: 40px;
	z-index: 2;
}
.an41 {
	animation: spin42 6.1s infinite ease-in-out;
}
.an42 {
	z-index: 1;
	left: 16px;
	animation: spin4 6.1s infinite ease-in-out;
}
.an42 + .an41{
	left: -18px;
}
@keyframes spin4 {
	0%, 100% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0,20px);
	}
}
@keyframes spin42 {
	0%, 100% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0,30px);
	}
}
.paints {
	margin: 5.75rem 0 3.7rem 0;
}
.paints-row {
	display: flex;
	align-items: center;
	position: relative;
}
.paints-item {
	width: 100%;
}
.paints-icon {
	margin-bottom: 1rem;
}
.paints-text {
	margin-top: 1rem;
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.paints-image {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	top: -5.75rem;
}
.paints-image img {
	width: 21.33331rem;
	height: 26.66669rem;
}
.possible {
	padding: 3.5rem 0 2rem 0;
}
.possible-card-one {
	display: flex;
	align-items: center;
	height: 100%;
}
.possible-card {
	border-radius: 2rem;
	border: 1px solid var(--turquoise-1, #69DCDC);
	background: var(--white, #FFF);
	padding: 2rem;
	margin-bottom: 2rem;
	position: relative;
}
.possible-card__title {
	color: var(--black, #000);
	margin: 1rem 0;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.possible-card__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.solution {
	padding: 6rem 0;
}
.solution-card {
	border-radius: 2rem;
	background: var(--turquoise-4, #0D1E2E);
	padding: 2rem;
	height: 22rem;
	margin-bottom: 2rem;
}
.solution-circle span {
	width: 0.375rem;
	height: 0.375rem;
	flex-shrink: 0;
	display: block;
	border-radius: 50%;
	background: #D65A00;
}
.solution-card__title {
	color: var(--white, #FFF);
	margin: 2rem 0;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.solution-card__text {
	color: var(--white, #FFF);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.client-type {
	margin: 8.75rem 0 6rem 0;
}
.client-type .client-type-content .titel-h1{
    font-size: 48px;
    line-height: 58px;
    font-weight: 700;
}
@media (max-width: 520px){
    .client-type .client-type-content .titel-h1{
        font-size: 36px;
        line-height: 42px;
    }
}
.client-type-center {
	height: 100%;
	display: flex;
	align-items: center;
}
.client-type-text {
	color: var(--black, #000);
	margin: 1rem 0;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.client-type-image img {
	width: 100%;
}
.client-type .sm-svg {
	display: none;
}
.experts-page .title-h1 {
	margin-bottom: 4rem;
}
.experts-page {
	margin: 4.75rem 0 6rem 0;
	padding: 0;
}
.about {
	position: relative;
	padding: 8.75rem 0 6rem 0;
}
.about-content {
	text-align: center;
}
.about-image {
	margin: 2rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	height: 237px;
}
.about-image-video{
    height: 100%;
    width: 17%;
    transform: translateX(10px);
	/*clip-path: path("M0 236.619V108.593H90.7701C99.542 108.593 112.891 105.545 112.128 89.5418C111.365 73.5388 94.5839 69.3474 85.812 69.3474H0V0.762208C38.1387 0.762215 102.593 -0.00614256 133.485 4.19145C184.591 11.1356 209 40.1649 209 85.7315C209 171.082 129.672 167.272 90.7701 167.272V236.619H0Z");*/
}
.about-image-video video{
	transform: translateX(-11px) translateY(5px) scale(1.1);
}
.about-image-video video::-webkit-media-controls-panel {
    display: none !important;
    opacity: 1 !important;
}
.about-image-video video::-webkit-media-controls {
    display: none;
  }
.about-image video {
/* 	height: 14.82425rem;
	width: 14.93531rem; */
	width: auto;
	height: 229.961px;
    pointer-events: none; 
}
.about-image img {

}
.about-text {
	color: var(--turquoise-4, #0D1E2E);
	text-align: center;
	font-size: 3rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.625rem; /* 120.833% */
}
.m-title {
	display: none;
}
.team-about {
	padding: 2rem 0;
}
.team-about-card {
	border-radius: 2rem;
	border: 1px solid var(--turquoise-1, #69DCDC);
	background: var(--white, #FFF);
	margin-bottom: 2rem;
	padding: 2rem 2rem 0rem 2rem;
}
.team-about-card-link {
	display: flex;
	justify-content: space-between;
}
.team-about-card__cricle span {
	width: 0.375rem;
	height: 0.375rem;
	display: block;
	border-radius: 50%;
	background: #D65A00;
}
.team-about-card__title {
	color: var(--black, #000);
	margin: 1rem 0;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.team-about-card__text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.team-about-card__image {
	display: flex;
	align-items: flex-end;
}
.team-about-card__image img {
	height: 10rem;
}
.team-title {
	color: var(--turquoise-3, #25495B);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.item3 .card-title {
	height: 21.5rem;
	display: flex;
	padding: 0;
	align-items: center;
	border: 0;
}
.item3 .team-about-card-link {
	display: block;
}
.item3 .team-about-card__image {
	margin-top: 3rem;
}
.section-cool {
	padding: 6rem 0;
}
.dev-cases-page {
	padding: 8.75rem 0 3rem 0;
}
.dev-cases-page-list {
	display: flex;
	align-items: center;
	margin: 2.5rem 0 2rem 0;
}
.dev-cases-page-item {
	margin-right: 0.25rem;
}
.dev-cases-page-link {
	display: block;
	transition: 0.3s;
	padding: 0.5rem 0.75rem;
	border-radius: 2rem;
	background: #E5FBFA;
	color: var(--turquoise-2, #377B88);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.75rem; /* 100% */
}
.active .dev-cases-page-link {
	background: var(--turquoise-3, #25495B);
	color: #BAEDE6;
}
.dev-cases-page-link:hover {
	background: var(--turquoise-3, #25495B);
	color: #BAEDE6;
}
.dev-cases-page .blog-card {
	margin-bottom: 2rem;
}
.blog-all .title-h1 {
	margin-bottom: 2rem;
}
.blog-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 1rem;
}
.blog-tag {
	color: var(--turquoise-2, #377B88);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.75rem; /* 100% */
	border-radius: 2rem;
	background: #E5FBFA;
	padding: 0.5rem 0.75rem;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
.blog-contents-center {
	display: flex;
	justify-content: center;
}
.blog-contents {
	width: 70%;
}
.blog-contents h3 {
	margin-bottom: 2rem;
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
}
.blog-contents h4 {
	margin-bottom: 2rem;
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.6875rem */
}
.blog-contents p {
	color: var(--black, #000);
	margin-bottom: 15px;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.blog-contents ol {
	padding: 0 0 0 1.4rem;
	margin: 0 0 2rem 0;
}
.blog-contents ol li {
	list-style: decimal;
	color: var(--black, #000);
	margin-bottom: 1rem;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.blog-contents ul {
	padding: 0 0 0 1.4rem;
	margin: 0 0 2rem 0;
}
.blog-contents ul li {
	position: relative;
	color: var(--black, #000);
	margin-bottom: 1rem;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.blog-contents ul li:before {
	content: "";
	position: absolute;
	left: -1rem;
	top: 0.8rem;
	width: 0.3rem;
	height: 0.3rem;
	background: #000;
	border-radius: 50%;
}
.blog-contents blockquote {
	position: relative;
	padding: 0 0 0 4rem;
	margin: 0 0 2rem 0;
	display: block;
	color: var(--turquoise-2, #377B88);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.45rem; /* 155.556% */
}
.blog-contents blockquote p {
	color: var(--turquoise-2, #377B88);
}
.blog-contents blockquote:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 3rem;
	height: 3rem;
	background: url("../image/quote.svg");
}
.image-title {
	color: var(--black, #000);
	text-align: center;
	margin: 1rem 0 2rem 0;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 0.875rem; /* 100% */
}
.image img {
	width: 100%;
	border-radius: 2rem;
	box-shadow: 0px 8px 24px 0px rgba(7, 47, 50, 0.16);
}
.numbers-section {
	padding-bottom: 6rem;
}
.numbers-bg {
	border-radius: 2rem;
	background: var(--turquoise-4, #0D1E2E);
	position: relative;
	overflow: hidden;
}
.numbers-bg:before {
	content: "";
	width: 626px;
	height: 234px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../image/seo-bg1.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.numbers-bg:after {
	content: "";
	width: 626px;
	height: 234px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../image/seo-bg2.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.numbers-flex {
	display: flex;
	align-items: center;
	padding: 4rem;
}
.numbers-item:not(:last-child) {
	margin-right: 2rem;
}
.numbers-card-citcle span {
	width: 0.375rem;
	height: 0.375rem;
	flex-shrink: 0;
	display: block;
	border-radius: 50%;
	background: #D65A00;
}
.numbers-card__number {
	color: var(--white, #FFF);
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 4.5rem; /* 150% */
	display: flex;
	align-items: center;
}
.numbers-card__text {
	color: var(--turquoise-1, #69DCDC);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.number-one {
	margin-right: 0.5rem;
}
.traffic {
	padding: 6rem 0;
}
.traffic-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}
.traffic__title {
	color: var(--black, #000);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
	padding: 1rem 0;
	border-bottom: 1px solid var(--turquoise-1, #69DCDC);
}
.traffic-content {
	width: 40%;
	margin-right: 2rem;
}
.traffic-image {
	width: 60%;
}
.traffic-image img {
	width: 100%;
	border-radius: 1rem;
	box-shadow: 0px 8px 24px 0px rgba(7, 47, 50, 0.16);
}
.positions {
	padding: 6rem 0;
}
.positions-card {

}
.positions-circle span {
	width: 0.375rem;
	height: 0.375rem;
	flex-shrink: 0;
	display: block;
	border-radius: 50%;
	background: #D65A00;
}
.positions__title {
	color: var(--black, #000);
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.25rem; /* 150% */
	margin: 1rem 0 2rem 0;
}
.positions__text {
	color: var(--black, #000);
	margin-bottom: 2rem;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.leads .positions__title {
	margin-bottom: 1rem;
}
.positions__image {
	display: flex;
	justify-content: center;
}
.positions__image img {
	border-radius: 1rem;
	box-shadow: 0px 8px 24px 0px rgba(7, 47, 50, 0.16);
}
.text-section {
	padding: 2rem 0;
}
.text-center {
	display: flex;
	justify-content: center;
}
.text-content {
	width: 70%;
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.text-content p {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
}
.client-feed {
	padding: 6rem 0;
}
.client-feed-center {
	display: flex;
	justify-content: center;
}
.client-feed-content {
	width: 70%;
}
.client-feed-text {
	color: var(--black, #000);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.75rem; /* 155.556% */
	margin-bottom: 1rem;
}
.client-feed-long {
	color: var(--turquoise-2, #377B88);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.6875rem */
}
.client-feed-video {
	padding: 6rem 0;
}
.client-feed-video-flex {
	display: flex;
	align-items: center;
}
.client-feed-video__title {
	color: var(--turquoise-2, #377B88);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.6875rem */
	margin-left: 2rem;
}
.client-feed-video-flex .feedback-card {
	margin-bottom: 0;
}
.blog-contents h2 {
	color: var(--turquoise-3, #25495B);
	margin-bottom: 2rem;
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 2.375rem; /* 118.75% */
}
.client-feed-video .modal{
    background: transparent;
    padding: 0;
}
.client-feed-video .modal video{
    width: 100%;
    border-radius: 32px;
}
@media screen and (min-width: 521px) {
    .option-list li {
        margin-right: 30px;
    }
}
@media screen and (max-width: 992px) {
	.seo-content {
		display: block;
		padding: 5.75rem 0 3rem 0;
	}
	.seo-content-right {
		justify-content: flex-start;
		margin-top: 2rem;
	}
	.package {
		padding: 3rem 0;
	}
	.package-card {
		margin-top: 0;
		margin-bottom: 2rem;
		display: flex;
		align-items: center;
	}
	.package-card-top {
		width: 50%;
	}
	.package-card-bottom {
		width: 50%;
		padding-left: 3rem;
	}
	.package-card-center {
		background-repeat: no-repeat;
		background-size: cover;
	}
	.kpi-left {
		width: 45%;
	}
	.option {
		padding: 3rem 0;
	}
	.option  .package-card {
		display: block;
	}
	.option-content {
		padding-top: 0;
	}
	.team {
		margin: 3rem 0;
	}
	.benefits {
		padding: 3rem 0;
	}
	.benefits__image img {
		width: 100%;
	}
	.benefits-left {
		width: 50%;
	}
	.steps {
		padding: 3rem 0;
	}
	.step-right {
		display: block;
		padding-left: 2rem;
	}
	.step-content {
		margin: 0 0 2rem 0;
		width: 60%;
	}
	.step-image {
		width: 80%;
	}
	.developing-content {
		padding: 4.4rem 0;
	}
	.stack-item {
		width: 23.3333%;
	}
	.partnership {
		padding: 3rem 0;
	}
	.headline-text {
		width: 85%;
	}
	.error404-image img {
		width: 120px !important;
	}
	.client-type {
		margin: 5.75rem 0 3rem 0;
	}
	.client-type .d-svg {
		display: none;
	}
	.client-type .sm-svg {
		display: block;
	}
	.client-type .btn-seo {
		font-size: 1.1rem;
	}
	.client-type-center {
		margin-top: 0;
	}
	.about-image img {
		height: 100%;
	}
	.about-image-video{
	   width: 24%;
	}
	.about-image{
	    height: 25vw;
	}
	.section-cool {
		padding: 3rem 0;
	}
	.dev-cases-page {
		padding: 5.75rem 0 3rem 0;
	}
	.blog-contents {
		width: 80%;
	}
	.client-type-image {
		height: 100%;
		display: flex;
		align-items: center;
	}
	.numbers-section {
		padding-bottom: 3rem;
	}
	.traffic {
		padding: 3rem 0;
	}
	.traffic-item {
		flex-direction: column;
		align-items: flex-start;
	}
	.traffic-content {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.traffic-image {
		width: 80%;
	}
	.positions {
		padding: 3rem 0;
	}
	.positions-card {
		margin-bottom: 2rem;
	}
	.client-feed {
		padding: 3rem 0;
	}
	.client-feed-content {
		width: 80%;
	}
	.client-feed-video {
		padding: 3rem 0;
	}
	.client-feed-video-item {

	}
	.package-card__text{
	    font-size: 18px;
        line-height: 28px;
	}
}
@media screen and (max-width: 520px) {
	.experts-page {
		margin: 4.75rem 0 3rem 0;
		padding: 0 !important;
	}
	.client-type .sm-svg {
		display: none;
	}
	.package-card {
		display: block;
	}
	.package-card-top {
		width: 100%;
	}
	.package-card-bottom {
		width: 100%;
		padding-left: 0;
	}
	.package-card-center {
		background: url('../image/pack-bg.svg') 100% 100%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.kpi-flex {
		display: block;
	}
	.kpi-left {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.kpi-image img {
		width: 100%;
	}
	.option-flex {
		display: block;
	}
	.option-list-item {
		width: 100%;
	}
	.benefits-flex {
		display: block;
	}
	.benefits-left {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.benefits-right {
		width: 100%;
		margin-left: 0;
	}
	.step-right {
		padding-left: 1rem;
	}
	.step-content {
		width: 100%;
	}
	.step-image {
		width: 100%;
	}
	.contact {
		padding: 4rem 0 3rem 0;
	}
	.call-back__title {
		margin-top: 2rem;
	}
	.d-blocks {
		display: none;
	}
	.m-blocks {
		display: block;
	}
	.follow {
		margin-top: 2rem;
	}
	.follow__title {
		margin-bottom: 1rem;
	}
	.dev-cases {
		margin: 3rem 0;
	}
	.dev-cases .blog-card__link{
	    display: none;
	}
	.row-reverse {
		flex-direction: column-reverse;
	}
	.developing__image {
		height: 16rem;
	}
	.developing {
		overflow-x: hidden;
		padding: 3rem 0;
	}
	.developing-content {
		padding: 2rem 0 0 0;
	}
	.stack {
		padding: 3rem 0;
	}
	.stack-item {
		width: 28%;
	}
	.package-dev .package-card {
		margin-top: 0;
	}
	.partnership-card {
		margin-bottom: 2rem;
	}
	.experts-int {
		padding: 0;
	}
	.headline-text {
		width: 100%;
	}
	.experts-int .get-cool {
		margin-top: 2rem;
	}
	.error404 {
		margin: 0;
	}
	.paints-row {
		flex-direction: column;
	}
	.paints-item {
		width: 100%;
	}
	.possible-card-one .title-h2 {
		margin-bottom: 2rem;
	}
	.solution {
		padding: 3rem 0;
	}
	.client-type .row {
		flex-direction: column-reverse;
	}
	.client-type-center {
		margin-top: 2rem;
	}
	.client-type-center .btn-seo {
		width: 100%;
	}
	.client-type-center .btn-seo  {
		justify-content: center;
		text-align: center;
		display: flex;
	}
	.about-text {
		font-size: 2.25rem;
		line-height: 2.625rem;
	}
	.about .main-bg img {
		width: 100%;
		height: 100%;
	}
	.about-content {
		position: relative;
		z-index: 2;
	}
	.item3 .card-title {
		display: none;
	}
	.m-title {
		display: block;
	}
	.item3 .team-about-card-link {
		display: flex;
	}
	.experts .get-cool {
		margin-top: 2rem;
	}
	.blog-contents {
		width: 100%;
	}
	.blog-contents .title-h2 {
		margin-bottom: 2rem;
	}
	.numbers-flex {
		flex-direction: column;
		align-items: flex-start;
		padding: 2rem;
	}
	.numbers-item {
		margin-right: 0;
		margin-bottom: 2rem;
	}
	.numbers-item:not(:last-child) {
		margin-right: 0;
	}
	.traffic-image {
		width: 100%;
	}
	.text-content {
		width: 100%;
	}
	.client-feed-content {
		width: 100%;
	}
	.client-feed-video-flex {
		display: block;
	}
	.client-feed-video__title {
		margin-left: 0;
		margin-top: 2rem;
	}
	.error404s {
		margin: 0 0 6rem 0;
	}
	.error404-center {
		margin-bottom: 9rem;
	}
	.about-image video {
/* 		width: auto;
		height: 6.22619rem; */
		width: 100%;
		height: auto;
		transform: translateX(-13px) translateY(-10px) scale(1);
	}
	.reasons-pick {
		padding: 3rem 0;
	}
	.no-right .step-content {
		width: 100%;
	}
	.about-image img {
		width: 70%;
	}
	.contact .call-back-top {
		align-items: flex-start;
	}
	.paints-image {
		right: 48px;
	}
	.paints-image img {
		width: 19.333rem;
		height: 28.667rem;
	}
	.experts.experts-int .container .row + .row{
		display: none;
	}
	.experts.experts-int .container .row + .row.--active{
		display: block;
	}
	.package-card-btn{
	    padding: 1rem 32px;
	    font-size: 20px;
	    width: 100%;
	}
	.package-card-btn .package-card-btn-content{
	    justify-content: space-between;
	}
	.team-about .team-about-card__image{
	    margin-top: 0;
	}
	.client-type{
        margin: 2.75rem 0 3rem 0;
	}
	.cases-card {
	    gap: 32px;
	}
	.cases-card .cases-card-content{
	    margin-top: 0;
	}
	.dev-cases-card .blog-card__link{
	    display: none;
	}
    .experts-card__title{
        font-size: 24px;
    }
    section.cases + .footer{
        margin-top: 32px;
    }
    .client-feed-video .modal-content{
        display: flex;
        align-items: center;
    }
    .client-feed-video .close-modal svg path{
        fill: #FFF;
    }
}
@media (max-width: 1200px){
    .error404-image{
        transform: translateX(-40px);
    }
    .slider-arrow{
        width: 95%;
    }
}
@media (max-width: 1157px){
    .slider-arrow{
        bottom: 27%;
    }
}
@media (max-width: 1037px){
    .slider-arrow{
        bottom: 22%;
    }
}
@media (max-width: 520px){
	.error404-image {
		width: 100%;
        transform: translateX(-20px);
        justify-content: center;
	}
}

@media (max-width: 520px){
   .experts.experts-page .container .row + .row{
        display: block;
    } 
    .experts.experts-page .container .m-more-btn{
        display: none;
    }
    .experts.experts-page .container .get-cool {
        margin-top: 4rem;
    }
}


@media (max-width: 990px){
    .shtorm-list{
        display: flex;
        
        -webkit-overflow-scrolling: touch;
    }
    .shtorm-list .shtorm-list__line{
        flex: 1 1;
    }
}
@media (max-width: 928px){
    .developing__image .seo-left{
        top: 18px;
    }
    .developing__image .seo-right{
        bottom: 20px;
    }
}
@media (max-width: 520px){
    .developing__image .seo-left{
        top: 0;
    }
    .developing__image .seo-right{
        bottom: 0;
    }
}
@media (max-width: 668px){
    .feedback-card:not(.feedback-card-text) + .modal-overlay .modal{
        height: unset;
        position: static;
        overflow: visible;
    }
    .feedback-card:not(.feedback-card-text) + .modal-overlay .modal .close-modal{
        top: -40px;
        right: 20px;
    }
}