/*=========== TABLE OF CONTENTS ===========
1. Common CSS
2. Page CSS
==========================================*/

/*-------------------------------------
1. Common CSS
--------------------------------------*/
.services__feasibility-text {
	width: 64%;
	line-height: 149%;
	@media only screen and (max-width: 1440px) {
		width: 100%;
	}

	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

/*-------------------------------------
2. Page CSS
--------------------------------------*/
.row_one-3 {
	height: 408px;
	padding-top: var(--space-sm);
	padding-bottom: var(--space-sm);
	background-image: url(../public/images/img_group_16.png);
	background-size: cover;
	background-repeat: no-repeat;
	@media only screen and (max-width: 1440px) {
		height: auto;
	}

	@media only screen and (max-width: 1050px) {
		height: auto;
	}
}

.column__breadcrumbs {
	gap: 36px;
	display: flex;
	flex-wrap: wrap;
}

.group-318 {
	color: #d4d4d4ff !important;
	font-family: var(--font-product) !important;
	font-size: 18px;
	font-weight: 400;
	width: 4.3px;
	height: 24px;
	@media only screen and (max-width: 1440px) {
		font-size: 15px;
	}
}

.rowalltheway {
	margin-top: 94px;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	@media (max-width: 1199px) {
		margin-top: 50px;
	}
	@media only screen and (max-width: 1050px) {
		flex-direction: column;position: relative;
	}
	@media (max-width: 767px) {
		margin-top: 30px;
	}
}
.page-template-page-services .rowalltheway { padding: 0 8rem; }
.services__column {
	gap: var(--space-8xl);
	display: flex;
	width: 62%;
	flex-direction: column;
	align-items: flex-start;
	@media only screen and (max-width: 1050px) {


		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;


	}
}
.page-template-page-services .rowalltheway .services__column { width: 100%; }
.services__text {
	width: 82%;
	line-height: 121%;
	@media only screen and (max-width: 1440px) {
		width: 100%;
	}

	@media only screen and (max-width: 1050px) {
		width: 100%;
		font-size: 30px !important;
	}


}

.services__description {
	color: var(--gray_200) !important;
	width: 80%;
	line-height: 149%;
	@media only screen and (max-width: 1440px) {
		width: 100%;
	}

	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

.services__image {
	height: 422px;
	margin-top: 114px;
	align-self: flex-end;
	width: 28%;
	object-fit: contain;
	@media only screen and (max-width: 1199px) {
		width: 100%;
		display: none;
	}
}

.stackbackground {
	height: fit-content;
	margin-top: 46px;
	position: relative;
	margin-bottom: 100px;
	padding: 0 8rem;
}

.services__background {
	height: 822px;
	width: 20%;
	object-fit: contain;
	position: absolute;
	bottom: 17%;
	right: 1px;
	margin: auto;
}

.rowvector_three-1 {
	flex: 1;
	display: flex;
	align-items: flex-start;
	position: relative;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	height: max-content;
	margin: auto;



	@media only screen and (max-width: 1050px) {
		flex-direction: column;
		position: relative;
	}
}

.services__image-4 {
	height: 796px;
	width: auto;
	object-fit: contain;
	position: absolute;
	left: -300px;
	top: 0%;
	left: -72px;
	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

.services__description-1 {
	gap: 98px;
	align-self: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	@media only screen and (max-width: 1440px) {
		gap: 98px;
		padding-left: 20px;
		padding-right: 20px;
	}

	@media only screen and (max-width: 1199px) {
		gap: 40px;
		padding-left: 20px;
		padding-right: 20px;
	}

	@media only screen and (max-width: 767px) {
		gap: 30px;
	}
}

.services__description-text {
	text-align: center;
	width: 66%;
	line-height: 121%;
	@media only screen and (max-width: 1560px) {
		width: 100%;
	}

	@media only screen and (max-width: 1050px) {
		width: 100%;
		font-size: 24px !important;
	}

	@media only screen and (max-width: 767px) {
		font-size: 20px !important;
	}
}

.services__content {
	gap: 133px;
	display: flex;
	align-self: stretch;
	flex-direction: column;
	z-index: 1;

	@media only screen and (max-width: 1440px) {
		gap: 130px;
	}

	@media only screen and (max-width: 1050px) {
		gap: 90px;
	}
	@media only screen and (max-width: 991px) {
		gap: 40px;
	}

	@media only screen and (max-width: 767px) {
		gap: 35px;
	}
}

.services__content-row {
/* 	margin-left: 16px;
	margin-right: 16px; */
	display: flex;
	align-items: center;
	@media only screen and (max-width: 1199px) {










		flex-direction: column;
		margin-left: 0px;
		margin-right: 0px;
		gap: 30px;
		position: relative;
		height: fit-content;
		direction : ltr !important;










	}	
}

.services__image-row {
	background-color: var(--gray_800_01);
	width: 38%;
	display: flex;
	justify-content: center;
	padding: var(--space-12xl);
	border-radius: var(--radius-3xl);
	@media only screen and (max-width: 1050px) {
		width: 100%;
	}

	@media only screen and (max-width: 550px) {
		padding: var(--space-3xl);
	}
}

.services__image-5 {
	height: 298px;
	margin-top: 12px;
	width: 84%;
	object-fit: contain;
}

.services__steps-columns {
	gap: var(--space-8xl);
	align-self: center;
	display: flex;
	width: 62%;
	flex-direction: column;
	align-items: flex-end;
	direction: ltr;

	@media (max-width: 1440px) {
		width: 70%;
	}
	@media only screen and (max-width: 1199px) {
		width: calc(100% - 70px);
	}
}
.row-five {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 40px;
}

.services__step-column {
	gap: var(--space-lg);
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;




	@media only screen and (max-width: 1440px) {
		width: 100%;
	}

	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

.services__steps-details {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: fit-content;
}

.services__design-row {
	margin-left: 8px;
	margin-right: 8px;
	display: flex;
	align-items: center;
	@media only screen and (max-width: 1050px) {
		flex-direction: column;
		margin-left: 0px;
		margin-right: 0px;
	}
}

.services__design-number-row {
	flex: 1;
	display: flex;
	align-items: flex-start;
	@media only screen and (max-width: 1050px) {
		align-self: stretch;
		flex-direction: column;
	}
}

.services__design-columns {
	padding-left: var(--space-12xl);
	padding-right: var(--space-12xl);
	gap: var(--space-5xl);
	align-self: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	@media only screen and (max-width: 1050px) {
		align-self: stretch;
	}

	@media only screen and (max-width: 550px) {
		padding-left: var(--space-3xl);
		padding-right: var(--space-3xl);
	}
}

.services__design-divider {
	height: 1px;
	background-color: var(--gray_400);
	width: 66%;
}

.services__image-row-1 {
	background-color: var(--gray_800_01);
	width: 38%;
	display: flex;
	justify-content: center;
	padding: var(--space-4xl);
	border-radius: var(--radius-3xl);
	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

.services__image-6 {
	height: 308px;
	margin-bottom: 40px;
	width: 82%;
	object-fit: contain;
}

.services__regulation-row {
	padding-left: var(--space-sm);
	padding-right: var(--space-sm);
	display: flex;
	justify-content: center;
	align-items: center;
	@media only screen and (max-width: 1050px) {
		flex-direction: column;
	}
}

.services__regulation-image-row {
	background-color: var(--gray_800_01);
	display: flex;
	padding: var(--space-2xl) 12px;
	border-radius: var(--radius-3xl);
}

.services__regulation-image {
	height: 358px;
	width: 96%;
	object-fit: contain;
}

.services__regulation-columns {
	gap: var(--space-10xl);
	align-self: center;
	display: flex;
	width: 60%;
	flex-direction: column;
	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

.services__regulation-column {
	margin-right: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	@media only screen and (max-width: 1050px) {
		margin-right: 0px;
	}
}

.services__compliance-detail-column {
	margin-right: 12px;
	gap: var(--space-md);
	display: flex;
	flex-direction: column;
	@media only screen and (max-width: 1050px) {
		margin-right: 0px;
	}
}

.services__capabilities-column {
	gap: var(--space-md);
	display: flex;
	flex-direction: column;
}

.services__production-column {
	margin-top: 12px;
	gap: var(--space-md);
	display: flex;
	flex-direction: column;
}

.services__support-row {
	margin-left: 8px;
	margin-right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	@media only screen and (max-width: 1050px) {
		flex-direction: column;
		margin-left: 0px;
		margin-right: 0px;
	}
}

.services__support-columns {
	gap: var(--space-10xl);
	align-self: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	@media only screen and (max-width: 1050px) {
		align-self: stretch;
	}
}

.services__support-divider {
	height: 1px;
	background-color: var(--gray_400);
	width: 64%;
}

.services__qa-column {
	gap: 20px;
	display: flex;
	flex-direction: column;
}

.services__illustration-row {
	background-color: var(--gray_800_01);
	display: flex;
	padding: var(--space-10xl);
	border-radius: var(--radius-3xl);
	@media only screen and (max-width: 550px) {
		padding: var(--space-3xl);
	}
}

.services__illustration {
	height: 290px;
	margin-top: 8px;
	width: 96%;
	object-fit: contain;
}

.services__customer-row {
	display: flex;
	justify-content: center;
	align-items: center;
	@media only screen and (max-width: 1050px) {
		flex-direction: column;
	}
}

.services__customer-image-row {
	padding-top: var(--space-12xl);
	padding-bottom: var(--space-12xl);
	background-color: var(--gray_800_01);
	display: flex;
	border-radius: var(--radius-3xl);
	@media only screen and (max-width: 550px) {
		padding-top: var(--space-3xl);
		padding-bottom: var(--space-3xl);
	}
}

.services__customer-image {
	height: 298px;
	margin-bottom: 10px;
	width: 96%;
	object-fit: contain;
}

.services__customer-number-row {
	padding-left: var(--space-md);
	padding-right: var(--space-md);
	gap: var(--space-13xl);
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	@media only screen and (max-width: 1050px) {
		align-self: stretch;
		flex-direction: column;
	}
}

.services__customer-columns {
	gap: 36px;
	align-self: center;
	display: flex;
	width: 60%;
	flex-direction: column;
	align-items: flex-start;
	@media only screen and (max-width: 1050px) {
		width: 100%;
	}
}

.services__care-column {
	margin-right: 12px;
	gap: var(--space-md);
	display: flex;
	align-self: stretch;
	flex-direction: column;
	@media only screen and (max-width: 1050px) {
		margin-right: 0px;
	}
}

.services__image-1 {
	height: 840px;
	width: 18%;
	object-fit: contain;
	position: absolute;
	left: -300px;
	top: 17%;
	margin: auto;
}

.services__image-2 {
	height: 1px;
	width: 30%;
	object-fit: contain;
	position: absolute;
	bottom: 10%;
	right: 10%;
	margin: auto;
}

.services__image-3 {
	height: 392px;
	width: 16%;
	object-fit: contain;
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: auto;
	z-index: 0;
}

.stackfooter_one-1 {
	height: 704px;
	margin-top: 116px;
	position: relative;
}

.home-five__delivery-info {
	gap: var(--space-md);
	display: flex;
	width: 100%;
	flex-direction: column;
}


@media (max-width: 1440px) {
	.page-template-page-services .services__image { height: 200px; }
}

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


	.row-five {
		flex: 1;
		display: flex;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		gap: 25px !important;
		flex-direction: row !important;
	}
	.stackbackground { padding: 0 20px; }
	.single-case .services__content-row:nth-child(odd) { flex-direction: row; direction: rtl !important; }
	.single-case .services__content-row:nth-child(even) { flex-direction: row; direction: ltr !important; }
	.page-template-page-services .rowalltheway { padding: 0 20px; }
	.page-template-page-services .rowalltheway .services__column { padding: 0 !important; }
}
@media (max-width: 991px) {
	.stackbackground { margin-bottom: 0; }
	.services__description-1 { padding: 0; }
	.column { gap: 0; }
	.services__steps-columns { width: calc(100% - 70px) !important; }
	.row-five { gap: 20px !important }
	.single-case .services__content-row { flex-direction: column !important; direction: ltr !important; }
	.single-case .services__steps-columns { width: 100% !important; }
	.services__column { padding: 0; }
	.services__image-3 { bottom: 140px; }
}
@media (max-width: 767px) {
	.stackbackground { margin-top: 30px; }
	.services__image-3 { bottom: 190px; }
}