/***    07. Why Work With Us Css  ***/
/************************************/

.our-work{
	padding: 100px 0;
}

.our-work-image{
	position: relative;
	display: flex;
	align-items: end;
	justify-content: center;
	padding: 230px 180px 0 0;
	margin-right: 110px;
}

.our-work-image:before{
	content: '';
	position: absolute;
	width: 90%;
	height: 80%;
	top: 50%;
	left: 4px;
	transform: translateY(-50%);
	background: var(--accent-color);
	border-radius: 80px;
	z-index: -1;
}

.our-work-img-1{
	position: absolute;
	width: 100%;
	max-width: 325px;
	top: 0;
	right: 0;
	z-index: 1;
}

.our-work-img-1 figure,
.our-work-img-2 figure{
	border-radius: 300px 300px 0 0;
}

.our-work-img-1 img,
.our-work-img-2 img{
	border-radius: 300px 300px 0 0;
	border: 4px solid var(--white-color);
}

.work-content-body{
	margin-bottom: 40px;
}

.our-work-list ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px 30px;
	margin: 0;
	padding: 0;
}

.our-work-list ul li{
	width: calc(50% - 15px);
	position: relative;
	text-transform: capitalize;
	padding-left: 35px;
}

.our-work-list ul li:before{
	content: '\f058';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 22px;
    color: var(--accent-color);
    display: inline-block;
    line-height: normal;
    position: absolute;
    top: 2px;
    left: 0;
}

.our-work-btn{
	margin-top: 40px;
}

.work-counter-list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;
}

.work-counter-item{
	position: relative;
	width: calc(33.33% - 40px);
}

.work-counter-item:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	right: -30px;
	bottom: 0;
	background: var(--secondary-color);
}

.work-counter-item:last-child::after,
.work-counter-item:nth-child(3n + 3):after{
	display: none;
}

.work-counter-item h3{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
}

.work-counter-item p{
	text-transform: capitalize;
	margin: 0;
}

.work-facility-list{
	border-top: 1px solid var(--secondary-color);
	margin-top: 60px;
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 70px;
}

.work-facility-item{
	width: calc(25% - 52.5px);
	position: relative;
	display: flex;
	align-items: center;
}

.work-facility-item:after{
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	top: 0;
	right: -35px;
	bottom: 0;
	background: var(--secondary-color);
}

.work-facility-item:last-child:after,
.work-facility-item:nth-child(4n + 4):after{
	display: none;
}

.work-facility-item .icon-box{
	margin-right: 20px;
}

.work-facility-item .icon-box img{
	max-width: 60px;
}

.work-facility-content{
	width: calc(100% - 80px);
}

.work-facility-content h3{
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.work-facility-content p{
	margin: 0;
}

/************************************/