/*banner start*/
.banner-cont{
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gradient-overlay{
	background: url("../images/shadow.png") no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
}
.banner-cont img{
	width: 100%;
	height: auto;
	display: block;
}
.banner-cont .container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 11;
}
.banner-text{
	max-width: 193px;
	width: 100%;
}
.banner-text h1{
	font-size: 1.8rem;
	line-height: 2.2rem;
	color: #fff;
	margin-bottom: 14px;
	text-shadow: 0px 1px 2px #000;
	font-family: 'Poppins-ExtraBold';
	font-weight: 800;
}
.banner-text h1 span{
	color: #ff7e00;
}
.banner-text p{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #fff;
	margin-bottom: 8px;
	font-family: 'Sora-SemiBold';
	font-weight: 600;
	position: relative;
	padding-left: 8px;
	display: none;
}
.banner-text p:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 2px;
    height: 100%;
    background-color: #ff7e00;
}

@media only screen and (min-width:620px){
	/*banner start*/
	.banner-text{
		max-width: 276px;
	}
	.banner-text h1{
		font-size: 2.0rem;
		line-height: 2.4rem;
		margin-bottom: 8px;
	}
	.banner-text p{
		display: block;
		margin-bottom: 18px;
	}
	/*banner start*/
}

@media only screen and (min-width:768px){
	/*banner start*/
	.banner-text{
		max-width: 366px;
	}
	.banner-text h1{
		font-size: 3.0rem;
		line-height: 3.4rem;
		margin-bottom: 18px;
	}
	.banner-text p{
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 25px;
	}
	/*banner start*/
}
@media only screen and (min-width:921px){
	/*banner start*/
	.banner-text{
		
	}
	.banner-text h1{
		font-size: 3.4rem;
		line-height: 3.8rem;
	}
	.banner-btn{
		padding: 12px 16px;
	}
	/*banner start*/
}
@media only screen and (min-width:1025px){
	/*banner start*/
	.banner-text{
		max-width: 536px;
	}
	.banner-text h1{
		font-size: 5.0rem;
		line-height: 5.4rem;
	}
	.banner-text p{
		margin-bottom: 25px;
	}
	.banner-btn:hover{
		background-color: #92cd00;
	}
	.slider-btn{
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 20;
		width: 163px;
		padding: 17px 30px;
		background-color: rgb(26, 26, 26, 0.7);
		justify-content: space-between;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.banner-cont:hover .slider-btn{
		opacity: 1;
	}
	.slide-btn-previous{
		width: 22px;
		height: 22px;
		border-top: 4px solid #ff8800;
		border-right: 4px solid #ff8800;
		cursor: pointer;	
	}
	.slide-btn-previous{
		transform: rotate(-135deg);
	}
	.slide-btn-next{
		width: 22px;
		height: 22px;
		border-top: 4px solid #ff8800;
		border-right: 4px solid #ff8800;
		cursor: pointer;
	}
	.slide-btn-next{
		transform: rotate(45deg);
	}
	/*banner start*/
}
@media only screen and (min-width:1500px){
	/*banner start*/
	.banner-text{
		max-width: 686px;
	}
	.banner-text h1{
		font-size: 6.4rem;
		line-height: 6.8rem;
	}
	.banner-btn{
		padding: 15px 25px;
	}
	/*banner end*/
}
@media only screen and (min-width:1900px){
	/*banner start*/
	.banner-text{
		max-width: 970px;
	}
	.banner-text h1{
		font-size: 7.4rem;
		line-height: 7.8rem;
		margin-bottom: 30px;
	}
	.banner-text p{
		font-size: 2.0rem;
		line-height: 2.4rem;
		margin-bottom: 42px;
	}
	.banner-btn{
		padding: 16px 30px;
	}
	/*banner end*/
}