.web-dev-hero .intro{background-image: linear-gradient(#ffffff20, #ffffff20), 
	url(../img/bg/intro-bg4.webp); padding: 26px;color: #fff; line-height: 1.5; letter-spacing: 0.5px; 
	border-left:5px solid #2595bb; border-bottom: 7px solid #2595bb; border-bottom-left-radius:40px;
	border-top-right-radius: 35px;}

 .img-box img{width: 100%; aspect-ratio: 800/518}

 .grey-bg{background-color: lightgray;}

section ul{width: 100%; height: 100%; margin-left: 25px}
section h3{color: #7E3C2B; margin: 20px 0; font-weight: bold;}
section ul li{width:100%; text-align: left;padding-left: 8px;display: inline-block; font-size: 17px;
font-weight: 500; line-height: 35px;}

.static-web ul li:before{background-image: url('../img/svg/check-all.svg');
    background-size: 23px 23px; background-repeat: no-repeat;background-position: center;content:"";
     display: inline-block;  width: 16px;  height: 16px; position:relative;top:3px; left: -10px;  }

.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;}
}