.service_list {
    padding: 79px 0 42px;
}
.service_list .heading{
	margin-bottom: 60px;
}
.service_list h3,
h2.h3{
    font-size: 38px;
    line-height: 40px;
    font-weight: 400;
    color: #09a2c5;
    margin: 0;
}
.service_one .w3-row{
	position:relative;
}
.service_one .w3-row:before {
    content: '';
    display: block;
    position: absolute;
    top: -29px;
    bottom: -26px;
    left: 0;
    right: 25%;
    background-color: #f8f8f7;
    z-index: -1;
}

.service_one .content_box {
    padding: 5px 100px 1px 40px;
    position: relative;
    background-color: #f8f8f7;
}

.service_one .content_box h1{
    font-size: 38px;
    line-height: 46px;
    color: #09a2c5;
    font-weight: 300;
}

.service_one .content_box:after{
	content:'';
	display:block;
	border-left:20px solid #FFF;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	position:absolute;
	left:0;
	top:6%;
}
.service_one .img_box img{
    margin-top: 25px;
}


/* --Key benefits starts -----*/

.svam_difference h2{
	font-size:38px;
	line-height:46px;
	color:#09a2c5;
	font-weight:300;
	position:relative;
	margin-bottom:20px;
}
.svam_difference h2:before{
   content:'';
   border-left:20px solid #fff;
   border-top:20px solid transparent;
   border-bottom:20px solid transparent;
   position:absolute;
   top:5px;
   left:-40px;
}
.key_div{
    padding: 10px;
    min-height: 101px;
    position: relative;
    border-right: 3px solid #ECE8E4;
}

.key_box{
    display: flex;
    position: absolute;
    bottom: 15px;
    width: 80%;
    right: 5px;
}

.key_box img{
   max-height: 62px;
    align-self: flex-start;
    
}

.key_box p{
    text-align: left;
    margin: 0;
    padding-left: 10px;
    font-weight: 600;
    align-self: flex-end;
    font-size: 16px;
    line-height: 24px;
}

.heading h3 {
    font-size: 38px;
    line-height: 46px;
    color: #09a2c5;
    font-weight: 300;
}

/* ------why choose ------*/
.why_choose{

    padding-top: 0;
}
.why_choose h3{
    font-size: 38px;
    line-height: 46px;
    color: #09a2c5;
    font-weight: 300;
}

.why_choose_box{
    background: #ecf8fa;
    padding: 10px 20px;
    margin-top: 27px;
    position:relative;
}

.why_choose_box  ul li{
    list-style-type: square;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.why_choose_box li::marker{
    color: #09a2c5;
}

.why_choose_box:before {
    content: '';
    border-left: 20px solid transparent;
    border-top: 20px solid white;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    top: -4px;
    right: 86px;
}


/* ----tangible service ---------*/

.tangible_service h3{
    font-size: 38px;
    line-height: 46px;
    color: #09a2c5;
    font-weight: 300;
    text-align: right;
    padding: 40px 0;
}
.tangible_service .l9{
padding: 0 43px;
}

.tangible_inner{
    background: #f8f8f8;
}

.tangible_box {
    padding: 14px 19px;
}

.tangible_info{
    padding-left: 19px;
}

.tangible_box h4{
color: #09a2c5;
    font-size: 16px;
    font-weight: 900;
}

.tangible_box p{
    font-size: 15px;
}


.expertise h4{
	font-size: 20px !important;
}

/* --------- service IT steps -------*/

.service_it_box p{
    background: #f7f7f7;
    padding: 10px 0 10px 39px;
    font-size: 15px;
    font-weight: 500;
    position:relative;
}

.service_it_box p:before {
    content: '';
    display: block;
    border-left: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: 0;
    top: 22%;
}

.develop_steps_box{
    border: 3px solid #09a2c5;
    padding: 5px 22px;
    height: 282px;
    position: relative;
}

.develop_steps_box h3{
font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    
}
.develop_steps_box ul li{
margin-bottom: 8px;
}

.develop_steps_box ul{
list-style-type: square;
}

.develop_steps_box ul li::marker{
color:#09a2c5;

}

.it_develop_steps .l4{
padding: 8px 24px; 
}



.it_develop_steps .w3-col:not(:last-child) .develop_steps_box:before {
    content: '';
   /* background: url(/wp-content/uploads/2021/03/arrowright.png) no-repeat; */
    display: inline-block;
    width: 56px;
    height: 32px;
	background:url('../svg/arrow.svg') no-repeat;
	background-color:#FFF;
	position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
    right: -9%;
}

/* .steps_right_two :before {
    content: '';
    background: url(/wp-content/uploads/2021/03/arrowright.png) no-repeat;
    width: 56px;
    height: 32px;
    top: 124px;
    right: -9%;
    position: absolute;
    display: inline-block;
} */
/*--------DA-services ------*/
.da-services h3{
font-size: 38px;
    line-height: 46px;
    color: #09a2c5;
    font-weight: 300;}

.da-services h4{
font-size: 17px;
    line-height: 46px;
    color: #09a2c5;
    font-weight: 600;}

.da-box p{
font-weight: 600;}

.margin-da-left{
margin-left:45px;}

.da-services img{
	max-height:62px;
}
.da-services p{
	min-height:48px;
}
.da-services .da-box > .w3-col{
	text-align:center;
}

.tangible_box img{ 
	max-width: 60px;
}


/* ----Responsive -------*/


@media screen and (max-width: 992px){
	.it_develop_steps .l4{
		padding: 24px 8px;
	}
	.it_develop_steps .w3-col:not(:last-child) .develop_steps_box:before {
      top: initial;
	  bottom: -10%;
	  left:0;right:0;
	  margin: auto;
      -webkit-transform: rotate(90deg);
	  transform: rotate(90deg);
   }
}


@media(max-width:767px){
.service_one .w3-row:before {
    
    background-color: transparent;
    
}

.service_one .content_box {
    padding: 20px 31px;
    
}

.service_list {
    padding: 20px 0 2px;
}

.service_one .img_box img {
   margin-top: 0px; 
}

.svam_difference h2 {
    font-size: 31px;
    line-height: 37px;
    
}

.key_box{
width: auto;
}

.key_box p br{
    display:none;
}

.key_div {
    border-right:none;
}

.why_choose h3 {
    font-size: 31px;
        line-height: 37px;
    
}
.why_choose_box ul{
    padding: 10px;
}
.tangible_service h3 {
    font-size: 31px;
    line-height: 36px;
    text-align: left;
    padding: 0px 0 25px;
}

.tangible_service h3 br{
    display:none;
}
.tangible_service .l9 {
     padding: 0 ;
}

.tangible_box .image-one{
    margin-left: 23px;
	max-width: 60px;
}

.service_it_box p {
   
    padding: 10px 27px 10px 39px;
   
    text-align: justify;
}
}

@media screen and (max-width: 600px){
	.key_div{
		min-height: 10px;
		display: block;
	}
	.key_div .key_box{
		position: static;
		display: block;
		text-align:center;
	}
	.key_div .key_box p{
		padding-left:0;
		text-align:center;
		min-height: 48px;
	}
	.service_one .content_box h2 {
       font-size: 30px;
       line-height: 40px;
       font-weight: 500;
    }
	.service_one .content_box{
	   padding: 20px;
	}
	.service_one .content_box:after {
       border-left: 15px solid #FFF;
       border-top: 15px solid transparent;
       border-bottom: 15px solid transparent;
       top: 37px;
    }
}