.section-tp{
	background-color: #0D1117;
}
.match_day_tech{
	padding-top: 50px;
	padding-bottom: 70px;
}
.match_day_title{
	color: rgba(255, 255, 255, 1);
	font-family: 'Barlow-ExtraBold';
	font-size: 75px;
	letter-spacing: -1.5px;
	text-align: center;
	line-height: 70px;
	text-transform: uppercase;
}
.match_day_des{
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Regular;
	font-size: 26px;
	letter-spacing: -0.5px;
	line-height: 35px;
	padding-top: 20px;
	padding-bottom: 45px;
}
.bookDemo{
	width: 250px;
	height: 56px;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.12);
	border-radius: 15px;
	background-color: rgba(32, 91, 232, 1);
	width: 250px;
	height: 56px;
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Bold;
	font-size: 16px;
	line-height: 27px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bookDemo:hover{
	background-color: rgba(57, 109, 232, 1);
	transition: all .3s ease;
}
.btn-p{
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-p:hover{
	cursor: pointer;
}
.match_day_big_img{
	background-image: url('../images/match_day_big_img.webp');
	height: 1000px;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -2px;
}
.from_passive{
	background-image: url('../images/From-Passive-bg.webp');
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 50px;
}
.from_item{
	flex: 1;
}
.from_passive_title{
	color: rgba(255, 255, 255, 1);
	font-family: "Barlow-Bold";
	font-size: 60px;
	letter-spacing: -1.38px;
}
.from_passive_des{
	color: rgba(255, 255, 255, 1);
	font-family: "Barlow-Regular";
	font-size: 24px;
	letter-spacing: -0.5px;
}
.turn_matchday{
	padding-top: 80px;
}
.turn_matchday_item{
	padding-top: 60px;
	padding-bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.turn_matchday_box{
	width: 48%;
	border-radius: 40px;
	background: linear-gradient(217deg, 
    rgba(153, 153, 153, 1) 0%, 
    rgba(40, 42, 46, 1) 64%, 
    rgba(36, 40, 46, 1) 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 0px 0px 40px;
}
.turn_matchday_box:hover{
	border: 2px solid gray;	
}
.turn_matchday_box_title{
	color: rgba(255, 255, 255, 1);
	font-family: 'Barlow-SemiBold';
	font-size: 28px;
	letter-spacing: -0.2px;
}
.turn_matchday_box_des{
	color: rgba(204, 204, 204, 1);
	font-family: Barlow-Regular;
	font-size: 20px;
	
}
.fits_right_section{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fits_right_item{
	flex: 1;
}
.fit_sml_title{
	color: rgba(255, 255, 255, 1);
	font-family: 'Barlow-SemiBold';
	font-size: 26px;
	letter-spacing: -0.2px;
}
.fit_sml_des{
	color: rgba(204, 204, 204, 1);
	font-family: Barlow-Regular;
	font-size: 20px;
}
.fit_right_listing{
	display: flex;
	gap: 35px;
	align-items: center;
	border-bottom: 1.5px solid rgba(56, 62, 71, 1);
	padding: 20px;
	margin-bottom: 20px;
}
.fit_right_listing:hover{
	background-color: rgba(36, 40, 46, 1);
	border-radius: 20px;
	cursor: pointer;
	border-bottom: none;
}
.fit_right_listing figure{
	width: 50px;
}
.fit_right li:last-child{
	margin-bottom: 0;
	border-bottom: unset;

}
.earth_bg{
	background-image: url('../images/earth-bg.webp');
	background-size: 75%;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 60px;
	padding-bottom: 100px;
}
.launce-section{
	padding-top: 100px;
}
.built_list_des{
	color: rgba(204, 204, 204, 1);
	font-family: Barlow-Regular;
	font-size: 20px;
	display: flex;
	gap: 11px;
}
.built_list_title{
	color: rgba(255, 255, 255, 1);
	font-family: 'Barlow-SemiBold';
	font-size: 28px;
	line-height: 41px;
}
.built_list figure{
	padding-bottom: 30px;
}
.built_item{
	display: flex;
	justify-content: space-between;
	gap: 30px;
	padding-top: 60px;
}
.built_list{
	flex: 1;
	background-color: rgba(36, 40, 46, 1);
	border-radius: 40px;
	padding: 40px;
}
.built_list:hover{
	border: 1px solid gray;
	cursor: pointer;
}
.lables{
	padding-top: 60px;
	display: flex;
	gap: 30px;
}
.label-item{
	flex: 1;
	border-radius: 40px;
	background-color: rgba(36, 40, 46, 1);
}
.label-item:hover{
	border: 1px solid gray;
	cursor: pointer;
}
.label-item-title{
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Bold;
	font-size: 36px;
}
.label-item-des{
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Regular;
	font-size: 22px;
}
.lanc_btn{
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.12);
	border-radius: 15px;
	background-color: rgba(32, 91, 232, 1);
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Bold;
	font-size: 16px;
	letter-spacing: -0.13px;
	text-align: center;
	line-height: 27px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}
.lanc_btn:hover{
	background-color: rgba(57, 109, 232, 1);
    transition: all .3s ease;
    color: #FFFFFF;
}
.label-item{
	padding: 80px 80px 80px 70px;
}
.built_list_div{
	padding: 50px 0;
}
.dont-letter{
	background-image: url('../images/dont-letter.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
	border-radius: 40px;
	padding: 85px;
	margin-top: 70px;
}
.our-game{
	background-image: url('../images/filte-bg.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;	
	padding-top: 100px;
	padding-bottom: 60px;
}
.schedule{
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.12);
	border-radius: 15px;
	background-color: rgba(255, 255, 255, 1);
	width: 205px;
	height: 56px;
	color: rgba(32, 91, 232, 1);
	font-family: Barlow-Bold;
	font-size: 16px;
	letter-spacing: -0.13px;
	text-align: center;
	line-height: 27px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}
.schedule:hover{
	border: 1px solid #FFFFFF;
	background-color: rgba(32, 91, 232, 1);
	color: white;
	transition: all .3s ease;
}
.ftr-gap{
	padding-top: 30px;
	padding-bottom: 70px;
}
.bule-btn{
	width: 170px;
	height: 44px;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	background-color: rgba(32, 91, 232, 1);	
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Bold;
	font-size: 14px;
	letter-spacing: -0.11px;
	line-height: 27px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bule-btn:hover{
	background-color: rgba(57, 109, 232, 1);
    transition: all .3s ease;
    color: #FFFFFF;
}
.tns-nav{
    width: auto;
    bottom: auto;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
    flex-flow: column;
}
.left-image-section{
	margin-right: 40px;
}
.caseStudyDarkSection{
	background-image: none;
	background: unset;
}
.caseStudyBg{
	background-color: rgba(52, 37, 87, 1);
	border-radius: 40px;
}
.case_study_title{
	color: rgba(255, 255, 255, 1);
	font-family: 'Barlow-SemiBold';
	font-size: 36px;
	letter-spacing: -0.86px;
	line-height: 48px;
}
.case_study_des{
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Regular;
	font-size: 20px;
	line-height: 31px;
}
.casestudybtns{
	margin-top: 40px;
}
.tiny-inner {
    display: flex;
    align-items: flex-end;
    height: 600px;
}
.blackCaseStudyLeft {
    width: 80%;
    padding-bottom: 70px;
    padding-left: 70px;
}
.built-for-section{
	margin-top: 450px;
}
.slide-item{
	background: linear-gradient(
    217deg,
    rgba(153, 153, 153, 1) 0%,
    rgba(40, 42, 46, 1) 64%,
    rgba(36, 40, 46, 1) 100%);
}
.page_match_title{
	color: rgba(255, 255, 255, 1);
	font-family: Barlow-Bold;
	font-size: 32px;
	letter-spacing: -0.67px;
	line-height: 35px;
}
.page_match_des{
	color: rgba(204, 204, 204, 1);
	font-family: Barlow-Regular;
	font-size: 20px;
}
.slide-item{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.slide-item-sec{
	padding-left: 70px;
	text-align: left;
}
/*.slide-item figure img{
	height: 300px;
}*/
.footer-txt{
	color: rgba(255, 255, 255, 1);
    font-family: Barlow-Regular;
    font-size: 16px;
    line-height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    height: 100px;
}
.schedule:hover{
	cursor: pointer;
}
.ppc-form-banner .btn-primary {
    background-color: rgba(32, 91, 232, 1);
}
.ppc-form-banner .btn-primary:hover {
    background-color: rgba(57, 109, 232, 1) !important;
    transition: all .3s ease;
    color: #FFFFFF;
}
#contact-submit:hover {
    background-color: rgba(57, 109, 232, 1) !important;
}
@media only screen and (max-width: 1600px)
{
	.match_day_big_img{
		height: 806px;
	}
	.match_day_title {
	    font-size: 58px;
	    line-height: 61px;
    }
    .from_passive_title {
	    font-size: 48px;
	}
	.from_passive_des {
	    font-size: 22px;
	}
	.turn_matchday {
    	padding-top: 60px;
	}
	.our-game{
		padding-top: 60px;
	}
	.earth_bg{
		padding-bottom: 60px;
	}
	.caseStudyDarkSection{
		padding-top: 30px;
	}
	.launce-section {
    	padding-top: 60px;
	}
	.turn_matchday_box > div{
		flex: 1;
	}
	.turn_matchday_box > figure{
		flex: 1;
	}
	.turn_matchday_box > figure >img{
		width: 100%;
	}
	.turn_matchday_box_des {
	    font-size: 18px;
	    line-height: 30px;
	}
	.turn_matchday_box{
		padding: 30px 0px 30px 40px;
	}
	.turn_matchday_item{
		padding-bottom: 0;
	}
	.built_list figure {
    	padding-bottom: 10px;
	}
	.built_list{
		padding: 30px;
		padding-right: 10px;
	}
	.label-item {
    	padding: 60px 60px 60px 60px;
	}
	.built_list_div {
    	padding: 30px 0;
	}
	.dont-letter{
		padding: 60px;
	}
	.ftr-gap {
	    padding-top: 20px;
	    padding-bottom: 50px;
	}
	.match_day_tech {
	    padding-top: 40px;
	    padding-bottom: 50px;
	}
	.blackCaseStudyLeft{
		width: 90%;
	}
}

@media only screen and (max-width: 1400px)
{
    
}
@media only screen and (max-width: 1200px)
{
    .caseStudyDarkSection .left-image-section{
    	width: 50%;
    }
}

@media only screen and (max-width: 1170px)
{
	.match_day_big_img {
        height: 470px;
    }
}

@media only screen and (max-width: 768px)
{
	.turn_matchday_box{
		width: 100%;
	}
	.built_item{
		flex-direction: column;
	}
	.lables{
		flex-direction: column;
	}
	.from_passive{
		flex-direction: column-reverse;
	}
	.fits_right_section{
		flex-direction: column;
	}
	.built-for-section {
    	margin-top: 330px;
	}
	.slide-item{
		flex-direction: column;
	}
	.slide-item-sec {
	    padding-left: 30px;
	    padding-top: 30px;
	    padding-right: 10px;
	}
	.fit_right{
		padding-top: 30px;
	}
	.from_item.mobile {
	    padding: 30px;
	}
	.from_passive{
		align-items: flex-start;
	}

}

@media only screen and (max-width: 767px)
{
	.turn_matchday_box{
		flex-direction: column;
		width: 100%;
		padding: 30px 30px 30px 30px;
		border-radius: 30px;
	}
	.from_passive{
		flex-direction: column-reverse;
	}
	.from_passive_title{
		font-size: 40px;
		
	}	
	.match_day_title{
		font-size: 48px;
		text-align: center;
		line-height: 50px;
	}	
	.container.mobiles{
		padding: 0 !important;
	}
	.from_passive{
		border-radius: 0;
	}
	.from_item.mobile{
		border-radius: 0;
		padding: 0 20px;
		padding-top: 40px;
	}
	.our-game {
        padding-top: 30px;
        padding-bottom: 0px;
    }
	.earth_bg {
        padding-top: 0;
    }
    .blackCaseStudyLeft{
    	width: 100%;
    	padding: 0;
    }
    .caseStudyDarkSection .left-image-section{
        width: 100%;
    }
    .left-image-section {
        margin-right: 0;
    }
    .label-item {
        padding: 30px;
    }
    .launce-section {
        padding-top: 30px;
    }
    .turn_matchday {
        padding-top: 30px;
    }
    .match_day_tech {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .match_day_des{
    	padding-bottom: 30px;
    }
    .caseStudyCarausel .item{
    	height: 730px;
    }
    .caseStudyDarkSection{
    	background-color: rgba(52, 37, 87, 1);
    	border-radius: 30px;
    	margin-top: 30px;
    }
    .bg-black{
    	background-color: rgba(52, 37, 87, 1);
    }
    .match_day_big_img{
    	background-image: url(../images/header-mobile-bg.webp);
	    height: 560px;
    }
    .slide-item {
        height: 530px;
    }
    .fit_right_listing {
		gap: 15px;
		margin-bottom: 20px;
		flex-direction: column;
        align-items: flex-start;
        padding-left: 0;
	}
	.earth_bg{
		background-image: url(../images/earth-bg-mobile.webp);
		background-size: contain;
	    background-position: 0 48%;
	    padding-bottom: 30px;
	}
	.dont-letter {
        padding: 30px;
        margin-top: 30px;
        background-image: url(../images/dont-letter-mobile.webp);
	    background-size: contain;
	    background-position: bottom;
	    background-repeat: no-repeat;
	    background-color: rgba(32, 91, 232, 1);
	    height: 970px;
    }
    .ftr-gap {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .fit_sml_title{
    	line-height: 34px;
    }
    .caseStudyCarausel .owl-dots {
        bottom: -40px;
    }

}