.home-page-banner {
    /*background-image: url(../image/homepage-responsive.png);*/
    background-image: url(../image/home-page-hero-header.png);
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.home-hero-header h1{
	font-size: 70px;
	font-family: Geomanist-Medium;
	position: absolute;
	color: #FFFFFF;
	top: 40%;
	z-index: -1; 
}
.brand-color{
	color: #00B46A;
}
.know-about{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.ablout-content{
	width: 50%;
	padding-left: 14%;
}
.about-us-image{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.we-are-the-leading-p {
	color: #212121;
	font-family: Geomanist;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 53px;
}
.ablout-content-title{
	color: #212121;
	font-family: Geomanist-Book;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 53px;
}
.about-links{
	text-decoration: underline;
	font-family: Geomanist-Medium;
	cursor: pointer;
	color: #00B46A;
}
.our-unrelenting-dedi {
	color: #212121;
	font-family: Geomanist;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32px;
	padding-top: 20px;
}
.know-about{
	margin-top: -8px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#videoBG{
	position: relative;
	z-index:-1;
	width: 100%;
	min-height: auto;
	
}

.videoBG{
	position: relative;
	z-index:-1;
	width: 100%;
	min-height: auto;
	
}
.our-offerings{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 140px;
	
}
.our-offerings-title{
	color: #212121;
	font-family: Geomanist-Book;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 50px;
}
.our-offerings-p{
	color: #212121;
	font-family: Geomanist;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32px;
	width: 58%;
}
.our-offering-heading{
	color: #212121;
	font-family: Geomanist-Book;
	font-size: 48px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 58px;
	text-align: center;
	padding-top: 60px;
}
.our-offerings-items{
	width: 50%
}
.our-offerings-img{
	width: 50%;
	display: flex;
	justify-content: center;
}

/* Common using css for new theme */

.BrandUnrelenting{
	border-bottom: 3px solid #00B46A;;
}
.learnMore{
	padding-top: 35px;
}
.learnMore a{
	cursor: pointer;
	font-family: Geomanist-Medium;
	text-decoration: underline;
	color: #00B46A;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
}
.bgLighGreen{
	background-color: #F2FBF7;
	padding: 140px 0;
}
.flex-items{
	display: flex;
	align-items: center;
	justify-content: center;
}
.left-image-section, .right-content-section, .right-image-section, .left-content-section{
	width: 50%;
}
.right-content-title{
	color: #212121;
	font-family: Geomanist-Book;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 50px;
}
.right-content-section{
	display: flex;
	justify-content: flex-end;
}
.right-content-p{
	color: #212121;
	font-family: Geomanist;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32px;
}
.right-content-section-width{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: right;
}


.bgNo{
	padding: 140px 0;
}
.left-content-section{
	display: flex;
	justify-content: flex-start;
}
.right-content-p{
	color: #212121;
	font-family: Geomanist;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32px;
}
.left-content-section-width{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: left;
}


/* home page  CS bg */
.cs-home-bg{
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 95vh;
	display: flex;
	align-items: flex-end;
	
}
.cs-mtv-bg{
	background-image: url('../images/home-page/home-cs-MTV.webp');
}
.cs-mpl-bg{
	background-image: url('../images/home-page/home-cs-MPL.webp');
}
.cs-isl-bg{
	background-image: url('../images/home-page/isl-background.webp');
}
.cs-copa-bg{
	background-image: url('../images/home-page/copa-background.webp');
}
.cs-betspert-bg{
	background-image: url('../images/home-page/home-cs-betsperts.webp');
}
.cs-new-koora-bg{
	background-image: url('../images/home-page/home-cs-kooora.webp');
}
.cs-koora-bg{
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 90vh;
	display: flex;
	justify-content: space-between;
	align-items: ;
	flex-direction: column;
	background-image: url('../images/home-page/home-fx-bg.webp');
}
.cs-flex{
	display: flex;
}
.cs-right-content{
	width: 50%;
	display: flex;
	justify-content: flex-end;
}
.cs-left-content{
	width: 50%;
	display: flex;
	justify-content: flex-start;
}
.cs-right-content-section-width{
	width: 75%;
}
.cs-left-content-section-width{
	width: 75%;
}
.cs-title{
	color: #FFFFFF;
	font-family: Geomanist-Book;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 50px;
}
.cs-link{
	color: #00B46A;
	font-family: Geomanist-Medium;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
	text-decoration: underline;
}  
.cs-left-image, .cs-right-content{
	width: 50%;
}
.read-more-success-story{
	margin-top: 80px;
}
.appDownloads{
	display: flex;
}
.cs-tt{
	color: #212121;
	font-family: Geomanist-Book;
	font-size: 42px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 50px;
}
.cs-pra{
	color: #212121;
	font-family: Geomanist;
	font-size: 22px;
	letter-spacing: 0;
	line-height: 32px;
	padding-bottom: 30px;
}
.home-slider-content{
	width: 57%;
}
.loop{
	padding-top: 140px;
	/* z-index: -1 */
}

.loop .owl-nav{
	display: flex;
	position: absolute;
	bottom: 60px;
}

.loop .owl-nav .owl-next,
.loop .owl-nav .owl-prev{
	background-color: #E9E8E8;
	border-radius: 30px;
	display: flex;
    width: 50px;
    height: 50px;
	justify-content: center;
	align-items: center;
}

.loop .owl-next{
	margin-left: 20px;
}


.loop .owl-nav .owl-next.disabled,
.loop .owl-nav .owl-prev.disabled{
	background-color: #f4f4f4;
}

.loop .owl-nav .owl-next:not(.disabled),
.loop .owl-nav .owl-prev:not(.disabled){
	cursor: pointer;
}

.loop .owl-nav .owl-next.disabled>img,
.loop .owl-nav .owl-prev.disabled>img{
	opacity: 0.2;
}

.about-links-p{
	padding-top: 40px;
}
.d-flex{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.cs-link-p{
	padding-top: 30px;
}
@media (min-aspect-ratio:16:9){
	#videoBG{
		width:100%;
		height:auto;
	}
}
@media (max-aspect-ratio:16:9){
	#videoBG{
		width:auto;
		height:100%;
	}
}


@media (min-width: 1920px){
    .cs-home-bg, .cs-koora-bg{
        height: 900px;
    }
}


@media(max-width:1600px){
	#videoBG{
		position:relative;
		bottom:0;
		min-width:100%;
		min-height:auto;
	}
	.home-slider-content {
    	width: 80%;
	}
	
	.home-hero-header h1{
		font-size: 52px;
	}
	.ablout-content-title, .our-offerings-title, .right-content-title, .cs-tt, .cs-title{
		font-size: 34px;
		line-height: 47px;
	}
	.ablout-content {
	    width: 46%;
	    padding-left: 8%;
	}
	.our-offering-heading {
	    font-size: 40px;
	    padding-top: 30px;
	}
	.our-offerings-p {
	    font-size: 20px;
	    line-height: 31px;
	    width: 80%;
	}	
	.right-content-p, .cs-pra{
		font-size: 20px;
		line-height: 31px;
	}
	.learnMore {
		padding-top: 20px;
	}
	.learnMore a, .cs-link{
		font-size: 18px;
	}
	.our-offerings{
		padding-bottom: 60px;
	}
	.bgLighGreen, .bgNo{
		padding: 80px 0;
	}
}



@media(max-width:1599px){
	.loop .owl-nav {
	    bottom: 40px;
	}
}	
@media(max-width:1400px){
	.ablout-content{
		padding-left: 5%;
	}
	
}
@media(max-width:1200px){
	#videoBG{
		min-height: auto;
	}
	.home-slider-content {
		padding-bottom: 120px;
	}
	.ablout-content-title {
		font-size: 30px;
	
	}
		
}

@media(max-width:767px){
	.home-page-banner {
    	background-image: url(../image/homepage-responsive.png);
	}
	.home-hero-header h1 {
		font-size: 42px;
	}
	.our-offerings-items, .left-content-section {
    	width: 100%;
	}
	.our-offerings{
		padding-bottom: 30px;
	}
	.our-offerings-p{
		width: 100%;
	}
	.our-offering-heading{
		padding-top: 20px;
	}
	.learnMore {
    	padding-top: 15px;
	}
	.our-offerings-image{
		padding-top: 20px;
	}
	.cs-flex {
	    display: flex;
	    flex-direction: column;
	}
	.flex-reverse-column{
		flex-direction: column-reverse;	
	}
	.flex-column{
		flex-direction: column;	
	}
	.right-content-section, .left-image-section, .right-content-section-width{
		width: 100%;
	}
	.bgLighGreen {
	    padding: 40px 0;
	}	
	.right-content-section-width{
		padding-bottom:30px ;
	}
	.bgNo {
    	padding: 40px 0;
	}
	.loop {
    	padding-top: 40px;
	}
	.home-slider-content, .cs-left-content, .cs-left-image, .cs-left-content-section-width, .cs-right-content-section-width, .cs-right-content, .about-us-image{
		width: 100%;
	}
	.our-offerings{
		flex-direction: column;		
	}
	.know-about{
		flex-direction: column;
	}
	.ablout-content{
		padding-left: 15px;
		padding-right: 15px;	
		width: 100%;
	}
	.ablout-content-title{
		font-size: 30px;
		line-height: 43px;
	}
	.our-offerings-p, .our-unrelenting-dedi, .right-content-p, .cs-pra{
		font-size: 20px;
	}
	.our-offerings-title, .right-content-title, .cs-tt, .cs-title{
		font-size: 30px;
		line-height: 43px;
	}
	.learnMore a, .cs-link {
    	font-size: 16px;
	}
	.cs-home-bg, .cs-koora-bg{
		height: auto;
	}
	.cs-right-content-section-width, .cs-left-content-section-width{
		padding-top: 60px;
	    padding-bottom: 60px;
	}
	.cs-link-p {
    	padding-top: 10px;
	}
	.logo-img{
		width: 40%;
	}
	.cs-pra{
		padding-bottom: 20px;
	}
	.cs-pra.mobile{
		padding-bottom: 38px;
	}
	.loop .owl-nav {
	    display: flex;
	    position: absolute;
	    bottom: 38%;
	}
	.mobile-manage{
		padding-bottom: 100px;
	}
	.home-slider-content {
		padding-bottom: 0;
	}
	.about-us-image {
		margin-top: 80px;
	}
}