/*************************
*******Header******
**************************/

/*************************
*******Content******
**************************/
.content{
	padding: 124px 0 189px;
}
.card{
	background: rgba(7,10,26,.79);
	border-radius: 6px;
	padding: 20px 38px;
}
.card p, .card li{
	margin: 0;
	font-size: 28px;
	color: #ccc;
	line-height: 47px;
}
.size-lg{
	padding: 43px 92px 45px;
}
.title img{
	width: 66px;
	height: 66px;
}
.title h1{
	color: #cc9933;
	font-size: 36px;
	font-weight: 700;
	line-height: 1;
	margin: 26px 0 40px;
}
.card h2{
	color: #cc9933;
	font-size: 32px;
	font-weight: 700;
}
.underline{
	text-decoration: underline;
}
.mt-1{
	margin-top: 172px;
}
.mt-2{
	margin-top: 40px;
}
@media (min-width: 768px) {
	/*************************
	*******Content******
	**************************/
	.banner{
		background-image: url(../images/banner_4.jpg);
		background-size: cover;
		background-position: top center;
		width: 100%;
	}
}
@media (min-width: 1200px) and (max-width: 1680px) {
    /*************************
    *******Content******
    **************************/
  
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*************************
    *******Content******
    **************************/
	.content{
		padding: 84px 0 150px;
	}
	.card p, .card li{
		font-size: 20px;
	}
	.size-lg{
		padding: 33px 62px 35px;
	}
	.title img{
		width: 44px;
		height: 44px;
	}
	.title h1{
		font-size: 28px;
	}
	.card h2{
		font-size: 24px;
	}
	.mt-1{
		margin-top: 132px;
	}
	.mt-2{
		margin-top: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
    /*************************
    *******Content******
    **************************/
	.content{
		padding: 84px 0 150px;
	}
	.card p, .card li{
		font-size: 20px;
	}
	.size-lg{
		padding: 33px 62px 35px;
	}
	.title img{
		width: 44px;
		height: 44px;
	}
	.title h1{
		font-size: 28px;
	}
	.card h2{
		font-size: 24px;
	}
	.mt-1{
		margin-top: 132px;
	}
	.mt-2{
		margin-top: 20px;
	}
}
@media (max-width: 767px) {
	.body{
		background-image: url(../images/m_banner_4.webp);
		background-size: cover;
		background-position: top center;
		width: 100%;
	}
	/*************************
	*******Content******
	**************************/
	.content{
		padding: 55px 0 50px;
	}
	.card{
		background: transparent;
		padding: 20px 38px;
	}
	.card p, .card li{
		font-size: 12px;
		line-height: 18px;
	}
	.size-lg{
		background: rgba(7,10,26,.79);
		padding: 26px 24px 27px;
	}
	.title img{
		width: 33px;
		height: 33px;
	}
	.title h1{
		font-size: 18px;
		margin: 10px 0 20px;
	}
	.card h2{
		font-size: 14px;
		margin-top: 0;
	}
	.mt-1{
		margin-top: 46px;
	}
	.mt-2{
		/* margin-top: 20px; */
		margin-top: 0;
	}
	/*************************
	*******Footer******
	**************************/
}
