*{
	margin: 0;
	padding: 0;
}
.costomers-hero-headers{
	background-image: url('../images/customers-hero-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.costomers-content{
	width: 80%;
	margin: 0 auto;
}
.the-best-of-the-real {
	color: #FFFFFF;
	font-family: Geomanist-Medium;
	font-size: 56px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 60px;
	text-align: center;
	margin-bottom: 30px;
}
.indias-revered-bran {
	color: #FFFFFF;
	font-family: Geomanist;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 30px;
	text-align: center;
}
.cs-sections{
	background-image: url('../images/case-studies-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}

/* Case studies box*/
.cs-item {
	height: 440px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}
.cs-item.topm {
	margin-top: -190px;
}
.slider-boxes-bg {
    width: 65%;
    background-color: #FFFFFF;
    border-radius: 18px;
    background-image: url(../images/sl-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -2px;
    margin: 0 auto;
    position: relative;
    margin-top: -190px;
}
.slider-logos {
    display: flex;
    justify-content: flex-end;
    padding-top: 30px;
    padding-right: 30px;
}
.item-flex {
    display: flex;
}
.slide-img {
    width: 47%;
    padding-left: 30px;
}
.slide-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.slide-content-p {
    color: #212121;
    font-family: Geomanist;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 30px;
    padding-bottom: 10px;
    padding-top: 20px;
}
.launch{
	font-family: Geomanist-Book;
	font-size: 20px;
	float: right;
}
.launch:hover{
	text-decoration: none;
}
.Start-project {
	height: 48px;
	width: 210px;
	border-radius: 4px;
	background-color: #00B46A;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
	margin: 0 auto;
	display: flex;
	justify-content: center;align-items: center;
	margin-top: 80px;
	margin-bottom: 80px;
}
.subscribe-for-more:hover {
	text-decoration: none;color: #FFFFFF;
}
.subscribe-for-more {
	color: #FFFFFF;
	font-family: Geomanist-Medium;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 19px;
	text-align: center;
}
/* End of CS box*/

@media screen and (max-width:1600px) {
	.the-best-of-the-real {
	    font-size: 44px;
	    line-height: 51px;
    }
    .indias-revered-bran{
    	font-size: 20px;
    }
    .cs-item.topm {
    	margin-top: -140px;
	}
}
@media screen and (max-width:768px) {
	.slider-boxes-bg{
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	.the-best-of-the-real {
	    font-size: 34px;
	    line-height: 45px;
	}
	.flex-item-column {
	    display: flex;
	    flex-direction: column;
	    height: auto;
	    justify-content: space-between;
	    background-image: url(../images/mb-changes.png);
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: bottom;
	    padding-top: 20px;
	    margin-bottom: 30px;
	}
	.m-pdl-15 {
    	padding-left: 20px;
	}
	.slider-logos {
	    display: flex;
	    justify-content: flex-start;
	    padding-top: 10px;
	    padding-right: 20px;
	}
	.caseStudiesMobileSlider {
	    background-color: #FFFFFF;
	    border-radius: 18px;
	}
	.slide-content-p {
	    font-size: 18px;
	    line-height: 28px;
	    padding-top: 20px;
	    font-family: Geomanist;
	}
	.cs-mobile-img {
	    margin: 0 auto;
	    padding-top: 35px;
	}
	.launch{
		float: left;
	}
	.Start-project{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.costomers-content {
	    width: 100%;
	    margin: 0 auto;
	}
}