html {
	font-size: 2.7777777778vw;
}
@media (min-width: 969px) {
	html {
		font-size: 0.5208333333vw;
	}
}
@media (min-width: 1920px) {
	html {
		font-size: 62.5%;
	}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	scroll-padding-top: 8rem;
	scroll-behavior: smooth;
}

body {
	font-family: "BeVietnam", Arial, Helvetica, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.6;
	color: #222222;
}

img {
	width: 100%;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

a,
button {
	text-decoration: none;
	color: #0066c5;
}
a:hover,
button:hover {
	opacity: 0.7;
	text-decoration: none;
}

input:focus,
select:focus,
button:focus {
	outline: none;
}

ul {
	list-style: none;
}

b,
strong {
	font-weight: 700 !important;
}

@font-face {
	font-family: "BeVietnam";
	src: url("../fonts/BeVietnam-Thin.ttf") format("truetype");
	font-style: normal;
	font-weight: 100;
	font-display: swap;
}
@font-face {
	font-family: "BeVietnam";
	src: url("../fonts/BeVietnam-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "BeVietnam";
	src: url("../fonts/BeVietnam-SemiBold.ttf") format("truetype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: "BeVietnam";
	src: url("../fonts/BeVietnam-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "CormorantGaramond";
	src: url("../fonts/CormorantGaramond-VariableFont_wght.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "Oswald";
	src: url("../fonts/Oswald-VariableFont_wght.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: "Canela";
	src: url("../fonts/Canela-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

/** font family **/
.font-bevietnam {
	font-family: "BeVietnam", Arial, Helvetica, sans-serif;
}
.font-CormorantGaramond {
	font-family: "CormorantGaramond", Arial, Helvetica, sans-serif;
}
.font-Oswald {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
}
.font-Calena {
	font-family: "Canela", Arial, Helvetica, sans-serif;
}

.bg-gradient-1 {
	background: linear-gradient(90deg, rgba(148, 100, 30, 1) 0%, rgba(255, 242, 219, 1) 31%, rgba(236, 216, 163, 1) 54%, rgba(234, 200, 133, 1) 72%, rgba(160, 116, 51, 1) 100%);
}

.bg-gradient-2 {
	background: linear-gradient(90deg, rgba(148, 100, 30, 1) 0%, rgba(253, 199, 103, 1) 50%, rgba(180, 148, 67, 1) 72%, rgba(160, 116, 51, 1) 100%);
}

.text-gradient-1 {
	background: linear-gradient(90deg, rgba(255, 231, 183, 1) 2%, rgba(216, 169, 76, 1) 29%, rgba(255, 224, 163, 1) 56%, rgba(201, 154, 61, 1) 81%, rgba(255, 229, 179, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

::-webkit-scrollbar {
	width: 0;
}

.banner-list-text::after {
	content: "";
	background: url("../images/line-1.png");
	background-size: cover;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 0.1rem;
	display: block;
}
.banner-list-text:last-child::after {
	content: unset;
}

.yeuto {
	position: relative;
}
.yeuto::after {
	content: "";
	background: url("../images/line-145.png");
	background-size: cover;
	position: absolute;
	right: -2.25rem;
	top: 0;
	height: 100%;
	width: 0.1rem;
	display: block;
}
@media (max-width: 767px) {
	:root {
		--giaiphap-header-height: 7.6rem;
		--giaiphap-vh: 100svh;
	}

	html.is-giaiphap-mobile-fullpage-html,
	html.is-giaiphap-mobile-fullpage-html body {
		height: 100%;
		overflow: hidden;
		position: fixed;
		inset: 0;
		width: 100%;
	}

	body.is-giaiphap-mobile-fullpage #header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		z-index: 9999;
		background: transparent !important;
		box-shadow: none !important;
	}

	body.is-giaiphap-mobile-fullpage #header.is-sticky {
		background: transparent !important;
		box-shadow: none !important;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-viewport {
		position: fixed;
		inset: 0;
		height: var(--giaiphap-vh);
		overflow: hidden !important;
		background: #fff;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track {
		height: var(--giaiphap-vh);
		transform: translate3d(0, 0, 0);
		transition: transform 650ms cubic-bezier(0.77, 0, 0.175, 1);
		will-change: transform;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track.is-dragging {
		transition: none;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track > section,
	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track > #footer {
		box-sizing: border-box;
		height: var(--giaiphap-vh) !important;
		min-height: var(--giaiphap-vh) !important;
		max-height: var(--giaiphap-vh);
		overflow-x: hidden;
		overflow-y: auto;
		/* padding-top: calc(var(--giaiphap-header-height)) !important; */
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
		scrollbar-width: none;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track .form-step {
		display: none !important;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track .form-step.active {
		display: block !important;
	}

	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track > section::-webkit-scrollbar,
	body.is-giaiphap-mobile-fullpage .giaiphap-fullpage-track > #footer::-webkit-scrollbar {
		display: none;
	}
	.banner-list-text::after {
		content: unset;
	}
}