@font-face {
	font-family: NotoSansThaiRegular;
	src: url(../assets/fonts/Noto_Sans/NotoSansThaiRegular.eot);
	src: url(../assets/fonts/Noto_Sans/NotoSansThaiRegular.eot) format("embedded-opentype"), url(../assets/fonts/Noto_Sans/NotoSansThaiRegular.woff2) format("woff2"), url(../assets/fonts/Noto_Sans/NotoSansThaiRegular.woff) format("woff"), url(../assets/fonts/Noto_Sans/NotoSansThaiRegular.ttf) format("truetype"), url(../assets/fonts/Noto_Sans/NotoSansThaiRegular.svg#NotoSansThaiRegular) format("svg")
}

@font-face {
	font-family: SukhumvitSet;
	src: url(../assets/fonts/Sukhumvit/SukhumvitSet.eot);
	src: url(../assets/fonts/Sukhumvit/SukhumvitSet.eot) format("embedded-opentype"), url(../assets/fonts/Sukhumvit/SukhumvitSet.woff2) format("woff2"), url(../assets/fonts/Sukhumvit/SukhumvitSet.woff) format("woff"), url(../assets/fonts/Sukhumvit/SukhumvitSet.ttf) format("truetype"), url(../assets/fonts/Sukhumvit/SukhumvitSet.svg#SukhumvitSet) format("svg")
}

@font-face {
	font-family: Roboto;
	src: url(../assets/fonts/Roboto/Roboto-Regular.woff2) format("woff2"), url(../assets/fonts/Roboto/Roboto-Regular.woff) format("woff")
}

body,
html {
	font-family: NotoSansThaiRegular
}

header {
	background: #fff
}

.logo-describ {
	display: flex;
	flex-direction: column;
	margin-left: 1vw
}

@media (max-width:480px) {
	.logo-describ {
		display: none
	}
}

.logo-describ a {
	color: #8b661a;
	text-decoration: none
}

@media (max-width:992px) and (min-width:480px) {
	.container-fluid {
		position: relative
	}
}

.logo-img {
	border-radius: 30px;
	height: 50px;
	margin-top: 0;
	width: 50px
}

.fw-bold {
	-webkit-text-stroke: .5px
}

.sep-btn {
	align-items: center;
	background-color: #fff;
	border-style: none;
	color: #8b661a;
	display: flex;
	justify-content: center;
	position: relative
}

.sep-btn img {
	height: auto;
	left: -20px;
	position: absolute;
	width: 20px
}

@media (min-width:992px) {
	.sep-btn img {
		height: auto;
		left: -1.5vw;
		width: 1.5vw
	}

	.sep-btn {
		position: absolute;
		right: 2%
	}
}

.bg-body-tertiary {
	background-color: none;
	--bs-bg-opacity: 0
}

.navbar-toggler {
	border-style: none
}

@media (max-width:992px) {
	.navbar-toggler {
		margin-left: auto
	}
}

@media (min-width:992px) {
	.navbar-nav {
		gap: 1vw;
		position: absolute;
		right: 15%
	}
}

#navbarSupportedContent a {
	color: #8b661a
}

@media (max-width:991.5px) {
	#navbarSupportedContent {
		left: 45%;
		padding-top: 1px;
		position: relative
	}
}

@media (min-width:992px) {
	.p-3 {
		padding: 1rem 2rem !important
	}
}

body {
	background: url(../assets/images/bg-img.png) repeat;
	position: relative;
	z-index: 1
}

body:after {
	background: url(../assets/images/Decoration.png) no-repeat;
	background-position: bottom;
	background-size: 100%;
	bottom: 0;
	content: "";
	display: block;
	height: 400px;
	position: absolute;
	width: 100%;
	z-index: 0
}

.box-container {
	padding-bottom: 80px;
	position: relative;
	z-index: 1
}

#upper-box {
	padding-top: 20vh
}

@media (max-width:992px) {
	#upper-box {
		padding-top: 5vh
	}
}

.card {
	border-radius: 40px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .01);
	padding: 10px;
	--bs-card-border-color: none;
	height: auto;
	margin-top: 3vh;
	min-height: 300px
}

@media (max-width:992px) and (min-width:768px) {
	.card {
		min-height: 35vh
	}
}

.txt-1 {
	color: #535353;
	font-size: 1.5vw
}

@media (max-width:992px) and (min-width:768px) {
	.txt-1 {
		font-size: 30px
	}
}

@media (max-width:768px) and (min-width:480px) {
	.txt-1 {
		font-size: 25px
	}
}

@media (max-width:480px) {
	.txt-1 {
		font-size: 17px
	}
}

.txt-2 {
	color: #167265;
	font-size: 5.24vw;
	-webkit-text-stroke: .3px;
	line-height: 1.2
}

@media (max-width:992px) and (min-width:768px) {
	.txt-2 {
		font-size: 45px
	}
}

@media (max-width:768px) and (min-width:480px) {
	.txt-2 {
		font-size: 40px;
		margin-bottom: 20px
	}
}

@media (max-width:480px) {
	.txt-2 {
		font-size: 25px;
		margin-bottom: 20px
	}
}

.card-body {
	text-align: center
}

.card-body img {
	height: 60px;
	width: 60px
}

.card-body h5 {
	font-weight: 700;
	margin-top: 30px
}

.card-text {
	color: #8d8d8d;
	padding: 0 15px
}

.card-title {
	color: #535353;
	-webkit-text-stroke: .01px
}

.card a {
	text-decoration: none
}

/*# sourceMappingURL=main.css.map */