.integration-hero .outer-box{width:100%; height: auto; background: #2595bbb0;padding: 25px 0;}
.integration-hero .inner-box{width:85%; min-width: 380px; height:auto; background:#fff; padding: 5px;
	margin: 0 auto;border-radius: 5px; box-shadow: 4px 3px 5px 4px #172B4D;}
.integration-hero p{margin: 20px;line-height: 140%;color: #172B4D; font-weight: 500; letter-spacing: 1px;}


.services-details p{font-size: 18px; line-height: 2; letter-spacing: 1px;}
.services-details h2{font-size: 28px; margin-bottom: 30px; color: #7E3C2Bc0;}
.services-details .service-img{width: 100%; height: auto;}
.services-details .service-img img{width: 95%; height: auto; margin: 0 2.5%;aspect-ratio: 700/450}
.services-details .service-text{width: 100%;}
.col-lg-7{grid-column: span 7; padding: 0 20px}
.col-lg-5{grid-column: span 5; padding: 0 20px}

@media(min-width: 901px) and (max-width: 1200px)
{
	.services-details .service-img img{width: 100%; margin: 0}
	.services-details p{font-size: 16px; line-height: 1.2; letter-spacing: 0.3px;}
}

@media(min-width:576px) and (max-width: 900px){
	.col-lg-7{grid-column: span 12; padding: 0 40px}
	.col-lg-5{grid-column: span 12; padding: 0 40px}
	.services-details h3{font-size: 25px;}
}
@media(max-width: 575px){
	.col-lg-7{grid-column: span 12; padding: 0 10px}
	.col-lg-5{grid-column: span 12; padding: 0 10px}
	.services-details p{font-size: 16px;}
	.services-details h3{font-size: 20px;}
}

.ord-1{order: 1}
.ord-2{order: 2}
@media(max-width: 899px){
	.ord-1{order: 2}
	.ord-2{order: 1}
	.services-details p{margin-top: 30px;}
}