:root {
	--sidebar-width: 235px;
	--sidebarmini-width: 80px;
	--sidebar-top: 135px;
	--bs-body-font-size: 18px;
}

@font-face {
	font-family: 'SukhumvitTadmai';
	font-weight: 400;
	src: url("fonts/05_SukhumvitTadmai_Med.otf") format("opentype");
}

@font-face {
	font-family: 'SukhumvitTadmai';
	font-weight: 700;
	src: url("fonts/02_SukhumvitTadmai_ExBol.otf") format("opentype");
}

.pointer {
	cursor: pointer !important;
}


/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #888;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #dcdcdc;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #ffffff;
}

@media (min-width: 1920px) {
	.col-xxxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-xxxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-xxxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.d-xxxl-none {
		display: none !important;
	}

	.d-xxxl-inline {
		display: inline !important;
	}

	.d-xxxl-flex {
		display: flex !important;
	}

	.m-xxxl-0 {
		margin: 0 !important;
	}

	.mt-xxxl-0,
	.my-xxxl-0 {
		margin-top: 0 !important;
	}

	.mr-xxxl-0,
	.mx-xxxl-0 {
		margin-right: 0 !important;
	}

	.mb-xxxl-0,
	.my-xxxl-0 {
		margin-bottom: 0 !important;
	}

	.ml-xxxl-0,
	.mx-xxxl-0 {
		margin-left: 0 !important;
	}

	.m-xxxl-1 {
		margin: 0.25rem !important;
	}

	.mt-xxxl-1,
	.my-xxxl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xxxl-1,
	.mx-xxxl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xxxl-1,
	.my-xxxl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xxxl-1,
	.mx-xxxl-1 {
		margin-left: 0.25rem !important;
	}

	.m-xxxl-2 {
		margin: 0.5rem !important;
	}

	.mt-xxxl-2,
	.my-xxxl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xxxl-2,
	.mx-xxxl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xxxl-2,
	.my-xxxl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xxxl-2,
	.mx-xxxl-2 {
		margin-left: 0.5rem !important;
	}

	.m-xxxl-3 {
		margin: 1rem !important;
	}

	.mt-xxxl-3,
	.my-xxxl-3 {
		margin-top: 1rem !important;
	}

	.mr-xxxl-3,
	.mx-xxxl-3 {
		margin-right: 1rem !important;
	}

	.mb-xxxl-3,
	.my-xxxl-3 {
		margin-bottom: 1rem !important;
	}

	.ml-xxxl-3,
	.mx-xxxl-3 {
		margin-left: 1rem !important;
	}

	.m-xxxl-4 {
		margin: 1.5rem !important;
	}

	.mt-xxxl-4,
	.my-xxxl-4 {
		margin-top: 1.5rem !important;
	}

	.mr-xxxl-4,
	.mx-xxxl-4 {
		margin-right: 1.5rem !important;
	}

	.mb-xxxl-4,
	.my-xxxl-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-xxxl-4,
	.mx-xxxl-4 {
		margin-left: 1.5rem !important;
	}

	.m-xxxl-5 {
		margin: 3rem !important;
	}

	.mt-xxxl-5,
	.my-xxxl-5 {
		margin-top: 3rem !important;
	}

	.mr-xxxl-5,
	.mx-xxxl-5 {
		margin-right: 3rem !important;
	}

	.mb-xxxl-5,
	.my-xxxl-5 {
		margin-bottom: 3rem !important;
	}

	.ml-xxxl-5,
	.mx-xxxl-5 {
		margin-left: 3rem !important;
	}

	.p-xxxl-0 {
		padding: 0 !important;
	}

	.pt-xxxl-0,
	.py-xxxl-0 {
		padding-top: 0 !important;
	}

	.pr-xxxl-0,
	.px-xxxl-0 {
		padding-right: 0 !important;
	}

	.pb-xxxl-0,
	.py-xxxl-0 {
		padding-bottom: 0 !important;
	}

	.pl-xxxl-0,
	.px-xxxl-0 {
		padding-left: 0 !important;
	}

	.p-xxxl-1 {
		padding: 0.25rem !important;
	}

	.pt-xxxl-1,
	.py-xxxl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xxxl-1,
	.px-xxxl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xxxl-1,
	.py-xxxl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xxxl-1,
	.px-xxxl-1 {
		padding-left: 0.25rem !important;
	}

	.p-xxxl-2 {
		padding: 0.5rem !important;
	}

	.pt-xxxl-2,
	.py-xxxl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xxxl-2,
	.px-xxxl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xxxl-2,
	.py-xxxl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xxxl-2,
	.px-xxxl-2 {
		padding-left: 0.5rem !important;
	}

	.p-xxxl-3 {
		padding: 1rem !important;
	}

	.pt-xxxl-3,
	.py-xxxl-3 {
		padding-top: 1rem !important;
	}

	.pr-xxxl-3,
	.px-xxxl-3 {
		padding-right: 1rem !important;
	}

	.pb-xxxl-3,
	.py-xxxl-3 {
		padding-bottom: 1rem !important;
	}

	.pl-xxxl-3,
	.px-xxxl-3 {
		padding-left: 1rem !important;
	}

	.p-xxxl-4 {
		padding: 1.5rem !important;
	}

	.pt-xxxl-4,
	.py-xxxl-4 {
		padding-top: 1.5rem !important;
	}

	.pr-xxxl-4,
	.px-xxxl-4 {
		padding-right: 1.5rem !important;
	}

	.pb-xxxl-4,
	.py-xxxl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-xxxl-4,
	.px-xxxl-4 {
		padding-left: 1.5rem !important;
	}

	.p-xxxl-5 {
		padding: 3rem !important;
	}

	.pt-xxxl-5,
	.py-xxxl-5 {
		padding-top: 3rem !important;
	}

	.pr-xxxl-5,
	.px-xxxl-5 {
		padding-right: 3rem !important;
	}

	.pb-xxxl-5,
	.py-xxxl-5 {
		padding-bottom: 3rem !important;
	}

	.pl-xxxl-5,
	.px-xxxl-5 {
		padding-left: 3rem !important;
	}

	.ps-xxxl-0 {
		padding-left: 0 !important;
	}

	.ps-xxxl-1 {
		padding-left: 0.25rem !important;
	}

	.ps-xxxl-2 {
		padding-left: 0.5rem !important;
	}

	.ps-xxxl-3 {
		padding-left: 1rem !important;
	}

	.ps-xxxl-4 {
		padding-left: 1.5rem !important;
	}

	.ps-xxxl-5 {
		padding-left: 3rem !important;
	}

	.pe-xxxl-0 {
		padding-right: 0 !important;
	}

	.pe-xxxl-1 {
		padding-right: 0.25rem !important;
	}

	.pe-xxxl-2 {
		padding-right: 0.5rem !important;
	}

	.pe-xxxl-3 {
		padding-right: 1rem !important;
	}

	.pe-xxxl-4 {
		padding-right: 1.5rem !important;
	}

	.pe-xxxl-5 {
		padding-right: 3rem !important;
	}

	.m-xxxl-n1 {
		margin: -0.25rem !important;
	}

	.mt-xxxl-n1,
	.my-xxxl-n1 {
		margin-top: -0.25rem !important;
	}

	.mr-xxxl-n1,
	.mx-xxxl-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-xxxl-n1,
	.my-xxxl-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ml-xxxl-n1,
	.mx-xxxl-n1 {
		margin-left: -0.25rem !important;
	}

	.m-xxxl-n2 {
		margin: -0.5rem !important;
	}

	.mt-xxxl-n2,
	.my-xxxl-n2 {
		margin-top: -0.5rem !important;
	}

	.mr-xxxl-n2,
	.mx-xxxl-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-xxxl-n2,
	.my-xxxl-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ml-xxxl-n2,
	.mx-xxxl-n2 {
		margin-left: -0.5rem !important;
	}

	.m-xxxl-n3 {
		margin: -1rem !important;
	}

	.mt-xxxl-n3,
	.my-xxxl-n3 {
		margin-top: -1rem !important;
	}

	.mr-xxxl-n3,
	.mx-xxxl-n3 {
		margin-right: -1rem !important;
	}

	.mb-xxxl-n3,
	.my-xxxl-n3 {
		margin-bottom: -1rem !important;
	}

	.ml-xxxl-n3,
	.mx-xxxl-n3 {
		margin-left: -1rem !important;
	}

	.m-xxxl-n4 {
		margin: -1.5rem !important;
	}

	.mt-xxxl-n4,
	.my-xxxl-n4 {
		margin-top: -1.5rem !important;
	}

	.mr-xxxl-n4,
	.mx-xxxl-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-xxxl-n4,
	.my-xxxl-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ml-xxxl-n4,
	.mx-xxxl-n4 {
		margin-left: -1.5rem !important;
	}

	.m-xxxl-n5 {
		margin: -3rem !important;
	}

	.mt-xxxl-n5,
	.my-xxxl-n5 {
		margin-top: -3rem !important;
	}

	.mr-xxxl-n5,
	.mx-xxxl-n5 {
		margin-right: -3rem !important;
	}

	.mb-xxxl-n5,
	.my-xxxl-n5 {
		margin-bottom: -3rem !important;
	}

	.ml-xxxl-n5,
	.mx-xxxl-n5 {
		margin-left: -3rem !important;
	}

	.m-xxxl-auto {
		margin: auto !important;
	}

	.mt-xxxl-auto,
	.my-xxxl-auto {
		margin-top: auto !important;
	}

	.mr-xxxl-auto,
	.mx-xxxl-auto {
		margin-right: auto !important;
	}

	.mb-xxxl-auto,
	.my-xxxl-auto {
		margin-bottom: auto !important;
	}

	.ml-xxxl-auto,
	.mx-xxxl-auto {
		margin-left: auto !important;
	}

	.g-xxxl-0,
	.gx-xxxl-0 {
		--bs-gutter-x: 0;
	}

	.g-xxxl-0,
	.gy-xxxl-0 {
		--bs-gutter-y: 0;
	}

	.g-xxxl-1,
	.gx-xxxl-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-xxxl-1,
	.gy-xxxl-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-xxxl-2,
	.gx-xxxl-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-xxxl-2,
	.gy-xxxl-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-xxxl-3,
	.gx-xxxl-3 {
		--bs-gutter-x: 1rem;
	}

	.g-xxxl-3,
	.gy-xxxl-3 {
		--bs-gutter-y: 1rem;
	}

	.g-xxxl-4,
	.gx-xxxl-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-xxxl-4,
	.gy-xxxl-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-xxxl-5,
	.gx-xxxl-5 {
		--bs-gutter-x: 3rem;
	}

	.g-xxxl-5,
	.gy-xxxl-5 {
		--bs-gutter-y: 3rem;
	}
}

@media (min-width: 2000px) {
	.col-4xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-4xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-4xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-4xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-4xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-4xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-4xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-4xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-4xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-4xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-4xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-4xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-4xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-4xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.d-4xl-none {
		display: none !important;
	}

	.d-4xl-inline {
		display: inline !important;
	}

	.d-4xl-flex {
		display: flex !important;
	}

	.m-4xl-0 {
		margin: 0 !important;
	}

	.mt-4xl-0,
	.my-4xl-0 {
		margin-top: 0 !important;
	}

	.mr-4xl-0,
	.mx-4xl-0 {
		margin-right: 0 !important;
	}

	.mb-4xl-0,
	.my-4xl-0 {
		margin-bottom: 0 !important;
	}

	.ml-4xl-0,
	.mx-4xl-0 {
		margin-left: 0 !important;
	}

	.m-4xl-1 {
		margin: 0.25rem !important;
	}

	.mt-4xl-1,
	.my-4xl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-4xl-1,
	.mx-4xl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-4xl-1,
	.my-4xl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-4xl-1,
	.mx-4xl-1 {
		margin-left: 0.25rem !important;
	}

	.m-4xl-2 {
		margin: 0.5rem !important;
	}

	.mt-4xl-2,
	.my-4xl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-4xl-2,
	.mx-4xl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-4xl-2,
	.my-4xl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-4xl-2,
	.mx-4xl-2 {
		margin-left: 0.5rem !important;
	}

	.m-4xl-3 {
		margin: 1rem !important;
	}

	.mt-4xl-3,
	.my-4xl-3 {
		margin-top: 1rem !important;
	}

	.mr-4xl-3,
	.mx-4xl-3 {
		margin-right: 1rem !important;
	}

	.mb-4xl-3,
	.my-4xl-3 {
		margin-bottom: 1rem !important;
	}

	.ml-4xl-3,
	.mx-4xl-3 {
		margin-left: 1rem !important;
	}

	.m-4xl-4 {
		margin: 1.5rem !important;
	}

	.mt-4xl-4,
	.my-4xl-4 {
		margin-top: 1.5rem !important;
	}

	.mr-4xl-4,
	.mx-4xl-4 {
		margin-right: 1.5rem !important;
	}

	.mb-4xl-4,
	.my-4xl-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-4xl-4,
	.mx-4xl-4 {
		margin-left: 1.5rem !important;
	}

	.m-4xl-5 {
		margin: 3rem !important;
	}

	.mt-4xl-5,
	.my-4xl-5 {
		margin-top: 3rem !important;
	}

	.mr-4xl-5,
	.mx-4xl-5 {
		margin-right: 3rem !important;
	}

	.mb-4xl-5,
	.my-4xl-5 {
		margin-bottom: 3rem !important;
	}

	.ml-4xl-5,
	.mx-4xl-5 {
		margin-left: 3rem !important;
	}

	.p-4xl-0 {
		padding: 0 !important;
	}

	.pt-4xl-0,
	.py-4xl-0 {
		padding-top: 0 !important;
	}

	.pr-4xl-0,
	.px-4xl-0 {
		padding-right: 0 !important;
	}

	.pb-4xl-0,
	.py-4xl-0 {
		padding-bottom: 0 !important;
	}

	.pl-4xl-0,
	.px-4xl-0 {
		padding-left: 0 !important;
	}

	.p-4xl-1 {
		padding: 0.25rem !important;
	}

	.pt-4xl-1,
	.py-4xl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-4xl-1,
	.px-4xl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-4xl-1,
	.py-4xl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-4xl-1,
	.px-4xl-1 {
		padding-left: 0.25rem !important;
	}

	.p-4xl-2 {
		padding: 0.5rem !important;
	}

	.pt-4xl-2,
	.py-4xl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-4xl-2,
	.px-4xl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-4xl-2,
	.py-4xl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-4xl-2,
	.px-4xl-2 {
		padding-left: 0.5rem !important;
	}

	.p-4xl-3 {
		padding: 1rem !important;
	}

	.ps-4xl-0 {
		padding-left: 0 !important;
	}

	.ps-4xl-1 {
		padding-left: 0.25rem !important;
	}

	.ps-4xl-2 {
		padding-left: 0.5rem !important;
	}

	.ps-4xl-3 {
		padding-left: 1rem !important;
	}

	.ps-4xl-4 {
		padding-left: 1.5rem !important;
	}

	.ps-4xl-5 {
		padding-left: 3rem !important;
	}

	.pe-4xl-0 {
		padding-right: 0 !important;
	}

	.pe-4xl-1 {
		padding-right: 0.25rem !important;
	}

	.pe-4xl-2 {
		padding-right: 0.5rem !important;
	}

	.pe-4xl-3 {
		padding-right: 1rem !important;
	}

	.pe-4xl-4 {
		padding-right: 1.5rem !important;
	}

	.pe-4xl-5 {
		padding-right: 3rem !important;
	}

	.pt-4xl-3,
	.py-4xl-3 {
		padding-top: 1rem !important;
	}

	.pr-4xl-3,
	.px-4xl-3 {
		padding-right: 1rem !important;
	}

	.pb-4xl-3,
	.py-4xl-3 {
		padding-bottom: 1rem !important;
	}

	.pl-4xl-3,
	.px-4xl-3 {
		padding-left: 1rem !important;
	}

	.p-4xl-4 {
		padding: 1.5rem !important;
	}

	.pt-4xl-4,
	.py-4xl-4 {
		padding-top: 1.5rem !important;
	}

	.pr-4xl-4,
	.px-4xl-4 {
		padding-right: 1.5rem !important;
	}

	.pb-4xl-4,
	.py-4xl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-4xl-4,
	.px-4xl-4 {
		padding-left: 1.5rem !important;
	}

	.p-4xl-5 {
		padding: 3rem !important;
	}

	.pt-4xl-5,
	.py-4xl-5 {
		padding-top: 3rem !important;
	}

	.pr-4xl-5,
	.px-4xl-5 {
		padding-right: 3rem !important;
	}

	.pb-4xl-5,
	.py-4xl-5 {
		padding-bottom: 3rem !important;
	}

	.pl-4xl-5,
	.px-4xl-5 {
		padding-left: 3rem !important;
	}

	.m-4xl-n1 {
		margin: -0.25rem !important;
	}

	.mt-4xl-n1,
	.my-4xl-n1 {
		margin-top: -0.25rem !important;
	}

	.mr-4xl-n1,
	.mx-4xl-n1 {
		margin-right: -0.25rem !important;
	}

	.mb-4xl-n1,
	.my-4xl-n1 {
		margin-bottom: -0.25rem !important;
	}

	.ml-4xl-n1,
	.mx-4xl-n1 {
		margin-left: -0.25rem !important;
	}

	.m-4xl-n2 {
		margin: -0.5rem !important;
	}

	.mt-4xl-n2,
	.my-4xl-n2 {
		margin-top: -0.5rem !important;
	}

	.mr-4xl-n2,
	.mx-4xl-n2 {
		margin-right: -0.5rem !important;
	}

	.mb-4xl-n2,
	.my-4xl-n2 {
		margin-bottom: -0.5rem !important;
	}

	.ml-4xl-n2,
	.mx-4xl-n2 {
		margin-left: -0.5rem !important;
	}

	.m-4xl-n3 {
		margin: -1rem !important;
	}

	.mt-4xl-n3,
	.my-4xl-n3 {
		margin-top: -1rem !important;
	}

	.mr-4xl-n3,
	.mx-4xl-n3 {
		margin-right: -1rem !important;
	}

	.mb-4xl-n3,
	.my-4xl-n3 {
		margin-bottom: -1rem !important;
	}

	.ml-4xl-n3,
	.mx-4xl-n3 {
		margin-left: -1rem !important;
	}

	.m-4xl-n4 {
		margin: -1.5rem !important;
	}

	.mt-4xl-n4,
	.my-4xl-n4 {
		margin-top: -1.5rem !important;
	}

	.mr-4xl-n4,
	.mx-4xl-n4 {
		margin-right: -1.5rem !important;
	}

	.mb-4xl-n4,
	.my-4xl-n4 {
		margin-bottom: -1.5rem !important;
	}

	.ml-4xl-n4,
	.mx-4xl-n4 {
		margin-left: -1.5rem !important;
	}

	.m-4xl-n5 {
		margin: -3rem !important;
	}

	.mt-4xl-n5,
	.my-4xl-n5 {
		margin-top: -3rem !important;
	}

	.mr-4xl-n5,
	.mx-4xl-n5 {
		margin-right: -3rem !important;
	}

	.mb-4xl-n5,
	.my-4xl-n5 {
		margin-bottom: -3rem !important;
	}

	.ml-4xl-n5,
	.mx-4xl-n5 {
		margin-left: -3rem !important;
	}

	.m-4xl-auto {
		margin: auto !important;
	}

	.mt-4xl-auto,
	.my-4xl-auto {
		margin-top: auto !important;
	}

	.mr-4xl-auto,
	.mx-4xl-auto {
		margin-right: auto !important;
	}

	.mb-4xl-auto,
	.my-4xl-auto {
		margin-bottom: auto !important;
	}

	.ml-4xl-auto,
	.mx-4xl-auto {
		margin-left: auto !important;
	}

	.g-4xl-0,
	.gx-4xl-0 {
		--bs-gutter-x: 0;
	}

	.g-4xl-0,
	.gy-4xl-0 {
		--bs-gutter-y: 0;
	}

	.g-4xl-1,
	.gx-4xl-1 {
		--bs-gutter-x: 0.25rem;
	}

	.g-4xl-1,
	.gy-4xl-1 {
		--bs-gutter-y: 0.25rem;
	}

	.g-4xl-2,
	.gx-4xl-2 {
		--bs-gutter-x: 0.5rem;
	}

	.g-4xl-2,
	.gy-4xl-2 {
		--bs-gutter-y: 0.5rem;
	}

	.g-4xl-3,
	.gx-4xl-3 {
		--bs-gutter-x: 1rem;
	}

	.g-4xl-3,
	.gy-4xl-3 {
		--bs-gutter-y: 1rem;
	}

	.g-4xl-4,
	.gx-4xl-4 {
		--bs-gutter-x: 1.5rem;
	}

	.g-4xl-4,
	.gy-4xl-4 {
		--bs-gutter-y: 1.5rem;
	}

	.g-4xl-5,
	.gx-4xl-5 {
		--bs-gutter-x: 3rem;
	}

	.g-4xl-5,
	.gy-4xl-5 {
		--bs-gutter-y: 3rem;
	}
}

body {
	font-family: sans-serif;
	font-family: 'SukhumvitTadmai';
	background-color: #e2e2e2;
	color: #003A7F;
	font-size: var(--bs-body-font-size);
}

#page {
	position: relative;
}

body.home {
	overflow: hidden;
}

body.home #primary {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 5;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-top: 80px;
}

body.home #primary>* {
	position: relative;
}

.backgroud {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	/* opacity: 0; */
}

@media only screen and (min-width: 1200px) {
	body.home #primary {
		padding-top: 0;
	}
}

/* ------------- NAVIGATION ----------------*/
.main-navigation {
	position: fixed;
	top: 0;
	height: 80px;
	left: 0;
	width: calc(100%);
	background-color: #ffffff;
	z-index: 30;
	opacity: 1;
	transition: .3s;
}

.has-show-main-navigation .main-navigation {
	top: 0px;
	opacity: 1;
}

.navigation-logo {
	width: auto;
	height: 60px;
}

.lannguage-dropdown {
	position: relative;
	margin-left: 20px;
	margin-right: 15px;
}

.lannguage-current {
	cursor: pointer;
	color: #000;
	font-weight: 700;
	font-size: 14px;
}

.lannguage-current img {
	margin-bottom: 5px;
}

.lannguage-current i {
	transform: translateY(-5px);
}

.lannguage-menu {
	position: absolute;
	top: 37px;
	right: -10px;
	width: 90px;
	padding: 12px 10px 5px 10px;
	background-color: white;
	transition: .3s;
	display: none;
	opacity: 0;
	margin-top: 20px;
	z-index: 1;
	box-shadow: 0 0 10px 1px rgb(0 0 0 / 20%);
}

.lannguage-menu:before {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: -5px;
	right: 15px;
	background-color: white;
	transform: rotate(45deg);
}

.lannguage-menu.active {
	display: block;
	opacity: 1;
	margin-top: 0px;
}

.lannguage-menu-item:first-child {
	margin-bottom: 5px;
}

.lannguage-menu-item a {
	color: #000;
	font-weight: 700;
	font-size: 20px;
}

.navigation-title {
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 0;
	color: #003A7F;
}

.navigation-subtitle {
	font-size: 16px;
	font-weight: 800;
	margin-bottom: 0;
	color: #003A7F;
}

.navbar-header-social-item {
	width: 34px;
	height: auto;
}

.navbar-header-location {
	border-right: 1px solid #003A7F;
	color: #003A7F;
	font-size: 14px;
}

.navbar-header-location-hili {
	background-color: #003A7F;
	border-radius: 50px;
	color: #ffffff;
}

.navbar-header-location b {
	font-size: 1.2rem;
}

.navbar-header-bars {
	padding: 17px;
	color: #000;
	font-size: 30px;
}

.color-red {
	color: #C73649;
}

.color-main {
	color: #003A7F;
}

.color-black {
	color: #000000;
}

.sidebar-mobile {
	position: fixed;
	top: 0;
	right: -310px;
	width: 300px;
	height: 100vh;
	background-color: #ffffff;
	overflow: auto;
	z-index: 50;
	color: #028BFF;
	transition: .3s;
}

.sidebar-mobile-backdrop {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 49;
}

.has-sidebar-mobile-show .sidebar-mobile {
	right: 0px;
}

.has-sidebar-mobile-show .sidebar-mobile-backdrop {
	display: block;
}

.sidebar-mobile-hide-btn {
	font-size: 40px;
	color: #000000;
}

@media only screen and (min-width: 768px) {
	.navigation-title {
		font-size: 16px;
	}

	.navigation-subtitle {
		font-size: 14px;
	}
}

@media only screen and (min-width: 1200px) {
	.main-navigation {
		top: -100px;
		height: 80px;
		opacity: 0;
		width: calc(100% - 10px);
	}

	.has-show-main-navigation .main-navigation {
		top: 20px;
		opacity: 1;
	}

	.navigation-logo {
		height: 90px;
	}
}

@media only screen and (min-width: 1400px) {
	.navigation-title {
		font-size: 20px;
	}
}

@media only screen and (min-width: 1600px) {
	.navbar-header-location {
		display: block !important;
	}
}

@media only screen and (min-width: 1920px) {
	.navigation-title {
		font-size: 28px;
	}

	.navigation-subtitle {
		font-size: 16px;
	}

	.navbar-header-social-item {
		width: 40px;
	}

	.navbar-header-location {
		font-size: 18px;
	}

	.lannguage-current {
		font-size: 20px;
	}
}

/* ------------- SIDERBAR ----------------*/
.main-sidebar,
.mini-sidebar {
	position: fixed;
	top: var(--sidebar-top);
	left: 0;
	background-color: #ffffff;
	color: #028BFF;
	z-index: 10;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
	transition: .3s;
}

.main-sidebar {
	height: fit-content;
	width: var(--sidebar-width);
	padding: 0;
}

.sidebar-main-register {
	display: block;
	cursor: pointer;
	position: absolute;
	bottom: 1px;
	right: 0;
	width: calc(100% - 20px);
	height: auto;
	transform: translateY(100%);
}

.sidebar-main-register img {
	width: 100%;
}

.has-sidebar-hide .main-sidebar {
	left: calc(0px - var(--sidebar-width));
}

.sidebar-item {
	font-family: 'SukhumvitTadmai';
	font-size: 14px;
	font-weight: 600;
	padding: 10px 0 8px 30px;
	cursor: pointer;
	transition: .2s;
}

.sidebar-item:hover,
.sidebar-item.active {
	background-color: #003A7F;
	color: #ffffff;
}



.sidebar-hide {
	cursor: pointer;
	position: absolute;
	top: -15px;
	right: 20px;
	width: 83px;
	height: auto;
}

.mini-sidebar {
	height: 174px;
	left: calc(0px - var(--sidebarmini-width) - 50px);
	width: var(--sidebarmini-width);
	padding: 0;
}

.has-sidebar-hide .mini-sidebar {
	left: 0;
}

.sidebar-mini-menu {
	cursor: pointer;
	position: absolute;
	top: -10px;
	right: -30px;
	width: 90px;
	height: auto;
}

.sidebar-mini-register {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 24px;
	right: -46px;
	width: 120px;
	height: auto;
}

.sidebar-mini-register img {
	width: 100%;
}

.home-zone {
	/* min-height: 80vh; */
}

.home-zone-1-content {
	background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 100%);

}



.site-footer {
	background-color: #003a7f;
	color: #ffffff;
	margin-top: 200px;
}

.footer-title {
	font-size: 16px;
	font-weight: 700;
}

.footer-subtitle {
	font-size: 14px;
	font-weight: 700;
}

.footer-logo {
	height: 55px;
}

.footer-copyright {
	font-size: 14px;
}

.max-container {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (min-width: 576px) {
	.max-container {
		width: 540px;
	}
}

@media only screen and (min-width: 768px) {
	.max-container {
		width: 730px;
	}
}

@media only screen and (min-width: 992px) {
	.max-container {
		width: 970px;
	}
}

@media only screen and (min-width: 1200px) {
	.max-container {
		width: 1100px;
		margin-left: auto;
		margin-right: unset;
	}
}

@media only screen and (min-width: 1300px) {
	.max-container {
		margin-right: auto;
	}
}

@media only screen and (min-width: 1400px) {
	.footer-title {
		font-size: 20px;
	}

	.footer-subtitle {
		font-size: 16px;
	}

	.footer-copyright {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1920px) {
	:root {
		--sidebar-top: 170px;
		--sidebar-width: 285px;
	}

	.max-container {
		width: calc(100% - var(--sidebar-width));
		margin-left: auto;
		margin-right: unset;
	}

	.sidebar-item {
		font-size: 18px;
	}
}

@media only screen and (min-width: 2000px) {
	.max-container {
		width: 100%;
		max-width: 1700px;
		margin-right: auto;
	}
}

/*--------------------- ZONE 1 ---------------------------*/
:root {
	--zone_1_0_width: 280px;
	--zone_1_1_width: 30px;
	--zone_1_2_width: 70px;
	--zone_1_3_width: 180px;

	--zone_1_4_1_width: 60px;
	--zone_1_4_2_width: 40px;
	--zone_1_4_3_width: 30px;

	--zone_1_scroll_width: 100px;
}

.home-zone-1-logo {
	position: absolute;
	top: 0;
	width: 100%;
	padding: 0 15px;
}

@media only screen and (min-width: 768px) {
	.home-zone-1-logo {
		width: calc(100% - 100px);
		padding: 0;
		top: 5px;
	}
}

@media only screen and (min-width: 1200px) {
	.home-zone-1-logo {
		width: calc(100% - 260px);
		padding: 0;
	}
}

.zone-1-0 {
	position: absolute;
	top: calc(30%);
	left: calc(42.7%);
	/* width: var(--zone_1_0_width); */
	/* width: clamp(140px, 14.3vw, var(--zone_1_0_width)); */
	width: 90px;
	animation-name: zone-1-0;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}

.zone-1-1 {
	position: absolute;
	top: calc(30% - (var(--zone_1_1_width) / 2));
	left: calc(30% - (var(--zone_1_1_width) / 2));
	width: var(--zone_1_1_width);
	animation-name: zone-1-1;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.zone-1-2 {
	position: absolute;
	top: calc(52% - (var(--zone_1_2_width) / 2));
	left: calc(28% - (var(--zone_1_2_width) / 2));
	width: var(--zone_1_2_width);
	animation-name: zone-1-2;
	animation-duration: 22s;
	animation-iteration-count: infinite;
}

.zone-1-3 {
	position: absolute;
	bottom: 3%;
	left: -3%;
	width: 70px;
}

.zone-1-4-1 {
	position: absolute;
	top: calc(54% - (var(--zone_1_4_1_width) / 2));
	left: calc(10% - (var(--zone_1_4_1_width) / 2));
	width: var(--zone_1_4_1_width);
}

.zone-1-4-2 {
	position: absolute;
	top: calc(59% - (var(--zone_1_4_2_width) / 2));
	left: calc(19.7% - (var(--zone_1_4_2_width) / 2));
	width: var(--zone_1_4_2_width);
}

.zone-1-4-3 {
	position: absolute;
	top: calc(60% - (var(--zone_1_4_3_width) / 2));
	left: calc(27.7% - (var(--zone_1_4_3_width) / 2));
	width: var(--zone_1_4_3_width);
}

.zone-1-scroll {
	position: absolute;
	bottom: calc(15px - (var(--zone_1_scroll_width) / 2));
	left: calc(50% - (var(--zone_1_scroll_width) / 2));
	width: var(--zone_1_scroll_width);
}

.btn-home-zone-1-content-fixed {
	position: fixed !important;
	bottom: 10px;
	right: 10px;
	width: 100px;
	z-index: 10;
}

.home-zone-1-content-fixed-img {
	width: 100%;
}


@media only screen and (min-width: 480px) {
	.zone-1-4-1 {
		left: calc(10.4% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(20.1% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(27.9% - (var(--zone_1_4_3_width) / 2));
	}
}

@media only screen and (min-width: 510px) {
	.zone-1-4-1 {
		left: calc(10.7% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(20.2% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(28.1% - (var(--zone_1_4_3_width) / 2));
	}
}

@media only screen and (min-width: 576px) {
	.zone-1-4-1 {
		left: calc(10.9% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(20.4% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(28.2% - (var(--zone_1_4_3_width) / 2));
	}
}

@media only screen and (min-width: 768px) {
	:root {
		--zone_1_1_width: 60px;
		--zone_1_2_width: 100px;

		--zone_1_4_1_width: 85px;
		--zone_1_4_2_width: 65px;
		--zone_1_4_3_width: 55px;
	}

	.zone-1-0 {
		width: 160px;
	}

	.zone-1-2 {
		top: calc(47% - (var(--zone_1_2_width) / 2));
		left: calc(20% - (var(--zone_1_2_width) / 2));
	}

	.zone-1-3 {
		left: -4%;
		width: 100px;
	}

	.zone-1-4-1 {
		left: calc(9.3% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(19.2% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(27.3% - (var(--zone_1_4_3_width) / 2));
	}
}

@media only screen and (min-width: 992px) {
	:root {
		--zone_1_1_width: 70px;
		--zone_1_2_width: 130px;

		--zone_1_4_1_width: 100px;
		--zone_1_4_2_width: 80px;
		--zone_1_4_3_width: 70px;
	}

	.zone-1-0 {
		width: 210px;
	}

	.zone-1-3 {
		bottom: 3%;
		left: -37px;
		width: 130px;
	}

	.zone-1-4-1 {
		left: calc(10.5% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(20.1% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(28% - (var(--zone_1_4_3_width) / 2));
	}
}

@media only screen and (min-width: 1200px) {
	:root {
		--zone_1_1_width: 70px;
		--zone_1_2_width: 100px;
	}

	.zone-1-0 {
		width: 190px;
	}

	.zone-1-2 {
		top: calc(45% - (var(--zone_1_2_width) / 2));
		left: calc(24% - (var(--zone_1_2_width) / 2));
	}

	.zone-1-3 {
		bottom: 1%;
		left: 33px;
		width: 130px;
	}

	.zone-1-4-1 {
		left: calc(16% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(24.3% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(31.1% - (var(--zone_1_4_3_width) / 2));
	}
}

@media only screen and (min-width: 1920px) {
	:root {
		--zone_1_1_width: 90px;
		--zone_1_2_width: 140px;

		--zone_1_4_1_width: 120px;
		--zone_1_4_2_width: 100px;
		--zone_1_4_3_width: 90px;
	}

	.zone-1-0 {
		width: 260px;
		left: calc(43.7%);
	}

	.zone-1-1 {
		top: calc(30% - (var(--zone_1_1_width) / 2));
		left: calc(30% - (var(--zone_1_1_width) / 2));
	}

	.zone-1-2 {
		top: calc(45% - (var(--zone_1_2_width) / 2));
		left: calc(24% - (var(--zone_1_2_width) / 2));
	}

	.zone-1-3 {
		bottom: 2%;
		left: 40px;
		width: 170px;
	}

	.zone-1-4-1 {
		left: calc(15.4% - (var(--zone_1_4_1_width) / 2));
	}

	.zone-1-4-2 {
		left: calc(23.9% - (var(--zone_1_4_2_width) / 2));
	}

	.zone-1-4-3 {
		left: calc(30.7% - (var(--zone_1_4_3_width) / 2));
	}
}

@keyframes zone-1-0 {

	0%,
	100% {
		transform: translateY(0) rotate(-1deg)
	}

	50% {
		transform: translateY(-15px) rotate(1deg)
	}
}

@keyframes zone-1-1 {

	0%,
	100% {
		transform: translateY(0) rotate(0deg)
	}

	25% {
		transform: translateX(100px) translateY(-15px) rotate(20deg)
	}

	50% {
		transform: translateX(0px) translateY(0px) rotate(-25deg)
	}

	75% {
		transform: translateX(-150px) translateY(-15px) rotate(10deg) scale(0.8)
	}
}

@keyframes zone-1-2 {

	0%,
	100% {
		transform: translateY(0) rotate(0deg)
	}


	50% {
		transform: translateX(-80px) translateY(-30px) rotate(15deg) scale(0.9)
	}

}

.home-zone-1-content-side {
	position: relative;
	background-color: #ffffff;
	color: #003A7F;
	font-size: 20px;
	margin-top: -30px;
	width: calc(100% - 20px);
	margin-left: auto;
	margin-right: auto;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.home-zone-1-content-side-logo {
	width: 100%;
}

.home-zone-1-content-side-img {
	max-width: 160px;
}

.home-zone-1-content-side-date {
	font-weight: bolder;
	font-size: 40px;
	line-height: 1em;
}

.home-zone-1-content-side-date2 {
	font-size: 20px;
	line-height: 1em;
}

.home-zone-1-content-side-location2 {
	font-size: 14px;
}

.home-zone-1-content-side hr {
	border-top: 3px solid #003A7F;
	margin: 20px auto;
	opacity: 1;
}

.home-zone-1-menu-side {
	position: absolute;
	top: 40px;
	right: 0;
	height: 80px;
	background-color: #fbfbfb;
	z-index: 2;
}

.home-zone-1-menu-side::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 50vw;
	height: 80px;
	background-color: #fbfbfb;
	z-index: 1;
}

.home-zone-1-menu-logo {
	height: 90px;
	margin-left: -50px;
	background-color: #ffffff;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.home-zone-1-menu-logo img {
	height: 65px;
}

.zone-1-background {
	width: calc(100% + 50px);
	margin-left: -25px;
}

.section-title {
	font-size: 40px;
	font-weight: 700;
}

.zone-2-background {
	position: absolute;
	top: -40px;
	right: -2%;
	width: calc(100% + 100px);
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}

@media only screen and (min-width: 576px) {
	.home-zone-1-content-side {
		border-radius: 10px;
	}
}

@media only screen and (min-width: 768px) {
	.zone-1-background {
		width: calc(100% + 100px);
		margin-left: -50px;
	}

	.home-zone-1-content-side-date {
		font-size: 60px;
	}

	.home-zone-1-content-side-date2 {
		font-size: 30px;
	}

	.home-zone-1-content-side-location {
		font-size: 30px;
	}

	.home-zone-1-content-side-location2 {
		font-size: 24px;
	}
}

@media only screen and (min-width: 1200px) {
	.home-zone-1-menu-side {
		top: 70px;
	}

	.zone-1-background {
		width: 100%;
		margin-left: 0;
	}

	.home-zone-1-content-side-logo {
		width: calc(100% - 40px);
	}

	.home-zone-1-content-side {
		position: absolute;
		bottom: 2%;
		right: -1%;
		width: calc(100% + 60px);
		min-height: calc(71.6%);
		padding-left: calc(100px);
		padding-right: 25px;
		background-color: #ffffff;
		color: #003A7F;
		font-size: 14px;
		border-radius: 0px;
		margin-top: 0;
	}

	.home-zone-1-content-side-date {
		font-size: 40px;
	}

	.home-zone-1-content-side-date2 {
		font-size: 20px;
	}

	.home-zone-1-content-side hr {
		margin: 10px auto;
	}

	.home-zone-1-content-side-location {
		font-size: 16px;
	}

	.home-zone-1-content-side-location2 {
		font-size: 16px;
	}

	.home-zone-1-content-side-img {
		max-width: 98px;
	}
}

@media only screen and (min-width: 1300px) {

	.home-zone-1-content-side,
	.zone-2-background {
		border-top-right-radius: 15px;
		border-bottom-right-radius: 15px;
	}
}

@media only screen and (min-width: 1400px) {
	.home-zone-1-logo {
		width: calc(100% - 320px);
	}
}

@media only screen and (min-width: 1920px) {
	.home-zone-1-content-side-date {
		font-size: 65px;
	}

	.home-zone-1-content-side-img {
		max-width: 150px;
	}

	.home-zone-1-content-side-date2 {
		font-size: 30px;
	}

	.home-zone-1-content-side {
		font-size: 20px;
		padding-left: calc(100px + 10px);
		padding-right: 40px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.home-zone-1-content-side hr {
		margin: 20px auto;
		width: 70%;
	}

	.home-zone-1-content-side-location {
		font-size: 20px;
	}

	.home-zone-1-content-side-location2 {
		font-size: 20px;
	}

	.zone-2-background {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}

@media only screen and (min-width: 2000px) {
	.zone-2-background {
		top: -40px;
		right: calc(var(--bs-gutter-x)* .5);
		width: calc(100% + 100px);
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}

	.home-zone-1-content-side {
		right: calc(var(--bs-gutter-x)* .5);
		padding-left: 70px !important;
		border-top-right-radius: 30px;
		border-bottom-right-radius: 30px;
	}
}

.home-zone-floorplan {
	margin-top: 100px;
}

.btn-view-floorplan {
	background: linear-gradient(to right, rgba(240, 108, 36, 1) 0%, rgba(237, 162, 34, 1) 51%, rgba(237, 162, 34, 1) 100%);
	color: #ffffff;
	font-weight: 700;
	width: 100%;
	max-width: 220px;
}

.floorplan-zone {
	overflow-y: auto;
}

.floorplan-item {
	font-size: 14px;
	font-weight: 700;
}

.floorplan-item img {
	width: 25px;
	height: 25px;
}

.floorplan-list-zone {
	position: relative;
	overflow: hidden;
}

.floorplan-list-zone:after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 100%);

}

@media only screen and (min-width: 768px) {
	.floorplan-list-zone {
		height: 455px;
	}
}

@media only screen and (min-width: 1200px) {
	.floorplan-list-zone {
		height: 501px;
	}
}

@media only screen and (min-width: 1400px) {
	.floorplan-list-zone {
		height: 501px;
	}
}

@media only screen and (min-width: 1920px) {
	.floorplan-list-zone {
		height: 750px;
		width: calc(100% - 130px);
		margin-left: 20px;
	}
}

@media only screen and (min-width: 2000px) {
	.floorplan-list-zone {
		height: 785px;
		width: calc(100% - 20px);
	}
}

.home-zone-about {
	padding-top: 100px;
}

.home-zone-3 {
	/* margin-top: 100px; */
	padding-top: 100px;
}

.highlight-prev,
.highlight-next {
	position: absolute;
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	z-index: 1;
	border-radius: 50%;
	font-size: 29px;
	padding-top: 4px;
	cursor: pointer;
}

.highlight-prev {
	left: -25px;
}

.highlight-next {
	right: -25px;
}

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
	.home-zone-exhibitions .max-container .highlight-content {
		padding-right: 12px !important;
		width: 100%;
	}
}

@media only screen and (min-width: 1400px) {
	/* .home-zone-exhibitions .max-container {
		width: 1330px;
		margin: 0 auto;
	} */
}

@media only screen and (min-width: 1920px) {
	.home-zone-3 {
		/* margin-top: 150px; */
	}

	.home-zone-exhibitions .max-container {
		width: 1330px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 2000px) {
	.home-zone-exhibitions .max-container {
		width: 100%;
		max-width: 1700px;
	}
}

:root {
	--highlight-gallery-zone-close-height: 140px;
	--highlight-gallery-zone-2-height: 70px;
	--highlight-gallery-zone-2-padtop: 20px;
	--highlight-gallery-zone-2-padbot: 30px;
	--highlight-gallery-carousel-zone: 90px;
	--highlight-backdrop-mobile: 220px;
}

.highlight-carousel.owl-carousel .owl-stage-outer {
	border-radius: 25px;
}

.highlight-carousel.owl-carousel .owl-item {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 25px;
	overflow: hidden;
}

.highlight-item-content {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.highlight-item-content-title {
	font-size: 22px;
	font-weight: 700;
	display: inline-block;
	border-bottom: 2px solid #ffffff;
}

.highlight-item-content-subtitle {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 6px;
}

.highlight-item-content-text {
	font-size: 14px;
	line-height: 1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.highlight-carousel-navigation {
	background-color: #ffffff;
	border-radius: 80px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

.highlight-carousel-navigation-item {
	cursor: pointer;
	margin-top: -40px;
	max-width: 180px;
	transition: .3s;
}

.highlight-carousel-navigation-item.active,
.highlight-carousel-navigation-item:hover {
	transform: scale(1.15);
}

.highlight-backdrop {
	background-color: #000;
	width: 100%;
}

.highlight-backdrop.highlight-backdrop-desktop {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	z-index: 40;
}

.highlight-backdrop-mobile {
	height: var(--highlight-backdrop-mobile);
}

.highlight-gallery {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	/* background-color: rgba(0, 0, 0, 0.3); */
	z-index: 41;
	overflow: auto;
}

.highlight-close {
	font-size: 18px;
}

.highlight-close img {
	width: 30px;
	margin-left: 5px;
}

@media only screen and (min-width: 768px) {
	:root {
		--highlight-backdrop-mobile: 320px;
	}

	.highlight-item-content-title {
		font-size: 26px;
	}

	.highlight-item-content-subtitle {
		font-size: 20px;
	}

	.highlight-item-content-text {
		font-size: 16px;
	}
}

@media only screen and (min-width: 992px) {
	:root {
		--highlight-backdrop-mobile: 420px;
	}

	.highlight-item-content-title {
		font-size: 30px;
	}

	.highlight-item-content-subtitle {
		font-size: 22px;
	}

	.highlight-item-content-text {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	:root {
		--highlight-gallery-zone-close-height: 80px;
		--highlight-gallery-zone-2-padtop: 0px;
		--highlight-gallery-zone-2-height: 90px;
	}

	.highlight-item-content-title {
		font-size: 34px;
	}

	.highlight-item-content-subtitle {
		font-size: 25px;
	}

	.highlight-item-content-text {
		font-size: 17px;
	}

	.highlight-gallery-content {
		font-size: 15px;
	}
}

@media only screen and (min-width: 1920px) {
	.highlight-close img {
		width: 45px;
		margin-left: 10px;
	}

	.highlight-item-content-title {
		font-size: 52px;
		border-bottom: 3px solid #ffffff;
	}

	.highlight-item-content-subtitle {
		font-size: 42px;
	}

	.highlight-item-content-text {
		font-size: 18px;
	}
}

.highlight-gallery-zone-close {
	height: var(--highlight-gallery-zone-close-height);
}

.highlight-gallery-zone-2 {
	height: var(--highlight-gallery-zone-2-height);
}

.highlight-gallery-content {
	height: calc(100vh - var(--highlight-gallery-zone-close-height) - var(--highlight-gallery-zone-2-height) - var(--highlight-gallery-zone-2-padtop) - var(--highlight-gallery-zone-2-padbot));
	overflow: auto;
	margin-top: var(--highlight-gallery-zone-2-padtop);
	margin-bottom: var(--highlight-gallery-zone-2-padbot);
	position: relative;
}

.highlight-gallery-content-mobile {
	position: relative;
	overflow: auto;
	margin-top: var(--highlight-gallery-zone-2-padtop);
	font-size: 14px;
	height: calc(100vh - var(--highlight-gallery-zone-close-height) - var(--highlight-gallery-zone-2-height) - var(--highlight-gallery-zone-2-padtop) - var(--highlight-gallery-carousel-zone) - var(--highlight-backdrop-mobile) - 60px);
}

.is-iphone .highlight-gallery-content-mobile {
	height: calc(100vh - var(--highlight-gallery-zone-close-height) - var(--highlight-gallery-zone-2-height) - var(--highlight-gallery-zone-2-padtop) - var(--highlight-gallery-carousel-zone) - var(--highlight-backdrop-mobile) - 80px);
}

.highlight-gallery-prev,
.highlight-gallery-next {
	background-color: rgba(0, 0, 0, 0.6);
}

.highlight-gallery-content-zone {
	background-color: rgba(0, 0, 0, 0.6);
}

.highlight-gallery-carousel-zone {
	height: var(--highlight-gallery-carousel-zone);
	background-color: rgba(255, 255, 255, 0.2);
}

.highlight-gallery-prev-icon,
.highlight-gallery-next-icon {
	flex: 0 0 40px;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #ffffff;
	font-size: 20px;
	padding-top: 4px;
	cursor: pointer;
}

.highlight-gallery-prev-text,
.highlight-gallery-next-text {
	font-size: 13px;
	font-weight: 700;
}

.highlight-backdrop-item {
	content: '';
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.highlight-gallery-item-slide {
	width: 55px;
	border-radius: 10px;
	border: 4px solid transparent;
	overflow: hidden;
	transition: .3s;
}

.highlight-gallery-item-slide:hover,
.highlight-gallery-item-slide.active {
	border: 4px solid #ffffff;
}

.highlight-gallery-slide-prev,
.highlight-gallery-slide-next {
	font-size: 30px;
}

@media only screen and (max-width: 1199px) {
	.highlight-backdrop-desktop .highlight-backdrop-item {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 992px) {
	.highlight-gallery-content-mobile {
		font-size: 16px;
	}

	.highlight-gallery-prev-text,
	.highlight-gallery-next-text {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1200px) {
	.highlight-gallery-zone-1-c {
		background-color: rgba(0, 0, 0, 0.6);
	}
}

@media only screen and (min-width: 1400px) {}

@media only screen and (min-width: 1920px) {
	:root {
		--highlight-gallery-zone-close-height: 90px;
		--highlight-gallery-zone-2-height: 150px;
		--highlight-gallery-zone-2-padtop: 20px;
		--highlight-gallery-zone-2-padbot: 30px;
		--highlight-gallery-carousel-zone: 150px;
	}

	.highlight-gallery-content {
		font-size: 18px;
	}

	.highlight-gallery-prev-icon,
	.highlight-gallery-next-icon {
		flex: 0 0 90px;
		width: 90px;
		height: 90px;
		font-size: 48px;
		padding-top: 8px;
	}

	.highlight-gallery-prev-text,
	.highlight-gallery-next-text {
		font-size: 18px;
	}

	.highlight-gallery-item-slide {
		width: 80px;
	}

	.highlight-gallery-slide-prev,
	.highlight-gallery-slide-next {
		font-size: 50px;
	}
}

.is-mobile .site-footer {
	padding-bottom: 60px !important;
}

.is-iphone .site-footer {
	padding-bottom: 80px !important;
}

.home-zone-highlightday {
	padding-top: 100px;
}

.highlightday-box {
	background-color: #ffffff;
	color: #000000;
	border-radius: 15px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}

.highlightday-left {
	min-height: 50vh;
	height: 100%;
	background-color: #ebffeb;
	border-radius: 15px;
}

.highlightday-left hr {
	border-top: 2px solid #00A49A;
	width: 70%;
	opacity: 1;
	margin: 30px auto;
}

.highlightday-text-hili {
	font-size: 20px;
}

.highlightday-text-hili1 {
	color: #00A49A;
}

.highlightday-text-hili2 {
	color: #003A7F;
}

.highlightday-right {
	min-height: 50vh;
	height: 100%;
	background-color: #cce6ff;
	border-radius: 15px;
}

.highlightday-left-title,
.highlightday-right-title {
	font-size: 24px;
}

.highlightday-right hr {
	border-top: 2px solid #003A7F;
	width: 70%;
	opacity: 1;
	margin: 30px auto;
}

.highlightday-carousel.owl-theme .owl-dots .owl-dot span {
	background: #ffffff;
	border: 1px solid #003A7F;
	transition: .3s;
}

.highlightday-carousel.owl-theme .owl-dots .owl-dot.active span,
.highlightday-carousel.owl-theme .owl-dots .owl-dot:hover span {
	background: #003A7F;
}

.highlightday-carousel.owl-theme .owl-nav .owl-prev,
.highlightday-carousel.owl-theme .owl-nav .owl-next {
	position: absolute;
	top: 65px;
	width: 50px;
	height: 50px;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	z-index: 1;
	border-radius: 50%;
	font-size: 29px;
	padding-top: 3px !important;
	cursor: pointer;
	margin: 0;
}

.highlightday-carousel.owl-theme .owl-nav .owl-prev {
	left: -10px;
}

.highlightday-carousel.owl-theme .owl-nav .owl-next {
	right: -10px;
}

.highlightday-carousel.owl-theme .owl-nav .owl-prev:hover,
.highlightday-carousel.owl-theme .owl-nav .owl-next:hover {
	color: #000000;
}

.highlightday-left-item,
.highlightday-carousel-content-zone {
	font-size: 14px;
}

:root {
	--zone-activities-margin-top: 0px;
}

.home-zone-activities {
	padding-top: 100px;
}

.zone-activities-1 {
	margin-top: 0;
}

.zone-activities-2 {
	margin-top: var(--zone-activities-margin-top);
}

.zone-activities-3 {
	margin-top: calc(var(--zone-activities-margin-top) * 2);
}

.zone-activities-4 {
	margin-top: calc(var(--zone-activities-margin-top) * 3);
}

.zone-activities-main-img {
	border-radius: 50%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 576px) {

	.highlightday-carousel.owl-theme .owl-nav .owl-prev,
	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		top: 100px;
	}
}

@media only screen and (min-width: 768px) {
	.highlightday-carousel.owl-theme .owl-nav .owl-prev {
		left: 0;
	}

	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		right: 0;
	}

	.highlightday-left-item,
	.highlightday-carousel-content-zone {
		font-size: 16px;
	}
}

@media only screen and (min-width: 992px) {
	:root {
		--zone-activities-margin-top: 70px;
	}

	.activities-item-title {
		font-size: 15px;
	}

	.highlightday-carousel.owl-theme .owl-nav .owl-prev,
	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		top: 170px;
	}
}

@media only screen and (min-width: 1200px) {

	.highlightday-carousel.owl-theme .owl-nav .owl-prev,
	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		top: 70px;
	}

	.highlightday-carousel.owl-theme .owl-nav .owl-prev {
		left: -32px;
	}

	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		right: -32px;
	}
}

@media only screen and (min-width: 1920px) {
	.activities-item-title {
		font-size: 18px;
	}

	.highlightday-carousel.owl-theme .owl-nav .owl-prev,
	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		top: 100px;
	}

	.home-zone-activities.max-container {
		padding-right: 130px !important;
	}

	.highlightday-left-item,
	.highlightday-carousel-content-zone {
		font-size: 18px;
	}
}

@media only screen and (min-width: 2000px) {

	.highlightday-carousel.owl-theme .owl-nav .owl-prev,
	.highlightday-carousel.owl-theme .owl-nav .owl-next {
		top: 130px;
	}

	.home-zone-activities.max-container {
		padding-right: 1.5rem !important;
	}
}

#seminar-zone {
	padding-top: 100px;
}

.seminar-image-btn {
	display: inline-block;
	height: 70px;
}

.seminar-zone-content {
	color: #a3a3a3;
}

.seminar-minitext {
	font-size: 16px;
	color: #a3a3a3;
}

.seminar-day-item {
	background-color: transparent;
	color: #a3a3a3;
	text-align: center;
	border-radius: 30px;
	border: 2px solid #a3a3a3;
	line-height: 1em;
	padding: 10px 0;
	font-size: 14px;
	position: relative;
	transition: .3s;
}

.seminar-day-item.active {
	font-weight: 700;
}

.seminar-day-item:hover,
.seminar-day-item.active {
	background-color: #003A7F;
	color: #ffffff;
	border: 2px solid #003A7F;
}

.seminar-day-item.late {
	background-color: #a3a3a3;
	color: #ffffff;
}

.seminar-day-item .seminar-minitext {
	color: #a3a3a3;
	font-size: 14px;
	font-weight: 300;
	transition: .3s;
}

.seminar-day-item:hover .seminar-minitext,
.seminar-day-item.active .seminar-minitext {
	color: #ffffff;
}

.seminar-day-item.active:after {
	content: "\f0da";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: -30px;
	color: #003A7F;
	font-size: 40px;
	transform: translateY(-50%);
}

.seminar-day-content {
	color: #000000;
}

.seminar-day-item-content {
	font-size: 14px;
}

.seminar-day-item-content-row:last-child {
	margin-bottom: 0 !important;
}

.seminar-day-item-content-title {
	font-size: 20px;
	color: #003A7F;
	font-weight: 700;
}

.seminar-dropdown-day {
	width: 100%;
	max-width: 300px;
	text-align: center;
	border-radius: 30px;
	border: 2px solid #003A7F;
}

.seminar-dropdown-day,
.seminar-dropdown-day:focus,
.seminar-dropdown-day .btn,
.seminar-dropdown-day .btn:focus {
	outline: none !important;
}

.seminar-dropdown-day .btn {
	padding: 10px 0;
	color: #003A7F !important;
	font-weight: 700;
	font-size: 20px;
	border: 0;
}

.seminar-dropdown-day .dropdown-menu {
	width: 100%;
	text-align: center;
}

.seminar-dropdown-day .dropdown-item {
	padding: 10px 0;
	font-size: 20px;
}

.seminar-dropdown-day .dropdown-item.active,
.seminar-dropdown-day .dropdown-item:active {
	background-color: #003A7F;
	color: #ffffff;
	font-weight: 700;
}

@media only screen and (min-width: 1200px) {
	.seminar-day-content {
		border-left: 2px solid #003A7F;
	}

	.seminar-day-item-content {
		font-size: 13px;
	}
}

@media only screen and (min-width: 1920px) {
	.seminar-day-item {
		font-size: 20px;
	}

	.seminar-day-item-content-title {
		font-size: 25px;
	}

	.seminar-day-item-content {
		font-size: 18px;
	}
}


#science-zone {
	padding-top: 100px;
}

.science-zone-content-subtext {
	word-break: keep-all;
}

.science-zone-content-subtext:last-child {
	margin-right: 0 !important;
}

.science-zone-content-red {
	color: #D30000;
}

.science-item-content-title {
	font-size: 18px;
	font-weight: 700;
}

.science-item-content-desc {
	font-size: 16px;
	line-height: 1.3em;
}

@media only screen and (min-width: 768px) {
	.science-item-content-desc {
		font-size: 18px;
	}
}

@media only screen and (min-width: 1200px) {
	.science-item-content-desc {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1920px) {
	.science-item-content-desc {
		font-size: 18px;
	}
}

#centerstage-zone {
	padding-top: 100px;
}


.centerstage-day-item {
	background-color: transparent;
	color: #a3a3a3;
	text-align: center;
	border-radius: 30px;
	border: 2px solid #a3a3a3;
	line-height: 1em;
	padding: 10px 0;
	font-size: 14px;
	position: relative;
	transition: .3s;
}

.centerstage-day-item:last-child {
	margin-bottom: 0 !important;
}

.centerstage-day-item.active {
	font-weight: 700;
}

.centerstage-day-item:hover,
.centerstage-day-item.active {
	background-color: #00A49A;
	color: #ffffff;
	border: 2px solid #00A49A;
}

.centerstage-day-item.late {
	background-color: #a3a3a3;
	color: #ffffff;
}

.centerstage-day-item .centerstage-minitext {
	color: #a3a3a3;
	font-size: 14px;
	font-weight: 300;
	transition: .3s;
}

.centerstage-day-item:hover .centerstage-minitext,
.centerstage-day-item.active .centerstage-minitext {
	color: #ffffff;
}

.centerstage-day-item.active:after {
	content: "\f0da";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: -30px;
	color: #00A49A;
	font-size: 40px;
	transform: translateY(-50%);
}

.centerstage-day-content {
	color: #005E55;
	background-color: #EBFFEB;
}

.centerstage-day-item-content {
	font-size: 14px;
}

.centerstage-day-item-content-row:last-child {
	margin-bottom: 0 !important;
}

.centerstage-day-item-content-title {
	font-size: 20px;
	color: #00A49A;
	font-weight: 700;
}

.centerstage-dropdown-day {
	width: 100%;
	max-width: 300px;
	text-align: center;
	border-radius: 30px;
	border: 2px solid #00A49A;
}

.centerstage-dropdown-day,
.centerstage-dropdown-day:focus,
.centerstage-dropdown-day .btn,
.centerstage-dropdown-day .btn:focus {
	outline: none !important;
}

.centerstage-dropdown-day .btn {
	padding: 10px 0;
	color: #00A49A !important;
	font-weight: 700;
	font-size: 20px;
	border: 0;
}

.centerstage-dropdown-day .dropdown-menu {
	width: 100%;
	text-align: center;
}

.centerstage-dropdown-day .dropdown-item {
	padding: 10px 0;
	font-size: 20px;
}

.centerstage-dropdown-day .dropdown-item.active,
.centerstage-dropdown-day .dropdown-item:active {
	background-color: #00A49A;
	color: #ffffff;
	font-weight: 700;
}

.centerstage-content-title {
	color: #000000;
	font-size: 24px;
}

.centerstage-day-content-background {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.centerstage-hr {
	border-top: 2px solid #00A49A;
	width: 70%;
	opacity: 1;
	margin: 30px auto;
}

@media only screen and (min-width: 992px) {
	.centerstage-day-item-content {
		font-size: 18px;
	}
}

@media only screen and (min-width: 1200px) {

	.centerstage-day-item-content {
		font-size: 16px;
	}
}

@media only screen and (min-width: 1920px) {
	.centerstage-day-item {
		font-size: 20px;
	}

	.centerstage-day-item-content-title {
		font-size: 25px;
	}

	.centerstage-day-item-content {
		font-size: 18px;
	}
}

#home-zone-6 {
	padding-top: 100px;
}

.coorganize-item {
	color: #ffffff;
}

.coorganize-item-1 {
	background-color: #f06a24;
}

.coorganize-item-2 {
	background-color: #eda222;
}

.coorganize-item-3 {
	background-color: #00a49a;
}

.coorganize-item-4 {
	background-color: #26a6de;
}

.coorganize-item-5 {
	background-color: #003a7f;
}

.coorganize-item-6 {
	background-color: #af5cd6;
}

.coorganize-item-img {
	max-width: 100px;
}

.coorganize-item-num {
	font-size: 60px;
	line-height: 1em;
}

.coorganize-item-unit {
	font-size: 14px;

}

.coorganize-item-desc {
	font-size: 14px;
	line-height: 1.3em;
	font-weight: 700;
}

.coorganize-item-readmore {
	position: absolute;
	width: calc(100% - 30px);
	bottom: 18px;
	left: 15px;
	font-size: 16px;
	font-weight: 600;
	background-color: #ffffff;
	color: #000000;
	border-radius: 50px;
}

.coorganize-modal-title-zone {
	background-color: #dee1e6;
	color: #003A7F;
}

.coorganize-modal-content-zone {
	color: #000000;
}

@media only screen and (min-width: 1200px) {

	.coorganize-item-unit,
	.coorganize-item-desc {
		font-size: 13px;
	}
}

@media only screen and (min-width: 1920px) {

	.coorganize-item-unit,
	.coorganize-item-desc {
		font-size: 16px;
	}

	.coorganize-item-readmore {
		width: calc(100% - 60px);
		left: 30px;
		bottom: 22px;
	}
}

#home-zone-7 {
	padding-top: 100px;
}

.vdo-btn-image {
	max-width: 260px;
}

.youtube_live {
	aspect-ratio: 16 / 9;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ffffff;
}

.youtube-background {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.youtube-main-item-content {
	background-color: #003A7F;
	color: #ffffff;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.youtube-background-play {
	position: absolute;
	width: 70px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

#vdo-modal .youtube-main-item-content {
	background-color: #dee1e6;
	color: #003A7F;
}

#vdo-modal .youtube-main-item-content-title {
	font-size: 16px;
}

#vdo-modal .youtube-main-item-content-subtitle {
	font-size: 14px;
}

@media only screen and (min-width: 992px) {
	#vdo-modal .youtube-main-item-content-title {
		font-size: 22px;
	}

	#vdo-modal .youtube-main-item-content-subtitle {
		font-size: 18px;
	}
}

:root {
	--news-martop: 0px;
}

#home-zone-8 {
	padding-top: 100px;
}

.news-btn-image {
	max-width: 260px;
}

.news-item {
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
	transition: .3s;
}

#news-modal .news-item {
	background-color: #dee1e6;
}

.news-item:hover {
	transform: scale(1.05);
}

.news-item-2 {
	margin-top: var(--news-martop);
}

.news-item-3 {
	margin-top: calc(var(--news-martop) * 2);
}

.news-item-image {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.news-item-date {
	color: #00A49A;
	font-size: 14px;
	font-weight: 700;
}

.news-item-title {
	font-size: 21px;
}

.sg-news-title {
	font-size: 32px;
}

.sg-news-date {
	color: #00A49A;
	font-size: 18px;
	font-weight: 700;
}

.sg-news-content {
	color: #000000;
}

.sg-news-title-other {
	font-size: 28px;
}

.single-news .main-navigation {
	position: relative !important;
	opacity: 1 !important;
	top: 20px;
	width: 100%;
}

@media only screen and (min-width: 768px) {
	:root {
		--news-martop: 30px;
	}

	.news-item-title {
		font-size: 18px;
	}
}

@media only screen and (min-width: 992px) {
	:root {
		--news-martop: 50px;
	}
}

@media only screen and (min-width: 1920px) {
	.news-item-title {
		font-size: 21px;
	}

	#news-modal .news-item-title {
		font-size: 18px;
	}
}

#home-zone-9 {
	padding-top: 100px;
}

#gallery-zone {
	padding-top: 100px;
}

.gallery-item {
	background-color: #dbdee3;
}

.gallery-item-thumbnail-img {
	position: absolute;
	bottom: 12%;
	left: 4%;
	width: 63%;
	height: 64%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery-item-button {
	background: linear-gradient(to right, rgba(237, 107, 36, 1) 0%, rgba(234, 159, 34, 1) 58%, rgba(234, 159, 34, 1) 100%);
	color: white;
	font-weight: 700;
}


.map-iframe-zone iframe {
	aspect-ratio: 4 / 4;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ffffff;
}

.contact-content-zone {
	background-color: #ffffff;
	color: #000000;
}

.contact-content-title {
	color: #003A7F;
	font-weight: 700;
	font-size: 20px;
}

.contact-content-desc>p {
	margin-bottom: 10px;
}

.contact-content-social-item {
	font-weight: 700;
}

.contact-content-social-item:last-child {
	margin-bottom: 0 !important;
}

.contact-content-social-item-img {
	max-width: 40px;
}

.background-7-1 {
	max-width: 100%;
	position: absolute;
	bottom: -5%;
	right: -13%;

	animation-name: background-7-1;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}



.background-7-2 {
	max-width: 100%;
	position: absolute;
	bottom: -5%;
	right: 0;

	animation-name: background-7-2;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes background-7-1 {

	0%,
	100% {
		transform: translateY(0) rotate(-3deg)
	}

	50% {
		transform: translateY(-15px) rotate(3deg)
	}
}

@keyframes background-7-2 {

	0%,
	100% {
		transform: translateY(0) rotate(-3deg)
	}

	50% {
		transform: translateY(-15px) rotate(3deg)
	}
}