.ourservices{color:black}
.ourservices ul{list-style:none;margin:0;padding:0;}
.ourservices ul li{margin:0;padding:0;position: relative;width: 50%;}
.ourservices ul li .thumb{position: absolute;left: calc(100% - 80px);top: calc(50% - 80px);width: 160px;height: 160px;border-radius: 50%;overflow: hidden;box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #b6c6c9;}
.ourservices ul li .inner{background-color: #ffffff !important;width: calc(100% - 140px);text-align: justify;padding:40px;border-radius: 40px;}
.ourservices ul li .inner h2{margin: 0 0 16px 0;text-align: center;}
.ourservices ul li .inner button{}
.ourservices ul li > svg{top: 50%;margin-top: -50px;right: 90px;transform: rotate(180deg);-webkit-transform: rotate(180deg);fill: #ffffff !important;height: 100px;position: absolute;}

.ourservices ul li:nth-child(2n){margin-left: 50%;text-align: right;}
.ourservices ul li:nth-child(2n) .inner{margin-left: 140px;}
.ourservices ul li:nth-child(2n) .thumb{left: -80px;}
.ourservices ul li:nth-child(2n) > svg{right: unset;left: 91px;transform: none;-webkit-transform: none;}

.ourservices ul li:before {content: "";border: 1px solid #fff;border-bottom: none;border-top: none;background: #000;display: block;position: absolute;width: 3px;height: 100%;right: calc(100% - 2px);}
.ourservices ul li:nth-child(2n+1):before{right: -2px;}
.ourservices ul > li:first-child:before{height:50%;top:50%}
.ourservices ul > li:last-child:before{height:50%;bottom:50%}

.beforeafter{/* background: #00000042; */}
.beforeafter .col-md-12 > div{display:flex;flex-wrap: wrap;}
.beforeafter .twentytwenty-wrapper{margin: 16px;border: 6px solid #006317;border-radius: 4px;width: calc(50% - 32.6px);/* -webkit-box-shadow: 10px 10px 10px 10px rgba(0,0,0,1); */box-shadow: 4px 7px 12px 12px rgb(0 0 0 / 17%);}

@media screen and (max-width: 767px) {
	.ourservices ul li{width: 100%;margin-bottom:40px}
	.ourservices ul li:nth-child(2n){margin-left:0%;}
    .ourservices ul li .thumb{left: calc(100% - 171px);}
	.ourservices ul li:nth-child(2n) .thumb{left:10px;}
    .ourservices ul li .inner{width: calc(100% - 228px);}
	.ourservices ul li:nth-child(2n) .inner{margin-left: 224px;}
	.ourservices ul li > svg{right: 178px;}
	.ourservices ul li:nth-child(2n) > svg{left: 174px;}
	.ourservices ul > li:before{display:none;}

	.beforeafter .col-md-12 > div{display:flex;flex-wrap: wrap;}
	.beforeafter .twentytwenty-wrapper{margin: 16px 0px;width: 100%;}
}
@media screen and (max-width: 558px){
	.ourservices ul li .inner{width:100%;margin-left: 0!important;}
	.ourservices ul li > svg{display:none;}
	.ourservices ul li .thumb{position:relative;/* left: 0; */top: 0;margin: 0 0 27px 0;}
}