* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

}



/* common css */

ul,

ol {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



a {

  display: inline-block;

  text-decoration: none;

}



img,

video {

  max-width: 100%;

}



body {

	font-family: 'Impact';

}



.row {

  display: flex;

  flex-wrap: wrap;

  margin: 0 -12px;

}

.container, .container-fluid {

	padding: 0 12px;

	width: 90%;

	margin: 0 auto;

}



.row>* {

  padding: 0 12px;

  width: 100%;

}

.btn-common {

	background: #F44336;

	font-size: 50px;

	color: #fff;

	display: flex;

	align-items: center;

	padding: 15px;

	border-radius: 0;

	justify-content: center;

	font-family: 'BigNoodleTitling';

	position: relative;

}

.btn-common img {

	max-width: 35px;

	margin-right: 10px;

}

span {

	line-height: 1;

	display: inline-block;

}



/* landing css */

#landing .landing-box {

	background: url('../images/bannerBg.webp') no-repeat;

	background-position: center;

	background-size: cover;

	padding: 20px 10px 140px;

	min-height: 100vh;

	display: flex;

	align-items: center;

	max-width: 480px;

	margin: 0 auto;

	flex-direction: column;

	justify-content: space-around;

	text-align: center;

}

.text-box h3 {

	color: #fff;

	font-size: 27px;

	text-transform: uppercase;

	line-height: 0.8;

	font-weight: 600;

}

.text-box h1 {

	font-size: 65px;

	line-height: 1;

	margin: 30px 0 10px;

	font-weight: 400;

	text-shadow: 0 4px 4px #000;

	color: #EDD15F;

}

.since .line {

	height: 1px;

	background: #707070;

	flex: auto;

}

.since {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	margin-bottom: 10px;

}

.text-box h2 {

	color: #fff;

	font-size: 40px;

	line-height: 1;

	text-transform: uppercase;

	margin-bottom: 15px;

}

.text-box h3:not(:last-child) {

	margin-bottom: 20px;

}

.button-box {

	padding-top: 30px;

}

.logo-box img {

	max-width: 220px;

	width: 100%;

	margin-bottom: 20px;

}

#landing .row {

  align-items: center;

}

.img-box img {

	max-width: 100%;

	display: block;

	margin: 0 auto;

	width: 100%;

}

.img-box {

	margin: 0 -10px;

}

.end-text h2 {

	font-size: 70px;

	line-height: 1;

	background: linear-gradient(180deg, rgba(217,170,70,1) 0%, rgba(248,212,121,1) 100%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	font-weight: 400;

}

.end-text h3 {

	color: #fff;

	line-height: 1.2;

	font-size: 30px;

	font-weight: 400;

	text-transform: uppercase;

}

.end-text {

	display: inline-flex;

	justify-content: space-between;

	align-items: center;

	border: 1px solid #fff;

	margin: 0 auto;

	box-shadow: 0 0 3px 3px #C4983B;

	padding: 5px 15px;

	gap: 20px;

}

.disclaimer p {

	color: #fff;

	font-size: 14px;

	padding-top: 15px;

	font-family: "Teko", sans-serif;

}

.title-box {

	background: #fff;

	border-radius: 12px;

	padding-top: 3px;

	position: relative;

	max-width: 300px;

	margin: 0 auto;

}

.title-box h5 {

	color: #000;

	font-size: 22px;

	font-family: "Bebas Neue", sans-serif;

	font-weight: normal;

}

.title-box::before, .title-box::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #000;

}

.title-box::before {

	left: 20px;

}

.title-box::after {

	right: 20px;

}

.since h6 {

	color: #fff;

	font-family: "Poppins", sans-serif;

	font-size: 16px;

	font-weight: 600;

}

.text-box h4 {

	color: #fff;

	font-size: 32px;

	font-family: "Bebas Neue", sans-serif;

	font-weight: normal;

}

.button-box button {

	border: none;

	font-size: 12px;

	font-family: "Poppins", sans-serif;

	padding: 5px 20px;

	border-radius: 20px;

	font-weight: 600;

	color: #000;

}

.button-box button.yellow {

	background: #EDD15F;

}

.button-box button.white {

	background: #fff;

}

.button-box button:not(:last-child) {

	margin-right: 15px;

}

.box3 h2 {

	color: #fff;

	font-family: 'BigNoodleTitling';

	font-weight: normal;

	font-size: 70px;

}

.box3 h2 span {

	color: #EDD15F;

}

.button-box.end {

	position: fixed;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	max-width: 480px;

	width: 100%;

}

@media (max-width: 375px) {

	.logo-box img {

		max-width: 180px;

	}

	.btn-common {

		font-size: 45px;

		padding: 10PX;

	}

	.btn-common img {

		max-width: 30px;

	}

	.text-box h1 {

		font-size: 55px;

	}

	.end-text h2 {

		font-size: 55px;

	}

	.end-text h3 {

		font-size: 25px;

	}

	#landing .landing-box {

		padding: 20px 10px 100px;

	}

	.title-box {

		max-width: 260px;

	}

	.button-box button:not(:last-child) {

		margin-right: 5px;

	}

	.button-box button {

		font-size: 11px;

	}

	.box3 h2 {

		font-size: 60px;

	}

}