.services {
	background: var(--dark-blue);
}

.services__content.services-count-three,
.services__content.services-count-six {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
.services__content.services-count-four {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.services__content.services-count-five {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 20px;
}
.services__card {
	position: relative;
	padding: 70px 30px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 32px;
}
.services__content.services-count-five .services__card {
	flex: 1 0 400px;
	max-width: 520px;
}
.services__card-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 16px;
}
.services__card-text .h5 {
	color: var(--white);
	text-transform: uppercase;
	text-align: center;
}
.services__card-text p {
	color: var(--white);
	text-align: center;
}
.services__card:nth-child(1) {
	background: var(--red);
}
.services__card:nth-child(1)::before, .services__card:nth-child(1)::after {
	position: absolute;
	content: "";
}
.services__card:nth-child(1)::before {
	top: 0;
	left: 0;
	border-top: 100px solid var(--dark-blue);
	border-right: 100px solid transparent;
}
.services__card:nth-child(1)::after {
	bottom: 0;
	right: 0;
	border-bottom: 100px solid var(--dark-blue);
	border-left: 100px solid transparent;
}



.about ._container {
	padding-top: 100px;
	padding-bottom: 100px;
}
.about__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px;
}
.about__image {
	width: 100%;
	max-width: 740px;
	border-radius: 20px;
	overflow: hidden;
}
.about__image img {
	width: 100%;
}
.about__block {
	width: 100%;
	max-width: 800px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
}
.about__text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px;
}
.about__text p, .about__text li {
	font-size: 18px;
}



.whyHome ._container {
	padding-top: 80px;
	padding-bottom: 120px;
}
.whyHome__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}
.whyHome__content ._title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.whyHome__content ._title h2 {
	text-align: center;
	text-transform: uppercase;
}
.whyHome__content ._title .h2 {
	text-transform: uppercase;
}
.whyHome__cards {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 40px 1fr 40px 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}
.whyHome__cards > ._title {
	display: none;
}
.whyHome__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
}
.whyHome__item > p {
	text-align: center;
}
.whyHome__item:not(:nth-child(3)) {
	padding-top: 30px;
}



.stats {
    background: var(--white);
}
.stats ._container {
    padding-top: 100px;
    padding-bottom: 60px;
}
.stats__content {
    padding: 60px 15px;
    background: var(--dark-blue);
    border-radius: 20px;
}
.stats__items {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
.stats__item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}
.stats__item span {
    font-size: clamp(40px, 5vw, 52px);
    font-weight: 700;
    color: var(--red);
}
.stats__item p {
    color: var(--white);
    text-align: center;
}



.stepsHome {
    background: var(--white);
}
.stepsHome ._container {
    padding-top: 100px;
    padding-bottom: 100px;
}
.stepsHome__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
}
.stepsHome__content ._title h2 {
    text-transform: uppercase;
}
.stepsHome__cards {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.stepsHome__card {
    padding: 30px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    border-radius: 20px;
    border: 1px solid var(--light-gray);
}
.stepsHome__card span {
    font-size: clamp(44px, 4.5vw, 64px);
    font-weight: 700;
    color: var(--red);
}
.stepsHome__card p strong {
    font-size: clamp(16px, 1.5vw, 18px);
    color: var(--dark-blue);
}
.stepsHome__card p {
    font-weight: 200;
}



.homeReviews {
    position: relative;
	background: #F5F9FF;
    overflow: hidden;
}
.homeReviews::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: url('/wp-content/themes/dtsm-techno/assets/images/lines-bg.webp') center / cover no-repeat;
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
    mix-blend-mode: plus-lighter;
    pointer-events: none;
}
.homeReviews::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 120px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F9FF), to(rgba(245, 249, 255, 0)));
	background: linear-gradient(180deg, #F5F9FF 0%, rgba(245, 249, 255, 0) 100%);
}
.homeReviews ._container {
	padding-top: 80px;
	padding-bottom: 80px;
}
.homeReviews__content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 40px;
}
.homeReviews ._title h2 {
	text-transform: uppercase;
}
.homeReviews__cards {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.homeReviews__cards .review {
	padding: 30px 40px;
	max-width: 520px;
}



@media (max-width: 1440px) {
	.services__content.services-count-three,
	.services__content.services-count-four,
	.services__content.services-count-five,
	.services__content.services-count-six {
		gap: 0px;
	}
	.about ._container {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.about__text p, .about__text li {
		font-size: 16px;
	}
	.whyHome ._container {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.whyHome__cards {
		gap: 30px;
	}
    .stepsHome ._container {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media (max-width: 1340px) {
	.services__content.services-count-four {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 1280px) {
    .stepsHome__cards {
        -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1200px) {
	.services__content.services-count-three,
	.services__content.services-count-six {
		-ms-grid-columns: 1fr 20px 1fr;
		grid-template-columns: repeat(2, 1fr);
	}
	.whyHome__content > ._title {
		display: none;
	}
	.whyHome__cards {
		-ms-grid-columns: 1fr 40px 1fr;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
	}
	.whyHome__cards > ._title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.whyHome__cards > ._title h2 {
		text-align: left;
	}
	.whyHome__item {
		padding-top: 0px !important;
	}
	.whyHome__item > p {
		display: none;
	}
}
@media (max-width: 1023px) {
	.about__content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.about__block {
		max-width: 100%;
	}
	.about__image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.whyHome__cards {
		gap: 30px;
	}
	.homeReviews__cards {
		grid-template-columns: repeat(2, 1fr);
	}
	.homeReviews__cards .review:last-child {
		grid-column: span 2;
		max-width: 100%;
	}
}
@media (max-width: 930px) {
	.services__card {
		padding: 50px 30px;
	}
	.services__card:nth-child(1)::before {
		border-top: 80px solid var(--dark-blue);
		border-right: 80px solid transparent;
	}
	.services__card:nth-child(1)::after {
		border-bottom: 80px solid var(--dark-blue);
		border-left: 80px solid transparent;
	}
}
@media (max-width: 800px) {
	.about ._container, .whyHome ._container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
    .stats ._container {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .stepsHome ._container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
	.about__block {
		gap: 20px;
	}
}
@media (max-width: 740px) {
	.services__card {
		padding: 40px 20px;
	}
	.services__card:nth-child(1)::before {
		border-top: 60px solid var(--dark-blue);
		border-right: 60px solid transparent;
	}
	.services__card:nth-child(1)::after {
		border-bottom: 60px solid var(--dark-blue);
		border-left: 60px solid transparent;
	}
	.services__content {
		margin: 0 auto;
	}
	.whyHome__cards {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
    .stats__content {
        padding: 40px 15px;
    }
    .stepsHome__content {
        gap: 30px;
    }
    .stepsHome__cards {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
    .stepsHome__card {
        gap: 15px;
    }
	.homeReviews__cards {
		grid-template-columns: repeat(1, 1fr);
	}
	.homeReviews__cards .review:last-child,
	.homeReviews__cards .review {
		grid-column: span 1;
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.services__content.services-count-three,
	.services__content.services-count-six {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
	}
	.about ._container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.about__image {
		border-radius: 15px;
	}
	.whyHome ._container {
		padding-top: 40px;
		padding-bottom: 40px;
	}
    .stats__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (max-width: 520px) {
	.services__content.services-count-four {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
    .stepsHome__cards {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 450px) {
	.services__content.services-count-five .services__card {
		flex: 1 0 auto;
	}
	.services__card-text p {
		font-size: 14px;
	}
}



@media (min-width: 1024px) {
	.services__card:hover .btn-arrow .btn-arrow-icon svg {
		left: 20px;
	}
	.services__card:not(:nth-child(1)):hover .btn-arrow span {
		color: var(--red);
	}
	.services__card:not(:nth-child(1)):hover .btn-arrow .btn-arrow-icon svg path {
		fill: var(--red);
	}
}