*,
::before,
::after {
	box-sizing: border-box;

	/* 1 */
	border-width: 0;

	/* 2 */
	border-style: solid;

	/* 2 */
	border-color: #e5e7eb;

	/* 2 */
}

::before,
::after {
	--tw-content: "";
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
	line-height: 1.5;

	/* 1 */
	/*-webkit-text-size-adjust: 100%;*/

	/* 2 */

	/* 3 */
	/*-o-tab-size: 4;*/
	tab-size: 4;

	/* 3 */
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
	Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
	"Segoe UI Symbol", "Noto Color Emoji";

	/* 4 */
	font-feature-settings: normal;

	/* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
	margin: 0;

	/* 1 */
	line-height: inherit;

	/* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
	height: 0;

	/* 1 */
	color: inherit;

	/* 2 */
	border-top-width: 1px;

	/* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
	/*-webkit-text-decoration: underline dotted;*/
	text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
	color: inherit;
	text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {font-size: 80%;}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub{bottom: -0.25em;}

sup{top: -0.5em;}

/*
1. Remove text indentation from table contents in Chrome and Safari.
(https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari.
(https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
	text-indent: 0;

	/* 1 */
	border-color: inherit;

	/* 2 */
	border-collapse: collapse;

	/* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	font-weight: inherit;

	/* 1 */
	line-height: inherit;

	/* 1 */
	color: inherit;

	/* 1 */
	margin: 0;

	/* 2 */
	padding: 0;

	/* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
	text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type="button"],
[type="reset"],
[type="submit"] {
	/*-webkit-appearance: button;*/

	/* 1 */
	background-color: transparent;

	/* 2 */
	background-image: none;

	/* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

/*:-moz-focusring {*/
/*    outline: auto;*/
/*}*/

/*
Remove the additional `:invalid` styles in Firefox.
(https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

/*:-moz-ui-invalid {*/
/*    box-shadow: none;*/
/*}*/

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

/*::-webkit-inner-spin-button,*/
/*::-webkit-outer-spin-button {*/
/*    height: auto;*/
/*}*/

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type="search"] {
	/*-webkit-appearance: textfield;*/

	/* 1 */
	outline-offset: -2px;

	/* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

/*::-webkit-search-decoration {*/
    /*-webkit-appearance: none;*/
/*}*/

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

/*::-webkit-file-upload-button {*/
/*    -webkit-appearance: button;*/

/*    !* 1 *!*/
/*    font: inherit;*/

/*    !* 2 *!*/
/*}*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
	margin: 0;
}

fieldset {
	margin: 0;
	padding: 0;
}

legend {
	padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
	resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
	opacity: 1;

	/* 1 */
	color: #9ca3af;

	/* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
	cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
	cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default.
	(https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;

	/* 1 */
	vertical-align: middle;

	/* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio.
(https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
	max-width: 100%;
	height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
	display: none;
}

*,
::before,
::after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 0;
	--tw-scale-y: 0;
	--tw-pan-x: 0;
	--tw-pan-y: 0;
	--tw-pinch-zoom: 0;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal: 0;
	--tw-slashed-zero: 0;
	--tw-numeric-figure: 0;
	--tw-numeric-spacing: 0;
	--tw-numeric-fraction: 0;
	--tw-ring-inset: 0;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: 0;
	--tw-brightness: 0;
	--tw-contrast: 0;
	--tw-grayscale: 0;
	--tw-hue-rotate: 0;
	--tw-invert: 0;
	--tw-saturate: 0;
	--tw-sepia: 0;
	--tw-drop-shadow: 0;
	--tw-backdrop-blur: 0;
	--tw-backdrop-brightness: 0;
	--tw-backdrop-contrast: 0;
	--tw-backdrop-grayscale: 0;
	--tw-backdrop-hue-rotate: 0;
	--tw-backdrop-invert: 0;
	--tw-backdrop-opacity: 0;
	--tw-backdrop-saturate: 0;
	--tw-backdrop-sepia: 0;
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: 0;
	--tw-pan-y: 0;
	--tw-pinch-zoom: 0;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal: 0;
	--tw-slashed-zero: 0;
	--tw-numeric-figure: 0;
	--tw-numeric-spacing: 0;
	--tw-numeric-fraction: 0;
	--tw-ring-inset: 0;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: 0;
	--tw-brightness: 0;
	--tw-contrast: 0;
	--tw-grayscale: 0;
	--tw-hue-rotate: 0;
	--tw-invert: 0;
	--tw-saturate: 0;
	--tw-sepia: 0;
	--tw-drop-shadow: 0;
	--tw-backdrop-blur: 0;
	--tw-backdrop-brightness: 0;
	--tw-backdrop-contrast: 0;
	--tw-backdrop-grayscale: 0;
	--tw-backdrop-hue-rotate: 0;
	--tw-backdrop-invert: 0;
	--tw-backdrop-opacity: 0;
	--tw-backdrop-saturate: 0;
	--tw-backdrop-sepia: 0;
}

/* ===== General ===== */
body{
	font-size:1em;
	overflow-x: hidden;
}
a, a div{
	cursor: pointer !important;
}
/*select:focus{*/
/*	outline: none;*/
/*}*/
.hidden{
	display: none !important;
}
.rotate-180{
	transform: rotate(180deg);
}
.w-max-1300{
	max-width: 1440px;
	margin: 0 auto;
}
.tabletVer, .desktopVer{
	display: none;
}
.custom-logo{
	max-width: 236px;
	max-height: 71px;
}

@media (min-width: 768px) {
	.mobileVer{
		display: none;
	}
	.tabletVer{
		display: block;
	}
}
@media (min-width: 1024px) {
	.mobileTabletVer, .tabletVer{
		display: none;
	}
	.desktopVer{
		display: block;
	}
}

/* font size */
.Display{
	font-weight: 700;
	font-size: 2.25em;
	line-height: 110%;
	/*letter-spacing: -1px;*/
}
.Heading1{
	font-weight: 700;
	font-size: 1.625em;
	line-height: 120%;
}
.Heading2{
	font-weight: 700;
	font-size: 1.5em;
	line-height: 120%;
}
.Heading3{
	font-weight: 600;
	font-size: 1.25em;
	line-height: 120%;
}
.Subtitle{
	font-weight: 600;
	font-size: 1.125em;
	line-height: 130%;
}
.Body1{
	font-weight: 400;
	font-size: 1em;
	line-height: 150%;
}
.Body2{
	font-weight: 400;
	font-size: 0.875em;
	line-height: 150%;
}
.Label1{
	font-weight: 600;
	font-size: 1em;
	line-height: 130%;
}
.Label2{
	font-weight: 500;
	font-size: 0.875em;
	line-height: 130%;
}
.Caption{
	font-weight: 400;
	font-size: 0.875em;
	line-height: 150%;
}

@media (min-width: 768px) {
	.Display{font-size: 3.25em;}
	.Heading1{font-size: 3em;}
	.Heading2{font-size: 2.25em;}
	.Heading3{font-size: 2em;}
	.Subtitle{font-size: 1.625em;}
	.Body1{font-size: 1.375em;}
	.Body2{font-size: 1.125em;}
	.Label1{font-size: 1.125em;}
	.Label2{font-size: 1em;}
	.Caption{font-size: 1em;}
}

/* color */
.text-FFFFFF{color: #FFFFFF;}
.text-4D7C0F{color: #4D7C0F;}
.text-737373{color: #737373;}
.text-525252{color: #525252;}
.text-262626{color: #262626;}
.text-365314{color: #365314;}
.text-212121{color: #212121;}
.text-616161{color: #616161;}
.text-1E293B{color: #1E293B;}

.bg-FFFFFF{background: #FFFFFF;}
.bg-FAFAFA{background: #FAFAFA;}
.bg-F7FEE7{background: #F7FEE7;}
.bg-D9F99D{background: #D9F99D;}
.bg-4D7C0F{background: #4D7C0F;}
.bg-006400{background: #006400;}

.border-e-D4D4D4{border-right: 1px solid #D4D4D4;}

/* Other */
.gap-8{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.pe-0, .pe-lg-88{padding-right: 0 !important;}

.supportOrgContainer, .sectionContainer{
	padding: 40px 16px;
	position: relative;
	overflow-x: hidden;
}
.mobileNavSpacing{
	width: 100%;
	height: 80px;
}
.col_row_Container{
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
	z-index: 2;
}
.site-main{position: relative;}

@media (min-width: 768px) {
	.sectionContainer{padding: 60px 32px;}
	.supportOrgContainer{
		padding: 32px;
	}
}
@media (min-width: 1024px) {
	.mobileNavSpacing{display: none;}
	.sectionContainer{
		padding: 80px 88px;
		overflow-x: visible;
	}
	.supportOrgContainer{
		padding: 40px 88px;
 	}
	.col_row_Container{
		flex-direction: row;
		gap: 20px;
	}
	.col_row_Container > div{flex: 1;}
	.prTitle{
		justify-content: start !important;
		gap: 32px;
	}
	.highlightsTitle{justify-content: start !important;}
}

/* ===== Header ===== */
.contactUs{
	width: 100%;
	padding: 16px;
}
.contactUs > a{
	width: 100%;
	cursor: pointer;
}
.btnContactUs{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 8px;
	background: #FFFFFF;
}
.btnContactUs:hover span{color: #FFFFFF;}
.headerSearchContainer{
	flex: 1;
	display: flex;
	justify-content: end;
}
.headerSearchContainer a{
	width: fit-content;
	padding: 10px;
}
.headerSearch{
	padding: 16px;
	cursor: pointer;
}
.searchCross{
	display: none;
}
.navItem{
	width: 100%;
	padding: 12px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	column-gap: 8px;
}
.navItemText{
	display: flex;
	align-items: center;
	column-gap: 4px;
}
.navItemText svg{width: 20px;}
.header {
	width: 100%;
	height: 80px;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
	position: fixed;
	z-index: 9999;
}
.header div.menu {background-color: #fff;}

.header li a {
	display: block;
	padding: 20px 20px;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
	background-color: #f5f5f5;
}

.header .logo {
	display: block;
	float: left;
	padding: 16px 0;
	font-size: 2em;
	text-decoration: none;
}
.logo img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	padding: 4px;
}

/* menu */
.header .menu {
	display: none;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;

	clear: both;
	max-height: 0;
	transition: max-height .2s ease-out;
}

/* menu icon */
.header .menu-icon {
	cursor: pointer;
	display: inline-block;
	float: right;
	padding: 24px 16px;
	position: relative;
	user-select: none;
	border-radius: 4px;
	background: #F7FEE7;
}

.header .menu-icon .navicon {
	background: #4D7C0F;
	display: block;
	height: 2px;
	position: relative;
	transition: background .2s ease-out;
	width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
	background: #4D7C0F;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	transition: all .2s ease-out;
	width: 100%;
}

.header .menu-icon .navicon:before {top: 5px;}
.header .menu-icon .navicon:after {top: -5px;}

/* menu btn */
.header .menu-btn {display: none;}

.header .menu-btn:checked ~ .menu {
	display: block;
	max-height: fit-content;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}

.header .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}

.header .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}

.header .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
	top: 0;
}

.navSubItem{
	width: 100%;
	padding: 12px 32px;
	cursor: pointer;
}
.navSubItem:hover{
	color: #FFFFFF;
	background: #4D7C0F;
}
.navItem:hover{background: #4D7C0F;}
.navItem:hover p{color: #FFFFFF;}
.navItem:hover path{fill: #FFFFFF;}
.navSubItem:hover path{fill: #FFFFFF;}

.btnBorder{
	padding: 8px 16px;
	border: 1px solid #65A30D;
	border-radius: 40px;
	cursor: pointer;
}
.btnBorder:hover{background: #65A30D;}
.btnBorder:hover span{color: #FFFFFF;}
.btnBorder:hover path{fill: #FFFFFF;}

/* WPML */
#listWPML{
	position: absolute;
	min-width: fit-content;
	z-index: 10000;
	top: 100%;
	left: 32px;
	height: 0;
	background: #fff;
	color: #4D7C0F;
	border-radius: 0 0 8px 8px;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
	overflow: hidden;
	visibility: hidden;
}

.optionFS{
	padding: 12px 34px 12px 32px;
}
.mdHeader, .navBar{display: none;}
.searchForm{
	position: absolute;
	min-width: fit-content;
	z-index: 10000;
	top: 100%;
	right: 0;
	padding: 8px 12px 8px 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	height: 0;
	color: #4D7C0F;
	background: #fff;
	border: 2px solid #65A30D;
	border-radius: 8px;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
	overflow: hidden;
	visibility: hidden;
}
.searchForm input[type=text]{
	border-bottom: 1px solid #4D7C0F;
}
/*.searchForm input:focus{*/
/*	outline: none;*/
/*}*/

@media (min-width: 1024px) {
	.header{
		display: none;
	}
	.header li {
		float: left;
	}
	.header li a {
		padding: 20px 30px;
	}
	.header .menu {
		clear: none;
		float: right;
		max-height: none;
	}
	.header .menu-icon{
		display: none;
	}
	.navSub{
		position: absolute;
		min-width: fit-content;
		width: 100%;
		z-index: 10000;
		top: 90%;
		height: 0;
		background: #fff;
		color: #4D7C0F;
		border-radius: 0 0 8px 8px;
		filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));

		overflow: hidden;
		visibility: hidden;
		opacity: 0;
	}
	.navSelected > .navSub{
		display: flex;
		flex-direction: column;
		align-items: center;
		visibility : visible;
		opacity : 1;
	}
	.navItem:hover .navSub{
		background: #fff;
	}
	.navItem:hover p{
		color: #4D7C0F;
	}
	.navSubItem{
		width: 100%;
		color: #4D7C0F;
		background: #FFFFFF;
		padding: 8px 16px;
		text-align: center;
	}
	.navSubItem:hover, .navSub a:focus div{
		background: #4D7C0F;
	}
	.navSubItem:hover p, .navSub a:focus div{
		color: #FFFFFF;
	}
	.navSubItemCN{
		white-space: nowrap;
	}
	.logo img{padding: 0;}
	.mdHeader{
		display: flex;
		justify-content: space-between;
		padding: 16px 88px;
	}
	.mdHeaderElement{
		display: flex;
		align-items: center;
		column-gap: 36px;
	}
	.mdHeaderBtn{
		display: flex;
		column-gap: 24px;
		align-items: center;
		position: relative;
	}
	.mdHeaderBtn #mdBtnWPML{
		padding: 10px;
		border-radius: 8px;
		background: #F7FEE7;
	}
	.containerAAA{
		display: flex;
		align-items: center;
		padding: 16px;
		column-gap: 8px;
	}
	.activeFS path{
		fill: #000;
	}
	.btnContactUs{
		width: fit-content;
	}

	/* Navbar */
	.navBar{
		width: 100%;
		display: flex;
		justify-content: center;
		padding: 0 16px;
	}
	.navText, .navTextBorder{
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: #FFFFFF;
		position: relative;
		cursor: default;
		padding: 0px 32px;
		gap: 4px;
	}
	.mdNavItem{
		display: flex;
		justify-content: center;
		position: relative;
		padding: 12px 0;
		flex: 1;
	}
	.mdNavItem a{
		width: 100%;
	}
	.mdNavItem:hover > a, .mdNavItem:hover > div{
		color: #E0E0E0;
	}
	.navTextBorder{
		border-right: 1px solid #FFFFFF;
	}
	.searchForm{
		right: 50%;
	}
}

@media (min-width: 1440px) {
	.navBar{
		padding: 0 36px 0 16px;
	}
}

/* ===== Footer ===== */
.site-footer{
	border-top: 1px solid #E0E0E0;
}
.footerContainer{
	padding: 16px;
}
.footerLHS{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 8px;
}
.footerNavContainer{
	padding: 0px 40px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 16px;
}
.footerNav, .footerNavFirst{
	padding: 0 12px;
	margin: 8px 0;
}
.footerNavFirst{
	padding-left: 0 !important;
}
.footerImgContainer{
	display: flex;
	justify-content: center;
	column-gap: 8px;
}
.footerImg{
	width: 100px;
	height: 70px;
	object-fit: contain;
}
@media (min-width: 1024px) {
	.footerContainer{
		display: flex;
		justify-content: space-between;
		column-gap: 16px;
		padding: 16px 88px;
	}
	.footerLHS{
		align-items: start;
		margin: 0;
	}
	.footerNavContainer{
		padding: 0;
		justify-content: start;
		margin-bottom: 12px;
	}
	.footerNav, .footerNavFirst{margin: 4px 0;}
	.footerImgContainer{justify-content: start;}
	.footerNavContainer{margin-bottom: 12px;}
}

/* ===== Home page ===== */
/* --- Hero banner --- */
.heroBannerImg{
	width: 3000px;
	height: auto;
	object-fit: fill;
}
.swiper-button-prev{
	left: 0;
	width: 36px;
	background: rgba(255, 255, 255, 0.80);
	border-radius: 0px 70px 70px 0px;
}
.swiper-button-next{
	right: 0;
	width: 36px;
	background: rgba(255, 255, 255, 0.80);
	border-radius: 70px 0px 0px 70px;
}
.swiper-button-prev:after,
.swiper-button-next:after{
	color: #616161;
	font-size: 0.75em;
	font-weight: bold;
}
.swiper-pagination{
	bottom: 4px !important;
}
.my-bullet-active{
	width: 36px !important;
	height: 12px !important;
	background: #737373 !important;
}
.swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background: #FAFAFA;
	border: 1px solid #737373;
	border-radius: 100px;
	opacity: 1;
}
.desktop-hero-swiper-prev, .desktop-hero-swiper-next{
	display: none;
}
.playPause{
	position: absolute;
	z-index: 10;
	left: 16px;
	bottom: 8px;
	cursor: pointer;
}
.btnPlay, .btnPause{
	position: absolute;
	z-index: 10;
	bottom: 0px;
	cursor: pointer;
}
.btnPlay{
	left: 4px;
}
.btnPause{
	left: 32px;
}

@media (min-width: 768px) {
	.heroSwiper .swiper-slide-active{
		display: flex;
		justify-content: center;
	}
	.swiper-pagination{
		display: block;
		text-align: right;
		padding-right: 36px;
	}
	.swiper-button-prev:after,
	.swiper-button-next:after{
		font-size: 1em;
	}
	.my-bullet-active{
		width: 32px;
		height: 12px;
		background: #FFFFFF;
	}
}
@media (min-width: 1024px) {
	.desktop-hero-swiper-prev, .desktop-hero-swiper-next{
		display: flex;
	}
	.desktop-hero-swiper-prev:after, .desktop-hero-swiper-next:after{
		color: #525252 !important;
	}
	.desktop-hero-swiper-prev{
		border-radius: 0px 70px 70px 0px !important;
		border-top: 1px solid #D4D4D4 !important;
		border-right: 1px solid #D4D4D4 !important;
		border-bottom: 1px solid #D4D4D4 !important;
		border-left: 0 !important;
		background: rgba(255, 255, 255, 0.80) !important;
	}
	.desktop-hero-swiper-next{
		border-radius: 70px 0px 0px 70px !important;
		border-top: 1px solid #D4D4D4 !important;
		border-right: 0 !important;
		border-bottom: 1px solid #D4D4D4 !important;
		border-left: 1px solid #D4D4D4 !important;
		background: rgba(255, 255, 255, 0.80) !important;
	}
}
@media (min-width: 1440px) {
	.heroBannerImg{
		width: 3000px;
	}
}

/* Supporting Organizations */
.supOrgTitle{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.supOrgContainer{
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 12px;
}
.orgBox{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
}
.orgCategory{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}
.orgCategory div{white-space: nowrap;}
.orgCategory hr{width: 100%;}
.orgList, .orgListLarge{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
}
.orgListLarge{width: 100%;}
.orgMS_Container{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.orgLarge{
	max-width: 210px;
	min-height: 80px;
	max-height: 180px;
}
.orgMedium{
	max-width: 180px;
	min-height: 60px;
}
.orgSmall{
	max-width: 150px;
	min-height: 40px;
}
.orgLarge, .orgMedium, .orgSmall{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 8px;
	flex: 1;
}
.orgLarge, .orgMedium{
	padding: 4px 16px;
}
.orgSmall{
	padding: 0 8px;
}
.orgLarge img, .orgMedium img, .orgSmall img{
	max-height: 80px;
	border-radius: 8px;
	object-fit: contain;
}

@media (min-width: 768px) {
	.orgList, .orgListLarge{
		flex-direction: row;
	}
	.orgLarge{height: 100px;}
	.orgMedium{height: 80px;}
	.orgSmall{height: 60px;}
}

@media (min-width: 1024px) {
	.orgLarge img, .orgMedium img, .orgSmall img{
		max-height: 200px;
	}
	.supOrgContainer{
		flex-direction: row;
		justify-content: space-around;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.supOrgTitle{
		justify-content: start;
		margin-bottom: 40px;
	}
	.orgBox{width: calc(50% - 30px);}
	.largeRow{
		width: 100%;
	}
	.orgMS_Container{
		flex-direction: row;
	}
	.orgLarge, .orgMedium, .orgSmall{
		max-width: 100%;
	}
	.orgLarge, .orgLarge img{
		height: 300px;
		max-height: 300px;
	}
	.orgLarge0, .mediumRow{
		flex: .65;
		min-width: 65%;
		max-height: 65%;
	}
	.orgLarge1{flex: .2;}
	.orgLarge2{flex: .15;}
	.orgMedium{
		height: 150px;
		max-height: 150px;
	}
	.orgMedium img{
		height: 100px;
		max-height: 100px;
	}
	.smallRow{
		flex: .175;
	}
	.smallRow .orgList{
		height: 150px;
		flex-direction: column;
		gap: 8px;
	}
	.orgList > .orgSmall{
		flex: auto;
		overflow: hidden;
	}
	.smallLHS .orgList div:first-child{
		flex: .75;
	}
	.smallLHS .orgList div:not(:first-child){
		flex: .25;
	}
	.smallRHS .orgList div:first-child{
		flex: .5;
	}
	.smallRHS .orgList div:not(:first-child){
		flex: .25;
	}
}

/* Press Releases */
.navArrow,
.sectionArrow{
	width: fit-content;
	border-radius: 50px;
}
.sectionArrow{padding: 8px}
.sectionTitle{
	display: flex;
	justify-content: center;
	text-align: center;
	position: relative;
	z-index: 3;
}
.prTitle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	position: relative;
	z-index: 10;
}
.highlightsTitle{margin-bottom: 12px;}
.prCard{
	padding: 16px;
	display: flex;
	gap: 8px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
	position: relative;
	z-index: 10;
	flex: 1;
}
.prBGContainer{
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 50;
}
.prBGsvg{
	position: absolute;
	z-index: 1;
	top: -16px;
	right: -16px;
}

@media (min-width: 768px) {
	.prBGsvg{
		top: -25%;
		right: -30%;
	}
	.prCard{
		padding: 24px 16px;
		gap: 12px;
	}
}
@media (min-width: 1024px) {
	.prBGContainer .prBGsvg.tabletVer{display: none}
	.prBGsvg{
		top: -20%;
		right: -25%;
	}
	.prCard{
		max-width: 640px;
		gap: 24px;
	}
}

/* Featured Courses & Activities */
.featuredWrapper{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.featuredContainer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 32px;
}
.featuredCard{
	width: 100%;
	max-width: 640px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
}
.featuredCardImg{
	flex: 1;
	overflow: hidden;
	border-radius: 16px 16px 0 0;
}
.featuredCardImg img{
	width: 100%;
	height: 218px;
	transition: transform 0.2s ease-out;
	object-fit: cover;
}
.featuredCard:hover img{transform: scale(1.02);}
.featuredCard:hover .btnMore{text-decoration: underline;}
.featuredCardInfo{
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 16px;
	gap: 24px;
}
.btnMore{
	width: fit-content;
	height: 48px;
	padding: 0px 12px 0px 16px;
	margin-left: auto;

	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
}
.exploreMore{
	display: flex;
	justify-content: center;
}
.exploreMore .btnMore:hover{background: #65A30D;}

@media (min-width: 1024px) {
	.featuredContainer{
		flex-wrap: wrap;
		gap: 20px;
		flex-direction: row;
	}
	.featuredContainer a{width: calc(50% - 10px);}
}

/* Elder Academies Clusters & Related Links */
.titleAndCaption{
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
}
.clusterContainer{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 56px;
}
.clusterCard{
	width: calc(50% - 8px);
	max-width: 350px;
}
.clusterSvg{
	position: absolute;
	z-index: 1;
	top: 5px;
	right: 0;
}
.lineSvg{
	position: absolute;
	z-index: 5;
	top: 15%;
	right: 0;
}
.relatedLinkTitle{margin-bottom: 24px;}
.titleAndCaption,
.clusterContainer{
	position: relative;
	z-index: 10;
}
.titleAndCaption div{
	max-width: 690px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	text-align: center;
}
.relatedLinkSwiper .swiper-slide{
	width: 360px;
	height: 120px;
	padding: 0px 32px;

	display: flex;
	justify-content: center;
	align-items: center;

	border: #D4D4D4;
	border-radius: 8px;
	background: #FFF;
}
.relatedHead{
	display: flex;
	justify-content: center;
	align-items: center;
}
.btnRelatedLink{display: none;}
.relatedLink-prev, .relatedLink-next{position: relative;}
.swiper-button-prev, .swiper-button-next{
	width: 32px;
	height: 32px;
	border-radius: 70px;
	border: 1px solid #65A30D;
	background: #FAFAFA;
	box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
}
.swiper-button-prev:after, .swiper-button-next:after{
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	color: #65A30D;
}

@media (min-width: 768px) {
	.clusterSvg{
		position: absolute;
		z-index: 1;
		top: 25px;
		right: -14%;
	}
	.clusterImg{
		position: absolute;
		z-index: 2;
		top: 10%;
		right: 10%;
	}
}
@media (min-width: 1024px) {
	.swiper-button-prev, .swiper-button-next {
		width: 48px;
		height: 48px;
	}
	.clusterContainer{gap: 32px;}
	.clusterCard{width: calc(33.3333% - 22px);}
	.clusterSvg{
		position: absolute;
		z-index: 1;
		top: 25px;
		right: -14%;
	}
	.relatedHead{justify-content: space-between;}
	.btnRelatedLink{
		display: flex;
		gap: 40px;
		padding-right: 88px;
	}
}

/* ===== Page Attribute ===== */
.sectionBannerContainer{
	position: relative;
	z-index: 50;
	display: flex;
	justify-content: center;
}
.bannerImg{width: 100%;}
.bannerImg img{
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.bannerImg img{height: 320px;}
.blurContainer{
	width: calc(100% - 32px);
	max-width: calc(1440px - 176px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	padding: 20px 16px;
	text-align: center;

	position: absolute;
	bottom: 0;
	border-radius: 24px 24px 0px 0px;
	background: rgba(251, 251, 251, 0.70);
	backdrop-filter: blur(25px);
}
.breadCrumb{
	display: flex;
	align-items: center;
	gap: 4px;
}
.breadCrumb a:hover{text-decoration: underline;}

@media (min-width: 768px) {
	.bannerImg img{height: 400px;}
	.blurContainer{width: calc(100% - 64px);}
}
@media (min-width: 1024px) {
	.blurContainer{
		width: calc(100% - 176px);
		border-radius: 60px 60px 0px 0px;
	}
}

/* ===== Contact Us ===== */
.contactHeading,
.contactCard{
	position: relative;
	z-index: 5;
}
.contactCardContainer{gap: 20px;}
.contactHeading{
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 40px;
	text-align: center;
}
.contactCard{
	display: flex;
	padding: 24px 16px;
	gap: 16px;

	border-radius: 16px;
	background: #F7FEE7;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
}
.contactInfo{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.contactInfo a{text-decoration: underline;}
.contactBG{
	position: absolute;
	top: 40%;
	left: 0;
}
.addressCard{
	margin-top: 20px;
	margin-bottom: 32px;
}
.qrcodeContainer{
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 768px) {
	.contactHeading{margin-bottom: 80px;}
	.addressCard{
		margin-top: 20px;
		margin-bottom: 60px;
	}
}

/* Message From */
.messageHeader{
	gap: 20px;
	padding-bottom: 24px;
}
.messageHeader .Heading2{white-space: nowrap;}
.messageTabContainer{
	padding: 4px;
	border-radius: 8px;
	border: 1px solid #A3E635;
	background: #F7FEE7;
}
.messageTabContainer a:hover{text-decoration: underline;}
.messageTab{
	display: flex;
	padding: 8px 32px;
	justify-content: center;
	align-items: center;
	text-align: center;
	/*white-space: nowrap;*/
}
.messageTabActive{
	border-radius: 6px;
	color: #FFFFFF;
	background: #4D7C0F;
}
.messageContainer{
	position: relative;
	padding: 20px;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 20px;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
	background: #FFFFFF;
}
.messageContent{
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
	text-align: justify;
}
.messagePhoto{width: 170px;}
.quotationSVG{
	position: absolute;
	right: -10px;
	top: -20px;
}
.lightgreenBG{
	position: absolute;
	top: -1%;
	left: -64%;
}

@media (min-width: 768px) {
	.messageContainer{padding: 40px;}
	.messageTabContainer{display: flex;}
	.messageTabContainer a{flex: 1;}
	.lightgreenBG{
		/*top: 5%;*/
		top: 3%;
		left: -10%;
	}
}
@media (min-width: 1024px) {
	.messageContainer{
		flex-direction: row;
		flex-wrap: wrap;
		padding: 80px;
		gap: 80px;
	}
	.messageContent{gap: 40px;}
	.quotationSVG{
		right: -20px;
		top: -20px;
	}
}

/* ===== Elder Academy Development Foundation ===== */
.foundationContainer{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.foundationRow{
	display: flex;
	flex-direction: column;
	gap: 12px;
	position: relative;
	z-index: 5;
}
.foundationCatContainer{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 24px;
}
.foundationCategory{
	padding: 12px;
	display: flex;
	align-items: center;
	gap: 16px;
	border-radius: 100px;
	background: #F7FEE7;
}
.foundationCatNum{
	display: flex;
	width: 40px;
	height: 40px;
	padding: 0px 16px;
	justify-content: center;
	align-items: center;

	font-weight: 700;
	font-size: 1.25em;
	line-height: 110%;
	border-radius: 200px;
	background: #FFF;
	color: #4D7C0F;
}
.foundationDeadline{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.foundationDeadline a{
	width: fit-content;
}
.btnArrow{
	cursor: pointer;
	width: fit-content;
	padding: 12px 16px 12px 24px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	color: #FFFFFF;
	background: #65A30D;
}
.btnArrow:hover{background: #4D7C0F;}

@media (min-width: 768px) {
	.foundationRow{gap: 24px;}
	.foundationCatNum{
		display: flex;
		width: 60px;
		height: 60px;
		padding: 0px 24px;
		font-size: 2em;
	}
	.foundationDeadline{gap: 24px;}
}
@media (min-width: 1024px) {
	.foundationRow .Heading2{
		max-width: 255px;
		min-width: 255px;
	}
	.foundationRow{
		flex-direction: row;
		gap: 60px;
	}
}

/* ===== About EA ===== */
.aboutContainer{
	display: flex;
	flex-direction: column;
	position: relative;
}
.aboutContent{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.aboutContent .Body1,
.contentContent .Body1{
	text-align: justify;
}
.aboutImg{
	display: flex;
	justify-content: center;
	height: 400px;
}
.aboutObjImg img, .aboutImg img{object-fit: contain;}

@media (min-width: 1024px) {
	.aboutContainer{
		flex-direction: row;
	}
	.aboutContent{gap: 40px;}
	.aboutImg{justify-content: right}
}

/* objectives */
.aboutObjWrapper{padding-right: 0;}
.aboutObjHeading{
	position: relative;
	margin-bottom: 100px;
}
.aboutObjHeadingImg{
	height: 230px;
	position: absolute;
	top: 55%;
	left: 45%;
}
.aboutObjHeadingImg img{
	height: 100%;
	object-fit: cover;
	object-position: top left;
}
.aboutObjContainer{
	padding: 40px 16px 40px 0;
	display: flex;
	flex-direction: column;
	gap: 80px;
}
.aboutObj{
	padding: 0px 16px 20px 16px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
	border-radius: 200px 200px 20px 20px;
	background: #FFFFFF;
}
.aboutObjNum{
	display: flex;
	width: 56px;
	min-width: 56px;
	height: 56px;
	min-height: 56px;
	justify-content: center;
	align-items: center;

	font-weight: 700;
	font-size: 1.25em;
	line-height: 110%;
	border-radius: 200px;
	color: #4D7C0F;
	background: #F7FEE7;
}
.aboutObjTitle{
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 16px;
}
.aboutObjImg{
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	top: -80px;
}
.aboutObjImg img{width: 220px;}
.aboutObjImgSpacing{
	width: 100%;
	height: 120px;
	position: relative;
}
.aboutObjContent{text-align: justify; margin-left: 72px;}

@media (min-width: 768px) {
	.aboutObjHeadingImg{
		top: 80%;
		left: 45%;
	}
	.aboutObjContainer{padding-right: 32px;}
	.aboutObjNum{font-size: 2em;}
	.aboutObj{padding: 0px 24px 40px 24px;}
}
@media (min-width: 1024px) {
	.aboutObjHeadingImg{position: static;}
	.aboutObjHeading .Heading2{flex: 0.51;}
	.aboutObjHeadingImg{flex: 0.49;}
	.aboutObjHeading{
		display: flex;
		align-items: center;
		margin-bottom: 8px;
	}
	.aboutObjContainer{
		padding-right: 88px;
		gap: 60px;
	}
	.aboutObj{gap: 32px;}
	.aboutObjImgSpacing{
		width: 280px;
		min-width: 280px;
		height: 100%;
	}
	.aboutObjImg{
		width: 340px;
		min-width: 340px;
		height: 340px;
		min-height: 340px;
	}
	.aboutObjImg img{width: 100%;}
	.aboutObjL, .aboutObjR{
		flex-direction: row;
		align-items: center;
		gap: 24px;
		border-radius: 200px;
	}
	.aboutObjL{
		flex-direction: row-reverse;
		padding: 40px 0px 40px 112px;
	}
	.aboutObjR{padding: 40px 80px 40px 0px;}
	.aboutObj .aboutObjImg{top: -170px;}
	.aboutObjNum{
		width: 80px;
		min-width: 80px;
		height: 80px;
		min-height: 80px;
	}
	.aboutObjContent{text-align: left; margin-left: 96px;}
}

/* ===== Supporting Organization ===== */
.orgContainer{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.orgTitle, .orgSwiperTitle{
	display: flex;
	justify-content: center;
	text-align: center;
}
.orgSwiperTitle{padding-right: 16px;}
.orgItem{gap: 20px;}
.orgImg{
	width: 100%;
	max-width: 480px;
	min-height: 100px;
	height: 120px;
	max-height: 120px;
	padding: 12px 24px;
	margin: 0 auto;
}
/*.orgImg, .orgLarge, .orgMedium, .orgSmall{*/
/*	*/
/*}*/
.orgImgM_Container{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.orgImgM{flex: 1;}
.orgImgM img{flex: 1;}
.orgImg, .orgImgM{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #F5F5F5;
	overflow: hidden;
}
.orgImg img, .orgImgM img{
	max-height: 100px;
	object-fit: cover;
}
.orgContent{
	display: flex;
	flex-direction: column;
}
.btnRead{
	cursor: pointer;
	color: #65A30D;
	font-weight: 700;
}
.readMore{display: inline;}
.readLess{display: none;}
.btnRead:hover{color: #4D7C0F;}
.orgSwiperImg{
	display: flex;
	justify-content: center;
	align-items: center;

	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #F5F5F5;
	overflow: hidden;
}
.orgImgM, .orgSwiperImg {
	padding: 16px;
	width: 100%;
	max-width: 360px;
	height: 100px;
}
.dots{display: inline;}
.moreContent{display: none;}
.supOrgBG{
	position: absolute;
	bottom: 0;
	left: 0;
}
.orgHeadItem, .orgHeadItem .orgImg{
	width: 100%;
}
.orgCombineItem{
	flex: 1;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.orgSwiperTitle{padding-right: 32px;}
	.orgImg{
		height: 160px;
		max-height: 160px;
	}
	.orgSwiperImg{
		height: 140px;
		max-height: 140px;
	}
}
@media (min-width: 1024px) {
	.orgContainer{
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}
	.orgSwiperTitle{padding-right: 88px;}
	.orgItem{
		width: calc(50% - 16px);
		gap: 32px;
	}
	.orgItem >　div{max-width: calc(50% - 16px);}
	.orgImg{
		height: auto;
		max-height: 100%;
	}
	.orgImg img{
		object-fit: contain;
		height: 200px;
	}
	.orgImg, .orgImgM{max-width: 100%;}
	.orgSwiperImg{
		height: 180px;
		max-height: 180px;
	}
	.orgImgM_Container{
		flex-direction: row;
		gap: 40px;
	}

	.orgCombineItem .orgImg, .orgCombineItem .orgImg img{
		height: 100px;
	}
	.orgCombineItem{
		flex-direction: row;
	}
	.orgCombineItem .orgImg:last-child{
		flex: .5;
	}
}

/* ===== Press Release ===== */
.prListContainer{
	display: flex;
	flex-direction: column;
	gap: 4px;
	border-radius: 16px;
}
.prListItem {
	padding: 16px;
	display: flex;
	flex-direction: column;
	background: #FFF;
	border-radius: 4px;
	gap: 20px;
}
.prListItem .prLinkSVG{margin-left: auto;}

.prListItem .date {
	width: 200px;
	text-align: start;
}

.prListItem .prListItemDetailsContainer{
	display: flex;
	flex-direction: column;
	/*justify-content: space-between;*/
	width: 100%;
}

@media (min-width: 768px) {
	.prListItem {
		padding: 24px;
		flex-direction: row;
		/*justify-content: space-between;*/
		align-items: center;
		gap: 40px;
	}
	.prListItem div{
		width: fit-content;
		text-align: center;
	}
	.prListItem .prLinkSVG{margin-left: 0;}

	.prListItem .prListItemDetailsContainer{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
}

/* ===== Media Room ===== */
.svgOverflow{overflow: hidden;}
.orgSwiper, .gallerySwiper, .pubSwiper, .videoSwiper{
	margin-top: 32px;
}
.gallery-prev, .gallery-next,
.pub-prev, .pub-next{
	display: none;
}
.galleyBG{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

	position: absolute;
	left: 0;
	top: 0;
}

@media (min-width: 768px) {
	.orgSwiper, .gallerySwiper, .pubSwiper, .videoSwiper{margin-top: 40px;}
}
@media (min-width: 1024px) {
	.pe-lg-88{padding-right: 88px !important;}
	.gallery-prev, .gallery-next{
		display: flex;
		top: 60%;
	}
	.pub-prev, .pub-next{
		display: flex;
		top: 55%;
	}
	.gallery-prev, .pub-prev{left: 20px;}
	.gallery-next, .pub-next{right: 20px;}
}

/* ===== Publications ===== */
.relative{position: relative;}
.pubBG{
	position: absolute;
	top: 0;
	left: -20%;
}
.pubBG img{max-height: 585px;}
.pubItem{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.pubItem:hover{
	color: #4D7C0F;
	text-decoration: underline;
}
.pubItem:first-child{padding: 1px;}
.pubItem img{
	width: 100%;
	margin: 0 auto;
	border-radius: 8px;
	background: lightgray 50% / cover no-repeat;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
}
.pubMobileSVG, .pubDesktopSVG{
	position: absolute;
	bottom: 0;
}
.pubMobileSVG{right: 0;}
.pubDesktopSVG{display: none;}
.gallerySwiperImg{
	cursor: pointer;
}

.magnifyPopup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	overflow: auto;
}
.magnifyPopupImg{
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 90%;
	max-height: 90%;
	margin: auto;
}
.magnifyClose{
	color: #fff;
	font-size: 2rem;
	position: absolute;
	top: 5%;
	right: 32px;
	cursor: pointer;
}

@media (min-width: 1024px) {
	.pubMobileSVG{display: none;}
	.pubDesktopSVG{
		display: flex;
		right: -25%;
	}
}

/* ===== Video Highlight ===== */
.videoBG{
	position: absolute;
	top: 0;
	left: 0;
}
.videoSwiper{
	width: calc(100% - 96px);
}
.videoSwiper iframe{
	width: 100%;
	height: 316px;
	max-width: 900px;
	margin: 0 auto;
}
.video-prev, .video-next{top: 15%;}
.video-prev{left: 5%;}
.video-next{right: 5%;}

@media (min-width: 768px) {
	.videoSwiper iframe{height: 411px;}
}
@media (min-width: 1024px) {
	.videoPadding{
		position: relative;
		padding: 40px 0;
	}
	.videoSwiper iframe{
		width: calc(100% - 96px);
		height: 506px;
	}
	.video-prev, .video-next{top: 55%;}
	.video-prev{left: 48px;}
	.video-next{right: 48px;}
}

/* ===== Document Toggle List ===== */
.docToggleContainer{
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.docToggle{
	border-radius: 16px;
	background: #F7FEE7;
}
.docToggleHead{
	display: flex;
	padding: 24px 12px 24px 32px;
	justify-content: space-between;
	align-items: center;
	border-radius: 16px;
	background: #F7FEE7;
}
.btnToggle{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
}
.toggleExpand{background: #F5F5F5;}
.toggleClose{background: #ECFCCB;}
.docExpandItemList{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.docExpandIntro{
	padding: 16px 32px;
}
.docExpandItem{
	display: flex;
	flex-direction: column;
	padding: 12px 12px 12px 32px;
	gap: 20px;
	background: #FFFFFF;
	transition: height 0.3s ease;
}
.docExpandItemLast{border-radius: 0 0 16px 16px;}
.containerIcon {
	display: flex;
	align-items: center;
}
.pdfIcon, .downloadIcon{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.pdfIcon, .eformIcon{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 10px;
}

.pdfIcon, .eformIcon:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.docExpandItem{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 40px;
	}
	.docExpandIntro{
		padding: 32px 32px 16px 32px;
	}
}

/* ===== Elder Academies ===== */
.searchWrapper{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.searchSection{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.searchOptionContainer{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.searchInputRow{justify-content: space-between;}
.searchRow, .searchInputRow{
	display: flex;
	align-items: center;
	gap: 12px;
}
.searchRow, .searchInputRow input{
	height: 48px;
	padding: 0 12px 0 20px;
	border-radius: 8px;
	border: 1px solid #D4D4D4;
	background: #FFF;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
}
.searchInputRow input, .searchRow select{flex: 1;}
.searchIcon{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 8px;
	background: #65A30D;
	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
}
.searchIcon, .searchRow select{
	padding: 6px 0;
	cursor: pointer;
}

/* Result List */
.resultItem{
	padding: 12px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	cursor: pointer;
}
.resultItem:hover{color: #4D7C0F;}

/* Result Card */
#resultContainer{
	padding: 12px 10px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
#resultContainer{
	max-height: 537px;
	overflow-y: scroll;
}
/*#resultContainer::-webkit-scrollbar {*/
/*	width: 12px;*/
/*}*/
/*#resultContainer::-webkit-scrollbar-track {*/
/*	background-color: #E8E8E8;*/
/*	border-radius: 0 100px 100px 0;*/
/*}*/
/*#resultContainer::-webkit-scrollbar-thumb {*/
/*	background-color: #7A7A7A;*/
/*	border-radius: 100px;*/
/*}*/

#resultContainer, #resultCardContainer{
	width: 100%;
	max-width: 500px;
	/*min-height: 450px;*/
	margin: 0 auto;
	border-radius: 16px;
	border: 1px solid #D4D4D4;
	background: #FFF;
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
}
.resultCard{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.resultImg{
	position: relative;
	overflow: hidden;
}
.resultImg, .resultImg img{border-radius: 16px 16px 0 0;}
.academyImg img{
	width: 100%;
	height: 237px;
	object-fit: cover;
}
.clusterLogo{
	position: absolute;
	top: 12px;
	right: 12px;
	width: 90px;
}
.resultInfo{
	padding: 12px 16px 24px 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	border-radius: 0 0 16px 16px;
}
.btnResultSwiper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.swiperBtnContainer{
	height: 48px;
	display: flex;
	align-items: center;
	gap: 20px;
}
#btnBack{
	height: 48px;
	padding: 12px 24px 12px 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	background: #F7FEE7;
	cursor: pointer;
}
.btnResultSwiper .swiper-button-prev,
.btnResultSwiper .swiper-button-next{
	position: relative;
	top: 25%;
}
.mapResultContainer{
	position: relative;
	flex: 1;
}
.mapResult{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*background: lightblue;*/
}
.mapImgContainer{
	width: 100%;
	min-height: 300px;
	position: relative;
}
#mapImg{
	width: 100%
}
.upper_linear, .lower_linear{display: none;}
.disableRow, select:disabled{
	background: #F5F5F5;
	cursor: not-allowed;
}
.noticeWordContainer{
	padding: 24px 0;
	display: flex;
	justify-content: center;
}
.loadingContainer{
	padding: 36px 0;
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: center;
	/*background: lightcoral;*/
}
@media (min-width: 1024px) {
	.searchWrapper{
		min-height: 420px;
		padding: 60px 0;
		flex-direction: row;
		gap: 24px;
		position: relative;
	}
	/*#resultContainer::-webkit-scrollbar {*/
	/*	width: 16px;*/
	/*}*/
	.loadingContainer,
	.noticeWordContainer{
		width: calc(100% - 516px);
		min-width: 350px;
		padding: 0;
		position: absolute;
		left: 516px;
		z-index: 5;
		align-items: center;
	}
	.noticeWordContainer{
		min-height: 300px;
	}
	.loadingContainer{
		height: 100%;
	}
	.h_1160{
		height: 1160px;
		padding: 60px 0;
	}
	.searchSection{
		width: 516px;
		height: calc(100% - 120px);
		padding: 32px 24px 0px 90px;
		background: rgba(255, 255, 255, 0.90);
		backdrop-filter: blur(2px);
		position: absolute;
		z-index: 3;
	}
	.searchRow input{height: 56px;}
	.searchIcon{
		width: 56px;
		height: 56px;
	}
	.searchRow, .searchInputRow input{height: 56px;}
	.swiperBtnContainer {
		height: 100%;
	}

	.upper_linear, .lower_linear{
		display: block;
		position: absolute;
		width: 100%;
		height: 240px;
	}
	.upper_linear{
		top: -60px;
		background: linear-gradient(180deg, #FFF 23.61%, rgba(255, 255, 255, 0.07) 71.50%);
	}
	.lower_linear{
		background: linear-gradient(180deg, #FFF 39.58%, rgba(255, 255, 255, 0.07) 75.37%);
		bottom: -60px;
		transform: rotate(180deg);
	}
}

/* ===== Info page ===== */
.contentContainer{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.contentSection, .siteSection{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.resultInfo a, .contentContainer a{
	color: #4D7C0F;
	text-decoration: underline;
}
.contentSection br, .siteSection br{
	height: 12px;
}

@media (min-width: 768px) {
	.contentSection, .siteSection{
		gap: 16px;
	}
	.contentContainer{
		gap: 40px;
	}
}

/* ===== Site Map ===== */
.siteMapWrapper{
	display: flex;
	flex-direction: column;
	gap: 32px;
}
.siteMenu{margin: 0;}
.siteMenu li{margin: 16px 0;}
.siteMapWrapper li a{text-decoration: underline;}
.siteMapWrapper a:hover{
	color: #65A30D;
	text-decoration: underline;
}

/* ===== Post inner page ===== */
.postInnerImg{
	display: flex;
	justify-content: center;
	align-items: center;
}
.postInnerImg img{
	max-width: 750px;
	width: 100%;
}

.postInnerImg .imageContainer {
	display: flex;
	flex-direction: column;
}

.postInnerImg .imageContainer .remarks {
	margin-left: auto;
	margin-top: 5px;
	font-size: 1.2rem;
	color: #9aa4b5;
}

@media (max-width: 768px) {
	.postInnerImg .imageContainer .remarks {
		font-size: 1rem;
	}
}