@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:wght@100;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');

/*02.10.2023*/
:root{
	--c-black: #333333;
	--c-white:	#FFFFFF;
	--c-purple:	#4B49AC;
	--c-blue: #0C2B4B;
	--c-red: #e94609;
	--c-light: #F8F9FD;
	--c-gray: #666464;

/*Color
________________________________*/
--c-primary:#06999c;
--c-secondary:#f8b500;
--c-tertiary:#666464;


/*Font Size
________________________________*/
--font-h2: 3.5rem;
--font-h3: 2rem;
--font-h4: 1.4rem;
--font-h5: 1.1rem;
--font-h6: 0.8rem;
--font-p: 1rem;

/*Font Weight
________________________________*/
--font-weight-primary: 400;
--font-weight-secondary: 400;
--font-weight-tertiary: 500;

/*Border
________________________________*/
--border-radius: 25px;
}

.c-primary{
	color: var(--c-primary);
}
.c-secondary{
	color: var(--c-secondary);
}
.c-tertiary{
	color: var(--c-tertiary);
}
.c-gray{
	color: var(--c-gray);
}
.c-bg-primary, .btn-primary {
	background-color: var(--c-red);
	border: 0px solid;
}

.c-bg-primary:hover, .btn-primary:hover {
	color: var(--c-white);
	background: var(--c-secondary);
	border: 0px solid var(--c-primary);
}

.c-bg-secondary, .btn-secondary{
	background-color: var(--c-secondary);
}

/*Btn
________________________________*/
.btn {
	display: inline-block;
	font-weight: var(--font-weight-secondary);
	line-height: 1.5;
	color: var(--c-white);
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	padding: 0.5rem 1.75rem;
	font-size: 1rem;
	border-radius: 10px;
	transition: .5s!important;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
	color: var(--c-white);
	background-color: var(--c-tertiary);
	border-color: var(--c-tertiary);
}

.btn-outline-primary {
	color: var(--c-white);
	border-color: var(--c-primary);
}

.btn-outline-primary:hover{
	color: var(--c-white);
	background-color: var(--c-primary);
	border-color: var(--c-primary);
}

.btn-top{
	background-color: var(--c-primary);
	border: 2px solid var(--c-white);
}

.btn-top:hover{
	color: var(--c-white);
	background-color: var(--c-tertiary);
}

.btn-square {
	width: 38px;
	height: 38px;
}

.btn-lg-square {
	width: 48px;
	height: 48px;
}

/*border-radius*/
.border-radius{
	border-radius: var(--border-radius);
}

body {
	margin: 0;
	font-family: 'Prompt', sans-serif;
	font-size: var(--font-p);
	font-weight: var(--font-weight-primary);
	line-height: var(--bs-body-line-height);
	color: var(--c-back);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  	font-weight: var(--font-weight-primary);
}*/

b, strong {
	font-weight: bold;
}

h2, .h2{
	font-size: var(--font-h2);
}


h3, .h3{
	font-size: var(--font-h3);
}

h4, .h4{
	font-size: var(--font-h4);
}

h5, .h5{
	font-size: var(--font-h5);
	line-height: 1.7rem;
}

h6, .h6{
	font-size: var(--font-h6);
}

p{
	font-size: var(--font-p);
	margin-bottom: 15px;
}

a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	text-decoration: none;
}

@media (max-width: 991.98px) {

	h3, .h3{
		font-size: 1.8rem;
	}

}


.section{
	padding-top: 80px;
	padding-bottom: 80px;
}

@media (max-width: 991.98px)  {
	.section{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.g-5, .gy-5 {
		--bs-gutter-y: 0rem;
	}
	.g-5, .gx-5 {
		--bs-gutter-x: 0rem;
	}
}

.material-symbols-outlined {
	font-variation-settings:
	'FILL' 0,
	'wght' 400,
	'GRAD' 0,
	'opsz' 24
}