.casestudy-banner{
	position: relative;
	margin: 0 0 145px;
	background: url(../images/casestudy/banner-image.png) no-repeat;
	background-size: cover;
}
.casestudy-banner.list{
	background: url(../images/casestudy/banner-list.png) no-repeat;
	height: 417px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
}
.casestudy-banner .caption{
	margin: 0 auto;
	top: 0;
	color: #fff;
	padding-top: 90px;
}
.casestudy-banner.list .caption{padding-top: 0;}
.casestudy-banner .caption h1{
	font-size: 40px;
	line-height: 56px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: Poppins;
	margin: 0 0 80px;
}
.casestudy-banner .caption h1 .subtext{
	font-size: 22px;
	text-transform: uppercase;
}
.casestudy-block h2{
	color: #0D3E81;
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
}
.project-screen{
	border-radius: 17px;
	background: #FFF;
	box-shadow: 0px 4px 131px 0px rgba(0, 0, 0, 0.25);
	margin-bottom: -90px;
}
.casestudy-block{
	color: #232B56;
	font-family: Lato;
	font-size: 16px;
	line-height: 1.8; /* 181.25% */
}
.casestudy-block h3{
	color: #0D3E81;
	font-family: Poppins;
	font-size: 25px;
	line-height: 1.2;
	margin: 0 0 10px;
}
.casestudy-block .overview{
	padding:40px 0;
}
.casestudy-block .overview i{
	min-width:38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #1CA2E8;
	margin-right: 18px;
	border-radius: 50%;
}
.casestudy-block .overview .label{
	color: #0D3E81;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2; /* 200% */
	text-transform: capitalize;
}
.casestudy-block .overview .info{
	color: #1CA2E8;
	font-family: Poppins;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5;
	text-transform: capitalize;
}
.casestudy-block .block{overflow: visible;}
.casestudy-block .block .text{text-align: left;}
.objectives-boxes{
	padding:60px 0 90px;
}
.objectives-boxes .inner{
	background: #000;
	padding: 30px 25px 30px 25px;
	color: #fff;
	height: 100%;
	border-radius: 11px;
	position: relative;
	font-family: Lato;
	font-size: 16px;
	line-height: 1.3;
}
.objectives-boxes .col-12:nth-child(1) .inner {
	background: linear-gradient(127deg, #0D3E81 14.33%, #2C6DC7 121.89%);
	box-shadow: 0px 4px 53px 0px rgba(13, 62, 129, 0.40);
}
.objectives-boxes .col-12:nth-child(2) .inner {
	background: linear-gradient(131deg, #21C889 1.24%, #00AE6C 103.58%);
	box-shadow: 0px 4px 53px 0px rgba(15, 185, 121, 0.44);
	top:-50px;
}
.objectives-boxes .col-12:nth-child(3) .inner {
	background: linear-gradient(129deg, #EC484A 13.15%, #EC8348 109.25%);
	box-shadow: 0px 4px 53px 0px rgba(236, 95, 73, 0.43);
}
.objectives-boxes .inner h4{
	color: #FFF;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	text-transform: capitalize;
}
.objectives-boxes .inner i{
	font-size: 50px;
	display: block;
	margin: 0 0 20px;
}
.after_before{
	padding: 0 0 80px;
}
.after_before h3{
	color: #0D3E81;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 56px; /* 280% */
	text-transform: uppercase;
}
.after_before img{
	border-radius: 11px;
	border: 11px solid #FFF;
	background: #D9D9D9;
	box-shadow: 0px 4px 123px 0px rgba(0, 0, 0, 0.18);
}
.challenges-block{
	padding:60px 0 90px;
}
.challenges-block .inner{
	background: #000;
	padding: 40px 38px;
	color: #fff;
	height: 100%;
	border-radius: 11px;
	position: relative;
	font-family: Lato;
	font-size: 16px;
	line-height: 1.3;
}
.challenges-block .inner h3{
	color: #fff;
	font-family: Poppins;
	font-size: 25px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	text-transform: capitalize;
}
.challenges-block .inner i{
	font-size: 50px;
	display: block;
	margin: 0 0 20px;
}
.challenges-block .col-12:nth-child(1) .inner {
	background: linear-gradient(129deg, #EC484A 13.15%, #EC8348 109.25%);
	box-shadow: 0px 4px 53px 0px rgba(236, 95, 73, 0.43);
}
.challenges-block .col-12:nth-child(2) .inner {
	background: linear-gradient(131deg, #21C889 1.24%, #00AE6C 103.58%);
	box-shadow: 0px 4px 53px 0px rgba(15, 185, 121, 0.44);
}
.approach-block .inner{
	display: flex;
	color: #4E76AD;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
}
.approach-block .inner .count{
	color: #1CA2E8;
	text-align: center;
	font-family: Poppins;
	font-size: 137px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	margin-right: 30px;
	min-width: 90px;
}
.approach-block .inner h3{
	color: #0D3E81;
	font-family: Poppins;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	text-transform: capitalize;
	margin: 0 0 10px;
}
.result-block{
	background: url(../images/casestudy/bg-green.jpg);
	background-size: cover;
}
.result-block ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.result-block ul li{
	margin: 0 0 20px;
	color: #fff;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	position: relative;
	padding-left: 80px;
}
.result-block ul li:before{
	content:"\e95f";
	font-family: 'icomoon';
	font-size: 48px;
	line-height: 1;
	color: #fff;
	position: absolute;
	left: 0;
	top: 7px;
}
.result-block ul li p{margin: 0;}
.result-block ul li h3{
	color: #fff;
	font-family: Poppins;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.3; /* 254.545% */
	text-transform: capitalize;
}
.project-screens{
	margin: -40px -67px 0;
}
.conclustion-block .content{
	max-width: 930px;
	margin: 0 auto;
	color: #0D3E81;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
}
.first-section{
	background: url(../images/casestudy/bg14.jpg) no-repeat 50% 100%;
}
.both-sections{
	background: url(../images/casestudy/bg12.jpg) no-repeat 50% 100%;
}
.casestudy-list .image-holder{
	padding: 25px 17px;
	background: url(../images/casestudy/img-holder.png);
	background-size: cover;
}
.casestudy-list .inner{
	border-radius: 22px;
	background: #FFF;
	box-shadow: 0px 0px 52px 0px rgba(0, 0, 0, 0.12);
}
.casestudy-list .ratingbox{
	padding: 35px 25px;
	border-bottom: 1px solid #D9D9D9;
	text-transform: capitalize;
}
.casestudy-list .features{
	color: #0D3E81;
	font-family: Lato;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	text-transform: capitalize;
	display: block;
	margin: 0 0 10px;
}
.casestudy-list .ratingbox .d-flex{
	gap:10px;
}
.casestudy-list .infobox{
	padding: 30px 25px;
}
.casestudy-list .col-12{margin-bottom: 40px;}
.casestudy-list .infobox h2{
	color: #0D3E81;
	font-family: Poppins;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.4;
	text-transform: capitalize;
	margin: 0 0 20px;
}
.casestudy-list .infobox .btn{
	border-radius: 4px;
	background: #1CA2E8;
	border: 1px solid #1CA2E8;
	padding: 9px 35px;
	line-height:30px;
	color: #FFF;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize;
}
@media screen and (max-width:1199px){
	.casestudy-block .block{
		padding: 40px 20px;
	}
	.project-screen{
		margin: 0 40px -70px;
	}
	.casestudy-banner .caption h1{
		margin: 0 0 30px;
	}
	.casestudy-banner{
		margin: 0 0 60px;
	}
	.objectives-boxes .inner{
		padding: 15px;
	}
	.objectives-boxes .inner h4{
		font-size: 14px;
		margin: 0 0 10px;
	}
	.after_before{padding-bottom: 20px;}
	.approach-block .inner .count{
		font-size: 90px;
	}
	.casestudy-block h2 {
		font-size: 30px;
	}
}
@media screen and (max-width:767px){
	.challenges-block .inner i{text-align: center;}
	.challenges-block .inner{margin: 0 0 20px;height: calc(100% - 20px);}
	.objectives-boxes .col-12{margin: 0 0 20px;}
	.objectives-boxes .col-12:nth-child(2) .inner{
		top: 0;
	}
}
@media screen and (max-width:639px){
	.approach-block .inner{
		flex-direction: column;
		text-align: center;
	}
	.casestudy-block .block .text, .casestudy-block{
		text-align: center;
	}
	.result-block ul{text-align: left;}
}