@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Paytone+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@900&display=swap');


.banner-item .banner-caption {
    width: 100%;
    height: auto;
    font-family: 'Paytone One', sans-serif;
}



.videobg {
    width: 100%;
    height: 100%;
}

.videobg2 {
    width: 100%;
    height: 300px;
}

.videocover {
    width: 100%;
    height: 100%;
}

.videocover2 {
    width: 100%;
    height: 300px;
}

.font-banner {
    font-size: 25px;
    font-weight: bold;
    line-height: normal;
    margin: 0 auto;
	font-family: 'Paytone One', sans-serif;
}


.space-banner {
    padding: 600px 0;
}


.example_c {
color: #f8b422 !important;
text-transform: uppercase;
text-decoration: none;
background: none;
padding: 10px 20px;
border: 4px solid #f8b422 !important;
display: inline-block;
transition: all 0.4s ease 0s;
margin-top:3%;
}


.example_c:hover {
color: #ffffff !important;
background: #333;
border-color: #333 !important;
transition: all 0.4s ease 0s;
}


.example_c2 {
color: #f8b422 !important;
text-transform: uppercase;
text-decoration: none;
background: rgba(0, 0, 0, 0.50);
padding: 12px 22px;
border: 4px solid #f8b422 !important;
display: inline-block;
transition: all 0.4s ease 0s;
font-size:20px;
	margin-top:3%;
}


.example_c2:hover {
color: #ffffff !important;
background: #333;
border-color: #333 !important;
transition: all 0.4s ease 0s;
}




.example_c222 {
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
background: #f6b93b;
padding: 10px 20px;
border: 4px solid #f6b93b !important;
display: inline-block;
transition: all 0.4s ease 0s;
	
}


.example_c222:hover {
color: #ffffff !important;
background: #333;
border-color: #333 !important;
transition: all 0.4s ease 0s;
}