/*!
Theme Name: greener-bkk
Theme URI: https://underscoretw.com/
Author: 1DD
Author URI: https://1dd.co/
Description: สร้างเว็บไซต์ที่ช่วยคุณเล่าเรื่อง เพราะเว็บไซต์เป็นสื่อสำคัญ ในการนำเสนอข้อมูล จะดีกว่าไหมถ้าคุณได้เล่าเรื่องราวธุรกิจของคุณในแบบที่เป็นตัวคุณมากที่สุด วันดีดี คือ บริษัทออกแบบและพัฒนาเว็บไซต์ที่พร้อมรับฟัง เรียนรู้ และต่อยอดธุรกิจของคุณ ไม่ใช่แค่รูปลักษณ์ แต่หมายถึงทุกอย่างในเว็บไซต์
Version: 0.1.0
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: greener-bkk
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

greener-bkk is based on _tw https://underscoretw.com/, (C) 2021-2023 Greg Sullivan
_tw is distributed under the terms of the GNU GPL v2 or later.

_tw is based on Underscores https://underscores.me/ and Varia https://github.com/Automattic/themes/tree/master/varia, (C) 2012-2023 Automattic, Inc.
Underscores and Varia are distributed under the terms of the GNU GPL v2 or later.
*/

/**
 * The line above injects the WordPress file header. It needs to be first,
 * before this comment.
 */

/**
 * This injects custom `@font-face` rules.
 */

/**
 * Custom `@font-face` rules
 *
 * These will be added immediately before Tailwind’s `base` layer.
 */

@font-face {
  font-family: "bkk_draft5regular";

  src: url("assets/fonts/BKKDraft5/BKKDraft5-Regular.eot");

  src:
		url("assets/fonts/BKKDraft5/BKKDraft5-Regular.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/BKKDraft5/BKKDraft5-Regular.woff2") format("woff2"),
		url("assets/fonts/BKKDraft5/BKKDraft5-Regular.woff") format("woff"),
		url("assets/fonts/BKKDraft5/BKKDraft5-Regular.ttf") format("truetype"),
		url("assets/fonts/BKKDraft5/BKKDraft5-Regular.svg#BKKDraft5-Regular")
			format("svg");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "anuphansemibold";

  src: url("assets/fonts/Anuphan/Anuphan-SemiBold.eot");

  src:
		url("assets/fonts/Anuphan/Anuphan-SemiBold.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/Anuphan/Anuphan-SemiBold.woff2") format("woff2"),
		url("assets/fonts/Anuphan/Anuphan-SemiBold.woff") format("woff"),
		url("assets/fonts/Anuphan/Anuphan-SemiBold.ttf") format("truetype"),
		url("assets/fonts/Anuphan/Anuphan-SemiBold.svg#Anuphan-SemiBold")
			format("svg");

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "anuphanmedium";

  src: url("assets/fonts/Anuphan/Anuphan-Medium.eot");

  src:
		url("assets/fonts/Anuphan/Anuphan-Medium.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/Anuphan/Anuphan-Medium.woff2") format("woff2"),
		url("assets/fonts/Anuphan/Anuphan-Medium.woff") format("woff"),
		url("assets/fonts/Anuphan/Anuphan-Medium.ttf") format("truetype"),
		url("assets/fonts/Anuphan/Anuphan-Medium.svg#Anuphan-Medium")
			format("svg");

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "sarabunregular";

  src: url("assets/fonts/Sarabun/Sarabun-Regular.eot");

  src:
		url("assets/fonts/Sarabun/Sarabun-Regular.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/Sarabun/Sarabun-Regular.woff2") format("woff2"),
		url("assets/fonts/Sarabun/Sarabun-Regular.woff") format("woff"),
		url("assets/fonts/Sarabun/Sarabun-Regular.ttf") format("truetype"),
		url("assets/fonts/Sarabun/Sarabun-Regular.svg#Sarabun-Regular")
			format("svg");

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "sarabun-semibold";

  src: url("assets/fonts/Sarabun/Sarabun-SemiBold.eot");

  src:
		url("assets/fonts/Sarabun/Sarabun-SemiBold.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/Sarabun/Sarabun-SemiBold.woff2") format("woff2"),
		url("assets/fonts/Sarabun/Sarabun-SemiBold.woff") format("woff"),
		url("assets/fonts/Sarabun/Sarabun-SemiBold.ttf") format("truetype"),
		url("assets/fonts/Sarabun/Sarabun-SemiBold.svg#Sarabun-SemiBold")
			format("svg");

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: "sarabun-bold";

  src: url("assets/fonts/Sarabun/Sarabun-Bold.eot");

  src:
		url("assets/fonts/Sarabun/Sarabun-Bold.eot?#iefix")
			format("embedded-opentype"),
		url("assets/fonts/Sarabun/Sarabun-Bold.woff2") format("woff2"),
		url("assets/fonts/Sarabun/Sarabun-Bold.woff") format("woff"),
		url("assets/fonts/Sarabun/Sarabun-Bold.ttf") format("truetype"),
		url("assets/fonts/Sarabun/Sarabun-Bold.svg#Sarabun-Bold") format("svg");

  font-weight: 700;

  font-style: normal;

  font-display: swap;
}

/**
 * This injects Tailwind's base styles and any base styles registered by
 * plugins, then adds custom base styles.
 */

/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: currentColor;
  /* 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.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. 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-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
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-feature-settings: inherit;
  /* 1 */
  font-variation-settings: 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;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  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::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

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: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --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:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::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:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --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:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

/**
 * Custom styles to immediately follow Tailwind’s `base` layer
 *
 * “Add things like base typography styles [or] opinionated global resets.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-base-styles
 */

/**
 * This uses the background and foreground colors declared in the
 * `theme.json` file and is applied both to the frontend and in the block
 * editor.
*/

:root {
  --min-w-road: 290px;
  --max-w-road: 100vw;
  --main-navigation-height: 4.6em;
  --color-dark-rgb: 0, 0, 0;
  --color-dark: rgba(var(--color-dark-rgb), 1);
  --animation-primary: all 0.4s cubic-bezier(0.7, 0, 0.2, 1);
  --animation-navigation-forward: 0.8s cubic-bezier(0.8, 0, 0.1, 1);
  --animation-navigation-backward: 0.4s cubic-bezier(0.8, 0, 0.1, 1);
  --animation-navigation-fade: 0.3s ease-in-out;
  --col-gap: max(1.75em, 1.75vw);
  --border-radius: 1em;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: sarabunregular;
  line-height: 1.4;
}

body[data-scroll="hidden"] {
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  overscroll-behavior-y: none;
}

:is(h1, h2, h3, h4, h5, h6) {
  font-family: bkk_draft5regular;
  line-height: 1.4;
}

p,
ul {
  line-height: 1.8;
}

p.font-anuphan,
	p .font-anuphan-semibold,
	ul.font-anuphan,
	ul .font-anuphan-semibold {
  line-height: 1.4;
}

.font-anuphan,
.font-anuphan-semibold {
  line-height: 1.4 !important;
}

strong,
b {
  font-family: sarabun-bold;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.select-wrapper {
  position: relative;
}

.select-wrapper select {
  line-height: 1.8;
}

.select-wrapper::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M6.39062 7.53516L0.328447 0.785156L12.4528 0.785157L6.39062 7.53516Z' fill='black'/%3E%3C/svg%3E");
  position: absolute;
  top: 20px;
  right: 14px;
  height: 8px;
  width: 13px;
}

.ninja-forms-form-wrap select {
  line-height: 1.9;
}

.ninja-forms-form-wrap .nf-form-content .ninja-forms-field {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.ninja-forms-form-wrap .nf-after-field .nf-error-msg {
  font-size: 14px;
}

.ninja-forms-form-wrap .file_upload-wrap .nf-fu-button-cancel {
  font-size: 14px;
}

.line-b {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}

.scrollspy {
  scroll-margin-top: 6rem;
  scroll-padding-top: 6rem;
}

.backdrop-overlay {
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 15;
  background-color: rgb(0 0 0 / 0.5);
  opacity: 0;
}

.backdrop-overlay.is-active {
  pointer-events: auto;
  opacity: 1;
}

.grid-cols-14 {
  grid-template-columns: repeat(14, minmax(0, 1fr));
}

.col-span-14 {
  grid-column: span 14 / span 14;
}

.grid-layout {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.75rem;
}

.layout-inner {
  padding-left: 90px;
  padding-right: 90px;
}

html.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

video {
  pointer-events: none;
}

@media (min-width: 1600px) {
  .container {
    max-width: 1540px;
  }
}

@media (max-width: 1279px) {
  .container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .layout-inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (max-width: 1023px) {
  .grid-layout {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }

  .herobanner-inner {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .grid-layout {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .layout-inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.fp-overflow {
  min-height: 100vh;
}

.blur-header {
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  height: 20%;
  width: 100%;
  background-color: rgb(255 255 255 / 0.5);
}

@media (max-width: 767px) {
  .blur-header {
    height: 15%;
  }
}

.blur-header {
  -webkit-mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 1) 65%,
		rgba(0, 0, 0, 1) 100%
	);
          mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 1) 65%,
		rgba(0, 0, 0, 1) 100%
	);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}

.blur-header.theme-dark {
  background-color: rgb(0 0 0 / 0.5);
}

.blur-top-primary {
  width: 100%;
  height: 25%;
  background: rgba(0 0 0 / 25%);
  -webkit-mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 1) 65%,
		rgba(0, 0, 0, 1) 100%
	);
          mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 1) 65%,
		rgba(0, 0, 0, 1) 100%
	);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  opacity: 1;
  z-index: 2;
}

@media (max-width: 767px) {
  .blur-top-primary {
    height: 15%;
  }
}

span.link {
  cursor: pointer;
}

.hand_touch {
  position: absolute;
  bottom: 50%;
  left: 50%;
  z-index: 100;
  margin-left: -20px;
  margin-top: -20px;
  height: 40px;
  width: 40px;
  border-radius: 9999px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1024px) {
  .hand_touch {
    display: none;
  }
}

.hand_touch {
  background-image: url(assets/img/touch-animation.gif);
  box-shadow: 0 0 5px 0px rgb(0 0 0 / 40%);
  animation: bubbleScale 1s alternate infinite ease-in;
}

@keyframes bubbleScale {
  0% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
  }

  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }
}

.sticky-contact {
  top: 100px;
  align-self: flex-start;
}

@media (min-width: 1024px) {
  .sticky-contact {
    position: sticky;
  }
}

.admin-bar .sticky-contact {
  top: 130px;
}

.a2a_full_services .a2a_i[href*="/#"],
	.a2a_full_services .a2a_i[href="/#xing"] {
  display: none;
}

.loading-indicator.a2a_full_services .a2a_i[href*="/#"],.loading-indicator
	.a2a_full_services .a2a_i[href="/#xing"] {
  display: none;
}

.a2a_full_services .a2a_i[href*="/#"]:is(
				.a2a_i[href="/#facebook"],
				.a2a_i[href="/#linkedin"],
				.a2a_i[href="/#x"],
				.a2a_i[href="/#line"],
				.a2a_i[href="/#threads"],
				.a2a_i[href="/#linkedin"],
				.a2a_i[href="/#copy_link"],),
				.a2a_full_services .a2a_i[href="/#xing"]:is(
				.a2a_i[href="/#facebook"],
				.a2a_i[href="/#linkedin"],
				.a2a_i[href="/#x"],
				.a2a_i[href="/#line"],
				.a2a_i[href="/#threads"],
				.a2a_i[href="/#linkedin"],
				.a2a_i[href="/#copy_link"],) {
  display: inline-block;
}

add-to-calendar-button#css-btn-calendar::part(atcb-button) {
  margin: 0px !important;
  display: flex !important;
  height: 35px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0px !important;
  white-space: nowrap !important;
  border-radius: 9999px !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(204 204 204 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-family: anuphanmedium !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

padd-to-calendar-button#css-btn-calendar::part(atcb-button),
	uladd-to-calendar-button#css-btn-calendar::part(atcb-button) {
  line-height: 1.4;
}

add-to-calendar-button#css-btn-calendar::part(atcb-button) {
  line-height: 1.4 !important;
}

.box-folder add-to-calendar-button.box-content#css-btn-calendar::part(atcb-button) {
  background: #fff !important;
}

.section-color padd-to-calendar-button#css-btn-calendar::part(atcb-button) {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color padd-to-calendar-button#css-btn-calendar::part(atcb-button) {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color padd-to-calendar-button#css-btn-calendar::part(atcb-button) {
    font-size: 28px;
  }
}

.detail-simple padd-to-calendar-button#css-btn-calendar::part(atcb-button) {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple padd-to-calendar-button#css-btn-calendar::part(atcb-button) {
    font-size: 22px;
  }
}

.footer-sub-submenu li divadd-to-calendar-button#css-btn-calendar::part(atcb-button) {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

add-to-calendar-button#css-btn-calendar::part(atcb-button):hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.box-folder add-to-calendar-button.box-content#css-btn-calendar::part(atcb-button):hover {
  background: #fff !important;
}

.li-link-external .detail {
  font-size: 14px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  height: 100%;
  -webkit-line-clamp: 1;
}

@media (max-width: 767.98px) {
  .li-link-external .detail {
    -webkit-line-clamp: 2
  }
}

.p-excerpt {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  height: 100%;
  -webkit-line-clamp: 3;
}

.hidden-br br {
  display: none;
}

.loading-indicator.hidden-br br {
  display: none;
}

@media (min-width: 768px) {
  .br-m-show br {
    display: none;
  }
}

.wrap-list-stbt ul {
  list-style-type: disc;
  padding-left: 1.25rem;
}

.wrap-accordion .accordion-item .accordion-content .wrap-list-stbt ul {
  padding-left: 1rem;
}

ul.wrap-list-stbt ul li::marker {
  font-size: 12px;
}

.wrap-list-stbt ol {
  list-style-type: decimal;
  padding-left: 1.25rem;
}


			.wrap-accordion .accordion-item .accordion-content .wrap-list-stbt ol {
  padding-left: 1rem;
}

.modal-plus {
  display: flex;
  height: 60px;
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-folder .box-content.modal-plus {
  background: #fff;
}

.footer-sub-submenu li div.modal-plus {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.modal-plus .icon {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-plus:hover {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.modal-plus:hover .icon {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.pm-card-1 {
  position: absolute;
  top: 0px;
  left: 88px;
  z-index: 10;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.pm-card-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.pm-card-1 {
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-left: 1.25rem;
  padding-right: 1rem;
  padding-bottom: 1.25rem;
}

.box-folder .box-content.pm-card-1 {
  background: #fff;
}

@media (min-width: 768px) {
  .pm-card-1 {
    left: auto;
    right: 45px;
  }
}

@media (min-width: 1024px) {
  .pm-card-1 {
    padding-top: 1.75rem;
    padding-right: 2.25rem;
  }
}

.pm-card-3 {
  position: absolute;
  bottom: -48px;
  right: 0px;
  z-index: -1;
  min-height: 205px;
  width: auto;
  max-width: 100%;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.box-folder .box-content.pm-card-3 {
  background: #fff;
}

@media (min-width: 768px) {
  .pm-card-3 {
    bottom: -28px;
    width: 200px;
  }
}

@media (min-width: 1024px) {
  .pm-card-3 {
    bottom: -8px;
    min-height: 258px;
    width: 290px;
    padding-top: 2.5rem;
    padding-left: 1.5rem;
    padding-right: 1.75rem;
    padding-bottom: 1.25rem;
  }
}

.fancybox__caption {
  position: relative;
  bottom: 0px;
  z-index: 20;
  margin-top: 0.5rem;
  border-radius: 9999px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-size: 14px;
}

@media (min-width: 768px) {
  .fancybox__caption {
    background-color: rgb(0 0 0 / 0.8);
  }
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.after-line {
  position: relative;
}

.after-line:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 10px;
  height: 100%;
  width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.after-line:last-child:after {
  content: none;
}

.mySwiper-interest .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
}

.mySwiper-interest .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.mySwiper-interest .swiper-pagination .swiper-pagination-bullet {
  margin-left: 2px;
  margin-right: 2px;
}

.swiper-stat-bg .box-stat {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (max-width: 575px) {
  .swiper-stat-bg .wrap-box-stat {
    right: -7% !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .swiper-stat-bg .box-stat:nth-child(odd) {
    --tw-translate-x: calc(50% - 45px) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }

  .swiper-stat-bg .box-stat:nth-child(even) {
    --tw-translate-x: calc(-50% + 45px);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@keyframes hand-waving {
  0% {
    transform: rotate(0deg);
  }

  10% {
    transform: rotate(14deg);
  }

  20% {
    transform: rotate(-8deg);
  }

  30% {
    transform: rotate(14deg);
  }

  40% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(8deg);
  }

  60% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.animate-hand {
  animation: hand-waving 2s linear infinite;
}

.block-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.footer-sub-submenu li div.block-content {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.grid-transportation .block-content {
  align-items: flex-start;
}

@media (max-width: 991.98px) {
  .sf-field-taxonomy-park-categorie h4 {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }

  .footer-sub-submenu li div.sf-field-taxonomy-park-categorie h4 {
    align-items: center;
    -moz-column-gap: 0.25rem;
         column-gap: 0.25rem;
  }

  .sf-field-taxonomy-park-categorie h4:after {
    content: "";
    min-height: 20px;
    min-width: 20px;
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 38 38' fill='none'%3E%3Cg clip-path='url(%23clip0_3527_106)'%3E%3Cpath d='M0 19C0 29.4934 8.50659 38 19 38C29.4934 38 38 29.4934 38 19C38 8.50659 29.4934 0 19 0C8.50659 0 0 8.50659 0 19Z' fill='white'/%3E%3Cpath d='M12 22.5L19.5 15L27 22.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3527_106'%3E%3Crect width='38' height='38' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  }

  .sf-field-taxonomy-park-categorie h4.active:after {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.share-ranmaiteruam.share-item .a2a_kit a {
  height: 50px !important;
  background-color: transparent !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.share-ranmaiteruam.share-item .a2a_kit a:before {
  top: 1rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cmask id='mask0_7759_8955' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='21' height='20'%3E%3Cpath d='M20.8281 0H0.828125V20H20.8281V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_7759_8955)'%3E%3Cpath d='M16.6615 6.04167C18.1572 6.04167 19.3698 4.8291 19.3698 3.33333C19.3698 1.83756 18.1572 0.625 16.6615 0.625C15.1657 0.625 13.9531 1.83756 13.9531 3.33333C13.9531 4.8291 15.1657 6.04167 16.6615 6.04167Z' fill='black'/%3E%3Cpath d='M16.6615 6.66667C14.8231 6.66667 13.3281 5.17167 13.3281 3.33333C13.3281 1.495 14.8231 0 16.6615 0C18.4998 0 19.9948 1.495 19.9948 3.33333C19.9948 5.17167 18.4998 6.66667 16.6615 6.66667ZM16.6615 1.25C15.5123 1.25 14.5781 2.185 14.5781 3.33333C14.5781 4.48167 15.5123 5.41667 16.6615 5.41667C17.8106 5.41667 18.7448 4.48167 18.7448 3.33333C18.7448 2.185 17.8106 1.25 16.6615 1.25Z' fill='black'/%3E%3Cpath d='M16.6615 19.375C18.1572 19.375 19.3698 18.1625 19.3698 16.6667C19.3698 15.1709 18.1572 13.9584 16.6615 13.9584C15.1657 13.9584 13.9531 15.1709 13.9531 16.6667C13.9531 18.1625 15.1657 19.375 16.6615 19.375Z' fill='black'/%3E%3Cpath d='M16.6615 20C14.8231 20 13.3281 18.505 13.3281 16.6667C13.3281 14.8284 14.8231 13.3334 16.6615 13.3334C18.4998 13.3334 19.9948 14.8284 19.9948 16.6667C19.9948 18.505 18.4998 20 16.6615 20ZM16.6615 14.5834C15.5123 14.5834 14.5781 15.5184 14.5781 16.6667C14.5781 17.815 15.5123 18.75 16.6615 18.75C17.8106 18.75 18.7448 17.815 18.7448 16.6667C18.7448 15.5184 17.8106 14.5834 16.6615 14.5834Z' fill='black'/%3E%3Cpath d='M4.99349 12.7084C6.48926 12.7084 7.70182 11.4959 7.70182 10.0001C7.70182 8.50431 6.48926 7.29175 4.99349 7.29175C3.49772 7.29175 2.28516 8.50431 2.28516 10.0001C2.28516 11.4959 3.49772 12.7084 4.99349 12.7084Z' fill='black'/%3E%3Cpath d='M4.99349 13.3334C3.15516 13.3334 1.66016 11.8384 1.66016 10.0001C1.66016 8.16175 3.15516 6.66675 4.99349 6.66675C6.83182 6.66675 8.32682 8.16175 8.32682 10.0001C8.32682 11.8384 6.83182 13.3334 4.99349 13.3334ZM4.99349 7.91675C3.84432 7.91675 2.91016 8.85175 2.91016 10.0001C2.91016 11.1484 3.84432 12.0834 4.99349 12.0834C6.14266 12.0834 7.07682 11.1484 7.07682 10.0001C7.07682 8.85175 6.14266 7.91675 4.99349 7.91675Z' fill='black'/%3E%3Cpath d='M6.96258 9.59989C6.77933 9.59874 6.60154 9.53733 6.45663 9.42514C6.31173 9.31295 6.20776 9.15621 6.16075 8.97908C6.11374 8.80195 6.12631 8.61428 6.19652 8.445C6.26673 8.27573 6.39068 8.13425 6.54925 8.04239L14.2817 3.63405C14.3768 3.57965 14.4816 3.54455 14.5903 3.53078C14.6989 3.517 14.8092 3.52482 14.9148 3.55377C15.0204 3.58273 15.1193 3.63226 15.2057 3.69952C15.2921 3.76678 15.3644 3.85045 15.4184 3.94572C15.6459 4.34488 15.5059 4.85405 15.1068 5.08238L7.37425 9.49072C7.24889 9.56237 7.10697 9.6 6.96258 9.59989ZM14.6942 16.4749C14.5499 16.475 14.4079 16.4374 14.2826 16.3657L6.55008 11.9574C6.36789 11.8431 6.23689 11.6628 6.18445 11.4542C6.132 11.2456 6.16215 11.0248 6.26861 10.8379C6.37507 10.651 6.5496 10.5125 6.75578 10.4512C6.96195 10.3899 7.18383 10.4106 7.37508 10.5091L15.1076 14.9174C15.2668 15.0088 15.3914 15.1503 15.462 15.3197C15.5327 15.4892 15.5455 15.6772 15.4984 15.8547C15.4513 16.0322 15.3469 16.1891 15.2016 16.3012C15.0562 16.4134 14.8779 16.4744 14.6942 16.4749Z' fill='black'/%3E%3C/g%3E%3C/svg%3E") !important;
}

#wonderchat-wrapper {
  z-index: 924929999 !important;
}

.map-section .map-container {
  padding-top: 5rem !important;
}

.digit {
  position: relative;
  display: flex;
  aspect-ratio: 85/100;;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding: 0.75rem;
  line-height: 1;
}

.footer-sub-submenu li div.digit {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.digit {
  font-size: clamp(2rem, 4vw, 4rem);
}

.digit:after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.9%, #666 100%);
  box-shadow: 0px 1px 1px 0px #000;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
  height: 50%;
  width: 100%;
  opacity: 0.4;
}

.bg-road {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='394' height='4' viewBox='0 0 394 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2H23.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M35.5 2H57' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M69 2H90.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M102.5 2H124' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M136 2H157.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M169.5 2H191' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M203 2H224.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M236.5 2H258' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M270 2H291.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M303.5 2H325' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M337 2H358.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M370.5 2H392' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.home-daily-dust .map-section {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
  border-radius: 1.5rem !important;
}

@media (min-width: 1280px) {
  .home-daily-dust .map-section {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

.home-daily-dust .map-section .map-container {
  padding-top: 1.5rem !important;
}

@media (min-width: 1280px) {
  .home-daily-dust .map-section .map-container {
    padding-top: 2rem !important;
  }
}

.home-daily-dust .map-btn,
	.home-daily-dust .map-btn-flex,
	.home-daily-dust .map-line,
	.home-daily-dust .link-othor {
  display: none !important;
}

.loading-indicator.home-daily-dust .map-btn,.loading-indicator
	.home-daily-dust .map-btn-flex,.loading-indicator
	.home-daily-dust .map-line,.loading-indicator
	.home-daily-dust .link-othor {
  display: none !important;
}

.home-daily-dust .map-grid {
  padding-top: 0px !important;
}

.fancybox__container {
  z-index: 10000000000;
}

div:where(.swal2-container){
  z-index: 100000000001 !important;
}

div:where(.swal2-container) .swal2-confirm {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity)) !important;
}

/**
 * This injects Tailwind's component classes and any component classes
 * registered by plugins, then adds custom component classes.
 *
 * The `@import-glob` line imports all CSS files from the `components`
 * directory (except for `components.css`, which is imported on the following
 * line). This is meant to simplify the process of integrating styles from
 * JavaScript components or WordPress plugins.
 */

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 25px;
  padding-left: 25px;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

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

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.prose {
  color: var(--tw-prose-body);
}

.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where([class~="lead"], [class~="is-style-lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}

.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}

.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
  border-bottom: none;
}

.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
  border-left-style: solid;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}

.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}

.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}

.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}

.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}

.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}

.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}

.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}

.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}

.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}

.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}

.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-left: 0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-right: 0;
}

.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-body);
  font-style: normal;
  font-weight: 400;
}

.prose :where(blockquote > cite):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "\2014";
}

.prose :where(table.has-fixed-layout):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  table-layout: fixed;
  width: 100%;
}

.prose-neutral {
  --tw-prose-body: #404040;
  --tw-prose-headings: #171717;
  --tw-prose-lead: #525252;
  --tw-prose-links: #171717;
  --tw-prose-bold: #171717;
  --tw-prose-counters: #737373;
  --tw-prose-bullets: #d4d4d4;
  --tw-prose-hr: #e5e5e5;
  --tw-prose-quotes: #171717;
  --tw-prose-quote-borders: #e5e5e5;
  --tw-prose-captions: #737373;
  --tw-prose-kbd: #171717;
  --tw-prose-kbd-shadows: 23 23 23;
  --tw-prose-code: #171717;
  --tw-prose-pre-code: #e5e5e5;
  --tw-prose-pre-bg: #262626;
  --tw-prose-th-borders: #d4d4d4;
  --tw-prose-td-borders: #e5e5e5;
  --tw-prose-invert-body: #d4d4d4;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #a3a3a3;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #a3a3a3;
  --tw-prose-invert-bullets: #525252;
  --tw-prose-invert-hr: #404040;
  --tw-prose-invert-quotes: #f5f5f5;
  --tw-prose-invert-quote-borders: #404040;
  --tw-prose-invert-captions: #a3a3a3;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d4d4d4;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #525252;
  --tw-prose-invert-td-borders: #404040;
}

.modal {
  pointer-events: none;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 999999999;
  display: flex;
  height: 100%;
  width: 100%;
  transform-origin: bottom;
  align-items: flex-end;
  justify-content: center;
}

.footer-sub-submenu li div.modal {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .modal {
    align-items: center;
  }
}

@media (max-width: 640px) {
  .modal {
    min-height: 100dvh
  }

  .modal .modal-content {
    max-height: 100dvh
  }
}

.modal .overlay-modal {
  background-color: rgba(var(--color-dark-rgb), 0.5);
  z-index: 40;
  transition: var(--animation-navigation-backward);
  opacity: 0;
  visibility: hidden;
  pointer-events: all;
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.modal .card-modal {
  z-index: 50;
  max-height: 90vh;
  width: 100%;
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  opacity: 0;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-folder .box-content.modal .card-modal {
  background: #fff;
}

@media (min-width: 768px) {
  .modal .card-modal {
    --tw-translate-y: 5%;
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding: 2.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.modal .card-modal.map-modal {
  max-height: 100vh !important;
}

.modal .modal-action {
  display: flex;
  justify-content: flex-end;
}

.footer-sub-submenu li div.modal .modal-action {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.modal .close-modal {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal .close-modal:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: linear;
}

.modal.modal-active {
  pointer-events: auto;
}

.modal.modal-active .overlay-modal {
  visibility: visible;
  opacity: 1;
}

.modal.modal-active .card-modal {
  --tw-translate-y: 0px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
  transition-property: all;
  transition-delay: 100ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.wrap-accordion.dark-theme {
  border-radius: 1rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.wrap-accordion.light-theme .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='none'%3E%3Ccircle cx='19' cy='19' r='19' transform='rotate(90 19 19)' fill='%23F6F6F6' /%3E%3Cpath d='M12 22.5L19.5 15L27 22.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") !important;
}

.wrap-accordion.light-theme .accordion-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0.75rem !important;
}

@media (min-width: 768px) {
  .wrap-accordion.light-theme .accordion-item {
    padding-right: 0.5rem !important;
  }
}

.wrap-accordion.light-theme .accordion-item .accordion-head {
  cursor: pointer !important;
  padding-top: 0.75rem !important;
}

.wrap-accordion a.btn-external-footer .icon {
  width: 12px !important;
  background-image: none !important;
}

.wrap-accordion.plus-icon .icon {
  min-height: 25px !important;
  min-width: 25px !important;
  --tw-rotate: 0deg !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5' fill='black'/%3E%3Cpath d='M4.54492 12.1213H20.454' stroke='white' stroke-width='2'/%3E%3Cpath d='M12.8779 4.54541L12.8779 20.4545' stroke='white' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.wrap-accordion.plus-icon .accordion-item.open .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none'%3E%3Ccircle cx='13.1875' cy='12.5435' r='12.5' fill='black'/%3E%3Cpath d='M5.23242 12.1648H21.1415' stroke='white' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.wrap-accordion .accordion-item {
  padding-left: 1.25rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .wrap-accordion .accordion-item {
    padding-left: 1.75rem;
    padding-bottom: 1.25rem;
  }
}

.wrap-accordion .accordion-item:not(:last-child) {
  border-bottom-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.wrap-accordion .accordion-item .accordion-head {
  cursor: pointer;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .wrap-accordion .accordion-item .accordion-head {
    padding-top: 1.75rem;
  }
}

.wrap-accordion .accordion-item .accordion-head .icon {
  min-height: 28px;
  min-width: 28px;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .wrap-accordion .accordion-item .accordion-head .icon {
    min-height: 32px;
    min-width: 32px;
  }
}

@media (min-width: 1024px) {
  .wrap-accordion .accordion-item .accordion-head .icon {
    min-height: 38px;
    min-width: 38px;
  }
}

.wrap-accordion .accordion-item .accordion-head .icon {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38' fill='none'%3E%3Ccircle cx='19' cy='19' r='19' transform='rotate(90 19 19)' fill='black' /%3E%3Cpath d='M12 22.5L19.5 15L27 22.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.wrap-accordion .accordion-item .accordion-head .icon.bg-light {
  min-height: 35px;
  min-width: 35px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39 38' fill='none'%3E%3Ccircle cx='19.8281' cy='19' r='19' transform='rotate(90 19.8281 19)' fill='%23F6F6F6'/%3E%3Cpath d='M12.8281 22.5L20.3281 15L27.8281 22.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.wrap-accordion .accordion-item.open .icon {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.wrap-accordion .accordion-item.open .accordion-content {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.wrap-accordion .accordion-item .accordion-content {
  max-height: 0px;
  overflow: hidden;
  padding-right: 1.25rem;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .wrap-accordion .accordion-item .accordion-content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.wrap-accordion .accordion-item .accordion-content p,
			.wrap-accordion .accordion-item .accordion-content ul {
  font-size: 16px;
  line-height: 160%;
}

@media (min-width: 768px) {
  .wrap-accordion .accordion-item .accordion-content p,
			.wrap-accordion .accordion-item .accordion-content ul {
    font-size: 18px;
  }
}

.wrap-accordion .accordion-item .accordion-content .list-disc,
			.wrap-accordion .accordion-item .accordion-content .list-decimal {
  padding-left: 1rem;
}

.wrap-accordion .accordion-item .accordion-content a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
  text-decoration-line: underline;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.collapsible-accordion input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.collapsible-accordion {
  margin: 10px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.collapsible-item-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  font-weight: bold;
  cursor: pointer;
  background: purple;
  color: #fff;
}

.collapsible-item-label::after {
  content: "→";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}

.collapsible-item-content {
  max-height: 0;
  padding: 0 1em;
  background: white;
  transition: all 0.35s;
}

.collapsible-accordion input:checked + .collapsible-item-label::after {
  transform: rotate(90deg);
}

.collapsible-accordion input:checked ~ .collapsible-item-content {
  max-height: 100vh;
  padding: 1em;
}

.alert-content-wrap a {
  text-decoration-line: underline;
  text-underline-offset: 2px;
}

.section-blog {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.section-blog {
  background: #fff;
}

.section-blog {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  z-index: 10;
}

.section-blog.sm {
  padding-top: 40px;
  padding-bottom: 40px;
}

.hidden-desktop {
  display: none !important;
}

.hidden-mobile {
  display: flex !important;
}

.nopadding-bottom {
  padding-bottom: 0 !important;
}

.a-right {
  text-align: right;
}

.bg-c-black {
  background: #000;
}

.bg-c-yellow {
  background: #fbf9ed !important;
}

.bg-c-gray {
  background: #f8f8f8 !important;
}

.bg-c-green {
  background: #73e8a5 !important;
}

.bg-gradient-yellow {
  background: rgb(248, 248, 248);
  background: linear-gradient(
		0deg,
		rgba(248, 248, 248, 1) 90%,
		rgba(255, 236, 143, 1) 100%
	);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#ffec8f",GradientType=1);
}

.bg-gradient-purple {
  background: rgb(248, 248, 248);
  background: linear-gradient(
		0deg,
		rgba(248, 248, 248, 1) 90%,
		rgb(212 196 255) 100%
	);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f8f8f8",endColorstr="#d7caff",GradientType=1);
}

.navbar-container {
  position: relative;
  z-index: 1;
  padding-top: 135px;
  background: #000;
}

.navbar-tablinks {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.navbar-tablinks ul {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.navbar-tablinks ul li {
  position: relative;
  transform: translateY(5px);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.navbar-tablinks ul li.active {
  z-index: 400;
  transform: translateY(0);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.navbar-tablinks ul li:hover {
  transform: translateY(0);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.navbar-tablinks ul li img {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.navbar-tablinks ul li a {
  position: absolute;
  width: 100%;
  height: 49px;
  z-index: 300;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 10px 0 22px;
  font-family: "anuphanmedium";
  color: #000;
  font-size: 16px;
  font-weight: none;
  line-height: 1.4;
}

.navbar-tablinks ul li a:focus {
  outline: 0;
}

.navbar-tablinks ul li:first-of-type {
  z-index: 300;
}

.navbar-tablinks ul li:first-of-type a {
  padding: 0 10px 0 30px;
}

.action-links {
  margin-top: 30px;
}

.action-links.xs {
  margin-top: 30px;
}

.link-m-back {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "anuphanmedium";
  font-size: 14px;
}

.link-m-back svg {
  position: relative;
  left: 0;
  transition: 0.3s;
}

.link-m-back:hover svg {
  left: -5px;
}

.heading {
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
}

.heading.sm {
  margin-bottom: 20px;
}

.heading-flex {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.heading h1 {
  font-family: "bkk_draft5regular";
  color: #000;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.4;
}

.heading .heading-h1-lg {
  line-height: 1.2;
}

.heading h2 {
  font-family: "bkk_draft5regular";
  color: #000;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
}

.heading .heading-h2-md {
  font-size: 24px;
}

.header-filter {
  display: grid;
  grid-gap: 10px;
}

.box-heading {
  padding: 40px 0 40px;
  padding-top: 120px;
}

.box-heading.page-arborist-single:after {
  content: "";
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0;
  z-index: -1;
  background: #73e8a5;
}

.heading.grid-heading {
  display: grid;
  grid-gap: 40px;
  margin-bottom: 0;
}

.gb-pagination {
  margin-top: 60px;
  margin-bottom: 60px;
}

.gb-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.gb-pagination ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 37px;
  font-family: "anuphanmedium";
  font-size: 16px;
  border-radius: 50%;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.gb-pagination ul li a.active {
  color: #fff;
  background: #000;
  text-decoration: none;
}

.grid-item {
  position: relative;
  overflow: hidden;
  display: grid;
}

.card-item {
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.card-item .box-img {
  position: relative;
  overflow: hidden;
  z-index: 10;
}

.card-item .box-img::after {
  content: "";
  display: flex;
  position: relative;
}

.card-item .box-img img,
.card-item .box-img picture img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.6s;
}

.card-item .box-caption {
  display: grid;
  align-items: flex-start;
  grid-gap: 10px;
  font-size: 12px;
}

.card-item .box-caption h3 {
  font-family: anuphansemibold;
}


	p .card-item .box-caption h3,
	ul .card-item .box-caption h3 {
  line-height: 1.4;
}

.card-item .box-caption h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .card-item .box-caption h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .card-item .box-caption h3 {
    font-size: 22px;
  }
}

.card-item .box-caption h3 {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.5;
  transition: 0.3s;
}

.card-item:hover .box-img img {
  transition: 0.6s;
  transform: translate3d(0px, 0px, 0px) scale(1.05);
}

.card-item:hover .box-caption h3 {
  color: rgb(0 116 75);
}

.grid-col-topic {
  display: grid;
  align-items: flex-start;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}

.entry-facilities {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.entry-facilities ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 14px;
}

.entry-facilities ul li {
  list-style: none;
}

.entry-facilities img {
  width: auto;
  height: 18px;
}

.entry-category {
  display: inline-flex;
}

.entry-category span {
  display: inline-flex;
  padding: 3px 10px 5px;
  font-family: "anuphanmedium";
  font-size: 12px;
  border-radius: 84px;
  border: 1px solid #000;
}

.entry-location {
  display: flex;
  gap: 10px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}

.entry-location img {
  width: 14px;
  height: auto;
}

/* star-ratings */

.star-ratings {
  display: grid;
  align-items: center;
}

.star-ratings.ratings-flex {
  display: flex;
  gap: 10px;
}

.star-ratings ul {
  display: flex;
  align-items: center;
  gap: 4px;
}

.star-ratings p {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  line-height: 1;
}

/* Arborist */

.grid-arborist {
  grid-gap: 18px;
  grid-template-columns: 1fr;
}

.card-arborist {
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.card-arborist .box-img {
  border-radius: 12px;
}

.card-arborist .box-img::after {
  aspect-ratio: 1 / 1;
}

.card-arborist .box-caption {
  grid-gap: 6px;
}

.card-arborist .box-caption h3 {
  font-size: 16px;
}

.card-arborist .box-caption p {
  line-height: 1.75;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  max-height: 300px;
  height: 100%;
}

.card-arborist .star-ratings p {
  text-align: right;
  margin-top: 4px;
}

.link-map {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.grid-transportation {
  position: relative;
  padding: 30px;
  display: grid;
  grid-gap: 30px;
  border-radius: 20px;
  grid-template-columns: 1fr;
  border: 2px solid #000;
}

.section-bkk-park-transportation .link-map {
  font-family: "anuphanmedium";
  font-size: 14px;
}

.section-bkk-park-transportation .box-map:after {
  aspect-ratio: 3 / 2;
}

.section-bkk-park-review .grid-review {
  position: relative;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}

.section-bkk-park-review .block-review {
  display: grid;
  grid-gap: 20px;
}

.card-review {
  display: grid;
  grid-gap: 16px;
  padding: 30px 20px;
  border-radius: 20px;
  background: #fff;
}

.card-review .box-head {
  display: grid;
  align-items: center;
  grid-gap: 12px;
  grid-template-columns: 50px 1fr;
}

.card-review .box-name {
  display: grid;
  align-items: center;
  grid-gap: 6px;
}

.card-review .box-name h3 {
  font-family: anuphansemibold;
}


	p .card-review .box-name h3,
	ul .card-review .box-name h3 {
  line-height: 1.4;
}

.card-review .box-name h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .card-review .box-name h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .card-review .box-name h3 {
    font-size: 22px;
  }
}

.card-review .box-name h3 {
  color: #000;
  font-size: 18px;
}

.card-review .box-name span {
  color: rgb(0 0 0 / 40%);
}

.card-review .box-img {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.card-review .box-img img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-review .box-content {
  font-size: 14px;
}

.card-review .box-content p {
  font-family: "sarabunregular";
  line-height: 1.8;
}

.heading-review {
  display: grid;
  grid-gap: 4px;
}

.section-bkk-park-review .ratings-review {
  font-family: "bkk_draft5regular";
  color: #00c08a;
  font-size: 62px;
  font-weight: 400;
  line-height: 1;
}

.section-bkk-park-comingsoon,
.section-interested-slide {
  position: relative;
  overflow: hidden;
}

.swiper-item-park,
.swiper-item-interested {
  overflow: visible;
}

.swiper-item-interested .swiper-slide {
  width: 350px !important;
}

.swiper-item-interested .card-arborist {
  background: #fff;
}

.swiper-item-interested .card-arborist .box-img {
  border-radius: 10px;
}

.grid-park {
  display: grid;
  grid-gap: 18px;
  grid-template-columns: 1fr;
}

.card-park .box-caption {
  height: 100%;
  align-content: space-between;
}

.card-park .box-space {
  display: grid;
  gap: 8px;
  height: 100%;
  justify-content: space-between;
}

.card-park .entry-facilities {
  grid-column: span 2;
}

.card-park .box-caption h3 {
  font-size: 20px;
}

/* Blog */

.grid-blog {
  grid-gap: 24px;
  grid-template-columns: 1fr;
}

.card-blog {
  border-radius: 10px;
  background: #fff;
}

.card-blog a {
  display: grid;
  grid-template-columns: 144px 1fr;
}

.card-blog .box-img::after {
  aspect-ratio: 1 / 1;
}

.card-blog .box-caption {
  align-content: space-between;
  padding: 12px 20px;
}

.card-blog .box-caption h3 {
  font-size: 16px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  max-height: 300px;
}

.card-blog .entry-info {
  font-family: anuphansemibold;
}


	p .card-blog .entry-info,
	ul .card-blog .entry-info {
  line-height: 1.4;
}

.card-blog .entry-info {
  line-height: 1.4 !important;
}


		.detail-simple p .card-blog .entry-info {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .card-blog .entry-info {
    font-size: 22px;
  }
}

.card-blog .entry-info {
  line-height: 1.8;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}

.grid-blog-all .card-blog:first-of-type a {
  display: grid;
  grid-template-columns: 1fr;
}

.grid-blog-all .card-blog:first-of-type .box-caption {
  display: grid;
  grid-gap: 30px;
  padding: 30px 24px;
}

.grid-blog-all .card-blog:first-of-type .box-caption h3 {
  font-size: 24px;
}

.grid-blog-all .card-blog:first-of-type .box-img::after {
  aspect-ratio: 3 / 2;
}

.section-youmaylike {
  background: #fff;
}

.section-youmaylike .card-item {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

/* Event */

.grid-event {
  grid-gap: 24px;
  grid-template-columns: 1fr;
  margin-top: 2.5rem;
}

@media (min-width: 768px) {
  .grid-event {
    margin-top: 0px;
  }
}

.card-event {
  border-radius: 20px;
  background: #fff;
}

.card-event .box-img::after {
  aspect-ratio: 16 / 9;
}

.card-event.upcoming {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.box-flex {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-flex a {
  white-space: nowrap;
}

.box-flex .gb-pagination.a-left {
  margin-top: 0;
}

.section-event-upcoming {
  position: relative;
  overflow: hidden;
}

.section-event-upcoming .box-flex {
  margin-top: 30px;
}

.box-calendar-date {
  position: absolute;
  min-width: 54px;
  height: 54px;
  top: 16px;
  right: 16px;
  display: grid;
  align-items: end;
  text-align: center;
  overflow: hidden;
  font-family: anuphansemibold;
}


	p .box-calendar-date,
	ul .box-calendar-date {
  line-height: 1.4;
}

.box-calendar-date {
  line-height: 1.4 !important;
}


		.detail-simple p .box-calendar-date {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .box-calendar-date {
    font-size: 22px;
  }
}

.box-calendar-date {
  z-index: 10;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
}

.box-calendar-date span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  line-height: 1;
  padding: 0 10px;
  white-space: nowrap;
}

.box-calendar-date p {
  padding: 5px 0 7px;
  display: flex;
  font-size: 12px;
  justify-content: center;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  background: #bd1414;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
}

.card-event .box-caption {
  font-family: "anuphanmedium";
  font-size: 16px;
  padding: 16px 24px;
}

.card-event .box-caption ul {
  display: grid;
  grid-gap: 6px;
}

.card-event .box-caption ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
}

.card-event .ic {
  justify-content: center;
  width: 18px;
  display: flex;
  align-items: center;
}

.swiper-item-category {
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .swiper-item-category {
    margin-bottom: 60px;
  }
}

.box-item-category {
  position: relative;
  min-height: 130px;
  z-index: 10;
  display: grid;
  grid-gap: 10px;
  margin: 6px 0;
  align-items: center;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 20px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.11);
  background: #fff;
  transform: translateY(0px);
  transition: all 0.3s ease-in-out;
}

.box-item-category .ic {
  height: 40px;
  display: flex;
  justify-content: center;
}

.box-item-category .ic img {
  height: 40px;
  -moz-filter: brightness(0);
  -ms-filter: brightness(0);
  -o-filter: brightness(0);
  filter: brightness(0);
  transition: 0.3s;
}

.box-item-category:hover img {
  cursor: pointer;
  filter: none;
}

.box-item-category:hover {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.5);
  transform: translateY(-6px);
  transition: all 0.3s ease-in-out;
}

.box-item-category p {
  color: #000;
  text-align: center;
  font-family: "anuphanmedium";
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.box-swiper-event {
  position: relative;
  overflow: hidden;
}

/* article */

.article-body {
  display: grid;
  grid-gap: 26px;
  margin: 0 auto;
}

.article-body.box-center {
  max-width: 700px;
}

.article-cover-img {
  position: relative;
  overflow: hidden;
  z-index: 10;
  text-align: center;
  /* max-height: 100vh; */
}

.article-cover-img img {
  width: 100%;
  height: 100%;
}

.article-cover-img.cover-event {
  position: relative;
  z-index: 10;
  border-radius: 20px;
}

.article-cover-img.cover-event .box-calendar-date {
  top: 24px;
  right: 24px;
}

.article-heading {
  display: grid;
  grid-gap: 20px;
  margin-bottom: 30px;
}

.article-heading h1 {
  font-family: "bkk_draft5regular";
  font-size: 34px;
  line-height: 1.4;
}

.article-heading.heading-arborist h1 {
  font-size: 40px;
}

.article-heading.heading-event h1 {
  font-size: 32px;
}

.article-heading.nomargin-bottom {
  margin-bottom: 0;
}

.article-heading p {
  font-family: "anuphanmedium";
  font-size: 14px;
}

.article-heading .group-heading {
  display: grid;
  grid-gap: 10px;
}

.article-content {
  color: #000;
  font-family: "sarabunregular";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.article-content a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.article-content h2 {
  font-family: "bkk_draft5regular";
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 20px;
}

.article-content h3 {
  font-family: "anuphanmedium";
  line-height: 1.5;
  font-size: 20px;
  margin-bottom: 20px;
}

.article-content h4 {
  font-family: "anuphanmedium";
  line-height: 1.5;
  font-size: 18px;
  margin-bottom: 40px;
}

.article-content p {
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.8;
}

.article-content ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.article-content ul li {
  list-style: disc;
}

.article-img img {
  border-radius: 10px;
  margin: 0 auto;
}

.entry-tags {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.entry-tags a {
  padding: 3px 20px 6px;
  font-family: "anuphanmedium";
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
}

.entry-tags a:hover {
  color: #fff;
  background: #000;
}

.article-event {
  padding-top: 0;
  max-width: inherit;
}

.article-event .cover-event img {
  border-radius: 20px;
}

.grid-col-single {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: 1fr;
}

/* scrolling nav */

.scrolling-navbar {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: #fff;
  transition: transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.scrolling-nav {
  width: 100%;
  height: 65px;
  position: relative;
  z-index: 500;
  display: grid;
  align-items: center;
}

.scrolling-nav.sticky {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  backface-visibility: hidden;
  text-shadow: none;
  transition: transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.scrolling-nav.sticky ul {
  border-bottom: 0 !important;
}

.nav-scroll-link ul {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.navigation_link {
  position: relative;
  display: flex;
  align-items: center;
  height: 63px;
  font-family: "anuphanmedium";
  color: #000;
  font-size: 14px;
  white-space: nowrap;
  font-weight: normal;
  line-height: 1.4;
  transition: all 0.3s ease-in-out;
}

.navigation_link:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
  opacity: 0;
  background: #000;
}

.navigation_link.active:after {
  opacity: 1;
}

.card-map {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.card-map .box-img {
  border-radius: 0;
}

.card-map .link-map {
  padding: 20px;
}

.box-highlights-activities {
  margin-top: 20px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.box-highlights-activities span {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  padding: 0 6px;
}

.box-highlights-activities h2 {
  display: flex;
  position: relative;
  left: 26px;
  font-family: "bkk_draft5regular";
  color: #000;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  top: -15px;
}

@media (min-width: 768px) {
  .box-highlights-activities h2 {
    top: -17px;
  }
}

.box-highlights-activities h2 .ic {
  position: relative;
  top: 1px;
  width: 21px;
}

.box-highlights-activities .box-inner {
  padding: 15px 35px 35px;
}

.box-highlights-activities ul {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr;
}

.box-highlights-activities ul li {
  display: flex;
  gap: 12px;
  align-items: start;
}

.box-highlights-activities ul li img {
  width: auto;
  height: 24px;
  position: relative;
  top: 2px;
}

.box-activity h2 {
  font-size: 18px;
  padding: 0.5rem 0;
}

.box-activity .box-blog-content {
  padding: 0 1.2rem 0.5rem;
}

.info-activity .ic {
  position: relative;
  top: 5px;
  width: 20px;
  display: block;
}

.info-activity .ic img {
  height: 18px;
}

.info-activity li {
  display: grid;
  grid-gap: 14px;
  grid-template-columns: 20px 1fr;
  align-items: flex-start;
  padding: 8px 0;
  font-family: "sarabunregular";
  font-size: 14px;
  line-height: 1.8;
  border-bottom: 1px solid #e5e5e5;
}

.info-activity li .tb-list {
  display: grid;
  align-items: center;
  grid-template-columns: 2fr 4fr;
}

.info-activity li .tb-list span {
  color: #000;
  font-family: "anuphanmedium";
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

.info-activity li:last-of-type {
  border-bottom: 0;
}

.info-activity .box-info {
  display: grid;
  grid-gap: 4px;
}

.info-activity h3 {
  font-family: anuphansemibold;
}


	p .info-activity h3,
	ul .info-activity h3 {
  line-height: 1.4;
}

.info-activity h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .info-activity h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .info-activity h3 {
    font-size: 22px;
  }
}

.info-activity h3 {
  line-height: 1.8;
  font-size: 16px;
}

.info-activity .c-btn-type5 {
  font-family: "sarabunregular";
  font-size: 14px;
  font-weight: normal;
  padding: 0.2rem 22px 0.2rem 0;
}

.info-activity.nobullet li {
  grid-template-columns: 1fr;
}

.info-activity.nobullet .ic {
  display: none;
}

/* share */

.share-item .a2a_kit a {
  padding: 8px 24px 12px 44px;
  position: relative !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
  font-family: anuphanmedium !important;
  font-size: 16px !important;
  line-height: 1 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

p.share-item .a2a_kit a,
	ul.share-item .a2a_kit a {
  line-height: 1.4;
}

.share-item .a2a_kit a {
  line-height: 1.4 !important;
}

.section-color p.share-item .a2a_kit a {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.share-item .a2a_kit a {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.share-item .a2a_kit a {
    font-size: 28px;
  }
}

.detail-simple p.share-item .a2a_kit a {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.share-item .a2a_kit a {
    font-size: 22px;
  }
}

.share-item .a2a_kit a:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cg clip-path='url(%23clip0_3618_21072)'%3E%3Cpath d='M16.6615 6.04167C18.1572 6.04167 19.3698 4.8291 19.3698 3.33333C19.3698 1.83756 18.1572 0.625 16.6615 0.625C15.1657 0.625 13.9531 1.83756 13.9531 3.33333C13.9531 4.8291 15.1657 6.04167 16.6615 6.04167Z' fill='white'/%3E%3Cpath d='M16.6615 6.66667C14.8231 6.66667 13.3281 5.17167 13.3281 3.33333C13.3281 1.495 14.8231 0 16.6615 0C18.4998 0 19.9948 1.495 19.9948 3.33333C19.9948 5.17167 18.4998 6.66667 16.6615 6.66667ZM16.6615 1.25C15.5123 1.25 14.5781 2.185 14.5781 3.33333C14.5781 4.48167 15.5123 5.41667 16.6615 5.41667C17.8106 5.41667 18.7448 4.48167 18.7448 3.33333C18.7448 2.185 17.8106 1.25 16.6615 1.25Z' fill='white'/%3E%3Cpath d='M16.6615 19.375C18.1572 19.375 19.3698 18.1625 19.3698 16.6667C19.3698 15.1709 18.1572 13.9584 16.6615 13.9584C15.1657 13.9584 13.9531 15.1709 13.9531 16.6667C13.9531 18.1625 15.1657 19.375 16.6615 19.375Z' fill='white'/%3E%3Cpath d='M16.6615 20C14.8231 20 13.3281 18.505 13.3281 16.6667C13.3281 14.8284 14.8231 13.3334 16.6615 13.3334C18.4998 13.3334 19.9948 14.8284 19.9948 16.6667C19.9948 18.505 18.4998 20 16.6615 20ZM16.6615 14.5834C15.5123 14.5834 14.5781 15.5184 14.5781 16.6667C14.5781 17.815 15.5123 18.75 16.6615 18.75C17.8106 18.75 18.7448 17.815 18.7448 16.6667C18.7448 15.5184 17.8106 14.5834 16.6615 14.5834Z' fill='white'/%3E%3Cpath d='M4.99349 12.7084C6.48926 12.7084 7.70182 11.4959 7.70182 10.0001C7.70182 8.50431 6.48926 7.29175 4.99349 7.29175C3.49772 7.29175 2.28516 8.50431 2.28516 10.0001C2.28516 11.4959 3.49772 12.7084 4.99349 12.7084Z' fill='white'/%3E%3Cpath d='M4.99349 13.3334C3.15516 13.3334 1.66016 11.8384 1.66016 10.0001C1.66016 8.16175 3.15516 6.66675 4.99349 6.66675C6.83182 6.66675 8.32682 8.16175 8.32682 10.0001C8.32682 11.8384 6.83182 13.3334 4.99349 13.3334ZM4.99349 7.91675C3.84432 7.91675 2.91016 8.85175 2.91016 10.0001C2.91016 11.1484 3.84432 12.0834 4.99349 12.0834C6.14266 12.0834 7.07682 11.1484 7.07682 10.0001C7.07682 8.85175 6.14266 7.91675 4.99349 7.91675Z' fill='white'/%3E%3Cpath d='M6.96258 9.59989C6.77933 9.59874 6.60154 9.53733 6.45663 9.42514C6.31173 9.31295 6.20776 9.15621 6.16075 8.97908C6.11374 8.80195 6.12631 8.61428 6.19652 8.445C6.26673 8.27573 6.39068 8.13425 6.54925 8.04239L14.2817 3.63405C14.3768 3.57965 14.4816 3.54455 14.5903 3.53078C14.6989 3.517 14.8092 3.52482 14.9148 3.55377C15.0204 3.58273 15.1193 3.63226 15.2057 3.69952C15.2921 3.76678 15.3644 3.85045 15.4184 3.94572C15.6459 4.34488 15.5059 4.85405 15.1068 5.08238L7.37425 9.49072C7.24889 9.56237 7.10697 9.6 6.96258 9.59989ZM14.6942 16.4749C14.5499 16.475 14.4079 16.4374 14.2826 16.3657L6.55008 11.9574C6.36789 11.8431 6.23689 11.6628 6.18445 11.4542C6.132 11.2456 6.16215 11.0248 6.26861 10.8379C6.37507 10.651 6.5496 10.5125 6.75578 10.4512C6.96195 10.3899 7.18383 10.4106 7.37508 10.5091L15.1076 14.9174C15.2668 15.0088 15.3914 15.1503 15.462 15.3197C15.5327 15.4892 15.5455 15.6772 15.4984 15.8547C15.4513 16.0322 15.3469 16.1891 15.2016 16.3012C15.0562 16.4134 14.8779 16.4744 14.6942 16.4749Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3618_21072'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.828125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  pointer-events: none;
  position: absolute;
  left: 1rem;
  top: 0.75rem;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* swiper pagination, arrow */

.box-swiper-arw {
  position: relative;
  top: 5px;
  z-index: 400;
  display: block;
}

.gb-swiper-arw.swiper-button-next.swiper-button-disabled,
.gb-swiper-arw.swiper-button-prev.swiper-button-disabled {
  opacity: 5%;
}

.box-swiper-arw .gb-swiper-arw {
  display: block;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  height: 2.25rem;
  width: 2.25rem;
}

.box-swiper-arw .gb-swiper-arw:after {
  display: none;
}

.gb-swiper-arw.swiper-button-prev {
  right: 40px;
  left: inherit;
  background-image: url(assets/img/icons/i_arrow_next-black.svg);
  transform: rotate(180deg);
}

.gb-swiper-arw.swiper-button-next {
  right: 0;
  background-image: url(assets/img/icons/i_arrow_next-black.svg);
}

.gb-pagination.a-left {
  position: relative;
  text-align: left;
  bottom: 0;
  top: inherit;
  margin-top: 20px;
}

.gb-pagination.a-left.nomargin-top {
  margin-top: 0;
}

.gb-pagination .swiper-pagination-bullet {
  border-radius: 0.5rem;
  margin-left: 2px !important;
  margin-right: 2px !important;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.gb-pagination .swiper-pagination-bullet-active {
  width: 20px;
}

/* gallery */

.grid-gallery {
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(2, 1fr);
}

.grid-gallery .g-img {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.grid-gallery .g-img:after {
  content: "";
  display: flex;
  aspect-ratio: 3 / 2;
}

.grid-gallery .g-img > img {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.grid-gallery .g-img:first-of-type {
  grid-column: span 2;
  grid-row: span 2;
}

.show-all-gallery {
  position: absolute;
  height: 36px;
  bottom: 24px;
  right: 24px;
  z-index: 200;
  padding: 6px 24px;
  font-family: "anuphanmedium";
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  transition: 0.1s all;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.footer-sub-submenu li div.show-all-gallery {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.show-all-gallery a {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
}

.show-all-gallery a:focus {
  outline: 0;
}

.show-all-gallery img {
  position: relative;
  top: 1px;
}

/* Fancybox */

.fancybox-bg {
  opacity: 1;
  background: rgb(0 0 0 / 90%);
  pointer-events: none;
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
}

.fancybox-infobar {
  display: none;
}

.fancybox-toolbar {
  top: 24px;
  right: 24px;
}

.fancybox-button {
  width: auto;
  height: auto;
  padding: 0 !important;
  background: transparent !important;
}

.fancybox-navigation .fancybox-button {
  width: 40px !important;
  height: 40px !important;
  padding: 0;
  top: calc(50% - 20px);
}

.fancybox-button--close svg,
.fancybox-button--arrow_right svg,
.fancybox-button--arrow_left svg {
  display: none;
}

.fancybox-button--close {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff !important;
}

.fancybox-navigation .fancybox-button div {
  padding: 0;
  height: auto;
}

.fancybox-button--close:after,
.fancybox-button--arrow_left:after,
.fancybox-button--arrow_right:after {
  content: "";
  display: block;
  width: 40px !important;
  height: 40px !important;
  background-position: center;
  background-repeat: no-repeat;
}

.fancybox-button--close:after {
  background-image: url(assets/img/icons/i_close.svg) !important;
}

.fancybox-button--arrow_left:after {
  background-image: url(assets/img/icons/i_arrow_prev.svg) !important;
}

.fancybox-button--arrow_right:after {
  background-image: url(assets/img/icons/i_arrow_next.svg) !important;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 20px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 20px;
}

.fancybox-caption {
  display: none;
}

.fancybox-button--zoom,
.fancybox-button--play,
.fancybox-button--thumbs {
  display: none !important;
}

.info-social {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

.info-social img {
  width: 34px;
  height: auto;
}

.section-bkk-park .area-content {
  max-width: 900px;
  margin-top: 15px;
}

.section-bkk-park .area-content h3 {
  font-family: "anuphanmedium";
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.container-swiper-categorypark {
  padding-bottom: 30px;
}

.item-category-park {
  display: grid;
  grid-gap: 14px;
  padding: 10px 0;
  text-align: center;
  transform: translateY(0px);
  transition: all 0.3s ease-in-out;
}

.item-category-park .ic {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
}

.item-category-park p {
  font-family: "anuphanmedium";
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.item-category-park:hover {
  transform: translateY(-6px);
  transition: all 0.3s ease-in-out;
}

.section-bkk-park-fullimg {
  position: relative;
  overflow: hidden;
  align-items: center;
  display: flex;
  width: 100%;
  height: calc(100dvh - 80px);
}

.section-bkk-park-fullimg .block-img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.section-bkk-park-fullimg .block-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-bkk-park-fullimg .block-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 45px 0;
  display: grid;
  align-items: center;
}

.section-bkk-park-fullimg .box-folder .box-content {
  padding: 35px;
  display: grid;
  grid-gap: 10px;
}

.section-bkk-park-fullimg .box-folder .box-content.xs {
  padding: 25px;
}

.section-bkk-park-fullimg .box-folder .box-content h3 {
  font-family: "bkk_draft5regular";
}

.section-bkk-park-fullimg .box-folder .box-content h4 {
  color: #000;
  font-family: "anuphanmedium";
  font-size: 18px;
  font-weight: normal;
  line-height: 1.4;
}

.section-bkk-park-fullimg .box-folder .box-content p {
  line-height: 1.6;
}

.section-bkk-park-fullimg p.c-gray {
  color: rgba(0, 0, 0, 0.58);
}

.section-bkk-park-fullimg .box-map {
  margin-bottom: 15px;
}

/* Park comingsoon */

.section-bkk-park-comingsoon .area-content {
  max-width: 960px;
  margin-bottom: 70px;
  font-family: "anuphanmedium";
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}

.swiper-item-park .swiper-slide {
  width: 335px !important;
}

.swiper-item-park .card-blog {
  border-radius: 20px;
}

.swiper-item-park .card-blog .box-caption {
  padding: 12px 20px 0;
}

.swiper-item-park .card-blog .box-caption p {
  font-size: 16px;
  color: rgb(0 0 0 / 60%);
}

.swiper-item-park .card-blog .box-caption h3 {
  font-size: 18px;
}

.swiper-item-park .card-blog a {
  grid-template-columns: 1fr;
}

.swiper-item-park .card-blog a:focus {
  outline: 0;
}

.swiper-item-park .card-blog .box-img::after {
  aspect-ratio: 16 / 9;
}

.swiper-item-park .link-btn {
  display: block;
  padding-right: 24px;
  padding-bottom: 24px;
}

.swiper-item-park .link-btn svg {
  margin: 0 0 0 auto;
}

.swiper-item-park.swiper-item-xs .card-blog .box-caption {
  min-height: 160px;
  padding: 1.25rem;
}

.swiper-item-park.swiper-item-xs .card-blog .box-caption p {
  font-size: 14px;
  color: #000;
}

.swiper-item-park.swiper-item-xs .link-btn {
  position: absolute;
  right: 0;
  top: calc(100% - 75px);
}

.box-ic .icon {
  display: inline-block;
  padding: 10px;
  border-radius: 12px;
}

/* folder */

.box-folder {
  position: relative;
  z-index: 2;
  margin-top: 38px;
}

.box-folder .clear-all {
  position: absolute;
  right: 10px;
  top: -30px;
  font-family: "anuphanmedium";
  font-size: 14px;
  color: #c12c2c;
  font-weight: normal;
  line-height: 1.4;
}

.box-folder h2 {
  position: relative;
  padding: 0 25px;
  font-family: "bkk_draft5regular";
  line-height: 1;
  font-size: 18px;
}

.box-folder .folder-label {
  position: absolute;
  top: -38px;
  left: 0;
  height: 38px;
  display: grid;
  align-items: flex-end;
  justify-content: flex-start;
}

.box-folder .folder-label:before {
  content: "";
  display: flex;
  position: absolute;
  width: calc(100% - 35px);
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
  border-top-left-radius: 20px;
}

.box-folder .folder-label:after {
  content: "";
  display: flex;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -25px;
  width: 86px;
  height: 38px;
  overflow: hidden;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: url(assets/img/shape/shape-floder-xs.svg);
  background-size: cover;
}

.box-folder.folder-gray .folder-label:before {
  background: #f8f8f8;
}

.box-folder.folder-gray .folder-label:after {
  background-image: url(assets/img/shape/shape-floder-gray-xs.svg);
}

.box-folder .box-content {
  position: relative;
  z-index: 10;
  padding: 25px 25px 40px 25px;
  -webkit-border-radius: 20px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-topleft: 0;
  border-radius: 20px;
  border-top-left-radius: 0;
  background: #f8f8f8;
}

.box-folder .box-content.bg-white {
  background: #fff;
}

.box-folder.md h2 {
  padding: 0 35px;
}

/* Form Style */

.form-style {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-gap: 30px;
}

.form-style .label-form {
  display: block;
  font-family: anuphansemibold;
}


	p .form-style .label-form,
	ul .form-style .label-form {
  line-height: 1.4;
}

.form-style .label-form {
  line-height: 1.4 !important;
}


		.detail-simple p .form-style .label-form {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .form-style .label-form {
    font-size: 22px;
  }
}

.form-style .label-form {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.8;
  color: #000;
}

.form-style button {
  outline: 0;
  border: 0;
  cursor: pointer;
  box-shadow: 0 0 0;
}

.select-style select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #fff;
  background-image: none;
  flex: 1;
  padding: 0 18px;
  color: #000;
  cursor: pointer;
  font-family: "sarabun_semiboldregular";
  font-size: 16px;
}

.select-style select::-ms-expand {
  display: none;
}

.select-style {
  position: relative;
  display: flex;
  width: 100%;
  height: 48px;
  color: #000;
  font-family: "sarabun_semiboldregular";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 6px;
}

.select-style::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(-50%, -50%);
  padding: 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(assets/img/icons/i_dropdown_black.svg);
  pointer-events: none;
  background-size: 16px 16px;
  transition: 0.25s all ease;
}

.select-style:hover::after {
  color: #000;
}

.select-style.select-month {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
}

.select-style.select-month,
.select-style.select-month select {
  font-family: "anuphanmedium";
  font-size: 14px;
}

.form-style .field {
  position: relative;
  display: grid;
  grid-gap: 10px;
}

/* Checkbox */

.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.checkbox-box {
  display: flex;
  gap: 10px;
  align-items: center;
}

.checkbox-box label {
  font-family: "sarabunregular";
  font-size: 16px;
  color: #000;
  cursor: pointer;
}

.checkbox-box [type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.checkbox-box [type="checkbox"]::before,
.checkbox-box [type="checkbox"]::after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  cursor: pointer;
}

.checkbox-box [type="checkbox"]::before {
  width: inherit;
  height: inherit;
  border: 1px solid #000;
  background-color: #fff;
}

.checkbox-box [type="checkbox"]::after {
  width: 20px;
  height: 20px;
  display: none;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(assets/img/icons/i_check.svg);
  transition: opacity 0.3s;
}

.checkbox-box [type="checkbox"]:checked::after {
  display: flex;
}

/* Radio */

.radio-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.radio-box {
  display: flex;
  gap: 10px;
  align-items: center;
}

.radio-box [type="radio"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.radio-box [type="radio"]::before,
[type="radio"]::after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
}

.radio-box [type="radio"]::before {
  background: #fff;
  width: inherit;
  height: inherit;
  border: 1px solid #000;
}

.radio-box [type="radio"]::after {
  background: #000;
  width: 10px;
  height: 10px;
  opacity: 0;
  transition: opacity 0.3s;
}

.radio-box [type="radio"]:checked::after {
  opacity: 1;
}

/* End Form Style */

.sidebar-single {
  display: grid;
  grid-gap: 30px;
}

.sidebar-inner {
  display: grid;
  grid-gap: 30px;
}

.box-map {
  position: relative;
  overflow: hidden;
  z-index: 10;
  border-radius: 10px;
}

.box-map iframe,
.box-map img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.box-map:after {
  content: "";
  display: flex;
  position: relative;
  aspect-ratio: 16 / 9;
}

.box-map.square {
  aspect-ratio: 1 / 1;
}

.btn-map {
  position: absolute;
  z-index: 300;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 8px;
  padding: 8px 20px;
  white-space: nowrap;
  font-family: anuphansemibold;
}


	p .btn-map,
	ul .btn-map {
  line-height: 1.4;
}

.btn-map {
  line-height: 1.4 !important;
}


		.detail-simple p .btn-map {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .btn-map {
    font-size: 22px;
  }
}

.btn-map {
  font-size: 16px;
  color: #000;
  border-radius: 100px;
  background: #fff;
  box-shadow: 0px 4px 11.9px 0px rgba(0, 0, 0, 0.25);
}

/* Accordion */

.accordion h3 {
  position: relative;
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}

.accordion h3:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 15px;
  height: 2px;
  background: #000;
  transform: translateY(-50%);
}

.accordion-item.active h3:after,
.accordion-item h3.active:after {
  width: 15px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(assets/img/icons/i_plus.svg);
}

.accordion h3:hover,
.accordion h3:focus,
.accordion h3:hover::after,
.accordion h3:focus::after {
  cursor: pointer;
}

.accordion .accordion-item.active h3 {
  border-bottom: 0;
}

/* 
.accordion-content {
	padding-bottom: 20px;
	display: none;
	border-bottom: transparent;
} */

.accordion-content .checkbox-box {
  margin: 14px 0;
}

.accordion-item.active .accordion-content {
  display: grid !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.transportation-content {
  display: none;
  padding-top: 10px;
}

.transportation-content a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.transportation-item h3 {
  position: relative;
  display: flex;
  gap: 18px;
  padding: 18px 0;
  font-family: "anuphanmedium";
  color: #000;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: all 0.2s;
}

.transportation-item h3:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: url(assets/img/icons/i_accordion_arrow_up.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.2s;
  transform: translateY(-50%) rotate(180deg);
}

.transportation-item h3.active {
  border-bottom: 0;
}

.transportation-item h3.active:after {
  transform: translateY(-50%) rotate(0deg);
}

.transportation-item .ic {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #000;
}

.transportation-item .ic img {
  height: 20px;
  -moz-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  transition: 0.3s;
}

.transportation-content {
  display: none;
  padding: 0 0 20px 0;
  font-family: "sarabunregular";
  line-height: 1.8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.transportation-content ul {
  margin: 0 0 0 65px;
  padding: 0;
}

.transportation-content ul li {
  list-style: disc;
}

.animated-modal {
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  transform: translateY(-50px);
  transition: all 0.7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.4s;
}

/* Final state */

.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

.fancybox-slide--current .animated-modal h2 {
  transition-delay: 0.1s;
}

.fancybox-slide--current .animated-modal p {
  transition-delay: 0.3s;
}

/* modal content */

.modal-content {
  /* max-width: 690px;
	padding: 45px 24px;
	border-radius: 20px;
	font-size: 16px;
	overflow: hidden;
	background: #fff; */
}

.modal-content h2 {
  font-family: anuphansemibold;
}


	p .modal-content h2,
	ul .modal-content h2 {
  line-height: 1.4;
}

.modal-content h2 {
  line-height: 1.4 !important;
}


		.detail-simple p .modal-content h2 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .modal-content h2 {
    font-size: 22px;
  }
}

.modal-content h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.modal-content p {
  line-height: 1.8;
}

.modal-content .fancybox-close-small {
  display: none;
}

.modal-content .x-close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 25px !important;
  height: 25px !important;
}

/* Breakpoints */

@media (min-width: 992px) {
  .action-links {
    margin-top: 70px;
  }

  .box-flex {
    margin-top: 30px;
  }

  .scrolling-nav {
    height: 82px;
  }

  .nav-scroll-link ul {
    gap: 30px;
  }

  .navigation_link {
    height: 80px;
    font-size: 16px;
  }

  .card-map.hidden-mobile {
    display: block !important;
  }

  .section-bkk-park-fullimg {
    height: 690px;
  }

  .section-bkk-park-fullimg.md {
    height: 585px;
  }

  .grid-park {
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .section-bkk-park .area-content h3 {
    font-size: 28px;
  }

  .section-bkk-park-comingsoon .area-content {
    font-size: 28px;
  }

  .section-bkk-park-transportation .box-map:after {
    aspect-ratio: 4 / 5;
  }

  .section-bkk-park-transportation .block-map {
    grid-column: 1;
    grid-row: 1;
  }

  .section-bkk-park-review .ratings-review {
    font-size: 100px;
  }

  .section-bkk-park-review .grid-review {
    grid-template-columns: 2fr 6fr;
  }

  .card-review {
    padding: 40px;
  }

  .card-review .box-content {
    font-size: 16px;
  }

  .grid-transportation {
    padding: 45px 60px;
    grid-gap: 50px;
    grid-template-columns: 3fr 4fr;
  }

  .box-highlights-activities h2 {
    font-size: 22px;
  }

  .box-highlights-activities h2 .ic {
    width: 25px;
  }

  .box-highlights-activities ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .is-img-square-desktop::after {
    aspect-ratio: 1 / 1;
  }

  .box-folder.width-md {
    width: 332px;
  }

  .navbar-container {
    padding-top: 175px;
  }

  .header-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .accordion {
    display: grid;
    grid-gap: 30px;
  }

  .accordion h3 {
    padding: 0;
    border-bottom: 0;
  }

  .accordion h3:after {
    display: none;
  }

  /* .accordion-content {
		display: grid !important;
		padding-bottom: 0;
	} */

  .accordion-content .checkbox-box {
    margin: 0;
  }

  .select-style.select-month {
    width: 175px;
  }

  .sidebar-inner {
    width: 280px;
  }

  .grid-col-single {
    align-items: flex-start;
    grid-gap: 30px;
    grid-template-columns: 4fr 2fr;
  }

  .sidebar-single {
    grid-gap: 30px;
    grid-column: 2;
    grid-row: span 2;
  }

  .sidebar-single.park-single {
    grid-row: span 4;
  }

  .grid-col-topic {
    grid-gap: 30px;
    grid-template-columns: 2fr 4fr;
  }

  .grid-event {
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }

  .box-swiper-event {
    grid-column: span 2;
  }

  .grid-blog {
    grid-template-columns: repeat(3, 1fr);
  }

  .card-blog {
    border-radius: 20px;
  }

  .card-blog a {
    grid-template-columns: 1fr;
  }

  .card-blog .box-caption {
    grid-gap: 40px;
    padding: 18px 24px;
  }

  .card-blog .box-img::after {
    aspect-ratio: 16 / 9;
  }

  .card-blog .box-caption h3 {
    font-size: 18px;
  }

  .swiper-item-park .card-blog .box-caption {
    grid-gap: 12px;
  }

  .swiper-item-park .card-blog .box-caption h3 {
    font-size: 22px;
  }

  .gb-pagination.a-left {
    margin-top: 40px;
  }

  .box-item-category {
    background: rgba(255, 255, 255, 0.24);
  }

  .box-item-category p {
    font-size: 14px;
  }

  /* all article */

  .grid-blog-all {
    grid-gap: 30px;
    grid-template-columns: repeat(12, 1fr);
  }

  .grid-blog-all .card-blog:first-of-type .box-caption {
    padding: 45px;
  }

  .grid-blog-all .card-blog:first-of-type .box-caption h3 {
    font-size: 26px;
    -webkit-line-clamp: 4;
  }

  .grid-blog-all .card-blog:nth-of-type(2) .box-caption h3,
	.grid-blog-all .card-blog:nth-of-type(3) .box-caption h3 {
    font-size: 24px;
    -webkit-line-clamp: 2;
  }

  .grid-blog-all .card-blog:first-of-type {
    grid-column: span 12;
  }

  .grid-blog-all .card-blog:first-of-type a {
    display: grid;
    grid-template-columns: 3fr 2fr;
  }

  .grid-blog-all .card-blog:first-of-type .box-img::after {
    aspect-ratio: 16 / 9;
  }

  .grid-blog-all .card-blog:nth-of-type(2),
	.grid-blog-all .card-blog:nth-of-type(3) {
    grid-column: span 6;
  }

  .grid-blog-all .card-blog:nth-of-type(n + 4) {
    grid-column: span 4;
  }

  /* end all article */

  /* article */

  .article-body.box-center {
    margin: 40px auto 0;
  }

  .article-heading {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 200px;
  }

  .article-heading .entry-date {
    grid-column: 1;
    grid-row: 2;
  }

  .article-heading .shareall {
    grid-column: 2;
    text-align: right;
  }

  /* fancybox */

  .fancybox-navigation .fancybox-button--arrow_left {
    left: 40px;
  }

  .fancybox-navigation .fancybox-button--arrow_right {
    right: 40px;
  }
}

.heading-h1-md {
  white-space: balance;
}

@media (min-width: 768px) {
  .heading h1 {
    font-size: 44px;
  }

  .heading h2 {
    font-size: 40px;
  }

  .heading .heading-h1-lg,
	.heading-h1-lg {
    font-size: 80px;
  }

  .heading .heading-h1-md,
	.heading-h1-md {
    font-size: 60px;
  }

  .heading .heading-h1-xs,
	.heading-h1-xs {
    font-size: 44px;
  }

  .heading .heading-h2-md,
	.heading-h2-md {
    font-size: 30px;
  }

  .heading .heading-h2-lg,
	.heading-h2-lg {
    font-size: 40px;
  }

  .heading {
    margin-bottom: 30px;
  }

  .heading-flex {
    margin-bottom: 40px;
  }

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

  .entry-location {
    font-size: 14px;
  }

  .article-heading h1 {
    font-size: 44px;
  }

  .article-heading.heading-arborist h1 {
    font-size: 44px;
  }

  .article-heading.heading-event h1 {
    font-size: 40px;
  }

  .article-content {
    font-size: 18px;
  }

  .article-content h2 {
    font-size: 30px;
  }

  .article-content h3 {
    font-size: 26px;
  }

  .article-content h4 {
    font-size: 24px;
  }

  .card-item .box-caption {
    font-size: 14px;
  }

  .grid-arborist {
    grid-gap: 24px;
  }

  .card-arborist {
    padding: 24px;
  }

  .card-arborist .box-caption h3 {
    font-size: 22px;
  }

  .card-park .box-img {
    grid-row: span 2;
  }

  .card-park .box-caption h3 {
    font-size: 22px;
  }

  .card-park .entry-facilities {
    grid-column: 2;
    grid-row: 2;
  }

  .section-event-upcoming {
    padding-bottom: 50px;
  }

  .swiper-item-interested .swiper-slide {
    width: 514px !important;
  }

  .swiper-item-park .swiper-slide {
    width: 514px !important;
  }

  .swiper-item-park.swiper-item-xs .swiper-slide {
    width: 330px !important;
  }

  .swiper-item-park.swiper-item-xs .card-blog .box-caption h3 {
    font-size: 20px;
  }

  .box-item-category {
    height: 100%;
    grid-gap: 4px;
    align-content: space-between;
    padding: 28px 0 15px;
    min-height: 130px;
  }

  .box-item-category p {
    min-height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* gallery */

  .grid-gallery {
    border-radius: 20px;
    grid-template-columns: repeat(4, 1fr);
  }

  /* modal content */

  .modal-content {
    /* max-width: 690px;
		padding: 35px 75px 75px;
		border-radius: 20px;
		font-size: 16px;
		overflow: hidden;
		background: #fff; */
  }

  .modal-content .x-close {
    top: 36px;
    right: 36px;
  }
}

@media (max-width: 991.98px) {
  .hidden-desktop {
    display: flex !important;
  }

  .hidden-mobile {
    display: none !important;
  }

  .section-blog {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .section-article-single {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .heading-review {
    display: grid;
    grid-gap: 0 20px;
    justify-content: flex-start;
    grid-template-columns: auto auto;
  }

  .scrolling-navbar {
    position: relative;
  }

  .scrolling-navbar:after {
    content: "";
    width: 60px;
    height: 100%;
    position: absolute;
    z-index: 600;
    right: 0;
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(
			90deg,
			rgba(255, 255, 255, 0) 25%,
			rgba(248, 248, 248, 0.6797312675070029) 65%
		);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f8f8f8",GradientType=1);
  }

  .heading-review h2 {
    grid-column: span 2;
  }

  .swiper-item-event-upcoming {
    overflow: visible;
  }

  .swiper-item-event-upcoming .swiper-slide {
    width: 300px !important;
  }

  .section-bkk-park-fullimg .block-content {
    align-items: flex-end;
  }

  .section-bkk-park-fullimg .block-img img {
    -o-object-position: top;
       object-position: top;
  }

  .park-single .link-map {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  .scrolling-nav {
    overflow-y: scroll;
  }

  .nav-scroll-link {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
  }

  .section-bkk-park-fullimg .box-folder .box-content h3 {
    font-size: 26px !important;
  }

  .navbar-tablinks ul li:first-of-type {
    left: -10px;
  }

  .navbar-tablinks ul li:last-of-type {
    left: -30px;
  }

  .navbar-tablinks ul li a {
    gap: 8px;
  }

  .navbar-tablinks ul li:first-of-type a {
    padding: 0 10px 0 20px;
  }

  .swiper-category-park,
	.swiper-item-category {
    margin-right: -1.5rem;
  }

  .swiper-category-park .swiper-slide {
    width: 90px !important;
  }

  .swiper-item-category .swiper-slide {
    width: 100px !important;
  }

  .swiper-item-category .box-item-category {
    display: flex;
    min-height: inherit;
  }

  .swiper-item-category .box-item-category:after {
    content: "";
    display: flex;
    position: relative;
    padding-top: 100%;
  }

  .swiper-item-category .box-item-category span,
	.swiper-item-category .box-item-category p {
    position: absolute;
  }

  .swiper-item-category .box-item-category p {
    top: 58px;
  }

  .swiper-item-category .box-item-category span {
    top: 18px;
  }

  .swiper-item-category .box-item-category img {
    width: auto;
    height: 28px;
  }

  .swiper-item-event-upcoming .swiper-slide {
    width: 330px !important;
  }

  .arborist-single .article-body {
    padding-top: 20px;
  }

  /* gallery */

  .grid-gallery {
    margin: 0 -1.5rem;
  }

  .grid-gallery .g-img:nth-of-type(4),
	.grid-gallery .g-img:nth-of-type(5) {
    display: none;
  }

  .show-all-gallery {
    width: auto;
    left: inherit;
    bottom: 45px;
    right: 20px;
  }

  /* fancybox */

  .fancybox-slide--html {
    padding: 20px;
  }
}

@media (max-width: 390px) {
  .card-blog .entry-info {
    font-size: 10px;
  }
}

.img-align0 img {
  -o-object-position: 0%;
     object-position: 0%;
}

.img-align10 img {
  -o-object-position: 10%;
     object-position: 10%;
}

.img-align20 img {
  -o-object-position: 20%;
     object-position: 20%;
}

.img-align30 img {
  -o-object-position: 30%;
     object-position: 30%;
}

.img-align40 img {
  -o-object-position: 40%;
     object-position: 40%;
}

.img-align50 img {
  -o-object-position: 50%;
     object-position: 50%;
}

.img-align60 img {
  -o-object-position: 60%;
     object-position: 60%;
}

.img-align70 img {
  -o-object-position: 70%;
     object-position: 70%;
}

.img-align80 img {
  -o-object-position: 80%;
     object-position: 80%;
}

.img-align90 img {
  -o-object-position: 90%;
     object-position: 90%;
}

.img-align100 img {
  -o-object-position: 100%;
     object-position: 100%;
}

#was-this-helpful {
  flex-wrap: wrap !important;
  gap: 1.25rem !important;
  background-color: transparent !important;
}

@media (min-width: 1024px) {
  #was-this-helpful {
    gap: 0px !important;
  }
}

#was-this-helpful #wthf-title {
  padding-right: 1rem !important;
  font-family: anuphanmedium !important;
  font-size: 22px !important;
}

p#was-this-helpful #wthf-title,
	ul#was-this-helpful #wthf-title {
  line-height: 1.4;
}

#was-this-helpful #wthf-title {
  line-height: 1.4 !important;
}

.section-color p#was-this-helpful #wthf-title {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p#was-this-helpful #wthf-title {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p#was-this-helpful #wthf-title {
    font-size: 28px;
  }
}

.detail-simple p#was-this-helpful #wthf-title {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p#was-this-helpful #wthf-title {
    font-size: 22px;
  }
}

#was-this-helpful.wthf-disabled:after {
  font-family: anuphanmedium !important;
  font-size: 22px !important;
}

p#was-this-helpful.wthf-disabled:after,
	ul#was-this-helpful.wthf-disabled:after {
  line-height: 1.4;
}

#was-this-helpful.wthf-disabled:after {
  line-height: 1.4 !important;
}

.section-color p#was-this-helpful.wthf-disabled:after {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p#was-this-helpful.wthf-disabled:after {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p#was-this-helpful.wthf-disabled:after {
    font-size: 28px;
  }
}

.detail-simple p#was-this-helpful.wthf-disabled:after {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p#was-this-helpful.wthf-disabled:after {
    font-size: 22px;
  }
}

#wthf-yes-no span {
  position: relative !important;
  margin-bottom: 0.5rem !important;
  display: inline-block !important;
  border-radius: 9999px !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-right: 1.25rem !important;
  padding-left: 2.75rem !important;
  font-family: anuphansemibold !important;
  font-size: 16px !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}


	p #wthf-yes-no span,
	ul #wthf-yes-no span {
  line-height: 1.4;
}

#wthf-yes-no span {
  line-height: 1.4 !important;
}


		.detail-simple p #wthf-yes-no span {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p #wthf-yes-no span {
    font-size: 22px;
  }
}

/* #like */

#wthf-yes-no span:first-child {
  min-width: 100px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 255 215 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

#wthf-yes-no span:first-child:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_3596_32825)'%3E%3Cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76515 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0ZM19 11.21L17.82 15C17.36 16.48 16.58 17.49 15.03 17.49C11.32 17.49 11.53 17.91 7.20001 15.73L6.64001 15.44C6.59715 15.419 6.5612 15.3862 6.5364 15.3455C6.51159 15.3047 6.49896 15.2577 6.50001 15.21V10.61C6.50001 10.5437 6.52634 10.4801 6.57323 10.4332C6.62011 10.3863 6.6837 10.36 6.75001 10.36H8.66001C8.85503 10.3658 9.04846 10.3232 9.22298 10.236C9.3975 10.1487 9.54765 10.0195 9.66001 9.86L12.5 5.43C12.5929 5.29614 12.717 5.18699 12.8617 5.11205C13.0063 5.03711 13.1671 4.99864 13.33 5C13.4804 5.00209 13.6286 5.03617 13.7648 5.09996C13.901 5.16376 14.0221 5.25581 14.12 5.37C14.2198 5.49274 14.2891 5.63742 14.3221 5.79213C14.3551 5.94685 14.351 6.1072 14.31 6.26L13.79 8.26C13.745 8.43091 13.7396 8.60985 13.7742 8.78316C13.8089 8.95647 13.8827 9.11957 13.99 9.26C14.1013 9.40324 14.2438 9.51915 14.4067 9.59888C14.5696 9.6786 14.7486 9.72003 14.93 9.72H17.82C18.0055 9.71127 18.1905 9.74684 18.3595 9.82375C18.5286 9.90067 18.6769 10.0167 18.7922 10.1623C18.9075 10.3079 18.9865 10.4789 19.0226 10.6611C19.0588 10.8432 19.051 11.0314 19 11.21Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3596_32825'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  left: 1rem;
  height: 25px;
  width: 24px;
  background-repeat: no-repeat;
}

#wthf-yes-no span:first-child:hover:before {
  animation-name: like;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

/* #unlike */

#wthf-yes-no span:last-child {
  min-width: 115px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 208 208 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

#wthf-yes-no span:last-child:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_1655_25054)'%3E%3Cpath d='M12 0C9.62663 0 7.30655 0.703788 5.33316 2.02236C3.35977 3.34094 1.8217 5.21509 0.913451 7.4078C0.00519943 9.60051 -0.232441 12.0133 0.230582 14.3411C0.693605 16.6689 1.83649 18.8071 3.51472 20.4853C5.19295 22.1635 7.33115 23.3064 9.65892 23.7694C11.9867 24.2324 14.3995 23.9948 16.5922 23.0866C18.7849 22.1783 20.6591 20.6402 21.9776 18.6668C23.2962 16.6935 24 14.3734 24 12C24 8.8174 22.7357 5.76515 20.4853 3.51472C18.2348 1.26428 15.1826 0 12 0ZM18.77 13.33C18.6593 13.477 18.5157 13.5961 18.3507 13.6777C18.1858 13.7593 18.004 13.8012 17.82 13.8H14.93C14.7486 13.8 14.5696 13.8414 14.4067 13.9211C14.2438 14.0008 14.1013 14.1168 13.99 14.26C13.8827 14.4004 13.8089 14.5635 13.7742 14.7368C13.7396 14.9102 13.745 15.0891 13.79 15.26L14.31 17.26C14.351 17.4128 14.3551 17.5731 14.3221 17.7279C14.2891 17.8826 14.2198 18.0273 14.12 18.15C14.0221 18.2642 13.901 18.3562 13.7648 18.42C13.6286 18.4838 13.4804 18.5179 13.33 18.52C13.1671 18.5214 13.0063 18.4829 12.8617 18.408C12.717 18.333 12.5929 18.2239 12.5 18.09L9.62001 13.64C9.50765 13.4805 9.3575 13.3513 9.18298 13.264C9.00846 13.1768 8.81503 13.1342 8.62001 13.14H6.75001C6.6837 13.14 6.62011 13.1137 6.57323 13.0668C6.52634 13.0199 6.50001 12.9563 6.50001 12.89V8.31C6.49896 8.2623 6.51159 8.2153 6.5364 8.17454C6.5612 8.13379 6.59715 8.10098 6.64001 8.08L7.20001 7.79C11.53 5.61 11.32 6 15 6C16.55 6 17.33 7 17.79 8.49L19 12.28C19.0476 12.4607 19.0515 12.6502 19.0115 12.8327C18.9715 13.0153 18.8887 13.1857 18.77 13.33Z' fill='black'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1655_25054'%3E%3Crect width='24' height='24' fill='white'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  position: absolute;
  left: 1rem;
  height: 25px;
  width: 24px;
  background-repeat: no-repeat;
}

#wthf-yes-no span:last-child:hover:before {
  animation-name: unlike;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
}

#wthf-yes-no span:hover {
  --tw-bg-opacity: 0.7 !important;
}

@keyframes like {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  25% {
    transform: translateY(2.5px) rotate(10deg);
  }

  50% {
    transform: translateY(-2.5px) rotate(-10deg);
  }

  75% {
    transform: translateY(2.5px) rotate(10deg);
  }

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

@keyframes unlike {
  0% {
    transform: translateY(0) rotate(0deg);
  }

  25% {
    transform: translateY(-2.5px) rotate(-10deg);
  }

  50% {
    transform: translateY(2.5px) rotate(10deg);
  }

  75% {
    transform: translateY(-2.5px) rotate(-10deg);
  }

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

.article-content .daexthefu-container {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.a2a_full_footer {
  display: none !important;
}

.loading-indicator.a2a_full_footer {
  display: none !important;
}

/* #park */

.box-heading .article-heading .wp-gr .wp-google-name,
			.box-heading .article-heading .wp-gr .wp-google-wr,
			.box-heading .article-heading .wp-gr .wp-google-url {
  display: none;
}

.loading-indicator.box-heading .article-heading .wp-gr .wp-google-name,.loading-indicator
			.box-heading .article-heading .wp-gr .wp-google-wr,.loading-indicator
			.box-heading .article-heading .wp-gr .wp-google-url {
  display: none;
}

.box-heading .article-heading .wp-gr .wp-google-powered {
  margin: 0px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.box-heading .article-heading .wp-gr .wp-google-powered img {
  display: none;
}

.loading-indicator.box-heading .article-heading .wp-gr .wp-google-powered img {
  display: none;
}

.box-heading .article-heading .wp-google-reviews,
		.box-heading .article-heading .wp-google-left {
  display: none !important;
}

.loading-indicator.box-heading .article-heading .wp-google-reviews,.loading-indicator
		.box-heading .article-heading .wp-google-left {
  display: none !important;
}

.box-heading .article-heading .star-ratings svg * {
  fill: #000 !important;
}

.box-heading .article-heading .wp-google-rating {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.searchandfilter ul li {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding: 0px !important;
}

.box-filter .sf-field-search label, .box-filter .sf-field-post-meta-district label, .box-filter .sf-field-taxonomy-district label, .park-filter .sf-field-search label, .park-filter .sf-field-post-meta-district label, .park-filter .sf-field-taxonomy-district label {
  width: 100%;
}

.box-filter .sf-field-search label input,
			.box-filter .sf-field-search label select,
			.box-filter .sf-field-post-meta-district label input,
			.box-filter .sf-field-post-meta-district label select,
			.box-filter .sf-field-taxonomy-district label input,
			.box-filter .sf-field-taxonomy-district label select,
			.park-filter .sf-field-search label input,
			.park-filter .sf-field-search label select,
			.park-filter .sf-field-post-meta-district label input,
			.park-filter .sf-field-post-meta-district label select,
			.park-filter .sf-field-taxonomy-district label input,
			.park-filter .sf-field-taxonomy-district label select {
  height: 48px;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.box-filter .sf-field-search label input:focus-visible, .box-filter .sf-field-search label select:focus-visible, .box-filter .sf-field-post-meta-district label input:focus-visible, .box-filter .sf-field-post-meta-district label select:focus-visible, .box-filter .sf-field-taxonomy-district label input:focus-visible, .box-filter .sf-field-taxonomy-district label select:focus-visible, .park-filter .sf-field-search label input:focus-visible, .park-filter .sf-field-search label select:focus-visible, .park-filter .sf-field-post-meta-district label input:focus-visible, .park-filter .sf-field-post-meta-district label select:focus-visible, .park-filter .sf-field-taxonomy-district label input:focus-visible, .park-filter .sf-field-taxonomy-district label select:focus-visible {
  outline-color: #000000;
}

.box-filter .sf-field-taxonomy-district,
	.box-filter .sf-field-post-meta-district,
	.park-filter .sf-field-taxonomy-district,
	.park-filter .sf-field-post-meta-district {
  position: relative;
}

.box-filter .sf-field-taxonomy-district label::after, .box-filter .sf-field-post-meta-district label::after, .park-filter .sf-field-taxonomy-district label::after, .park-filter .sf-field-post-meta-district label::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M6.39062 7.53516L0.328447 0.785156L12.4528 0.785157L6.39062 7.53516Z' fill='black'/%3E%3C/svg%3E");
  position: absolute;
  bottom: 20px;
  right: 14px;
  height: 8px;
  width: 13px;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0, .box-filter .sf-field-post-meta-type .sf-level-0, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0, .park-filter .sf-field-post-meta-type .sf-level-0 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 label, .box-filter .sf-field-post-meta-type .sf-level-0 label, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 label, .park-filter .sf-field-post-meta-type .sf-level-0 label {
  font-family: "sarabunregular";
  font-size: 16px;
  color: #000;
  cursor: pointer;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"], .box-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"], .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"], .park-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::before,.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::after, .box-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::before, .box-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::after, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::before, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::after, .park-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::before, .park-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::after {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  content: "";
  cursor: pointer;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::before, .box-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::before, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::before, .park-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::before {
  width: inherit;
  height: inherit;
  border: 1px solid #000;
  background-color: #fff;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::after, .box-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::after, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]::after, .park-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]::after {
  width: 20px;
  height: 20px;
  display: none;
  background-color: #000;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(assets/img/icons/i_check.svg);
  transition: opacity 0.3s;
}

.box-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]:checked::after, .box-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]:checked::after, .park-filter .sf-field-taxonomy-park-categorie .sf-level-0 [type="checkbox"]:checked::after, .park-filter .sf-field-post-meta-type .sf-level-0 [type="checkbox"]:checked::after {
  display: flex;
}

.accordion-content .box-filter .sf-field-taxonomy-park-categorie .sf-level-0,.accordion-content  .box-filter .sf-field-post-meta-type .sf-level-0,.accordion-content  .park-filter .sf-field-taxonomy-park-categorie .sf-level-0,.accordion-content  .park-filter .sf-field-post-meta-type .sf-level-0 {
  margin: 14px 0;
}

@media (min-width: 992px) {
  .accordion-content .box-filter .sf-field-taxonomy-park-categorie .sf-level-0,.accordion-content  .box-filter .sf-field-post-meta-type .sf-level-0,.accordion-content  .park-filter .sf-field-taxonomy-park-categorie .sf-level-0,.accordion-content  .park-filter .sf-field-post-meta-type .sf-level-0 {
    margin: 0;
  }
}

.box-filter .sf-label-checkbox, .park-filter .sf-label-checkbox {
  cursor: pointer !important;
  padding-left: 0px !important;
}

.box-filter ƒ .searchandfilter h4, .park-filter ƒ .searchandfilter h4 {
  padding-top: 10px !important;
}

.box-filter .sf-field-reset, .park-filter .sf-field-reset {
  position: absolute;
  right: 26px;
  top: -42px;
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

.park-filter .sf-field-taxonomy-park-categorie h4 {
  margin-top: 1rem !important;
}

.month-divider {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-family: anuphansemibold;
  font-size: 24px;
}


	p .month-divider,
	ul .month-divider {
  line-height: 1.4;
}

.month-divider {
  line-height: 1.4 !important;
}


		.detail-simple p .month-divider {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .month-divider {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.month-divider {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .month-divider {
    font-size: 32px;
  }
}

.month-divider .month {
  --tw-text-opacity: 1;
  color: rgb(193 44 44 / var(--tw-text-opacity));
}

.sticky-park {
  position: sticky;
  top: 77px;
  z-index: 30;
}

.scrolling-nav.sticky-park {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  backface-visibility: hidden;
  text-shadow: none;
  transition: transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.scrolling-nav.sticky-park ul {
  border-bottom: 0;
}

.admin-bar .sticky-park {
  position: sticky;
  top: 105px;
}

.scrolling-nav.admin-bar .sticky-park {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  backface-visibility: hidden;
  text-shadow: none;
  transition: transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.scrolling-nav.admin-bar .sticky-park ul {
  border-bottom: 0;
}

.wrap-review .wp-google-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 30px;
}

@media (min-width: 1024px) {
  .wrap-review .wp-google-list {
    grid-template-columns: 3fr 6fr;
  }
}

.wrap-review .wp-google-place .wp-google-rating {
  display: block !important;
}

.section-bkk-park-review .wrap-review .wp-google-place .wp-google-rating {
  font-family: "bkk_draft5regular" !important;
  color: #00c08a !important;
  font-size: 62px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

@media (min-width: 992px) {
  .section-bkk-park-review .wrap-review .wp-google-place .wp-google-rating {
    font-size: 100px !important;
  }
}

.wrap-review .wp-google-place .wp-google-left,
		.wrap-review .wp-google-place .wp-google-wr,
		.wrap-review .wp-google-place .wp-google-name,
		.wrap-review .wp-google-place .wp-google-powered img {
  display: none !important;
}

.loading-indicator.wrap-review .wp-google-place .wp-google-left,.loading-indicator
		.wrap-review .wp-google-place .wp-google-wr,.loading-indicator
		.wrap-review .wp-google-place .wp-google-name,.loading-indicator
		.wrap-review .wp-google-place .wp-google-powered img {
  display: none !important;
}

.wrap-review .wp-google-place .wp-star svg path {
  fill: #000000;
}

.wrap-review .wp-gr .wp-google-url {
  margin-top: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 192 138 / var(--tw-text-opacity)) !important;
}

.wrap-review .wp-google-content-inner .wp-google-review {
  border-radius: 1rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding: 1.75rem !important;
}

.box-folder .box-content.wrap-review .wp-google-content-inner .wp-google-review {
  background: #fff !important;
}

.wrap-review .wp-google-content-inner .wp-google-reviews > div:nth-child(n + 6) {
  display: none;
}

.loading-indicator.wrap-review .wp-google-content-inner .wp-google-reviews > div:nth-child(n + 6) {
  display: none;
}

.wrap-review .wp-google-content-inner .wp-stars svg path {
  fill: #000000;
}

.wrap-review .wp-gr.wpac a.wp-google-name {
  font-family: anuphansemibold !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}


	p .wrap-review .wp-gr.wpac a.wp-google-name,
	ul .wrap-review .wp-gr.wpac a.wp-google-name {
  line-height: 1.4;
}

.wrap-review .wp-gr.wpac a.wp-google-name {
  line-height: 1.4 !important;
}


		.detail-simple p .wrap-review .wp-gr.wpac a.wp-google-name {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .wrap-review .wp-gr.wpac a.wp-google-name {
    font-size: 22px;
  }
}

.wrap-review .wp-gr .wp-google-time {
  color: rgb(0 0 0 / 0.4) !important;
}

.wrap-review .wp-gr .wp-google-text {
  margin-top: 0.5rem !important;
  display: block !important;
}

.wrap-review .wp-gr.wpac .wp-google-left img {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.popup-park {
  width: 700px;
  max-width: 100%;
  border-radius: 0.75rem;
}

.popup-park .wrap-img img {
  width: 100%;
}

.section-bkk-park-reco .box-caption p {
  max-height: 48px;
}

.card-reset {
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding: 1.25rem;
}

.card-reset .wrap-card {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: flex-start;
  gap: 15px;
}

@media (min-width: 1024px) {
  .card-reset .wrap-card {
    grid-template-columns: 160px 1fr;
    gap: 15px;
  }
}

.card-reset .entry-location {
  align-items: flex-start;
}

.card-reset .entry-location img {
  position: relative;
  top: 2px;
}

.card-reset .wp-gr .wp-google-place .wp-star svg {
  height: 15px !important;
  width: 15px !important;
}

.card-reset .wp-gr .wp-google-place .wp-star svg path {
  fill: #000000;
}

.card-reset .wp-gr {
  margin-bottom: 0px !important;
  padding: 0px !important;
}

.card-reset .wp-google-place .wp-google-left,
		.card-reset .wp-google-place .wp-google-name,
		.card-reset .wp-google-place .wp-google-powered,
		.card-reset .wp-google-place .wp-google-wr {
  display: none !important;
}

.loading-indicator.card-reset .wp-google-place .wp-google-left,.loading-indicator
		.card-reset .wp-google-place .wp-google-name,.loading-indicator
		.card-reset .wp-google-place .wp-google-powered,.loading-indicator
		.card-reset .wp-google-place .wp-google-wr {
  display: none !important;
}

.card-reset .wp-google-content-inner {
  display: none !important;
}

.loading-indicator.card-reset .wp-google-content-inner {
  display: none !important;
}

.card-reset .wp-google-right {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.card-reset .wp-google-right div {
  display: inline-flex !important;
  align-items: center !important;
}

.card-reset .wp-google-rating {
  position: relative !important;
  top: 2px !important;
  font-family: sarabunregular !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.blog-pagination {
  margin-top: 2.5rem;
  display: flex;
  gap: 0.5rem;
}

.footer-sub-submenu li div.blog-pagination {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .blog-pagination {
    grid-column-start: 2;
  }
}

.blog-pagination .page-numbers {
  display: flex;
  height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.footer-sub-submenu li div.blog-pagination .page-numbers {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.blog-pagination .page-numbers {
  transition: all 300ms ease-in-out;
}

.blog-pagination .page-numbers:hover,
		.blog-pagination .page-numbers.current {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-btn-type1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url(assets/img/icons/i_arrow_black.svg);
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type1,
	ul .c-btn-type1 {
  line-height: 1.4;
}

.c-btn-type1 {
  line-height: 1.4 !important;
}

.box-folder .box-content.c-btn-type1 {
  background: #fff;
}


		.detail-simple p .c-btn-type1 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type1 {
    font-size: 22px;
  }
}

.c-btn-type1:hover {
  background-image: url(assets/img/icons/i_arrow_white.svg);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-btn-type2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  background-image: url(assets/img/icons/i_arrow_white.svg);
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type2,
	ul .c-btn-type2 {
  line-height: 1.4;
}

.c-btn-type2 {
  line-height: 1.4 !important;
}


		.detail-simple p .c-btn-type2 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type2 {
    font-size: 22px;
  }
}

.c-btn-type3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url(assets/img/icons/i_arrow_black.svg);
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type3,
	ul .c-btn-type3 {
  line-height: 1.4;
}

.c-btn-type3 {
  line-height: 1.4 !important;
}

.box-folder .box-content.c-btn-type3 {
  background: #fff;
}


		.detail-simple p .c-btn-type3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type3 {
    font-size: 22px;
  }
}

.c-btn-type3:hover {
  background-image: url(assets/img/icons/i_arrow_white.svg);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-btn-type4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type4,
	ul .c-btn-type4 {
  line-height: 1.4;
}

.c-btn-type4 {
  line-height: 1.4 !important;
}


		.detail-simple p .c-btn-type4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type4 {
    font-size: 22px;
  }
}

.c-btn-type4:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-btn-type5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  background-image: url(assets/img/icons/i_arrow_black.svg);
  background-position: calc(100% - 2px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-right: 22px;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type5,
	ul .c-btn-type5 {
  line-height: 1.4;
}

.c-btn-type5 {
  line-height: 1.4 !important;
}


		.detail-simple p .c-btn-type5 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type5 {
    font-size: 22px;
  }
}

.c-btn-type5:hover {
  background-position: 100% 50%;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.c-btn-type6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url(assets/img/icons/i_arrow_linkout_black.svg);
  background-position: calc(100% - 20px) 51%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type6,
	ul .c-btn-type6 {
  line-height: 1.4;
}

.c-btn-type6 {
  line-height: 1.4 !important;
}

.box-folder .box-content.c-btn-type6 {
  background: #fff;
}


		.detail-simple p .c-btn-type6 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type6 {
    font-size: 22px;
  }
}

.c-btn-type6:hover {
  background-image: url(assets/img/icons/i_arrow_linkout_white.svg);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-btn-type7 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  background-image: url(assets/img/icons/i_arrow_white.svg);
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type7,
	ul .c-btn-type7 {
  line-height: 1.4;
}

.c-btn-type7 {
  line-height: 1.4 !important;
}


		.detail-simple p .c-btn-type7 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type7 {
    font-size: 22px;
  }
}

.c-btn-type7:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url(assets/img/icons/i_arrow_black.svg);
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.c-btn-type8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-image: url(assets/img/icons/i_arrow_black.svg);
  background-position: calc(100% - 20px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .c-btn-type8,
	ul .c-btn-type8 {
  line-height: 1.4;
}

.c-btn-type8 {
  line-height: 1.4 !important;
}

.box-folder .box-content.c-btn-type8 {
  background: #fff;
}


		.detail-simple p .c-btn-type8 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-btn-type8 {
    font-size: 22px;
  }
}

.c-btn-type8:hover {
  background-image: url(assets/img/icons/i_arrow_black.svg);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  background-image: url(assets/img/icons/i_arrow_black-back.svg);
  background-position: calc(0% - -2px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 25px;
  font-family: anuphanmedium;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

p.btn-back,
	ul.btn-back {
  line-height: 1.4;
}

.btn-back {
  line-height: 1.4 !important;
}

.section-color p.btn-back {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.btn-back {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.btn-back {
    font-size: 28px;
  }
}

.detail-simple p.btn-back {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.btn-back {
    font-size: 22px;
  }
}

.btn-back:hover {
  background-position: calc(0% - 0px) 50%;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.btn-404 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  background-image: url(assets/img/icons/i_arrow_black-back.svg);
  background-position: calc(0% - -2px) 50%;
  background-repeat: no-repeat;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-left: 25px;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}


	p .btn-404,
	ul .btn-404 {
  line-height: 1.4;
}

.btn-404 {
  line-height: 1.4 !important;
}


		.detail-simple p .btn-404 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .btn-404 {
    font-size: 22px;
  }
}

.btn-404:hover {
  background-position: calc(0% - 0px) 50%;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.btn-404 i {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-404:hover i {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 9999px;
  border-width: 2px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 0.75rem;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.translatepress-en_US .btn {
  padding-right: 1.25rem;
}

.footer-sub-submenu li div.btn {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-external {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.footer-sub-submenu li div.btn-external {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-external .icon {
  position: relative;
  height: 11px;
  overflow: hidden;
}

.btn-external .icon span {
  margin-bottom: 0.25rem;
  display: block;
  transform-origin: bottom left;
  transition-duration: 0.80s;
}

.btn-external .icon span:nth-child(1) {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-external .icon span:nth-child(2) {
  --tw-translate-y: 12px;
  --tw-translate-x: -12px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-external .icon .icon-blue-3 svg path {
  fill: #0971CE;
}

.btn-external:hover .icon span {
  transition-property: transform opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.80s;
}

.btn-external:hover .icon span:nth-child(1) {
  --tw-translate-y: -12px;
  --tw-translate-x: 12px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.btn-external:hover .icon span:nth-child(2) {
  --tw-translate-y: -12px;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.btn-download {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: anuphanmedium;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

p.btn-download,
	ul.btn-download {
  line-height: 1.4;
}

.btn-download {
  line-height: 1.4 !important;
}

.section-color p.btn-download {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.btn-download {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.btn-download {
    font-size: 28px;
  }
}

.detail-simple p.btn-download {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.btn-download {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.btn-download {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-external-footer .icon {
  position: relative;
  top: 1px;
  height: 9px;
  width: 30px;
  overflow: hidden;
}

.btn-external-footer .icon i {
  margin-bottom: 0.25rem;
  display: block;
  transform-origin: bottom left;
  transition-duration: 0.80s;
}

.btn-external-footer .icon i:nth-child(1) {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-external-footer .icon i:nth-child(2) {
  --tw-translate-y: 15px;
  --tw-translate-x: -15px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-external-footer .icon .icon-green-3 svg path {
  fill: #00744B;
}

.btn-external-footer:hover .icon i {
  transition-property: transform opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.80s;
}

.btn-external-footer:hover .icon i:nth-child(1) {
  --tw-translate-y: -13px;
  --tw-translate-x: 13px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.btn-external-footer:hover .icon i:nth-child(2) {
  --tw-translate-y: -13px;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.btn-external-xl {
  position: relative;
}

.btn-external-xl .icon {
  position: relative;
  height: 17px;
  width: 17px;
  overflow: hidden;
}

.btn-external-xl .icon i {
  margin-bottom: 0.25rem;
  display: block;
  transform-origin: bottom left;
  transition-duration: 0.80s;
}

.btn-external-xl .icon i:nth-child(1) {
  --tw-translate-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-external-xl .icon i:nth-child(2) {
  --tw-translate-y: 17px;
  --tw-translate-x: -17px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-external-xl .icon .icon-green-3 svg path {
  fill: #00744B;
}

.btn-external-xl:hover .icon i {
  transition-property: transform opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.80s;
}

.btn-external-xl:hover .icon i:nth-child(1) {
  --tw-translate-y: -13px;
  --tw-translate-x: 13px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}

.btn-external-xl:hover .icon i:nth-child(2) {
  --tw-translate-y: -21px;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 1;
}

.btn-app {
  display: flex;
  height: 28px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 14px;
}

.footer-sub-submenu li div.btn-app {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-app:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-rounded-outline {
  cursor: pointer;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 14px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-rounded-outline.white-blue {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.btn-rounded-outline.white-blue:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(9 113 206 / var(--tw-text-opacity));
}

.btn-edit-admin {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-sub-submenu li div.btn-edit-admin {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-edit-admin:hover {
  --tw-bg-opacity: 0.9;
}

@media (min-width: 1024px) {
  .btn-edit-admin {
    height: 2rem;
    width: 2rem;
  }
}

.btn-edit-admin i {
  font-size: 12px;
}

@media (min-width: 1024px) {
  .btn-edit-admin i {
    font-size: 14px;
  }
}

.card-clean-air {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.card-clean-air {
  background: #fff;
}

.card-clean-air .img-wrap {
  height: 150px;
}

@media (min-width: 1024px) {
  .card-clean-air .img-wrap {
    height: 240px;
  }
}

.card-clean-air .img-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.card-clean-air .content-wrap {
  display: flex;
  min-height: 170px;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}

.footer-sub-submenu li div.card-clean-air .content-wrap {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.card-clean-air .content-wrap h4 {
  margin-bottom: 0.25rem;
  font-family: anuphansemibold;
}


	p .card-clean-air .content-wrap h4,
	ul .card-clean-air .content-wrap h4 {
  line-height: 1.4;
}

.card-clean-air .content-wrap h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .card-clean-air .content-wrap h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .card-clean-air .content-wrap h4 {
    font-size: 22px;
  }
}

.folder-card .folder-head {
  position: relative;
  display: inline-block;
  border-top-left-radius: 20px;
  border-top-right-radius: 26px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  font-size: 20px;
}

.folder-card .folder-head .shape-after {
  position: absolute;
  right: -33px;
  bottom: -3px;
}

.folder-card .svg-corner {
  height: 55px;
  width: 55px;
}

.folder-card .svg-corner svg {
  height: 100%;
  width: 100%;
}

.card-icon {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 0.5rem;
  border-radius: 1.5rem;
  padding: 1.5rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  .card-icon {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .card-icon > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
}

.card-icon .title {
  font-family: anuphansemibold;
  font-size: 16px !important;
}


	p .card-icon .title,
	ul .card-icon .title {
  line-height: 1.4;
}

.card-icon .title {
  line-height: 1.4 !important;
}


		.detail-simple p .card-icon .title {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .card-icon .title {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .card-icon .title {
    min-height: 80px;
    font-size: 20px !important;
  }
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.01);
  }
}

.card-bkk {
  position: relative;
  height: 340px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 1rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .card-bkk {
    height: 430px;
  }
}

@media (min-width: 1024px) {
  .card-bkk {
    height: 375px;
  }
}

@media (min-width: 1536px) {
  .card-bkk {
    height: 440px;
  }
}

.card-bkk img {
  position: absolute;
  z-index: -1;
  height: 60%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .card-bkk img {
    height: 100%;
  }
}

.card-bkk video {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk .content-wrap {
  z-index: 1;
  padding: 14px;
}

@media (min-width: 1024px) {
  .card-bkk .content-wrap {
    position: relative;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.card-bkk .content-wrap h4 {
  position: relative;
  z-index: 1;
  margin-bottom: 0.5rem;
  font-size: 18px;
}

@media (min-width: 1024px) {
  .card-bkk .content-wrap h4 {
    font-size: 26px;
  }
}

.card-bkk .content-wrap p {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 40%;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  line-height: 1.375;
}

@media (min-width: 768px) {
  .card-bkk .content-wrap p {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .card-bkk .content-wrap p {
    position: static;
    height: auto;
    background-color: transparent;
    padding: 0px;
    line-height: 1.5;
  }
}

@media (min-width: 1280px) {
  .card-bkk .content-wrap p {
    white-space: nowrap;
  }
}

.card-bkk .icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}

.card-bkk .icon .i-arrow-right {
  max-height: 2rem !important;
  min-height: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
}

.card-bkk .lottie-hover {
  position: absolute;
  bottom: 120px;
  right: -0.25rem;
  height: 130px;
  width: 140px;
}

@media (min-width: 768px) {
  .card-bkk .lottie-hover {
    bottom: 170px;
  }
}

@media (min-width: 1024px) {
  .card-bkk .lottie-hover {
    bottom: 20px;
    height: 200px;
    width: 236px;
  }

  .card-bkk:hover {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.card-bkk:hover .icon {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk.clicked {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .card-bkk.clicked {
    --tw-scale-x: 1.01;
    --tw-scale-y: 1.01;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

/* S */

.card-bkk-download {
  cursor: pointer;
  border-radius: 1rem;
  --tw-shadow: 0px 4px 14.4px rgba(0,0,0,0.17);
  --tw-shadow-colored: 0px 4px 14.4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk-download:hover {
  --tw-shadow: 0px 4px 14.4px rgba(0,0,0,0.20);
  --tw-shadow-colored: 0px 4px 14.4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: box-shadow;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk-download img {
  max-height: 215px;
  min-height: 215px;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk-download .content-wraps {
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.card-bkk-download .content-wraps h4 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.overlay-video {
  background: linear-gradient(
		180deg,
		rgba(4, 69, 139, 0.5) 33.17%,
		rgba(75, 138, 198, 0) 96.59%
	);
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.card-game {
  border-radius: 0.75rem;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card-game img {
  cursor: pointer;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}

.card-game .bar-content {
  display: flex;
  height: 60px;
  justify-content: space-between;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

.box-folder .box-content.card-game .bar-content {
  background: #fff;
}

.footer-sub-submenu li div.card-game .bar-content {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.card-bkk-how-to-ting {
  position: relative;
  margin-top: 4rem;
  height: 20rem;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 1rem;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .card-bkk-how-to-ting {
    margin-top: 0px;
    width: 20rem;
  }
}

.card-bkk-how-to-ting img,
	.card-bkk-how-to-ting video {
  position: absolute;
  inset: 0px;
  z-index: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: opacity;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk-how-to-ting .content-wrap-bkk {
  z-index: 1;
  padding: 14px;
}

@media (min-width: 1024px) {
  .card-bkk-how-to-ting .content-wrap-bkk {
    position: relative;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

.card-bkk-how-to-ting .content-wrap-bkk h4 {
  position: relative;
  z-index: 1;
  margin-bottom: 0.5rem;
  font-size: 26px;
}

.card-bkk-how-to-ting .content-wrap-bkk p {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 75%;
  width: 100%;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 18px;
  line-height: 1.375;
}

@media (min-width: 768px) {
  .card-bkk-how-to-ting .content-wrap-bkk p {
    height: 40%;
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .card-bkk-how-to-ting .content-wrap-bkk p {
    position: static;
    height: auto;
    background-color: transparent;
    padding: 0px;
    line-height: 1.5;
  }
}

@media (min-width: 1280px) {
  .card-bkk-how-to-ting .content-wrap-bkk p {
    white-space: nowrap;
  }
}

.card-bkk-how-to-ting .icon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  z-index: 10;
}

.card-bkk-how-to-ting .icon .i-arrow-right {
  max-height: 2rem !important;
  min-height: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
}

.card-bkk-how-to-ting:hover {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.card-bkk-how-to-ting:hover .icon {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bkk-how-to-ting.clicked {
  --tw-scale-x: 0.98;
  --tw-scale-y: 0.98;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.chip {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: anuphanmedium;
}

p.chip,
	ul.chip {
  line-height: 1.4;
}

.chip {
  line-height: 1.4 !important;
}

.section-color p.chip {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.chip {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.chip {
    font-size: 28px;
  }
}

.detail-simple p.chip {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.chip {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.chip {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.chip.chip-sm {
  height: 38px !important;
}

.chip.chip-xs {
  height: 28px !important;
}

.select-filter {
  height: 48px;
  width: 100%;
  border-radius: 0.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.box-folder .box-content.select-filter {
  background: #fff;
}

.select-filter:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.box-folder .box-content.select-filter:focus {
  background: #fff;
}

.nf-error .nf-error-msg,
.nf-error-msg,
.ninja-forms-req-symbol {
  font-size: 14px;
}

.nf-pass.field-wrap .nf-field-element:after {
  content: "\f00c" !important;
  color: #fff !important;
  background: #008000 !important;
}

.nf-error .ninja-forms-field {
  --tw-text-opacity: 1 !important;
  color: rgb(218 170 0 / var(--tw-text-opacity)) !important;
}

.nf-error.field-wrap .nf-field-element:after {
  background: red !important;
  color: #fff !important;
  font-family: FontAwesome;
  content: "\f12a" !important;
  position: absolute;
  line-height: 50px !important;
  text-align: center !important;
  transition: all 0.5s !important;
}

.field-wrap .nf-field-element:after {
  font-size: 12px !important;
  top: 15px !important;
  right: 15px !important;
  bottom: 0 !important;
  height: 20px !important;
  width: 20px !important;
  display: flex !important;
  justify-content: center !important;
  border-radius: 100px !important;
  align-items: center !important;
}

/* ===== page how to ting ==== */

.form-howtoting .nf-form-content {
  position: relative;
}

.form-howtoting .nf-form-fields-required,
	.form-howtoting #nf-label-field-49 {
  display: none !important;
}

.loading-indicator.form-howtoting .nf-form-fields-required,.loading-indicator
	.form-howtoting #nf-label-field-49 {
  display: none !important;
}

.form-howtoting #nf-field-49-wrap .ninja-forms-field {
  border-radius: 9999px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-left: 20px !important;
  font-family: anuphansemibold !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}


	p .form-howtoting #nf-field-49-wrap .ninja-forms-field,
	ul .form-howtoting #nf-field-49-wrap .ninja-forms-field {
  line-height: 1.4;
}

.form-howtoting #nf-field-49-wrap .ninja-forms-field {
  line-height: 1.4 !important;
}

.box-folder .box-content.form-howtoting #nf-field-49-wrap .ninja-forms-field {
  background: #fff !important;
}


		.detail-simple p .form-howtoting #nf-field-49-wrap .ninja-forms-field {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .form-howtoting #nf-field-49-wrap .ninja-forms-field {
    font-size: 22px;
  }
}

.form-howtoting #nf-field-49-wrap .nf-field-label {
  display: none;
}

.loading-indicator.form-howtoting #nf-field-49-wrap .nf-field-label {
  display: none;
}

.form-howtoting .field-wrap .nf-field-element:after {
  right: 70px !important;
}

.form-howtoting #nf-field-47-container {
  position: absolute;
  top: 67px;
  right: 18px;
  font-family: anuphansemibold;
}


	p .form-howtoting #nf-field-47-container,
	ul .form-howtoting #nf-field-47-container {
  line-height: 1.4;
}

.form-howtoting #nf-field-47-container {
  line-height: 1.4 !important;
}


		.detail-simple p .form-howtoting #nf-field-47-container {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .form-howtoting #nf-field-47-container {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .form-howtoting #nf-field-47-container {
    top: 12px;
  }
}

.form-howtoting #nf-field-47-container .nf-field-label {
  display: none;
}

.loading-indicator.form-howtoting #nf-field-47-container .nf-field-label {
  display: none;
}

.form-howtoting #nf-field-47-container .ninja-forms-field {
  height: 35px !important;
  min-width: 50px !important;
  cursor: pointer !important;
  border-radius: 9999px !important;
  font-size: 14px !important;
}

.form-howtoting #nf-field-47-container .ninja-forms-field:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.form-howtoting #nf-field-48-container {
  margin-bottom: 0px;
  white-space: nowrap;
}

.form-howtoting #nf-field-48-container .nf-field-element {
  display: flex;
  height: 50px;
  align-items: center;
  font-family: anuphansemibold;
  font-size: 18px;
}


	p .form-howtoting #nf-field-48-container .nf-field-element,
	ul .form-howtoting #nf-field-48-container .nf-field-element {
  line-height: 1.4;
}

.form-howtoting #nf-field-48-container .nf-field-element {
  line-height: 1.4 !important;
}


		.detail-simple p .form-howtoting #nf-field-48-container .nf-field-element {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .form-howtoting #nf-field-48-container .nf-field-element {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.form-howtoting #nf-field-48-container .nf-field-element {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.form-howtoting #nf-error-49 {
  position: absolute;
}

.form-howtoting #nf-form-6-cont {
  width: 560px;
  max-width: 100%;
  position: relative;
}

.form-howtoting .nf-after-form-content {
  position: fixed;
  display: none;
}

.loading-indicator.form-howtoting .nf-after-form-content {
  display: none;
}

.form-howtoting .title-success-message {
  margin-bottom: 1.5rem;
}

.form-howtoting .title-success-message p {
  padding: 0.25rem !important;
  text-align: center !important;
  font-family: anuphansemibold !important;
  font-size: 16px !important;
}


	p .form-howtoting .title-success-message p,
	ul .form-howtoting .title-success-message p {
  line-height: 1.4;
}

.form-howtoting .title-success-message p {
  line-height: 1.4 !important;
}


		.detail-simple p .form-howtoting .title-success-message p {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .form-howtoting .title-success-message p {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .form-howtoting .title-success-message p {
    font-size: 20px !important;
  }
}

.c-grid-card {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

@media (min-width: 768px) {
  .c-grid-card {
    border-radius: 20px;
  }
}

.c-grid-card .txt {
  position: relative;
  z-index: 5;
}

.c-grid-card .txt .label {
  margin-bottom: 0.5rem;
  display: inline-block;
  border-radius: 9999px;
  border-width: 1px;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: anuphanmedium;
  font-size: 12px;
}

p.c-grid-card .txt .label,
	ul.c-grid-card .txt .label {
  line-height: 1.4;
}

.c-grid-card .txt .label {
  line-height: 1.4 !important;
}

.section-color p.c-grid-card .txt .label {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.c-grid-card .txt .label {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.c-grid-card .txt .label {
    font-size: 28px;
  }
}

.detail-simple p.c-grid-card .txt .label {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.c-grid-card .txt .label {
    font-size: 22px;
  }
}

.c-grid-card .txt h2 {
  margin-bottom: 0.5rem;
  font-family: bkk_draft5regular;
  font-size: 26px;
  line-height: 1.4;
}

@media (min-width: 1024px) {
  .c-grid-card .txt h2 {
    font-size: 30px;
  }
}

.c-grid-card .txt h3 {
  margin-bottom: 0.375rem;
  font-family: anuphanmedium;
  font-size: 16px;
  line-height: 1.45;
}

p.c-grid-card .txt h3,
	ul.c-grid-card .txt h3 {
  line-height: 1.4;
}

.c-grid-card .txt h3 {
  line-height: 1.4 !important;
}

.section-color p.c-grid-card .txt h3 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.c-grid-card .txt h3 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.c-grid-card .txt h3 {
    font-size: 28px;
  }
}

.detail-simple p.c-grid-card .txt h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.c-grid-card .txt h3 {
    font-size: 22px;
  }
}

.c-grid-card .element {
  position: absolute;
  top: 0px;
  display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}

.footer-sub-submenu li div.c-grid-card .element {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.c-grid-card .element img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-grid-card .element svg {
  margin-left: auto;
  margin-top: auto;
}

.c-grid-card .element video {
  height: 100%;
  width: 100%;
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px) {
  .c-grid-card .element video {
    border-radius: 20px;
  }
}

[class^="i-"] {
  min-height: 18px;
  min-width: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

[class^="i-"].i-clock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.2815 0.157715C6.69925 0.157715 5.15253 0.626907 3.83693 1.50596C2.52134 2.38501 1.49596 3.63444 0.890461 5.09625C0.28496 6.55806 0.126534 8.16659 0.435215 9.71844C0.743897 11.2703 1.50582 12.6957 2.62464 13.8146C3.74346 14.9334 5.16893 15.6953 6.72077 16.004C8.27262 16.3127 9.88115 16.1542 11.343 15.5487C12.8048 14.9432 14.0542 13.9179 14.9333 12.6023C15.8123 11.2867 16.2815 9.73996 16.2815 8.15771C16.2815 6.03598 15.4386 4.00115 13.9383 2.50086C12.4381 1.00057 10.4032 0.157715 8.2815 0.157715ZM8.2815 14.8244C6.96295 14.8244 5.67402 14.4334 4.5777 13.7008C3.48137 12.9683 2.62688 11.9271 2.1223 10.7089C1.61772 9.49076 1.48569 8.15032 1.74293 6.85711C2.00016 5.56391 2.6351 4.37602 3.56745 3.44367C4.4998 2.51132 5.68769 1.87638 6.98089 1.61915C8.2741 1.36191 9.61455 1.49393 10.8327 1.99852C12.0509 2.5031 13.0921 3.35759 13.8246 4.45391C14.5572 5.55024 14.9482 6.83917 14.9482 8.15771C14.9482 9.92582 14.2458 11.6215 12.9955 12.8718C11.7453 14.122 10.0496 14.8244 8.2815 14.8244Z' fill='black' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.7814 1.42284C5.11344 0.532796 6.67949 0.0577393 8.28152 0.0577393C10.4298 0.0577393 12.49 0.911129 14.0091 2.43017C15.5281 3.94922 16.3815 6.00949 16.3815 8.15774C16.3815 9.75977 15.9065 11.3258 15.0164 12.6579C14.1264 13.9899 12.8613 15.0281 11.3813 15.6412C9.90117 16.2542 8.27254 16.4146 6.70129 16.1021C5.13004 15.7896 3.68676 15.0181 2.55396 13.8853C1.42115 12.7525 0.649702 11.3092 0.337161 9.73797C0.0246212 8.16672 0.185028 6.53808 0.798098 5.058C1.41117 3.57792 2.44936 2.31287 3.7814 1.42284ZM4.63328 13.6177C5.71316 14.3393 6.98276 14.7244 8.28152 14.7244C10.0231 14.7244 11.6934 14.0326 12.9249 12.8011C14.1563 11.5696 14.8482 9.89933 14.8482 8.15774C14.8482 6.85897 14.4631 5.58938 13.7415 4.50949C13.0199 3.42961 11.9944 2.58795 10.7945 2.09093C9.59457 1.59391 8.27424 1.46387 7.00043 1.71725C5.72662 1.97063 4.55655 2.59604 3.63819 3.5144C2.71982 4.43277 2.09441 5.60284 1.84103 6.87665C1.58766 8.15045 1.7177 9.47079 2.21471 10.6707C2.71173 11.8706 3.55339 12.8962 4.63328 13.6177ZM3.83696 1.50598C5.15255 0.626931 6.69927 0.157739 8.28152 0.157739C10.4033 0.157739 12.4381 1.00059 13.9384 2.50088C15.4387 4.00118 16.2815 6.03601 16.2815 8.15774C16.2815 9.73999 15.8123 11.2867 14.9333 12.6023C14.0542 13.9179 12.8048 14.9433 11.343 15.5488C9.88118 16.1543 8.27265 16.3127 6.7208 16.004C5.16895 15.6953 3.74349 14.9334 2.62467 13.8146C1.50585 12.6958 0.743922 11.2703 0.43524 9.71846C0.126558 8.16661 0.284985 6.55808 0.890486 5.09627C1.49599 3.63446 2.52137 2.38503 3.83696 1.50598ZM4.57772 13.7009C5.67405 14.4334 6.96298 14.8244 8.28152 14.8244C10.0496 14.8244 11.7453 14.122 12.9956 12.8718C14.2458 11.6215 14.9482 9.92585 14.9482 8.15774C14.9482 6.8392 14.5572 5.55026 13.8246 4.45394C13.0921 3.35761 12.0509 2.50313 10.8327 1.99854C9.61457 1.49396 8.27413 1.36194 6.98092 1.61917C5.68771 1.87641 4.49983 2.51134 3.56748 3.44369C2.63513 4.37604 2.00019 5.56393 1.74295 6.85714C1.48572 8.15034 1.61774 9.49079 2.12232 10.709C2.62691 11.9271 3.48139 12.9683 4.57772 13.7009Z' fill='black' /%3E%3Cpath d='M11.483 10.4328L8.45073 7.61052V4.25037C8.45073 4.07425 8.38173 3.90534 8.25891 3.7808C8.13609 3.65627 7.9695 3.5863 7.79581 3.5863C7.62211 3.5863 7.45553 3.65627 7.33271 3.7808C7.20988 3.90534 7.14088 4.07425 7.14088 4.25037V7.90271C7.14027 7.99488 7.15858 8.08617 7.19467 8.17078C7.23075 8.25538 7.2838 8.33144 7.35046 8.39411L10.6251 11.409C10.6885 11.4687 10.763 11.515 10.8442 11.5454C10.9254 11.5757 11.0118 11.5894 11.0983 11.5857C11.1847 11.582 11.2696 11.561 11.3481 11.5238C11.4265 11.4866 11.4968 11.434 11.5551 11.3691C11.611 11.3028 11.6535 11.226 11.6801 11.1431C11.7067 11.0602 11.717 10.9728 11.7103 10.8858C11.7036 10.7989 11.6801 10.7141 11.6411 10.6364C11.6021 10.5586 11.5484 10.4895 11.483 10.4328Z' fill='black' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.35048 8.39414C7.28383 8.33146 7.23077 8.2554 7.19469 8.1708C7.15861 8.0862 7.14029 7.9949 7.14091 7.90273V4.25039C7.14091 4.07427 7.20991 3.90536 7.33273 3.78083C7.45555 3.65629 7.62214 3.58633 7.79583 3.58633C7.96953 3.58633 8.13611 3.65629 8.25893 3.78083C8.38176 3.90536 8.45076 4.07427 8.45076 4.25039V7.61054L11.4831 10.4328C11.5484 10.4895 11.6021 10.5587 11.6411 10.6364C11.6801 10.7141 11.7036 10.7989 11.7103 10.8858C11.717 10.9728 11.7068 11.0602 11.6801 11.1431C11.6535 11.2261 11.611 11.3029 11.5551 11.3691C11.4968 11.4341 11.4265 11.4866 11.3481 11.5238C11.2697 11.561 11.1848 11.582 11.0983 11.5857C11.0118 11.5894 10.9255 11.5757 10.8442 11.5454C10.763 11.515 10.6885 11.4687 10.6251 11.409L7.35048 8.39414ZM10.557 11.4822C10.5568 11.4821 10.5567 11.4819 10.5566 11.4818L7.28275 8.46771L7.28198 8.46699C7.20521 8.3948 7.14418 8.30727 7.10271 8.21003C7.06128 8.11289 7.04025 8.00814 7.04091 7.90241C7.04091 7.9023 7.04091 7.90218 7.04091 7.90206L7.14087 7.90273H7.04091V7.90241V4.25039C7.04091 4.04819 7.12011 3.854 7.26153 3.71061C7.403 3.56717 7.59516 3.48633 7.79583 3.48633C7.9965 3.48633 8.18867 3.56717 8.33013 3.71061C8.47155 3.854 8.55076 4.04819 8.55076 4.25039V7.56701L11.5499 10.3584C11.6246 10.4235 11.686 10.5027 11.7305 10.5916C11.7754 10.6809 11.8024 10.7783 11.81 10.8782C11.8177 10.978 11.8059 11.0784 11.7753 11.1737C11.7447 11.269 11.6959 11.3573 11.6315 11.4336L11.6296 11.4359L11.6295 11.4359C11.5625 11.5107 11.4814 11.5713 11.3909 11.6142C11.3005 11.6571 11.2025 11.6814 11.1026 11.6856C11.0027 11.6899 10.903 11.6741 10.8093 11.6391C10.7157 11.6041 10.63 11.5508 10.557 11.4822Z' fill='black' /%3E%3C/svg%3E");
}

[class^="i-"].i-calendar-plus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2617_13695)'%3E%3Cpath d='M1.5 3H16.5V16.5H1.5V3Z' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M1.5 6H16.5' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M4.5 0.75V3' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M13.5 0.75V3' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M9 8.25V14.25' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M6 11.25H12' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2617_13695'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-calendar {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2617_13669)'%3E%3Cpath d='M1.5 3H16.5V16.5H1.5V3Z' stroke='black' stroke-width='1.5' /%3E%3Cpath d='M1.5 6H16.5' stroke='black' stroke-width='1.5' /%3E%3Cpath d='M4.5 0.75V3' stroke='black' stroke-width='1.5' /%3E%3Cpath d='M13.5 0.75V3' stroke='black' stroke-width='1.5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2617_13669'%3E%3Crect width='18' height='18' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-googlemap {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='17' viewBox='0 0 18 17' fill='none'%3E%3Cg clip-path='url(%23clip0_2617_14874)'%3E%3Cpath d='M8.14286 9.30949L15.3776 1.6728C15.2581 1.63786 15.1313 1.61902 15 1.61902H1.28571C0.578572 1.61902 0 2.16545 0 2.8333V15.7857C0 15.9097 0.0199544 16.0294 0.0569451 16.1423L8.14286 9.30949Z' fill='%230F9D58' /%3E%3Cpath d='M8.14284 9.30957L0.908081 16.9463C1.02761 16.9812 1.15443 17 1.2857 17H15C15.1312 17 15.2581 16.9812 15.3776 16.9463L8.14284 9.30957Z' fill='%234285F4' /%3E%3Cpath d='M8.14282 9.30951L16.2287 16.1423C16.2657 16.0295 16.2857 15.9097 16.2857 15.7857V2.83332C16.2857 2.70935 16.2657 2.58957 16.2287 2.47668L8.14282 9.30951Z' fill='%23D2D2D2' /%3E%3Cpath d='M16.2857 15.7857L8.57141 8.5L7.07141 9.71429L14.7857 17H15C15.7071 17 16.2857 16.4536 16.2857 15.7857Z' fill='%23F1F1F1' /%3E%3Cpath d='M15 1.61902L0 15.7857C0 16.4535 0.578572 17 1.28571 17H1.5L16.2857 3.03569V2.8333C16.2857 2.16545 15.7071 1.61902 15 1.61902Z' fill='%23FFDE48' /%3E%3Cpath d='M15 1.61902H1.28571C0.578572 1.61902 0 2.16545 0 2.8333V2.93449C0 2.26664 0.578572 1.72021 1.28571 1.72021H15C15.7071 1.72021 16.2857 2.26664 16.2857 2.93449V2.8333C16.2857 2.16545 15.7071 1.61902 15 1.61902Z' fill='white' fill-opacity='0.2' /%3E%3Cpath d='M15 16.8989H1.28571C0.578572 16.8989 0 16.3524 0 15.6846V15.7858C0 16.4536 0.578572 17 1.28571 17H15C15.7071 17 16.2857 16.4536 16.2857 15.7858V15.6846C16.2857 16.3524 15.7071 16.8989 15 16.8989Z' fill='%23263238' fill-opacity='0.1' /%3E%3Cpath d='M3.64291 4.6548V5.51694H4.91148C4.81076 6.02897 4.33505 6.40135 3.64291 6.40135C2.87362 6.40135 2.24791 5.78611 2.24791 5.06159C2.24791 4.33706 2.87362 3.72183 3.64291 3.72183C3.99005 3.72183 4.29862 3.83516 4.54505 4.05373L5.22005 3.41623C4.81077 3.05397 4.27934 2.83337 3.64291 2.83337C2.34005 2.83337 1.28577 3.82909 1.28577 5.05956C1.28577 6.29004 2.34005 7.28576 3.64291 7.28576C5.00362 7.28576 5.90577 6.38111 5.90577 5.11016C5.90577 4.9523 5.89077 4.80052 5.86291 4.6548L3.64291 4.6548Z' fill='%23EEEEEE' /%3E%3Cmask id='mask0_2617_14874' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='18' height='17'%3E%3Cpath d='M13.7143 0C12.3129 0 11.0679 0.635478 10.2857 1.61905H1.28571C0.578572 1.61905 0 2.16548 0 2.83333V15.7857C0 16.4536 0.578572 17 1.28571 17H15C15.7071 17 16.2857 16.4536 16.2857 15.7857V7.85845C17.1857 6.61583 18 5.49667 18 4.04762C18 1.81131 16.0821 0 13.7143 0Z' fill='white' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_2617_14874)'%3E%3Cg opacity='0.25' filter='url(%23filter0_f_2617_14874)'%3E%3Cpath d='M13.7143 0C11.3464 0 9.42859 1.81131 9.42859 4.04762C9.42859 7.0975 13.035 8.68619 13.4614 13.0394C13.4743 13.1608 13.5836 13.256 13.7143 13.256C13.845 13.256 13.9564 13.1608 13.9672 13.0394C14.3936 8.68619 18 7.0975 18 4.04762C18 1.81131 16.0822 0 13.7143 0Z' fill='%23DB4437' /%3E%3C/g%3E%3C/g%3E%3Cpath d='M13.7143 0C11.3464 0 9.42859 1.81131 9.42859 4.04762C9.42859 7.0975 13.035 8.68619 13.4614 13.0394C13.4743 13.1608 13.5836 13.256 13.7143 13.256C13.845 13.256 13.9564 13.1608 13.9672 13.0394C14.3936 8.68619 18 7.0975 18 4.04762C18 1.81131 16.0822 0 13.7143 0Z' fill='%23DB4437' /%3E%3Cpath d='M13.7142 5.46432C14.5427 5.46432 15.2142 4.83005 15.2142 4.04765C15.2142 3.26525 14.5427 2.63098 13.7142 2.63098C12.8858 2.63098 12.2142 3.26525 12.2142 4.04765C12.2142 4.83005 12.8858 5.46432 13.7142 5.46432Z' fill='%237B231E' /%3E%3Cpath d='M13.7143 0.10119C16.0607 0.10119 17.9657 1.88214 17.9979 4.09012C17.9979 4.07595 18 4.06179 18 4.04762C18 1.81131 16.0822 0 13.7143 0C11.3464 0 9.42859 1.81131 9.42859 4.04762C9.42859 4.06179 9.43073 4.07595 9.43073 4.09012C9.46287 1.88214 11.3679 0.10119 13.7143 0.10119Z' fill='white' fill-opacity='0.2' /%3E%3Cpath d='M13.9672 12.9382C13.9564 13.0596 13.845 13.1547 13.7143 13.1547C13.5836 13.1547 13.4722 13.0596 13.4614 12.9382C13.0393 8.6052 9.46502 7.01044 9.43073 3.98889C9.43073 4.00913 9.42859 4.02735 9.42859 4.04758C9.42859 7.09746 13.035 8.68615 13.4614 13.0394C13.4743 13.1608 13.5836 13.2559 13.7143 13.2559C13.845 13.2559 13.9564 13.1608 13.9672 13.0394C14.3936 8.68615 18 7.09746 18 4.04758C18 4.02735 17.9979 4.00913 17.9979 3.98889C17.9636 7.01044 14.3914 8.60722 13.9672 12.9382Z' fill='%233E2723' fill-opacity='0.2' /%3E%3Cpath d='M13.7143 0C12.3129 0 11.0679 0.635478 10.2857 1.61905H1.28571C0.578572 1.61905 0 2.16548 0 2.83333V15.7857C0 16.4536 0.578572 17 1.28571 17H15C15.7071 17 16.2857 16.4536 16.2857 15.7857V7.85845C17.1857 6.61583 18 5.49667 18 4.04762C18 1.81131 16.0821 0 13.7143 0Z' fill='url(%23paint0_radial_2617_14874)' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_2617_14874' x='-1190.57' y='-1200' width='2408.57' height='2413.26' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeGaussianBlur stdDeviation='600' result='effect1_foregroundBlur_2617_14874' /%3E%3C/filter%3E%3CradialGradient id='paint0_radial_2617_14874' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(0.446786 1.95419) scale(21.9527 20.7331)'%3E%3Cstop stop-color='white' stop-opacity='0.1' /%3E%3Cstop offset='1' stop-color='white' stop-opacity='0' /%3E%3C/radialGradient%3E%3CclipPath id='clip0_2617_14874'%3E%3Crect width='18' height='17' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-location {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='none'%3E%3Cpath d='M9.91962 16.2105C9.91962 16.2105 16.6752 12 16.6752 7.78945C16.6752 6.00273 15.9634 4.28919 14.6965 3.02579C13.4296 1.76238 11.7113 1.05261 9.91962 1.05261C8.12793 1.05261 6.40963 1.76238 5.14272 3.02579C3.87581 4.28919 3.16406 6.00273 3.16406 7.78945C3.16406 12 9.91962 16.2105 9.91962 16.2105Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9.92257 7.78944C9.69861 7.78944 9.48382 7.70071 9.32546 7.54279C9.16709 7.38486 9.07812 7.17067 9.07812 6.94733C9.07812 6.72399 9.16709 6.5098 9.32546 6.35187C9.48382 6.19395 9.69861 6.10522 9.92257 6.10522' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M9.92188 7.78944C10.1458 7.78944 10.3606 7.70071 10.519 7.54279C10.6774 7.38486 10.7663 7.17067 10.7663 6.94733C10.7663 6.72399 10.6774 6.5098 10.519 6.35187C10.3606 6.19395 10.1458 6.10522 9.92188 6.10522' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

[class^="i-"].i-pin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_915_15599)'%3E%3Cpath d='M16.0725 7.71425C16.0725 12.2491 10.8242 16.2842 9.58325 17.1748C9.41298 17.2971 9.2107 17.3571 9.00112 17.3571C8.79153 17.3571 8.58925 17.2971 8.41898 17.1748C7.17806 16.2842 1.92969 12.2491 1.92969 7.71425C1.92969 3.8088 5.09567 0.642822 9.00112 0.642822C12.9066 0.642822 16.0725 3.8088 16.0725 7.71425Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42969 7.07143C6.42969 7.75341 6.7006 8.40747 7.18284 8.8897C7.66508 9.37194 8.31913 9.64286 9.00112 9.64286C9.6831 9.64286 10.3372 9.37194 10.8194 8.8897C11.3016 8.40747 11.5725 7.75341 11.5725 7.07143C11.5725 6.38944 11.3016 5.73539 10.8194 5.25315C10.3372 4.77092 9.6831 4.5 9.00112 4.5C8.31913 4.5 7.66508 4.77092 7.18284 5.25315C6.7006 5.73539 6.42969 6.38944 6.42969 7.07143Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_915_15599'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-arrow-left-white {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12.0469 5.99219C12.5054 5.99219 12.8772 6.36394 12.8772 6.82251C12.8772 7.28108 12.5054 7.65283 12.0469 7.65283L12.0469 5.99219ZM0.410958 7.40963C0.0866986 7.08537 0.0866985 6.55965 0.410958 6.23539L5.69507 0.951271C6.01933 0.627011 6.54506 0.627011 6.86932 0.95127C7.19358 1.27553 7.19358 1.80126 6.86932 2.12552L2.17233 6.82251L6.86932 11.5195C7.19358 11.8438 7.19358 12.3695 6.86932 12.6937C6.54506 13.018 6.01933 13.018 5.69507 12.6937L0.410958 7.40963ZM12.0469 7.65283L0.998082 7.65283L0.998082 5.99219L12.0469 5.99219L12.0469 7.65283Z' fill='white'/%3E%3C/svg%3E");
}

[class^="i-"].i-arrow-left-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12.0469 5.99219C12.5054 5.99219 12.8772 6.36394 12.8772 6.82251C12.8772 7.28108 12.5054 7.65283 12.0469 7.65283L12.0469 5.99219ZM0.410958 7.40963C0.0866986 7.08537 0.0866985 6.55965 0.410958 6.23539L5.69507 0.951271C6.01933 0.627011 6.54506 0.627011 6.86932 0.95127C7.19358 1.27553 7.19358 1.80126 6.86932 2.12552L2.17233 6.82251L6.86932 11.5195C7.19358 11.8438 7.19358 12.3695 6.86932 12.6937C6.54506 13.018 6.01933 13.018 5.69507 12.6937L0.410958 7.40963ZM12.0469 7.65283L0.998082 7.65283L0.998082 5.99219L12.0469 5.99219L12.0469 7.65283Z' fill='black'/%3E%3C/svg%3E");
}

[class^="i-"].i-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M13.9375 10C13.9375 10.7788 13.7066 11.54 13.2739 12.1876C12.8413 12.8351 12.2263 13.3398 11.5068 13.6378C10.7873 13.9358 9.99563 14.0138 9.23183 13.8618C8.46803 13.7099 7.76644 13.3349 7.21577 12.7842C6.6651 12.2336 6.29009 11.532 6.13816 10.7682C5.98623 10.0044 6.06421 9.21267 6.36223 8.49318C6.66025 7.7737 7.16493 7.15875 7.81244 6.72609C8.45996 6.29343 9.22124 6.0625 10 6.0625C11.0443 6.0625 12.0458 6.47734 12.7842 7.21577C13.5227 7.95419 13.9375 8.95571 13.9375 10Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.936 10.0001V11.6876C13.936 12.2843 14.1731 12.8566 14.595 13.2786C15.017 13.7005 15.5893 13.9376 16.186 13.9376C16.7827 13.9376 17.355 13.7005 17.777 13.2786C18.199 12.8566 18.436 12.2843 18.436 11.6876V10.0001C18.4359 8.09959 17.7942 6.25478 16.6147 4.76455C15.4352 3.27432 13.7871 2.22598 11.9374 1.78938C10.0878 1.35277 8.14485 1.55347 6.42348 2.35897C4.70211 3.16447 3.30314 4.52758 2.4532 6.22745C1.60327 7.92732 1.35217 9.86436 1.74059 11.7248C2.12901 13.5852 3.1342 15.2599 4.59329 16.4777C6.05238 17.6955 7.87991 18.3849 9.77977 18.4344C11.6796 18.4838 13.5405 17.8903 15.061 16.7501' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[class^="i-"].i-info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_915_15603)'%3E%3Cpath d='M10.6162 0.625015C9.05825 0.622767 7.5281 1.03786 6.18449 1.82722C4.84088 2.61658 3.73282 3.75143 2.97527 5.11403C2.21773 6.47662 1.83832 8.01728 1.87642 9.57617C1.91452 11.135 2.36873 12.6552 3.19192 13.9792L0.625 19.375L6.01528 16.805C7.16484 17.5207 8.46475 17.9593 9.81258 18.0864C11.1603 18.2135 12.5193 18.0256 13.7822 17.5375C15.045 17.0493 16.1773 16.2743 17.09 15.2735C18.0026 14.2727 18.6705 13.0734 19.0411 11.7702C19.4117 10.467 19.4747 9.0955 19.2255 7.76367C18.9762 6.43188 18.4213 5.17623 17.6045 4.09568C16.7877 3.01513 15.7312 2.1392 14.5186 1.53693C13.3059 0.934642 11.97 0.622475 10.6162 0.625015Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 13.125H11.875C11.5435 13.125 11.2255 12.9933 10.9911 12.7589C10.7567 12.5245 10.625 12.2065 10.625 11.875V8.75C10.625 8.58425 10.5592 8.42525 10.4419 8.30806C10.3248 8.19085 10.1657 8.125 10 8.125H9.375' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3125 5.625C10.1399 5.625 10 5.48509 10 5.3125C10 5.13991 10.1399 5 10.3125 5' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M10.3125 5.625C10.4851 5.625 10.625 5.48509 10.625 5.3125C10.625 5.13991 10.4851 5 10.3125 5' stroke='black' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_915_15603'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-apple {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M11.7206 8.85998C11.7206 8.35897 11.8375 7.86486 12.062 7.41697C12.2866 6.96908 12.6125 6.57976 13.0139 6.27998C13.0494 6.25216 13.0789 6.21743 13.1005 6.17789C13.1222 6.13836 13.1356 6.09484 13.14 6.04997C13.1443 6.0051 13.1396 5.95981 13.1259 5.91684C13.1123 5.87387 13.0901 5.83412 13.0606 5.79998C12.7573 5.46117 12.3893 5.18638 11.9783 4.99176C11.5673 4.79714 11.1216 4.6866 10.6673 4.66665C9.54061 4.55332 8.46727 5.33332 7.89394 5.33332C7.32061 5.33332 6.38727 4.66665 5.45394 4.66665C4.83602 4.6853 4.23366 4.86484 3.70636 5.18753C3.17906 5.51023 2.74507 5.9649 2.44727 6.50665C1.16727 8.73332 2.12061 12.0266 3.36727 13.84C3.97394 14.7266 4.70061 15.7133 5.66061 15.68C6.62061 15.6467 6.92727 15.0866 8.04061 15.0866C9.15394 15.0866 9.46727 15.68 10.4406 15.66C11.4139 15.64 12.0539 14.7466 12.6673 13.8666C13.0426 13.3101 13.3492 12.7102 13.5806 12.08C13.606 12.0042 13.6039 11.9219 13.5746 11.8475C13.5453 11.7732 13.4908 11.7115 13.4206 11.6733C12.9069 11.4049 12.4767 11.0006 12.177 10.5045C11.8772 10.0084 11.7194 9.43959 11.7206 8.85998Z' fill='black'/%3E%3Cpath d='M10.0004 2.77997C10.4882 2.19994 10.7737 1.47678 10.8137 0.719966C10.8143 0.669458 10.8039 0.619423 10.7832 0.57336C10.7625 0.527298 10.7319 0.486322 10.6937 0.453299C10.6555 0.420815 10.6105 0.397352 10.5621 0.384655C10.5136 0.371959 10.4629 0.370356 10.4137 0.379966C9.68923 0.548628 9.03479 0.937563 8.54036 1.4933C8.04074 2.0574 7.74699 2.77414 7.70703 3.52663C7.70712 3.57284 7.71662 3.61854 7.73496 3.66095C7.7533 3.70336 7.78009 3.74159 7.8137 3.7733C7.84785 3.80654 7.88872 3.83207 7.93357 3.84817C7.97843 3.86427 8.02621 3.87056 8.0737 3.86663C8.83002 3.76047 9.51825 3.3723 10.0004 2.77997Z' fill='black'/%3E%3C/svg%3E");
}

[class^="i-"].i-andriod {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='10' viewBox='0 0 19 10' fill='none'%3E%3Cg clip-path='url(%23clip0_3101_18169)'%3E%3Cpath d='M13.8764 7.47103C13.7199 7.47105 13.567 7.42773 13.4368 7.34654C13.3067 7.26534 13.2053 7.14992 13.1453 7.01488C13.0854 6.87983 13.0697 6.73121 13.1002 6.58783C13.1307 6.44445 13.2061 6.31273 13.3167 6.20934C13.4273 6.10595 13.5683 6.03553 13.7218 6.00698C13.8753 5.97844 14.0344 5.99305 14.1789 6.04896C14.3235 6.10488 14.4471 6.1996 14.5341 6.32113C14.6211 6.44267 14.6675 6.58556 14.6675 6.73175C14.6673 6.9277 14.5839 7.11557 14.4356 7.25416C14.2873 7.39274 14.0862 7.47073 13.8764 7.47103ZM5.13152 7.47103C4.97503 7.47105 4.82204 7.42773 4.69191 7.34654C4.56177 7.26534 4.46034 7.14992 4.40042 7.01488C4.34051 6.87983 4.32481 6.73121 4.35531 6.58783C4.38581 6.44445 4.46114 6.31273 4.57178 6.20934C4.68241 6.10595 4.82338 6.03553 4.97686 6.00698C5.13034 5.97844 5.28944 5.99305 5.43403 6.04896C5.57862 6.10488 5.70221 6.1996 5.78918 6.32113C5.87615 6.44267 5.92258 6.58556 5.92261 6.73175C5.92241 6.92772 5.83901 7.1156 5.69071 7.2542C5.5424 7.39279 5.3413 7.47077 5.13152 7.47103ZM14.1602 3.01908L15.7413 0.460859C15.7629 0.425916 15.777 0.387337 15.7826 0.347323C15.7883 0.307309 15.7855 0.266645 15.7743 0.227652C15.7632 0.188659 15.7439 0.152101 15.7176 0.120066C15.6913 0.08803 15.6585 0.061144 15.6211 0.0409427C15.5837 0.0207415 15.5424 0.00762055 15.4996 0.00232911C15.4568 -0.00296232 15.4132 -0.000320644 15.3715 0.0101033C15.3297 0.0205273 15.2906 0.0385294 15.2563 0.0630818C15.222 0.0876342 15.1932 0.118256 15.1716 0.153199L13.5705 2.74373C12.3461 2.22172 10.9711 1.93105 9.50383 1.93105C8.0366 1.93105 6.66167 2.22214 5.43731 2.74373L3.83635 0.153199C3.81475 0.118247 3.786 0.0876106 3.75173 0.0630392C3.71746 0.0384679 3.67834 0.0204427 3.63661 0.00999289C3.59489 -0.000456933 3.55137 -0.00312677 3.50853 0.00213582C3.4657 0.00739841 3.4244 0.0204904 3.38698 0.0406642C3.34957 0.060838 3.31677 0.0876986 3.29047 0.119712C3.26416 0.151726 3.24487 0.188266 3.23368 0.227246C3.22249 0.266226 3.21964 0.306882 3.22527 0.346894C3.2309 0.386906 3.24492 0.425489 3.26651 0.460441L4.8478 3.01908C2.13266 4.3986 0.275554 6.96629 0.00390625 10H19.0041C18.7321 6.96629 16.8752 4.3986 14.1602 3.01908Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3101_18169'%3E%3Crect width='19' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-crop {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3E%0A// %3Cpath d='M3.29297 3.2933L5.62053 0.96582L7.94801 3.2933' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%0A// %3Cpath d='M18.0344 13.3791H5.62109V0.96582' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%0A// %3Cpath d='M15.7078 16.7759L13.3802 19.1034L11.0527 16.7759' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%0A// %3Cpath d='M13.3789 16V19.1033' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%0A// %3Cpath d='M8.17188 5.62012H13.3785V8.7238V10.8275' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%0A// %3Cpath d='M0.966797 5.62088L3.0701 5.62012' stroke='black' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%0A// %3C/svg%3E");
}

[class^="i-"].i-garden-size {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M1.41406 15.1671L3.50026 8.16833C3.63486 7.6972 4.24053 7.49533 4.64426 7.89913L8.74933 12.0042C9.08586 12.3407 8.95126 13.0136 8.4802 13.1482L1.41406 15.1671Z' stroke='black' stroke-width='1.33333' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M6.5957 9.91775L8.14357 8.43722L7.4033 6.21649L10.1359 3.48389' stroke='black' stroke-width='1.33333' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M13.0572 2.24634L10.2307 5.07274C9.9615 5.34194 9.55776 5.34194 9.28856 5.07274L8.34643 4.13061C8.07723 3.86141 8.07723 3.45767 8.34643 3.18847L11.1728 0.362006C11.442 0.0928729 11.8458 0.0928729 12.115 0.362006L13.0572 1.30421C13.3264 1.57334 13.3264 1.97714 13.0572 2.24634Z' fill='black'/%3E%3C/svg%3E");
}

[class^="i-"].i-reset {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='30' fill='none' viewBox='0 0 29 30'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M14.701 7v1.778c3.645 0 6.611 2.79 6.611 6.222 0 3.431-2.966 6.222-6.61 6.222-3.645 0-6.612-2.79-6.612-6.222 0-1.642.694-3.188 1.889-4.34v2.118h1.889v-4.89H6.673v1.779h1.692C6.986 11.117 6.2 13.008 6.2 15c0 4.41 3.813 8 8.5 8 4.688 0 8.5-3.59 8.5-8s-3.813-8-8.5-8Z' clip-rule='evenodd'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M6.201 7h17v16h-17z'%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-fullscreen {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M18.5 7.5V2.522M18.5 2.522L13 2.536M18.5 2.522L12.5 8.429M13 18.521L18.5 18.523L18.487 13.023M18.5 18.429L12.5 12.522M2.5 7.5V2.5H8M8.5 8.429L2.5 2.522M8 18.516L2.5 18.523V13.5M8.5 12.5L2.5 18.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[class^="i-"].i-question {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg clip-path='url(%23clip0_6962_26993)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.35475 0.455C1.64465 0.1638 2.03855 0 2.45065 0H11.4505C11.654 0 11.8555 0.0400816 12.0436 0.117956C12.2316 0.195831 12.4024 0.309974 12.5463 0.453867C12.6902 0.597761 12.8043 0.768588 12.8822 0.956594C12.9601 1.1446 13.0001 1.3461 13.0001 1.5496V10.5495C13.0003 10.7531 12.9604 10.9547 12.8826 11.1429C12.8048 11.3311 12.6906 11.502 12.5467 11.6461C12.4028 11.7901 12.2319 11.9044 12.0439 11.9823C11.8558 12.0603 11.6542 12.1004 11.4505 12.1004H4.32915L0.806148 12.9805C0.693229 13.0085 0.574851 13.0058 0.46337 12.9725C0.351889 12.9392 0.251392 12.8765 0.172369 12.7911C0.0933464 12.7057 0.0386942 12.6007 0.0141173 12.487C-0.0104596 12.3732 -0.00406018 12.255 0.0326476 12.1446L0.898448 9.5446V1.5496C0.898448 1.1388 1.06225 0.7436 1.35345 0.4537L1.35475 0.455ZM6.90575 3.2292C6.64716 3.2292 6.39917 3.33192 6.21632 3.51477C6.03347 3.69762 5.93075 3.94561 5.93075 4.2042C5.93075 4.37659 5.86227 4.54192 5.74037 4.66382C5.61847 4.78572 5.45314 4.8542 5.28075 4.8542C5.10836 4.8542 4.94303 4.78572 4.82113 4.66382C4.69923 4.54192 4.63075 4.37659 4.63075 4.2042C4.63098 3.78233 4.7485 3.36884 4.97019 3.00992C5.19188 2.651 5.50901 2.36079 5.88613 2.17171C6.26326 1.98264 6.68553 1.90215 7.10576 1.93924C7.52599 1.97633 7.92764 2.12954 8.26581 2.38174C8.60399 2.63395 8.86538 2.97522 9.02078 3.36742C9.17618 3.75962 9.21946 4.18731 9.14579 4.6027C9.07213 5.01808 8.88441 5.4048 8.60362 5.71965C8.32283 6.0345 7.96003 6.26507 7.55575 6.3856V6.7028C7.55575 6.87519 7.48727 7.04052 7.36537 7.16242C7.24347 7.28432 7.07814 7.3528 6.90575 7.3528C6.73336 7.3528 6.56803 7.28432 6.44613 7.16242C6.32423 7.04052 6.25575 6.87519 6.25575 6.7028V5.8292C6.25575 5.65681 6.32423 5.49148 6.44613 5.36958C6.56803 5.24768 6.73336 5.1792 6.90575 5.1792C7.16433 5.1792 7.41233 5.07648 7.59518 4.89363C7.77802 4.71078 7.88075 4.46279 7.88075 4.2042C7.88075 3.94561 7.77802 3.69762 7.59518 3.51477C7.41233 3.33192 7.16433 3.2292 6.90575 3.2292ZM6.90575 7.9014C7.16433 7.9014 7.41233 8.00412 7.59518 8.18697C7.77802 8.36982 7.88075 8.61781 7.88075 8.8764C7.88075 9.13499 7.77802 9.38298 7.59518 9.56583C7.41233 9.74868 7.16433 9.8514 6.90575 9.8514C6.64716 9.8514 6.39917 9.74868 6.21632 9.56583C6.03347 9.38298 5.93075 9.13499 5.93075 8.8764C5.93075 8.61781 6.03347 8.36982 6.21632 8.18697C6.39917 8.00412 6.64716 7.9014 6.90575 7.9014Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6962_26993'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-location-maiteruam {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cg clip-path='url(%23clip0_6962_27046)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.50009 9.2222C6.50009 9.2222 10.599 6.6612 10.599 4.0989C10.599 3.0118 10.1671 1.96923 9.39845 1.20054C8.62976 0.431847 7.58719 0 6.50009 0C5.41299 0 4.37042 0.431847 3.60173 1.20054C2.83304 1.96923 2.40119 3.0118 2.40119 4.0989C2.40119 6.6599 6.50009 9.2222 6.50009 9.2222ZM6.51309 4.7242H6.50009C6.19841 4.72592 5.90839 4.60773 5.69385 4.39563C5.47931 4.18353 5.35781 3.89488 5.35609 3.5932C5.35437 3.29152 5.47256 3.0015 5.68466 2.78696C5.89676 2.57242 6.18541 2.45092 6.48709 2.4492H6.50009C6.80177 2.44748 7.09179 2.56567 7.30633 2.77777C7.52087 2.98987 7.64237 3.27852 7.64409 3.5802C7.64581 3.88188 7.52762 4.1719 7.31552 4.38644C7.10342 4.60098 6.81477 4.72248 6.51309 4.7242ZM5.81109 10.3246L5.80849 10.322L5.80459 10.3194L5.79159 10.3116L5.74869 10.2856C5.52648 10.1404 5.30801 9.98954 5.09349 9.8332C4.55796 9.44333 4.04656 9.02135 3.56209 8.5696L3.54129 8.5501H1.99949C1.87219 8.54999 1.74766 8.58725 1.64136 8.65728C1.53505 8.7273 1.45165 8.827 1.40149 8.944L0.0520902 12.0939C0.00968888 12.1928 -0.00749001 12.3007 0.0020953 12.4079C0.0116806 12.5151 0.0477302 12.6182 0.107009 12.708C0.166287 12.7979 0.246939 12.8716 0.341727 12.9225C0.436515 12.9735 0.542473 13.0001 0.65009 13H12.3501C12.4577 13.0001 12.5637 12.9735 12.6585 12.9225C12.7532 12.8716 12.8339 12.7979 12.8932 12.708C12.9525 12.6182 12.9885 12.5151 12.9981 12.4079C13.0077 12.3007 12.9905 12.1928 12.9481 12.0939L11.5961 8.944C11.5459 8.827 11.4625 8.7273 11.3562 8.65728C11.2499 8.58725 11.1254 8.54999 10.9981 8.5501H9.46019L9.43939 8.5696C8.76042 9.20247 8.02892 9.77654 7.25279 10.2856L7.20989 10.3116L7.19689 10.3194L7.19299 10.322L7.19169 10.3233C6.98508 10.4524 6.74504 10.5209 6.50139 10.5209C6.25774 10.5209 6.019 10.4524 5.81239 10.3233L5.81109 10.3246Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6962_27046'%3E%3Crect width='13' height='13' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-phone-maiteruam {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_6962_27048)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.92881 2.9288C2.55563 3.30039 2.25942 3.74195 2.05714 4.22818C1.85487 4.71441 1.7505 5.23577 1.75001 5.7624C1.74946 5.87731 1.72628 5.99098 1.6818 6.09693C1.63731 6.20288 1.5724 6.29903 1.49076 6.37989C1.40912 6.46075 1.31235 6.52474 1.20598 6.56821C1.09961 6.61167 0.985717 6.63376 0.87081 6.6332C0.755903 6.63265 0.642231 6.60947 0.536282 6.56499C0.430333 6.52051 0.334183 6.45559 0.253322 6.37395C0.172461 6.29231 0.108472 6.19554 0.0650082 6.08917C0.0215449 5.9828 -0.000541473 5.86891 1.00809e-05 5.754C0.00337693 4.22878 0.611584 2.76717 1.69121 1.6898C2.76915 0.61035 4.2313 0.00262953 5.75681 4.48042e-06C5.87172 -0.000363222 5.98557 0.0219052 6.09187 0.0655384C6.19817 0.109172 6.29484 0.173315 6.37635 0.254306C6.45786 0.335297 6.52262 0.43155 6.56693 0.53757C6.61125 0.643589 6.63424 0.757298 6.63461 0.872205C6.63498 0.987111 6.61271 1.10097 6.56908 1.20727C6.52544 1.31357 6.4613 1.41023 6.38031 1.49174C6.29932 1.57325 6.20306 1.63801 6.09704 1.68233C5.99103 1.72664 5.87732 1.74964 5.76241 1.75C5.23583 1.7508 4.71455 1.85531 4.22836 2.05757C3.74217 2.25982 3.30058 2.55587 2.92881 2.9288ZM4.90841 4.9098C4.68115 5.13617 4.55236 5.44305 4.55001 5.7638C4.54722 5.99587 4.45237 6.21732 4.2863 6.37945C4.12024 6.54157 3.89657 6.63109 3.66451 6.6283C3.43245 6.62552 3.21099 6.53066 3.04887 6.3646C2.88674 6.19853 2.79723 5.97487 2.80001 5.74281C2.80743 4.96469 3.12015 4.22061 3.67081 3.6708C4.18353 3.15672 4.8669 2.84841 5.59161 2.8042C5.8233 2.79009 6.05111 2.8686 6.22492 3.02246C6.39873 3.17631 6.5043 3.39291 6.51841 3.6246C6.53252 3.8563 6.45401 4.08411 6.30016 4.25792C6.1463 4.43172 5.9297 4.53729 5.69801 4.5514C5.39995 4.56959 5.11895 4.69803 4.90841 4.9098ZM11.2532 0.0504045C11.6732 0.0546045 12.1282 0.203004 12.4614 0.536204L12.8954 0.970205C13.5025 1.58524 13.8836 2.38755 13.9769 3.24667C14.0702 4.10579 13.8701 4.97121 13.4092 5.7022L13.3994 5.7176C11.3472 8.75357 8.73192 11.3679 5.69521 13.419L5.68121 13.4302C4.18181 14.3864 2.12101 14.0882 0.94641 12.915L0.51241 12.481C0.209 12.1582 0.0389495 11.7326 0.0364101 11.2896C0.0270143 11.0584 0.0643229 10.8276 0.146107 10.6111C0.227892 10.3946 0.352473 10.1969 0.51241 10.0296L2.33241 8.2096C2.66106 7.89205 3.10013 7.71445 3.55713 7.71418C4.01413 7.71392 4.45339 7.89103 4.78241 8.2082L5.11281 8.533C5.23881 8.624 5.45161 8.6086 5.55241 8.5078L8.47841 5.5818C8.58341 5.4768 8.59601 5.257 8.49941 5.1338L8.18161 4.8118C7.86425 4.48297 7.68689 4.04381 7.68689 3.5868C7.68689 3.1298 7.86425 2.69064 8.18161 2.3618L10.0128 0.533404C10.3628 0.183404 10.8332 0.0434045 11.2546 0.0490045L11.2532 0.0504045Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6962_27048'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

[class^="i-"].i-time-maiteruam {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.5 15.25C10.2902 15.25 12.0071 14.5388 13.273 13.273C14.5388 12.0071 15.25 10.2902 15.25 8.5C15.25 6.70979 14.5388 4.9929 13.273 3.72703C12.0071 2.46116 10.2902 1.75 8.5 1.75C6.70979 1.75 4.9929 2.46116 3.72703 3.72703C2.46116 4.9929 1.75 6.70979 1.75 8.5C1.75 10.2902 2.46116 12.0071 3.72703 13.273C4.9929 14.5388 6.70979 15.25 8.5 15.25Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 4.7785V8.5H11.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

[class^="i-"].i-number-people {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8027_2321)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0016 1.4H10.4016C10.4016 0.76348 10.1487 0.153031 9.69862 -0.297056C9.24853 -0.747144 8.63808 -1 8.00156 -1C7.36504 -1 6.75459 -0.747144 6.30451 -0.297056C5.85442 0.153031 5.60156 0.76348 5.60156 1.4H4.00156C3.36504 1.4 2.75459 1.65286 2.30451 2.10294C1.85442 2.55303 1.60156 3.16348 1.60156 3.8V12.6C1.60156 13.2365 1.85442 13.847 2.30451 14.2971C2.75459 14.7471 3.36504 15 4.00156 15H12.0016C12.6381 15 13.2485 14.7471 13.6986 14.2971C14.1487 13.847 14.4016 13.2365 14.4016 12.6V3.8C14.4016 3.16348 14.1487 2.55303 13.6986 2.10294C13.2485 1.65286 12.6381 1.4 12.0016 1.4ZM11.4336 6.3552C11.5808 6.13454 11.6344 5.86442 11.5825 5.60427C11.5306 5.34412 11.3774 5.11525 11.1568 4.968C10.9361 4.82075 10.666 4.76719 10.4058 4.8191C10.1457 4.87101 9.91681 5.02414 9.76956 5.2448L7.24636 9.032L6.10876 7.896C6.01703 7.79859 5.90669 7.72058 5.78427 7.66659C5.66184 7.6126 5.52983 7.58373 5.39604 7.58168C5.26226 7.57964 5.12942 7.60446 5.00541 7.65468C4.88139 7.7049 4.76871 7.7795 4.67404 7.87406C4.57938 7.96862 4.50465 8.08121 4.45429 8.20517C4.40393 8.32913 4.37896 8.46194 4.38085 8.59573C4.38275 8.72951 4.41147 8.86156 4.46532 8.98404C4.51917 9.10653 4.59706 9.21696 4.69436 9.3088L6.69436 11.3088C6.79895 11.4134 6.92546 11.4936 7.06476 11.5434C7.20407 11.5933 7.3527 11.6116 7.49993 11.597C7.64717 11.5825 7.78934 11.5355 7.91621 11.4593C8.04307 11.3832 8.15146 11.2799 8.23356 11.1568L11.4336 6.3552Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8027_2321'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

[class^="i-"].i-lineman {
  background-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.11708 3.15934C2.14809 3.12834 2.17909 3.09734 2.2101 3.06633C2.44263 3.00432 2.59764 2.86481 2.65965 2.61678C2.69066 2.58577 2.73716 2.55477 2.76817 2.52376C2.79917 2.50826 2.81467 2.47726 2.84568 2.46176C2.86118 2.43075 2.87668 2.41525 2.90769 2.41525C3.12471 2.43075 3.26423 2.26023 3.40375 2.16722C4.61291 1.34561 5.93058 0.818542 7.40327 0.818542C13.1545 0.818542 18.9212 0.818542 24.6725 0.80304C26.0832 0.80304 27.3543 1.2061 28.517 1.95019C30.6098 3.28336 31.6794 5.25212 31.9739 7.68593C31.9739 13.6542 31.9739 19.6225 31.9739 25.5752C31.8344 26.6139 31.6019 27.606 31.0748 28.5361C30.9198 28.8152 30.6408 29.0632 30.6408 29.4352C30.6408 29.4507 30.6253 29.4817 30.6098 29.4817C30.4237 29.4972 30.3307 29.6368 30.2222 29.7608C28.827 31.4505 27.0288 32.4116 24.8275 32.4116C18.9833 32.4426 13.139 32.4271 7.27925 32.4271C6.8917 32.4271 6.50415 32.4116 6.1321 32.3186C4.61291 31.9 3.23323 31.218 2.14809 30.0243C1.97757 29.8383 1.91556 29.5592 1.62102 29.5127C1.66753 29.2337 1.41949 29.0942 1.29548 28.9082C0.411865 27.544 0.210338 26.0093 0.22584 24.4436C0.256844 18.9714 0.148331 13.5147 0.287849 8.04247C0.318853 6.56978 0.752909 5.28312 1.52801 4.05846C1.72953 3.76392 2.11708 3.5779 2.11708 3.15934ZM11.4648 15.7935C11.3098 15.7935 11.2478 15.654 11.1548 15.5609C10.2246 14.6463 9.31001 13.7007 8.37989 12.7861C8.19387 12.6001 8.02335 12.352 7.75981 12.228C7.74431 12.2745 7.71331 12.3055 7.71331 12.3365C7.71331 16.0415 7.6978 19.7465 7.71331 23.4515C7.71331 24.2266 8.36439 24.9241 9.13949 25.0792C10.2556 25.2962 11.0617 24.7071 11.4183 23.436C11.4493 23.529 11.4958 23.6065 11.5733 23.808C11.5733 21.1727 11.5733 18.6458 11.5733 16.119C11.5888 15.995 11.5733 15.871 11.4648 15.7935ZM7.71331 9.99573C7.6978 10.5383 7.91483 10.9879 8.28688 11.3599C10.7982 13.8712 13.325 16.3825 15.8208 18.9094C16.0689 19.1574 16.1774 19.0799 16.3789 18.8784C17.278 17.9638 18.1927 17.0646 19.0918 16.1655C20.704 14.5533 22.3162 12.9566 23.9129 11.3289C24.7035 10.5383 24.657 9.36014 23.8509 8.63155C23.0603 7.93396 22.0061 8.01147 21.1845 8.83308C19.5878 10.4298 17.9756 12.0265 16.3944 13.6387C16.1774 13.8712 16.0379 13.9022 15.8054 13.6387C15.3558 13.1426 14.8597 12.6931 14.3947 12.2125C13.232 11.0499 12.0849 9.88721 10.9222 8.74006C10.3176 8.15099 9.60455 7.98047 8.82945 8.30601C8.11636 8.61605 7.74431 9.18962 7.71331 9.99573ZM24.4245 12.259C24.3314 12.2435 24.2849 12.321 24.2384 12.3675C23.1378 13.4527 22.0527 14.5533 20.952 15.6385C20.8125 15.778 20.7815 15.933 20.7815 16.119C20.7815 18.4753 20.7815 20.8161 20.7815 23.1724C20.7815 23.5445 20.8435 23.9165 21.045 24.2421C21.5101 24.9707 22.3472 25.2962 23.1688 25.0482C23.9439 24.8156 24.4555 24.1335 24.4555 23.2654C24.4555 19.7 24.4555 16.119 24.4555 12.5536C24.471 12.4605 24.502 12.352 24.4245 12.259Z' fill='%232DBE57'/%3E%3Cpath d='M31.9583 7.68592C31.6793 5.25211 30.5942 3.28335 28.5014 1.95018C27.3387 1.20609 26.0676 0.80303 24.6569 0.80303C18.9057 0.818532 13.1389 0.803031 7.38767 0.818533C5.91498 0.818533 4.59731 1.3456 3.38816 2.16721C3.23314 2.27572 3.10912 2.43074 2.89209 2.41524C3.80671 1.53163 4.93835 1.08207 6.16301 0.787532C6.72108 0.663516 7.27915 0.64801 7.85273 0.64801C13.4334 0.64801 19.0142 0.64801 24.5949 0.64801C28.4239 0.64801 31.7413 3.6709 32.0824 7.48439C32.0824 7.5619 32.0668 7.62391 32.0513 7.70142C32.0203 7.70142 31.9893 7.70142 31.9583 7.68592Z' fill='%232DBE57'/%3E%3Cpath d='M1.63647 29.5282C1.93101 29.5747 1.99302 29.8693 2.16354 30.0398C3.24868 31.2334 4.61286 31.9155 6.14755 32.3341C6.5196 32.4271 6.90715 32.4426 7.2947 32.4426C13.139 32.4426 18.9832 32.4736 24.843 32.4271C27.0287 32.4116 28.827 31.466 30.2377 29.7608C30.3462 29.6367 30.4392 29.4972 30.6252 29.4817C29.7881 30.7684 28.5944 31.5745 27.1993 32.1326C26.3622 32.4581 25.494 32.6131 24.5794 32.6131C18.9212 32.6131 13.2475 32.6286 7.58924 32.5976C5.21743 32.5821 3.29519 31.5745 1.79149 29.7453C1.71398 29.6987 1.68298 29.6057 1.63647 29.5282Z' fill='%232DBE57'/%3E%3Cpath d='M2.11703 3.15933C2.11703 3.57789 1.72949 3.76391 1.52796 4.07395C0.75286 5.29861 0.334306 6.58527 0.2878 8.05796C0.148282 13.5302 0.272297 18.9869 0.225791 24.4591C0.210289 26.0248 0.411816 27.5595 1.29543 28.9237C1.41945 29.1097 1.66748 29.2492 1.62097 29.5282C0.799365 28.5981 0.427317 27.4665 0.194787 26.2728C0.117277 25.8543 0.0862737 25.4202 0.0862737 24.9861C0.0862737 19.3124 0.0707703 13.6387 0.101774 7.98045C0.117276 6.16672 0.814868 4.60102 1.99302 3.22134C2.03953 3.19034 2.08603 3.17483 2.11703 3.15933Z' fill='%232DBE57'/%3E%3Cpath d='M31.9584 7.68591C31.9894 7.68591 32.0204 7.70141 32.0514 7.70141C32.0514 8.46101 32.0669 9.22061 32.0669 9.98021C32.0669 15.0029 32.0669 20.01 32.0669 25.0326C32.0669 25.2032 32.0514 25.3892 32.0514 25.5597C32.0204 25.5597 31.9894 25.5752 31.9584 25.5752C31.9584 19.6224 31.9584 13.6542 31.9584 7.68591Z' fill='%232DBE57'/%3E%3Cpath d='M31.9584 25.5907C31.9894 25.5907 32.0204 25.5752 32.0514 25.5752C32.0669 26.7069 31.6794 27.7145 31.1678 28.6911C31.0283 28.9702 30.9043 29.2647 30.6407 29.4507C30.6407 29.0787 30.9198 28.8461 31.0748 28.5516C31.5864 27.6215 31.8189 26.6294 31.9584 25.5907Z' fill='%232DBE57'/%3E%3Cpath d='M2.65964 2.61676C2.59763 2.84929 2.45811 3.00431 2.21008 3.06632C2.30309 2.84929 2.45811 2.72527 2.65964 2.61676Z' fill='%232DBE57'/%3E%3Cpath d='M2.83085 2.46176C2.79953 2.47742 2.78388 2.50873 2.75256 2.52439C2.78388 2.50873 2.81519 2.49307 2.83085 2.46176Z' fill='%232DBE57'/%3E%3Cpath d='M7.7133 9.9957C7.7288 9.2051 8.11635 8.61602 8.82945 8.32149C9.60455 7.98044 10.3176 8.16647 10.9222 8.75554C12.0849 9.90269 13.232 11.0653 14.3947 12.228C14.8752 12.7086 15.3558 13.1581 15.8053 13.6542C16.0379 13.9177 16.1774 13.8712 16.3944 13.6542C17.9911 12.042 19.5878 10.4453 21.1845 8.84856C22.0061 8.02695 23.0758 7.94944 23.8509 8.64703C24.657 9.37562 24.7035 10.5538 23.9129 11.3444C22.3162 12.9566 20.704 14.5688 19.0918 16.181C18.1927 17.0801 17.278 17.9792 16.3789 18.8938C16.1774 19.0954 16.0689 19.1574 15.8208 18.9249C13.3095 16.398 10.7982 13.8867 8.28688 11.3754C7.91483 10.9723 7.6978 10.5383 7.7133 9.9957Z' fill='%23FBFDFC'/%3E%3Cpath d='M11.4337 23.4359C11.0771 24.7226 10.271 25.2962 9.15487 25.0792C8.39528 24.9396 7.72869 24.242 7.72869 23.4514C7.71319 19.7465 7.72869 16.0415 7.72869 12.3365C7.72869 12.3055 7.74419 12.29 7.7752 12.228C8.03873 12.352 8.19375 12.6 8.39528 12.7861C9.3254 13.7007 10.24 14.6308 11.1701 15.5609C11.2631 15.6539 11.3097 15.7935 11.4802 15.7935C11.4647 15.809 11.4647 15.84 11.4802 15.8555C11.4337 15.902 11.4337 15.9485 11.4492 15.995C11.3872 18.4753 11.4027 20.9556 11.4337 23.4359Z' fill='%23FBFDFB'/%3E%3Cpath d='M24.4243 12.259C24.5019 12.352 24.4709 12.4605 24.4709 12.5535C24.4709 16.119 24.4709 19.7 24.4709 23.2654C24.4709 24.1335 23.9593 24.8156 23.1842 25.0482C22.3471 25.2962 21.51 24.9706 21.0604 24.242C20.8589 23.9165 20.7969 23.5445 20.7969 23.1724C20.7969 20.8161 20.7969 18.4753 20.7969 16.119C20.7969 15.933 20.8279 15.778 20.9674 15.6384C22.068 14.5533 23.1532 13.4527 24.2538 12.3675C24.3003 12.321 24.3313 12.2435 24.4243 12.259Z' fill='%23FBFDFC'/%3E%3Cpath d='M11.4338 23.4359C11.4028 20.9556 11.3873 18.4753 11.4338 16.0105C11.4493 15.964 11.4493 15.9175 11.4648 15.871C11.4493 15.8555 11.4493 15.8245 11.4648 15.809C11.5733 15.8865 11.5888 16.0105 11.5888 16.1345C11.5888 18.6613 11.5888 21.1726 11.5888 23.8235C11.5113 23.6065 11.4648 23.5134 11.4338 23.4359Z' fill='%232DBE57'/%3E%3Cpath d='M11.4648 15.8555C11.4493 15.902 11.4493 15.9485 11.4338 15.995C11.4183 15.9485 11.4183 15.902 11.4648 15.8555Z' fill='%232DBE57'/%3E%3C/svg%3E%0A");
}

.i-check.green svg circle {
  fill: #00744B;
}

.i-check.yellow svg circle {
  fill: #CA9E00;
}

.lds-ellipsis {
  /* change color here */
  color: #000;
}

.card-dust .lds-ellipsis {
  color: #fff;
}

.lds-ellipsis,
.lds-ellipsis div {
  box-sizing: border-box;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 70px;
  height: 10px;
}

.lds-ellipsis div {
  position: absolute;
  top: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}

/* ซ้อนปุ่ม rotate */

/* .maplibregl-ctrl-compass {
	@apply hidden !important;
} */

.admin-bar .wrap-ranmaiteruam {
  height: calc(100vh - 32px) !important;
  max-height: calc(100vh - 32px);
}

body.post-type-archive-ran-mai-te-ruam {
  overflow: hidden !important;
}

.wrap-ranmaiteruam {
  height: calc(100vh) !important;
}

.custom-marker {
  background-color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 0;
}

.custom-marker:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

@media (min-width: 1024px) {
  .custom-marker:hover {
    z-index: 1000 !important;
  }
}

.custom-marker:hover::before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.custom-marker:hover.zoom-out::before {
  display: block !important;
}

.custom-marker img {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
}

.custom-marker::before {
  content: attr(data-title);
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #faf4e4;
  color: #000;
  padding: 2px 8px;
  border-radius: 100px;
  background: #faf4e4;
  box-shadow: 0px 4px 10.6px 0px rgba(0, 0, 0, 0.13);
  font-size: 12px;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: anuphanmedium;
}

p.custom-marker::before,
	ul.custom-marker::before {
  line-height: 1.4;
}

.custom-marker::before {
  line-height: 1.4 !important;
}

.section-color p.custom-marker::before {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.custom-marker::before {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.custom-marker::before {
    font-size: 28px;
  }
}

.detail-simple p.custom-marker::before {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.custom-marker::before {
    font-size: 22px;
  }
}

.custom-marker::before {
  /* visibility: hidden; */
  /* opacity: 0; */
  /* transition:
		visibility 0s,
		opacity 0.3s linear; */
}

/* .custom-marker:hover::before {
	visibility: visible;
	opacity: 1;
} */

.custom-marker.zoom-out::before {
  display: none;
}

.custom-marker.hovered.zoom-out::before {
  display: block !important;
}

.custom-marker.hovered {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}

@media (min-width: 1024px) {
  .custom-marker.hovered {
    z-index: 1000 !important;
  }
}

.custom-marker.hovered::before {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.maplibregl-marker {
  cursor: pointer;
}

.checkbox-filter label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.25rem;
}

.footer-sub-submenu li div.checkbox-filter label {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.checkbox-filter label input {
  position: absolute;
  opacity: 0;
}

.checkbox-filter label .color {
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.4);
}

.checkbox-filter label .text {
  color: rgb(0 0 0 / 0.5);
  text-decoration-line: line-through;
}

.checkbox-filter label.ku-tower input:checked + .color {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 151 70 / var(--tw-bg-opacity)) !important;
}

.checkbox-filter label.ku-tower input:checked + .color ~ .text {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.checkbox-filter label.monitor-station input:checked + .color {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 84 161 / var(--tw-bg-opacity)) !important;
}

.checkbox-filter label.monitor-station input:checked + .color ~ .text {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.checkbox-filter label.sensor-nt input:checked + .color {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(218 92 0 / var(--tw-bg-opacity)) !important;
}

.checkbox-filter label.sensor-nt input:checked + .color ~ .text {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.box-map .place-card.place-card-large {
  display: none !important;
}

.loading-indicator.box-map .place-card.place-card-large {
  display: none !important;
}

.wrap-map {
  margin-top: 2.5rem;
  margin-bottom: 6rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.tab-item {
  display: flex;
  height: 100%;
  align-items: center;
  border-bottom-width: 2px;
  border-color: transparent;
}

.footer-sub-submenu li div.tab-item {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.tab-item.tab-active {
  display: flex;
  height: 100%;
  align-items: center;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.footer-sub-submenu li div.tab-item.tab-active {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

#features {
  width: 50%;
  margin-left: 50%;
  font-family: sans-serif;
  overflow-y: scroll;
  background-color: #fafafa;
}

.list-map {
  max-height: calc(85dvh - 290px);
  min-height: calc(85dvh - 290px);
}

.list-map > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.list-map {
  overflow-y: scroll;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .list-map {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.list-map .card-map {
  cursor: pointer;
}

.card-map {
  min-height: 200px;
}

.card-map > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.card-map {
  border-radius: 1.5rem;
  border-width: 2px;
  border-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: anuphanmedium;
  outline-style: solid;
  outline-width: 1px;
  outline-color: #CCCCCC;
}

p.card-map,
	ul.card-map {
  line-height: 1.4;
}

.card-map {
  line-height: 1.4 !important;
}

.section-color p.card-map {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.card-map {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.card-map {
    font-size: 28px;
  }
}

.detail-simple p.card-map {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.card-map {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .card-map {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.active-card .card-map {
  border-width: 2px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
}

#map-large-garbage .card-map {
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
}

#map-large-garbage .card-map > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}

#map-large-garbage .card-map {
  border-style: none !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 1rem !important;
  padding-bottom: 0.5rem !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.maplibregl-ctrl-top-right .maplibregl-ctrl {
  margin-top: 20px;
  margin-right: 20px;
}

.maplibregl-marker svg {
  display: none;
}

.loading-indicator.maplibregl-marker svg {
  display: none;
}

.maplibregl-marker.marker-icon {
  display: flex;
  height: 75px;
  width: 45px;
  cursor: pointer;
  justify-content: center;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.footer-sub-submenu li div.maplibregl-marker.marker-icon {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.maplibregl-marker.marker-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='95' viewBox='0 0 64 95' fill='none'%3E%3Cg filter='url(%23filter0_f_2617_14757)'%3E%3Cellipse cx='32.4909' cy='70.7388' rx='10.5' ry='4.5' fill='black'/%3E%3C/g%3E%3Cmask id='path-2-outside-1_2617_14757' maskUnits='userSpaceOnUse' x='-0.00909424' y='0.23877' width='64' height='76' fill='black'%3E%3Crect fill='white' x='-0.00909424' y='0.23877' width='64' height='76'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2495 59.7294C52.7257 55.8658 60.9909 45.0175 60.9909 32.2388C60.9909 16.2225 48.0072 3.23877 31.9909 3.23877C15.9746 3.23877 2.99091 16.2225 2.99091 32.2388C2.99091 44.9192 11.1294 55.6987 22.4679 59.639C27.3154 61.805 29.2124 65.5394 30.6946 71.1734C31.2426 73.2562 34.0539 73.2239 34.4896 71.1148C35.6254 65.6174 37.0432 61.6815 41.2495 59.7294Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2495 59.7294C52.7257 55.8658 60.9909 45.0175 60.9909 32.2388C60.9909 16.2225 48.0072 3.23877 31.9909 3.23877C15.9746 3.23877 2.99091 16.2225 2.99091 32.2388C2.99091 44.9192 11.1294 55.6987 22.4679 59.639C27.3154 61.805 29.2124 65.5394 30.6946 71.1734C31.2426 73.2562 34.0539 73.2239 34.4896 71.1148C35.6254 65.6174 37.0432 61.6815 41.2495 59.7294Z' fill='%230971CE'/%3E%3Cpath d='M41.2495 59.7294L40.2923 56.8862C40.1883 56.9212 40.0862 56.9619 39.9866 57.0082L41.2495 59.7294ZM22.4679 59.639L23.6918 56.9C23.6135 56.865 23.5337 56.8334 23.4527 56.8052L22.4679 59.639ZM30.6946 71.1734L33.5959 70.4102L33.5959 70.4102L30.6946 71.1734ZM34.4896 71.1148L31.5517 70.5078L31.5517 70.5078L34.4896 71.1148ZM57.9909 32.2388C57.9909 43.6909 50.5848 53.4211 40.2923 56.8862L42.2067 62.5726C54.8666 58.3105 63.9909 46.3441 63.9909 32.2388H57.9909ZM31.9909 6.23877C46.3503 6.23877 57.9909 17.8794 57.9909 32.2388H63.9909C63.9909 14.5657 49.664 0.23877 31.9909 0.23877V6.23877ZM5.99091 32.2388C5.99091 17.8794 17.6315 6.23877 31.9909 6.23877V0.23877C14.3178 0.23877 -0.00909424 14.5657 -0.00909424 32.2388H5.99091ZM23.4527 56.8052C13.2833 53.2712 5.99091 43.6027 5.99091 32.2388H-0.00909424C-0.00909424 46.2356 8.97555 58.1262 21.4832 62.4727L23.4527 56.8052ZM21.2441 62.378C23.1609 63.2345 24.3993 64.3403 25.3429 65.7635C26.3361 67.2615 27.0805 69.2271 27.7933 71.9367L33.5959 70.4102C32.8266 67.4858 31.8813 64.7671 30.3436 62.4479C28.7563 60.0539 26.6225 58.2095 23.6918 56.9L21.2441 62.378ZM27.7933 71.9367C28.4348 74.3751 30.5389 75.7452 32.6755 75.7158C34.8309 75.6861 36.9095 74.2293 37.4276 71.7218L31.5517 70.5078C31.5776 70.3825 31.6778 70.1547 31.9142 69.9653C32.1308 69.7918 32.376 69.7194 32.5929 69.7164C32.8094 69.7134 33.0397 69.7784 33.2412 69.9274C33.4618 70.0905 33.565 70.2927 33.5959 70.4102L27.7933 71.9367ZM37.4276 71.7218C38.5622 66.2303 39.7638 63.7262 42.5124 62.4506L39.9866 57.0082C34.3226 59.6367 32.6887 65.0046 31.5517 70.5078L37.4276 71.7218Z' fill='white' mask='url(%23path-2-outside-1_2617_14757)'/%3E%3Ccircle cx='31.9909' cy='33.2388' r='10' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_2617_14757' x='2.99091' y='47.2388' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_2617_14757'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.maplibregl-marker.marker-icon.active {
  height: 85px;
  width: 55px;
  transform-origin: bottom;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='95' viewBox='0 0 65 95' fill='none'%3E%3Cg filter='url(%23filter0_f_2656_14902)'%3E%3Cellipse cx='32.9909' cy='70.8505' rx='10.5' ry='4.5' fill='black'/%3E%3C/g%3E%3Cmask id='path-2-outside-1_2656_14902' maskUnits='userSpaceOnUse' x='0.490906' y='0.350464' width='64' height='76' fill='black'%3E%3Crect fill='white' x='0.490906' y='0.350464' width='64' height='76'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.7495 59.8411C53.2257 55.9775 61.4909 45.1292 61.4909 32.3505C61.4909 16.3342 48.5072 3.35046 32.4909 3.35046C16.4746 3.35046 3.49091 16.3342 3.49091 32.3505C3.49091 45.0309 11.6294 55.8104 22.9679 59.7507C27.8154 61.9166 29.7124 65.6511 31.1946 71.2851C31.7426 73.3679 34.5539 73.3356 34.9896 71.2265C36.1254 65.7291 37.5432 61.7932 41.7495 59.8411Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.7495 59.8411C53.2257 55.9775 61.4909 45.1292 61.4909 32.3505C61.4909 16.3342 48.5072 3.35046 32.4909 3.35046C16.4746 3.35046 3.49091 16.3342 3.49091 32.3505C3.49091 45.0309 11.6294 55.8104 22.9679 59.7507C27.8154 61.9166 29.7124 65.6511 31.1946 71.2851C31.7426 73.3679 34.5539 73.3356 34.9896 71.2265C36.1254 65.7291 37.5432 61.7932 41.7495 59.8411Z' fill='black'/%3E%3Cpath d='M41.7495 59.8411L40.7923 56.9979C40.6883 57.0329 40.5862 57.0736 40.4866 57.1199L41.7495 59.8411ZM22.9679 59.7507L24.1918 57.0117C24.1135 56.9767 24.0337 56.9451 23.9527 56.9169L22.9679 59.7507ZM31.1946 71.2851L34.0959 70.5219L34.0959 70.5219L31.1946 71.2851ZM34.9896 71.2265L32.0517 70.6195L32.0517 70.6195L34.9896 71.2265ZM58.4909 32.3505C58.4909 43.8026 51.0848 53.5328 40.7923 56.9979L42.7067 62.6843C55.3666 58.4222 64.4909 46.4558 64.4909 32.3505H58.4909ZM32.4909 6.35046C46.8503 6.35046 58.4909 17.9911 58.4909 32.3505H64.4909C64.4909 14.6774 50.164 0.350464 32.4909 0.350464V6.35046ZM6.49091 32.3505C6.49091 17.9911 18.1315 6.35046 32.4909 6.35046V0.350464C14.8178 0.350464 0.490906 14.6774 0.490906 32.3505H6.49091ZM23.9527 56.9169C13.7833 53.3829 6.49091 43.7144 6.49091 32.3505H0.490906C0.490906 46.3473 9.47555 58.2379 21.9832 62.5844L23.9527 56.9169ZM21.7441 62.4897C23.6609 63.3461 24.8993 64.452 25.8429 65.8752C26.8361 67.3732 27.5805 69.3387 28.2933 72.0484L34.0959 70.5219C33.3266 67.5975 32.3813 64.8788 30.8436 62.5596C29.2563 60.1656 27.1225 58.3212 24.1918 57.0117L21.7441 62.4897ZM28.2933 72.0484C28.9348 74.4868 31.0389 75.8569 33.1755 75.8275C35.3309 75.7978 37.4095 74.341 37.9276 71.8335L32.0517 70.6195C32.0776 70.4942 32.1778 70.2664 32.4142 70.077C32.6308 69.9035 32.876 69.8311 33.0929 69.8281C33.3094 69.8251 33.5397 69.8901 33.7412 70.0391C33.9618 70.2022 34.065 70.4044 34.0959 70.5219L28.2933 72.0484ZM37.9276 71.8335C39.0622 66.3419 40.2638 63.8379 43.0124 62.5623L40.4866 57.1199C34.8226 59.7484 33.1887 65.1163 32.0517 70.6195L37.9276 71.8335Z' fill='white' mask='url(%23path-2-outside-1_2656_14902)'/%3E%3Ccircle cx='32.4909' cy='33.3505' r='10' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_2656_14902' x='3.49091' y='47.3505' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_2656_14902'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

#mapMonitor .maplibregl-marker svg {
  display: none;
}

.loading-indicator#mapMonitor .maplibregl-marker svg {
  display: none;
}

#mapMonitor .maplibregl-marker.marker-icon.ku-tower-marker {
  background-image: none !important;
}

#mapMonitor .maplibregl-marker.marker-icon.monitor-station-marker {
  background-image: none !important;
}

#mapMonitor .maplibregl-marker.marker-icon.sensor-nt-marker {
  background-image: none !important;
}

#mapMonitor .maplibregl-marker.marker-icon.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='48' viewBox='0 0 33 48' fill='none'%3E%3Cg clip-path='url(%23clip0_7202_2098)'%3E%3Cg filter='url(%23filter0_f_7202_2098)'%3E%3Cpath d='M16.7492 38.0718C19.6933 38.0718 22.08 37.0539 22.08 35.7982C22.08 34.5424 19.6933 33.5245 16.7492 33.5245C13.8051 33.5245 11.4185 34.5424 11.4185 35.7982C11.4185 37.0539 13.8051 38.0718 16.7492 38.0718Z' fill='black'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.1959 30.2355C27.0222 28.2834 31.2184 22.8021 31.2184 16.3455C31.2184 8.25308 24.6267 1.69287 16.4953 1.69287C8.364 1.69287 1.77228 8.25308 1.77228 16.3455C1.77228 22.7525 5.90413 28.1989 11.6606 30.1898C14.1216 31.2842 15.0847 33.1711 15.8372 36.0177C16.1154 37.0701 17.5427 37.0538 17.7639 35.9881C18.3406 33.2105 19.0604 31.2218 21.1959 30.2355Z' fill='black'/%3E%3Cmask id='mask0_7202_2098' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='33' height='39'%3E%3Cpath d='M32.7415 0.177063H0.249207V38.5771H32.7415V0.177063Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.1959 30.2355C27.0222 28.2833 31.2184 22.8021 31.2184 16.3455C31.2184 8.25304 24.6267 1.69284 16.4953 1.69284C8.364 1.69284 1.77228 8.25304 1.77228 16.3455C1.77228 22.7524 5.90413 28.1989 11.6606 30.1898C14.1216 31.2842 15.0847 33.1711 15.8372 36.0177C16.1154 37.0701 17.5427 37.0538 17.7639 35.9881C18.3406 33.2105 19.0604 31.2218 21.1959 30.2355Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_7202_2098)'%3E%3Cpath d='M21.1959 30.2355L20.7099 28.7989C20.6571 28.8166 20.6053 28.8372 20.5547 28.8606L21.1959 30.2355ZM11.6606 30.1898L12.282 28.8059C12.2422 28.7882 12.2017 28.7722 12.1606 28.758L11.6606 30.1898ZM29.6954 16.3455C29.6954 22.1318 25.9353 27.0481 20.7099 28.7989L21.6818 31.6721C28.1092 29.5186 32.7415 23.4724 32.7415 16.3455H29.6954ZM16.4954 3.20864C23.7855 3.20864 29.6954 9.09023 29.6954 16.3455H32.7415C32.7415 7.41594 25.4679 0.177063 16.4954 0.177063V3.20864ZM3.29536 16.3455C3.29536 9.09023 9.2052 3.20864 16.4954 3.20864V0.177063C7.52286 0.177063 0.249207 7.41594 0.249207 16.3455H3.29536ZM12.1606 28.758C6.99765 26.9724 3.29536 22.0873 3.29536 16.3455H0.249207C0.249207 23.4176 4.81064 29.4255 11.1607 31.6216L12.1606 28.758ZM11.0393 31.5737C12.0124 32.0064 12.6412 32.5652 13.1202 33.2843C13.6245 34.0412 14.0024 35.0343 14.3643 36.4034L17.3102 35.6321C16.9196 34.1545 16.4397 32.7809 15.659 31.609C14.8532 30.3994 13.7699 29.4675 12.282 28.8059L11.0393 31.5737ZM14.3643 36.4034C14.69 37.6354 15.7582 38.3277 16.8429 38.3128C17.9372 38.2978 18.9925 37.5618 19.2555 36.2948L16.2724 35.6814C16.2855 35.6181 16.3364 35.503 16.4564 35.4073C16.5664 35.3197 16.6909 35.2831 16.801 35.2816C16.9109 35.28 17.0278 35.3129 17.1301 35.3882C17.2421 35.4706 17.2945 35.5727 17.3102 35.6321L14.3643 36.4034ZM19.2555 36.2948C19.8316 33.5201 20.4416 32.2549 21.837 31.6104L20.5547 28.8606C17.6791 30.1887 16.8496 32.9009 16.2724 35.6814L19.2555 36.2948Z' fill='white'/%3E%3C/g%3E%3Cpath d='M16.4954 21.9034C19.2993 21.9034 21.5723 19.6413 21.5723 16.8508C21.5723 14.0603 19.2993 11.7982 16.4954 11.7982C13.6915 11.7982 11.4185 14.0603 11.4185 16.8508C11.4185 19.6413 13.6915 21.9034 16.4954 21.9034Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_7202_2098' x='-7.58154' y='14.5245' width='48.6616' height='42.5474' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_7202_2098'/%3E%3C/filter%3E%3CclipPath id='clip0_7202_2098'%3E%3Crect width='33' height='48' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

#mapPark .maplibregl-marker svg {
  display: none;
}

.loading-indicator#mapPark .maplibregl-marker svg {
  display: none;
}

#mapPark .maplibregl-marker.marker-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='96' viewBox='0 0 64 96' fill='none'%3E%3Cg clip-path='url(%23clip0_5118_10477)'%3E%3Cg filter='url(%23filter0_f_5118_10477)'%3E%3Cpath d='M32.5 77C38.299 77 43 74.9853 43 72.5C43 70.0147 38.299 68 32.5 68C26.701 68 22 70.0147 22 72.5C22 74.9853 26.701 77 32.5 77Z' fill='black'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='%2300744B'/%3E%3Cmask id='mask0_5118_10477' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='76'%3E%3Cpath d='M64 0H0V76H64V0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_10477)'%3E%3Cpath d='M41.2586 59.4906L40.3014 56.6474C40.1974 56.6825 40.0953 56.7232 39.9957 56.7694L41.2586 59.4906ZM22.477 59.4002L23.7009 56.6612C23.6226 56.6262 23.5428 56.5946 23.4618 56.5664L22.477 59.4002ZM58 32C58 43.4522 50.5939 53.1823 40.3014 56.6474L42.2158 62.3338C54.8757 58.0717 64 46.1053 64 32H58ZM32 6C46.3594 6 58 17.6406 58 32H64C64 14.3269 49.6731 0 32 0V6ZM6 32C6 17.6406 17.6406 6 32 6V0C14.3269 0 0 14.3269 0 32H6ZM23.4618 56.5664C13.2924 53.0325 6 43.364 6 32H0C0 45.9968 8.98465 57.8875 21.4923 62.234L23.4618 56.5664ZM21.2532 62.1392C23.17 62.9957 24.4084 64.1015 25.352 65.5247C26.3452 67.0227 27.0896 68.9883 27.8024 71.6979L33.605 70.1714C32.8356 67.247 31.8904 64.5283 30.3527 62.2091C28.7654 59.8151 26.6316 57.9707 23.7009 56.6612L21.2532 62.1392ZM27.8024 71.6979C28.4439 74.1363 30.548 75.5065 32.6846 75.477C34.84 75.4474 36.9186 73.9906 37.4367 71.483L31.5608 70.269C31.5867 70.1437 31.6869 69.916 31.9233 69.7265C32.1399 69.553 32.3851 69.4806 32.602 69.4776C32.8185 69.4746 33.0488 69.5397 33.2503 69.6887C33.4709 69.8518 33.5741 70.0539 33.605 70.1714L27.8024 71.6979ZM37.4367 71.483C38.5712 65.9915 39.7729 63.4874 42.5215 62.2119L39.9957 56.7694C34.3317 59.398 32.6978 64.7658 31.5608 70.269L37.4367 71.483Z' fill='white'/%3E%3C/g%3E%3Cpath d='M21.1027 33.2076H22.7342C23.9358 33.2076 24.9101 32.2333 24.9101 31.0317V30.1171C24.9101 29.9063 25.0329 29.7138 25.2255 29.6275C26.852 28.8524 27.5441 26.9055 26.769 25.2773C25.9939 23.6507 24.0471 22.9586 22.4188 23.7337C20.7923 24.5088 20.1002 26.4557 20.8753 28.0839C21.1973 28.7594 21.7417 29.3055 22.4188 29.6275C22.6114 29.7138 22.7358 29.9063 22.7342 30.1171V30.4873C22.7342 30.7877 22.4902 31.0317 22.1898 31.0317H21.1027C20.8022 31.0317 20.5583 30.7877 20.5583 30.4873C20.5583 29.8864 20.072 29.4001 19.4711 29.4001C18.8703 29.4001 18.384 29.8864 18.384 30.4873C18.384 30.7877 18.14 31.0317 17.8396 31.0317H16.7524C16.452 31.0317 16.208 30.7877 16.208 30.4873V30.1171C16.208 29.9063 16.3309 29.7138 16.5234 29.6275C18.15 28.8524 18.8421 26.9055 18.067 25.2773C17.2919 23.6507 15.345 22.9586 13.7168 23.7337C12.0902 24.5088 11.3981 26.4557 12.1732 28.0839C12.4952 28.7594 13.0396 29.3055 13.7168 29.6275C13.9093 29.7138 14.0338 29.9063 14.0321 30.1171V31.0317C14.0321 32.2333 15.0064 33.2076 16.208 33.2076H17.8396C18.14 33.2076 18.384 33.4516 18.384 33.752V39.4416C18.3856 39.6441 18.2778 39.8317 18.1018 39.9312C17.5989 40.1951 17.2686 40.7014 17.2321 41.269L16.7856 48.3727C16.7757 48.6682 16.8819 48.957 17.0794 49.1777C17.2852 49.3985 17.5724 49.5246 17.8728 49.5263H21.0711C21.3699 49.5213 21.6537 49.4001 21.8645 49.1894C22.0603 48.9636 22.1666 48.6732 22.1583 48.3727L21.7118 41.269C21.6753 40.7014 21.345 40.1951 20.8421 39.9312C20.6661 39.8317 20.5566 39.6441 20.5599 39.4416V33.752C20.5599 33.4516 20.8039 33.2076 21.1043 33.2076H21.1027ZM23.823 25.5926C24.4238 25.5926 24.9101 26.079 24.9101 26.6798C24.9101 27.2806 24.4238 27.7669 23.823 27.7669C23.2222 27.7669 22.7358 27.2806 22.7358 26.6798C22.7358 26.079 23.2222 25.5926 23.823 25.5926ZM15.1192 27.7686C14.5184 27.7686 14.0321 27.2823 14.0321 26.6814C14.0321 26.0806 14.5184 25.5943 15.1192 25.5943C15.7201 25.5943 16.2064 26.0806 16.2064 26.6814C16.2064 27.2823 15.7201 27.7686 15.1192 27.7686Z' fill='white'/%3E%3Cpath d='M37.0672 41.6286C37.595 41.5373 37.9785 41.0759 37.9702 40.5415V39.4543C37.9702 38.8535 37.4838 38.3672 36.883 38.3672H24.9162C24.3153 38.3672 23.829 38.8535 23.829 39.4543V40.5415C23.8207 41.0776 24.2041 41.539 24.7319 41.6286C24.9942 41.6718 25.1867 41.8958 25.1884 42.1614V42.89C25.1884 43.1091 25.054 43.3066 24.8515 43.3913C24.234 43.6402 23.829 44.2377 23.829 44.9033C23.8108 45.4411 24.0647 45.9523 24.5029 46.2626C24.6788 46.3921 24.7602 46.6162 24.7104 46.8286L24.395 48.2427C24.2606 48.8286 24.6274 49.4112 25.2133 49.5456C25.2166 49.5456 25.2199 49.5456 25.2232 49.5473H25.4622C25.9801 49.5606 26.4365 49.2054 26.5494 48.6992L26.9411 46.9796C26.9925 46.7323 27.21 46.5548 27.4639 46.5548H34.405C34.6573 46.5548 34.8764 46.7323 34.9278 46.9796L35.3195 48.6992C35.4341 49.2054 35.8888 49.5606 36.4066 49.5473H36.6457C37.2332 49.4178 37.6034 48.8386 37.4739 48.251C37.4739 48.2477 37.4739 48.2444 37.4722 48.2411L37.1569 46.827C37.1054 46.6145 37.1867 46.3904 37.3643 46.261C37.7793 45.9357 38.0067 45.4278 37.9735 44.9016C37.9735 44.2361 37.5685 43.6386 36.951 43.3896C36.7486 43.3066 36.6141 43.1091 36.6141 42.8884V42.1597C36.6158 41.8942 36.8083 41.6684 37.0705 41.6269L37.0672 41.6286ZM34.4349 42.7157C34.4349 43.0162 34.1909 43.2601 33.8905 43.2601H27.9071C27.6066 43.2601 27.3626 43.0162 27.3626 42.7157V42.1713C27.3626 41.8709 27.6066 41.6269 27.9071 41.6269H33.8905C34.1909 41.6269 34.4349 41.8709 34.4349 42.1713V42.7157Z' fill='white'/%3E%3Cpath d='M43.4095 11.7676C37.5605 11.7676 32.8203 27.9153 32.8203 33.766C32.8203 34.785 32.9647 35.7709 33.2336 36.7037H36.8784C38.3938 36.7037 39.6253 37.9369 39.6253 39.4523V40.5311C39.6336 41.3543 39.2817 42.1029 38.7041 42.6141C38.9664 42.8846 39.1788 43.1983 39.3315 43.5419C40.1199 43.8705 40.9581 44.1079 41.8295 44.2373V49.5336H44.9896V44.2373C50.09 43.4755 54.0004 39.0772 54.0004 33.766C54.0004 27.9153 49.2585 11.7676 43.4095 11.7676ZM44.9896 41.8938H41.8295V29.8058H44.9896V41.8938Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_5118_10477' x='3' y='49' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_5118_10477'/%3E%3C/filter%3E%3CclipPath id='clip0_5118_10477'%3E%3Crect width='64' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

#mapPark .maplibregl-marker.marker-icon.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='96' viewBox='0 0 64 96' fill='none'%3E%3Cg clip-path='url(%23clip0_5118_10519)'%3E%3Cg filter='url(%23filter0_f_5118_10519)'%3E%3Cpath d='M32.5 77C38.299 77 43 74.9853 43 72.5C43 70.0147 38.299 68 32.5 68C26.701 68 22 70.0147 22 72.5C22 74.9853 26.701 77 32.5 77Z' fill='black'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='black'/%3E%3Cmask id='mask0_5118_10519' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='76'%3E%3Cpath d='M64 0H0V76H64V0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_10519)'%3E%3Cpath d='M41.2586 59.4906L40.3014 56.6474C40.1974 56.6825 40.0953 56.7232 39.9957 56.7694L41.2586 59.4906ZM22.477 59.4002L23.7009 56.6612C23.6226 56.6262 23.5428 56.5946 23.4618 56.5664L22.477 59.4002ZM58 32C58 43.4522 50.5939 53.1823 40.3014 56.6474L42.2158 62.3338C54.8757 58.0717 64 46.1053 64 32H58ZM32 6C46.3594 6 58 17.6406 58 32H64C64 14.3269 49.6731 0 32 0V6ZM6 32C6 17.6406 17.6406 6 32 6V0C14.3269 0 0 14.3269 0 32H6ZM23.4618 56.5664C13.2924 53.0325 6 43.364 6 32H0C0 45.9968 8.98465 57.8875 21.4923 62.234L23.4618 56.5664ZM21.2532 62.1392C23.17 62.9957 24.4084 64.1015 25.352 65.5247C26.3452 67.0227 27.0896 68.9883 27.8024 71.6979L33.605 70.1714C32.8356 67.247 31.8904 64.5283 30.3527 62.2091C28.7654 59.8151 26.6316 57.9707 23.7009 56.6612L21.2532 62.1392ZM27.8024 71.6979C28.4439 74.1363 30.548 75.5065 32.6846 75.477C34.84 75.4474 36.9186 73.9906 37.4367 71.483L31.5608 70.269C31.5867 70.1437 31.6869 69.916 31.9233 69.7265C32.1399 69.553 32.3851 69.4806 32.602 69.4776C32.8185 69.4746 33.0488 69.5397 33.2503 69.6887C33.4709 69.8518 33.5741 70.0539 33.605 70.1714L27.8024 71.6979ZM37.4367 71.483C38.5712 65.9915 39.7729 63.4874 42.5215 62.2119L39.9957 56.7694C34.3317 59.398 32.6978 64.7658 31.5608 70.269L37.4367 71.483Z' fill='white'/%3E%3C/g%3E%3Cpath d='M21.1027 33.2076H22.7342C23.9358 33.2076 24.9101 32.2333 24.9101 31.0317V30.1171C24.9101 29.9063 25.0329 29.7138 25.2255 29.6275C26.852 28.8524 27.5441 26.9055 26.769 25.2773C25.9939 23.6507 24.0471 22.9586 22.4188 23.7337C20.7923 24.5088 20.1002 26.4557 20.8753 28.0839C21.1973 28.7594 21.7417 29.3055 22.4188 29.6275C22.6114 29.7138 22.7358 29.9063 22.7342 30.1171V30.4873C22.7342 30.7877 22.4902 31.0317 22.1898 31.0317H21.1027C20.8022 31.0317 20.5583 30.7877 20.5583 30.4873C20.5583 29.8864 20.072 29.4001 19.4711 29.4001C18.8703 29.4001 18.384 29.8864 18.384 30.4873C18.384 30.7877 18.14 31.0317 17.8396 31.0317H16.7524C16.452 31.0317 16.208 30.7877 16.208 30.4873V30.1171C16.208 29.9063 16.3309 29.7138 16.5234 29.6275C18.15 28.8524 18.8421 26.9055 18.067 25.2773C17.2919 23.6507 15.345 22.9586 13.7168 23.7337C12.0902 24.5088 11.3981 26.4557 12.1732 28.0839C12.4952 28.7594 13.0396 29.3055 13.7168 29.6275C13.9093 29.7138 14.0338 29.9063 14.0321 30.1171V31.0317C14.0321 32.2333 15.0064 33.2076 16.208 33.2076H17.8396C18.14 33.2076 18.384 33.4516 18.384 33.752V39.4416C18.3856 39.6441 18.2778 39.8317 18.1018 39.9312C17.5989 40.1951 17.2686 40.7014 17.2321 41.269L16.7856 48.3727C16.7757 48.6682 16.8819 48.957 17.0794 49.1777C17.2852 49.3985 17.5724 49.5246 17.8728 49.5263H21.0711C21.3699 49.5213 21.6537 49.4001 21.8645 49.1894C22.0603 48.9636 22.1666 48.6732 22.1583 48.3727L21.7118 41.269C21.6753 40.7014 21.345 40.1951 20.8421 39.9312C20.6661 39.8317 20.5566 39.6441 20.5599 39.4416V33.752C20.5599 33.4516 20.8039 33.2076 21.1043 33.2076H21.1027ZM23.823 25.5926C24.4238 25.5926 24.9101 26.079 24.9101 26.6798C24.9101 27.2806 24.4238 27.7669 23.823 27.7669C23.2222 27.7669 22.7358 27.2806 22.7358 26.6798C22.7358 26.079 23.2222 25.5926 23.823 25.5926ZM15.1192 27.7686C14.5184 27.7686 14.0321 27.2823 14.0321 26.6814C14.0321 26.0806 14.5184 25.5943 15.1192 25.5943C15.7201 25.5943 16.2064 26.0806 16.2064 26.6814C16.2064 27.2823 15.7201 27.7686 15.1192 27.7686Z' fill='white'/%3E%3Cpath d='M37.0672 41.6286C37.595 41.5373 37.9785 41.0759 37.9702 40.5415V39.4543C37.9702 38.8535 37.4838 38.3672 36.883 38.3672H24.9162C24.3153 38.3672 23.829 38.8535 23.829 39.4543V40.5415C23.8207 41.0776 24.2041 41.539 24.7319 41.6286C24.9942 41.6718 25.1867 41.8958 25.1884 42.1614V42.89C25.1884 43.1091 25.054 43.3066 24.8515 43.3913C24.234 43.6402 23.829 44.2377 23.829 44.9033C23.8108 45.4411 24.0647 45.9523 24.5029 46.2626C24.6788 46.3921 24.7602 46.6162 24.7104 46.8286L24.395 48.2427C24.2606 48.8286 24.6274 49.4112 25.2133 49.5456C25.2166 49.5456 25.2199 49.5456 25.2232 49.5473H25.4622C25.9801 49.5606 26.4365 49.2054 26.5494 48.6992L26.9411 46.9796C26.9925 46.7323 27.21 46.5548 27.4639 46.5548H34.405C34.6573 46.5548 34.8764 46.7323 34.9278 46.9796L35.3195 48.6992C35.4341 49.2054 35.8888 49.5606 36.4066 49.5473H36.6457C37.2332 49.4178 37.6034 48.8386 37.4739 48.251C37.4739 48.2477 37.4739 48.2444 37.4722 48.2411L37.1569 46.827C37.1054 46.6145 37.1867 46.3904 37.3643 46.261C37.7793 45.9357 38.0067 45.4278 37.9735 44.9016C37.9735 44.2361 37.5685 43.6386 36.951 43.3896C36.7486 43.3066 36.6141 43.1091 36.6141 42.8884V42.1597C36.6158 41.8942 36.8083 41.6684 37.0705 41.6269L37.0672 41.6286ZM34.4349 42.7157C34.4349 43.0162 34.1909 43.2601 33.8905 43.2601H27.9071C27.6066 43.2601 27.3626 43.0162 27.3626 42.7157V42.1713C27.3626 41.8709 27.6066 41.6269 27.9071 41.6269H33.8905C34.1909 41.6269 34.4349 41.8709 34.4349 42.1713V42.7157Z' fill='white'/%3E%3Cpath d='M43.4095 11.7676C37.5605 11.7676 32.8203 27.9153 32.8203 33.766C32.8203 34.785 32.9647 35.7709 33.2336 36.7037H36.8784C38.3938 36.7037 39.6253 37.9369 39.6253 39.4523V40.5311C39.6336 41.3543 39.2817 42.1029 38.7041 42.6141C38.9664 42.8846 39.1788 43.1983 39.3315 43.5419C40.1199 43.8705 40.9581 44.1079 41.8295 44.2373V49.5336H44.9896V44.2373C50.09 43.4755 54.0004 39.0772 54.0004 33.766C54.0004 27.9153 49.2585 11.7676 43.4095 11.7676ZM44.9896 41.8938H41.8295V29.8058H44.9896V41.8938Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_5118_10519' x='3' y='49' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_5118_10519'/%3E%3C/filter%3E%3CclipPath id='clip0_5118_10519'%3E%3Crect width='64' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

#mapGarden .maplibregl-marker svg, #mapGardenModal .maplibregl-marker svg {
  display: none;
}

.loading-indicator#mapGarden .maplibregl-marker svg,.loading-indicator #mapGardenModal .maplibregl-marker svg {
  display: none;
}

#mapGarden .maplibregl-marker.marker-icon, #mapGardenModal .maplibregl-marker.marker-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='96' viewBox='0 0 64 96' fill='none'%3E%3Cg clip-path='url(%23clip0_5118_10501)'%3E%3Cmask id='mask0_5118_10501' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='96'%3E%3Cpath d='M64 0H0V96H64V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_10501)'%3E%3Cg filter='url(%23filter0_f_5118_10501)'%3E%3Cpath d='M32.5 77C38.299 77 43 74.9853 43 72.5C43 70.0147 38.299 68 32.5 68C26.701 68 22 70.0147 22 72.5C22 74.9853 26.701 77 32.5 77Z' fill='black'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='%233BA40D'/%3E%3Cmask id='mask1_5118_10501' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='76'%3E%3Cpath d='M64 0H0V76H64V0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_5118_10501)'%3E%3Cpath d='M41.2586 59.4906L40.3014 56.6474C40.1974 56.6825 40.0953 56.7232 39.9957 56.7694L41.2586 59.4906ZM22.477 59.4002L23.7009 56.6612C23.6226 56.6262 23.5428 56.5946 23.4618 56.5664L22.477 59.4002ZM58 32C58 43.4522 50.5939 53.1823 40.3014 56.6474L42.2158 62.3338C54.8757 58.0717 64 46.1053 64 32H58ZM32 6C46.3594 6 58 17.6406 58 32H64C64 14.3269 49.6731 0 32 0V6ZM6 32C6 17.6406 17.6406 6 32 6V0C14.3269 0 0 14.3269 0 32H6ZM23.4618 56.5664C13.2924 53.0325 6 43.364 6 32H0C0 45.9968 8.98465 57.8875 21.4923 62.234L23.4618 56.5664ZM21.2532 62.1392C23.17 62.9957 24.4084 64.1015 25.352 65.5247C26.3452 67.0227 27.0896 68.9883 27.8024 71.6979L33.605 70.1714C32.8356 67.247 31.8904 64.5283 30.3527 62.2091C28.7654 59.8151 26.6316 57.9707 23.7009 56.6612L21.2532 62.1392ZM27.8024 71.6979C28.4439 74.1363 30.548 75.5065 32.6846 75.477C34.84 75.4474 36.9186 73.9906 37.4367 71.483L31.5608 70.269C31.5867 70.1437 31.6869 69.916 31.9233 69.7265C32.1399 69.553 32.3851 69.4806 32.602 69.4776C32.8185 69.4746 33.0488 69.5397 33.2503 69.6887C33.4709 69.8518 33.5741 70.0539 33.605 70.1714L27.8024 71.6979ZM37.4367 71.483C38.5712 65.9915 39.7729 63.4874 42.5215 62.2119L39.9957 56.7694C34.3317 59.398 32.6978 64.7658 31.5608 70.269L37.4367 71.483Z' fill='white'/%3E%3C/g%3E%3Cpath d='M37.0672 41.6286C37.595 41.5373 37.9785 41.0759 37.9702 40.5415V39.4543C37.9702 38.8535 37.4838 38.3672 36.883 38.3672H24.9162C24.3153 38.3672 23.829 38.8535 23.829 39.4543V40.5415C23.8207 41.0776 24.2041 41.539 24.7319 41.6286C24.9942 41.6718 25.1867 41.8958 25.1884 42.1614V42.89C25.1884 43.1091 25.054 43.3066 24.8515 43.3913C24.234 43.6402 23.829 44.2377 23.829 44.9033C23.8108 45.4411 24.0647 45.9523 24.5029 46.2626C24.6788 46.3921 24.7602 46.6162 24.7104 46.8286L24.395 48.2427C24.2606 48.8286 24.6274 49.4112 25.2133 49.5456C25.2166 49.5456 25.2199 49.5456 25.2232 49.5473H25.4622C25.9801 49.5606 26.4365 49.2054 26.5494 48.6992L26.9411 46.9796C26.9925 46.7323 27.21 46.5548 27.4639 46.5548H34.405C34.6573 46.5548 34.8764 46.7323 34.9278 46.9796L35.3195 48.6992C35.4341 49.2054 35.8888 49.5606 36.4066 49.5473H36.6457C37.2332 49.4178 37.6034 48.8386 37.4739 48.251C37.4739 48.2477 37.4739 48.2444 37.4722 48.2411L37.1569 46.827C37.1054 46.6145 37.1867 46.3904 37.3643 46.261C37.7793 45.9357 38.0067 45.4278 37.9735 44.9016C37.9735 44.2361 37.5685 43.6386 36.951 43.3896C36.7486 43.3066 36.6141 43.1091 36.6141 42.8884V42.1597C36.6158 41.8942 36.8083 41.6684 37.0705 41.6269L37.0672 41.6286ZM34.4349 42.7157C34.4349 43.0162 34.1909 43.2601 33.8905 43.2601H27.9071C27.6066 43.2601 27.3626 43.0162 27.3626 42.7157V42.1713C27.3626 41.8709 27.6066 41.6269 27.9071 41.6269H33.8905C34.1909 41.6269 34.4349 41.8709 34.4349 42.1713V42.7157Z' fill='white'/%3E%3Cpath d='M43.4095 11.7676C37.5605 11.7676 32.8203 27.9153 32.8203 33.766C32.8203 34.785 32.9647 35.7709 33.2336 36.7037H36.8784C38.3938 36.7037 39.6253 37.9369 39.6253 39.4523V40.5311C39.6336 41.3543 39.2817 42.1029 38.7041 42.6141C38.9664 42.8846 39.1788 43.1983 39.3315 43.5419C40.1199 43.8705 40.9581 44.1079 41.8295 44.2373V49.5336H44.9896V44.2373C50.09 43.4755 54.0004 39.0772 54.0004 33.766C54.0004 27.9153 49.2585 11.7676 43.4095 11.7676ZM44.9896 41.8938H41.8295V29.8058H44.9896V41.8938Z' fill='white'/%3E%3Cpath d='M25.2053 34.3071C22.9173 34.3071 20.6513 33.3831 19.9473 30.2591L22.6093 29.7531C22.9173 31.2271 23.8633 32.1071 25.2493 32.1071C27.1633 32.1071 28.2193 31.0731 28.2193 29.2911C28.2193 27.2891 26.7893 26.5191 25.2933 26.5191C24.1713 26.5191 23.0053 26.9811 22.3453 27.5751H20.2773V20.7991L21.7513 19.0391H30.3753L29.2313 21.2391H22.8733V25.0231C23.5113 24.5831 24.6113 24.3191 25.7113 24.3191C28.7693 24.3191 30.7053 26.1671 30.7053 29.0931C30.7053 32.3051 28.5933 34.3071 25.2053 34.3071Z' fill='white'/%3E%3Cpath d='M13.5323 33.9991V21.3271H10.3203L11.5083 19.0391H16.1283V33.9991H13.5323Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_5118_10501' x='3' y='49' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_5118_10501'/%3E%3C/filter%3E%3CclipPath id='clip0_5118_10501'%3E%3Crect width='64' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

#mapGarden .maplibregl-marker.marker-icon.active, #mapGardenModal .maplibregl-marker.marker-icon.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='96' viewBox='0 0 64 96' fill='none'%3E%3Cg clip-path='url(%23clip0_5118_10531)'%3E%3Cmask id='mask0_5118_10531' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='96'%3E%3Cpath d='M64 0H0V96H64V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5118_10531)'%3E%3Cg filter='url(%23filter0_f_5118_10531)'%3E%3Cpath d='M32.5 77C38.299 77 43 74.9853 43 72.5C43 70.0147 38.299 68 32.5 68C26.701 68 22 70.0147 22 72.5C22 74.9853 26.701 77 32.5 77Z' fill='black'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='black'/%3E%3Cmask id='mask1_5118_10531' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='64' height='76'%3E%3Cpath d='M64 0H0V76H64V0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 59.4906C52.7348 55.627 61 44.7787 61 32C61 15.9837 48.0163 3 32 3C15.9837 3 3 15.9837 3 32C3 44.6804 11.1385 55.46 22.477 59.4002C27.3245 61.5662 29.2215 65.3006 30.7037 70.9347C31.2517 73.0175 34.063 72.9852 34.4987 70.876C35.6345 65.3787 37.0523 61.4427 41.2586 59.4906Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_5118_10531)'%3E%3Cpath d='M41.2586 59.4906L40.3014 56.6474C40.1974 56.6825 40.0953 56.7232 39.9957 56.7694L41.2586 59.4906ZM22.477 59.4002L23.7009 56.6612C23.6226 56.6262 23.5428 56.5946 23.4618 56.5664L22.477 59.4002ZM58 32C58 43.4522 50.5939 53.1823 40.3014 56.6474L42.2158 62.3338C54.8757 58.0717 64 46.1053 64 32H58ZM32 6C46.3594 6 58 17.6406 58 32H64C64 14.3269 49.6731 0 32 0V6ZM6 32C6 17.6406 17.6406 6 32 6V0C14.3269 0 0 14.3269 0 32H6ZM23.4618 56.5664C13.2924 53.0325 6 43.364 6 32H0C0 45.9968 8.98465 57.8875 21.4923 62.234L23.4618 56.5664ZM21.2532 62.1392C23.17 62.9957 24.4084 64.1015 25.352 65.5247C26.3452 67.0227 27.0896 68.9883 27.8024 71.6979L33.605 70.1714C32.8356 67.247 31.8904 64.5283 30.3527 62.2091C28.7654 59.8151 26.6316 57.9707 23.7009 56.6612L21.2532 62.1392ZM27.8024 71.6979C28.4439 74.1363 30.548 75.5065 32.6846 75.477C34.84 75.4474 36.9186 73.9906 37.4367 71.483L31.5608 70.269C31.5867 70.1437 31.6869 69.916 31.9233 69.7265C32.1399 69.553 32.3851 69.4806 32.602 69.4776C32.8185 69.4746 33.0488 69.5397 33.2503 69.6887C33.4709 69.8518 33.5741 70.0539 33.605 70.1714L27.8024 71.6979ZM37.4367 71.483C38.5712 65.9915 39.7729 63.4874 42.5215 62.2119L39.9957 56.7694C34.3317 59.398 32.6978 64.7658 31.5608 70.269L37.4367 71.483Z' fill='white'/%3E%3C/g%3E%3Cpath d='M37.0672 41.6286C37.595 41.5373 37.9785 41.0759 37.9702 40.5415V39.4543C37.9702 38.8535 37.4838 38.3672 36.883 38.3672H24.9162C24.3153 38.3672 23.829 38.8535 23.829 39.4543V40.5415C23.8207 41.0776 24.2041 41.539 24.7319 41.6286C24.9942 41.6718 25.1867 41.8958 25.1884 42.1614V42.89C25.1884 43.1091 25.054 43.3066 24.8515 43.3913C24.234 43.6402 23.829 44.2377 23.829 44.9033C23.8108 45.4411 24.0647 45.9523 24.5029 46.2626C24.6788 46.3921 24.7602 46.6162 24.7104 46.8286L24.395 48.2427C24.2606 48.8286 24.6274 49.4112 25.2133 49.5456C25.2166 49.5456 25.2199 49.5456 25.2232 49.5473H25.4622C25.9801 49.5606 26.4365 49.2054 26.5494 48.6992L26.9411 46.9796C26.9925 46.7323 27.21 46.5548 27.4639 46.5548H34.405C34.6573 46.5548 34.8764 46.7323 34.9278 46.9796L35.3195 48.6992C35.4341 49.2054 35.8888 49.5606 36.4066 49.5473H36.6457C37.2332 49.4178 37.6034 48.8386 37.4739 48.251C37.4739 48.2477 37.4739 48.2444 37.4722 48.2411L37.1569 46.827C37.1054 46.6145 37.1867 46.3904 37.3643 46.261C37.7793 45.9357 38.0067 45.4278 37.9735 44.9016C37.9735 44.2361 37.5685 43.6386 36.951 43.3896C36.7486 43.3066 36.6141 43.1091 36.6141 42.8884V42.1597C36.6158 41.8942 36.8083 41.6684 37.0705 41.6269L37.0672 41.6286ZM34.4349 42.7157C34.4349 43.0162 34.1909 43.2601 33.8905 43.2601H27.9071C27.6066 43.2601 27.3626 43.0162 27.3626 42.7157V42.1713C27.3626 41.8709 27.6066 41.6269 27.9071 41.6269H33.8905C34.1909 41.6269 34.4349 41.8709 34.4349 42.1713V42.7157Z' fill='white'/%3E%3Cpath d='M43.4095 11.7676C37.5605 11.7676 32.8203 27.9153 32.8203 33.766C32.8203 34.785 32.9647 35.7709 33.2336 36.7037H36.8784C38.3938 36.7037 39.6253 37.9369 39.6253 39.4523V40.5311C39.6336 41.3543 39.2817 42.1029 38.7041 42.6141C38.9664 42.8846 39.1788 43.1983 39.3315 43.5419C40.1199 43.8705 40.9581 44.1079 41.8295 44.2373V49.5336H44.9896V44.2373C50.09 43.4755 54.0004 39.0772 54.0004 33.766C54.0004 27.9153 49.2585 11.7676 43.4095 11.7676ZM44.9896 41.8938H41.8295V29.8058H44.9896V41.8938Z' fill='white'/%3E%3Cpath d='M25.2053 34.3071C22.9173 34.3071 20.6513 33.3831 19.9473 30.2591L22.6093 29.7531C22.9173 31.2271 23.8633 32.1071 25.2493 32.1071C27.1633 32.1071 28.2193 31.0731 28.2193 29.2911C28.2193 27.2891 26.7893 26.5191 25.2933 26.5191C24.1713 26.5191 23.0053 26.9811 22.3453 27.5751H20.2773V20.7991L21.7513 19.0391H30.3753L29.2313 21.2391H22.8733V25.0231C23.5113 24.5831 24.6113 24.3191 25.7113 24.3191C28.7693 24.3191 30.7053 26.1671 30.7053 29.0931C30.7053 32.3051 28.5933 34.3071 25.2053 34.3071Z' fill='white'/%3E%3Cpath d='M13.5323 33.9991V21.3271H10.3203L11.5083 19.0391H16.1283V33.9991H13.5323Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_5118_10531' x='3' y='49' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_5118_10531'/%3E%3C/filter%3E%3CclipPath id='clip0_5118_10531'%3E%3Crect width='64' height='96' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

#mapSolarCell .maplibregl-marker svg, #mapSolarCellModal .maplibregl-marker svg {
  display: none;
}

.loading-indicator#mapSolarCell .maplibregl-marker svg,.loading-indicator #mapSolarCellModal .maplibregl-marker svg {
  display: none;
}

#mapSolarCell .maplibregl-marker.marker-icon, #mapSolarCellModal .maplibregl-marker.marker-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='94' viewBox='0 0 65 94' fill='none'%3E%3Cg clip-path='url(%23clip0_6275_45775)'%3E%3Cg filter='url(%23filter0_f_6275_45775)'%3E%3Cpath d='M32.7344 75C38.5334 75 43.2344 72.9853 43.2344 70.5C43.2344 68.0147 38.5334 66 32.7344 66C26.9354 66 22.2344 68.0147 22.2344 70.5C22.2344 72.9853 26.9354 75 32.7344 75Z' fill='black'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.493 59.4906C52.9692 55.627 61.2344 44.7787 61.2344 32C61.2344 15.9837 48.2507 3 32.2344 3C16.2181 3 3.23438 15.9837 3.23438 32C3.23438 44.6804 11.3729 55.46 22.7114 59.4002C27.5589 61.5662 29.4559 65.3006 30.9381 70.9347C31.4861 73.0175 34.2974 72.9852 34.7331 70.876C35.8689 65.3787 37.2867 61.4427 41.493 59.4906Z' fill='url(%23paint0_radial_6275_45775)'/%3E%3Cmask id='mask0_6275_45775' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='65' height='76'%3E%3Cpath d='M64.2344 0H0.234375V76H64.2344V0Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.493 59.4906C52.9692 55.627 61.2344 44.7787 61.2344 32C61.2344 15.9837 48.2507 3 32.2344 3C16.2181 3 3.23438 15.9837 3.23438 32C3.23438 44.6804 11.3729 55.46 22.7114 59.4002C27.5589 61.5662 29.4559 65.3006 30.9381 70.9347C31.4861 73.0175 34.2974 72.9852 34.7331 70.876C35.8689 65.3787 37.2867 61.4427 41.493 59.4906Z' fill='black'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6275_45775)'%3E%3Cpath d='M41.493 59.4906L40.5358 56.6474C40.4318 56.6825 40.3297 56.7232 40.2301 56.7694L41.493 59.4906ZM22.7114 59.4002L23.9353 56.6612C23.857 56.6262 23.7772 56.5946 23.6962 56.5664L22.7114 59.4002ZM58.2344 32C58.2344 43.4522 50.8283 53.1824 40.5358 56.6474L42.4502 62.3338C55.1101 58.0717 64.2344 46.1053 64.2344 32H58.2344ZM32.2344 6C46.5938 6 58.2344 17.6406 58.2344 32H64.2344C64.2344 14.3269 49.9075 0 32.2344 0V6ZM6.23438 32C6.23438 17.6406 17.875 6 32.2344 6V0C14.5613 0 0.234375 14.3269 0.234375 32H6.23438ZM23.6962 56.5664C13.5268 53.0325 6.23438 43.364 6.23438 32H0.234375C0.234375 45.9968 9.21902 57.8875 21.7267 62.234L23.6962 56.5664ZM21.4876 62.1392C23.4044 62.9957 24.6428 64.1015 25.5864 65.5247C26.5796 67.0227 27.324 68.9883 28.0368 71.6979L33.8394 70.1714C33.07 67.247 32.1248 64.5284 30.5871 62.2091C28.9998 59.8151 26.866 57.9707 23.9353 56.6612L21.4876 62.1392ZM28.0368 71.6979C28.6783 74.1363 30.7824 75.5065 32.919 75.477C35.0744 75.4474 37.153 73.9906 37.6711 71.483L31.7952 70.269C31.8211 70.1437 31.9213 69.916 32.1577 69.7265C32.3743 69.553 32.6195 69.4806 32.8364 69.4776C33.0529 69.4746 33.2832 69.5397 33.4847 69.6887C33.7053 69.8518 33.8085 70.0539 33.8394 70.1714L28.0368 71.6979ZM37.6711 71.483C38.8056 65.9915 40.0073 63.4874 42.7559 62.2119L40.2301 56.7694C34.5661 59.398 32.9322 64.7658 31.7952 70.269L37.6711 71.483Z' fill='white'/%3E%3C/g%3E%3Cmask id='mask1_6275_45775' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='14' y='13' width='36' height='35'%3E%3Cpath d='M49.2344 13H14.2344V48H49.2344V13Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_6275_45775)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M30.2788 17.375V13H33.1954V17.375H30.2788ZM19.3627 18.7295L22.4563 21.8231L24.5187 19.7607L21.4251 16.6671L19.3627 18.7295ZM44.1115 18.7299L41.0178 21.8235L38.9554 19.7611L42.0491 16.6675L44.1115 18.7299ZM31.7371 20.2917C26.8661 20.2917 22.9871 24.3414 22.9871 29.2501V30.5H40.4871V29.2501C40.4871 24.3414 36.6081 20.2917 31.7371 20.2917ZM20.0704 30.5H15.6954V27.5833H20.0704V30.5ZM43.4038 30.5H47.7788V27.5833H43.4038V30.5ZM42.8982 33.4167H33.1953V39.25H45.4348L46.7031 42.1667H33.1953V48H49.2399L42.8982 33.4167ZM20.5761 33.4167H30.2786V39.25H18.0394L20.5761 33.4167ZM14.2344 48L16.7711 42.1667H30.2786V48H14.2344Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_6275_45775' x='3.23438' y='47' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_6275_45775'/%3E%3C/filter%3E%3CradialGradient id='paint0_radial_6275_45775' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(32.2344 37.7388) rotate(90) scale(34.7388 29)'%3E%3Cstop stop-color='%23CE5020'/%3E%3Cstop offset='1' stop-color='%23FFA800'/%3E%3C/radialGradient%3E%3CclipPath id='clip0_6275_45775'%3E%3Crect width='64' height='94' fill='white' transform='translate(0.234375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important;
}

#mapFoodBank .maplibregl-marker svg, #mapFoodBankModal .maplibregl-marker svg {
  display: none;
}

.loading-indicator#mapFoodBank .maplibregl-marker svg,.loading-indicator #mapFoodBankModal .maplibregl-marker svg {
  display: none;
}

#mapFoodBank .maplibregl-marker.marker-icon, #mapFoodBankModal .maplibregl-marker.marker-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='95' viewBox='0 0 65 95' fill='none'%3E%3Cg filter='url(%23filter0_f_6370_60264)'%3E%3Cellipse cx='33.3984' cy='71.3984' rx='10.5' ry='4.5' fill='black'/%3E%3C/g%3E%3Cmask id='path-2-outside-1_6370_60264' maskUnits='userSpaceOnUse' x='0.898438' y='0.898438' width='64' height='76' fill='black'%3E%3Crect fill='white' x='0.898438' y='0.898438' width='64' height='76'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.1571 60.3891C53.6332 56.5255 61.8984 45.6772 61.8984 32.8984C61.8984 16.8822 48.9147 3.89844 32.8984 3.89844C16.8822 3.89844 3.89844 16.8822 3.89844 32.8984C3.89844 45.5788 12.0369 56.3584 23.3755 60.2986C28.2229 62.4646 30.1199 66.1991 31.6022 71.8331C32.1501 73.9159 34.9614 73.8836 35.3972 71.7745C36.5329 66.2771 37.9508 62.3411 42.1571 60.3891Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M42.1571 60.3891C53.6332 56.5255 61.8984 45.6772 61.8984 32.8984C61.8984 16.8822 48.9147 3.89844 32.8984 3.89844C16.8822 3.89844 3.89844 16.8822 3.89844 32.8984C3.89844 45.5788 12.0369 56.3584 23.3755 60.2986C28.2229 62.4646 30.1199 66.1991 31.6022 71.8331C32.1501 73.9159 34.9614 73.8836 35.3972 71.7745C36.5329 66.2771 37.9508 62.3411 42.1571 60.3891Z' fill='%23A2C952'/%3E%3Cpath d='M42.1571 60.3891L41.1999 57.5459C41.0958 57.5809 40.9938 57.6216 40.8942 57.6678L42.1571 60.3891ZM23.3755 60.2986L24.5993 57.5596C24.521 57.5246 24.4412 57.493 24.3602 57.4649L23.3755 60.2986ZM31.6022 71.8331L34.5034 71.0698L34.5034 71.0698L31.6022 71.8331ZM35.3972 71.7745L32.4592 71.1675L32.4592 71.1675L35.3972 71.7745ZM58.8984 32.8984C58.8984 44.3506 51.4923 54.0808 41.1999 57.5459L43.1143 63.2323C55.7741 58.9702 64.8984 47.0038 64.8984 32.8984H58.8984ZM32.8984 6.89844C47.2578 6.89844 58.8984 18.539 58.8984 32.8984H64.8984C64.8984 15.2253 50.5716 0.898438 32.8984 0.898438V6.89844ZM6.89844 32.8984C6.89844 18.539 18.539 6.89844 32.8984 6.89844V0.898438C15.2253 0.898438 0.898438 15.2253 0.898438 32.8984H6.89844ZM24.3602 57.4649C14.1908 53.9309 6.89844 44.2624 6.89844 32.8984H0.898438C0.898438 46.8953 9.88308 58.7859 22.3907 63.1324L24.3602 57.4649ZM22.1516 63.0377C24.0684 63.8941 25.3068 64.9999 26.2504 66.4231C27.2437 67.9212 27.988 69.8867 28.7009 72.5964L34.5034 71.0698C33.7341 68.1455 32.7888 65.4268 31.2511 63.1076C29.6638 60.7136 27.53 58.8691 24.5993 57.5596L22.1516 63.0377ZM28.7009 72.5964C29.3424 75.0348 31.4465 76.4049 33.583 76.3755C35.7384 76.3458 37.817 74.889 38.3351 72.3815L32.4592 71.1675C32.4851 71.0421 32.5853 70.8144 32.8218 70.625C33.0383 70.4515 33.2835 70.379 33.5004 70.3761C33.7169 70.3731 33.9472 70.4381 34.1487 70.5871C34.3693 70.7502 34.4725 70.9523 34.5034 71.0698L28.7009 72.5964ZM38.3351 72.3815C39.4697 66.8899 40.6713 64.3859 43.4199 63.1103L40.8942 57.6678C35.2302 60.2964 33.5962 65.6643 32.4592 71.1675L38.3351 72.3815Z' fill='white' mask='url(%23path-2-outside-1_6370_60264)'/%3E%3Cpath d='M36.4062 50.7537L32.2974 38.6863L28.1787 50.8372C27.9656 51.4762 27.8021 51.9186 27.698 52.1693C27.5889 52.42 27.4155 52.6461 27.1677 52.8427C26.9198 53.0443 26.5828 53.1426 26.1516 53.1426C25.8394 53.1426 25.547 53.0639 25.2793 52.9115C25.0117 52.7542 24.7986 52.5478 24.6499 52.2922C24.4962 52.0366 24.4219 51.7761 24.4219 51.5106C24.4219 51.3288 24.4467 51.1371 24.4962 50.9257C24.5458 50.7193 24.6053 50.5128 24.6796 50.3113C24.7539 50.1097 24.8283 49.9033 24.9026 49.6919L29.2939 37.9342C29.4525 37.482 29.6062 37.0543 29.7648 36.6513C29.9234 36.2482 30.1018 35.8894 30.3099 35.5846C30.5181 35.2799 30.7907 35.0243 31.1327 34.8276C31.4747 34.631 31.896 34.5327 32.3866 34.5327C32.8773 34.5327 33.2986 34.631 33.6406 34.8227C33.9826 35.0144 34.2601 35.27 34.4683 35.5846C34.6764 35.8992 34.8598 36.258 35.0184 36.6611C35.177 37.0642 35.3307 37.4869 35.4893 37.9391L39.8062 49.5985C39.8805 49.8099 39.9549 50.0213 40.0342 50.2228C40.1135 50.4243 40.1779 50.6504 40.2324 50.8864C40.287 51.1223 40.3117 51.3238 40.3117 51.4861C40.3117 51.9039 40.1432 52.2824 39.8062 52.6264C39.4692 52.9705 39.0429 53.1426 38.5324 53.1426C37.903 53.1426 37.4619 52.9509 37.2041 52.5724C36.9464 52.1939 36.6788 51.5844 36.4062 50.7487V50.7537Z' fill='white'/%3E%3Cpath d='M29.2451 32.9157C21.7958 32.9157 16.7057 29.6764 16.6115 29.6174C15.878 29.1357 15.6797 28.1625 16.1605 27.435C16.6413 26.7124 17.6276 26.5109 18.3561 26.9877C18.9509 27.3711 32.9673 36.1599 48.3714 20.8827C48.9909 20.2683 49.9971 20.2683 50.6166 20.8827C51.2361 21.4971 51.2361 22.495 50.6166 23.1094C42.8749 30.7873 35.2819 32.9157 29.2401 32.9157H29.2451Z' fill='white'/%3E%3Cpath d='M29.8553 27.6365C26.5891 27.6365 23.9375 25.0018 23.9375 21.7675C23.9375 18.5331 26.5941 15.8984 29.8553 15.8984C33.1165 15.8984 35.7731 18.5331 35.7731 21.7675C35.7731 25.0018 33.1165 27.6365 29.8553 27.6365ZM29.8553 19.0443C28.3436 19.0443 27.1145 20.2633 27.1145 21.7626C27.1145 23.2618 28.3436 24.4808 29.8553 24.4808C31.367 24.4808 32.5961 23.2618 32.5961 21.7626C32.5961 20.2633 31.367 19.0443 29.8553 19.0443Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_6370_60264' x='3.89844' y='47.8984' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_6370_60264'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

#mapFoodBank .maplibregl-marker.marker-icon.active, #mapFoodBankModal .maplibregl-marker.marker-icon.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='95' viewBox='0 0 64 95' fill='none'%3E%3Cg filter='url(%23filter0_f_6370_60263)'%3E%3Cellipse cx='32.5' cy='71.3984' rx='10.5' ry='4.5' fill='black'/%3E%3C/g%3E%3Cmask id='path-2-outside-1_6370_60263' maskUnits='userSpaceOnUse' x='0' y='0.898438' width='64' height='76' fill='black'%3E%3Crect fill='white' y='0.898438' width='64' height='76'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 60.3891C52.7348 56.5255 61 45.6772 61 32.8984C61 16.8822 48.0163 3.89844 32 3.89844C15.9837 3.89844 3 16.8822 3 32.8984C3 45.5788 11.1385 56.3584 22.477 60.2986C27.3245 62.4646 29.2215 66.1991 30.7037 71.8331C31.2517 73.9159 34.063 73.8836 34.4987 71.7745C35.6345 66.2771 37.0523 62.3411 41.2586 60.3891Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M41.2586 60.3891C52.7348 56.5255 61 45.6772 61 32.8984C61 16.8822 48.0163 3.89844 32 3.89844C15.9837 3.89844 3 16.8822 3 32.8984C3 45.5788 11.1385 56.3584 22.477 60.2986C27.3245 62.4646 29.2215 66.1991 30.7037 71.8331C31.2517 73.9159 34.063 73.8836 34.4987 71.7745C35.6345 66.2771 37.0523 62.3411 41.2586 60.3891Z' fill='black'/%3E%3Cpath d='M41.2586 60.3891L40.3014 57.5459C40.1974 57.5809 40.0953 57.6216 39.9957 57.6678L41.2586 60.3891ZM22.477 60.2986L23.7009 57.5596C23.6226 57.5246 23.5428 57.493 23.4618 57.4649L22.477 60.2986ZM30.7037 71.8331L33.605 71.0698L33.605 71.0698L30.7037 71.8331ZM34.4987 71.7745L31.5608 71.1675L31.5608 71.1675L34.4987 71.7745ZM58 32.8984C58 44.3506 50.5939 54.0808 40.3014 57.5459L42.2158 63.2323C54.8757 58.9702 64 47.0038 64 32.8984H58ZM32 6.89844C46.3594 6.89844 58 18.539 58 32.8984H64C64 15.2253 49.6731 0.898438 32 0.898438V6.89844ZM6 32.8984C6 18.539 17.6406 6.89844 32 6.89844V0.898438C14.3269 0.898438 0 15.2253 0 32.8984H6ZM23.4618 57.4649C13.2924 53.9309 6 44.2624 6 32.8984H0C0 46.8953 8.98465 58.7859 21.4923 63.1324L23.4618 57.4649ZM21.2532 63.0377C23.17 63.8941 24.4084 64.9999 25.352 66.4231C26.3452 67.9212 27.0896 69.8867 27.8024 72.5964L33.605 71.0698C32.8356 68.1455 31.8904 65.4268 30.3527 63.1076C28.7654 60.7136 26.6316 58.8691 23.7009 57.5596L21.2532 63.0377ZM27.8024 72.5964C28.4439 75.0348 30.548 76.4049 32.6846 76.3755C34.84 76.3458 36.9186 74.889 37.4367 72.3815L31.5608 71.1675C31.5867 71.0421 31.6869 70.8144 31.9233 70.625C32.1399 70.4515 32.3851 70.379 32.602 70.3761C32.8185 70.3731 33.0488 70.4381 33.2503 70.5871C33.4709 70.7502 33.5741 70.9523 33.605 71.0698L27.8024 72.5964ZM37.4367 72.3815C38.5712 66.8899 39.7729 64.3859 42.5215 63.1103L39.9957 57.6678C34.3317 60.2964 32.6978 65.6643 31.5608 71.1675L37.4367 72.3815Z' fill='white' mask='url(%23path-2-outside-1_6370_60263)'/%3E%3Cpath d='M35.5077 50.7537L31.399 38.6863L27.2803 50.8372C27.0672 51.4762 26.9036 51.9186 26.7995 52.1693C26.6905 52.42 26.517 52.6461 26.2692 52.8427C26.0214 53.0443 25.6844 53.1426 25.2532 53.1426C24.9409 53.1426 24.6485 53.0639 24.3809 52.9115C24.1132 52.7542 23.9001 52.5478 23.7514 52.2922C23.5978 52.0366 23.5234 51.7761 23.5234 51.5106C23.5234 51.3288 23.5482 51.1371 23.5978 50.9257C23.6473 50.7193 23.7068 50.5128 23.7812 50.3113C23.8555 50.1097 23.9299 49.9033 24.0042 49.6919L28.3955 37.9342C28.5541 37.482 28.7077 37.0543 28.8663 36.6513C29.0249 36.2482 29.2033 35.8894 29.4115 35.5846C29.6197 35.2799 29.8923 35.0243 30.2343 34.8276C30.5762 34.631 30.9975 34.5327 31.4882 34.5327C31.9789 34.5327 32.4001 34.631 32.7421 34.8227C33.0841 35.0144 33.3617 35.27 33.5698 35.5846C33.778 35.8992 33.9614 36.258 34.12 36.6611C34.2786 37.0642 34.4322 37.4869 34.5908 37.9391L38.9078 49.5985C38.9821 49.8099 39.0564 50.0213 39.1357 50.2228C39.215 50.4243 39.2795 50.6504 39.334 50.8864C39.3885 51.1223 39.4133 51.3238 39.4133 51.4861C39.4133 51.9039 39.2448 52.2824 38.9078 52.6264C38.5707 52.9705 38.1445 53.1426 37.634 53.1426C37.0045 53.1426 36.5634 52.9509 36.3057 52.5724C36.048 52.1939 35.7803 51.5844 35.5077 50.7487V50.7537Z' fill='white'/%3E%3Cpath d='M28.3467 32.9157C20.8974 32.9157 15.8073 29.6764 15.7131 29.6174C14.9796 29.1357 14.7813 28.1625 15.2621 27.435C15.7428 26.7124 16.7291 26.5109 17.4577 26.9877C18.0524 27.3711 32.0688 36.1599 47.473 20.8827C48.0925 20.2683 49.0986 20.2683 49.7182 20.8827C50.3377 21.4971 50.3377 22.495 49.7182 23.1094C41.9764 30.7873 34.3834 32.9157 28.3417 32.9157H28.3467Z' fill='white'/%3E%3Cpath d='M28.9569 27.6365C25.6907 27.6365 23.0391 25.0018 23.0391 21.7675C23.0391 18.5331 25.6956 15.8984 28.9569 15.8984C32.2181 15.8984 34.8747 18.5331 34.8747 21.7675C34.8747 25.0018 32.2181 27.6365 28.9569 27.6365ZM28.9569 19.0443C27.4452 19.0443 26.216 20.2633 26.216 21.7626C26.216 23.2618 27.4452 24.4808 28.9569 24.4808C30.4685 24.4808 31.6977 23.2618 31.6977 21.7626C31.6977 20.2633 30.4685 19.0443 28.9569 19.0443Z' fill='white'/%3E%3Cdefs%3E%3Cfilter id='filter0_f_6370_60263' x='3' y='47.8984' width='59' height='47' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='9.5' result='effect1_foregroundBlur_6370_60263'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") !important;
}

#infoMap {
  display: block;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translate(-50%);
  width: 70%;
  padding: 10px;
  border: none;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  color: #222;
  background: #fff;
}

#map-large-garbage .maplibregl-popup-content {
  min-width: 290px;
  max-width: 100%;
  border-radius: 0.75rem;
}

#map-large-garbage .maplibregl-popup-close-button {
  right: 12px;
  top: 8px;
  font-size: 18px;
}

#map-large-garbage .maplibregl-popup-close-button:hover {
  background-color: transparent;
}

#map-large-garbage a {
  flex: 1 1 0%;
}

#map-large-garbage a:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.section-graden-map .fp-overflow, .section-foodbank .fp-overflow, .section-dust-monitor .fp-overflow, .section-maiteruam .fp-overflow, .section-coolroom .fp-overflow {
  padding: 0px;
}

.section-graden-map .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-foodbank .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-dust-monitor .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-maiteruam .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-coolroom .maplibregl-ctrl-top-right .maplibregl-ctrl {
  margin-top: 100px;
}

@media (min-width: 768px) {
  .section-graden-map .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-foodbank .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-dust-monitor .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-maiteruam .maplibregl-ctrl-top-right .maplibregl-ctrl, .section-coolroom .maplibregl-ctrl-top-right .maplibregl-ctrl {
    margin-top: 120px;
    margin-right: 40px;
  }
}

.section-graden-map .maplibregl-ctrl-top-right .maplibregl-ctrl:nth-child(2), .section-foodbank .maplibregl-ctrl-top-right .maplibregl-ctrl:nth-child(2), .section-dust-monitor .maplibregl-ctrl-top-right .maplibregl-ctrl:nth-child(2), .section-maiteruam .maplibregl-ctrl-top-right .maplibregl-ctrl:nth-child(2), .section-coolroom .maplibregl-ctrl-top-right .maplibregl-ctrl:nth-child(2) {
  margin-top: 10px;
}

.section-graden-map .maplibregl-popup, .section-foodbank .maplibregl-popup, .section-dust-monitor .maplibregl-popup, .section-maiteruam .maplibregl-popup, .section-coolroom .maplibregl-popup {
  top: auto !important;
  left: 50% !important;
  z-index: 49 !important;
  width: 420px !important;
  min-width: 420px !important;
  max-width: 100% !important;
  --tw-translate-x: -50% !important;
  --tw-translate-y: 20% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.section-graden-map .bkk-park-page .maplibregl-popup, .section-foodbank .bkk-park-page .maplibregl-popup, .section-dust-monitor .bkk-park-page .maplibregl-popup, .section-maiteruam .bkk-park-page .maplibregl-popup, .section-coolroom .bkk-park-page .maplibregl-popup {
  --tw-translate-y: 3.5% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

@media (min-width: 768px) {
  .section-graden-map .bkk-park-page .maplibregl-popup, .section-foodbank .bkk-park-page .maplibregl-popup, .section-dust-monitor .bkk-park-page .maplibregl-popup, .section-maiteruam .bkk-park-page .maplibregl-popup, .section-coolroom .bkk-park-page .maplibregl-popup {
    --tw-translate-y: 6% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}

.section-graden-map .maplibregl-popup-content, .section-foodbank .maplibregl-popup-content, .section-dust-monitor .maplibregl-popup-content, .section-maiteruam .maplibregl-popup-content, .section-coolroom .maplibregl-popup-content {
  width: 100% !important;
  background-color: transparent !important;
  padding: 0px !important;
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.section-graden-map .maplibregl-popup-tip, .section-foodbank .maplibregl-popup-tip, .section-dust-monitor .maplibregl-popup-tip, .section-maiteruam .maplibregl-popup-tip, .section-coolroom .maplibregl-popup-tip {
  display: none;
}

.loading-indicator.section-graden-map .maplibregl-popup-tip,.loading-indicator .section-foodbank .maplibregl-popup-tip,.loading-indicator .section-dust-monitor .maplibregl-popup-tip,.loading-indicator .section-maiteruam .maplibregl-popup-tip,.loading-indicator .section-coolroom .maplibregl-popup-tip {
  display: none;
}

.section-graden-map .card-map, .section-foodbank .card-map, .section-dust-monitor .card-map, .section-maiteruam .card-map, .section-coolroom .card-map {
  width: 100% !important;
}

.section-graden-map .card-map > :not([hidden]) ~ :not([hidden]), .section-foodbank .card-map > :not([hidden]) ~ :not([hidden]), .section-dust-monitor .card-map > :not([hidden]) ~ :not([hidden]), .section-maiteruam .card-map > :not([hidden]) ~ :not([hidden]), .section-coolroom .card-map > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
}

.section-graden-map .card-map, .section-foodbank .card-map, .section-dust-monitor .card-map, .section-maiteruam .card-map, .section-coolroom .card-map {
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.box-folder .box-content.section-graden-map .card-map,.box-folder .box-content .section-foodbank .card-map,.box-folder .box-content .section-dust-monitor .card-map,.box-folder .box-content .section-maiteruam .card-map,.box-folder .box-content .section-coolroom .card-map {
  background: #fff !important;
}

.section-graden-map .card-foodbank, .section-foodbank .card-foodbank, .section-dust-monitor .card-foodbank, .section-maiteruam .card-foodbank, .section-coolroom .card-foodbank {
  min-width: 350px !important;
  max-width: 100% !important;
}

.section-graden-map .card-foodbank > :not([hidden]) ~ :not([hidden]), .section-foodbank .card-foodbank > :not([hidden]) ~ :not([hidden]), .section-dust-monitor .card-foodbank > :not([hidden]) ~ :not([hidden]), .section-maiteruam .card-foodbank > :not([hidden]) ~ :not([hidden]), .section-coolroom .card-foodbank > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
}

.section-graden-map .card-foodbank, .section-foodbank .card-foodbank, .section-dust-monitor .card-foodbank, .section-maiteruam .card-foodbank, .section-coolroom .card-foodbank {
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
  --tw-backdrop-blur: blur(4px) !important;
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}

.box-folder .box-content.section-graden-map .card-foodbank,.box-folder .box-content .section-foodbank .card-foodbank,.box-folder .box-content .section-dust-monitor .card-foodbank,.box-folder .box-content .section-maiteruam .card-foodbank,.box-folder .box-content .section-coolroom .card-foodbank {
  background: #fff !important;
}

@media (min-width: 768px) {
  .section-graden-map .card-foodbank, .section-foodbank .card-foodbank, .section-dust-monitor .card-foodbank, .section-maiteruam .card-foodbank, .section-coolroom .card-foodbank {
    --tw-bg-opacity: 0.6 !important;
  }
}

.section-graden-map .maplibregl-popup-close-button, .section-foodbank .maplibregl-popup-close-button, .section-dust-monitor .maplibregl-popup-close-button, .section-maiteruam .maplibregl-popup-close-button, .section-coolroom .maplibregl-popup-close-button {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cpath d='M2 2L21 21' stroke='black' stroke-width='3'/%3E%3Cpath d='M21 2L2 21' stroke='black' stroke-width='3'/%3E%3C/svg%3E");
  top: 16px;
  right: 16px;
  height: 20px;
  width: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 0;
}

.section-graden-map .maplibregl-popup-close-button:hover, .section-foodbank .maplibregl-popup-close-button:hover, .section-dust-monitor .maplibregl-popup-close-button:hover, .section-maiteruam .maplibregl-popup-close-button:hover, .section-coolroom .maplibregl-popup-close-button:hover {
  background-color: transparent;
}

.section-graden-map #overlay-map, .section-foodbank #overlay-map, .section-dust-monitor #overlay-map, .section-maiteruam #overlay-map, .section-coolroom #overlay-map {
  position: absolute;
  z-index: 20;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / 0.5);
}

.section-foodbank .maplibregl-popup {
  width: 100% !important;
  max-width: 100% !important;
  --tw-translate-y: 130% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

@media (min-width: 768px) {
  .section-foodbank .maplibregl-popup {
    width: 420px !important;
    --tw-translate-y: 50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}

.section-dust-monitor .maplibregl-popup {
  width: 100% !important;
  max-width: 100% !important;
  --tw-translate-y: 100% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

@media (min-width: 768px) {
  .section-dust-monitor .maplibregl-popup {
    width: 420px !important;
    --tw-translate-y: 100% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
}

.section-dust-monitor .card-map h3 {
  padding-right: 0.5rem;
}

.btn-reset-map {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 12px;
}

.box-folder .box-content.btn-reset-map {
  background: #fff;
}

.footer-sub-submenu li div.btn-reset-map {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .btn-reset-map {
    font-size: 14px;
  }
}

.btn-reset-map .i-reset {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-reset-map:hover .i-reset {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-lock-map {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 12px;
}

.box-folder .box-content.btn-lock-map {
  background: #fff;
}

.footer-sub-submenu li div.btn-lock-map {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .btn-lock-map {
    font-size: 14px;
  }
}

.btn-lock-map svg {
  height: 20px;
  width: 20px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-lock-map:hover svg {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-back-page {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 12px;
}

.box-folder .box-content.btn-back-page {
  background: #fff;
}

.footer-sub-submenu li div.btn-back-page {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .btn-back-page {
    font-size: 14px;
  }
}

.btn-back-page svg {
  height: 12px;
  width: 12px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-back-page:hover svg {
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.group-map-btn {
  position: absolute;
  bottom: 25px;
  z-index: 10;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.footer-sub-submenu li div.group-map-btn {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.admin-bar .group-map-btn {
  bottom: 50px;
}

.btn-view-garden {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 45%;
  z-index: 10;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.9);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.filter-block {
  min-height: 240px;
}

.filter-block > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.filter-block {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.archive-large-garbage-day .maplibregl-ctrl-top-right {
  top: 3rem !important;
}

@media (min-width: 768px) {
  .archive-large-garbage-day .maplibregl-ctrl-top-right {
    top: 90px !important;
  }
}

#mapMaiteruam,
#mapCoolRoom {
  touch-action: pan-x pan-y pinch-zoom;
}

#mapMaiteruam .maplibregl-popup, #mapCoolRoom .maplibregl-popup {
  bottom: 0px !important;
  left: 50% !important;
  width: 1130px !important;
  max-width: 100% !important;
  --tw-translate-x: -50% !important;
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transition-property: all !important;
  transition-duration: 500ms !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#mapMaiteruam .maplibregl-popup-tip, #mapCoolRoom .maplibregl-popup-tip {
  display: none !important;
}

.loading-indicator#mapMaiteruam .maplibregl-popup-tip,.loading-indicator #mapCoolRoom .maplibregl-popup-tip {
  display: none !important;
}

#mapMaiteruam .maplibregl-marker svg, #mapCoolRoom .maplibregl-marker svg {
  display: block !important;
}

#mapMaiteruam .popup-detail-maiteruam,
	#mapMaiteruam .popup-detail-coolroom,
	#mapCoolRoom .popup-detail-maiteruam,
	#mapCoolRoom .popup-detail-coolroom {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-style: none !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-top: 3.5rem !important;
  padding-bottom: 2rem !important;
}

@media (min-width: 768px) {
  #mapMaiteruam .popup-detail-maiteruam,
	#mapMaiteruam .popup-detail-coolroom,
	#mapCoolRoom .popup-detail-maiteruam,
	#mapCoolRoom .popup-detail-coolroom {
    padding: 3rem !important;
  }
}

#mapMaiteruam .maplibregl-popup, #mapCoolRoom .maplibregl-popup {
  position: fixed;
  transition:
			transform 0.3s ease-out,
			opacity 0.3s ease-out;
  opacity: 0;
  transform: translate(-50%, 100%) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media (min-width: 1024px) {
  #mapMaiteruam .maplibregl-popup, #mapCoolRoom .maplibregl-popup {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

#mapMaiteruam .maplibregl-popup.active, #mapCoolRoom .maplibregl-popup.active {
  opacity: 1;
  transform: translate(-50%, 0) !important;
  z-index: 999999999 !important;
}

#mapCoolRoom .maplibregl-popup {
  width: 720px !important;
  max-width: 100% !important;
}

.overlay-popup {
  pointer-events: none;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 20;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 0.5);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.overlay-popup.active {
  pointer-events: auto;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.galleryMaiteruam .swiper-pagination .swiper-pagination-bullet {
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

.galleryMaiteruam .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.box-folder .box-content.galleryMaiteruam .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff !important;
}

.galleryMaiteruam .swiper-button-prev:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='33' viewBox='0 0 34 33' fill='none'%3E%3Ccircle cx='16.6827' cy='16.5' r='16.5' fill='white'/%3E%3Cpath d='M20.1827 24L13.1827 17L20.1827 10' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  height: 3.5rem;
  width: 3.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.galleryMaiteruam .swiper-button-next:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='33' viewBox='0 0 34 33' fill='none'%3E%3Ccircle cx='16.6827' cy='16.5' r='16.5' fill='white'/%3E%3Cpath d='M13.1827 10L20.1827 17L13.1827 24' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
  height: 3.5rem;
  width: 3.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.loading-overlay {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  z-index: 10;
  font-family: "Anuphan", sans-serif;
  top: 30%;
}

@media (min-width: 768px) {
  .loading-overlay {
    top: 25%;
  }
}

.loading-spinner {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #76bd43;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
}

.loader-circle {
  width: 40px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side, #76bd43 90%, #0000);
  background:
		var(--_g) 0% 50%,
		var(--_g) 50% 50%,
		var(--_g) 100% 50%;
  background-size: calc(100% / 3) 100%;
  animation: l7 1s infinite linear;
}

@keyframes l7 {
  33% {
    background-size:
			calc(100% / 3) 0%,
			calc(100% / 3) 100%,
			calc(100% / 3) 100%;
  }

  50% {
    background-size:
			calc(100% / 3) 100%,
			calc(100% / 3) 0%,
			calc(100% / 3) 100%;
  }

  66% {
    background-size:
			calc(100% / 3) 100%,
			calc(100% / 3) 100%,
			calc(100% / 3) 0%;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes loading-skeleton {
  0% {
    background-color: #f0f0f0;
  }

  50% {
    background-color: #e0e0e0;
  }

  100% {
    background-color: #f0f0f0;
  }
}

.skeleton-loading .card-maiteruam {
  position: relative;
}

.skeleton-loading .card-maiteruam:before {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 30;
  height: 100%;
  width: 100%;
  content: "";
  animation: loading-skeleton 1s infinite;
}

.clickable-store {
  cursor: pointer;
}

.clickable-store .card-maiteruam {
  border: 2px solid transparent;
  transition: all 0.25s ease-in-out;
}

.clickable-store:hover .card-maiteruam {
  border: 2px solid #000000;
  transition: all 0.25s ease-in-out;
}

.clickable-store.highlighted .card-maiteruam {
  border: 2px solid #000000;
  transition: all 0.25s ease-in-out;
}

.section-maiteruam,
.section-coolroom {
  touch-action: none;
}

.section-maiteruam .maplibregl-ctrl-group:first-child, .section-coolroom .maplibregl-ctrl-group:first-child {
  margin-top: 190px !important;
}

.section-maiteruam .maplibregl-popup-close-button, .section-coolroom .maplibregl-popup-close-button {
  height: 30px !important;
  width: 30px !important;
  z-index: 20;
  background-color: #fff;
  padding: 18px !important;
  border-radius: 9999px;
  background-position: center;
  background-size: auto !important;
}

.section-maiteruam .maplibregl-popup-close-button:hover, .section-coolroom .maplibregl-popup-close-button:hover {
  background-color: #fff !important;
}

.section-coolroom .maplibregl-ctrl-group:first-child {
  margin-top: 120px !important;
}

.post-type-archive-ran-mai-te-ruam #wonderchat-wrapper {
  bottom: 20px !important;
  z-index: 999999999 !important;
  display: none !important;
}

.loading-indicator.post-type-archive-ran-mai-te-ruam #wonderchat-wrapper {
  display: none !important;
}

@media (min-width: 1024px) {
  .post-type-archive-ran-mai-te-ruam #wonderchat-wrapper {
    bottom: 0px !important;
  }
}

.top-bar-map {
  -webkit-mask-image: linear-gradient(0deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0) 10%);
          mask-image: linear-gradient(0deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0) 10%);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}

.active-tab-content {
  display: block;
}

.tab-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* กำหนดความสูงของ scroll container โดยคำนึงถึง header และ footer */

.tab-list {
  top: 0;
  bottom: 62px;
  /* ความสูงของ footer */
}

/* ซ่อน scrollbar แต่ยังใช้งานได้ (optional) */

.tab-list > div::-webkit-scrollbar {
  width: 6px;
}

.tab-list > div::-webkit-scrollbar-track {
  background: transparent;
}

.tab-list > div::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* สำหรับ Firefox */

.tab-list > div {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* ปรับ loading indicator ให้อยู่ด้านล่างของ content */

.loading-indicator {
  position: relative;
  margin-top: 1rem;
}

/* ปรับความสูงของ scroll sentinel */

.scroll-sentinel {
  height: 1px;
  margin: 1rem 0;
}

@media (min-width: 1025px) {
  .tab-map,
	.tab-list {
    display: block;
  }
}

.scroll-sentinel {
  height: 1px;
  /* ทำให้แทบมองไม่เห็น แต่ยังทำงานได้ */
  margin-top: -1px;
  /* ป้องกันการเพิ่มความสูง */
}

.loading-indicator.hidden {
  display: none;
}

.btn-close-modal {
  position: absolute;
  right: 1rem;
  top: 2.25rem;
  z-index: 48;
}

@media (min-width: 768px) {
  .btn-close-modal {
    right: 2.4rem;
  }
}

.scroll-shadows {
  background:
		linear-gradient(#fff 30%, rgba(255, 255, 255, 0)) center top,
		linear-gradient(rgba(255, 255, 255, 0), #fff 70%) center bottom,
		radial-gradient(
				farthest-side at 50% 0,
				rgba(0, 0, 0, 0.2),
				rgba(0, 0, 0, 0)
			)
			center top,
		radial-gradient(
				farthest-side at 50% 100%,
				rgba(0, 0, 0, 0.2),
				rgba(0, 0, 0, 0)
			)
			center bottom;
  background-repeat: no-repeat;
  background-size:
		100% 40px,
		100% 40px,
		100% 14px,
		100% 14px;
  background-attachment: local, local, scroll, scroll;
  list-style: none;
  padding-right: 0.5rem;
  --scrollbarBG: transparent;
  --thumbBG: #999;
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.scroll-shadows::-webkit-scrollbar {
  width: 6px;
}

.scroll-shadows::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

.scroll-shadows::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

/*
* PM 2.5 Component
*/

.display-pm25-zone {
  border-radius: 10px;
  overflow: hidden;
}

.display-pm25-zone .temp-badge {
  display: flex;
  align-items: center;
  padding: 10px;
}

.footer-sub-submenu li div.display-pm25-zone .temp-badge {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.display-pm25-zone .temp-badge {
  min-width: 85px;
  background-color: rgba(255, 255, 255, 0.57);
  border-radius: 10px;
}

.display-pm25-zone .temp-badge img {
  margin-right: 5px;
}

.display-pm25-zone .temp-badge .temp-badge-text {
  font-family: anuphanmedium;
}

p.display-pm25-zone .temp-badge .temp-badge-text,
	ul.display-pm25-zone .temp-badge .temp-badge-text {
  line-height: 1.4;
}

.display-pm25-zone .temp-badge .temp-badge-text {
  line-height: 1.4 !important;
}

.section-color p.display-pm25-zone .temp-badge .temp-badge-text {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.display-pm25-zone .temp-badge .temp-badge-text {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.display-pm25-zone .temp-badge .temp-badge-text {
    font-size: 28px;
  }
}

.detail-simple p.display-pm25-zone .temp-badge .temp-badge-text {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.display-pm25-zone .temp-badge .temp-badge-text {
    font-size: 22px;
  }
}

.display-pm25-zone .temp-badge .temp-badge-text {
  font-size: 12px;
  color: #000;
  font-weight: 500;
}

.display-pm25-zone .temp-badge .temp-badge-text .text-temperature {
  font-weight: 600;
}

.display-pm25-zone .pm25-badge ,
.display-pm25-zone .heat-badge {
  font-family: anuphanmedium;
}

p.display-pm25-zone .pm25-badge ,
	ul.display-pm25-zone .pm25-badge ,p
.display-pm25-zone .heat-badge,
	ul
.display-pm25-zone .heat-badge {
  line-height: 1.4;
}

.display-pm25-zone .pm25-badge ,
.display-pm25-zone .heat-badge {
  line-height: 1.4 !important;
}

.section-color p.display-pm25-zone .pm25-badge ,.section-color p
.display-pm25-zone .heat-badge {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.display-pm25-zone .pm25-badge ,.section-color p
.display-pm25-zone .heat-badge {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.display-pm25-zone .pm25-badge ,.section-color p
.display-pm25-zone .heat-badge {
    font-size: 28px;
  }
}

.detail-simple p.display-pm25-zone .pm25-badge ,.detail-simple p
.display-pm25-zone .heat-badge {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.display-pm25-zone .pm25-badge ,.detail-simple p
.display-pm25-zone .heat-badge {
    font-size: 22px;
  }
}

.display-pm25-zone .pm25-badge ,
.display-pm25-zone .heat-badge {
  font-size: 10px;
  min-width: 110px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.57);
  border-radius: 10px;
}

.display-pm25-zone .pm25-badge .badge-heading,
.display-pm25-zone .heat-badge .badge-heading {
  color: rgba(0, 0, 0, 0.6);
}

.display-pm25-zone .pm25-badge .badge-display-pm25 {
  display: flex;
  align-items: center;
}

.footer-sub-submenu li div.display-pm25-zone .pm25-badge .badge-display-pm25 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-icon {
  position: relative;
  height: 17px;
  width: 17px;
  margin-right: 8px;
  border-radius: 100%;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-icon::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  content: "";
  border-radius: 100%;
  border: 2px solid rgba(0, 0, 0, 0.25);
}

.display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-icon.very-good {
  background-color: #00cbfa;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-icon.good {
  background-color: #57c229;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-icon.medium {
  background-color: #ffda00;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-icon.warning {
  background-color: #ff8f00;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-icon.danger {
  background-color: #ff000e;
}

.display-pm25-zone .pm25-badge .badge-display-pm25 .badge-display-text {
  color: #000;
}

.display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-text
	.badge-display-result-text {
  font-size: 12px;
  font-family: anuphansemibold;
}


	p .display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-text
	.badge-display-result-text,
	ul .display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-text
	.badge-display-result-text {
  line-height: 1.4;
}

.display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-text
	.badge-display-result-text {
  line-height: 1.4 !important;
}


		.detail-simple p .display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-text
	.badge-display-result-text {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .display-pm25-zone
	.pm25-badge
	.badge-display-pm25
	.badge-display-text
	.badge-display-result-text {
    font-size: 22px;
  }
}

.pm-result .pm-result-value .text-pm-value {
  font-family: anuphansemibold;
  font-size: 60px;
}


	p .pm-result .pm-result-value .text-pm-value,
	ul .pm-result .pm-result-value .text-pm-value {
  line-height: 1.4;
}

.pm-result .pm-result-value .text-pm-value {
  line-height: 1.4 !important;
}


		.detail-simple p .pm-result .pm-result-value .text-pm-value {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .pm-result .pm-result-value .text-pm-value {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .pm-result .pm-result-value .text-pm-value {
    font-size: 80px;
  }
}

.pm-result .pm-result-value .text-pm-value {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  line-height: 119% !important;
}

.pm-result .pm-result-value .text-pm-unit {
  font-family: anuphansemibold;
}


	p .pm-result .pm-result-value .text-pm-unit,
	ul .pm-result .pm-result-value .text-pm-unit {
  line-height: 1.4;
}

.pm-result .pm-result-value .text-pm-unit {
  line-height: 1.4 !important;
}


		.detail-simple p .pm-result .pm-result-value .text-pm-unit {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .pm-result .pm-result-value .text-pm-unit {
    font-size: 22px;
  }
}

.pm-result .pm-result-value .text-pm-unit {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  font-size: 10px;
}

.pm-result .pm-result-description {
  font-family: anuphansemibold;
}


	p .pm-result .pm-result-description,
	ul .pm-result .pm-result-description {
  line-height: 1.4;
}

.pm-result .pm-result-description {
  line-height: 1.4 !important;
}


		.detail-simple p .pm-result .pm-result-description {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .pm-result .pm-result-description {
    font-size: 22px;
  }
}

.pm-result .pm-result-description {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
  font-size: 22px;
  margin-bottom: 20px;
}

/*
* End PM 2.5 Component
*/

.c-shortmenu {
  display: flex;
  aspect-ratio: 1 / 1;
  width: 100%;
  max-width: 150px;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 18px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 16px;
  padding-bottom: 12px;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.box-folder .box-content.c-shortmenu {
  background: #fff;
}

.footer-sub-submenu li div.c-shortmenu {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.c-shortmenu:hover {
  --tw-translate-y: -0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.c-shortmenu .icon {
  display: inline-flex;
  aspect-ratio: 1 / 1;
  width: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  padding: 0.25rem;
}

.c-shortmenu .icon img {
  width: 100%;
}

.c-shortmenu .txt {
  margin-bottom: auto;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.c-shortmenu .txt,
	ul.c-shortmenu .txt {
  line-height: 1.4;
}

.c-shortmenu .txt {
  line-height: 1.4 !important;
}

.section-color p.c-shortmenu .txt {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.c-shortmenu .txt {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.c-shortmenu .txt {
    font-size: 28px;
  }
}

.detail-simple p.c-shortmenu .txt {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.c-shortmenu .txt {
    font-size: 22px;
  }
}

@media (min-width: 1600px) {
  .c-shortmenu .txt {
    font-size: 18px;
  }

  .c-shortmenu .icon {
    width: 44px;
    border-radius: 12px;
  }
}

@media (max-width: 1279px) {
  .c-shortmenu {
    padding: 1vw;
    border-radius: 1.5vw;
    gap: 0.8vw;
  }

  .c-shortmenu .txt {
    font-size: 1.15vw;
    position: relative;
    top: 0.3vw;
  }

  .c-shortmenu .icon {
    width: 3vw;
    padding: 0.3vw;
  }
}

@media (max-width: 1023px) {
  .c-shortmenu {
    width: 117px;
    gap: 0.75rem;
    border-radius: 18px;
    padding: 0.75rem;
  }

  .c-shortmenu .txt {
    font-size: 13px;
    top: 0px;
  }

  .c-shortmenu .icon {
    width: 36px;
  }
}

@media (max-width: 767px) {
  .c-shortmenu {
    width: 105px;
    border-radius: 1rem;
  }

  .c-shortmenu .icon {
    width: 2rem;
    padding: 0.125rem;
  }
}

/* @media(max-width:575px){
  .c-shortmenu {width: 90px; border-radius: 14px; padding: 8px;}
  .c-shortmenu .txt {font-size: 12px;}
} */

.c-tab-item {
  position: relative;
  display: inline-block;
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  cursor: pointer;
  border-top-left-radius: 0.75rem;
  border-width: 2px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.c-tab-item {
  background: #fff;
}

.c-tab-item .tab-item-inner {
  display: inline-flex;
  height: 54px;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
}

.c-tab-item .tab-item-inner .txt {
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .c-tab-item .tab-item-inner .txt,
	ul .c-tab-item .tab-item-inner .txt {
  line-height: 1.4;
}

.c-tab-item .tab-item-inner .txt {
  line-height: 1.4 !important;
}


		.detail-simple p .c-tab-item .tab-item-inner .txt {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .c-tab-item .tab-item-inner .txt {
    font-size: 22px;
  }
}

@media (max-width: 1279px) {
  .c-tab-item .tab-item-inner .txt {
    font-size: 14px;
  }

  .c-tab-item .tab-item-inner .icon {
    height: 32px;
  }

  .c-tab-item .tab-item-inner .icon img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.c-tab-item .shape-before {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
}

.c-tab-item .shape-after {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
}

.c-tab-item .shape-before svg {
  position: absolute;
  bottom: 0;
  left: -15px;
}

.c-tab-item .shape-after svg {
  position: absolute;
  bottom: 0;
  right: -60px;
}

.c-tab-item.active {
  pointer-events: none;
  z-index: 5;
  --tw-translate-y: 0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.c-tab-item.active .tab-item-inner {
  padding-top: 0px;
  padding-bottom: 0px;
}

.c-tab-item.active .shape-before svg path.path-fill,
.c-tab-item.active .shape-after svg path.path-fill {
  fill: #FFFFFF !important;
}

.c-tab-item[data-tab-color="green-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="green-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="green-3"] .shape-after svg path.path-fill {
  fill: #00744B;
}

.c-tab-item[data-tab-color="green-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="green-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="green-2"] .shape-after svg path.path-fill {
  fill: #73E8A5;
}

.c-tab-item[data-tab-color="green-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(185 255 215 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="green-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="green-1"] .shape-after svg path.path-fill {
  fill: #B9FFD7;
}

.c-tab-item[data-tab-color="violet-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(114 81 232 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="violet-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="violet-3"] .shape-after svg path.path-fill {
  fill: #7251E8;
}

.c-tab-item[data-tab-color="violet-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(211 196 255 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="violet-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="violet-2"] .shape-after svg path.path-fill {
  fill: #D3C4FF;
}

.c-tab-item[data-tab-color="violet-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="violet-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="violet-1"] .shape-after svg path.path-fill {
  fill: #E9E2FF;
}

.c-tab-item[data-tab-color="water-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 182 206 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="water-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="water-3"] .shape-after svg path.path-fill {
  fill: #09B6CE;
}

.c-tab-item[data-tab-color="water-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 245 255 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="water-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="water-2"] .shape-after svg path.path-fill {
  fill: #ABF5FF;
}

.c-tab-item[data-tab-color="water-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(198 248 255 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="water-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="water-1"] .shape-after svg path.path-fill {
  fill: #C6F8FF;
}

.c-tab-item[data-tab-color="lime-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(21 131 32 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="lime-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="lime-3"] .shape-after svg path.path-fill {
  fill: #158320;
}

.c-tab-item[data-tab-color="lime-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(182 255 143 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="lime-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="lime-2"] .shape-after svg path.path-fill {
  fill: #B6FF8F;
}

.c-tab-item[data-tab-color="lime-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(222 255 205 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="lime-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="lime-1"] .shape-after svg path.path-fill {
  fill: #DEFFCD;
}

.c-tab-item[data-tab-color="pink-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 46 122 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="pink-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="pink-3"] .shape-after svg path.path-fill {
  fill: #D52E7A;
}

.c-tab-item[data-tab-color="pink-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 194 222 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="pink-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="pink-2"] .shape-after svg path.path-fill {
  fill: #FFC2DE;
}

.c-tab-item[data-tab-color="pink-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 241 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="pink-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="pink-1"] .shape-after svg path.path-fill {
  fill: #FFE5F1;
}

.c-tab-item[data-tab-color="yellow-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(202 158 0 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="yellow-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="yellow-3"] .shape-after svg path.path-fill {
  fill: #CA9E00;
}

.c-tab-item[data-tab-color="yellow-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="yellow-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="yellow-2"] .shape-after svg path.path-fill {
  fill: #FFEC8F;
}

.c-tab-item[data-tab-color="yellow-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 202 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="yellow-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="yellow-1"] .shape-after svg path.path-fill {
  fill: #FFF6CA;
}

.c-tab-item[data-tab-color="orange-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="orange-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="orange-3"] .shape-after svg path.path-fill {
  fill: #CE5020;
}

.c-tab-item[data-tab-color="orange-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="orange-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="orange-2"] .shape-after svg path.path-fill {
  fill: #FFBFA0;
}

.c-tab-item[data-tab-color="orange-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 217 198 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="orange-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="orange-1"] .shape-after svg path.path-fill {
  fill: #FFD9C6;
}

.c-tab-item[data-tab-color="red-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(193 44 44 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="red-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="red-3"] .shape-after svg path.path-fill {
  fill: #C12C2C;
}

.c-tab-item[data-tab-color="red-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 165 165 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="red-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="red-2"] .shape-after svg path.path-fill {
  fill: #FFA5A5;
}

.c-tab-item[data-tab-color="red-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 208 208 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="red-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="red-1"] .shape-after svg path.path-fill {
  fill: #FFD0D0;
}

.c-tab-item[data-tab-color="blue-3"] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="blue-3"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="blue-3"] .shape-after svg path.path-fill {
  fill: #0971CE;
}

.c-tab-item[data-tab-color="blue-2"] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="blue-2"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="blue-2"] .shape-after svg path.path-fill {
  fill: #ABDDFF;
}

.c-tab-item[data-tab-color="blue-1"] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 241 255 / var(--tw-bg-opacity));
}

.c-tab-item[data-tab-color="blue-1"] .shape-before svg path.path-fill,
.c-tab-item[data-tab-color="blue-1"] .shape-after svg path.path-fill {
  fill: #DCF1FF;
}

.table-main {
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.table-main.light-head thead th {
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: left;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content.table-main.light-head thead th {
  background: #fff;
}

@media (min-width: 768px) {
  .table-main.light-head thead th {
    border-bottom-width: 1px;
  }
}

.table-main.light-head thead th:not(:last-child) {
  border-right-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.table-main.light-head th {
  border-bottom-width: 1px !important;
  border-color: rgb(0 0 0 / 0.2) !important;
  font-size: 18px !important;
}

.table-main.light-head th.b-black {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.table-main.light-head td {
  border-bottom-width: 1px !important;
  border-color: rgb(0 0 0 / 0.2) !important;
  font-family: sarabun-semibold !important;
}

.table-main thead th {
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  vertical-align: middle;
  font-family: anuphansemibold;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p .table-main thead th,
	ul .table-main thead th {
  line-height: 1.4;
}

.table-main thead th {
  line-height: 1.4 !important;
}


		.detail-simple p .table-main thead th {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .table-main thead th {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .table-main thead th {
    border-bottom-width: 1px;
  }
}

.table-main thead th:not(:last-child) {
  border-right-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.table-main .align-top-all td {
  vertical-align: top !important;
}

.table-main tbody td {
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content.table-main tbody td {
  background: #fff;
}

@media (min-width: 768px) {
  .table-main tbody td {
    border-bottom-width: 1px;
  }
}

.table-main tbody td:not(:last-child) {
  border-right-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.table-main tbody .m-th {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .table-main tbody .m-th {
    display: none;
  }
}

.table-stbt {
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

.table-stbt thead th {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-family: anuphansemibold;
  font-weight: 600;
}


	p .table-stbt thead th,
	ul .table-stbt thead th {
  line-height: 1.4;
}

.table-stbt thead th {
  line-height: 1.4 !important;
}


		.detail-simple p .table-stbt thead th {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .table-stbt thead th {
    font-size: 22px;
  }
}

.table-stbt tbody td {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  vertical-align: baseline;
  font-family: sarabunregular;
  font-size: 14px;
  font-weight: 400;
}

.tooltip-text {
  position: absolute;
  top: -2.2rem;
  left: 50%;
  z-index: 10;
  display: none;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  white-space: nowrap;
  border-radius: 0.375rem;
  background-color: rgb(0 0 0 / 0.7);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.loading-indicator.tooltip-text {
  display: none;
}

.tooltip:hover .tooltip-text {
  display: block;
}

.tooltip {
  position: relative;
  cursor: pointer;
}

/* HOME */

.translatepress-en_US .en-hide-br br {
  display: none;
  max-width: 10rem;
}

.loading-indicator.translatepress-en_US .en-hide-br br {
  display: none;
}

.translatepress-en_US .c-shortmenu .txt {
  font-size: 12px;
}

.translatepress-en_US .content-wrap p {
  white-space: normal;
}

.translatepress-en_US .us-banner {
  max-width: 600px;
}

.translatepress-en_US .e-waste-us {
  width: 450px;
}

/* /* school-waste */

.translatepress-en_US .waste-school-en h3 {
  font-size: 26px;
}

/* large-garbage-disposal-service */

.translatepress-en_US .detail-simple h2 {
  font-size: 36px;
}

.translatepress-en_US .large-garbage-header-en {
  max-width: 530px;
}

/* green-corral */

.translatepress-en_US .c-btn-type1 {
  font-size: 12px;
}

/* market-waste-guide */

.translatepress-en_US .market-waste-guide-en h1 {
  max-width: 640px;
  font-size: 60px;
}

/* highrise */

.translatepress-en_US .highrise-en {
  max-width: 780px;
}

/* community */

.translatepress-en_US .community-en {
  max-width: 700px;
}

/* event */

.translatepress-en_US .event-en {
  max-width: 700px;
}

/* Green Space */

.translatepress-en_US .green-space-box-en {
  width: 400px;
}

/* milion */

.translatepress-en_US .milion-box-en {
  padding-top: 0px;
}

/* Green garden */

.translatepress-en_US .green-garden-en {
  width: 500px;
}

/* Green 15 min garden */

.translatepress-en_US .box-next-target ul {
  font-size: 14px;
}

/* Arborist */

.translatepress-en_US .arborist-en {
  font-size: 28px;
}

/* Pm2.5 */

.translatepress-en_US .pm-box-en {
  max-width: 14rem;
}

.translatepress-en_US .pm-card-1 {
  right: -90px;
}

/* detective */

.translatepress-en_US .dust-detective-en h2 {
  font-size: 18px;
}

/* proactive */

.translatepress-en_US .proactive-en h2 {
  font-size: 18px;
}

/* low-emission */

.translatepress-en_US .low-emission-en h2 {
  font-size: 18px;
}

/* ran-mai-te-ruam-en  */

.translatepress-en_US .ran-mai-te-ruam-en {
  font-size: 24px;
}

.translatepress-en_US .pr-3 {
  padding-right: 1.25rem;
}

.translatepress-en_US .pl-2 {
  padding-left: 1rem;
}

/* waste-recycle/mai-te-ruam */

.translatepress-en_US .mai-te-ruam-en .txt2 {
  top: -15%;
  right: -10%;
  width: 250px;
}

.translatepress-en_US .mai-te-ruam-en .txt1 {
  top: 55%;
  left: -40%;
  width: 260px;
}

.translatepress-en_US .mai-te-ruam-en .txt1 img {
  position: absolute;
  top: -15%;
  right: -40%;
}

.translatepress-en_US .mai-te-ruam-en .mai-te-ruam-header-en {
  font-size: 60px;
}

/* Navbar */

.translatepress-en_US .col-menu h3 {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  padding-left: 1rem;
  padding-right: 0px;
}

.footer-sub-submenu li div.translatepress-en_US .col-menu h3 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.translatepress-en_US .section-img-stat .wrap-box-stat {
  width: 80% !important;
}

/* emission */

.translatepress-en_US .emission-en h2 {
  font-size: 32px;
}

/* popupgame */

.translatepress-en_US .popupgame-en {
  max-width: 18rem;
}

.translatepress-en_US .section-img-stat .wrap-box-stat {
  width: 91.666667% !important;
}

/* baan-nee-mai-te-ruam */

.translatepress-en_US .baan-nee-mai-tae-ruam-en {
  font-size: 60px;
}

/* Acitivity */

.translatepress-en_US .navbar-tablinks ul li a {
  padding-left: 14px;
  padding-right: 10px;
}

/* footer-sub */

.translatepress-en_US .footer-content-en {
  font-size: 40px;
}

@media (max-width: 768px) {
  /* HOME */

  .translatepress-en_US .c-shortmenu .txt {
    font-size: 11px;
  }

  .translatepress-en_US .txthead h2 {
    font-size: 34px;
  }

  /* baan-nee-mai-te-ruam */

  .translatepress-en_US .baan-nee-mai-tae-ruam-en {
    font-size: 32px;
  }

  /* how-to-ting */

  .translatepress-en_US .how-to-ting-en h1 {
    font-size: 28px;
  }

  /* Waste-recycle */

  .translatepress-en_US .box-main-waste {
    min-width: 290px;
  }

  .translatepress-en_US .box-waste-en-left {
    padding-left: 1.2rem;
  }

  .translatepress-en_US .box-waste-en-right {
    width: 120px;
  }

  .translatepress-en_US .waste-recycle-en h1 {
    font-size: 28px;
  }

  .translatepress-en_US .info-en h2 {
    font-size: 30px;
  }

  .translatepress-en_US .txt-us {
    white-space: normal;
    font-size: 36px;
  }

  /* market-waste-guide */

  .translatepress-en_US .market-waste-guide-en h1 {
    max-width: 640px;
    font-size: 32px;
  }

  /* How to E-Waste */

  .translatepress-en_US .txt-waste {
    font-size: 28px;
  }

  .translatepress-en_US .detail-simple h2 {
    font-size: 28px;
  }

  /* large garbage */

  .translatepress-en_US .txt-large-garbage {
    max-width: 560px;
  }

  .translatepress-en_US .text-latge-garbage-en h3 {
    font-size: 24px;
  }

  .translatepress-en_US .detail-simple-lage-garbage-en h2 {
    font-size: 24px;
  }

  /* sustainability */

  .translatepress-en_US .text-sustainability-us {
    font-size: 36px;
  }

  /* e-waste */

  .translatepress-en_US .e-waste-us {
    width: 315px;
  }

  /* wrap-journey*/

  .translatepress-en_US .wrap-journey h1 {
    font-size: 36px;
  }

  /* mai-te-ruam */

  .translatepress-en_US .fp-txthead {
    font-size: 28px;
  }

  /* baan-nee-mai-tae-ruam */

  .translatepress-en_US .tab-content-wrap .item-slide-en {
    gap: 1rem;
  }

  /* condo waste */

  .translatepress-en_US .condo-ways-en {
    font-size: 30px;
  }

  /* Condo School Highlist Market */

  .translatepress-en_US .condo-school-en {
    font-size: 36px;
  }

  .translatepress-en_US .condo-school-ways-en {
    font-size: 28px;
  }

  /* community */

  .translatepress-en_US .community-en {
    max-width: 400px;
    font-size: 32px;
  }

  /* event */

  .translatepress-en_US .event-en {
    max-width: 350px;
    font-size: 30px;
  }

  /* office-type-waste-en  */

  .translatepress-en_US .office-type-waste-en {
    font-size: 30px;
  }

  .translatepress-en_US .office-waste-header-en h1 {
    font-size: 36px;
  }

  /* Green 15 min garden */

  .translatepress-en_US .box-next-target ul {
    font-size: 10px;
  }

  /* Arborist */

  .translatepress-en_US .arborist-en {
    font-size: 18px;
  }

  .translatepress-en_US .arborist-title-en {
    font-size: 28px;
  }

  /* CSTD */

  .translatepress-en_US .cstd-header-en {
    font-size: 36px;
  }

  /* million */

  .translatepress-en_US .btn-download {
    margin-top: 0.5rem;
  }

  /* mai-te-ruam */

  .translatepress-en_US .mai-te-ruam-en {
    margin-top: 2.5rem;
  }

  .translatepress-en_US .txt-mai-te-ruam-en h2 {
    font-size: 24px;
  }

  .translatepress-en_US .mai-te-ruam-title-en {
    font-size: 16px;
  }

  /* arborist*/

  .translatepress-en_US .arborist-produced-en {
    white-space: normal;
  }

  /* clinic */

  .translatepress-en_US .clinic-health-en h2 {
    font-size: 28px;
  }

  /* air-quality */

  .translatepress-en_US .air-quality-en h2 {
    font-size: 26px;
  }

  /* vehicle-reduces */

  .translatepress-en_US .vehicle-reduces-en h1 {
    font-size: 34px;
  }

  .translatepress-en_US .swiper-stat-bg .wrap-box-stat {
    right: -2% !important;
    width: 100% !important;
  }

  /* Pm2.5 */

  .translatepress-en_US .pm-box-en {
    max-width: 9rem;
  }

  .translatepress-en_US .pm-card-1 {
    left: 140px;
  }

  /* line-alert */

  .translatepress-en_US .line-alert-en h2 {
    font-size: 36px;
  }

  /* monitoring */

  .translatepress-en_US .monitoring-en {
    white-space: normal;
  }

  /* detective */

  .translatepress-en_US .dust-detective-en h2 {
    font-size: 14px;
  }

  /* proactive */

  .translatepress-en_US .proactive-en h2 {
    font-size: 14px;
  }

  .translatepress-en_US .banner-proactive-en h2 {
    font-size: 10px;
  }

  /* low-emission */

  .translatepress-en_US .low-emission-en h2 {
    font-size: 14px;
  }

  /* ran-mai-te-ruam-en  */

  .translatepress-en_US .ran-mai-te-ruam-en {
    font-size: 20px;
  }

  /* waste-recycle/mai-te-ruam */

  .translatepress-en_US .mai-te-ruam-en .txt2 {
    top: -15%;
    right: 5%;
    width: 200px;
  }

  .translatepress-en_US .mai-te-ruam-en .txt1 {
    top: 77%;
    left: -1%;
    width: 212px;
  }

  .translatepress-en_US .mai-te-ruam-en h2.mai-te-ruam-header-en {
    font-size: 30px;
  }

  .translatepress-en_US .box-car-3d {
    margin-top: 5%;
  }

  .translatepress-en_US .box-car-3d video {
    max-width: 85%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  /* school-waste */

  .translatepress-en_US .school-waste-en h1 {
    font-size: 34px;
  }

  /* millions tree */

  .translatepress-en_US .million-space-en > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }

  /* footer-sub */

  .translatepress-en_US .footer-content-en {
    font-size: 32px;
  }

  /* questions */

  .translatepress-en_US .questions-en h2 {
    font-size: 26px;
  }

  /* interesting-en */

  .translatepress-en_US .interesting-en h2 {
    font-size: 30px;
  }

  /* dropdown */

  .translatepress-en_US .wrap-accordion .accordion-item .accordion-head .icon {
    min-height: 38px;
    min-width: 38px;
  }
}

/**
 * Custom styles to immediately follow Tailwind’s `components` layer
 *
 * “Add more opinionated, complex classes like buttons, form controls, alerts,
 * etc; the sort of pre-built components you often see in other frameworks that
 * you might need to override with utility classes.”
 *
 * — from https://tailwindcss.com/docs/plugins#adding-components
 */

/**
 * Post title styles
 *
 * These will be applied to all headings with a `page-title` or `entry-title`
 * class on the frontend and to the post title in the block editor.
 *
 * The supplied styles are meant to match the default `h1` classes from
 * Tailwind Typography.
 */

.page-title,
.entry-title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
  max-width: 40rem;
  font-weight: 800;
}

/**
 * Layout styles for centered content areas
 *
 * If you are controlling the width of your content area with styles applied
 * to its container, you can delete the following styles whose selectors begin
 * with `.page-content >` and `.entry-content >`. For more details, please see
 * the following:
 *
 * https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
 */

.page-content > *,
.entry-content > * {
  /* Content width from the `theme.json` file */
  margin-left: auto;
  margin-right: auto;
  max-width: 40rem;
}

.entry-content > .alignwide {
  /* Wide width from the `theme.json` file */
  max-width: 60rem;
}

.entry-content > .alignfull {
  max-width: none;
}

.entry-content > .alignleft {
  float: left;
  margin-right: 2rem;
}

.entry-content > .alignright {
  float: right;
  margin-left: 2rem;
}

/* components section */

.section-main {
  padding-top: 150px;
  padding-bottom: 40px;
}

@media (min-width: 1280px) {
  .section-main {
    padding-bottom: 80px;
  }
}

.section-color {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  .section-color {
    padding-top: 120px;
  }
}

@media (min-width: 1024px) {
  .section-color {
    padding-top: 100px;
  }
}

@media (min-width: 1280px) {
  .section-color {
    padding-bottom: 80px;
  }
}

.section-color h1 {
  font-size: 40px;
  line-height: 1.25;
}

@media (max-width: 320px) {
  .section-color h1 {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .section-color h1 {
    font-size: 50px;
  }
}

@media (min-width: 1280px) {
  .section-color h1 {
    font-size: 60px;
  }
}

.section-color a.btn-back {
  font-size: 14px;
}

.section-color p.font-anuphan {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.font-anuphan {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.font-anuphan {
    font-size: 28px;
  }
}

.section-color p br {
  display: none;
}

.loading-indicator.section-color p br {
  display: none;
}

@media (min-width: 1024px) {
  .section-color p br {
    display: block;
  }
}

.section-3d {
  min-height: calc(100vh - 80px);
  padding-top: 120px;
  padding-bottom: 120px;
}

@media (min-width: 768px) {
  .section-3d {
    min-height: calc(680px);
  }
}

.section-img {
  position: relative;
}

.section-img img {
  min-height: 440px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px) {
  .section-img img {
    max-height: 630px;
  }
}

.section-highlight {
  position: relative;
  display: flex;
  min-height: 440px;
  flex-wrap: wrap;
  align-items: center;
}

.footer-sub-submenu li div.section-highlight {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .section-highlight {
    max-height: 630px;
    min-height: 676px;
  }
}

.section-highlight img {
  z-index: -1;
  height: 100%;
  min-height: 440px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px) {
  .section-highlight img {
    position: absolute;
  }
}

.section-highlight .bg-color-hightlight {
  margin-top: -130px !important;
  width: 100% !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

@media (min-width: 1024px) {
  .section-highlight .bg-color-hightlight {
    margin-top: 0px !important;
    background-image: none !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

.section-car {
  position: relative;
  min-height: 450px;
}

@media (min-width: 1024px) {
  .section-car {
    min-height: 650px;
  }
}

.section-car .bg-img {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-img-stat {
  position: relative;
  max-height: calc(100vh - 80px);
  min-height: 749px;
  overflow: hidden;
}

.section-img-stat .bg-img {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section-img-stat .wrap-box-stat {
  position: absolute !important;
  right: 0px !important;
  width: 100% !important;
}

@media (min-width: 640px) {
  .section-img-stat .wrap-box-stat {
    width: 60% !important;
  }
}

@media (min-width: 768px) {
  .section-img-stat .wrap-box-stat {
    right: 4.5rem !important;
  }
}

@media (min-width: 1024px) {
  .section-img-stat .wrap-box-stat {
    right: 0px !important;
  }
}

@media (min-width: 1280px) {
  .section-img-stat .wrap-box-stat {
    right: -1rem !important;
  }
}

@media (min-width: 1536px) {
  .section-img-stat .wrap-box-stat {
    right: 0px !important;
  }
}

@media (min-width: 1900px) {
  .section-img-stat .wrap-box-stat {
    right: 0px !important;
  }
}

.section-img-stat .wrap-box-stat .box-stat {
  width: 50% !important;
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

@media (min-width: 768px) {
  .section-img-stat .wrap-box-stat .box-stat {
    width: auto !important;
  }
}

.section-img-stat .wrap-box-stat .box-stat h3 {
  font-family: bkk_draft5regular !important;
  font-size: 22px !important;
}

@media (min-width: 768px) {
  .section-img-stat .wrap-box-stat .box-stat h3 {
    font-size: 30px !important;
  }
}

.section-aqms {
  position: relative;
  max-height: calc(100vh - 80px);
  min-height: 749px;
}

.section-aqms .overlay {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.4) 22.45%,
			rgba(0, 0, 0, 0) 61.12%
		);
}

@media (max-width: 768px) {
  .section-aqms .overlay {
    background: linear-gradient(
				90deg,
				rgba(0, 0, 0, 0.4) 50%,
				rgba(0, 0, 0, 0) 100%
			)
  }
}

.section-aqms .bg-img {
  position: absolute;
  z-index: -2;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 45%;
     object-position: 45%;
}

@media (min-width: 1024px) {
  .section-aqms .bg-img {
    -o-object-position: center;
       object-position: center;
  }
}

.section-content {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (min-width: 1024px) {
  .section-content {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}

.detail-simple > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.detail-simple h2 {
  font-size: 32px;
  line-height: 1.25;
}

@media (min-width: 1280px) {
  .detail-simple h2 {
    font-size: 40px;
  }
}

.detail-simple p {
  font-size: 16px;
}

@media (min-width: 768px) {
  .detail-simple p {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .detail-simple p {
    font-size: 18px;
  }
}

.detail-simple p.font-anuphan,
		.detail-simple p .font-anuphan-semibold {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.font-anuphan,
		.detail-simple p .font-anuphan-semibold {
    font-size: 22px;
  }
}

.list-custom {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.footer-sub-submenu li div.list-custom {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.list-custom:before {
  content: "";
  position: absolute;
  left: 24px;
  z-index: 0;
  height: 90%;
  width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.list-custom .item-list {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.footer-sub-submenu li div.list-custom .item-list {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.list-custom .item-list .num {
  z-index: 2;
  display: flex;
  min-height: 50px;
  min-width: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: anuphansemibold;
}


	p .list-custom .item-list .num,
	ul .list-custom .item-list .num {
  line-height: 1.4;
}

.list-custom .item-list .num {
  line-height: 1.4 !important;
}

.box-folder .box-content.list-custom .item-list .num {
  background: #fff;
}


		.detail-simple p .list-custom .item-list .num {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .list-custom .item-list .num {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.list-custom .item-list .num {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.list-custom .item-list .num.num-small {
  margin-top: 4px;
  min-height: 16px;
  min-width: 16px;
}

.list-custom .item-list .title {
  font-family: anuphansemibold !important;
  font-size: 22px !important;
}


	p .list-custom .item-list .title,
	ul .list-custom .item-list .title {
  line-height: 1.4;
}

.list-custom .item-list .title {
  line-height: 1.4 !important;
}


		.detail-simple p .list-custom .item-list .title {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .list-custom .item-list .title {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .list-custom .item-list .title {
    font-size: 24px !important;
  }
}

.list-custom.list-ban-nee:before {
  content: "";
  height: auto;
  width: 0px;
}

.list-section > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.list-section .menu-item {
  font-family: anuphanmedium;
}

p.list-section .menu-item,
	ul.list-section .menu-item {
  line-height: 1.4;
}

.list-section .menu-item {
  line-height: 1.4 !important;
}

.section-color p.list-section .menu-item {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.list-section .menu-item {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.list-section .menu-item {
    font-size: 28px;
  }
}

.detail-simple p.list-section .menu-item {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.list-section .menu-item {
    font-size: 22px;
  }
}

.list-section .menu-item.active {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.step--linealert {
  display: grid;
  align-items: center;
  gap: 2rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(220 241 255 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
  .step--linealert {
    justify-content: center;
    gap: 1rem;
  }
}

@media (min-width: 1024px) {
  .step--linealert {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .step--linealert {
    min-height: 550px;
    gap: 1.5rem;
    padding: 2rem;
  }
}

@media (min-width: 1536px) {
  .step--linealert {
    min-height: 650px;
  }
}

.step--linealert .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1.25rem;
  font-family: anuphanmedium;
}

p.step--linealert .wrap,
	ul.step--linealert .wrap {
  line-height: 1.4;
}

.step--linealert .wrap {
  line-height: 1.4 !important;
}

.section-color p.step--linealert .wrap {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.step--linealert .wrap {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.step--linealert .wrap {
    font-size: 28px;
  }
}

.detail-simple p.step--linealert .wrap {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.step--linealert .wrap {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.step--linealert .wrap {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .step--linealert .wrap {
    margin-left: 2.5rem;
  }
}

@media (min-width: 1280px) {
  @media (min-width: 1024px) {
    .step--linealert .wrap {
      margin-left: 4rem;
    }
  }
}

@media (min-width: 1536px) {
  .step--linealert .wrap {
    margin-left: 7rem;
  }
}

.step--linealert .wrap .num {
  display: flex;
  min-height: 30px;
  min-width: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-sub-submenu li div.step--linealert .wrap .num {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .step--linealert .wrap .num {
    min-height: 50px;
    min-width: 50px;
    font-size: 30px;
  }
}

.step--linealert .wrap .title {
  text-wrap: balance;
  font-size: 20px;
  line-height: 1.6;
}

@media (min-width: 1024px) {
  .step--linealert .wrap .title {
    font-size: 22px;
  }
}

.step--linealert .img-wrap img {
  max-width: 300px;
}

@media (min-width: 768px) {
  .step--linealert .img-wrap img {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
}

@media (min-width: 1024px) {
  .step--linealert .img-wrap img {
    max-width: 100%;
  }
}

.step--linealert .svg-wrap {
  position: absolute;
}

.step--linealert .svg-wrap > * {
  height: 100%;
  width: 100%;
}

.icon-circle {
  display: flex;
  min-height: 48px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.footer-sub-submenu li div.icon-circle {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.icon-circle-xl {
  display: flex;
  aspect-ratio: 1 / 1;
  min-height: 68px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 68px;
  max-width: 68px;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
}

.footer-sub-submenu li div.icon-circle-xl {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .icon-circle-xl {
    min-height: 100px;
    min-width: 100px;
    max-width: 100px;
  }
}

.icon-circle-xl svg {
  height: 35px;
  width: 35px;
}

@media (min-width: 768px) {
  .icon-circle-xl svg {
    height: 55px;
    width: 55px;
  }
}

.circle-gd {
  position: absolute;
  right: 0.5rem;
  top: 2.5rem;
  height: 150px;
  width: 150px;
  border-radius: 9999px;
}

@media (min-width: 768px) {
  .circle-gd {
    height: 250px;
    width: 250px;
  }
}

.bg-month {
  display: none;
  min-height: 45px;
  width: 100%;
}

.loading-indicator.bg-month {
  display: none;
}

@media (min-width: 768px) {
  .bg-month {
    display: block;
  }
}

.bg-month {
  background: linear-gradient(
		90deg,
		#ff8f00 0%,
		#ff3609 10.09%,
		#ff000e 26.91%,
		#fff000 31.98%,
		#57c229 39.66%,
		#00cbfa 49.01%,
		#00cbfa 69.41%,
		#57c229 78.54%,
		#fff000 89.03%,
		#ff8f00 100%
	);
}

/**
 * This injects Tailwind's utility classes and any utility classes registered
 * by plugins, then adds custom utility classes.
 */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.collapse {
  visibility: collapse;
}

.\!static {
  position: static !important;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.\!relative {
  position: relative !important;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  inset: 0px;
}

.\!bottom-0 {
  bottom: 0px !important;
}

.\!bottom-\[4rem\] {
  bottom: 4rem !important;
}

.\!left-0 {
  left: 0px !important;
}

.\!right-0 {
  right: 0px !important;
}

.\!top-\[-2px\] {
  top: -2px !important;
}

.\!top-auto {
  top: auto !important;
}

.-bottom-1 {
  bottom: -0.25rem;
}

.-bottom-1\.5 {
  bottom: -0.375rem;
}

.-bottom-10 {
  bottom: -2.5rem;
}

.-bottom-\[92px\] {
  bottom: -92px;
}

.-left-6 {
  left: -1.5rem;
}

.-left-\[2px\] {
  left: -2px;
}

.-top-12 {
  top: -3rem;
}

.-top-\[2px\] {
  top: -2px;
}

.-top-\[3rem\] {
  top: -3rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-1\/3 {
  bottom: 33.333333%;
}

.bottom-10 {
  bottom: 2.5rem;
}

.bottom-14 {
  bottom: 3.5rem;
}

.bottom-16 {
  bottom: 4rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-20 {
  bottom: 5rem;
}

.bottom-24 {
  bottom: 6rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-5 {
  bottom: 1.25rem;
}

.bottom-6 {
  bottom: 1.5rem;
}

.bottom-7 {
  bottom: 1.75rem;
}

.bottom-8 {
  bottom: 2rem;
}

.bottom-\[-14rem\] {
  bottom: -14rem;
}

.bottom-\[-19px\] {
  bottom: -19px;
}

.bottom-\[-2rem\] {
  bottom: -2rem;
}

.bottom-\[-60px\] {
  bottom: -60px;
}

.bottom-\[24px\] {
  bottom: 24px;
}

.bottom-\[25px\] {
  bottom: 25px;
}

.bottom-\[29px\] {
  bottom: 29px;
}

.bottom-\[36px\] {
  bottom: 36px;
}

.bottom-\[56px\] {
  bottom: 56px;
}

.left-0 {
  left: 0px;
}

.left-1\/2 {
  left: 50%;
}

.left-10 {
  left: 2.5rem;
}

.left-12 {
  left: 3rem;
}

.left-2 {
  left: 0.5rem;
}

.left-20 {
  left: 5rem;
}

.left-3 {
  left: 0.75rem;
}

.left-6 {
  left: 1.5rem;
}

.left-7 {
  left: 1.75rem;
}

.left-8 {
  left: 2rem;
}

.left-\[-19px\] {
  left: -19px;
}

.left-\[33px\] {
  left: 33px;
}

.left-\[35px\] {
  left: 35px;
}

.left-\[50px\] {
  left: 50px;
}

.left-\[61px\] {
  left: 61px;
}

.left-\[7px\] {
  left: 7px;
}

.left-auto {
  left: auto;
}

.right-0 {
  right: 0px;
}

.right-10 {
  right: 2.5rem;
}

.right-2 {
  right: 0.5rem;
}

.right-4 {
  right: 1rem;
}

.right-5 {
  right: 1.25rem;
}

.right-7 {
  right: 1.75rem;
}

.right-8 {
  right: 2rem;
}

.right-\[-19px\] {
  right: -19px;
}

.right-\[-30px\] {
  right: -30px;
}

.right-\[-4\%\] {
  right: -4%;
}

.right-\[12px\] {
  right: 12px;
}

.right-\[4rem\] {
  right: 4rem;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.25rem;
}

.top-1\/2 {
  top: 50%;
}

.top-10 {
  top: 2.5rem;
}

.top-12 {
  top: 3rem;
}

.top-14 {
  top: 3.5rem;
}

.top-2 {
  top: 0.5rem;
}

.top-20 {
  top: 5rem;
}

.top-4 {
  top: 1rem;
}

.top-5 {
  top: 1.25rem;
}

.top-9 {
  top: 2.25rem;
}

.top-\[-10px\] {
  top: -10px;
}

.top-\[-25\%\] {
  top: -25%;
}

.top-\[-250\%\] {
  top: -250%;
}

.top-\[-2rem\] {
  top: -2rem;
}

.top-\[-3rem\] {
  top: -3rem;
}

.top-\[100px\] {
  top: 100px;
}

.top-\[10px\] {
  top: 10px;
}

.top-\[5\.5rem\] {
  top: 5.5rem;
}

.top-\[56px\] {
  top: 56px;
}

.top-\[7px\] {
  top: 7px;
}

.top-\[81px\] {
  top: 81px;
}

.top-\[90px\] {
  top: 90px;
}

.top-auto {
  top: auto;
}

.\!z-0 {
  z-index: 0 !important;
}

.\!z-20 {
  z-index: 20 !important;
}

.-z-10 {
  z-index: -10;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-\[-1\] {
  z-index: -1;
}

.z-\[0\] {
  z-index: 0;
}

.z-\[1000\] {
  z-index: 1000;
}

.z-\[19\] {
  z-index: 19;
}

.z-\[1\] {
  z-index: 1;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[3\] {
  z-index: 3;
}

.z-\[4\] {
  z-index: 4;
}

.z-\[5\] {
  z-index: 5;
}

.z-\[6\] {
  z-index: 6;
}

.z-\[8\] {
  z-index: 8;
}

.z-\[9249399\] {
  z-index: 9249399;
}

.z-\[999999999\] {
  z-index: 999999999;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-first {
  order: -9999;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-full {
  grid-column: 1 / -1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.\!m-0 {
  margin: 0px !important;
}

.m-5 {
  margin: 1.25rem;
}

.\!my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.\!my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

.-mx-2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!mb-16 {
  margin-bottom: 4rem !important;
}

.\!mb-2 {
  margin-bottom: 0.5rem !important;
}

.\!mb-3 {
  margin-bottom: 0.75rem !important;
}

.\!mb-5 {
  margin-bottom: 1.25rem !important;
}

.\!mb-7 {
  margin-bottom: 1.75rem !important;
}

.\!mb-\[60px\] {
  margin-bottom: 60px !important;
}

.\!mt-0 {
  margin-top: 0px !important;
}

.\!mt-10 {
  margin-top: 2.5rem !important;
}

.\!mt-16 {
  margin-top: 4rem !important;
}

.\!mt-4 {
  margin-top: 1rem !important;
}

.\!mt-7 {
  margin-top: 1.75rem !important;
}

.\!mt-8 {
  margin-top: 2rem !important;
}

.-mb-8 {
  margin-bottom: -2rem;
}

.-ml-2 {
  margin-left: -0.5rem;
}

.-ml-4 {
  margin-left: -1rem;
}

.-mt-14 {
  margin-top: -3.5rem;
}

.-mt-3 {
  margin-top: -0.75rem;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-1\.5 {
  margin-bottom: 0.375rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-11 {
  margin-bottom: 2.75rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-2\.5 {
  margin-bottom: 0.625rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-28 {
  margin-bottom: 7rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-9 {
  margin-bottom: 2.25rem;
}

.mb-\[120px\] {
  margin-bottom: 120px;
}

.mb-\[140px\] {
  margin-bottom: 140px;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-11 {
  margin-left: 2.75rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-\[-8\%\] {
  margin-left: -8%;
}

.ml-\[-80px\] {
  margin-left: -80px;
}

.ml-\[3rem\] {
  margin-left: 3rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mr-\[-5\%\] {
  margin-right: -5%;
}

.mr-\[-80px\] {
  margin-right: -80px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-11 {
  margin-top: 2.75rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-14 {
  margin-top: 3.5rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-2\.5 {
  margin-top: 0.625rem;
}

.mt-20 {
  margin-top: 5rem;
}

.mt-3 {
  margin-top: 0.75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-7 {
  margin-top: 1.75rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-\[5px\] {
  margin-top: 5px;
}

.mt-\[7px\] {
  margin-top: 7px;
}

.mt-auto {
  margin-top: auto;
}

.box-content {
  box-sizing: content-box;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.\!flex {
  display: flex !important;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.\!table {
  display: table !important;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.aspect-square {
  aspect-ratio: 1 / 1;
}

.aspect-video {
  aspect-ratio: 16 / 9;
}

.size-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.size-8 {
  width: 2rem;
  height: 2rem;
}

.\!h-0 {
  height: 0px !important;
}

.\!h-\[18px\] {
  height: 18px !important;
}

.\!h-full {
  height: 100% !important;
}

.h-1 {
  height: 0.25rem;
}

.h-10 {
  height: 2.5rem;
}

.h-11 {
  height: 2.75rem;
}

.h-12 {
  height: 3rem;
}

.h-16 {
  height: 4rem;
}

.h-2 {
  height: 0.5rem;
}

.h-20 {
  height: 5rem;
}

.h-3\/4 {
  height: 75%;
}

.h-4 {
  height: 1rem;
}

.h-6 {
  height: 1.5rem;
}

.h-64 {
  height: 16rem;
}

.h-8 {
  height: 2rem;
}

.h-\[100px\] {
  height: 100px;
}

.h-\[105px\] {
  height: 105px;
}

.h-\[110\%\] {
  height: 110%;
}

.h-\[120px\] {
  height: 120px;
}

.h-\[122px\] {
  height: 122px;
}

.h-\[140px\] {
  height: 140px;
}

.h-\[160px\] {
  height: 160px;
}

.h-\[170px\] {
  height: 170px;
}

.h-\[180px\] {
  height: 180px;
}

.h-\[190px\] {
  height: 190px;
}

.h-\[20\%\] {
  height: 20%;
}

.h-\[200px\] {
  height: 200px;
}

.h-\[20px\] {
  height: 20px;
}

.h-\[210px\] {
  height: 210px;
}

.h-\[220px\] {
  height: 220px;
}

.h-\[230px\] {
  height: 230px;
}

.h-\[240px\] {
  height: 240px;
}

.h-\[250px\] {
  height: 250px;
}

.h-\[26px\] {
  height: 26px;
}

.h-\[280px\] {
  height: 280px;
}

.h-\[28px\] {
  height: 28px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[30px\] {
  height: 30px;
}

.h-\[320px\] {
  height: 320px;
}

.h-\[32px\] {
  height: 32px;
}

.h-\[350px\] {
  height: 350px;
}

.h-\[35px\] {
  height: 35px;
}

.h-\[36px\] {
  height: 36px;
}

.h-\[38px\] {
  height: 38px;
}

.h-\[400px\] {
  height: 400px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[42px\] {
  height: 42px;
}

.h-\[430px\] {
  height: 430px;
}

.h-\[440px\] {
  height: 440px;
}

.h-\[44px\] {
  height: 44px;
}

.h-\[450px\] {
  height: 450px;
}

.h-\[45px\] {
  height: 45px;
}

.h-\[470px\] {
  height: 470px;
}

.h-\[48px\] {
  height: 48px;
}

.h-\[50px\] {
  height: 50px;
}

.h-\[60px\] {
  height: 60px;
}

.h-\[62px\] {
  height: 62px;
}

.h-\[670px\] {
  height: 670px;
}

.h-\[70px\] {
  height: 70px;
}

.h-\[80px\] {
  height: 80px;
}

.h-\[90px\] {
  height: 90px;
}

.h-\[calc\(100\%\+15px\)\] {
  height: calc(100% + 15px);
}

.h-auto {
  height: auto;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.h-full {
  height: 100%;
}

.\!max-h-\[70vh\] {
  max-height: 70vh !important;
}

.\!max-h-\[75vh\] {
  max-height: 75vh !important;
}

.\!max-h-none {
  max-height: none !important;
}

.\!max-h-screen {
  max-height: 100vh !important;
}

.max-h-12 {
  max-height: 3rem;
}

.max-h-14 {
  max-height: 3.5rem;
}

.max-h-\[120px\] {
  max-height: 120px;
}

.max-h-\[200px\] {
  max-height: 200px;
}

.max-h-\[230px\] {
  max-height: 230px;
}

.max-h-\[260px\] {
  max-height: 260px;
}

.max-h-\[300px\] {
  max-height: 300px;
}

.max-h-\[360px\] {
  max-height: 360px;
}

.max-h-\[380px\] {
  max-height: 380px;
}

.max-h-\[420px\] {
  max-height: 420px;
}

.max-h-\[500px\] {
  max-height: 500px;
}

.max-h-\[60px\] {
  max-height: 60px;
}

.max-h-\[80vh\] {
  max-height: 80vh;
}

.max-h-screen {
  max-height: 100vh;
}

.\!min-h-\[18px\] {
  min-height: 18px !important;
}

.min-h-3 {
  min-height: 0.75rem;
}

.min-h-4 {
  min-height: 1rem;
}

.min-h-6 {
  min-height: 1.5rem;
}

.min-h-\[130px\] {
  min-height: 130px;
}

.min-h-\[14px\] {
  min-height: 14px;
}

.min-h-\[160px\] {
  min-height: 160px;
}

.min-h-\[200px\] {
  min-height: 200px;
}

.min-h-\[216px\] {
  min-height: 216px;
}

.min-h-\[220px\] {
  min-height: 220px;
}

.min-h-\[240px\] {
  min-height: 240px;
}

.min-h-\[260px\] {
  min-height: 260px;
}

.min-h-\[270px\] {
  min-height: 270px;
}

.min-h-\[300px\] {
  min-height: 300px;
}

.min-h-\[30px\] {
  min-height: 30px;
}

.min-h-\[32px\] {
  min-height: 32px;
}

.min-h-\[334px\] {
  min-height: 334px;
}

.min-h-\[350px\] {
  min-height: 350px;
}

.min-h-\[420px\] {
  min-height: 420px;
}

.min-h-\[440px\] {
  min-height: 440px;
}

.min-h-\[442px\] {
  min-height: 442px;
}

.min-h-\[50vh\] {
  min-height: 50vh;
}

.min-h-\[510px\] {
  min-height: 510px;
}

.min-h-\[565px\] {
  min-height: 565px;
}

.min-h-\[570px\] {
  min-height: 570px;
}

.min-h-\[60px\] {
  min-height: 60px;
}

.min-h-\[700px\] {
  min-height: 700px;
}

.min-h-\[70vh\] {
  min-height: 70vh;
}

.min-h-\[90px\] {
  min-height: 90px;
}

.min-h-\[calc\(100vh-220px\)\] {
  min-height: calc(100vh - 220px);
}

.min-h-\[calc\(85dvh-290px\)\] {
  min-height: calc(85dvh - 290px);
}

.min-h-dvh {
  min-height: 100dvh;
}

.min-h-screen {
  min-height: 100vh;
}

.\!w-\[18px\] {
  width: 18px !important;
}

.\!w-\[940px\] {
  width: 940px !important;
}

.\!w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.\!w-full {
  width: 100% !important;
}

.w-1 {
  width: 0.25rem;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-1\/5 {
  width: 20%;
}

.w-10 {
  width: 2.5rem;
}

.w-11 {
  width: 2.75rem;
}

.w-12 {
  width: 3rem;
}

.w-16 {
  width: 4rem;
}

.w-2\/4 {
  width: 50%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/4 {
  width: 75%;
}

.w-3\/5 {
  width: 60%;
}

.w-32 {
  width: 8rem;
}

.w-4 {
  width: 1rem;
}

.w-6 {
  width: 1.5rem;
}

.w-8 {
  width: 2rem;
}

.w-\[100px\] {
  width: 100px;
}

.w-\[1090px\] {
  width: 1090px;
}

.w-\[10px\] {
  width: 10px;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[128px\] {
  width: 128px;
}

.w-\[12px\] {
  width: 12px;
}

.w-\[140px\] {
  width: 140px;
}

.w-\[150px\] {
  width: 150px;
}

.w-\[165px\] {
  width: 165px;
}

.w-\[180px\] {
  width: 180px;
}

.w-\[200px\] {
  width: 200px;
}

.w-\[20px\] {
  width: 20px;
}

.w-\[220px\] {
  width: 220px;
}

.w-\[22px\] {
  width: 22px;
}

.w-\[240px\] {
  width: 240px;
}

.w-\[248px\] {
  width: 248px;
}

.w-\[260px\] {
  width: 260px;
}

.w-\[265px\] {
  width: 265px;
}

.w-\[270px\] {
  width: 270px;
}

.w-\[28px\] {
  width: 28px;
}

.w-\[2px\] {
  width: 2px;
}

.w-\[30px\] {
  width: 30px;
}

.w-\[320px\] {
  width: 320px;
}

.w-\[34px\] {
  width: 34px;
}

.w-\[350px\] {
  width: 350px;
}

.w-\[40\%\] {
  width: 40%;
}

.w-\[40px\] {
  width: 40px;
}

.w-\[45px\] {
  width: 45px;
}

.w-\[48px\] {
  width: 48px;
}

.w-\[50px\] {
  width: 50px;
}

.w-\[518px\] {
  width: 518px;
}

.w-\[60\%\] {
  width: 60%;
}

.w-\[600px\] {
  width: 600px;
}

.w-\[60px\] {
  width: 60px;
}

.w-\[680px\] {
  width: 680px;
}

.w-\[70px\] {
  width: 70px;
}

.w-\[80px\] {
  width: 80px;
}

.w-\[90\%\] {
  width: 90%;
}

.w-\[90px\] {
  width: 90px;
}

.w-auto {
  width: auto;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.w-px {
  width: 1px;
}

.w-screen {
  width: 100vw;
}

.\!min-w-\[165px\] {
  min-width: 165px !important;
}

.\!min-w-\[180px\] {
  min-width: 180px !important;
}

.\!min-w-\[18px\] {
  min-width: 18px !important;
}

.\!min-w-\[220px\] {
  min-width: 220px !important;
}

.\!min-w-\[270px\] {
  min-width: 270px !important;
}

.min-w-12 {
  min-width: 3rem;
}

.min-w-3 {
  min-width: 0.75rem;
}

.min-w-4 {
  min-width: 1rem;
}

.min-w-6 {
  min-width: 1.5rem;
}

.min-w-\[100px\] {
  min-width: 100px;
}

.min-w-\[140px\] {
  min-width: 140px;
}

.min-w-\[14px\] {
  min-width: 14px;
}

.min-w-\[15px\] {
  min-width: 15px;
}

.min-w-\[185px\] {
  min-width: 185px;
}

.min-w-\[190px\] {
  min-width: 190px;
}

.min-w-\[200px\] {
  min-width: 200px;
}

.min-w-\[230px\] {
  min-width: 230px;
}

.min-w-\[240px\] {
  min-width: 240px;
}

.min-w-\[250px\] {
  min-width: 250px;
}

.min-w-\[265px\] {
  min-width: 265px;
}

.min-w-\[300px\] {
  min-width: 300px;
}

.min-w-\[30px\] {
  min-width: 30px;
}

.min-w-\[32px\] {
  min-width: 32px;
}

.min-w-\[53px\] {
  min-width: 53px;
}

.min-w-\[60px\] {
  min-width: 60px;
}

.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.min-w-full {
  min-width: 100%;
}

.\!max-w-\[165px\] {
  max-width: 165px !important;
}

.\!max-w-\[180px\] {
  max-width: 180px !important;
}

.\!max-w-\[220px\] {
  max-width: 220px !important;
}

.\!max-w-\[270px\] {
  max-width: 270px !important;
}

.\!max-w-full {
  max-width: 100% !important;
}

.max-w-14 {
  max-width: 3.5rem;
}

.max-w-2 {
  max-width: 0.5rem;
}

.max-w-36 {
  max-width: 9rem;
}

.max-w-4 {
  max-width: 1rem;
}

.max-w-80 {
  max-width: 20rem;
}

.max-w-96 {
  max-width: 24rem;
}

.max-w-\[1000px\] {
  max-width: 1000px;
}

.max-w-\[101\%\] {
  max-width: 101%;
}

.max-w-\[120px\] {
  max-width: 120px;
}

.max-w-\[1440px\] {
  max-width: 1440px;
}

.max-w-\[145px\] {
  max-width: 145px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[185px\] {
  max-width: 185px;
}

.max-w-\[200px\] {
  max-width: 200px;
}

.max-w-\[230px\] {
  max-width: 230px;
}

.max-w-\[240px\] {
  max-width: 240px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-\[335px\] {
  max-width: 335px;
}

.max-w-\[370px\] {
  max-width: 370px;
}

.max-w-\[500px\] {
  max-width: 500px;
}

.max-w-\[510px\] {
  max-width: 510px;
}

.max-w-\[562px\] {
  max-width: 562px;
}

.max-w-\[60px\] {
  max-width: 60px;
}

.max-w-\[610px\] {
  max-width: 610px;
}

.max-w-\[65\%\] {
  max-width: 65%;
}

.max-w-\[660px\] {
  max-width: 660px;
}

.max-w-\[690px\] {
  max-width: 690px;
}

.max-w-\[765px\] {
  max-width: 765px;
}

.max-w-\[840px\] {
  max-width: 840px;
}

.max-w-\[860px\] {
  max-width: 860px;
}

.max-w-\[876px\] {
  max-width: 876px;
}

.max-w-\[877px\] {
  max-width: 877px;
}

.max-w-\[880px\] {
  max-width: 880px;
}

.max-w-\[900px\] {
  max-width: 900px;
}

.max-w-\[990px\] {
  max-width: 990px;
}

.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.max-w-full {
  max-width: 100%;
}

.max-w-none {
  max-width: none;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.shrink {
  flex-shrink: 1;
}

.shrink-0 {
  flex-shrink: 0;
}

.grow {
  flex-grow: 1;
}

.basis-\[40\%\] {
  flex-basis: 40%;
}

.basis-\[60\%\] {
  flex-basis: 60%;
}

.table-auto {
  table-layout: auto;
}

.origin-bottom {
  transform-origin: bottom;
}

.\!translate-x-0 {
  --tw-translate-x: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.\!translate-y-0 {
  --tw-translate-y: 0px !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-2 {
  --tw-translate-y: 0.5rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-0 {
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75 {
  --tw-scale-x: .75;
  --tw-scale-y: .75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.25\] {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-x-\[-1\] {
  --tw-scale-x: -1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-bounce {
  animation: bounce 1s infinite;
}

.\!cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.resize {
  resize: both;
}

.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}

.snap-mandatory {
  --tw-scroll-snap-strictness: mandatory;
}

.snap-start {
  scroll-snap-align: start;
}

.scroll-mt-20 {
  scroll-margin-top: 5rem;
}

.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

.scroll-pl-6 {
  scroll-padding-left: 1.5rem;
}

.scroll-pt-20 {
  scroll-padding-top: 5rem;
}

.scroll-pt-24 {
  scroll-padding-top: 6rem;
}

.list-inside {
  list-style-position: inside;
}

.list-decimal {
  list-style-type: decimal;
}

.list-disc {
  list-style-type: disc;
}

.columns-2 {
  -moz-columns: 2;
       columns: 2;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-\[18px_auto\] {
  grid-template-columns: 18px auto;
}

.grid-cols-\[1fr_50px\] {
  grid-template-columns: 1fr 50px;
}

.grid-cols-\[1fr_90px\] {
  grid-template-columns: 1fr 90px;
}

.grid-cols-\[75px_1fr\] {
  grid-template-columns: 75px 1fr;
}

.grid-cols-\[minmax\(0\2c _1fr\)_100px\] {
  grid-template-columns: minmax(0, 1fr) 100px;
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: none;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-center {
  place-content: center;
}

.place-content-start {
  place-content: start;
}

.items-start {
  align-items: flex-start;
}

.\!items-end {
  align-items: flex-end !important;
}

.items-end {
  align-items: flex-end;
}

.\!items-center {
  align-items: center !important;
}

.items-center {
  align-items: center;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.\!justify-end {
  justify-content: flex-end !important;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.\!justify-between {
  justify-content: space-between !important;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.\!gap-0 {
  gap: 0px !important;
}

.gap-0 {
  gap: 0px;
}

.gap-0\.5 {
  gap: 0.125rem;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-1\.5 {
  gap: 0.375rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}

.gap-14 {
  gap: 3.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-20 {
  gap: 5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-\[48px\] {
  gap: 48px;
}

.gap-\[80px\] {
  gap: 80px;
}

.gap-x-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.gap-x-12 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.gap-x-14 {
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
}

.gap-x-16 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.gap-x-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-20 {
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.gap-x-4 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}

.gap-x-6 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-x-9 {
  -moz-column-gap: 2.25rem;
       column-gap: 2.25rem;
}

.gap-x-\[10\%\] {
  -moz-column-gap: 10%;
       column-gap: 10%;
}

.gap-x-\[100px\] {
  -moz-column-gap: 100px;
       column-gap: 100px;
}

.gap-x-\[6px\] {
  -moz-column-gap: 6px;
       column-gap: 6px;
}

.gap-y-10 {
  row-gap: 2.5rem;
}

.gap-y-11 {
  row-gap: 2.75rem;
}

.gap-y-12 {
  row-gap: 3rem;
}

.gap-y-14 {
  row-gap: 3.5rem;
}

.gap-y-16 {
  row-gap: 4rem;
}

.gap-y-2 {
  row-gap: 0.5rem;
}

.gap-y-20 {
  row-gap: 5rem;
}

.gap-y-24 {
  row-gap: 6rem;
}

.gap-y-3 {
  row-gap: 0.75rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.gap-y-5 {
  row-gap: 1.25rem;
}

.gap-y-6 {
  row-gap: 1.5rem;
}

.gap-y-8 {
  row-gap: 2rem;
}

.\!space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(3rem * var(--tw-space-y-reverse)) !important;
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}

.space-y-14 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}

.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-7 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.space-y-\[120px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(120px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(120px * var(--tw-space-y-reverse));
}

.space-y-\[80px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(80px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(80px * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-\[\#414141\] > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(65 65 65 / var(--tw-divide-opacity));
}

.divide-black\/20 > :not([hidden]) ~ :not([hidden]) {
  border-color: rgb(0 0 0 / 0.2);
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-auto {
  overflow-x: auto;
}

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

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.text-nowrap {
  text-wrap: nowrap;
}

.text-balance {
  text-wrap: balance;
}

.text-pretty {
  text-wrap: pretty;
}

.break-all {
  word-break: break-all;
}

.\!rounded-none {
  border-radius: 0px !important;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[20px\] {
  border-radius: 20px;
}

.rounded-\[30px\] {
  border-radius: 30px;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-none {
  border-radius: 0px;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.rounded-b-\[20px\] {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.rounded-t-2xl {
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

.rounded-bl-\[10px\] {
  border-bottom-left-radius: 10px;
}

.rounded-br-\[10px\] {
  border-bottom-right-radius: 10px;
}

.rounded-tl-2xl {
  border-top-left-radius: 1rem;
}

.rounded-tl-\[10px\] {
  border-top-left-radius: 10px;
}

.rounded-tl-\[13px\] {
  border-top-left-radius: 13px;
}

.rounded-tl-\[20px\] {
  border-top-left-radius: 20px;
}

.rounded-tl-none {
  border-top-left-radius: 0px;
}

.rounded-tr-2xl {
  border-top-right-radius: 1rem;
}

.rounded-tr-\[10px\] {
  border-top-right-radius: 10px;
}

.rounded-tr-\[13px\] {
  border-top-right-radius: 13px;
}

.\!border-0 {
  border-width: 0px !important;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-\[1px\] {
  border-width: 1px;
}

.border-\[2px\] {
  border-width: 2px;
}

.border-\[3px\] {
  border-width: 3px;
}

.\!border-b {
  border-bottom-width: 1px !important;
}

.\!border-t-0 {
  border-top-width: 0px !important;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-t-\[1px\] {
  border-top-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.\!border-none {
  border-style: none !important;
}

.border-none {
  border-style: none;
}

.border-\[\#D9D9D9\] {
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}

.border-\[\#E50000\] {
  --tw-border-opacity: 1;
  border-color: rgb(229 0 0 / var(--tw-border-opacity));
}

.border-\[rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
  border-color: rgba(0,0,0,0.15);
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-black\/\[16\%\] {
  border-color: rgb(0 0 0 / 16%);
}

.border-grayBorder {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

.border-green-1 {
  --tw-border-opacity: 1;
  border-color: rgb(185 255 215 / var(--tw-border-opacity));
}

.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.\!bg-\[\#00CBFA\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 203 250 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#57C229\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(87 194 41 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#EFEFEF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#FAF8EC\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#FCE5AE\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 229 174 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#FF000E\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 0 14 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#FF8F00\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 143 0 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[\#FFF000\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 240 0 / var(--tw-bg-opacity)) !important;
}

.\!bg-\[transparent\] {
  background-color: transparent !important;
}

.\!bg-blue-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 241 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-green-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(185 255 215 / var(--tw-bg-opacity)) !important;
}

.\!bg-green-2 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity)) !important;
}

.\!bg-lime-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(222 255 205 / var(--tw-bg-opacity)) !important;
}

.\!bg-orange-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 217 198 / var(--tw-bg-opacity)) !important;
}

.\!bg-pink-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 229 241 / var(--tw-bg-opacity)) !important;
}

.\!bg-violet-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-water-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(198 248 255 / var(--tw-bg-opacity)) !important;
}

.\!bg-yellow-0 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity)) !important;
}

.\!bg-yellow-1 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 246 202 / var(--tw-bg-opacity)) !important;
}

.\!bg-yellow-3 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(202 158 0 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-\[\#00744B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.bg-\[\#00CBFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 203 250 / var(--tw-bg-opacity));
}

.bg-\[\#05A74F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(5 167 79 / var(--tw-bg-opacity));
}

.bg-\[\#0971CE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
}

.bg-\[\#0972CE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 114 206 / var(--tw-bg-opacity));
}

.bg-\[\#09B6CE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 182 206 / var(--tw-bg-opacity));
}

.bg-\[\#0B71CE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 113 206 / var(--tw-bg-opacity));
}

.bg-\[\#3A83F7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 131 247 / var(--tw-bg-opacity));
}

.bg-\[\#57C229\] {
  --tw-bg-opacity: 1;
  background-color: rgb(87 194 41 / var(--tw-bg-opacity));
}

.bg-\[\#696969\] {
  --tw-bg-opacity: 1;
  background-color: rgb(105 105 105 / var(--tw-bg-opacity));
}

.bg-\[\#73E8A5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.bg-\[\#A4FFD4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(164 255 212 / var(--tw-bg-opacity));
}

.bg-\[\#ABDDFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.bg-\[\#B6FD8E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(182 253 142 / var(--tw-bg-opacity));
}

.bg-\[\#B7FF8F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(183 255 143 / var(--tw-bg-opacity));
}

.bg-\[\#B9FFD7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(185 255 215 / var(--tw-bg-opacity));
}

.bg-\[\#C2E6FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 230 255 / var(--tw-bg-opacity));
}

.bg-\[\#C4EC00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(196 236 0 / var(--tw-bg-opacity));
}

.bg-\[\#C7FFA9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(199 255 169 / var(--tw-bg-opacity));
}

.bg-\[\#C8FDDA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(200 253 218 / var(--tw-bg-opacity));
}

.bg-\[\#C9F471\] {
  --tw-bg-opacity: 1;
  background-color: rgb(201 244 113 / var(--tw-bg-opacity));
}

.bg-\[\#CE5020\] {
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.bg-\[\#D52E7A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(213 46 122 / var(--tw-bg-opacity));
}

.bg-\[\#DCF1FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 241 255 / var(--tw-bg-opacity));
}

.bg-\[\#E7E7E7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 231 231 / var(--tw-bg-opacity));
}

.bg-\[\#F97E36\] {
  --tw-bg-opacity: 1;
  background-color: rgb(249 126 54 / var(--tw-bg-opacity));
}

.bg-\[\#FAF8EC\] {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity));
}

.bg-\[\#FBF9ED\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 249 237 / var(--tw-bg-opacity));
}

.bg-\[\#FF000E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 0 14 / var(--tw-bg-opacity));
}

.bg-\[\#FF6600\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 102 0 / var(--tw-bg-opacity));
}

.bg-\[\#FF8F00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 143 0 / var(--tw-bg-opacity));
}

.bg-\[\#FFB692\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 182 146 / var(--tw-bg-opacity));
}

.bg-\[\#FFBFA0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.bg-\[\#FFC2DE\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 194 222 / var(--tw-bg-opacity));
}

.bg-\[\#FFC700\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 199 0 / var(--tw-bg-opacity));
}

.bg-\[\#FFD9C6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 217 198 / var(--tw-bg-opacity));
}

.bg-\[\#FFDA00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 218 0 / var(--tw-bg-opacity));
}

.bg-\[\#FFE5D2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 210 / var(--tw-bg-opacity));
}

.bg-\[\#FFEC8F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.bg-\[\#FFF000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 240 0 / var(--tw-bg-opacity));
}

.bg-\[\#FFF6CA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 202 / var(--tw-bg-opacity));
}

.bg-\[\#a5fed4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(165 254 212 / var(--tw-bg-opacity));
}

.bg-\[\#e5e5e5\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 229 229 / var(--tw-bg-opacity));
}

.bg-\[\#fde5f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 229 241 / var(--tw-bg-opacity));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}

.bg-blue-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 241 255 / var(--tw-bg-opacity));
}

.bg-blue-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.bg-blue-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
}

.bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.bg-grayBorder {
  --tw-bg-opacity: 1;
  background-color: rgb(204 204 204 / var(--tw-bg-opacity));
}

.bg-grayTH {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
}

.bg-green-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(185 255 215 / var(--tw-bg-opacity));
}

.bg-green-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.bg-green-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.bg-orange-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 217 198 / var(--tw-bg-opacity));
}

.bg-orange-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.bg-pink-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 241 / var(--tw-bg-opacity));
}

.bg-pink-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 194 222 / var(--tw-bg-opacity));
}

.bg-red-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 208 208 / var(--tw-bg-opacity));
}

.bg-red-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 165 165 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-violet-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 226 255 / var(--tw-bg-opacity));
}

.bg-violet-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(211 196 255 / var(--tw-bg-opacity));
}

.bg-water-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(171 245 255 / var(--tw-bg-opacity));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/70 {
  background-color: rgb(255 255 255 / 0.7);
}

.bg-yellow-0 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity));
}

.bg-yellow-1 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 202 / var(--tw-bg-opacity));
}

.bg-yellow-2 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.bg-yellow-3 {
  --tw-bg-opacity: 1;
  background-color: rgb(202 158 0 / var(--tw-bg-opacity));
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.\!bg-none {
  background-image: none !important;
}

.bg-none {
  background-image: none;
}

.bg-cover {
  background-size: cover;
}

.fill-black {
  fill: #000000;
}

.fill-blue-3 {
  fill: #0971CE;
}

.fill-green-3 {
  fill: #00744B;
}

.fill-white {
  fill: #FFFFFF;
}

.stroke-blue-3 {
  stroke: #0971CE;
}

.stroke-white {
  stroke: #FFFFFF;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-\[100\%_30\%\] {
  -o-object-position: 100% 30%;
     object-position: 100% 30%;
}

.object-\[30\%\] {
  -o-object-position: 30%;
     object-position: 30%;
}

.object-\[35\%\] {
  -o-object-position: 35%;
     object-position: 35%;
}

.object-\[40\%\] {
  -o-object-position: 40%;
     object-position: 40%;
}

.object-\[66\%\] {
  -o-object-position: 66%;
     object-position: 66%;
}

.object-\[70\%\] {
  -o-object-position: 70%;
     object-position: 70%;
}

.object-\[80\%\] {
  -o-object-position: 80%;
     object-position: 80%;
}

.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.\!p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 0.25rem;
}

.p-10 {
  padding: 2.5rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

.p-7 {
  padding: 1.75rem;
}

.p-8 {
  padding: 2rem;
}

.p-\[0\.5rem\] {
  padding: 0.5rem;
}

.\!px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\!px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.\!px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.\!py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.\!py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.\!py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[1\.5rem\] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[100px\] {
  padding-top: 100px;
  padding-bottom: 100px;
}

.py-\[120px\] {
  padding-top: 120px;
  padding-bottom: 120px;
}

.\!pb-0 {
  padding-bottom: 0px !important;
}

.\!pb-10 {
  padding-bottom: 2.5rem !important;
}

.\!pb-3 {
  padding-bottom: 0.75rem !important;
}

.\!pb-4 {
  padding-bottom: 1rem !important;
}

.\!pb-5 {
  padding-bottom: 1.25rem !important;
}

.\!pb-\[100px\] {
  padding-bottom: 100px !important;
}

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

.\!pl-2 {
  padding-left: 0.5rem !important;
}

.\!pl-3 {
  padding-left: 0.75rem !important;
}

.\!pr-3 {
  padding-right: 0.75rem !important;
}

.\!pr-5 {
  padding-right: 1.25rem !important;
}

.\!pt-0 {
  padding-top: 0px !important;
}

.\!pt-16 {
  padding-top: 4rem !important;
}

.\!pt-3 {
  padding-top: 0.75rem !important;
}

.\!pt-4 {
  padding-top: 1rem !important;
}

.\!pt-6 {
  padding-top: 1.5rem !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-10 {
  padding-bottom: 2.5rem;
}

.pb-12 {
  padding-bottom: 3rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-24 {
  padding-bottom: 6rem;
}

.pb-3 {
  padding-bottom: 0.75rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-7 {
  padding-bottom: 1.75rem;
}

.pb-8 {
  padding-bottom: 2rem;
}

.pb-\[100px\] {
  padding-bottom: 100px;
}

.pb-\[120px\] {
  padding-bottom: 120px;
}

.pb-\[30px\] {
  padding-bottom: 30px;
}

.pb-\[40px\] {
  padding-bottom: 40px;
}

.pb-\[50px\] {
  padding-bottom: 50px;
}

.pb-\[5rem\] {
  padding-bottom: 5rem;
}

.pb-\[60px\] {
  padding-bottom: 60px;
}

.pb-\[70px\] {
  padding-bottom: 70px;
}

.pb-\[80px\] {
  padding-bottom: 80px;
}

.pl-0 {
  padding-left: 0px;
}

.pl-10 {
  padding-left: 2.5rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-6 {
  padding-left: 1.5rem;
}

.pl-7 {
  padding-left: 1.75rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pr-10 {
  padding-right: 2.5rem;
}

.pr-11 {
  padding-right: 2.75rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 0.75rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-5 {
  padding-right: 1.25rem;
}

.pr-6 {
  padding-right: 1.5rem;
}

.pr-7 {
  padding-right: 1.75rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-9 {
  padding-right: 2.25rem;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-14 {
  padding-top: 3.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-20 {
  padding-top: 5rem;
}

.pt-24 {
  padding-top: 6rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.pt-6 {
  padding-top: 1.5rem;
}

.pt-7 {
  padding-top: 1.75rem;
}

.pt-8 {
  padding-top: 2rem;
}

.pt-\[1\.4rem\] {
  padding-top: 1.4rem;
}

.pt-\[120px\] {
  padding-top: 120px;
}

.pt-\[125px\] {
  padding-top: 125px;
}

.pt-\[140px\] {
  padding-top: 140px;
}

.pt-\[150px\] {
  padding-top: 150px;
}

.pt-\[200px\] {
  padding-top: 200px;
}

.pt-\[34px\] {
  padding-top: 34px;
}

.pt-\[50px\] {
  padding-top: 50px;
}

.pt-\[6\.75rem\] {
  padding-top: 6.75rem;
}

.pt-\[60px\] {
  padding-top: 60px;
}

.pt-\[70px\] {
  padding-top: 70px;
}

.pt-\[75px\] {
  padding-top: 75px;
}

.pt-\[80px\] {
  padding-top: 80px;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.\!align-top {
  vertical-align: top !important;
}

.\!font-anuphan {
  font-family: anuphanmedium !important;
}

.\!font-anuphan-semibold {
  font-family: anuphansemibold !important;
}

.\!font-bkk {
  font-family: bkk_draft5regular !important;
}

.\!font-sarabun {
  font-family: sarabunregular !important;
}

.\!font-sarabun-bold {
  font-family: sarabun-bold !important;
}

.\!font-sarabun-semibold {
  font-family: sarabun-semibold !important;
}

.font-anuphan {
  font-family: anuphanmedium;
}

.font-anuphan-semibold {
  font-family: anuphansemibold;
}

.font-bkk {
  font-family: bkk_draft5regular;
}

.font-sarabun {
  font-family: sarabunregular;
}

.font-sarabun-bold {
  font-family: sarabun-bold;
}

.font-sarabun-semibold {
  font-family: sarabun-semibold;
}

.\!text-\[15px\] {
  font-size: 15px !important;
}

.\!text-\[18px\] {
  font-size: 18px !important;
}

.\!text-\[30px\] {
  font-size: 30px !important;
}

.\!text-\[40px\] {
  font-size: 40px !important;
}

.\!text-\[50px\] {
  font-size: 50px !important;
}

.\!text-\[64px\] {
  font-size: 64px !important;
}

.\!text-fs100 {
  font-size: 100px !important;
}

.\!text-fs12 {
  font-size: 12px !important;
}

.\!text-fs14 {
  font-size: 14px !important;
}

.\!text-fs16 {
  font-size: 16px !important;
}

.\!text-fs18 {
  font-size: 18px !important;
}

.\!text-fs20 {
  font-size: 20px !important;
}

.\!text-fs24 {
  font-size: 24px !important;
}

.\!text-fs26 {
  font-size: 26px !important;
}

.\!text-fs28 {
  font-size: 28px !important;
}

.\!text-fs30 {
  font-size: 30px !important;
}

.\!text-fs50 {
  font-size: 50px !important;
}

.text-\[110\%\] {
  font-size: 110%;
}

.text-\[12px\] {
  font-size: 12px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[18px\] {
  font-size: 18px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[26px\] {
  font-size: 26px;
}

.text-\[30px\] {
  font-size: 30px;
}

.text-\[36px\] {
  font-size: 36px;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[50px\] {
  font-size: 50px;
}

.text-\[64px\] {
  font-size: 64px;
}

.text-fs10 {
  font-size: 10px;
}

.text-fs100 {
  font-size: 100px;
}

.text-fs12 {
  font-size: 12px;
}

.text-fs14 {
  font-size: 14px;
}

.text-fs16 {
  font-size: 16px;
}

.text-fs18 {
  font-size: 18px;
}

.text-fs20 {
  font-size: 20px;
}

.text-fs22 {
  font-size: 22px;
}

.text-fs24 {
  font-size: 24px;
}

.text-fs26 {
  font-size: 26px;
}

.text-fs28 {
  font-size: 28px;
}

.text-fs30 {
  font-size: 30px;
}

.text-fs32 {
  font-size: 32px;
}

.text-fs34 {
  font-size: 34px;
}

.text-fs36 {
  font-size: 36px;
}

.text-fs40 {
  font-size: 40px;
}

.text-fs42 {
  font-size: 42px;
}

.text-fs44 {
  font-size: 44px;
}

.text-fs46 {
  font-size: 46px;
}

.text-fs50 {
  font-size: 50px;
}

.text-fs80 {
  font-size: 80px;
}

.\!font-bold {
  font-weight: 700 !important;
}

.\!font-normal {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.\!leading-\[1\.6\] {
  line-height: 1.6 !important;
}

.\!leading-\[1\.8\] {
  line-height: 1.8 !important;
}

.\!leading-normal {
  line-height: 1.5 !important;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-\[1\.15\] {
  line-height: 1.15;
}

.leading-\[1\.4\] {
  line-height: 1.4;
}

.leading-\[1\.5\] {
  line-height: 1.5;
}

.leading-\[180\%\] {
  line-height: 180%;
}

.leading-\[2\] {
  line-height: 2;
}

.leading-\[32px\] {
  line-height: 32px;
}

.leading-loose {
  line-height: 2;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-snug {
  line-height: 1.375;
}

.leading-tight {
  line-height: 1.25;
}

.\!text-blue-3 {
  --tw-text-opacity: 1 !important;
  color: rgb(9 113 206 / var(--tw-text-opacity)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.text-\[\#00794B\] {
  --tw-text-opacity: 1;
  color: rgb(0 121 75 / var(--tw-text-opacity));
}

.text-\[\#02BE85\] {
  --tw-text-opacity: 1;
  color: rgb(2 190 133 / var(--tw-text-opacity));
}

.text-\[\#0971CE\] {
  --tw-text-opacity: 1;
  color: rgb(9 113 206 / var(--tw-text-opacity));
}

.text-\[\#1A74B6\] {
  --tw-text-opacity: 1;
  color: rgb(26 116 182 / var(--tw-text-opacity));
}

.text-\[\#1C75BC\] {
  --tw-text-opacity: 1;
  color: rgb(28 117 188 / var(--tw-text-opacity));
}

.text-\[\#8E8E8E\] {
  --tw-text-opacity: 1;
  color: rgb(142 142 142 / var(--tw-text-opacity));
}

.text-\[\#CE5020\] {
  --tw-text-opacity: 1;
  color: rgb(206 80 32 / var(--tw-text-opacity));
}

.text-\[\#E50000\] {
  --tw-text-opacity: 1;
  color: rgb(229 0 0 / var(--tw-text-opacity));
}

.text-\[\#F13BA7\] {
  --tw-text-opacity: 1;
  color: rgb(241 59 167 / var(--tw-text-opacity));
}

.text-\[\#F30\] {
  --tw-text-opacity: 1;
  color: rgb(255 51 0 / var(--tw-text-opacity));
}

.text-\[\#F437A7\] {
  --tw-text-opacity: 1;
  color: rgb(244 55 167 / var(--tw-text-opacity));
}

.text-\[red\] {
  --tw-text-opacity: 1;
  color: rgb(255 0 0 / var(--tw-text-opacity));
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-black\/40 {
  color: rgb(0 0 0 / 0.4);
}

.text-black\/50 {
  color: rgb(0 0 0 / 0.5);
}

.text-black\/70 {
  color: rgb(0 0 0 / 0.7);
}

.text-green-3 {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.text-orange-3 {
  --tw-text-opacity: 1;
  color: rgb(206 80 32 / var(--tw-text-opacity));
}

.text-red-3 {
  --tw-text-opacity: 1;
  color: rgb(193 44 44 / var(--tw-text-opacity));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-yellow-2 {
  --tw-text-opacity: 1;
  color: rgb(255 236 143 / var(--tw-text-opacity));
}

.text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.underline {
  text-decoration-line: underline;
}

.overline {
  text-decoration-line: overline;
}

.line-through {
  text-decoration-line: line-through;
}

.no-underline {
  text-decoration-line: none;
}

.underline-offset-2 {
  text-underline-offset: 2px;
}

.underline-offset-4 {
  text-underline-offset: 4px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.mix-blend-multiply {
  mix-blend-mode: multiply;
}

.mix-blend-screen {
  mix-blend-mode: screen;
}

.\!shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_4px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0px 4px 4px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

.outline {
  outline-style: solid;
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-0 {
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-75 {
  --tw-brightness: brightness(.75);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-90 {
  --tw-brightness: brightness(.9);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.contrast-\[0\.8\] {
  --tw-contrast: contrast(0.8);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-xl {
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert-\[100\%\] {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert-\[1\] {
  --tw-invert: invert(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.will-change-transform {
  will-change: transform;
}

/**
 * Custom styles to immediately follow Tailwind’s `utilities` layer
 *
 * Add your own utility classes to this theme. Complex utility classes should
 * be added using Tailwind’s plugin system:
 *
 * https://tailwindcss.com/docs/plugins#adding-utilities
 */

.mySwiper-casestudy .swiper-button-next {
  color: white;
}

.mySwiper-casestudy .swiper-button-prev {
  color: white;
}

.mySwiper-casestudy .swiper-button-next::after,
	.mySwiper-casestudy .swiper-button-prev::after {
  font-size: 18px;
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
}

.mySwiper-casestudy .swiper-pagination span {
  margin: 0 !important;
}

.mySwiper-casestudy .swiper-pagination .swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 9999px;
  background-color: black;
}

.fancybox__content button {
  top: 20px !important;
  right: 12px !important;
  color: black;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  opacity: 1 !important;
}

.box-folder .box-content.fancybox__content button {
  background: #fff !important;
}

.fancybox__content button:focus-visible,
	.fancybox__content button:hover,
	.fancybox__content button:active {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  color: black !important;
}

@media only screen and (min-width: 768px) {
  .fancybox__content button {
    top: 34px !important;
    right: 20px !important;
  }
}

.bin-card {
  position: relative;
  display: flex;
  height: 250px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 1rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1.25rem;
}

.footer-sub-submenu li div.bin-card {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .bin-card {
    height: auto;
  }
}

.bin-card div {
  min-height: 180px;
}

.bin-card div svg {
  margin-bottom: 0.75rem;
  height: 35px !important;
}

.bin-card div h4 {
  margin-bottom: 0.5rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
}

@media (min-width: 768px) {
  .bin-card div h4 {
    font-size: 22px;
  }
}

.bin-card div ul {
  padding-left: 1rem;
  font-family: sarabunregular;
  font-size: 16px;
}

@media (min-width: 768px) {
  .bin-card div ul {
    padding-left: 1.25rem;
    font-size: 18px;
  }
}

.bin-card div ul {
  margin-bottom: 0.5rem;
  font-size: 20px;
}

@media (min-width: 768px) {
  .bin-card div ul {
    font-size: 22px;
  }
}

.bin-card div ul {
  padding-left: 1rem;
  font-family: sarabunregular;
  font-size: 16px;
}

@media (min-width: 768px) {
  .bin-card div ul {
    padding-left: 1.25rem;
    font-size: 18px;
  }
}

.bin-card img {
  position: absolute;
  right: 1.25rem;
  bottom: 0px;
  aspect-ratio: 1 / 1;
  height: 140px;
}

@media (min-width: 768px) {
  .bin-card img {
    position: relative;
    right: unset;
    bottom: unset;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    width: 75%;
  }
}

@media (min-width: 1024px) {
  .bin-card img {
    width: 100%;
  }
}

.mySwiper-htt-t .swiper-wrapper, .mySwiper-htt-b .swiper-wrapper {
  transition-timing-function: linear;
}

.htt-card {
  height: auto;
  cursor: pointer;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.htt-card {
  background: #fff;
}

.htt-card div:first-child {
  display: flex;
  height: 220px;
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.htt-card div:first-child {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.htt-card div:first-child img {
  aspect-ratio: 1 / 1;
  height: auto;
  width: 75%;
  -o-object-fit: contain;
     object-fit: contain;
}

.htt-card div:last-child {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: space-between;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(248 248 248 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.footer-sub-submenu li div.htt-card div:last-child {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.htt-card div:last-child h5 {
  font-family: anuphansemibold;
  font-size: 14px;
}


	p .htt-card div:last-child h5,
	ul .htt-card div:last-child h5 {
  line-height: 1.4;
}

.htt-card div:last-child h5 {
  line-height: 1.4 !important;
}


		.detail-simple p .htt-card div:last-child h5 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .htt-card div:last-child h5 {
    font-size: 22px;
  }
}

.htt-card div:last-child h5 {
  line-height: 1.2;
}

.htt-card svg {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.htt-card:hover svg {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: linear;
}

.casestudy-card {
  cursor: pointer;
  overflow: hidden;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.casestudy-card {
  background: #fff;
}

.casestudy-card .img-wrap {
  height: 200px;
}

.casestudy-card .img-wrap img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.casestudy-card .content-wrap {
  min-height: 150px;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.casestudy-card .content-wrap h4 {
  margin-bottom: 0.25rem;
  font-family: anuphansemibold;
  font-size: 18px;
  line-height: 1.4;
}


	p .casestudy-card .content-wrap h4,
	ul .casestudy-card .content-wrap h4 {
  line-height: 1.4;
}

.casestudy-card .content-wrap h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .casestudy-card .content-wrap h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .casestudy-card .content-wrap h4 {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .casestudy-card .content-wrap h4 {
    font-size: 20px;
  }
}

.casestudy-card .content-wrap div {
  position: absolute;
  right: 0px;
  bottom: 1rem;
  padding-right: 2rem;
}

.sf-label-checkbox {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

#search-filter-form-50 .sf-field-search {
  margin-bottom: 2.5rem;
  padding: 0px;
}

@media (min-width: 1024px) {
  #search-filter-form-50 .sf-field-search {
    margin-bottom: 1.25rem;
  }
}

#search-filter-form-50 .sf-field-search label {
  margin-top: -2.5rem;
  width: 100%;
}

#search-filter-form-50 .sf-field-search label input {
  background: url("/wp-content/themes/greener-bkk/theme/assets/img/clean-air/htt-search-icon.svg")
					white no-repeat;
  height: 70px;
  width: 100%;
  overflow: visible;
  border-radius: 0.75rem;
  background-position: 96%;
  padding: 1.25rem;
  font-family: sarabunregular;
  font-size: 18px;
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}

@media (min-width: 1024px) {
  #search-filter-form-50 .sf-field-search label input {
    height: 5rem;
    background-position: 98%;
    padding: 1.5rem;
    font-size: 26px;
  }
}

#search-filter-form-50 .sf-field-search label input {
  box-shadow: 0px 4px 29.2px -9px rgba(0, 0, 0, 0.12);
}

#search-filter-form-50 .sf-field-taxonomy-group-type {
  margin: 0px;
  padding: 0px;
  font-family: anuphanmedium;
}

p#search-filter-form-50 .sf-field-taxonomy-group-type,
	ul#search-filter-form-50 .sf-field-taxonomy-group-type {
  line-height: 1.4;
}

#search-filter-form-50 .sf-field-taxonomy-group-type {
  line-height: 1.4 !important;
}

.section-color p#search-filter-form-50 .sf-field-taxonomy-group-type {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p#search-filter-form-50 .sf-field-taxonomy-group-type {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p#search-filter-form-50 .sf-field-taxonomy-group-type {
    font-size: 28px;
  }
}

.detail-simple p#search-filter-form-50 .sf-field-taxonomy-group-type {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p#search-filter-form-50 .sf-field-taxonomy-group-type {
    font-size: 22px;
  }
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  overflow: scroll;
}

.footer-sub-submenu li div#search-filter-form-50 .sf-field-taxonomy-group-type ul {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul li {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer !important;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content#search-filter-form-50 .sf-field-taxonomy-group-type ul li {
  background: #fff;
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul li {
  border: 2px solid rgba(0, 0, 0, 0.15);
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul li input {
  display: none;
}

.loading-indicator#search-filter-form-50 .sf-field-taxonomy-group-type ul li input {
  display: none;
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul li label {
  cursor: pointer !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul li.sf-option-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#search-filter-form-50 .sf-field-taxonomy-group-type ul::-webkit-scrollbar {
  display: none;
}

.htt-popup {
  margin-left: 0px !important;
  margin-right: 0px !important;
  display: none;
  height: 100%;
  width: 100%;
  max-width: 1060px;
  overflow: scroll !important;
  border-radius: 1rem;
  padding: 0px;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.loading-indicator.htt-popup {
  display: none;
}

@media (min-width: 1024px) {
  .htt-popup {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    height: auto;
  }
}

.htt-popup .fancybox__slide.has-close-btn {
  padding-top: 0px !important;
}

.htt-popup .img-wrap {
  display: grid;
  height: auto;
  width: 100%;
  place-content: center;
  padding-bottom: 0px;
}

@media (min-width: 1024px) {
  .htt-popup .img-wrap {
    height: 100%;
    width: 50%;
    padding-bottom: 3.5rem;
  }
}

.htt-popup .img-wrap img {
  aspect-ratio: 1 / 1;
  height: 400px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.htt-popup .img-wrap button:focus-visible,
		.htt-popup .img-wrap button:hover,
		.htt-popup .img-wrap button:active {
  color: white !important;
}

.htt-popup .content-wrap {
  margin-top: 3.5rem;
  width: 100%;
  border-width: 1px;
  border-left-width: 0px;
  border-color: transparent;
}

@media (min-width: 1024px) {
  .htt-popup .content-wrap {
    margin-top: 0px;
    width: 50%;
    border-left-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(248 248 248 / var(--tw-border-opacity));
  }
}

.htt-popup .content-wrap ul {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.htt-popup .content-row {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .htt-popup .content-row {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.htt-popup .content-row1 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity));
}

.htt-popup .content-row1 ul {
  position: relative;
}

.htt-popup .content-row1 ul li div {
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity));
}

.htt-popup .content-row2 {
  position: relative;
}

.htt-popup .f-button.is-close-btn {
  top: 1.25rem !important;
  right: 1.25rem !important;
  border-radius: 9999px;
  border-width: 2px !important;
  border-style: solid !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.htt-popup::-webkit-scrollbar {
  display: none;
}

.htt-popup .btn-wrap {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  margin-bottom: 20px;
}

.htt-popup .btn-wrap .btn {
  padding: 8px 20px;
}

.htt-popup .btn-wrap .btn,
		.htt-popup .btn-wrap .btn2 {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-align: center;
  line-height: 100px;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 50px;
  background: linear-gradient(
				-45deg,
				#ffa63d,
				#ff3d77,
				#338aff,
				#3cf0c5
			);
  background-size: 600%;
  animation: anime 16s linear infinite;
}

.htt-popup .btn-wrap .btn2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 7px;
  z-index: -1;
  filter: blur(10px);
  opacity: 0.7;
}

@keyframes anime {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.fancybox__backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.idea-form {
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px) {
  .idea-form {
    margin-bottom: 120px;
  }
}

.idea-form .container {
  padding: 0px !important;
}

@media only screen and (min-width: 1024px) {
  .idea-form .nf-form-cont {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.16);
  }
}

.idea-form .nf-form-cont {
  margin-top: -0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 50px;
  padding-bottom: 0px;
}

.box-folder .box-content.idea-form .nf-form-cont {
  background: #fff;
}

@media (min-width: 1024px) {
  .idea-form .nf-form-cont {
    margin-top: -110px;
    padding-left: 10rem;
    padding-right: 10rem;
    padding-bottom: 5rem;
  }
}

.idea-form .nf-form-cont h2 {
  font-family: anuphansemibold;
  font-size: 22px;
}


	p .idea-form .nf-form-cont h2,
	ul .idea-form .nf-form-cont h2 {
  line-height: 1.4;
}

.idea-form .nf-form-cont h2 {
  line-height: 1.4 !important;
}


		.detail-simple p .idea-form .nf-form-cont h2 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .idea-form .nf-form-cont h2 {
    font-size: 22px;
  }
}

.idea-form .nf-form-cont h3 {
  margin-bottom: 0.5rem;
  font-family: sarabun-semibold;
}

.idea-form .nf-form-cont h3 ~ div {
  font-size: 14px;
}

.idea-form .nf-form-cont hr {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.idea-form .nf-form-cont input,
		.idea-form .nf-form-cont textarea {
  resize: none;
  border-radius: 0.375rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.idea-form .nf-form-cont .nf-form-title {
  display: none;
}

.loading-indicator.idea-form .nf-form-cont .nf-form-title {
  display: none;
}

.idea-form .nf-form-cont .nf-form-fields-required {
  display: none;
}

.loading-indicator.idea-form .nf-form-cont .nf-form-fields-required {
  display: none;
}

.idea-form .nf-form-cont .textbox-container,
		.idea-form .nf-form-cont .listselect-container,
		.idea-form .nf-form-cont .textarea-container {
  margin-bottom: 1.5rem !important;
}

.idea-form .nf-form-cont .html-container {
  margin-bottom: 0px !important;
}

@media (min-width: 1024px) {
  .idea-form .nf-form-cont .html-container {
    margin-bottom: 1rem !important;
  }
}

.idea-form .nf-form-cont label {
  font-family: sarabun-semibold;
  font-size: 16px;
}

.idea-form .nf-form-cont .submit-container input {
  width: 100%;
  cursor: pointer;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  font-family: anuphansemibold;
  font-size: 18px;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


	p .idea-form .nf-form-cont .submit-container input,
	ul .idea-form .nf-form-cont .submit-container input {
  line-height: 1.4;
}

.idea-form .nf-form-cont .submit-container input {
  line-height: 1.4 !important;
}


		.detail-simple p .idea-form .nf-form-cont .submit-container input {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .idea-form .nf-form-cont .submit-container input {
    font-size: 22px;
  }
}

.idea-form .nf-form-cont .submit-container input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.idea-form .nf-form-cont .nf-fu-fileinput-button {
  width: 100%;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
  font-family: anuphansemibold;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .idea-form .nf-form-cont .nf-fu-fileinput-button,
	ul .idea-form .nf-form-cont .nf-fu-fileinput-button {
  line-height: 1.4;
}

.idea-form .nf-form-cont .nf-fu-fileinput-button {
  line-height: 1.4 !important;
}


		.detail-simple p .idea-form .nf-form-cont .nf-fu-fileinput-button {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .idea-form .nf-form-cont .nf-fu-fileinput-button {
    font-size: 22px;
  }
}

.idea-form .nf-form-cont .nf-fu-progress {
  margin-top: 1rem;
  height: 0.75rem;
  border-radius: 0.25rem !important;
}

.idea-form .nf-form-cont .nf-fu-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.idea-form .nf-form-cont .files_uploaded p {
  margin-top: -0.75rem;
}

.idea-form .nf-form-cont .files_uploaded .delete {
  --tw-text-opacity: 1;
  color: rgb(193 44 44 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.idea-form .nf-form-cont .checkbox-container .checkbox-wrap {
  display: block;
}

.idea-form .nf-form-cont .checkbox-container .checkbox-wrap label::after {
  border-radius: 4px;
  border: 2px solid black;
  background: white;
}

.idea-form .nf-form-cont .checkbox-container .nf-field-description {
  margin: 0px;
  margin-top: -0.75rem;
  width: 100% !important;
  padding-left: 2.25rem;
}

@media (min-width: 1024px) {
  .idea-form .nf-form-cont .checkbox-container .nf-field-description {
    margin-top: -0.25rem;
  }
}

.idea-form .nf-form-cont .checkbox-container .nf-field-description a {
  font-family: sarabun-semibold;
  text-decoration-line: underline;
}

.idea-form .nf-form-cont .listselect-wrap .nf-field-element {
  overflow: hidden !important;
  border-radius: 0.375rem !important;
}

.idea-form .nf-form-cont .listselect-wrap .nf-field-element select {
  cursor: pointer;
  overflow: hidden !important;
  border-radius: 0.375rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
  background: url("/wp-content/themes/greener-bkk/theme/assets/img/select-toggle.svg")
						98% no-repeat;
}

.idea-form .nf-form-cont .listselect-wrap .nf-field-element div {
  overflow: hidden !important;
  border-radius: 0.375rem !important;
}

.idea-form .nf-form-cont .listselect-wrap .nf-field-element div::after {
  display: none;
}

.loading-indicator.idea-form .nf-form-cont .listselect-wrap .nf-field-element div::after {
  display: none;
}

.idea-form .nf-form-cont .nf-field-element:after,
		.idea-form .nf-form-cont .ninja-forms-req-symbol {
  display: none;
}

.loading-indicator.idea-form .nf-form-cont .nf-field-element:after,.loading-indicator
		.idea-form .nf-form-cont .ninja-forms-req-symbol {
  display: none;
}

.br-hide-m br {
  display: none;
}

.loading-indicator.br-hide-m br {
  display: none;
}

@media (min-width: 1024px) {
  .br-hide-m br {
    display: block;
  }
}

.br-hide-d br {
  display: block;
}

@media (min-width: 1024px) {
  .br-hide-d br {
    display: none;
  }
}

.br-hide-speacial br {
  display: none;
}

.loading-indicator.br-hide-speacial br {
  display: none;
}

@media (min-width: 1280px) {
  .br-hide-speacial br {
    display: block;
  }
}

ul.list-disc li::marker {
  font-size: 12px !important;
}

.form-thx {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.footer-sub-submenu li div.form-thx {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.form-thx svg {
  margin-bottom: 2rem;
  height: 96px;
  width: 96px;
}

@media (min-width: 1024px) {
  .form-thx svg {
    height: auto;
    width: auto;
  }
}

.form-thx h3 {
  margin-bottom: 1.5rem !important;
  font-family: bkk_draft5regular !important;
  font-size: 32px !important;
}

@media (min-width: 1024px) {
  .form-thx h3 {
    font-size: 40px !important;
  }
}

.form-thx p {
  margin-bottom: 2rem;
  font-family: anuphanmedium;
  font-size: 20px;
}

p.form-thx p,
	ul.form-thx p {
  line-height: 1.4;
}

.form-thx p {
  line-height: 1.4 !important;
}

.section-color p.form-thx p {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.form-thx p {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.form-thx p {
    font-size: 28px;
  }
}

.detail-simple p.form-thx p {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.form-thx p {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .form-thx p {
    font-size: 22px;
  }
}

.form-thx p:not(.br-hide-m) {
  display: none !important;
}

.form-thx .intro {
  margin-bottom: 0.5rem;
}

.form-thx .contact {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.footer-sub-submenu li div.form-thx .contact {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .form-thx .contact {
    flex-direction: row;
  }
}

.form-thx .contact br {
  display: none !important;
}

.estimate-pm25 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.footer-sub-submenu li div.estimate-pm25 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .estimate-pm25 {
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    row-gap: 0.75rem;
  }
}

.estimate-pm25 input {
  display: none;
}

.loading-indicator.estimate-pm25 input {
  display: none;
}

.estimate-pm25 div {
  display: inline-block;
  cursor: pointer;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: anuphanmedium;
  font-size: 16px;
}

p.estimate-pm25 div,
	ul.estimate-pm25 div {
  line-height: 1.4;
}

.estimate-pm25 div {
  line-height: 1.4 !important;
}

.box-folder .box-content.estimate-pm25 div {
  background: #fff;
}

.section-color p.estimate-pm25 div {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.estimate-pm25 div {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.estimate-pm25 div {
    font-size: 28px;
  }
}

.detail-simple p.estimate-pm25 div {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.estimate-pm25 div {
    font-size: 22px;
  }
}

.estimate-pm25 div {
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.estimate-pm25 div:has(input:checked) {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.estimate-pm25 label {
  cursor: pointer !important;
}

.est-result {
  pointer-events: none;
  position: absolute;
  top: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 2.75rem;
  border-radius: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  opacity: 0;
}

.footer-sub-submenu li div.est-result {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .est-result {
    flex-direction: row;
    justify-content: normal;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

.bg-text-or span, .bg-text-bu span, .bg-text-ge span {
  border-radius: 8px;
  padding: 0px 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.bg-text-or span {
  white-space: nowrap;
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
  line-height: 2;
}

.bg-text-bu span {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.bg-text-ge span {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.bma-zero-list li {
  display: grid;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  grid-template-columns: 16px auto;
}

.bma-zero-list li svg {
  margin-top: 5px;
}

.page-id-49 .fancybox__footer,
	.page-id-49 .fancybox__nav {
  display: none !important;
}

.card-red {
  background-color: aqua;
  border-radius: 16px;
}

.table-edit p,
	.table-edit li {
  font-size: 14px !important;
}

@media (min-width: 1024px) {
  .table-edit p,
	.table-edit li {
    font-size: 16px !important;
  }
}

.table-edit td {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.mt-grow > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.mt-grow input {
  display: none;
}

.loading-indicator.mt-grow input {
  display: none;
}

.mt-grow div {
  display: inline-block;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.mt-grow div,
	ul.mt-grow div {
  line-height: 1.4;
}

.mt-grow div {
  line-height: 1.4 !important;
}

.box-folder .box-content.mt-grow div {
  background: #fff;
}

.section-color p.mt-grow div {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.mt-grow div {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.mt-grow div {
    font-size: 28px;
  }
}

.detail-simple p.mt-grow div {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.mt-grow div {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .mt-grow div {
    padding: 0.75rem;
    font-size: 16px;
  }
}

.mt-grow div:has(input:checked) {
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mt-grow label {
  cursor: pointer !important;
}

.mt-img-wrap img {
  opacity: 0;
}

.mt-img-wrap .mt-img1 {
  opacity: 1;
}

.comparisonSection {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
}

.comparisonSection img {
  -o-object-fit: cover;
     object-fit: cover;
}

.comparisonImage {
  width: 100%;
  height: 100%;
}

.afterImage {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(100%, 0px);
}

.afterImage img {
  transform: translate(-100%, 0px);
}

.comparisonImage img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.arborist-cir-wrap div .arborist-cir {
  position: relative;
}

.arborist-cir-wrap div .arborist-cir::after {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 3px;
  background-color: black;
  left: 26px;
  bottom: -19px;
}

.arborist-cir-wrap div:last-child .arborist-cir {
  position: relative;
}

.arborist-cir-wrap div:last-child .arborist-cir::after {
  display: none;
}

.arb-wrap::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.2) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.arb-img-wrap::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0.6) 0%,
		rgba(255, 255, 255, 0) 100%
	);
}

.mt-grow input[type="checkbox"]:checked,
.mt-grow input[type="checkbox"]:checked + label {
  pointer-events: none;
}

.tree-mau-wrap {
  box-shadow: 15px 33px 50px 0px rgba(0, 0, 0, 0.41);
}

.tree-mau-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(
			25deg,
			rgba(0, 0, 0, 0.7) 0%,
			rgba(255, 255, 255, 0) 100%
		);
}

.mySwiper-cards {
  padding-bottom: 3.5rem;
}

.mySwiper-cards .swiper-pagination {
  width: -moz-fit-content;
  width: fit-content;
}

.mySwiper-cards .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 1.5rem;
  border-radius: 60px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.mySwiper-cards .swiper-pagination-bullet {
  margin-left: 2px;
  margin-right: 2px;
  height: 0.5rem;
  width: 0.5rem;
  background-color: rgb(0 0 0 / 0.8);
}

.mySwiper-cards .swiper-button-next {
  top: auto;
  bottom: 0px;
  right: 0px;
  height: 2rem;
  width: 2rem;
  cursor: pointer !important;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.mySwiper-cards .swiper-button-prev {
  left: auto;
  top: auto;
  bottom: 0px;
  right: 2.5rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer !important;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.mySwiper-cards .swiper-button-next::after,
	.mySwiper-cards .swiper-button-prev::after {
  cursor: pointer !important;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.mySwiper-cards .swiper-button-disabled {
  cursor: default !important;
  --tw-text-opacity: 1 !important;
  color: rgb(197 197 197 / var(--tw-text-opacity)) !important;
}

.wrap-howtoting .sf-field-taxonomy-group-type {
  margin-top: 1.25rem !important;
}

.pagination-htt {
  display: flex;
  justify-content: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.footer-sub-submenu li div.pagination-htt {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.pagination-htt .nav-previous:has(a),
	.pagination-htt .nav-next:has(a) {
  display: block;
}

.pagination-htt .nav-previous,
	.pagination-htt .nav-next {
  display: none;
  border-radius: 9999px;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.loading-indicator.pagination-htt .nav-previous,.loading-indicator
	.pagination-htt .nav-next {
  display: none;
}

.pagination-htt .nav-previous,
	.pagination-htt .nav-next {
  transition: all 300ms ease-in-out;
}

.pagination-htt .nav-previous:hover,
	.pagination-htt .nav-next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition: all 300ms ease-in-out;
}

.calendar-active a {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.article-active a {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.article-active .ic img {
  filter: none;
}

.footer-sub-submenu {
  padding-left: 1.5rem;
  font-size: 14px !important;
}

@media (min-width: 1024px) {
  .footer-sub-submenu {
    font-size: 16px !important;
  }
}

.footer-sub-submenu li div.flex {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.footer-sub-submenu div {
}

.footer-sub-submenu li {
  list-style: disc;
}

.footer-sub-submenu li::marker {
  font-size: 12px !important;
}

.mySwiper-bkkfb {
  padding-bottom: 100px;
}

.mySwiper-bkkfb .swiper-slide {
  position: relative;
  display: grid;
  height: 260px;
  place-content: center;
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.mySwiper-bkkfb .swiper-slide {
  background: #fff;
}

.mySwiper-bkkfb .swiper-slide img {
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 1 / 1;
  height: 180px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.mySwiper-bkkfb .swiper-slide div {
  text-align: center;
  font-family: sarabun-semibold;
  font-size: 14px;
}

@media (min-width: 1024px) {
  .mySwiper-bkkfb .swiper-slide div {
    font-size: 16px;
  }
}

.mySwiper-bkkfb .swiper-slide p {
  text-align: center;
  font-family: sarabunregular;
  font-size: 12px;
}

.mySwiper-bkkfb .swiper-slide .need-tag {
  position: absolute;
  top: -1.5rem;
  right: 1rem;
  display: grid;
  height: 64px;
  width: 64px;
  place-content: center;
  border-radius: 9999px;
  font-family: anuphanmedium;
  font-size: 12px;
}

p.mySwiper-bkkfb .swiper-slide .need-tag,
	ul.mySwiper-bkkfb .swiper-slide .need-tag {
  line-height: 1.4;
}

.mySwiper-bkkfb .swiper-slide .need-tag {
  line-height: 1.4 !important;
}

.section-color p.mySwiper-bkkfb .swiper-slide .need-tag {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.mySwiper-bkkfb .swiper-slide .need-tag {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.mySwiper-bkkfb .swiper-slide .need-tag {
    font-size: 28px;
  }
}

.detail-simple p.mySwiper-bkkfb .swiper-slide .need-tag {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.mySwiper-bkkfb .swiper-slide .need-tag {
    font-size: 22px;
  }
}

.mySwiper-bkkfb .swiper-slide .need-tag {
  stroke-width: 1px;
  stroke: rgba(0, 0, 0, 0.14);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.mySwiper-bkkfb .swiper-slide .tag-use {
  --tw-bg-opacity: 1;
  background-color: rgb(255 194 222 / var(--tw-bg-opacity));
}

.mySwiper-bkkfb .swiper-slide .tag-eat {
  --tw-bg-opacity: 1;
  background-color: rgb(183 255 143 / var(--tw-bg-opacity));
}

.mySwiper-bkkfb .swiper-button-next {
  bottom: 0px;
  top: auto;
  left: 60px;
  height: 50px;
  width: 50px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.mySwiper-bkkfb .swiper-button-next {
  background: #fff;
}

.mySwiper-bkkfb .swiper-button-prev {
  bottom: 0px;
  top: auto;
  left: 0px;
  height: 50px;
  width: 50px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.mySwiper-bkkfb .swiper-button-prev {
  background: #fff;
}

.mySwiper-bkkfb .swiper-button-next::after,
	.mySwiper-bkkfb .swiper-button-prev::after {
  display: none;
}

.loading-indicator.mySwiper-bkkfb .swiper-button-next::after,.loading-indicator
	.mySwiper-bkkfb .swiper-button-prev::after {
  display: none;
}

.mySwiper-bkkfb .swiper-button-next svg {
  transform: rotate(180deg);
}

.mySwiper-donate {
  padding-bottom: 100px;
}

.mySwiper-donate .swiper-button-next {
  bottom: 0px;
  top: auto;
  left: 60px;
  height: 50px;
  width: 50px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.mySwiper-donate .swiper-button-next {
  background: #fff;
}

.mySwiper-donate .swiper-button-prev {
  bottom: 0px;
  top: auto;
  left: 0px;
  height: 50px;
  width: 50px;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.mySwiper-donate .swiper-button-prev {
  background: #fff;
}

.mySwiper-donate .swiper-button-next::after,
	.mySwiper-donate .swiper-button-prev::after {
  display: none;
}

.loading-indicator.mySwiper-donate .swiper-button-next::after,.loading-indicator
	.mySwiper-donate .swiper-button-prev::after {
  display: none;
}

.mySwiper-donate .swiper-button-next svg {
  transform: rotate(180deg);
}

.bkkfb-bg-pink {
  background: linear-gradient(0deg, #ffc2de 14.56%, #ffa2cd 93.2%);
}

.popup-fix-btn {
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(24.5px);
          backdrop-filter: blur(24.5px);
  position: fixed;
  bottom: 5rem;
  right: 1.5rem;
  z-index: 999;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 9999px;
  background-color: rgb(255 255 255 / 0.7);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.footer-sub-submenu li div.popup-fix-btn {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .popup-fix-btn {
    bottom: 6rem;
    right: 2rem;
  }
}

.popup-fix-btn div {
  font-family: anuphanmedium;
  font-size: 12px;
}

p.popup-fix-btn div,
	ul.popup-fix-btn div {
  line-height: 1.4;
}

.popup-fix-btn div {
  line-height: 1.4 !important;
}

.section-color p.popup-fix-btn div {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.popup-fix-btn div {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.popup-fix-btn div {
    font-size: 28px;
  }
}

.detail-simple p.popup-fix-btn div {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.popup-fix-btn div {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .popup-fix-btn div {
    font-size: 18px;
  }
}

.popup-fix {
  z-index: 999999;
}

.popup-fix .idea-form {
  margin-bottom: 0px;
}

.popup-fix .card-modal {
  display: grid;
  height: 100%;
  place-content: center;
  overflow: hidden;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

@media (min-width: 1024px) {
  .popup-fix .card-modal {
    display: block;
    height: auto;
  }
}

.popup-fix .nf-form-cont {
  box-shadow: none !important;
  position: relative;
  z-index: 1;
  margin-top: 0px;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

@media (min-width: 1024px) {
  .popup-fix .nf-form-cont {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
}

.popup-fix .field-wrap.html-wrap h2 {
  margin-bottom: 0.5rem;
  font-family: bkk_draft5regular;
  font-size: 30px;
}

@media (min-width: 1024px) {
  .popup-fix .field-wrap.html-wrap h2 {
    margin-bottom: 1.5rem;
  }
}

.popup-fix .fix-btn-close {
  position: absolute;
  top: 1.75rem;
  right: 1.75rem;
  z-index: 2;
}

.popup-fix .nf-field-container {
  margin-bottom: 0.75rem !important;
}

@media (min-width: 1024px) {
  .popup-fix .nf-field-container {
    margin-bottom: 1.5rem !important;
  }
}

.popup-fix .nf-field-container.submit-container,
	.popup-fix .nf-field-container.file_upload-container {
  margin-bottom: 0.5rem !important;
}

@media (min-width: 1024px) {
  .popup-fix .nf-field-container.submit-container,
	.popup-fix .nf-field-container.file_upload-container {
    margin-bottom: 1.5rem !important;
  }
}

.popup-fix .field-wrap.submit-wrap input.ninja-forms-field.nf-element {
  height: auto !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.popup-fix .nf-field-container.file_upload-container input.nf-element {
  display: none !important;
}

.popup-fix .nf-fu-progress {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  height: 0.5rem !important;
}

@media (min-width: 1024px) {
  .popup-fix .nf-fu-progress {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
}

.popup-fix input {
  height: 2rem !important;
}

@media (min-width: 1024px) {
  .popup-fix input {
    height: 3rem !important;
  }
}

.popup-fix .fix-popup-thx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.popup-fix .fix-popup-thx {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.popup-fix .fix-popup-thx svg {
  margin-bottom: 1.25rem;
}

.popup-fix .fix-popup-thx div {
  text-align: center;
  font-family: sarabun-semibold;
  font-size: 16px;
}

#additional-div .nf-form-cont .nf-form-title h3 {
  margin-bottom: 1.5rem;
  font-family: bkk_draft5regular;
  font-size: 30px;
}

#additional-div .nf-field-container.textarea-container .nf-field .nf-field-label label {
  font-family: sarabun-bold;
  font-size: 16px;
}

#additional-div .nf-field-container.textarea-container .nf-field-element textarea {
  resize: none;
  border-radius: 0.5rem;
  border-style: none;
  --tw-bg-opacity: 1;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity));
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

#additional-div .nf-field-container.submit-container .ninja-forms-field.nf-element {
  border-radius: 9999px;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  font-family: anuphansemibold;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p #additional-div .nf-field-container.submit-container .ninja-forms-field.nf-element,
	ul #additional-div .nf-field-container.submit-container .ninja-forms-field.nf-element {
  line-height: 1.4;
}

#additional-div .nf-field-container.submit-container .ninja-forms-field.nf-element {
  line-height: 1.4 !important;
}


		.detail-simple p #additional-div .nf-field-container.submit-container .ninja-forms-field.nf-element {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p #additional-div .nf-field-container.submit-container .ninja-forms-field.nf-element {
    font-size: 22px;
  }
}

.privacy-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
}

.privacy-container h2 {
  margin-bottom: 1.5rem;
  font-size: 26px;
}

@media (min-width: 1024px) {
  .privacy-container h2 {
    margin-bottom: 2rem;
    font-size: 30px;
  }
}

.privacy-container p,
	.privacy-container li {
  font-size: 16px;
}

.privacy-container ol {
  list-style-type: decimal;
}

.privacy-container ul {
  list-style: disc;
}

.privacy-container ol,
	.privacy-container ul {
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
}

@media (min-width: 1024px) {
  .privacy-container ol,
	.privacy-container ul {
    padding-left: 1.5rem;
  }
}

.privacy-container p + h2 {
  margin-top: 2.5rem;
}

@media (min-width: 1024px) {
  .privacy-container p + h2 {
    margin-top: 4rem;
  }
}

.privacy-container p {
  margin-bottom: 20px;
}

.privacy-container .wp-block-table table {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
  width: 100%;
  border-collapse: separate;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.privacy-container .wp-block-table table.light-head thead th {
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: left;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content.privacy-container .wp-block-table table.light-head thead th {
  background: #fff;
}

@media (min-width: 768px) {
  .privacy-container .wp-block-table table.light-head thead th {
    border-bottom-width: 1px;
  }
}

.privacy-container .wp-block-table table.light-head thead th:not(:last-child) {
  border-right-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.privacy-container .wp-block-table table.light-head th {
  border-bottom-width: 1px !important;
  border-color: rgb(0 0 0 / 0.2) !important;
  font-size: 18px !important;
}

.privacy-container .wp-block-table table.light-head th.b-black {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.privacy-container .wp-block-table table.light-head td {
  border-bottom-width: 1px !important;
  border-color: rgb(0 0 0 / 0.2) !important;
  font-family: sarabun-semibold !important;
}

.privacy-container .wp-block-table table thead th {
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: left;
  vertical-align: middle;
  font-family: anuphansemibold;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p .privacy-container .wp-block-table table thead th,
	ul .privacy-container .wp-block-table table thead th {
  line-height: 1.4;
}

.privacy-container .wp-block-table table thead th {
  line-height: 1.4 !important;
}


		.detail-simple p .privacy-container .wp-block-table table thead th {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .privacy-container .wp-block-table table thead th {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .privacy-container .wp-block-table table thead th {
    border-bottom-width: 1px;
  }
}

.privacy-container .wp-block-table table thead th:not(:last-child) {
  border-right-width: 1px;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.privacy-container .wp-block-table table .align-top-all td {
  vertical-align: top !important;
}

.privacy-container .wp-block-table table tbody td {
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content.privacy-container .wp-block-table table tbody td {
  background: #fff;
}

@media (min-width: 768px) {
  .privacy-container .wp-block-table table tbody td {
    border-bottom-width: 1px;
  }
}

.privacy-container .wp-block-table table tbody td:not(:last-child) {
  border-right-width: 1px;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
}

.privacy-container .wp-block-table table tbody .m-th {
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .privacy-container .wp-block-table table tbody .m-th {
    display: none;
  }
}

.privacy-container .wp-block-table table tbody tr:first-child td {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  font-family: anuphansemibold;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p .privacy-container .wp-block-table table tbody tr:first-child td,
	ul .privacy-container .wp-block-table table tbody tr:first-child td {
  line-height: 1.4;
}

.privacy-container .wp-block-table table tbody tr:first-child td {
  line-height: 1.4 !important;
}


		.detail-simple p .privacy-container .wp-block-table table tbody tr:first-child td {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .privacy-container .wp-block-table table tbody tr:first-child td {
    font-size: 22px;
  }
}

.privacy-container .wp-block-table table tbody tr td:first-child {
  width: 50%;
  padding: 0.75rem;
}

@media (min-width: 1024px) {
  .privacy-container .wp-block-table table tbody tr td:first-child {
    width: 35%;
    padding: 1.5rem;
  }
}

.privacy-container .wp-block-table table tbody tr td:last-child {
  width: 50%;
  padding: 0.75rem;
}

@media (min-width: 1024px) {
  .privacy-container .wp-block-table table tbody tr td:last-child {
    width: 65%;
    padding: 1.5rem;
  }
}

.privacy-container .wp-block-table table tbody td {
  vertical-align: top;
}

.privacy-container #was-this-helpful {
  display: none;
}

.loading-indicator.privacy-container #was-this-helpful {
  display: none;
}

.single-httpopup {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -10%;
  display: block !important;
  width: 100%;
  max-width: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.single-httpopup {
  background: #fff;
}

@media (min-width: 1024px) {
  .single-httpopup {
    margin-top: -25%;
  }
}

.single-httpopup {
  box-shadow: 8px 9px 24px 1px rgba(0, 0, 0, 0.41);
  -webkit-box-shadow: 8px 9px 24px 1px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 8px 9px 24px 1px rgba(0, 0, 0, 0.41);
}

.card-dust {
  cursor: default !important;
  pointer-events: visible !important;
}

#bkk-park-about {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.single figure + h2 {
  margin-top: 2.5rem;
}

.single .is-type-video {
  margin-bottom: 2.5rem;
}

.single ol {
  list-style: decimal;
  padding-bottom: 24px;
  padding-left: 1rem;
}

@media (min-width: 1024px) {
  .single ol {
    padding-left: 1.5rem;
  }
}

.article-content .wp-block-image,
	.article-content .wp-block-gallery {
  margin-bottom: 20px;
}

.article-body.box-center {
  margin-top: 1.25rem !important;
}

@media (min-width: 1024px) {
  .article-body.box-center {
    margin-top: 2.5rem !important;
  }
}

.plyr--video {
  height: 100%;
  border-radius: 1rem;
}

.stat-speacial::before {
  display: none !important;
}

.box-stat img {
  height: 2rem !important;
  width: auto;
}

.gcd-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 1024px) {
  .gcd-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.gcd-grid div {
  display: flex;
  flex-direction: column;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.75rem;
  text-align: left;
}

.box-folder .box-content.gcd-grid div {
  background: #fff;
}

.footer-sub-submenu li div.gcd-grid div {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .gcd-grid div {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.gcd-grid div svg {
  margin-bottom: 1rem;
  height: 2rem;
  width: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 1024px) {
  .gcd-grid div svg {
    margin-bottom: 2.75rem;
    height: 2.75rem;
    width: 2.75rem;
  }
}

.gcd-grid div h3 {
  margin-bottom: 0.75rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
}

@media (min-width: 1024px) {
  .gcd-grid div h3 {
    font-size: 22px;
  }
}

.gcd-grid div p {
  font-family: sarabunregular;
  font-size: 16px;
  line-height: 1.625;
}

@media (min-width: 1024px) {
  .gcd-grid div p {
    font-size: 18px;
  }
}

.agc-lg {
  display: grid;
  place-content: center;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.2);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.agc-lg {
  background: #fff;
}

.agc-lg img {
  aspect-ratio: 1 / 1;
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.regis-gcd-form {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 120px;
  padding-bottom: 3rem;
}

.box-folder .box-content.regis-gcd-form {
  background: #fff;
}

.footer-sub-submenu li div.regis-gcd-form {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .regis-gcd-form {
    padding-top: 160px;
    padding-bottom: 6rem;
  }
}

.regis-gcd-form .inner-wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 790px;
}

.regis-gcd-form .nf-form-title {
  display: none;
}

.loading-indicator.regis-gcd-form .nf-form-title {
  display: none;
}

.regis-gcd-form .nf-form-content {
  padding: 0px !important;
}

.regis-gcd-form label {
  font-family: sarabun-semibold;
  font-size: 16px !important;
}

.regis-gcd-form input {
  margin-top: 0.5rem !important;
  border-radius: 0.5rem !important;
  border-style: none !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 243 243 / var(--tw-bg-opacity)) !important;
  font-family: sarabunregular !important;
  font-size: 16px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.regis-gcd-form .nf-field-description p {
  font-family: sarabunregular !important;
  font-size: 14px !important;
}

.regis-gcd-form .nf-field-label {
  margin-bottom: 0px !important;
}

.regis-gcd-form input[type="submit"] {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px !important;
  display: block;
  height: auto !important;
  cursor: pointer;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity)) !important;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  font-family: bkk_draft5regular !important;
  font-size: 24px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px) {
  .regis-gcd-form input[type="submit"] {
    margin-left: unset;
    margin-right: unset;
  }
}

.regis-gcd-form .checkbox-wrap {
  display: grid !important;
  align-items: flex-start;
  gap: 0.5rem;
  grid-template-columns: auto auto;
}

.regis-gcd-form .checkbox-wrap label::after {
  border-radius: 0.125rem !important;
  border-width: 2px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.regis-gcd-form .nf-fu-fileinput-button {
  margin-top: 0.5rem !important;
  width: 100%;
  border-radius: 9999px;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  background-color: transparent;
  font-family: anuphansemibold;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .regis-gcd-form .nf-fu-fileinput-button,
	ul .regis-gcd-form .nf-fu-fileinput-button {
  line-height: 1.4;
}

.regis-gcd-form .nf-fu-fileinput-button {
  line-height: 1.4 !important;
}


		.detail-simple p .regis-gcd-form .nf-fu-fileinput-button {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .regis-gcd-form .nf-fu-fileinput-button {
    font-size: 22px;
  }
}

.regis-gcd-form .nf-fu-fileinput-button:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.regis-gcd-form .nf-fu-progress {
  margin-top: 0.25rem !important;
  height: 0.75rem;
  border-radius: 0.25rem !important;
}

.regis-gcd-form .nf-fu-progress-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.regis-gcd-form .files_uploaded p {
  margin-top: -0.75rem;
}

.regis-gcd-form .files_uploaded .delete {
  --tw-text-opacity: 1;
  color: rgb(193 44 44 / var(--tw-text-opacity));
  text-decoration-line: underline;
}

.section-goal .fp-overflow {
  max-height: none !important;
}

.home-cool-room .layout-inner .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(253 251 230 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

.footer-sub-submenu li div.home-cool-room .layout-inner .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper {
    flex-direction: row;
    gap: 5rem;
    padding: 3rem;
    padding-bottom: 1.5rem;
  }
}

.home-cool-room .layout-inner .wrapper .left {
  width: 100%;
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .left {
    width: 40%;
  }
}

.home-cool-room .layout-inner .wrapper .left img {
  margin-bottom: 0.75rem;
  height: 6rem;
}

.home-cool-room .layout-inner .wrapper .left h3 {
  margin-bottom: 0.25rem;
  font-size: 22px;
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .left h3 {
    font-size: 28px;
  }
}

.home-cool-room .layout-inner .wrapper .left .date {
  margin-bottom: 1.5rem;
  font-family: sarabun-semibold;
  font-size: 14px;
  color: rgb(0 0 0 / 0.5);
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .left .date {
    font-size: 18px;
  }
}

.home-cool-room .layout-inner .wrapper .left .des {
  margin-bottom: 1rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .home-cool-room .layout-inner .wrapper .left .des,
	ul .home-cool-room .layout-inner .wrapper .left .des {
  line-height: 1.4;
}

.home-cool-room .layout-inner .wrapper .left .des {
  line-height: 1.4 !important;
}


		.detail-simple p .home-cool-room .layout-inner .wrapper .left .des {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .home-cool-room .layout-inner .wrapper .left .des {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .left .des {
    font-size: 18px;
  }
}

.home-cool-room .layout-inner .wrapper .right {
  width: 100%;
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .right {
    width: 60%;
  }
}

.home-cool-room .layout-inner .wrapper .right .top {
  margin-bottom: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  border-radius: 1.5rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.6);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.footer-sub-submenu li div.home-cool-room .layout-inner .wrapper .right .top {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .right .top {
    gap: 3.5rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.home-cool-room .layout-inner .wrapper .right .top .inner-left {
  position: relative;
}

.home-cool-room .layout-inner .wrapper .right .top .inner-left svg {
  position: absolute;
  left: 2.5rem;
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right h4 {
  margin-bottom: 0.25rem;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .home-cool-room .layout-inner .wrapper .right .top .inner-right h4,
	ul .home-cool-room .layout-inner .wrapper .right .top .inner-right h4 {
  line-height: 1.4;
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .home-cool-room .layout-inner .wrapper .right .top .inner-right h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .home-cool-room .layout-inner .wrapper .right .top .inner-right h4 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .right .top .inner-right h4 {
    font-size: 20px;
  }
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right h3 {
  margin-bottom: 0.5rem;
  font-family: bkk_draft5regular;
  font-size: 34px;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .right .top .inner-right h3 {
    font-size: 50px;
  }
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right h3 br {
  display: block;
}

@media (min-width: 768px) {
  .home-cool-room .layout-inner .wrapper .right .top .inner-right h3 br {
    display: none;
  }
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right div {
  margin-bottom: 0.75rem;
  font-family: anuphansemibold;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .home-cool-room .layout-inner .wrapper .right .top .inner-right div,
	ul .home-cool-room .layout-inner .wrapper .right .top .inner-right div {
  line-height: 1.4;
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right div {
  line-height: 1.4 !important;
}


		.detail-simple p .home-cool-room .layout-inner .wrapper .right .top .inner-right div {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .home-cool-room .layout-inner .wrapper .right .top .inner-right div {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .right .top .inner-right div {
    font-size: 22px;
  }
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
  font-family: anuphanmedium;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

p.home-cool-room .layout-inner .wrapper .right .top .inner-right p,
	ul.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
  line-height: 1.4;
}

.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
  line-height: 1.4 !important;
}

.section-color p.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
    font-size: 28px;
  }
}

.detail-simple p.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.home-cool-room .layout-inner .wrapper .right .top .inner-right p {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .home-cool-room .layout-inner .wrapper .right .top .inner-right p {
    font-size: 16px;
  }
}

.home-cool-room .layout-inner .wrapper .right .top.green {
  background: #4bcc7b;
  background: linear-gradient(
							180deg,
							rgba(75, 204, 123, 1) 30%,
							rgba(188, 251, 105, 1) 100%
						);
  box-shadow: 0px 4px 60px 7px #84fb69;
}

.home-cool-room .layout-inner .wrapper .right .top.green .inner-left svg {
  top: 73%;
}

.home-cool-room .layout-inner .wrapper .right .top.yellow {
  background: #ffce1c;
  background: linear-gradient(
							180deg,
							rgba(255, 206, 28, 1) 30%,
							rgba(255, 238, 77, 1) 100%
						);
  box-shadow: 0px 4px 60px 7px #ffcf33;
}

.home-cool-room .layout-inner .wrapper .right .top.yellow .inner-left svg {
  top: 52%;
}

.home-cool-room .layout-inner .wrapper .right .top.orange {
  background: #ff851b;
  background: linear-gradient(
							180deg,
							rgba(255, 133, 27, 1) 30%,
							rgba(255, 177, 42, 1) 100%
						);
  box-shadow: 0px 4px 60px 7px #ff9822;
}

.home-cool-room .layout-inner .wrapper .right .top.orange .inner-left svg {
  top: 32%;
}

.home-cool-room .layout-inner .wrapper .right .top.red {
  background: #f94b28;
  background: linear-gradient(
							180deg,
							rgba(249, 75, 40, 1) 30%,
							rgba(255, 153, 64, 1) 100%
						);
  box-shadow: 0px 4px 60px 7px #ff4303;
}

.home-cool-room .layout-inner .wrapper .right .top.red .inner-left svg {
  top: 10%;
}

.home-cool-room .layout-inner .wrapper .right .bottom {
  font-family: sarabunregular;
  font-size: 12px;
  color: rgb(0 0 0 / 0.7);
}

/* .left {
			img {
				@apply invert;
			}
		} */

.header-solar .header-bar[data-theme="light"] .mid ul li {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* img {
				@apply invert;
			} */

.header-solar .header-bar[data-theme="light"] .right .hamburger .top .line {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.header-solar .header-bar[data-theme="light"] .right .hamburger .top .line {
  background: #fff;
}

.header-solar .header-bar[data-theme="light"] .right .hamburger .text {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-solar .header-bar[data-theme="light"] .logo-line {
  background-color: rgb(255 255 255 / 0.5);
}

.header-solar .header-bar[data-theme="dark"] .left img {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.header-solar .header-bar[data-theme="dark"] .mid ul li {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.header-solar .header-bar[data-theme="dark"] .mid img {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.header-solar .header-bar[data-theme="dark"] .right img {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.header-solar .header-bar[data-theme="dark"] .right .hamburger .top .line {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.header-solar .header-bar[data-theme="dark"] .right .hamburger .text {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.header-solar .header-bar[data-theme="dark"] .logo-line {
  background-color: rgb(0 0 0 / 0.5);
}

.header-solar .wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.footer-sub-submenu li div.header-solar .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .header-solar .wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.header-solar .wrapper .left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.footer-sub-submenu li div.header-solar .wrapper .left {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.header-solar .wrapper .left img {
  height: 2rem;
  width: auto;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .left img {
    height: 2rem;
  }
}

@media (min-width: 1280px) {
  .header-solar .wrapper .left img {
    height: 3rem;
  }
}

.header-solar .wrapper .left div {
  height: 3rem;
  width: 1px;
}

.header-solar .wrapper .mid {
  display: none;
}

.loading-indicator.header-solar .wrapper .mid {
  display: none;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .mid {
    display: block;
  }
}

.header-solar .wrapper .mid ul {
  display: flex;
  align-items: center;
}

.footer-sub-submenu li div.header-solar .wrapper .mid ul {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .mid ul {
    gap: 1rem;
  }
}

@media (min-width: 1280px) {
  .header-solar .wrapper .mid ul {
    gap: 2rem;
  }
}

.header-solar .wrapper .mid ul li {
  font-family: anuphanmedium;
}

p.header-solar .wrapper .mid ul li,
	ul.header-solar .wrapper .mid ul li {
  line-height: 1.4;
}

.header-solar .wrapper .mid ul li {
  line-height: 1.4 !important;
}

.section-color p.header-solar .wrapper .mid ul li {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.header-solar .wrapper .mid ul li {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.header-solar .wrapper .mid ul li {
    font-size: 28px;
  }
}

.detail-simple p.header-solar .wrapper .mid ul li {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.header-solar .wrapper .mid ul li {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .header-solar .wrapper .mid ul li {
    font-size: 12px;
  }
}

@media (min-width: 1280px) {
  .header-solar .wrapper .mid ul li {
    font-size: 14px;
  }
}

.header-solar .wrapper .right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.footer-sub-submenu li div.header-solar .wrapper .right {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right {
    gap: 1.25rem;
  }
}

.header-solar .wrapper .right .btn-element {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.box-folder .box-content.header-solar .wrapper .right .btn-element {
  background: #fff;
}

.footer-sub-submenu li div.header-solar .wrapper .right .btn-element {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right .btn-element {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 1280px) {
  .header-solar .wrapper .right .btn-element {
    gap: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.header-solar .wrapper .right .btn-element div {
  font-family: anuphansemibold;
  font-size: 12px;
}


	p .header-solar .wrapper .right .btn-element div,
	ul .header-solar .wrapper .right .btn-element div {
  line-height: 1.4;
}

.header-solar .wrapper .right .btn-element div {
  line-height: 1.4 !important;
}


		.detail-simple p .header-solar .wrapper .right .btn-element div {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .header-solar .wrapper .right .btn-element div {
    font-size: 22px;
  }
}

.header-solar .wrapper .right .btn-element div br {
  display: block;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right .btn-element div br {
    display: none;
  }
}

.header-solar .wrapper .right .logo-wrap {
  display: none;
  align-items: center;
  gap: 0.75rem;
}

.loading-indicator.header-solar .wrapper .right .logo-wrap {
  display: none;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right .logo-wrap {
    display: flex;
  }
}

.header-solar .wrapper .right .logo-wrap img {
  width: auto;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right .logo-wrap img {
    height: 1rem;
  }
}

@media (min-width: 1280px) {
  .header-solar .wrapper .right .logo-wrap img {
    height: 1.5rem;
  }
}

.header-solar .wrapper .right .logo-wrap div {
  width: 1px;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right .logo-wrap div {
    height: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .header-solar .wrapper .right .logo-wrap div {
    height: 2rem;
  }
}

.header-solar .wrapper .right .hamburger {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.footer-sub-submenu li div.header-solar .wrapper .right .hamburger {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .header-solar .wrapper .right .hamburger {
    display: none;
  }
}

.header-solar .wrapper .right .hamburger .top {
  display: flex;
  width: 1.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.footer-sub-submenu li div.header-solar .wrapper .right .hamburger .top {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.header-solar .wrapper .right .hamburger .top .line {
  height: 0.125rem;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.header-solar .wrapper .right .hamburger .top .line {
  background: #fff;
}

.header-solar .wrapper .right .hamburger .text {
  font-family: anuphanmedium;
  font-size: 14px;
  line-height: 1 !important;
}

p.header-solar .wrapper .right .hamburger .text,
	ul.header-solar .wrapper .right .hamburger .text {
  line-height: 1.4;
}

.header-solar .wrapper .right .hamburger .text {
  line-height: 1.4 !important;
}

.section-color p.header-solar .wrapper .right .hamburger .text {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.header-solar .wrapper .right .hamburger .text {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.header-solar .wrapper .right .hamburger .text {
    font-size: 28px;
  }
}

.detail-simple p.header-solar .wrapper .right .hamburger .text {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.header-solar .wrapper .right .hamburger .text {
    font-size: 22px;
  }
}

.header-solar.is-active .header-bar[data-theme="light"] {
  background-color: rgb(0 0 0 / 0.7);
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.mene-mobile {
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 999999999999999;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-folder .box-content.mene-mobile {
  background: #fff;
}

@media (min-width: 1024px) {
  .mene-mobile {
    display: none;
  }
}

.mene-mobile .top {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
}

.mene-mobile .mid {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.25rem;
}

.footer-sub-submenu li div.mene-mobile .mid {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.mene-mobile .mid a {
  font-family: bkk_draft5regular;
  font-size: 26px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.mene-mobile .bottom-wrap {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2.5rem;
  padding-top: 1.25rem;
}

.footer-sub-submenu li div.mene-mobile .bottom-wrap {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.mene-mobile.active {
  pointer-events: auto;
  opacity: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.archive-solar-page * {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media (min-width: 768px) {
  .archive-solar-page .inner-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .archive-solar-page .inner-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1280px) {
  .archive-solar-page .inner-container {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.archive-solar-page .banner {
  position: relative;
  height: 100dvh;
  overflow: hidden;
}

.archive-solar-page .banner .container,
		.archive-solar-page .banner .inner-container {
  height: 100%;
}

.archive-solar-page .banner .wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-bottom: 1.75rem;
}

.footer-sub-submenu li div.archive-solar-page .banner .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper {
    padding-bottom: 3.5rem;
  }
}

.archive-solar-page .banner .wrapper .top {
  margin-bottom: 1.5rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .top {
    margin-bottom: 3rem;
  }
}

.archive-solar-page .banner .wrapper .top h1 {
  margin-bottom: 1.25rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .top h1 {
    font-size: 30px;
  }
}

.archive-solar-page .banner .wrapper .top h2 {
  font-family: bkk_draft5regular;
  font-size: 40px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .top h2 {
    font-size: 70px;
  }
}

.archive-solar-page .banner .wrapper .bottom h5 {
  margin-bottom: 1.25rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .bottom h5 {
    font-size: 28px;
  }
}

.archive-solar-page .banner .wrapper .bottom .item-wrap {
  display: flex;
  gap: 0.75rem;
  overflow: scroll;
}

.footer-sub-submenu li div.archive-solar-page .banner .wrapper .bottom .item-wrap {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .bottom .item-wrap {
    gap: 1.25rem;
  }
}

.archive-solar-page .banner .wrapper .bottom .item-wrap {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.archive-solar-page .banner .wrapper .bottom .item-wrap .item {
  border-radius: 0.75rem;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.4);
  background-color: rgb(255 255 255 / 0.3);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .bottom .item-wrap .item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.archive-solar-page .banner .wrapper .bottom .item-wrap .item .icon {
  margin-bottom: 0.5rem;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.footer-sub-submenu li div.archive-solar-page .banner .wrapper .bottom .item-wrap .item .icon {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .bottom .item-wrap .item .icon {
    margin-bottom: 1.5rem;
  }
}

.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.footer-sub-submenu li div.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
  margin-right: 1.25rem;
  font-family: anuphanmedium;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

p.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4,
	ul.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
  line-height: 1.4;
}

.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
  line-height: 1.4 !important;
}

.section-color p.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
    font-size: 28px;
  }
}

.detail-simple p.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .archive-solar-page .banner .wrapper .bottom .item-wrap .item .info h4 {
    text-wrap: nowrap;
    font-size: 22px;
  }
}

.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info div {
  display: flex;
  min-height: 1.75rem;
  min-width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  border-color: rgb(255 255 255 / 0.4);
  background-color: rgb(255 255 255 / 0.4);
}

.footer-sub-submenu li div.archive-solar-page .banner .wrapper .bottom .item-wrap .item .info div {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.archive-solar-page .banner .bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.archive-solar-page .solar-tab {
  overflow: hidden;
}

.archive-solar-page .solar-tab .tab-wrapper {
  position: relative;
  display: none;
}

.loading-indicator.archive-solar-page .solar-tab .tab-wrapper {
  display: none;
}

@media (min-width: 1024px) {
  .archive-solar-page .solar-tab .tab-wrapper {
    display: block;
  }
}

.archive-solar-page .solar-tab .tab-wrapper .tab {
  display: flex;
  gap: 0.5rem;
}

.archive-solar-page .solar-tab .tab-wrapper .tab > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(3rem * var(--tw-space-x-reverse));
  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
}

.footer-sub-submenu li div.archive-solar-page .solar-tab .tab-wrapper .tab {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button {
  position: relative;
  bottom: 0px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: anuphansemibold;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p .archive-solar-page .solar-tab .tab-wrapper .tab button,
	ul .archive-solar-page .solar-tab .tab-wrapper .tab button {
  line-height: 1.4;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button {
  line-height: 1.4 !important;
}


		.detail-simple p .archive-solar-page .solar-tab .tab-wrapper .tab button {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .archive-solar-page .solar-tab .tab-wrapper .tab button {
    font-size: 22px;
  }
}

.archive-solar-page .solar-tab .tab-wrapper .tab button.active {
  --tw-bg-opacity: 1;
  background-color: rgb(255 218 200 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.archive-solar-page .solar-tab .tab-wrapper .tab button.active .shape-after * {
  fill: #ffdac8;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button.active .icon path {
  fill: #ce5020;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button .shape-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -3rem;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button .shape-after svg {
  height: 100%;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button .shape-after * {
  fill: #ffdac8;
  fill: #ce5020;
}

.archive-solar-page .solar-tab .tab-wrapper .tab button .icon path {
  fill: white;
}

.archive-solar-page .solar-tab .tabcontent-wrapper {
  position: relative;
  display: none;
  padding-top: 6rem;
}

.loading-indicator.archive-solar-page .solar-tab .tabcontent-wrapper {
  display: none;
}

@media (min-width: 1024px) {
  .archive-solar-page .solar-tab .tabcontent-wrapper {
    display: block;
  }
}

.archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  padding-bottom: 2rem;
}

.archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk {
  aspect-ratio: 1/1.2;
  height: auto !important;
}

.archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap {
  padding: 1rem !important;
}

@media (min-width: 1024px) {
  .archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap {
    padding: 1.5rem !important;
  }
}

.archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap h4 {
  font-size: 14px !important;
}

@media (min-width: 768px) {
  .archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap h4 {
    font-size: 16px !important;
  }
}

@media (min-width: 1024px) {
  .archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap h4 {
    font-size: 18px !important;
  }
}

@media (min-width: 1280px) {
  .archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap h4 {
    font-size: 22px !important;
  }
}

@media (min-width: 1536px) {
  .archive-solar-page .solar-tab .tabcontent-wrapper .tabcontent .inner-tabcontent .card-bkk .content-wrap h4 {
    font-size: 26px !important;
  }
}

.archive-solar-page .solar-tab .tabcontent-wrapper::after {
  content: "";
  background: #ffffff;
  background: linear-gradient(
					0deg,
					rgba(255, 255, 255, 0) 0%,
					rgba(255, 219, 201, 1) 100%
				);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  height: 50%;
  width: 100%;
}

.archive-solar-page .solar-tab .mobile-wrapper {
  display: block;
}

@media (min-width: 1024px) {
  .archive-solar-page .solar-tab .mobile-wrapper {
    display: none;
  }
}

.archive-solar-page .solar-tab .mobile-wrapper .swiper {
  margin-bottom: 1.5rem;
  overflow: visible;
}

.archive-solar-page .solar-tab .mobile-wrapper .swiper .swiper-wrapper {
  margin-bottom: 1.5rem;
  overflow: visible;
}

@media (min-width: 768px) {
  .archive-solar-page .solar-tab .mobile-wrapper .swiper .swiper-wrapper .card-bkk .content-wrap {
    padding: 1.5rem !important;
  }

  .archive-solar-page .solar-tab .mobile-wrapper .swiper .swiper-wrapper .card-bkk .content-wrap h4 {
    font-size: 26px;
  }
}

.archive-solar-page .solar-tab .mobile-wrapper .swiper .swiper-pagination {
  position: relative;
  text-align: right;
}

.archive-solar-page .solar-tab .mobile-wrapper .swiper .swiper-pagination .swiper-pagination-bullet {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.2);
}

.archive-solar-page .solar-tab .mobile-wrapper .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 0.5rem;
  width: 1.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.archive-solar-page .solar-tab .mobile-wrapper .card-bkk {
  aspect-ratio: 0.8/1;
  height: auto !important;
}

.archive-solar-page .solar-tab .mobile-wrapper .card-bkk img {
  height: 100% !important;
}

.archive-solar-page .solar-tab .mobile-wrapper .card-bkk .content-wrap {
  padding: 0.75rem !important;
}

.archive-solar-page .solar-tab .mobile-wrapper .card-bkk .content-wrap h4 {
  font-size: 16px;
}

.archive-solar-page .solar-tab .mobile-wrapper .label-tag {
  position: relative;
  margin-bottom: -1px;
  width: -moz-fit-content;
  width: fit-content;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 219 201 / var(--tw-bg-opacity));
  padding: 1rem;
  font-family: anuphansemibold;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .archive-solar-page .solar-tab .mobile-wrapper .label-tag,
	ul .archive-solar-page .solar-tab .mobile-wrapper .label-tag {
  line-height: 1.4;
}

.archive-solar-page .solar-tab .mobile-wrapper .label-tag {
  line-height: 1.4 !important;
}


		.detail-simple p .archive-solar-page .solar-tab .mobile-wrapper .label-tag {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .archive-solar-page .solar-tab .mobile-wrapper .label-tag {
    font-size: 22px;
  }
}

.archive-solar-page .solar-tab .mobile-wrapper .label-tag .shape-after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: -3rem;
  height: 100%;
}

.archive-solar-page .solar-tab .mobile-wrapper .label-tag .shape-after svg {
  height: 100%;
}

.archive-solar-page .solar-tab .mobile-wrapper .label-tag .shape-after svg * {
  fill: #ffdecd;
}

.archive-solar-page .solar-tab .mobile-wrapper .top {
  position: relative;
  padding-top: 1.5rem;
}

.archive-solar-page .solar-tab .mobile-wrapper .top::after {
  content: "";
  background: #ffffff;
  background: linear-gradient(
						0deg,
						rgba(255, 255, 255, 0) 0%,
						rgba(255, 219, 201, 1) 100%
					);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  height: 50%;
  width: 100%;
}

.archive-solar-page .solar-tab .mobile-wrapper .bottom {
  position: relative;
  padding-top: 1.5rem;
}

.archive-solar-page .solar-tab .mobile-wrapper .bottom::after {
  content: "";
  background: #ffffff;
  background: linear-gradient(
						0deg,
						rgba(255, 255, 255, 0) 0%,
						rgba(255, 219, 201, 1) 100%
					);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  height: 50%;
  width: 100%;
}

.archive-solar-page .solar-tab .project-grid-card h4 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.archive-solar-page .manual-download {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .manual-download {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.archive-solar-page .manual-download .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .manual-download .wrapper {
    grid-template-columns: 240px auto;
    gap: 3.5rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1280px) {
  .archive-solar-page .manual-download .wrapper {
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

.archive-solar-page .manual-download .wrapper .left {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 500px;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.archive-solar-page .manual-download .wrapper .left {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .manual-download .wrapper .left {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.archive-solar-page .manual-download .wrapper .right h2 {
  margin-bottom: 1rem;
  font-family: bkk_draft5regular;
  font-size: 26px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .archive-solar-page .manual-download .wrapper .right h2 {
    font-size: 32px;
  }
}

.archive-solar-page .manual-download .wrapper .right p {
  margin-bottom: 1.75rem;
  font-family: sarabunregular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.archive-solar-page .manual-download .wrapper .right div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.footer-sub-submenu li div.archive-solar-page .manual-download .wrapper .right div {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .manual-download .wrapper .right div {
    flex-direction: row;
  }
}

.archive-solar-page .manual-download .wrapper .right div a {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.archive-solar-page .map-section {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2.5rem;
}

@media (min-width: 768px) {
  .archive-solar-page .map-section {
    margin-top: 5rem;
  }
}

.archive-solar-page .map-container {
  overflow: hidden;
  min-height: 780px;
  flex-shrink: 0;
  border-radius: 24px;
  background: #faf8ec;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem !important;
}

@media (min-width: 768px) {
  .archive-solar-page .map-container {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
    padding-top: 3rem !important;
  }
}

.archive-solar-page .map-svg {
  height: auto;
  max-width: 100%;
  width: 100%;
}

.archive-solar-page .map-svg [data-zone] {
  transition: all 0.15s ease;
  cursor: pointer;
}

.archive-solar-page .map-svg [data-zone]:hover {
  filter: brightness(0.8);
}

.archive-solar-page .map-loading {
  color: #fff;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.archive-solar-page path[stroke="#fff"],
	.archive-solar-page .layer4 {
  pointer-events: none !important;
}

.archive-solar-page .map-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.archive-solar-page .map-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 1;
  width: 100%;
  height: auto;
}

@media (min-width: 1024px) {
  .archive-solar-page .map-info {
    min-height: 325px;
    max-width: 364px;
  }

  .archive-solar-page #box-average {
    max-width: 430px;
  }
}

.archive-solar-page .map-area {
  position: relative;
  margin-left: -70%;
  margin-right: -10%;
}

@media (max-width: 414px) {
  .archive-solar-page .header-box-average h2 {
    font-size: 30px;
  }

  .archive-solar-page .map-container {
    border-radius: 24px;
    padding: 0 25px;
    height: auto;
    flex-shrink: 1;
  }

  .archive-solar-page .map-area {
    margin-left: -80%;
  }

  .archive-solar-page .map-svg {
    padding-left: 34px;
    height: auto;
  }
}

@media (max-width: 1536px) {
  .archive-solar-page .map-container {
    max-width: calc(1024px + (25px * 2));
  }

  .archive-solar-page .guide {
    bottom: 180px;
  }
}

@media (max-width: 1023px) {
  .archive-solar-page .guide {
    position: static;
  }

  .archive-solar-page .map-grid {
    grid-template-columns: 1fr;
    padding-bottom: 40px;
  }

  .archive-solar-page .map-info {
    display: grid;
    grid-template-columns: repeat(430px, 1fr);
    padding-bottom: 24px;
  }
}

@media (max-width: 639px) {
  .archive-solar-page .map-info {
    grid-template-columns: 1fr;
  }

  .archive-solar-page .map-area {
    margin-bottom: 0;
  }

  .archive-solar-page .map-grid {
    padding-bottom: 0;
  }
}

.archive-solar-page .inner {
  border-radius: 0 20px 20px 20px;
  background: #fff;
  padding: 30px 25px 0 25px;
  margin-top: -2px;
}

.archive-solar-page .tabs-average {
  position: relative;
  z-index: 99;
  height: 40px;
  width: 115px;
}

.archive-solar-page .tabs-right-average {
  position: absolute;
  z-index: 90;
  left: 0;
  top: 29px;
}

.archive-solar-page .box-static {
  position: relative;
  z-index: 20;
  font-family: "anuphansemibold";
}

@media (min-width: 1024px) {
  .archive-solar-page .box-static {
    max-width: 325px;
  }
}

.archive-solar-page .box-static {
  margin-bottom: 20px;
  border: 2px solid #000;
}

.archive-solar-page .box-static-kw {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.archive-solar-page .box-static-kw-cal {
  height: 130px;
  padding-left: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}

.archive-solar-page .box-static-kw-cal h2 {
  font-size: 16px;
}

.archive-solar-page .box-static-kw-cal h3 {
  font-size: 20px;
}

.archive-solar-page .box-static h3 {
  font-size: 22px;
}

@media (min-width: 768px) {
  .archive-solar-page .box-static h3 {
    font-size: 20px;
  }
}

.archive-solar-page .BoxAverage {
  padding-top: 20px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.archive-solar-page .header-box-average {
  font-family: BKK Draft5;
  font-size: 32px;
  padding-top: 1.5rem;
}

.archive-solar-page .txthead {
  padding-left: 20px;
  font-size: 20px;
  padding-top: 15px;
}

.archive-solar-page .update-average {
  font-size: 12px;
  padding-top: 0px;
}

@media (min-width: 1024px) {
  .archive-solar-page .update-average {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.archive-solar-page .measure-average {
  color: #000;
  font-size: 12px;
}

.archive-solar-page .circle-one {
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 100px;
}

.archive-solar-page .circle-two {
  width: 16px;
  height: 16px;
  background: #e7c9bb;
  border-radius: 100px;
}

.archive-solar-page .circle-three {
  width: 16px;
  height: 16px;
  background: #cd8b6d;
  border-radius: 100px;
}

.archive-solar-page .circle-four {
  width: 16px;
  height: 16px;
  background: #b95228;
  border-radius: 100px;
}

.archive-solar-page .flex-average {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  color: #000;
  font-size: 14px;
}

.archive-solar-page .box-static .amount {
  font-size: 60px;
}

@media (min-width: 768px) {
  .archive-solar-page .box-static .amount {
    font-size: 80px;
  }
}

.archive-solar-page .box-static .amount {
  font-family: "anuphansemibold";
  line-height: 1;
  color: #ce5020;
  padding: 20px 0;
}

.archive-solar-page .box-static p {
  font-size: 16px;
  font-family: "anuphansemibold";
  line-height: 1;
  padding-bottom: 20px;
}

.archive-solar-page .border-static {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 1080px) {
  .archive-solar-page .tabs-right-average {
    position: absolute;
    z-index: 90;
    left: 0;
    top: 33px;
  }

  .archive-solar-page .map-section {
    display: block;
  }

  .archive-solar-page .map-area {
    margin-left: -47%;
  }

  .archive-solar-page .BoxAverage {
    display: grid;
    grid-template-rows: 44px auto;
  }

  .archive-solar-page .BoxAverage svg {
    width: auto;
    height: 100%;
  }
}

.archive-solar-page .guide {
  position: relative;
  bottom: 0px;
  margin-top: -6rem;
}

@media (min-width: 1024px) {
  .archive-solar-page .guide {
    position: absolute;
    top: 500px;
    right: 6%;
    margin-top: -0px;
    margin-bottom: -0px;
  }
}

.archive-solar-page .guide ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

.archive-solar-page .guide ul li {
  display: grid;
  grid-template-columns: 48px 80px 1fr;
  gap: 12px;
  align-items: center;
  font-size: 14px;
}

.archive-solar-page .color {
  height: 20px;
  width: 100%;
}

.archive-solar-page .guide p {
  font-size: 12px;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .archive-solar-page .guide ul li {
    font-size: 12px;
    grid-template-columns: 40px 64px 1fr;
  }

  .archive-solar-page .color {
    height: 16px;
  }
}

@media (max-width: 639px) {
  .archive-solar-page .guide {
    position: static;
    margin-top: -10%;
    margin-bottom: 5%;
  }
}

.archive-solar-page .measure-average {
  padding-bottom: 10px;
}

.archive-solar-page .tooltip {
  position: fixed;
  pointer-events: none;
  background: #fff;
  color: #000;
  padding: 6px 10px;
  width: 170px;
  height: auto;
  border-radius: 6px;
  font-size: 13px;
  z-index: 1000;
  display: none;
}

.archive-solar-page .text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.archive-solar-page .tooltip-arrow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -16px;
  z-index: -1;
}

.single-solar-page * {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.single-solar-page .menu-open-mobile {
  pointer-events: auto;
  position: fixed;
  bottom: 2.5rem;
  left: 50%;
  z-index: 10;
  display: block;
  width: 90%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 1;
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-folder .box-content.single-solar-page .menu-open-mobile {
  background: #fff;
}

@media (min-width: 768px) {
  .single-solar-page .menu-open-mobile {
    border-radius: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .menu-open-mobile {
    display: none;
  }
}

.single-solar-page .menu-open-mobile .top {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow: hidden;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 229 229 / var(--tw-border-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.footer-sub-submenu li div.single-solar-page .menu-open-mobile .top {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .single-solar-page .menu-open-mobile .top {
    padding: 1.25rem;
  }
}

.single-solar-page .menu-open-mobile .top h4 {
  margin: 0px;
  text-wrap: nowrap;
  font-size: 18px;
}

@media (min-width: 768px) {
  .single-solar-page .menu-open-mobile .top h4 {
    font-size: 20px;
  }
}

.single-solar-page .menu-open-mobile .top h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.single-solar-page .menu-open-mobile .top svg {
  min-width: 1.25rem;
}

.single-solar-page .menu-open-mobile .bottom {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .single-solar-page .menu-open-mobile .bottom {
    height: 4rem;
    padding: 1.25rem;
  }
}

.single-solar-page .menu-open-mobile .bottom h1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.single-solar-page .menu-open-mobile .bottom h1,
	ul.single-solar-page .menu-open-mobile .bottom h1 {
  line-height: 1.4;
}

.single-solar-page .menu-open-mobile .bottom h1 {
  line-height: 1.4 !important;
}

.section-color p.single-solar-page .menu-open-mobile .bottom h1 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.single-solar-page .menu-open-mobile .bottom h1 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.single-solar-page .menu-open-mobile .bottom h1 {
    font-size: 28px;
  }
}

.detail-simple p.single-solar-page .menu-open-mobile .bottom h1 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.single-solar-page .menu-open-mobile .bottom h1 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .menu-open-mobile .bottom h1 {
    font-size: 16px;
  }
}

.single-solar-page .menu-open-mobile.disable {
  pointer-events: none;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.single-solar-page #menu-open-desktop {
  pointer-events: auto;
  position: absolute;
  left: -0px;
  top: 0px;
  z-index: 10;
  display: none;
  cursor: pointer;
  --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.loading-indicator.single-solar-page #menu-open-desktop {
  display: none;
}

@media (min-width: 1024px) {
  .single-solar-page #menu-open-desktop {
    display: block;
  }
}

@media (min-width: 1536px) {
  .single-solar-page #menu-open-desktop {
    left: -2.25rem;
  }
}

.single-solar-page .container:has(.solar-layout) {
  max-width: 1320px;
}

.single-solar-page .solar-layout {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .solar-layout {
    grid-template-columns: repeat(14,minmax(0,1fr));
    gap: 2rem;
  }
}

@media (min-width: 768px) {
  .single-solar-page .inner-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .inner-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* .ss-block {
		@apply relative lg:col-start-3
		transition-all duration-300 ease-in-out col-span-10;
		&.active {
			@apply lg:col-start-5 transition-all duration-300 ease-in-out;
		}
	} */

.single-solar-page h2 {
  margin-bottom: 2rem;
  font-family: bkk_draft5regular;
  font-size: 30px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page h2 {
    font-size: 40px;
  }
}

.single-solar-page h3 {
  margin-bottom: 1.5rem;
  font-family: bkk_draft5regular;
  font-size: 26px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page h3 {
    font-size: 32px;
  }
}

.single-solar-page h4,
	.single-solar-page .title {
  margin-bottom: 1rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page h4,
	.single-solar-page .title {
    font-size: 24px;
  }
}

.single-solar-page h1,
	.single-solar-page h2,
	.single-solar-page h3,
	.single-solar-page h4,
	.single-solar-page h5,
	.single-solar-page h6 {
  line-height: 1.2 !important;
}

.single-solar-page p {
  margin-bottom: 0.5rem;
}

.single-solar-page .title {
  margin-bottom: 1.5rem;
}

.single-solar-page .note {
  margin-top: 1.5rem;
}

.single-solar-page p,
	.single-solar-page li,
	.single-solar-page .note {
  font-family: sarabunregular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page p,
	.single-solar-page li,
	.single-solar-page .note {
    font-size: 18px;
  }
}

.single-solar-page strong {
  font-family: sarabun-bold;
}

.single-solar-page ol li::marker {
  font-family: sarabun-bold;
  font-size: 16px;
}

@media (min-width: 1024px) {
  .single-solar-page ol li::marker {
    font-size: 18px;
  }
}

.single-solar-page ul {
  margin-bottom: 1rem;
  list-style-type: disc;
  padding-left: 1.75rem;
}

.wrap-accordion .accordion-item .accordion-content .single-solar-page ul {
  padding-left: 1rem;
}

ul.single-solar-page ul li::marker {
  font-size: 12px;
}

.single-solar-page ul li::marker {
  font-family: sarabun-bold;
  font-size: 14px;
}

.single-solar-page .table-wrapper {
  margin-top: 1rem;
  margin-bottom: 2rem;
  margin-left: -25px;
  width: 100svw;
  overflow: scroll;
  border-top-width: 2px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

@media (min-width: 768px) {
  .single-solar-page .table-wrapper {
    margin-left: -0px;
    width: 100%;
    border-radius: 1.5rem;
    border-left-width: 2px;
    border-right-width: 2px;
  }
}

.single-solar-page table {
  border-collapse: separate !important;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.single-solar-page table tr:nth-child(1) td {
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: anuphanmedium;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

p.single-solar-page table tr:nth-child(1) td,
	ul.single-solar-page table tr:nth-child(1) td {
  line-height: 1.4;
}

.single-solar-page table tr:nth-child(1) td {
  line-height: 1.4 !important;
}

.section-color p.single-solar-page table tr:nth-child(1) td {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.single-solar-page table tr:nth-child(1) td {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.single-solar-page table tr:nth-child(1) td {
    font-size: 28px;
  }
}

.detail-simple p.single-solar-page table tr:nth-child(1) td {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.single-solar-page table tr:nth-child(1) td {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .single-solar-page table tr:nth-child(1) td {
    text-wrap: wrap;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .single-solar-page table tr:nth-child(1) td {
    padding-right: 1rem;
    font-size: 20px;
  }
}

.single-solar-page table tr:has(h3) h3 {
  margin-bottom: 0px !important;
  font-family: anuphansemibold;
  font-size: 14px;
}


	p .single-solar-page table tr:has(h3) h3,
	ul .single-solar-page table tr:has(h3) h3 {
  line-height: 1.4;
}

.single-solar-page table tr:has(h3) h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page table tr:has(h3) h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page table tr:has(h3) h3 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page table tr:has(h3) h3 {
    font-size: 18px;
  }
}

.single-solar-page table tr:has(h3) td {
  --tw-bg-opacity: 1;
  background-color: rgb(242 239 225 / var(--tw-bg-opacity));
  text-align: center !important;
}

.single-solar-page table td {
  border-width: 0.5px;
  border-color: rgb(0 0 0 / 0.1);
  padding: 1rem;
}

.single-solar-page table li {
  padding: 0px;
}

.single-solar-page table td,
		.single-solar-page table li {
  vertical-align: top;
  font-family: sarabunregular;
  font-size: 16px;
}

.single-solar-page table td strong, .single-solar-page table li strong {
  font-family: anuphansemibold;
  font-size: 16px;
}


	p .single-solar-page table td strong,
	ul .single-solar-page table td strong,
	p  .single-solar-page table li strong,
	ul  .single-solar-page table li strong {
  line-height: 1.4;
}

.single-solar-page table td strong, .single-solar-page table li strong {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page table td strong,
		.detail-simple p  .single-solar-page table li strong {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page table td strong,
		.detail-simple p  .single-solar-page table li strong {
    font-size: 22px;
  }
}

.single-solar-page table ul {
  padding-left: 0.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page table ul {
    padding-left: 1rem;
  }
}

.single-solar-page .ss-block {
  position: relative;
  grid-column: 1 / -1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block {
    right: calc((100% / 14) * 3);
    grid-column: span 10 / span 10;
    grid-column-start: 5;
  }

  .single-solar-page .ss-block.active {
    right: 0px;
  }
}

.single-solar-page .ss-banner {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
  padding-top: 6rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-banner {
    padding-top: 9rem;
    padding-bottom: 5rem;
  }
}

.single-solar-page .ss-banner .content .shareall {
  margin-bottom: 2rem;
  display: block;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-banner .content .shareall {
    display: none;
  }
}

.single-solar-page .ss-banner .content .addtoany_content_bottom {
  display: none;
}

.loading-indicator.single-solar-page .ss-banner .content .addtoany_content_bottom {
  display: none;
}

.single-solar-page .ss-banner .content .banner-des br {
  display: none;
}

.loading-indicator.single-solar-page .ss-banner .content .banner-des br {
  display: none;
}

.single-solar-page .ss-banner .shareall {
  display: none;
}

.loading-indicator.single-solar-page .ss-banner .shareall {
  display: none;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-banner .shareall {
    display: block;
  }
}

.single-solar-page .ss-banner .breadcrumb {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  overflow: hidden;
  font-family: sarabunregular;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.footer-sub-submenu li div.single-solar-page .ss-banner .breadcrumb {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .single-solar-page .ss-banner .breadcrumb {
    font-size: 14px;
  }
}

.single-solar-page .ss-banner .breadcrumb a,
			.single-solar-page .ss-banner .breadcrumb div {
  max-width: 200px;
  text-wrap: nowrap;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.single-solar-page .ss-banner h1 {
  line-height: 1.2;
}

.single-solar-page .ss-image {
  margin-bottom: 3.5rem;
  height: 420px;
  width: 100%;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-image {
    margin-bottom: 5rem;
    height: 630px;
  }
}

.single-solar-page .ss-image img,
		.single-solar-page .ss-image video {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-solar-page .ss-divider {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-divider {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-divider .divider {
  height: 1px;
  width: 100%;
  background-color: rgb(0 0 0 / 0.3);
}

.single-solar-page .ss-block-temp01 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp01 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp01 h2 {
  margin-bottom: 0.75rem;
}

.single-solar-page .ss-block-temp01 h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp01 h3 {
    margin-top: 2rem;
  }
}

.single-solar-page .ss-block-temp01 img {
  margin-top: 1.25rem;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp01 img {
    margin-top: 2.5rem;
  }
}

.single-solar-page .ss-block-temp02 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp02 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp02 .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp02 .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp02 .wrapper {
    flex-direction: row;
    gap: 3rem;
  }
}

.single-solar-page .ss-block-temp02 .right {
  height: auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp02 .right {
    aspect-ratio: 1 / 1;
    max-width: 15rem;
  }
}

.single-solar-page .ss-block-temp02 .right img {
  height: auto;
  width: 100%;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp02 .right img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.single-solar-page .ss-block-temp03 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp03 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp03 .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp03 .wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.single-solar-page .ss-block-temp03 .wrapper .item img {
  margin-bottom: 2rem;
  aspect-ratio: 1.8/1;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-solar-page .ss-block-temp04 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp04 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp04 .wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1280px) {
  .single-solar-page .ss-block-temp04 .wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.single-solar-page .ss-block-temp04 .wrapper .item img {
  margin-bottom: 1rem;
  aspect-ratio: 1 / 1;
  height: auto;
  width: 100%;
}

.single-solar-page .ss-block-temp04 .wrapper .item p strong {
  margin-bottom: 0.75rem;
  display: block;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .single-solar-page .ss-block-temp04 .wrapper .item p strong,
	ul .single-solar-page .ss-block-temp04 .wrapper .item p strong {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp04 .wrapper .item p strong {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-block-temp04 .wrapper .item p strong {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-block-temp04 .wrapper .item p strong {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp04 .wrapper .item p strong {
    font-size: 18px;
  }
}

.single-solar-page .ss-block-temp05 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card {
  position: relative;
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp05 .wrapper .solar-card {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .solar-card {
    aspect-ratio: 1 / 1;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .top {
  position: relative;
  display: flex;
  height: 11rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp05 .wrapper .solar-card .top {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .solar-card .top {
    height: auto;
    flex: 1 1 0%;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .top img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(229 229 229 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4 {
  margin: 0px !important;
  font-family: anuphansemibold;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4,
	ul .single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4 {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .solar-card .bottom h4 {
    font-size: 18px;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card.has-popup {
  cursor: pointer;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card.has-popup svg.solar-btn {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card.has-popup:hover svg.solar-btn {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper {
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99999999;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.4);
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup {
  position: relative;
  height: 100%;
  max-height: 80vh;
  width: 100%;
  max-width: 900px;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 4rem;
  padding-bottom: 0px;
}

.box-folder .box-content.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup {
  background: #fff;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup {
    height: 620px;
    width: 100%;
    padding: 4rem;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup .content-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: scroll;
  padding-bottom: 2.5rem;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup .content-wrapper::-webkit-scrollbar {
  display: none;
  /* Older Safari and Chromium */
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup::after {
  content: "";
  background: #ffffff;
  background: linear-gradient(
								0deg,
								rgba(255, 255, 255, 1) 0%,
								rgba(255, 255, 255, 0) 100%
							);
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 0px;
  height: 3.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup::after {
    left: 0px;
    right: 0px;
    bottom: 4rem;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup img {
  max-height: 16rem;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper .solar-popup .solar-popup-x {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
}

.single-solar-page .ss-block-temp05 .wrapper .solar-card .solar-popup-wrapper.active {
  pointer-events: auto;
  opacity: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.single-solar-page .ss-block-temp05 .wrapper .number-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp05 .wrapper .number-card {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .number-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    padding: 2rem;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .number-card .num {
  display: flex;
  min-height: 2rem;
  min-width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p .single-solar-page .ss-block-temp05 .wrapper .number-card .num,
	ul .single-solar-page .ss-block-temp05 .wrapper .number-card .num {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp05 .wrapper .number-card .num {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-block-temp05 .wrapper .number-card .num {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-block-temp05 .wrapper .number-card .num {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp05 .wrapper .number-card .num {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .number-card .num {
    margin-bottom: 1.25rem;
    height: 3rem;
    width: 3rem;
    font-size: 20px;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .number-card h4 {
  margin-bottom: 0px;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .single-solar-page .ss-block-temp05 .wrapper .number-card h4,
	ul .single-solar-page .ss-block-temp05 .wrapper .number-card h4 {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp05 .wrapper .number-card h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-block-temp05 .wrapper .number-card h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-block-temp05 .wrapper .number-card h4 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .number-card h4 {
    text-wrap: balance;
    font-size: 20px;
  }
}

.single-solar-page .ss-block-temp05 .wrapper .number-card h4 br {
  display: none;
}

.loading-indicator.single-solar-page .ss-block-temp05 .wrapper .number-card h4 br {
  display: none;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper .number-card h4 br {
    display: block;
  }
}

.single-solar-page .ss-block-temp05 .wrapper:has(.solar-card) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .single-solar-page .ss-block-temp05 .wrapper:has(.solar-card) {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper:has(.solar-card) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.single-solar-page .ss-block-temp05 .wrapper:has(.number-card) {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .single-solar-page .ss-block-temp05 .wrapper:has(.number-card) {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp05 .wrapper:has(.number-card) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.single-solar-page .ss-block-temp06 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp06 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp06 .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp06 .wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.single-solar-page .ss-block-temp06 .wrapper .icon-card {
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp06 .wrapper .icon-card {
    padding: 1.5rem;
  }
}

.single-solar-page .ss-block-temp06 .wrapper .icon-card img {
  margin-bottom: 0.75rem;
  aspect-ratio: 1 / 1;
  height: auto;
  width: 3rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp06 .wrapper .icon-card img {
    margin-bottom: 1.5rem;
    width: 4rem;
  }
}

.single-solar-page .ss-block-temp06 .wrapper .icon-card h4 {
  margin-bottom: 0.75rem;
  font-family: anuphansemibold;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .single-solar-page .ss-block-temp06 .wrapper .icon-card h4,
	ul .single-solar-page .ss-block-temp06 .wrapper .icon-card h4 {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp06 .wrapper .icon-card h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-block-temp06 .wrapper .icon-card h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-block-temp06 .wrapper .icon-card h4 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp06 .wrapper .icon-card h4 {
    font-size: 24px;
  }
}

.single-solar-page .ss-block-temp06 .wrapper .icon-card p {
  font-family: sarabunregular;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.single-solar-page .ss-block-temp07 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp07 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp07 .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 768px) {
  .single-solar-page .ss-block-temp07 .wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp07 .wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

.single-solar-page .ss-block-temp07 .image-card {
  position: relative;
  aspect-ratio: 0.8/1;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  padding: 2rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp07 .image-card {
    aspect-ratio: 0.7/1;
  }
}

.single-solar-page .ss-block-temp07 .image-card h3,
			.single-solar-page .ss-block-temp07 .image-card h3 span {
  margin-bottom: 0.75rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp07 .image-card h3,
			.single-solar-page .ss-block-temp07 .image-card h3 span {
    font-size: 24px;
  }
}

.single-solar-page .ss-block-temp07 .image-card p,
			.single-solar-page .ss-block-temp07 .image-card p span {
  font-family: sarabunregular;
  font-size: 16px !important;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp07 .image-card p,
			.single-solar-page .ss-block-temp07 .image-card p span {
    font-size: 14px !important;
  }
}

@media (min-width: 1280px) {
  .single-solar-page .ss-block-temp07 .image-card p,
			.single-solar-page .ss-block-temp07 .image-card p span {
    font-size: 16px !important;
  }
}

.single-solar-page .ss-block-temp07 .image-card img {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-solar-page .ss-block-temp08 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp08 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp08 .wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp08 .wrapper {
    gap: 1.5rem;
  }
}

@media (min-width: 1280px) {
  .single-solar-page .ss-block-temp08 .wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.single-solar-page .ss-block-temp08 .wrapper .iconf-card {
  border-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 222 / var(--tw-bg-opacity));
  padding: 1.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp08 .wrapper .iconf-card {
    padding: 1.5rem;
  }
}

.single-solar-page .ss-block-temp08 .wrapper .iconf-card div {
  margin-bottom: 1.25rem;
  display: flex;
  height: 3.5rem;
  width: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp08 .wrapper .iconf-card div {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp08 .wrapper .iconf-card div {
    height: 4rem;
    width: 4rem;
  }
}

.single-solar-page .ss-block-temp08 .wrapper .iconf-card div img {
  height: auto;
  width: 60%;
  -o-object-fit: contain;
     object-fit: contain;
}

.single-solar-page .ss-block-temp08 .wrapper .iconf-card h5 {
  text-wrap: balance;
  font-family: anuphansemibold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .single-solar-page .ss-block-temp08 .wrapper .iconf-card h5,
	ul .single-solar-page .ss-block-temp08 .wrapper .iconf-card h5 {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp08 .wrapper .iconf-card h5 {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-block-temp08 .wrapper .iconf-card h5 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-block-temp08 .wrapper .iconf-card h5 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp08 .wrapper .iconf-card h5 {
    font-size: 20px;
  }
}

.single-solar-page .ss-block-temp09 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp09 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp09 .title {
  font-family: sarabun-bold;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp09 .title {
    font-size: 18px;
  }
}

.single-solar-page .ss-block-temp09 .wrapper {
  position: relative;
}

.single-solar-page .ss-block-temp09 .wrapper > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.single-solar-page .ss-block-temp09 .wrapper .list {
  display: grid;
  grid-template-columns: 48px auto;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
}

.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  position: relative;
  z-index: 10;
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: anuphanmedium;
  font-size: 20px;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

p.single-solar-page .ss-block-temp09 .wrapper .list .cir,
	ul.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  line-height: 1.4;
}

.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  line-height: 1.4 !important;
}

.box-folder .box-content.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  background: #fff;
}

.section-color p.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.single-solar-page .ss-block-temp09 .wrapper .list .cir {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.single-solar-page .ss-block-temp09 .wrapper .list .cir {
    font-size: 28px;
  }
}

.detail-simple p.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.single-solar-page .ss-block-temp09 .wrapper .list .cir {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp09 .wrapper .list .cir {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.single-solar-page .ss-block-temp09 .wrapper .list p {
  font-family: sarabunregular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp09 .wrapper .list p {
    font-size: 18px;
  }
}

.single-solar-page .ss-block-temp09 .wrapper::after {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  height: calc(100% - 40px);
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.single-solar-page .ss-block-temp10 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp10 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp10 h3 {
  margin-bottom: 0px !important;
}

.single-solar-page .ss-block-temp-11 {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-11 {
    margin-bottom: 3.5rem;
  }
}

.single-solar-page .ss-block-temp-11 .section-highlight {
  max-height: -moz-fit-content;
  max-height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  overflow: hidden;
  border-radius: 1.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-11 .section-highlight {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.single-solar-page .ss-block-temp-11 .section-highlight h3 {
  margin-bottom: 0px;
}

.single-solar-page .ss-block-temp-11 .section-highlight img {
  min-height: 320px;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-11 .section-highlight .layout-inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.single-solar-page .ss-block-temp-11 .section-highlight .folder-note {
  width: 100%;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-11 .section-highlight .folder-note {
    width: 60%;
  }
}

.single-solar-page .ss-block-temp-11 .section-highlight .folder-card .folder-head .shape-after {
  bottom: -6px;
}

.single-solar-page .ss-block-temp-text {
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-text {
    margin-bottom: 2rem;
  }
}

.single-solar-page .ss-block-temp-text h2,
		.single-solar-page .ss-block-temp-text h3,
		.single-solar-page .ss-block-temp-text h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.single-solar-page .ss-block-temp-text ul {
  margin-bottom: 2rem;
}

.single-solar-page .ss-block-temp-text li {
  line-height: 2;
}

.single-solar-page .ss-block-temp-text a {
  position: relative;
}

.single-solar-page .ss-block-temp-text a::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0.25rem;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.single-solar-page .ss-block-temp-button {
  margin-bottom: 1.75rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-button {
    margin-bottom: 3.5rem;
    margin-top: -2.5rem;
  }
}

.single-solar-page .ss-block-temp-button .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}

.footer-sub-submenu li div.single-solar-page .ss-block-temp-button .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-button .wrapper {
    flex-direction: row;
  }
}

.single-solar-page .ss-block-temp-button .wrapper a {
  width: 100%;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-block-temp-button .wrapper a {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.single-solar-page .ss-temp-home-type {
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-temp-home-type {
    margin-bottom: 4rem;
  }
}

.single-solar-page .ss-temp-home-type .home-type-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.single-solar-page .ss-temp-home-type .container {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-temp-home-type .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.single-solar-page .ss-temp-solar-cal {
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-temp-solar-cal {
    margin-bottom: 4rem;
  }
}

.single-solar-page .ss-temp-solar-cal .container {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-temp-solar-cal .container {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.single-solar-page .ss-temp-solar-work {
  margin-bottom: 3.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-temp-solar-work {
    margin-bottom: 4rem;
  }
}

.single-solar-page .ss-next-topic .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

@media (min-width: 1024px) {
  .single-solar-page .ss-next-topic .wrapper {
    grid-template-columns: 1.2fr 0.8fr;
  }
}

.single-solar-page .ss-next-topic .wrapper .left {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-next-topic .wrapper .left {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}

.single-solar-page .ss-next-topic .wrapper .left h3 {
  margin-bottom: 0.75rem;
  width: 80%;
  font-size: 20px !important;
}

@media (min-width: 768px) {
  .single-solar-page .ss-next-topic .wrapper .left h3 {
    font-size: 26px !important;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-next-topic .wrapper .left h3 {
    margin-bottom: 1.5rem;
  }
}

.single-solar-page .ss-next-topic .wrapper .left svg {
  width: 2rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-next-topic .wrapper .left svg {
    width: auto;
  }
}

.single-solar-page .ss-next-topic .wrapper .right img {
  aspect-ratio: 1.5/1;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-next-topic .wrapper .right img {
    aspect-ratio: auto;
    height: 100%;
  }
}

.single-solar-page .ss-pagination-dekstop {
  pointer-events: none;
  position: absolute;
  top: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
  padding-top: 6rem;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-pagination-dekstop {
    padding-top: 9rem;
  }
}

.single-solar-page .ss-pagination-dekstop .container {
  position: sticky;
  top: 7rem;
}

.scrolling-nav.single-solar-page .ss-pagination-dekstop .container {
  position: fixed;
  left: 0;
  top: 0;
  background: #fff;
  backface-visibility: hidden;
  text-shadow: none;
  transition: transform 0.6s cubic-bezier(0.87, 0, 0.13, 1);
}

.scrolling-nav.single-solar-page .ss-pagination-dekstop .container ul {
  border-bottom: 0;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block {
  pointer-events: none;
  position: fixed;
  left: 0px;
  bottom: -5rem;
  z-index: 10;
  grid-column: 1 / -1;
  width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  opacity: 0;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block {
    position: relative;
    right: 0px;
    bottom: 0px;
    left: -80%;
    grid-column: span 4 / span 4;
    grid-column-start: 1;
    width: 90%;
    padding-left: 0px;
    padding-right: 0px;
    transition-duration: 300ms;
  }
}

@media (min-width: 1536px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block {
    width: 100%;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block.active {
  pointer-events: auto;
  bottom: 2.5rem;
  opacity: 1;
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block.active {
    right: calc((100% / 14) * 3);
    bottom: 0px;
    left: -0%;
    transition-duration: 300ms;
  }
}

@media (min-width: 1536px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block.active {
    left: -10%;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele {
  position: relative;
  margin-bottom: 1rem;
  height: 100%;
  max-height: 320px;
  overflow: scroll;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.box-folder .box-content.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele {
  background: #fff;
}

@media (min-width: 768px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele {
    max-height: 470px;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele {
  scrollbar-width: none;
  /* &::after {
					content: "";
					background: #ffffff;
					background: linear-gradient(
						180deg,
						rgba(255, 255, 255, 0) 0%,
						rgba(255, 255, 255, 1) 100%
					);
					@apply block w-full h-14 absolute left-0 right-0 bottom-0;
				} */
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.footer-sub-submenu li div.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top #menu-close-all {
  cursor: pointer;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top h3 {
  margin-bottom: 0.25rem;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top a,
					.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top h3 {
  font-family: bkk_draft5regular;
  font-size: 18px;
}

@media (min-width: 1024px) {
  .single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top a,
					.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top h3 {
    font-size: 20px;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top a,
					.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .top h3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
  margin-bottom: 1.25rem;
  cursor: default;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 205 186 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: anuphanmedium;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1,
	ul.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
  line-height: 1.4;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
  line-height: 1.4 !important;
}

.section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
    font-size: 28px;
  }
}

.detail-simple p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
    font-size: 22px;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 2.4 !important;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 {
  position: relative;
  margin-left: 0.75rem;
  margin-bottom: 1.25rem;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 {
  border-left-width: 1px;
  border-left-color: rgb(0 0 0 / 0.4);
  padding-left: 0.75rem;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
  cursor: pointer;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item,
	ul.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
  line-height: 1.4;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
  line-height: 1.4 !important;
}

.section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
    font-size: 28px;
  }
}

.detail-simple p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
    font-size: 22px;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item.active {
  font-family: anuphansemibold;
}


	p .single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item.active,
	ul .single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item.active {
  line-height: 1.4;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item.active {
  line-height: 1.4 !important;
}


		.detail-simple p .single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item.active {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .toc-item.active {
    font-size: 22px;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom .current-page .row-2 .line-follow {
  position: absolute;
  left: 0px;
  margin-left: -1px;
  width: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul {
  list-style-type: none;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul {
  padding: 0px;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-family: anuphanmedium;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li,
	ul.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
  line-height: 1.4;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
  line-height: 1.4 !important;
}

.section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
    font-size: 28px;
  }
}

.detail-simple p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
    font-size: 22px;
  }
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .bottom ul li a {
  line-height: 2.2 !important;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .top-ele .linear {
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .bottom-ele {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
  padding: 1rem;
}

.footer-sub-submenu li div.single-solar-page .ss-pagination-dekstop .ss-pagination-block .bottom-ele {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .bottom-ele .left img {
  width: 5rem;
  --tw-scale-x: 1.5;
  --tw-scale-y: 1.5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .bottom-ele .right h4 {
  margin-bottom: 0.75rem;
  font-family: bkk_draft5regular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.single-solar-page .ss-pagination-dekstop .ss-pagination-block .bottom-ele .right a {
  font-size: 14px;
}

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

@media (min-width: 768px) {
  .cell-guide-page .inner-container {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .inner-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (min-width: 1280px) {
  .cell-guide-page .inner-container {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.cell-guide-page .banner {
  position: relative;
  height: auto;
}

.cell-guide-page .banner .banner-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
}

.footer-sub-submenu li div.cell-guide-page .banner .banner-wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper {
    gap: 6rem;
  }
}

.cell-guide-page .banner .banner-wrapper .top {
  position: relative;
  width: 100%;
  padding-bottom: 3rem;
}

@media (max-width: 991px) {
  .cell-guide-page .banner .banner-wrapper .top {
    height: 800px;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .top {
    padding-bottom: 0px;
  }
}

.cell-guide-page .banner .banner-wrapper .top .container-full {
  height: 100%;
}

.cell-guide-page .banner .banner-wrapper .top .container {
  height: 100%;
}

.cell-guide-page .banner .banner-wrapper .top .container .inner-container {
  height: 100%;
}

.cell-guide-page .banner .banner-wrapper .top .wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 8rem;
}

.footer-sub-submenu li div.cell-guide-page .banner .banner-wrapper .top .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .top .wrapper {
    width: 60%;
    justify-content: flex-start;
    padding-top: 10rem;
  }
}

@media (min-width: 1536px) {
  .cell-guide-page .banner .banner-wrapper .top .wrapper {
    width: 50%;
  }
}

.cell-guide-page .banner .banner-wrapper .top .wrapper .breadcrumb {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-family: sarabunregular;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-sub-submenu li div.cell-guide-page .banner .banner-wrapper .top .wrapper .breadcrumb {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap h1 {
  margin-bottom: 1rem;
  text-wrap: balance;
  font-family: bkk_draft5regular;
  font-size: 40px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap h1 {
    margin-bottom: 2rem;
    font-size: 60px;
  }
}

.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
  font-family: anuphanmedium;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

p.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des,
	ul.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
  line-height: 1.4;
}

.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
  line-height: 1.4 !important;
}

.section-color p.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
    font-size: 28px;
  }
}

.detail-simple p.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .des {
    font-size: 24px;
  }
}

.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .addtoany_content_bottom {
  display: none;
}

.loading-indicator.cell-guide-page .banner .banner-wrapper .top .wrapper .des-wrap .addtoany_content_bottom {
  display: none;
}

.cell-guide-page .banner .banner-wrapper .top .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991px) {
  .cell-guide-page .banner .banner-wrapper .top .bg {
    -o-object-position: 0% 20%;
       object-position: 0% 20%;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .top .bg {
    display: none;
  }
}

.cell-guide-page .banner .banner-wrapper .bottom {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .bottom {
    background-color: rgb(9 113 206 / 0.7);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}

.footer-sub-submenu li div.cell-guide-page .banner .banner-wrapper .bottom .wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .banner-wrapper .bottom .wrapper {
    flex-direction: row;
    align-items: center;
    gap: 2.5rem;
  }
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper .left h3 {
  text-wrap: nowrap;
  font-family: bkk_draft5regular;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .cell-guide-page .banner .banner-wrapper .bottom .wrapper .right {
    display: flex;
  }
}

@media (min-width: 1280px) {
  .cell-guide-page .banner .banner-wrapper .bottom .wrapper .right {
    gap: 3rem;
  }
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  text-align: center;
}

.footer-sub-submenu li div.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div img {
  height: 2rem;
  width: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
  font-family: anuphanmedium;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

p.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4,
	ul.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
  line-height: 1.4;
}

.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
  line-height: 1.4 !important;
}

.section-color p.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
    font-size: 28px;
  }
}

.detail-simple p.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .cell-guide-page .banner .banner-wrapper .bottom .wrapper .right div h4 {
    font-size: 14px;
  }
}

.cell-guide-page .banner .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  display: none;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.loading-indicator.cell-guide-page .banner .bg {
  display: none;
}

@media (min-width: 1024px) {
  .cell-guide-page .banner .bg {
    display: block;
  }
}

.cell-guide-page .card-topic {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .card-topic {
    padding-top: 8rem;
    padding-bottom: 4rem;
  }
}

.cell-guide-page .card-topic h2 {
  margin-bottom: 2.5rem;
  font-family: bkk_draft5regular;
  font-size: 30px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .cell-guide-page .card-topic h2 {
    font-size: 40px;
  }
}

.cell-guide-page .card-topic .wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .card-topic .wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
  }
}

.cell-guide-page .card-topic .wrapper .project-grid-card {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk {
  aspect-ratio: 1/1.2;
  height: auto !important;
}

@media (min-width: 768px) {
  .cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk .content-wrap {
    padding: 1.5rem !important;
  }
}

.cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk .content-wrap h4 {
  font-size: 16px !important;
}

@media (min-width: 768px) {
  .cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk .content-wrap h4 {
    font-size: 26px !important;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk .content-wrap h4 {
    font-size: 18px !important;
  }
}

@media (min-width: 1280px) {
  .cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk .content-wrap h4 {
    font-size: 22px !important;
  }
}

@media (min-width: 1536px) {
  .cell-guide-page .card-topic .wrapper .project-grid-card .card-bkk .content-wrap h4 {
    font-size: 26px !important;
  }
}

.cell-guide-page .card-topic .wrapper .project-grid-card img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.cell-guide-page .manual-download {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.cell-guide-page .manual-download .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: center;
  justify-content: center;
  gap: 1.75rem;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .manual-download .wrapper {
    grid-template-columns: 240px auto;
    gap: 3.5rem;
    padding-left: 7rem;
    padding-right: 7rem;
  }
}

.cell-guide-page .manual-download .wrapper .left {
  display: flex;
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.cell-guide-page .manual-download .wrapper .left {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .manual-download .wrapper .left {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.cell-guide-page .manual-download .wrapper .right h2 {
  margin-bottom: 1rem;
  font-family: bkk_draft5regular;
  font-size: 26px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .cell-guide-page .manual-download .wrapper .right h2 {
    font-size: 32px;
  }
}

.cell-guide-page .manual-download .wrapper .right p {
  margin-bottom: 1.75rem;
  font-family: sarabunregular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.cell-guide-page .manual-download .wrapper .right div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.footer-sub-submenu li div.cell-guide-page .manual-download .wrapper .right div {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .manual-download .wrapper .right div {
    flex-direction: row;
  }
}

.cell-guide-page .manual-download .wrapper .right div a {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.cell-guide-page .solar-promote {
  margin-bottom: 0px;
}

.cell-guide-page .faqs {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

@media (min-width: 1024px) {
  .cell-guide-page .faqs {
    padding-top: 7rem;
  }
}

.cell-guide-page .faqs h2 {
  margin-bottom: 2rem;
  font-family: bkk_draft5regular;
  font-size: 26px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

@media (min-width: 1024px) {
  .cell-guide-page .faqs h2 {
    font-size: 32px;
  }
}

.cell-guide-page .faqs .wrapper .accordion {
  gap: 0px;
  overflow: hidden;
  border-radius: 1.5rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item {
  border-bottom-width: 1px;
  border-bottom-color: rgb(0 0 0 / 0.2);
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px) {
  .cell-guide-page .faqs .wrapper .accordion .accordion-item {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .faqs .wrapper .accordion .accordion-item {
    padding: 1.25rem;
  }
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head {
  display: grid;
  cursor: pointer;
  grid-template-columns: auto 24px;
  align-items: center;
  gap: 1rem;
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3 {
  border-style: none;
  font-family: anuphansemibold;
  font-size: 18px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3,
	ul .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3 {
  line-height: 1.4;
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3 {
    font-size: 20px;
  }
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3::after {
  display: none;
}

.loading-indicator.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head h3::after {
  display: none;
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head svg {
  height: 1.5rem;
  max-height: 1.5rem;
  width: 1.5rem;
  max-width: 1.5rem;
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-head.active svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content {
  display: none;
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content {
  padding-top: 0.25rem;
  padding-bottom: 0.75rem;
  font-family: sarabunregular;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.loading-indicator.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content {
  display: none;
}

@media (min-width: 768px) {
  .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content {
    padding-top: 0.75rem;
  }
}

@media (min-width: 1024px) {
  .cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content {
    padding-top: 1rem;
    font-size: 18px;
  }
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content a {
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(200 15 15 / var(--tw-text-opacity));
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content a::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0.25rem;
  height: 1px;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(200 15 15 / var(--tw-bg-opacity));
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content table {
  border-collapse: unset !important;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content table td {
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(221 221 221 / var(--tw-border-opacity));
  padding: 0.75rem;
}

.cell-guide-page .faqs .wrapper .accordion .accordion-item .accordion-content table tr:last-child td {
  border-style: none;
}

.solar-promote {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 1024px) {
  .solar-promote {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

.solar-promote .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
}

@media (min-width: 1024px) {
  .solar-promote .wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.solar-promote .wrapper .item {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  padding-top: 1.75rem;
}

@media (min-width: 1024px) {
  .solar-promote .wrapper .item {
    padding-top: 2.5rem;
  }
}

.solar-promote .wrapper .item h2 {
  margin-bottom: 0.75rem;
  text-align: center;
  font-family: anuphanmedium;
  font-size: 16px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

p.solar-promote .wrapper .item h2,
	ul.solar-promote .wrapper .item h2 {
  line-height: 1.4;
}

.solar-promote .wrapper .item h2 {
  line-height: 1.4 !important;
}

.section-color p.solar-promote .wrapper .item h2 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.solar-promote .wrapper .item h2 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.solar-promote .wrapper .item h2 {
    font-size: 28px;
  }
}

.detail-simple p.solar-promote .wrapper .item h2 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.solar-promote .wrapper .item h2 {
    font-size: 22px;
  }
}

@media (min-width: 1024px) {
  .solar-promote .wrapper .item h2 {
    font-size: 20px;
  }
}

.solar-promote .wrapper .item h3 {
  margin-bottom: 0.75rem;
  text-align: center;
  font-family: bkk_draft5regular;
  font-size: 24px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 640px) {
  .solar-promote .wrapper .item h3 {
    font-size: 34px;
  }
}

@media (min-width: 1024px) {
  .solar-promote .wrapper .item h3 {
    font-size: 28px;
  }
}

@media (min-width: 1280px) {
  .solar-promote .wrapper .item h3 {
    font-size: 32px;
  }
}

.solar-promote .wrapper .item a {
  position: absolute;
  left: 50%;
  bottom: 2.25rem;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  text-wrap: nowrap;
}

.solar-promote .wrapper .item-left .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.solar-promote .wrapper .item-left::after {
  content: "";
  background: #ffffff;
  background: linear-gradient(
					0deg,
					rgba(255, 255, 255, 0) 0%,
					rgba(0, 0, 0, 1) 100%
				);
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: -1;
  height: 25%;
  width: 100%;
}

.solar-promote .wrapper .item-right {
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.solar-promote .wrapper .item-right .img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  width: 80%;
}

.solar-promote[data-section*="อุตสาหกรรม"] {
  display: none;
}

.loading-indicator.solar-promote[data-section*="อุตสาหกรรม"] {
  display: none;
}

.footer-solar-logo-wrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.box-folder .box-content.footer-solar-logo-wrap {
  background: #fff;
}

.footer-sub-submenu li div.footer-solar-logo-wrap {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .footer-solar-logo-wrap {
    justify-content: flex-end;
  }
}

@media (min-width: 1024px) {
  .footer-solar-logo-wrap {
    gap: 1.5rem;
    border-radius: 1rem;
  }
}

.footer-solar-logo-wrap a {
  height: 3rem;
}

@media (min-width: 1024px) {
  .footer-solar-logo-wrap a {
    height: 4rem;
  }
}

.footer-solar-logo-wrap a img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer-menu-primary.solar a svg path {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.footer-menu-primary.solar a:hover svg path {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  fill: rgb(0 116 75);
}

.bsc-page .ss-banner {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
  padding-top: 6rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px) {
  .bsc-page .ss-banner {
    padding-top: 9rem;
    padding-bottom: 5rem;
  }
}

.bsc-page .ss-banner .content .shareall {
  margin-bottom: 2rem;
  display: block;
}

@media (min-width: 1024px) {
  .bsc-page .ss-banner .content .shareall {
    display: none;
  }
}

.bsc-page .ss-banner .content .addtoany_content_bottom {
  display: none;
}

.loading-indicator.bsc-page .ss-banner .content .addtoany_content_bottom {
  display: none;
}

.bsc-page .ss-banner .content .banner-des br {
  display: none;
}

.loading-indicator.bsc-page .ss-banner .content .banner-des br {
  display: none;
}

.bsc-page .ss-banner .shareall {
  display: none;
}

.loading-indicator.bsc-page .ss-banner .shareall {
  display: none;
}

@media (min-width: 1024px) {
  .bsc-page .ss-banner .shareall {
    display: block;
  }
}

.bsc-page .ss-banner .breadcrumb {
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  overflow-y: hidden;
  overflow-x: scroll;
  font-family: sarabunregular;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.footer-sub-submenu li div.bsc-page .ss-banner .breadcrumb {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.bsc-page .ss-banner .breadcrumb {
  scrollbar-width: none;
}

.bsc-page .ss-banner .breadcrumb a,
			.bsc-page .ss-banner .breadcrumb div {
  text-wrap: nowrap;
  line-height: 2;
}

.bsc-page .s-content {
  padding-top: 3rem;
}

@media (min-width: 1024px) {
  .bsc-page .s-content {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.bsc-page .s-content .wrapper {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.5rem;
}

@media (min-width: 768px) {
  .bsc-page .s-content .wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .bsc-page .s-content .wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
  }
}

.bsc-page .s-content .wrapper .item img {
  margin-bottom: 0.5rem;
  aspect-ratio: 2/1.2;
  height: auto;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.bsc-page .s-content .wrapper .item h2 {
  margin-bottom: 0.5rem;
  font-family: bkk_draft5regular;
  font-size: 22px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

:root {
  --sarabun: "sarabunregular";
  --sarabunBold: "sarabun-semibold";
  --bkk: "bkk_draft5regular";
  --anuphan: "anuphanmedium";
  --anuphanBold: "anuphansemibold";
}

canvas.smoke-canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  mix-blend-mode: soft-light;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

main {
  position: relative;
}

main:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 120px;
  /* background: rgba(0,0,0,.05); */
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  -moz-backdrop-filter: blur(30px);
  top: -1px;
  left: 0;
  z-index: 1;
  -webkit-mask-image: linear-gradient(0deg, transparent 10%, #000 65%, #000);
          mask-image: linear-gradient(0deg, transparent 10%, #000 65%, #000);
  pointer-events: none;
}

.section:nth-last-child(1) {
  background: #fff;
}

.fp-overflow {
  min-height: 100%;
  overflow: hidden;
  padding-top: 40px;
}

.fp-herobanner {
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fp-herobanner .img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fp-herobanner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.fp-herobanner .txt {
  position: relative;
  padding: 0 80px;
}

.fp-herobanner .txt h1 {
  font-size: 80px;
  text-align: center;
  font-family: var(--bkk);
  line-height: 1.25;
}

.fp-herobanner .txt h2 {
  font-size: 28px;
  text-align: center;
  font-family: var(--anuphan);
  line-height: 1.4;
  margin-top: 16px;
}

/* .fp-herobanner {opacity: 0;} */

.fp-herobanner .txt h1 > div {
  overflow: hidden;
}

/* .fp-herobanner .txt h2 > div {overflow: hidden;} */

.fp-herobanner .txt h1 > div > div {
  opacity: 0;
}

/* .fp-herobanner .txt h2 > div > div {opacity: 0;} */

.fp-inner {
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fp-inner .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fp-inner .img-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#fp-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 20;
}

#fp-nav ul li .fp-tooltip {
  background: #fff;
  color: #000;
  font-size: 12px;
  font-family: var(--sarabunBold);
  border-radius: 6px;
  padding: 8px 12px;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 4px 12px rgba(0 0 0 / 20%);
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  width: 6px;
  height: 6px;
  margin: -3px 0 0 -3px;
  background-color: #00000050;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  margin: 3px;
}

#fp-nav[data-color="white"] {
  color: #fff;
  transition: color 0.3s ease-out;
}

#fp-nav[data-color="black"] {
  color: #000;
  transition: color 0.3s ease-out;
}

#fp-nav[data-color="white"] ul li a span {
  background-color: #ffffff50;
}

#fp-nav[data-color="white"] ul li a.active span {
  background-color: #fff;
}

#fp-nav[data-color="black"] ul li a span {
  background-color: #00000050;
}

#fp-nav[data-color="black"] ul li a.active span {
  background-color: #000;
}

#fp-nav.fp-right {
  right: 24px;
}

.fp-pagination {
  font-size: 12px;
  font-family: var(--anuphan);
  text-align: center;
  margin-top: 8px;
  min-width: 32px;
}

.project-other {
  padding: 100px 0 40px;
}

.project-other h2 {
  font-size: 40px;
  font-family: var(--bkk);
}

.project-other .swiper {
  overflow: visible;
}

.project-other-pagination {
  position: static;
  width: auto !important;
  text-align: left;
  margin-top: 12px;
}

.project-other-pagination .swiper-pagination-bullet {
  border-radius: 8px;
  background: #000;
  margin: 0 3px !important;
}

.swiper-pagination.theme-white .swiper-pagination-bullet-active {
  background-color: white;
}

.swiper-pagination.theme-white .swiper-pagination-bullet {
  background-color: rgb(255 255 255 / 80%);
}

.project-other-pagination .swiper-pagination-bullet-active {
  width: 24px;
}

.sec-like-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 0 48px;
}

.sec-like-content p {
  font-size: 22px;
  font-family: var(--anuphan);
  color: #000;
  margin-right: 16px;
}

.sec-like-content a,
.sec-like-content button {
  font-size: 16px;
  font-family: var(--anuphanBold);
  padding: 12px 20px 12px 50px;
  border-radius: 999px;
  border: none;
}

.sec-like-content a.btn-like,
.sec-like-content button.btn-like {
  background: #b9ffd7 url(assets/img/fullpage/i_like.svg) 12px center
		no-repeat;
}

.sec-like-content a.btn-like:hover,
.sec-like-content button.btn-like:hover {
  background-color: #73e8a5;
}

.sec-like-content a.btn-dislike,
.sec-like-content button.btn-dislike {
  background: #ffd0d0 url(assets/img/fullpage/i_dislike.svg) 12px center
		no-repeat;
}

.sec-like-content a.btn-dislike:hover,
.sec-like-content button.btn-dislike:hover {
  background-color: #ffa5a5;
}

.btn-control-page {
  position: fixed;
  left: 28px;
  bottom: 28px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
}

.btn-control-page button {
  height: 44px;
  width: 48px;
  background: #fff;
  border: 0;
  border-radius: 0;
  outline: none;
  margin: 0 -1px;
  border: 1px solid #000;
}

.btn-control-page button:hover {
  background-color: #eee !important;
}

.btn-control-page button.btn-control-up {
  background: #fff url(assets/img/fullpage/i_arrow_up.svg) center no-repeat;
  background-size: 24px;
  border-radius: 12px 0 0 12px;
}

.btn-control-page button.btn-control-down {
  background: #fff url(assets/img/fullpage/i_arrow_down.svg) center no-repeat;
  background-size: 24px;
  border-radius: 0 12px 12px 0;
}

.btn-control-page button.disable {
  opacity: 0.15;
  pointer-events: none;
}

.fp-btn-back {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  position: absolute;
  top: 90px;
  z-index: 1;
  font-family: var(--anuphan);
  font-size: 14px;
  margin-left: 28px;
}

.fp-btn-back img {
  transition: transform 0.15s ease;
  position: relative;
  top: 1px;
}

.fp-btn-back:hover img {
  transform: translateX(-3px);
}

.background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.background img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}

.chart-bullet {
  display: block;
  width: 24px;
  aspect-ratio: 1/1;
  border-radius: 99px;
  flex: 0 0 auto;
}

.chart-list {
  font-size: 22px;
  font-family: var(--sarabun);
  padding: 8px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.text-desc {
  font-size: 22px;
  font-family: var(--sarabun);
  padding: 8px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  line-height: 1.6;
}

.fp-txthead {
  font-size: 40px;
  font-family: var(--bkk);
  line-height: 1.25;
  margin-bottom: 4px;
}

.fp-txthead-ul li {
  padding-left: 12px;
  font-size: 16px;
  margin-bottom: 4px;
  position: relative;
  line-height: 1.4;
}

.fp-txthead-ul li:before {
  content: "• ";
  position: absolute;
  left: 0;
}

.fp-txthead-ul.ul-icon li {
  padding-left: 24px;
}

.fp-txthead-ul.ul-icon li:before {
  --size: 16px;
  content: "";
  position: absolute;
  height: var(--size);
  width: var(--size);
  background: #000 url(assets/img/fullpage/i_checklist.svg) center center
		no-repeat;
  background-size: auto;
  border-radius: 99px;
  left: 0;
  top: calc(50% - (var(--size) / 2 - 2px));
}

.fp-card-1 {
  background-color: #fff;
  padding: 36px;
  border-radius: 20px;
  /* aspect-ratio: 1/0.88; */
  height: 100%;
}

.fp-card-1 h3 {
  font-size: 22px;
  margin-top: 24px;
  line-height: 1.65;
  font-family: var(--anuphan);
  /* margin-right: -15px; */
}

.fp-card-1 .icon {
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fp-card-1 .icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.fp-card-2 {
  background-color: #fff;
  padding: 40px;
  border-radius: 20px;
}

.fp-card-2 h2 {
  font-size: 22px;
  margin-top: 8px;
  line-height: 1.65;
  font-family: var(--anuphanBold);
}

.fp-card-2 ul {
  margin-top: 8px;
}

.fp-card-2 h3,
.fp-card-2 ul li {
  font-size: 18px;
  line-height: 1.65;
  font-family: var(--sarabun);
}

.fp-card-2 .icon {
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fp-card-2 .icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.fp-card-2 ul li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}

.fp-card-2 ul li:before {
  content: "";
  position: relative;
  width: 16px;
  aspect-ratio: 1/1;
  border-radius: 99px;
  left: 0;
  top: 4px;
  background: url(assets/img/fullpage/i_checklist.svg) center no-repeat;
  background-size: 8px;
  flex: 0 0 auto;
}

.fp-card-2 ul[data-color="blue"] li:before {
  background-color: #0971ce;
}

.fp-card-2 ul[data-color="green"] li:before {
  background-color: #00744b;
}

.fp-card-3 {
  border-radius: 20px;
  padding: 24px 32px;
  height: 100%;
}

.fp-card-3 .panel:not(:last-child) {
  border-bottom: 1px solid #00000020;
}

.fp-card-3 .top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.fp-card-3 .icon {
  flex: 0 0 auto;
}

.fp-card-3 .top h2 {
  font-size: 18px;
  font-family: var(--anuphanBold);
}

.fp-card-3 .top h3 {
  font-size: 14px;
  font-family: var(--sarabun);
  margin-top: 4px;
}

.fp-card-3 .panel {
  padding: 16px 0;
  margin: 4px 0;
}

.fp-card-3 .panel:nth-last-child(1) {
  padding-bottom: 0;
  margin-bottom: 0;
}

.fp-card-3 .panel h2 {
  font-size: 16px;
  font-family: var(--anuphanBold);
}

.fp-card-3 .panel h3 {
  font-size: 18px;
  font-family: var(--anuphanBold);
}

.fp-card-3 .panel h3 span {
  line-height: 1.2;
  display: inline-block;
  font-size: 270%;
  margin-right: 4px;
}

.fp-card-3 .panel h4 {
  font-size: 16px;
  font-family: var(--sarabun);
  margin-top: 12px;
}

.swiper-group {
  overflow: visible;
}

.swiper-group .swiper-slide {
  height: auto;
}

.fp-control-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 12px;
}

.fp-control-slide .swiper-button-prev,
.fp-control-slide .swiper-button-next {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 99px;
  position: static;
  margin: 0;
}

.fp-control-slide .swiper-button-prev:after,
.fp-control-slide .swiper-button-next:after {
  display: none;
}

.fp-control-slide .swiper-button-prev {
  background: #fff url(assets/img/fullpage/i_arrow_prev.svg) center no-repeat;
  background-size: auto;
}

.fp-control-slide .swiper-button-next {
  background: #fff url(assets/img/fullpage/i_arrow_next.svg) center no-repeat;
  background-size: auto;
}

.fp-card-4 {
  border-radius: 20px;
  padding: 24px;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.fp-card-4 .icon {
  height: 46px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fp-card-4 .txt {
  margin: 20px 0 0;
}

.fp-card-4 h2 {
  font-size: 16px;
  font-family: var(--sarabun);
  line-height: 1.6;
}

.fp-card-5 {
  background-color: #fff;
  padding: 36px;
  border-radius: 20px;
  /* aspect-ratio: 1/0.88; */
  height: 100%;
}

.fp-card-5 h3 {
  font-size: 22px;
  margin-top: 16px;
  line-height: 1.65;
  font-family: var(--bkk);
  /* margin-right: -15px; */
}

.fp-card-5 .icon {
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fp-card-5 .icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.fp-card-5 ul {
  margin-top: 8px;
}

.fp-card-5 ul li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  line-height: 1.65;
  font-family: var(--sarabun);
}

.fp-card-5 ul li:before {
  content: "";
  position: relative;
  width: 16px;
  aspect-ratio: 1/1;
  border-radius: 99px;
  left: 0;
  top: 4px;
  background: url(assets/img/fullpage/i_checklist.svg) center no-repeat;
  background-size: 8px;
  flex: 0 0 auto;
}

.fp-card-5 ul[data-color="blue"] li:before {
  background-color: #0971ce;
}

.fp-card-5 ul[data-color="green"] li:before {
  background-color: #00744b;
}

.fp-card-6 {
  padding-bottom: 20px;
}

.fp-card-6 h2 {
  font-family: var(--bkk);
  font-size: 30px;
  margin-top: 12px;
}

.fp-card-6 h3 {
  font-family: var(--sarabun);
  font-size: 18px;
  margin-top: 16px;
  line-height: 1.5;
}

.fp-card-6 .icon {
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fp-card-6 .icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.fp-card-7 {
  background-color: #fff;
  padding: 24px;
  border-radius: 20px;
  /* aspect-ratio: 1/0.88; */
  height: 100%;
  padding-bottom: 48px;
}

.fp-card-7 h3 {
  font-size: 22px;
  margin-top: 16px;
  line-height: 1.65;
  font-family: var(--bkk);
}

.fp-card-7 h4 {
  font-size: 14px;
  margin-top: 8px;
  line-height: 1.65;
  font-family: var(--sarabun);
}

.fp-card-7 .icon {
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.fp-card-7 .icon img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.slide-why-park15min .swiper-slide {
  height: auto !important;
}

.icon-head img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.chart-1 .apexcharts-datalabels text {
  fill: #000;
  filter: none;
  font-family: "anuphanmedium" !important;
}

.chart-1 tspan:nth-child(1) {
  font-size: 20px;
  font-family: "anuphansemibold";
  color: #000;
  font-weight: normal;
}

.chart-1 tspan:nth-child(2),
.chart-1 tspan:nth-child(3) {
  font-size: 12px;
  font-family: "anuphanmedium";
  margin-top: 4px;
  color: #000;
  font-weight: normal;
}

.chart-2 .apexcharts-datalabels text {
  fill: #000;
  filter: none;
  font-family: "anuphanmedium" !important;
}

.chart-2 tspan:nth-child(1) {
  font-size: 20px;
  font-family: "anuphansemibold";
  color: #000;
  font-weight: normal;
}

.chart-2 tspan:nth-child(2),
.chart-2 tspan:nth-child(3) {
  font-size: 12px;
  font-family: "anuphanmedium";
  margin-top: 4px;
  color: #000;
  font-weight: normal;
}

.chart-2 .apexcharts-datalabels:nth-last-child(1) {
  opacity: 0;
}

/* .chart-2 .apexcharts-series[rel="2"] {
	opacity: 0.9;
  } */

.ul-type-2 {
  font-size: 22px;
  font-family: var(--sarabun);
  margin-top: 40px;
  padding-left: 12px;
}

.ul-type-2 li {
  padding-left: 12px;
  margin-bottom: 4px;
  font-family: var(--sarabun);
  line-height: 1.65;
}

.ul-type-2 li:before {
  content: "•";
  position: absolute;
  left: 0;
}

.box-blur {
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  -moz-backdrop-filter: blur(50px);
  border-radius: 20px;
  padding: 24px 40px;
  width: 105%;
  background: #00000025;
}

.box-blur-white {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  -moz-backdrop-filter: blur(30px);
  border-radius: 20px;
  padding: 16px 40px;
  width: 100%;
  max-width: 340px;
  background: #ffffff75;
}

.box-blur-blue {
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  -moz-backdrop-filter: blur(30px);
  border-radius: 20px;
  padding: 16px 40px;
  width: 100%;
  max-width: 340px;
  background: #abddff;
}

.ul-lists {
  font-size: 14px;
}

.ul-lists li {
  position: relative;
  padding-left: 24px;
  line-height: 1.5;
  font-family: var(--sarabun);
}

.ul-lists li:before {
  content: "";
  position: absolute;
  width: 16px;
  aspect-ratio: 1 / 1;
  border-radius: 99px;
  left: 0;
  top: 4px;
  background: url(assets/img/fullpage/i_checklist.svg) center no-repeat;
  background-size: 8px;
}

.ul-lists.blue li:before {
  background-color: #0971ce;
}

.chart-low-emission-zone {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 64px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  position: relative;
  color: #fff;
  font-family: var(--anuphan);
  font-size: 16px;
  line-height: 0.1;
}

.chart-low-emission-zone .axis-y {
  width: 40px;
  height: 100%;
  border-right: 1px solid #fff;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  padding-right: 12px;
}

.chart-low-emission-zone .axis-x {
  width: calc(100% - 40px);
  margin-left: calc(40px - 1px);
  padding-right: 24px;
}

.chart-low-emission-zone .axis-x .inner {
  padding: 12px 16% 0;
  height: auto;
  border-top: 1px solid #fff;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding-top: 20px;
}

.chart-low-emission-zone .wrap-progress {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-left: 40px;
  padding-right: 24px;
}

.chart-low-emission-zone .progress {
  position: relative;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  padding: 0 16%;
}

.chart-low-emission-zone .progress .progress-inner {
  height: 100%;
  position: relative;
  width: 100%;
  padding: 0 6px;
}

.chart-low-emission-zone .progress .progress-bar {
  max-width: 80px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.chart-low-emission-zone .progress .progress-txt {
  position: absolute;
  bottom: 105%;
  width: 100%;
  display: flex;
  justify-content: center;
  left: 0;
  line-height: 1.25;
}

.first-bg {
  width: 100%;
  height: 100%;
  position: relative;
}

.logo-park-15min {
  max-width: 140px;
  margin: 32px auto 0;
}

.fp-accordion.icon_last {
  width: 100%;
  border-top: 1px solid #00000020;
}

.fp-accordion.icon_last .item {
  overflow: hidden;
  border-bottom: 1px solid #00000020;
}

.fp-accordion.icon_last .item .heading {
  font-family: var(--anuphanBold);
  background-image: url(assets/img/fullpage/arrow-down.svg);
  background-repeat: no-repeat;
  cursor: pointer;
  color: #000;
  padding: 15px 48px 15px 0;
  background-position: 98.5% center;
  position: relative;
  font-size: 22px;
  background-size: 28px;
}

.fp-accordion.icon_last .item.open .heading {
  background-image: url(assets/img/fullpage/arrow-up.svg);
}

.fp-accordion.icon_last .item .content {
  display: none;
  padding: 4px 0 24px 0;
  background: transparent;
  position: relative;
  font-size: 16px;
  line-height: 1.65;
}

.fp-accordion.icon_last .item .content ul li {
  padding-left: 12px;
}

.fp-accordion.icon_last .item .content ul li:before {
  content: "• ";
  position: absolute;
  left: 0;
}

.img-park-participate img {
  width: 100%;
}

.slide-park {
  text-align: center;
  font-size: 14px;
  font-family: var(--anuphanBold);
}

.slide-park p {
  margin-top: 4px;
}

.slide-park .fp-control-slide .swiper-button-prev,
.slide-park .fp-control-slide .swiper-button-next {
  background-size: 12px;
  width: 50px;
  height: 50px;
}

.slide-park .fp-control-slide .swiper-button-prev {
  background-position: calc(50% - 1px) 50%;
}

.slide-park .fp-control-slide .swiper-button-next {
  background-position: calc(50% + 1px) 50%;
}

.park-compare {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.twentytwenty-container {
  height: 100svh !important;
}

.twentytwenty-overlay:hover {
  background: transparent !important;
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
  display: none;
}

.twentytwenty-container img {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none !important;
  width: 100%;
  height: 100%;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  display: none;
}

.twentytwenty-handle {
  --size: 72px;
  border: 0 !important;
  background: #fff url(assets/img/fullpage/park-15min/btn-compare.svg) center
		no-repeat;
  background-size: var(--size);
  width: var(--size) !important;
  height: var(--size) !important;
  margin-left: calc(var(--size) / -2) !important;
  margin-top: calc(var(--size) / -2) !important;
  box-shadow: 0px 4px 4px rgba(0 0 0 / 60%) !important;
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
  box-shadow: none !important;
}

.box-txt-compare {
  background: rgba(255 255 255 / 65%);
  padding: 24px 48px;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  -moz-backdrop-filter: blur(40px);
  border-radius: 20px;
  position: absolute;
  bottom: 48px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-start;
  gap: 60px;
  width: -moz-max-content;
  width: max-content;
}

.box-txt-compare h2 {
  font-size: 30px;
  font-family: var(--bkk);
  margin-bottom: 4px;
  margin-top: -4px;
}

.box-txt-compare h3 {
  font-size: 14px;
  font-family: var(--anuphanBold);
  margin-bottom: 8px;
}

.box-txt-compare p {
  font-size: 14px;
  line-height: 1.65;
}

.box-txt-compare .icon {
  position: relative;
  padding-left: 28px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left -1px;
  margin-bottom: 8px;
}

.box-txt-compare .icon:nth-last-child(1) {
  margin-bottom: 0;
}

.box-txt-compare .i-location {
  background-image: url(assets/img/fullpage/park-15min/icon-1.svg);
}

.box-txt-compare .i-area {
  background-image: url(assets/img/fullpage/park-15min/icon-2.svg);
}

.box-txt-compare .i-status {
  background-image: url(assets/img/fullpage/park-15min/icon-3.svg);
}

.calc-area {
  background: #fff;
  border-radius: 20px;
  padding: 20px 24px 12px;
  width: 92%;
  box-shadow: 0px 4px 18.1px 0px rgba(0, 0, 0, 0.14);
}

.calc-area h2 {
  font-size: 20px;
  font-family: var(--anuphanBold);
}

.calc-area h3 {
  font-size: 14px;
  font-family: var(--anuphanBold);
  margin-bottom: 10px;
}

.calc-area input {
  width: 100%;
  background: #f2f2f2;
  border-radius: 10px;
  padding: 5px 56px 5px 16px;
  border: none;
  outline: none;
  font-size: 24px;
  font-family: var(--anuphanBold);
}

.calc-area input:focus {
  outline: 2px solid #00744b;
}

.wrap-input {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  justify-content: center;
}

.txt-unit {
  position: absolute;
  right: 20px;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: var(--anuphan);
  font-size: 14px;
}

.txt-remark-calc {
  font-size: 10px;
  font-family: var(--sarabun);
  margin-top: 16px;
  line-height: 1.65;
}

.vat-result {
  font-size: 14px;
  font-family: var(--anuphanBold);
}

.vat-result span {
  font-size: 350%;
  font-family: var(--bkk);
  display: inline-block;
  margin-right: 8px;
}

.park-big {
  padding-left: 2.5%;
  margin-right: -5%;
}

.btn-donate-readme {
  font-size: 16px;
  font-family: var(--anuphanBold);
  color: #fff;
  background: #000 url(assets/img/fullpage/park-15min/i-btn-plus.svg)
		calc(100% - 15px) center no-repeat;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 56px 0 20px;
  transition: background 0.25s ease;
}

.next-target .box-next-target {
  padding: 32px;
  border-radius: 20px;
  height: 100%;
  position: relative;
}

.box-next-target .txt h2 {
  font-size: 24px;
  font-family: var(--anuphanBold);
}

.box-next-target .txt h3 {
  font-size: 40px;
  font-family: var(--bkk);
  margin: 4px 0 8px;
}

.box-next-target .txt p {
  font-size: 12px;
  font-family: var(--anuphan);
  line-height: 1.65;
}

.next-target-card {
  margin-top: 20px;
}

.next-target-card .item {
  padding: 12px 20px;
  border-radius: 20px;
  color: #fff;
  height: 100%;
}

.next-target-card .item .icon {
  width: 36px;
  margin-bottom: 4px;
}

.next-target-card .item .icon img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.next-target-card .item p {
  font-size: 16px;
  line-height: 1.4;
}

.next-target-card .item .txt-big {
  font-size: 40px;
  font-family: var(--bkk);
  display: inline-block;
  line-height: 1.25;
}

.box-next-target .location-map {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  overflow: hidden;
}

.box-next-target .location-map img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1600px) {
  .fp-btn-back {
    margin: 0;
    top: 120px;
  }

  .fp-herobanner {
    padding-top: 40px;
  }

  .fp-herobanner .txt h1 {
    font-size: 96px;
  }

  .fp-herobanner .txt h2 {
    font-size: 32px;
  }
}

@media (max-width: 1279px) {
  .fp-btn-back {
    margin-left: 0;
    top: 100px;
    font-size: 12px;
  }

  .fp-btn-back img {
    width: 10px;
  }

  .fp-herobanner .txt h1 {
    font-size: 70px;
  }

  .fp-herobanner .txt h2 {
    font-size: 24px;
  }

  .btn-control-page button {
    height: 36px;
    width: 40px;
  }

  .btn-control-page button.btn-control-up {
    border-radius: 8px 0 0 8px;
    background-size: 20px;
  }

  .btn-control-page button.btn-control-down {
    border-radius: 0 8px 8px 0;
    background-size: 20px;
  }

  .chart-list {
    font-size: 18px;
  }

  .text-desc {
    font-size: 18px;
  }

  .fp-card-1 h3 {
    font-size: 18px;
    margin-right: 0px;
  }

  .fp-card-1 {
    padding: 24px;
  }

  .fp-card-1 .icon {
    height: 50px;
  }

  .fp-card-2 h3,
	.fp-card-2 ul li {
    font-size: 16px;
  }

  .fp-card-2 {
    padding: 28px;
  }

  .fp-card-2 .icon {
    height: 50px;
  }

  .fp-card-3 {
    padding: 24px;
  }

  .fp-card-3 .top {
    gap: 8px;
  }

  .fp-card-3 .top h2 {
    font-size: 16px;
  }

  .fp-card-3 .top h3 {
    font-size: 12px;
  }

  .fp-card-3 .icon {
    height: 40px;
  }

  .fp-card-3 .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
  }

  .fp-card-3 .panel h2 {
    font-size: 14px;
  }

  .fp-card-3 .panel h3 span {
    font-size: 255%;
  }

  .fp-card-3 .panel h3 {
    font-size: 16px;
  }

  .fp-card-3 .panel h4 {
    font-size: 14px;
    margin-top: 8px;
  }

  .fp-control-slide .swiper-button-prev,
	.fp-control-slide .swiper-button-next {
    width: 48px;
    height: 48px;
    background-size: 12px;
  }

  .fp-control-slide {
    gap: 8px;
  }

  .fp-card-3 .panel {
    padding: 12px 0;
  }

  .fp-card-4 {
    padding: 20px;
  }

  .fp-card-4 .icon {
    height: 40px;
  }

  .fp-card-4 .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
  }

  .fp-card-4 h2 {
    font-size: 14px;
  }

  .fp-card-4 a {
    font-size: 14px;
    padding-left: 12px;
    padding-right: 28px;
    background-position: calc(100% - 12px) 50%;
  }

  .fp-card-4 .txt {
    margin-top: 16px;
  }

  .fp-card-5 {
    padding: 20px;
  }

  .fp-card-5 .icon {
    height: 50px;
  }

  .fp-card-5 h3 {
    margin-top: 8px;
    font-size: 20px;
  }

  .fp-card-7 h3 {
    font-size: 18px;
    margin-right: 0px;
  }

  .fp-card-7 {
    padding: 24px;
  }

  .fp-card-7 .icon {
    height: 50px;
  }

  .ul-type-2 {
    font-size: 18px;
  }

  .chart-low-emission-zone {
    padding: 48px 16px;
    font-size: 14px;
    max-width: 450px;
  }

  .box-blur {
    padding: 24px 24px;
  }

  .fp-accordion.icon_last {
    width: 95%;
  }

  .next-target .box-next-target {
    padding: 24px;
  }

  .next-target-card .item {
    padding: 12px 16px;
  }
}

@media (max-width: 1023px) {
  .fp-card-1 {
    aspect-ratio: auto;
  }

  .fp-card-1 .icon {
    height: 40px;
  }

  .fp-card-1 h3 {
    margin-top: 20px;
  }

  .fp-card-2 .icon {
    height: 40px;
  }

  .project-other h2 {
    font-size: 36px;
  }

  .fp-txthead {
    font-size: 36px;
  }

  .swiper-group.swiper-grid-column > .swiper-wrapper {
    flex-direction: row;
  }

  .swiper-group .swiper-slide {
    margin-top: 28px !important;
  }

  .fp-overflow {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .fp-card-5 .icon {
    height: 40px;
  }

  .fp-card-7 {
    aspect-ratio: auto;
  }

  .fp-card-7 .icon {
    height: 40px;
  }

  .fp-card-7 h3 {
    margin-top: 20px;
  }

  /* .icon-head {height: 54px;} */

  .chart-low-emission-zone {
    aspect-ratio: 1/0.6;
  }

  .box-blur-white {
    max-width: 100%;
    padding: 16px 20px;
    margin-top: 24px;
  }

  .fp-inner {
    padding: 80px 0 48px;
  }

  .ul-type-2 {
    margin-top: 24px;
  }

  .chart-low-emission-zone {
    font-size: 12px;
    max-width: 700px;
    margin: 0 auto;
  }

  .box-blur {
    width: 100%;
  }

  .ul-lists li:before {
    top: 3px;
  }

  .img-park-participate img {
    aspect-ratio: 1/0.45;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 80%;
       object-position: 50% 80%;
  }

  .fp-accordion {
    margin-top: 12px;
  }

  .fp-accordion.icon_last .item .heading {
    font-size: 20px;
  }

  .fp-accordion.icon_last {
    width: 100%;
  }

  .twentytwenty-container {
    height: 50vh !important;
  }

  /* .park-compare {position: static; height: calc(100vh - (80px + 48px));} */

  .box-txt-compare {
    opacity: 0;
    width: 100%;
    position: relative;
    bottom: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    -moz-backdrop-filter: none;
    background: transparent;
    color: #fff;
    flex-wrap: wrap;
    gap: 0;
  }

  .box-txt-compare > div:nth-child(1) {
    flex: 0 0 100%;
    padding-bottom: 24px;
  }

  .box-txt-compare > div:nth-child(2) {
    flex: 0 0 50%;
    padding-right: 3%;
  }

  .box-txt-compare > div:nth-child(3) {
    flex: 0 0 50%;
    padding-right: 3%;
    margin-left: -1.5%;
  }

  .park-compare .swiper-slide {
    background-size: cover;
    background-repeat: no-repeat;
  }

  .park-compare .swiper-slide-active .box-txt-compare {
    opacity: 1;
    border-radius: 0;
  }

  .group-compare {
    height: 100svh;
    padding: 80px 0 48px;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    -moz-backdrop-filter: blur(40px);
    background: #00000070;
  }

  .box-txt-compare .i-location {
    background-image: url(assets/img/fullpage/park-15min/icon-1-white.svg);
  }

  .box-txt-compare .i-area {
    background-image: url(assets/img/fullpage/park-15min/icon-2-white.svg);
  }

  .box-txt-compare .i-status {
    background-image: url(assets/img/fullpage/park-15min/icon-3-white.svg);
  }

  .calc-area {
    width: 100%;
  }

  .box-next-target .txt h2 {
    font-size: 18px;
  }

  .box-next-target .txt h3 {
    font-size: 32px;
  }

  .next-target-card .item p {
    font-size: 14px;
  }

  .next-target-card .item .txt-big {
    font-size: 32px;
  }

  .next-target-card .item {
    border-radius: 16px;
  }

  /* .park-compare {position: static;}
	.box-txt-compare {width: 100%; border-radius: 0; position: static; transform: translate(0,0);}
	.twentytwenty-container {height: auto !important;}
	.twentytwenty-container img {position: relative !important;}
	.twentytwenty-handle {display: none !important;} */

  .box-park-big {
    position: absolute;
    bottom: 60%;
    right: 10%;
    text-align: right;
  }

  .park-big {
    max-width: 30%;
    margin: 0 0 0 auto;
  }

  .background-park15min .fp-bg-city1 {
    min-width: 1024px;
    min-height: 1024px;
    left: auto;
    right: 20%;
  }

  .background-park15min .fp-bg-city2 {
    min-width: 1024px;
    min-height: 1024px;
    left: auto;
    right: 20%;
  }

  .background-park15min .fp-bg-city3 {
    min-width: 1024px;
    min-height: 1024px;
    left: auto;
    right: 20%;
  }
}

@media (max-width: 767px) {
  .fp-overflow {
    padding-top: 0;
  }

  .chart-area {
    margin-top: -20px;
  }

  .sec-like-content {
    flex-direction: column;
  }

  .sec-like-content p {
    margin: 0 0 12px;
  }

  .project-other h2 {
    font-size: 32px;
  }

  .swiper-group .swiper-slide {
    margin-top: 16px !important;
  }

  .fp-herobanner .txt h1 {
    font-size: 40px;
  }

  .fp-herobanner .txt h2 {
    font-size: 20px;
  }

  .fp-btn-back {
    margin-left: 28px;
  }

  .btn-control-page {
    bottom: 24px;
    right: 24px;
  }

  #fp-nav.fp-right {
    right: 5px;
  }

  #fp-nav ul li,
	.fp-slidesNav ul li {
    margin: 1px;
  }

  .fp-pagination {
    font-size: 10px;
    min-width: 28px;
  }

  .fp-herobanner .txt h2 {
    margin-top: 28px;
  }

  .chart-list {
    padding: 4px 0;
    font-size: 16px;
  }

  .chart-bullet {
    width: 8px;
  }

  .fp-txthead {
    font-size: 32px;
  }

  .fp-overflow {
    padding-bottom: 8px;
  }

  .text-desc {
    font-size: 16px;
  }

  .fp-card-1 h3 {
    font-size: 16px;
    margin-top: 12px;
  }

  .fp-card-1 .icon {
    height: 36px;
  }

  .fp-card-1 {
    padding: 16px 20px;
  }

  .fp-card-2 h2 {
    font-size: 18px;
  }

  .fp-card-2 .icon {
    height: 32px;
    gap: 12px;
  }

  .fp-card-2 h3,
	.fp-card-2 ul li {
    font-size: 14px;
  }

  .fp-card-2 {
    padding: 20px 24px;
  }

  .fp-card-2 ul {
    margin-top: 12px;
  }

  .fp-card-3 {
    padding: 24px 32px;
  }

  .fp-control-slide .swiper-button-prev,
	.fp-control-slide .swiper-button-next {
    width: 32px;
    height: 32px;
    background-size: 8px;
  }

  .fp-control-slide {
    gap: 4px;
  }

  .fp-card-3 .icon {
    height: 36px;
  }

  .fp-card-4 {
    padding: 16px;
    gap: 16px;
  }

  .fp-card-4:nth-child(1) .fp-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
  }

  .fp-card-4:nth-child(1) .fp-item .txt {
    margin-top: 0;
  }

  .fp-card-4 .icon {
    height: 32px;
  }

  .fp-card-4 .txt {
    margin-top: 12px;
  }

  .fp-card-4 a {
    font-size: 12px;
    border-width: 1px;
  }

  .fp-card-4 h2 {
    line-height: 1.4;
  }

  .icon-head {
    height: 56px;
  }

  .fp-card-5 h3 {
    font-size: 18px;
  }

  .fp-card-5 ul {
    margin-top: 12px;
  }

  .fp-card-5 ul li {
    font-size: 14px;
  }

  .fp-card-5 .icon {
    height: 36px;
    gap: 12px;
  }

  .fp-card-5 {
    padding: 20px 24px;
  }

  .fp-card-6 {
    padding-bottom: 4px;
  }

  .fp-card-6 h2 {
    font-size: 22px;
    margin-top: 8px;
  }

  .fp-card-6 h3 {
    font-size: 16px;
    margin-top: 8px;
  }

  .fp-card-6 .icon {
    height: 36px;
    gap: 12px;
  }

  .chart-low-emission-zone {
    padding: 32px 24px 40px;
  }

  .chart-low-emission-zone .axis-x .inner {
    padding-top: 12px;
  }

  .ul-type-2 {
    font-size: 16px;
  }

  .ul-type-2 li {
    line-height: 1.4;
  }

  .chart-low-emission-zone {
    aspect-ratio: 1/0.7;
  }

  .box-blur {
    padding: 16px;
  }

  .ul-lists {
    font-size: 14px;
  }

  .box-blur .fp-txthead {
    font-size: 24px;
  }

  .slide-compare .fp-control-slide .swiper-button-prev,
	.slide-compare .fp-control-slide .swiper-button-next {
    width: 40px;
    height: 40px;
    background-size: 12px;
  }

  .calc-area {
    border-radius: 12px;
  }

  .calc-area h2 {
    font-size: 18px;
  }

  .calc-area input {
    border-radius: 8px;
    padding: 4px 56px 4px 12px;
  }

  .vat-result span {
    font-size: 315%;
  }

  .vat-result {
    margin-top: 2px;
  }

  /* .park-big {margin-left: 0;} */

  .next-target .box-next-target {
    padding: 16px 20px;
  }

  .box-next-target .location-map img {
    width: 150%;
    max-width: none;
    -o-object-position: center right;
       object-position: center right;
    position: absolute;
    right: -20%;
  }
}

@media (max-width: 639px) {
  .swiper-group .swiper-slide {
    margin-top: 0px !important;
  }

  .icon-head {
    height: 44px;
  }

  .fp-card-3 .panel h3 {
    margin: -3px 0;
  }

  .fp-card-3 {
    padding: 20px 32px;
  }

  .fp-card-4 h2 {
    font-size: 14px;
  }

  .fp-herobanner .txt {
    padding: 0 48px;
  }

  .fp-herobanner .txt h1 {
    padding: 0 8%;
  }

  /* .fp-herobanner .txt h2 {padding:0 2%;} */

  .chart-low-emission-zone {
    padding: 32px 16px 40px;
  }

  .chart-low-emission-zone .progress .progress-bar {
    max-width: 50px;
  }

  .fp-accordion.icon_last .item .heading {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .fp-accordion.icon_last .item .content {
    padding-bottom: 20px;
    padding-right: 24px;
  }

  .slide-park .fp-control-slide {
    display: none;
  }

  .twentytwenty-container {
    height: 35vh !important;
  }

  .twentytwenty-handle {
    --size: 48px;
  }

  .park-compare .swiper-slide-active .box-txt-compare {
    padding: 24px 1.5rem;
  }

  .box-txt-compare h3 {
    margin-bottom: 4px;
  }

  .box-txt-compare h2 {
    font-size: 22px;
  }

  /* .twentytwenty-container img {position: static !important; aspect-ratio: 1/0.5;} */

  /* .twentytwenty-handle {display: none;} */

  .park-big {
    width: 65%;
  }

  .box-park-big {
    right: 5%;
  }
}

@media (max-width: 413px) {
  .fp-txthead {
    font-size: 30px;
  }

  .fp-herobanner .txt h1 {
    padding: 0 0%;
  }

  .fp-herobanner .txt h2 {
    padding: 0 0%;
  }
}

.g-link-section {
  margin-top: 4rem;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.footer-sub-submenu li div.g-link-section {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.g-link-section a.slide-link {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: anuphanmedium;
  font-size: 16px;
}

p.g-link-section a.slide-link,
	ul.g-link-section a.slide-link {
  line-height: 1.4;
}

.g-link-section a.slide-link {
  line-height: 1.4 !important;
}

.section-color p.g-link-section a.slide-link {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.g-link-section a.slide-link {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.g-link-section a.slide-link {
    font-size: 28px;
  }
}

.detail-simple p.g-link-section a.slide-link {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.g-link-section a.slide-link {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.g-link-section a.slide-link {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .g-link-section a.slide-link {
    font-size: 18px;
  }
}

.g-link-section a.slide-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.box-folder .box-content.g-link-section a.slide-link:hover {
  background: #fff;
}

/* all layout */

footer {
  position: relative;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder footer.box-content {
  background: #fff;
}

.footer-sub-tab {
  display: flex;
  gap: 3rem;
  overflow: hidden;
}

.footer-sub-submenu li div.footer-sub-tab {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.footer-sub-tab li {
  position: relative;
  display: flex;
  height: 48px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: anuphanmedium;
  font-size: 14px;
}

p.footer-sub-tab li,
	ul.footer-sub-tab li {
  line-height: 1.4;
}

.footer-sub-tab li {
  line-height: 1.4 !important;
}

.box-folder .box-content.footer-sub-tab li {
  background: #fff;
}

.section-color p.footer-sub-tab li {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.footer-sub-tab li {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.footer-sub-tab li {
    font-size: 28px;
  }
}

.detail-simple p.footer-sub-tab li {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.footer-sub-tab li {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.footer-sub-tab li {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.footer-sub-tab li.is-active {
  pointer-events: none;
  position: relative;
  z-index: 10;
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: anuphansemibold;
}


	p .footer-sub-tab li.is-active,
	ul .footer-sub-tab li.is-active {
  line-height: 1.4;
}

.footer-sub-tab li.is-active {
  line-height: 1.4 !important;
}

.box-folder .box-content.footer-sub-tab li.is-active {
  background: #fff;
}


		.detail-simple p .footer-sub-tab li.is-active {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .footer-sub-tab li.is-active {
    font-size: 22px;
  }
}

.footer-sub-submenu {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: flex-start;
  justify-content: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.25rem;
}

@media (max-width: 1023px) {
  .footer-sub-submenu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .footer-sub-submenu {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.footer-sub-submenu a {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-family: anuphansemibold;
  font-size: 14px;
}


	p .footer-sub-submenu a,
	ul .footer-sub-submenu a {
  line-height: 1.4;
}

.footer-sub-submenu a {
  line-height: 1.4 !important;
}


		.detail-simple p .footer-sub-submenu a {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .footer-sub-submenu a {
    font-size: 22px;
  }
}

.footer-sub-content {
  position: relative;
  margin-top: -1px;
  display: none;
  border-top-width: 1px;
  padding-top: 1rem;
  padding-bottom: 4rem;
}

.loading-indicator.footer-sub-content {
  display: none;
}

.footer-sub-content.is-active {
  display: block;
}

.footer-sub-tab .txt {
  position: relative;
  z-index: 2;
}

.footer-main {
  min-height: 400px;
  --tw-bg-opacity: 1;
  background-color: rgb(250 248 236 / var(--tw-bg-opacity));
}

.footer-main h3 {
  margin-bottom: 1.25rem;
  font-family: anuphansemibold;
  font-size: 16px;
}


	p .footer-main h3,
	ul .footer-main h3 {
  line-height: 1.4;
}

.footer-main h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .footer-main h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .footer-main h3 {
    font-size: 22px;
  }
}

@media (max-width: 1279px) {
  .footer-main h3 {
    margin-bottom: 1rem;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .footer-main h3 {
    margin-bottom: 0.625rem;
  }
}

.footer-main li {
  margin-bottom: 0.625rem;
  font-family: anuphanmedium;
  font-size: 16px;
  line-height: 1.5;
}

p.footer-main li,
	ul.footer-main li {
  line-height: 1.4;
}

.footer-main li {
  line-height: 1.4 !important;
}

.section-color p.footer-main li {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.footer-main li {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.footer-main li {
    font-size: 28px;
  }
}

.detail-simple p.footer-main li {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.footer-main li {
    font-size: 22px;
  }
}

@media (max-width: 1279px) {
  .footer-main li {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .footer-main li {
    margin-bottom: 0.25rem;
  }
}

.footer-menu-primary li {
  font-family: bkk_draft5regular;
  font-size: 28px;
}

@media (max-width: 1279px) {
  .footer-menu-primary li {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .footer-menu-primary li {
    font-size: 20px;
  }
}

.footer-menu-primary a {
  display: inline-block;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.footer-menu-primary a:hover {
  --tw-translate-x: 0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.footer-menu-second li {
  margin-bottom: 0.5rem;
  font-family: anuphanmedium;
  font-size: 16px;
  line-height: 1.5;
}

p.footer-menu-second li,
	ul.footer-menu-second li {
  line-height: 1.4;
}

.footer-menu-second li {
  line-height: 1.4 !important;
}

.section-color p.footer-menu-second li {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.footer-menu-second li {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.footer-menu-second li {
    font-size: 28px;
  }
}

.detail-simple p.footer-menu-second li {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.footer-menu-second li {
    font-size: 22px;
  }
}

@media (max-width: 1279px) {
  .footer-menu-second li {
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .footer-menu-second li {
    margin-bottom: 0.375rem;
  }
}

.footer-menu-second a {
  display: inline-block;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.footer-menu-second a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.footer-logo-greener {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}

@media (max-width: 1279px) {
  .footer-logo-greener {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (max-width: 1023px) {
  .footer-logo-greener {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.footer-logo-greener svg {
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: 100%;
}

.copyright {
  margin-bottom: 0.5rem;
  margin-top: 2rem;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  font-family: anuphanmedium;
  font-size: 12px;
}

p.copyright,
	ul.copyright {
  line-height: 1.4;
}

.copyright {
  line-height: 1.4 !important;
}

.section-color p.copyright {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.copyright {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.copyright {
    font-size: 28px;
  }
}

.detail-simple p.copyright {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.copyright {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.copyright {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .copyright {
    gap: 1.75rem;
    font-size: 14px;
  }
}

@media (min-width: 1024px) {
  .copyright {
    margin-top: 0px;
  }
}

.copyright a {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.copyright a:hover {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.link-social {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.25rem;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.link-social,
	ul.link-social {
  line-height: 1.4;
}

.link-social {
  line-height: 1.4 !important;
}

.section-color p.link-social {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.link-social {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.link-social {
    font-size: 28px;
  }
}

.detail-simple p.link-social {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.link-social {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.link-social {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1280px) {
  .link-social {
    margin-bottom: 0.75rem;
    font-size: 16px;
  }
}

.swiper-footer-tab {
  z-index: 2;
}

@media (max-width: 767px) {
  .swiper-footer-tab {
    padding-right: 25%;
  }
}

.swiper-footer-tab .swiper-slide {
  width: auto;
}

/* .swiper-footer-tab .swiper-wrapper {
    @apply
    gap-10
  } */

.f-item {
  position: relative;
  display: flex;
  height: 48px;
  width: auto;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity));
  font-family: anuphanmedium;
  font-size: 14px;
}

p.f-item,
	ul.f-item {
  line-height: 1.4;
}

.f-item {
  line-height: 1.4 !important;
}

.section-color p.f-item {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.f-item {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.f-item {
    font-size: 28px;
  }
}

.detail-simple p.f-item {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.f-item {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.f-item {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.f-item span {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.f-item .shape-before {
  visibility: hidden;
  position: absolute;
  top: -1px;
  right: 100%;
  height: 48px;
  width: 40px;
  background-image: url(assets/img/shape/shape_footer_tab_left.svg);
}

.f-item .shape-after {
  visibility: hidden;
  position: absolute;
  top: -1px;
  left: calc(100% - 8px);
  height: 48px;
  width: 68px;
  background-image: url(assets/img/shape/shape_footer_tab_right.svg);
}

.swiper-footer-tab .swiper-slide-thumb-active .shape-before {
  visibility: visible;
}

.swiper-footer-tab .swiper-slide-thumb-active .shape-after {
  visibility: visible;
}

.swiper-footer-tab .swiper-slide-thumb-active .f-item {
  --tw-border-opacity: 1;
  border-top-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder .box-content.swiper-footer-tab .swiper-slide-thumb-active .f-item {
  background: #fff;
}

.swiper-footer-submenu {
  margin-top: -1px;
  border-top-width: 1px;
}

.swiper-footer-submenu .swiper-slide {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-bottom: 2rem;
}

.box-folder .box-content.swiper-footer-submenu .swiper-slide {
  background: #fff;
}

.f-submenu {
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.box-folder .box-content.f-submenu {
  background: #fff;
}

@media (max-width: 767px) {
  .f-submenu {
    height: 230px;
    padding-bottom: 0px;
    padding-top: 1.25rem;
  }

  .f-submenu.show-all {
    height: 100%;
  }
}

.btn-show-more {
  display: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-family: anuphansemibold;
  font-size: 14px;
}


	p .btn-show-more,
	ul .btn-show-more {
  line-height: 1.4;
}

.btn-show-more {
  line-height: 1.4 !important;
}

.loading-indicator.btn-show-more {
  display: none;
}


		.detail-simple p .btn-show-more {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .btn-show-more {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .btn-show-more {
    display: block;
  }
}

.footer-tab-next:after {
  position: absolute;
  right: 1px;
  top: calc(50% - 12px);
  z-index: -1;
  height: 24px;
  width: 24px;
  background-image: url(assets/img/icons/i_tab_next.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: rgb(0 0 0 / 0);
}

.footer-tab-next {
  background: rgb(255, 255, 255);
  background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%
	);
  right: -1px;
  top: 12px;
  margin: 0px;
  height: 24px;
  width: 40px;
}

.footer-tab-next.swiper-button-disabled {
  opacity: 0;
}

@media (max-width: 767px) {
  .f-submenu {
    -webkit-mask-image: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0) 10%,
			rgba(0, 0, 0, 1) 60%,
			rgba(0, 0, 0, 1) 100%
		);
            mask-image: linear-gradient(
			0deg,
			rgba(0, 0, 0, 0) 10%,
			rgba(0, 0, 0, 1) 60%,
			rgba(0, 0, 0, 1) 100%
		);
  }
}

@media (min-width: 768px) {
  .admin-bar header {
    top: 30px;
  }
}

#wpadminbar {
  z-index: 999999999 !important;
}

header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  font-family: anuphanmedium;
}

pheader,
	ulheader {
  line-height: 1.4;
}

header {
  line-height: 1.4 !important;
}

.section-color pheader {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color pheader {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color pheader {
    font-size: 28px;
  }
}

.detail-simple pheader {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple pheader {
    font-size: 22px;
  }
}

header {
  z-index: 99999999 !important;
}

.header-bar {
  position: relative;
  z-index: 20;
  width: 100%;
}

.header-bar-inner {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 80px;
  max-width: 1440px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.footer-sub-submenu li div.header-bar-inner {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 1536px) {
  .header-bar-inner {
    gap: 2rem;
  }
}

.navbar {
  font-family: anuphanmedium;
  font-size: 14px;
}

p.navbar,
	ul.navbar {
  line-height: 1.4;
}

.navbar {
  line-height: 1.4 !important;
}

.section-color p.navbar {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.navbar {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.navbar {
    font-size: 28px;
  }
}

.detail-simple p.navbar {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.navbar {
    font-size: 22px;
  }
}

.navbar > ul {
  display: flex;
  align-items: center;
}

.footer-sub-submenu li div.navbar > ul {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.primary-menu > a {
  display: inline-block;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.logo-bkk {
  display: flex;
  max-width: 120px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.footer-sub-submenu li div.logo-bkk {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.logo-bkk > * {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.logo-bkk > *:first-child {
  padding-left: 0px;
}

.logo-bkk > *:last-child {
  padding-right: 0px;
}

@media (min-width: 1536px) {
  .logo-bkk {
    max-width: 150px;
  }
}

.logo-bkk img {
  height: 50px;
}

.logo-bkk .line-divide {
  position: relative;
  top: 8px;
  max-height: 30px;
  width: 1px;
  --tw-bg-opacity: 0.2;
  padding-left: 0px;
  padding-right: 0px;
}

.btn-search {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.btn-search,
	ul.btn-search {
  line-height: 1.4;
}

.btn-search {
  line-height: 1.4 !important;
}

.section-color p.btn-search {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.btn-search {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.btn-search {
    font-size: 28px;
  }
}

.detail-simple p.btn-search {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.btn-search {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.btn-search {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-search i {
  height: 20px;
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.btn-menu {
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.btn-menu,
	ul.btn-menu {
  line-height: 1.4;
}

.btn-menu {
  line-height: 1.4 !important;
}

.section-color p.btn-menu {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.btn-menu {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.btn-menu {
    font-size: 28px;
  }
}

.detail-simple p.btn-menu {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.btn-menu {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.btn-menu {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-menu i {
  height: 20px;
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.menu-dropdown > a {
  position: relative;
  padding-right: 1.75rem;
}

.menu-dropdown > a:before {
  position: absolute;
  right: 1rem;
  top: calc(50% - 2px);
  height: 5px;
  width: 8px;
  background-image: url(assets/img/icons/i_dropdown_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  -o-object-fit: contain;
     object-fit: contain;
  --tw-content: '';
  content: var(--tw-content);
}

.header-bar[data-theme="white"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.header-bar[data-theme="white"] .logo-site svg path {
  fill: #FFFFFF;
}

.header-bar[data-theme="white"] .logo-bkk img {
  --tw-brightness: brightness(0);
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.header-bar[data-theme="white"] .logo-bkk .line-divide {
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

.box-folder .box-content.header-bar[data-theme="white"] .logo-bkk .line-divide {
  background: #fff;
}

.header-bar[data-theme="white"] .btn-search circle,
	.header-bar[data-theme="white"] .btn-search path {
  stroke: #FFFFFF;
}

.header-bar[data-theme="white"] .btn-menu path {
  stroke: #FFFFFF;
}

.header-bar[data-theme="white"] .menu-dropdown > a:before {
  background-image: url(assets/img/icons/i_dropdown_white.svg);
}

.header-bar[data-theme="black"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.header-bar[data-theme="black"] .logo-site svg path {
  fill: #00744B;
}

.header-bar[data-theme="black"] .btn-search circle,
	.header-bar[data-theme="black"] .btn-search path {
  stroke: #000000;
}

.header-bar[data-theme="black"] .btn-menu path {
  stroke: #000000;
}

.header-bar[data-theme="black"] .menu-dropdown > a:before {
  background-image: url(assets/img/icons/i_dropdown_black.svg);
}

.header-bar[data-theme="all-black"] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.header-bar[data-theme="all-black"] .trp-ls-shortcode-current-language a {
  color: #000 !important;
  /* สีที่คุณต้องการตอน active */
}

.header-bar[data-theme="all-black"] .trp-language-switcher > div {
  background-color: white;
}

.header-bar[data-theme="all-black"] .logo-site svg path {
  fill: #000000;
}

.header-bar[data-theme="all-black"] .btn-search circle,
	.header-bar[data-theme="all-black"] .btn-search path {
  stroke: #000000;
}

.header-bar[data-theme="all-black"] .btn-menu path {
  stroke: #000000;
}

.header-bar[data-theme="all-black"] .logo-bkk img {
  --tw-brightness: brightness(0);
  --tw-invert: invert(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.header-bar[data-theme="all-black"] .logo-bkk .line-divide {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.2 !important;
}

.header-bar[data-theme="all-black"] .menu-dropdown > a:before {
  background-image: url(assets/img/icons/i_dropdown_black.svg);
}

header.is-active {
  box-shadow: 0 0 40px -20px rgba(0 0 0 / 50%);
}

header.is-active .header-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder header.box-content.is-active .header-bar {
  background: #fff;
}

header.is-active .header-bar .logo-site svg path {
  fill: #00744B;
}

header.is-active .header-bar .logo-bkk img {
  filter: none;
}

header.is-active .header-bar .logo-bkk .line-divide {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

header.is-active .header-bar .btn-search circle,
		header.is-active .header-bar .btn-search path {
  stroke: #000000;
}

header.is-active .header-bar .btn-menu path {
  stroke: #000000;
}

header.is-active .header-bar .menu-dropdown > a:before {
  background-image: url(assets/img/icons/i_dropdown_black.svg);
}

header.is-active .header-bar .logo-bkk {
  filter: none;
}

.is-active .trp-ls-shortcode-current-language a {
  color: #000 !important;
  /* สีที่คุณต้องการตอน active */
}

.expand-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  margin-top: 50px;
  display: none;
  width: 100%;
  padding-top: 24px;
}

.loading-indicator.expand-menu {
  display: none;
}

.expand-menu-group {
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 24px;
  padding-bottom: 56px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content.expand-menu-group {
  background: #fff;
}

.expand-menu.is-active {
  display: block;
}

.expand-menu-group .box-head {
  display: flex;
  min-height: 440px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
  border-radius: 20px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.footer-sub-submenu li div.expand-menu-group .box-head {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.expand-menu-group .box-head .icon {
  height: 5rem;
  width: 5rem;
}

.expand-menu-group .box-head .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

.expand-menu-group .box-head h2 {
  font-family: bkk_draft5regular;
  font-size: 30px;
}

.expand-menu-group .box-head h3 {
  margin-bottom: 1.25rem;
  font-family: anuphanmedium;
  font-size: 18px;
  line-height: 1.65;
}

p.expand-menu-group .box-head h3,
	ul.expand-menu-group .box-head h3 {
  line-height: 1.4;
}

.expand-menu-group .box-head h3 {
  line-height: 1.4 !important;
}

.section-color p.expand-menu-group .box-head h3 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.expand-menu-group .box-head h3 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.expand-menu-group .box-head h3 {
    font-size: 28px;
  }
}

.detail-simple p.expand-menu-group .box-head h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.expand-menu-group .box-head h3 {
    font-size: 22px;
  }
}

.col-menu h3 {
  position: relative;
  left: -32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.75rem;
  font-family: anuphansemibold;
  font-size: 18px;
}


	p .col-menu h3,
	ul .col-menu h3 {
  line-height: 1.4;
}

.col-menu h3 {
  line-height: 1.4 !important;
}


		.detail-simple p .col-menu h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .col-menu h3 {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.col-menu h3 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.col-menu h3 img {
  height: 24px;
  width: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}

.col-menu ul {
  margin-top: 0.75rem;
}

.col-menu ul li a {
  display: inline-block;
  width: auto;
  white-space: nowrap;
  border-radius: 9999px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: anuphanmedium;
  font-size: 14px;
}

p.col-menu ul li a,
	ul.col-menu ul li a {
  line-height: 1.4;
}

.col-menu ul li a {
  line-height: 1.4 !important;
}

.section-color p.col-menu ul li a {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.col-menu ul li a {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.col-menu ul li a {
    font-size: 28px;
  }
}

.detail-simple p.col-menu ul li a {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.col-menu ul li a {
    font-size: 22px;
  }
}

/* translate */

.languages {
  font-family: anuphanmedium;
}

.languages .trp-ls-shortcode-current-language {
  width: -moz-fit-content !important;
  width: fit-content !important;
  background-color: transparent !important;
  padding: 10px;
  border-radius: 0 !important;
  /* 🟩 Make square */
}

.trp-ls-shortcode-current-language a {
  display: flex !important;
  height: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
  border-radius: 0 !important;
  /* 🟩 Ensure link is square */
}

.trp-language-switcher {
  width: -moz-fit-content !important;
  width: fit-content !important;
  border-radius: 0 !important;
}

.trp-language-switcher:hover .trp-ls-shortcode-language {
  width: auto;
}

.trp-language-switcher > div {
  border: none;
  border-radius: 0 !important;
  background-image: none;
  background-color: #fff;
}

.trp-language-switcher:focus .trp-ls-shortcode-language,
.trp-language-switcher:hover .trp-ls-shortcode-language {
  padding: 0 !important;
}

.trp-ls-shortcode-language {
  width: auto !important;
  border-radius: 0 !important;
  /* 🟩 Each language option square */
  visibility: visible;
  max-height: 250px;
  padding: 0 !important;
  height: auto;
  overflow-y: auto;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block !important;
  min-height: auto;
}

.trp-language-switcher > div > a {
  width: auto;
  padding: 10px;
  border-radius: 0 !important;
  /* 🟩 Language item square */
}

header.is-hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.box-folder header.box-content.is-hover {
  background: #fff;
}

header.is-hover .header-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder header.box-content.is-hover .header-bar {
  background: #fff;
}

header.is-hover .header-bar .logo-site svg path {
  fill: #00744B !important;
}

header.is-hover .logo-bkk img {
  filter: none !important;
}

header.is-hover .logo-bkk .line-divide {
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
  --tw-bg-opacity: 0.2 !important;
}

header.is-hover .btn-search circle,
	header.is-hover .btn-search path,
	header.is-hover .btn-menu path {
  stroke: #000000 !important;
}

header.is-hover .header-bar .menu-dropdown > a:before {
  background-image: url(assets/img/icons/i_dropdown_black.svg);
}

.expand-menu-group[data-theme="yellow"] .box-head {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="yellow"] .box-head a {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="yellow"] .box-head a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(202 158 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(202 158 0 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="yellow"] .col-menu ul li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 246 202 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="green"] .box-head {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="green"] .box-head a {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="green"] .box-head a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 116 75 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="green"] .col-menu ul li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 255 215 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="blue"] .box-head {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="blue"] .box-head a {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="blue"] .box-head a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(9 113 206 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="blue"] .col-menu ul li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 241 255 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="orange"] .box-head {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="orange"] .box-head a {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="orange"] .box-head a:hover {
  --tw-border-opacity: 1;
  border-color: rgb(206 80 32 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.expand-menu-group[data-theme="orange"] .col-menu ul li a:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 217 198 / var(--tw-bg-opacity));
}

.side-menu {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 50;
  height: 100%;
  width: 100%;
  max-width: 480px;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: .4s;
}

.box-folder .box-content.side-menu {
  background: #fff;
}

.side-menu.is-active {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu-level-primary {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 100%;
  max-width: 640px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  overflow: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: bkk_draft5regular;
  font-size: 26px;
}

.footer-sub-submenu li div.menu-level-primary {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.side-menu .btn-close-menu {
  position: relative;
  right: 1rem;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  align-self: flex-end;
  font-size: 14px;
}

.footer-sub-submenu li div.side-menu .btn-close-menu {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.side-menu .btn-back-menu {
  position: relative;
  top: -0.375rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 18px;
}

.footer-sub-submenu li div.side-menu .btn-back-menu {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.menu-level-primary ul {
  margin-bottom: auto;
  margin-top: 2%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}

.footer-sub-submenu li div.menu-level-primary ul {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.menu-level-primary a,
	.menu-level-primary .link {
  position: relative;
  display: inline-block;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.menu-level-primary a:hover, .menu-level-primary .link:hover {
  --tw-translate-x: 0.625rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.side-menu .logo-site {
  margin-bottom: 0.5rem;
  margin-top: 3%;
  display: inline-block;
}

.side-menu .logo-site path {
  fill: #00744B;
}

.menu-level-primary [data-submenu] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
}

.menu-level-second {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: .4s;
}

.box-folder .box-content.menu-level-second {
  background: #fff;
}

.menu-level-second.is-active {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu-level-second .inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}

.txt-group {
  margin-top: 1.5rem;
}

.txt-header {
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.footer-sub-submenu li div.txt-header {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.txt-header .icon {
  margin-right: 0.5rem;
  height: 64px;
  width: 64px;
  text-align: center;
}

.txt-header .icon img {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.txt-header h2 {
  font-family: bkk_draft5regular;
  font-size: 22px;
}

.txt-header h3 {
  margin-top: 0.125rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-family: anuphanmedium;
  font-size: 16px;
}

p.txt-header h3,
	ul.txt-header h3 {
  line-height: 1.4;
}

.txt-header h3 {
  line-height: 1.4 !important;
}

.section-color p.txt-header h3 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.txt-header h3 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.txt-header h3 {
    font-size: 28px;
  }
}

.detail-simple p.txt-header h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.txt-header h3 {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.txt-header h3 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.txt-ul {
  border-bottom-width: 1px;
  border-color: rgb(0 0 0 / 0.2);
  padding-bottom: 0.625rem;
  padding-top: 1.25rem;
}

.txt-ul:nth-last-child(1) {
  border-width: 0px;
}

.txt-ul h4 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  font-family: anuphansemibold;
  font-size: 14px;
}


	p .txt-ul h4,
	ul .txt-ul h4 {
  line-height: 1.4;
}

.txt-ul h4 {
  line-height: 1.4 !important;
}


		.detail-simple p .txt-ul h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .txt-ul h4 {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.txt-ul h4 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.txt-ul h4 img {
  height: 20px;
  width: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.txt-ul ul {
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}

.txt-ul ul > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.txt-ul ul {
  padding-left: 1.75rem;
}

.txt-ul ul li {
  font-family: anuphanmedium;
  font-size: 16px;
}

p.txt-ul ul li,
	ul.txt-ul ul li {
  line-height: 1.4;
}

.txt-ul ul li {
  line-height: 1.4 !important;
}

.section-color p.txt-ul ul li {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.txt-ul ul li {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.txt-ul ul li {
    font-size: 28px;
  }
}

.detail-simple p.txt-ul ul li {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.txt-ul ul li {
    font-size: 22px;
  }
}

.menu-level-second .btn-close-menu {
  right: 0.125rem;
}

@media (min-width: 1600px) {
  .header-bar-inner {
    max-width: 1540px;
  }
}

@media (max-width: 1280px) {
  .navbar {
    display: none;
  }

  .loading-indicator.navbar {
    display: none;
  }

  .logo-bkk {
    margin-left: auto;
  }
}

@media (max-width: 1279px) {
}

@media (max-width: 1023px) {
  .side-menu {
    max-width: 100%;
  }

  .side-menu .btn-close-menu {
    position: absolute;
    right: 2.5rem;
    top: 1.25rem;
  }

  .menu-level-primary {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .menu-level-primary ul {
    margin-top: 8%;
  }

  .menu-level-second {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .menu-level-second .inner {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  .header-bar-inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .menu-level-primary {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .menu-level-second {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .side-menu .btn-close-menu {
    right: 1.5rem;
  }

  .txt-ul h4 img {
    height: 16px;
    width: 16px;
  }

  .txt-ul ul {
    padding-left: 1.5rem;
  }

  header .logo-site svg {
    width: 96px;
  }

  header .logo-bkk {
    display: none;
  }

  header.loading-indicator .logo-bkk {
    display: none;
  }

  .header-bar-inner {
    gap: 4px;
  }
}

.navigation-dark {
  background: rgba(0, 0, 0, 0.03);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 60;
  transition: 0.25s cubic-bezier(0.8, 0, 0.1, 1);
  opacity: 0;
  visibility: hidden;
  pointer-events: all;
  cursor: pointer;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

body[data-overlay="active"] .navigation-dark {
  opacity: 1;
  visibility: visible;
  transition: var(--animation-navigation-forward);
}

.wrapper-menu {
  pointer-events: none;
  position: fixed;
  top: 18px;
  right: 10px;
  z-index: 99999999;
  width: calc(100% - 20px);
  max-width: 100%;
  overflow: hidden;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

@media (min-width: 768px) {
  .wrapper-menu {
    right: 9vw;
    width: 400px;
  }
}

@media (min-width: 1024px) {
  .wrapper-menu {
    right: 7vw;
  }
}

@media (min-width: 1280px) {
  .wrapper-menu {
    right: 5vw;
  }
}

@media (min-width: 1536px) {
  .wrapper-menu {
    right: 7vw;
  }
}

@media (min-width: 1900px) {
  .wrapper-menu {
    right: 13vw;
  }
}

@media (min-width: 2200px) {
  .wrapper-menu {
    right: 19vw;
  }
}

@media (min-width: 2500px) {
  .wrapper-menu {
    right: 23vw;
  }
}

.admin-bar .wrapper-menu {
  top: 45px;
}

.list-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 0%;
  height: 0%;
  border-radius: var(--border-radius);
  transform: translate(-0.5em, 0.5em) rotate(0.001deg);
  transform: translate(1em, -1em) rotate(0.001deg);
  transform: translate(-1em, 1em) rotate(0.001deg);
  background-color: #fff;
  transition: var(--animation-navigation-backward);
  border-radius: calc(var(--border-radius) * 2);
}

.list-items {
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: var(--animation-navigation-backward);
  transform: scale(0) translate(0%, -0%) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
  transform-origin: right top;
}

body[data-overlay="active"] .wrapper-menu {
  pointer-events: auto;
}

body[data-overlay="active"] .list-bg {
  width: 100%;
  height: 100%;
  transform: translate(0, 0) rotate(0.001deg);
  transition: var(--animation-navigation-forward);
  border-radius: var(--border-radius);
}

body[data-overlay="active"] .list-items {
  transform: scale(1) translate(0%, 0%) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
  transition: var(--animation-navigation-forward);
}

/* all page */

/* CSS สำหรับระบบ Tab */

.tab-wrap {
  margin-top: -50px;
  max-width: 100%;
  filter: drop-shadow(0px 4px 14.4px rgba(0, 0, 0, 0.17));
}

.tab-nav {
  position: relative;
  bottom: -4.7rem;
  z-index: 0;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.footer-sub-submenu li div.tab-nav {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 350px) {
  .tab-nav {
    bottom: -3.7rem;
  }
}

.tab-nav button.maitaeruam {
  display: flex;
  height: 138px;
  --tw-translate-y: 0.375rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: flex-start;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: bkk_draft5regular;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-sub-submenu li div.tab-nav button.maitaeruam {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .tab-nav button.maitaeruam {
    font-size: 24px;
  }
}

.tab-nav button.maitaeruam {
  border-radius: 30px;
}

.tab-nav button.maitaeruam:hover {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tab-nav button.maitaeruam.active {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.tab-content-wrap {
  position: relative;
  z-index: 10;
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .tab-content-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0px;
  }
}

@media (min-width: 1024px) {
  .tab-content-wrap {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.tab-content-wrap .item-slide {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  .tab-content-wrap .item-slide {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 1024px) {
  .tab-content-wrap .item-slide {
    grid-template-columns: 1fr minmax(0,550px);
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

.tab-content-wrap .item-slide .content-left {
  min-height: 310px;
}

.tab-content-wrap .item-slide .num {
  display: inline-flex;
  min-height: 60px;
  min-width: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
  font-family: bkk_draft5regular;
  font-size: 32px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .tab-content-wrap .item-slide .num {
    font-size: 40px;
  }
}

.tab-content-wrap .slide-controll {
  border-top-width: 1px;
  border-color: rgb(0 0 0 / 0.2);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.tab-content-wrap .slide-controll .btn-swiper {
  top: 18px !important;
  display: flex !important;
  aspect-ratio: 1 / 1 !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  width: 30px !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
  flex: 1 1 0% !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border-radius: 9999px !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-family: anuphansemibold !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}


	p .tab-content-wrap .slide-controll .btn-swiper,
	ul .tab-content-wrap .slide-controll .btn-swiper {
  line-height: 1.4;
}

.tab-content-wrap .slide-controll .btn-swiper {
  line-height: 1.4 !important;
}


		.detail-simple p .tab-content-wrap .slide-controll .btn-swiper {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .tab-content-wrap .slide-controll .btn-swiper {
    font-size: 22px;
  }
}

.footer-sub-submenu li div.tab-content-wrap .slide-controll .btn-swiper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .tab-content-wrap .slide-controll .btn-swiper {
    top: 12px !important;
    aspect-ratio: auto !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.tab-content-wrap .slide-controll .btn-swiper:after {
  content: none !important;
}

.tab-content-wrap .slide-controll .swiper-pagination {
  position: static !important;
  z-index: 0 !important;
}

.tab-content-wrap .slide-controll .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  opacity: 1;
  background: transparent;
  border-width: 1px;
  border-color: rgb(0 0 0 / 0.1);
  font-family: anuphansemibold;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}


	p .tab-content-wrap .slide-controll .swiper-pagination-bullet,
	ul .tab-content-wrap .slide-controll .swiper-pagination-bullet {
  line-height: 1.4;
}

.tab-content-wrap .slide-controll .swiper-pagination-bullet {
  line-height: 1.4 !important;
}


		.detail-simple p .tab-content-wrap .slide-controll .swiper-pagination-bullet {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .tab-content-wrap .slide-controll .swiper-pagination-bullet {
    font-size: 22px;
  }
}

.tab-content-wrap .slide-controll .swiper-pagination-bullet.swiper-pagination-bullet-active {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

/* สไตล์สำหรับเนื้อหา Tab */

.tab-content-wrap > div {
  display: none;
}

.tab-content-wrap > div.active {
  display: block;
}

/* สไตล์สำหรับ animation (ถ้าต้องการใช้) */

.tab-content-wrap > div.active {
  animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.wrap-intro-cc .wrap-text h1 {
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.wrap-intro-cc .wrap-text h1 div {
  overflow: hidden;
}

.wrap-intro-cc .wrap-text h2 div {
  overflow: hidden;
}

.climate-parallax .item-section {
  position: relative;
  min-height: 100dvh;
  overflow: hidden;
}

@media (min-width: 1280px) {
  .climate-parallax .item-section {
    min-height: 100vh;
  }
}

.climate-parallax .item-section .overlay-about {
  pointer-events: none;
  position: absolute;
  z-index: 20;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  opacity: 0;
}

.climate-parallax .item-section .img-bg {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 0;
  min-height: 100dvh;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1280px) {
  .climate-parallax .item-section .img-bg {
    min-height: 100vh;
  }
}

.i-emoji {
  pointer-events: none;
  display: inline-flex;
}

.card-emoji {
  min-height: 350px;
}

.card-emoji > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.card-emoji {
  border-radius: 1.5rem;
  padding: 1.75rem;
}

@media (min-width: 768px) {
  .card-emoji {
    min-height: 380px;
  }
}

.chip-cc {
  position: relative;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.footer-sub-submenu li div.chip-cc {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.chip-cc .txt {
  font-family: anuphansemibold;
}


	p .chip-cc .txt,
	ul .chip-cc .txt {
  line-height: 1.4;
}

.chip-cc .txt {
  line-height: 1.4 !important;
}


		.detail-simple p .chip-cc .txt {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .chip-cc .txt {
    font-size: 22px;
  }
}

.chip-cc .bg-chip {
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: -10;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
}

.btn-carbon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer-sub-submenu li div.btn-carbon {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.btn-carbon .txt {
  font-family: anuphansemibold;
  font-size: 20px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}


	p .btn-carbon .txt,
	ul .btn-carbon .txt {
  line-height: 1.4;
}

.btn-carbon .txt {
  line-height: 1.4 !important;
}


		.detail-simple p .btn-carbon .txt {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .btn-carbon .txt {
    font-size: 22px;
  }
}

@media (min-width: 640px) {
  .btn-carbon .txt {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .btn-carbon .txt {
    font-size: 30px;
  }
}

.btn-carbon .bg-btn {
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: -10;
  height: 100%;
  width: 100%;
  border-radius: 9999px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .btn-carbon:hover .bg-btn {
    --tw-scale-x: 1.03;
    --tw-scale-y: 1.03;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    transition-property: all;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}

.btn-carbon:active .bg-btn {
  --tw-scale-x: 0.9;
  --tw-scale-y: 0.9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 1024px) {
  .btn-carbon:active .bg-btn {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.herobanner {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.footer-sub-submenu li div.herobanner {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.herobanner .herobanner-txt {
  position: relative;
  z-index: 3;
  width: 100%;
}

.herobanner .herobanner-img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.herobanner .herobanner-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 1s;
}

.herobanner .herobanner-img img.active {
  opacity: 1;
  transition-duration: 0.5s;
}

.herobanner h1 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  font-family: bkk_draft5regular;
  font-size: 40px;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.footer-sub-submenu li div.herobanner h1 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .herobanner h1 {
    font-size: 60px;
  }
}

@media (min-width: 1600px) {
  .herobanner h1 {
    margin-bottom: 4%;
    font-size: 72px;
  }
}

.herobanner-inner {
  position: relative;
  grid-column: span 12 / span 12;
  display: flex;
  min-height: 100svh;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-top: 10%;
}

.footer-sub-submenu li div.herobanner-inner {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.herobanner .box-blur-top {
  width: 100%;
  height: 25%;
  background: rgba(0 0 0 / 25%);
  -webkit-mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 1) 65%,
		rgba(0, 0, 0, 1) 100%
	);
          mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 0) 10%,
		rgba(0, 0, 0, 1) 65%,
		rgba(0, 0, 0, 1) 100%
	);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  opacity: 1;
  z-index: 2;
}

@media (max-width: 767px) {
  .herobanner .box-blur-top {
    height: 15%;
  }
}

.herobanner .box-blur-bottom {
  width: 100%;
  height: 45%;
  background: rgba(0 0 0 / 20%);
  -webkit-mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 50%,
		rgba(0, 0, 0, 0) 100%
	);
          mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 50%,
		rgba(0, 0, 0, 0) 100%
	);
  position: absolute;
  bottom: 0;
  left: 0;
  /* backdrop-filter: blur(30px); */
  opacity: 1;
  z-index: 2;
}

.herobanner-pagination {
  position: static;
  width: auto !important;
}

.herobanner-pagination .swiper-pagination-bullet {
  border-radius: 8px;
  background: #fff;
}

.herobanner-pagination .swiper-pagination-bullet-active {
  width: 20px;
}

/*
* PM 2.5 home
*/

.herobanner .display-pm25-zone {
  position: absolute;
  top: 120px;
  right: 20px;
  display: flex;
  gap: 0.5rem;
}

.footer-sub-submenu li div.herobanner .display-pm25-zone {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (min-width: 768px) {
  .herobanner .display-pm25-zone {
    right: 190px;
  }
}

.herobanner .display-pm25-zone {
  z-index: 2;
}

.box-shortmenu {
  margin-top: 3rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

.footer-sub-submenu li div.box-shortmenu {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.swiper-shortmenu {
  margin-top: 1rem;
  width: 100%;
  min-width: 1px;
  max-width: 1060px;
  overflow: visible;
}

@media (min-width: 1500px) {
  .swiper-shortmenu {
    max-width: 1540px;
  }
}

.swiper-shortmenu .swiper-slide {
  aspect-ratio: 1 / 1;
  width: auto;
  padding-top: 0.375rem;
}

.photo_by {
  transition: all 0.5s ease;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: inline-flex;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  align-self: flex-end;
  overflow: hidden;
  border-radius: 9999px;
  background-color: rgb(0 0 0 / 0.5);
  font-family: anuphanmedium;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

p.photo_by,
	ul.photo_by {
  line-height: 1.4;
}

.photo_by {
  line-height: 1.4 !important;
}

.section-color p.photo_by {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.photo_by {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.photo_by {
    font-size: 28px;
  }
}

.detail-simple p.photo_by {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.photo_by {
    font-size: 22px;
  }
}

/* .photo_by p {
    white-space: nowrap;
    width:0;
    opacity: 0;
    transition: all 0.5s ease;
  } */

/* .photo_by:hover p {
    width:100%;
    opacity: 1;
  } */

.welcome {
  overflow: hidden;
}

@media (max-width: 767px) {
  .welcome {
    padding-bottom: 2rem !important;
  }
}

.welcome .txt h2 {
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  padding-right: 1rem;
  font-family: anuphanmedium;
  font-size: 28px;
  line-height: 1.5;
}

p.welcome .txt h2,
	ul.welcome .txt h2 {
  line-height: 1.4;
}

.welcome .txt h2 {
  line-height: 1.4 !important;
}

.section-color p.welcome .txt h2 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.welcome .txt h2 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.welcome .txt h2 {
    font-size: 28px;
  }
}

.detail-simple p.welcome .txt h2 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.welcome .txt h2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .welcome .txt h2 {
    margin-bottom: 2.5rem;
    font-size: 20px;
  }
}

@media (min-width: 1600px) {
  .welcome .txt h2 {
    padding-right: 10rem;
    font-size: 30px;
  }
}

.element_bkk {
  position: relative;
  top: -8%;
  display: flex;
  aspect-ratio: 1 / 1;
  height: auto;
  width: 100%;
  max-width: 180px;
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.element_bkk {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1023px) {
  .element_bkk {
    top: -2%;
    right: 5%;
    margin-left: auto;
    margin-top: -10%;
    height: auto;
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  .element_bkk {
    margin-top: -5%;
    max-width: 100px;
  }
}

@media (max-width: 1023px) {
  .element_bkk svg {
    height: auto;
  }
}

@media (max-width: 767px) {
  .element_bkk svg {
    width: 150px;
  }
}

@media (max-width: 575px) {
  .element_bkk svg {
    width: 120px;
  }
}

.element_bkk img {
  position: absolute;
}

@media (max-width: 1023px) {
  .element_bkk img {
    height: auto;
  }
}

@media (max-width: 767px) {
  .element_bkk img {
    width: 150px;
  }
}

@media (max-width: 575px) {
  .element_bkk img {
    width: 100px;
  }
}

.project .txthead {
  font-family: bkk_draft5regular;
  font-size: 50px;
}

@media (max-width: 767px) {
  .project .txthead {
    font-size: 44px;
  }
}

.project-group {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.project.is-desktop {
  display: block;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (max-width: 1023px) {
  .project.is-desktop {
    display: none;
  }
}

@media (min-width: 768px) {
  .project.is-desktop {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.project.is-mobile {
  display: none;
}

.loading-indicator.project.is-mobile {
  display: none;
}

@media (max-width: 1023px) {
  .project.is-mobile {
    display: block;
  }
}

.tab-content {
  display: none;
}

.loading-indicator.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.stat {
  position: relative;
  display: flex;
  min-height: calc(100dvh - 80px);
  width: 100%;
  align-items: center;
}

.footer-sub-submenu li div.stat {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1023px) {
  .stat {
    flex-direction: column-reverse;
  }
}

.stat-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

@media (max-width: 1023px) {
  .stat-bg {
    position: static;
    aspect-ratio: 1/0.85;
  }
}

@media (max-width: 767px) {
  .stat-bg {
    aspect-ratio: 1/1.45;
  }
}

@media (max-width: 575px) {
  .stat-bg {
    aspect-ratio: 1/1.65;
  }
}

.stat-bg .swiper {
  height: 100%;
}

.stat-bg img {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.stat-content {
  width: 100%;
}

.box-txt-stat {
  position: relative;
  z-index: 2;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

@media (max-width: 1023px) {
  .box-txt-stat {
    width: 100%;
    gap: 0.75rem;
  }
}

.box-txt-stat .label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.box-txt-stat .label {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1023px) {
  .box-txt-stat .label .svg {
    display: none;
  }
}

.box-txt-stat .label .txt {
  position: absolute;
  width: 100%;
  padding-right: 30%;
  text-align: center;
  font-family: bkk_draft5regular;
  font-size: 18px;
}

@media (max-width: 1023px) {
  .box-txt-stat .label .txt {
    position: static;
    padding-right: 0px;
  }
}

.box-txt-stat h2 {
  margin-top: -4px;
  font-family: bkk_draft5regular;
  font-size: 40px;
  line-height: 1.5;
}

.control-stat {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-top: 1rem;
}

@media (max-width: 1023px) {
  .control-stat {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 35px;
    margin-top: 40px;
  }
}

.control-stat .item {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: stretch;
  border-radius: 9999px;
  padding: 0.625rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.footer-sub-submenu li div.control-stat .item {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.control-stat .item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

@media (max-width: 1023px) {
  .control-stat .item {
    border-width: 1px;
    border-color: rgb(0 0 0 / 0.2);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (max-width: 767px) {
  .control-stat .item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.control-stat .item .icon {
  aspect-ratio: 1 / 1;
  height: 30px;
  width: 30px;
  border-radius: 0.375rem;
  padding: 0.25rem;
}

@media (max-width: 1023px) {
  .control-stat .item .icon {
    height: 22px;
    width: 22px;
    padding: 0.125rem;
  }
}

.control-stat .item .icon img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.control-stat .swiper-slide {
  overflow: auto;
}

@media (max-width: 1023px) {
  .control-stat .swiper-slide {
    width: auto;
  }
}

.control-stat .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.footer-sub-submenu li div.control-stat .swiper-wrapper {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1023px) {
  .control-stat .swiper-wrapper {
    flex-direction: row;
    gap: 0.5rem;
  }
}

@media (max-width: 767px) {
  .control-stat .swiper-wrapper {
    flex-wrap: wrap;
  }
}

.control-stat .progress {
  margin-left: auto;
  margin-right: 0px;
  opacity: 0;
}

@media (max-width: 1023px) {
  .control-stat .progress {
    display: none;
  }
}

.control-stat .txt {
  padding-left: 0.75rem;
  font-family: anuphanmedium;
  font-size: 16px;
}

p.control-stat .txt,
	ul.control-stat .txt {
  line-height: 1.4;
}

.control-stat .txt {
  line-height: 1.4 !important;
}

.section-color p.control-stat .txt {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.control-stat .txt {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.control-stat .txt {
    font-size: 28px;
  }
}

.detail-simple p.control-stat .txt {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.control-stat .txt {
    font-size: 22px;
  }
}

@media (max-width: 1023px) {
  .control-stat .txt {
    padding-left: 0.5rem;
    font-size: 14px;
  }
}

.control-stat .swiper-slide-thumb-active .item {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

@media (max-width: 1023px) {
  .control-stat .swiper-slide-thumb-active .item {
    --tw-border-opacity: 1;
    border-color: rgb(244 244 244 / var(--tw-border-opacity));
  }
}

.control-stat .swiper-slide-thumb-active .progress {
  opacity: 1;
}

@media (max-width: 1023px) {
  .control-stat .swiper-slide-thumb-active .progress {
    display: block;
  }
}

.autoplay-progress {
  position: relative;
  z-index: 2;
  display: flex;
  height: 22px;
  width: 22px;
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.autoplay-progress {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1023px) {
  .autoplay-progress {
    margin-left: 0.375rem;
    height: 14px;
    width: 14px;
  }
}

.autoplay-progress svg {
  position: relative;
  height: 22px;
  width: 22px;
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  fill: none;
  stroke-width: 12px;
}

@media (max-width: 1023px) {
  .autoplay-progress svg {
    height: 14px;
    width: 14px;
  }
}

.autoplay-progress .circle-run {
  --progress: 0;
  stroke-dashoffset: calc(56.5 * (1 - var(--progress)));
  stroke-dasharray: 56.5;
  position: absolute;
  top: 0px;
  left: 0px;
}

.box-swiper-game .item {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 1.5rem;
}

@media (max-width: 1023px) {
  .box-swiper-game .item {
    border-radius: 1rem;
  }
}

@media (max-width: 767px) {
  .box-swiper-game .item {
    border-radius: 0.75rem;
  }
}

.txt-caption {
  --tw-bg-opacity: 1;
  background-color: rgb(255 194 222 / var(--tw-bg-opacity));
  opacity: 0;
}

.swiper-game-txtcaption {
  width: 95%;
}

.swiper-game-txtcaption .swiper-slide-thumb-active .txt-caption {
  opacity: 1;
}

.txt-caption h3 {
  margin-bottom: 0.75rem;
  font-family: bkk_draft5regular;
  font-size: 28px;
}

@media (max-width: 767px) {
  .txt-caption h3 {
    font-size: 20px;
  }
}

.txt-caption h4 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  min-height: 90px;
  max-width: 550px;
  padding-left: 80px;
  padding-right: 80px;
  font-family: anuphanmedium;
  font-size: 16px;
  line-height: 1.65;
}

p.txt-caption h4,
	ul.txt-caption h4 {
  line-height: 1.4;
}

.txt-caption h4 {
  line-height: 1.4 !important;
}

.section-color p.txt-caption h4 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.txt-caption h4 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.txt-caption h4 {
    font-size: 28px;
  }
}

.detail-simple p.txt-caption h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.txt-caption h4 {
    font-size: 22px;
  }
}

@media (min-width: 768px) {
  .txt-caption h4 {
    min-height: -moz-fit-content;
    min-height: fit-content;
  }
}

.game-arrow-prev {
  margin-top: -50px;
  height: 2.25rem;
  width: 2.25rem;
  background-image: url(assets/img/icons/i_arrow_prev.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 40px;
  position: absolute;
  top: auto;
  left: 25px;
}

.game-arrow-next {
  margin-top: -50px;
  height: 2.25rem;
  width: 2.25rem;
  background-image: url(assets/img/icons/i_arrow_next.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  bottom: 40px;
  position: absolute;
  top: auto;
  right: 25px;
}

.game-arrow-prev:after,
.game-arrow-next:after {
  display: none;
}

.box-blog-head h2 {
  position: relative;
  left: 24px;
  margin-bottom: -2px;
  height: 60px;
  border-top-width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 0.5rem;
  font-family: bkk_draft5regular;
  font-size: 22px;
}

.box-folder .box-content.box-blog-head h2 {
  background: #fff;
}

@media (max-width: 767px) {
  .box-blog-head h2 {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 26px;
  }
}

@media (min-width: 1024px) {
  .box-blog-head h2 {
    font-size: 22px;
  }
}

@media (min-width: 1280px) {
  .box-blog-head h2 {
    font-size: 30px;
  }
}

.box-blog-head span {
  position: relative;
  top: 0.375rem;
  display: inline-block;
}

.box-blog-head .shape-before,
	.box-blog-head .shape-after {
  position: absolute;
  bottom: 0px;
  height: 60px;
}

.box-blog-head .shape-before {
  right: 100%;
  width: 24px;
  background-image: url(assets/img/shape/shape_box_left.svg);
}

.box-blog-head .shape-after {
  left: 100%;
  width: 90px;
  background-image: url(assets/img/shape/shape_box_right.svg);
}

.box-blog-content {
  margin-top: 0px;
  border-radius: 20px;
  border-top-left-radius: 0px;
  border-width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.box-folder .box-content.box-blog-content {
  background: #fff;
}

@media (max-width: 767px) {
  .box-blog-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.item-blog {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.footer-sub-submenu li div.item-blog {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 767px) {
  .item-blog {
    gap: 1rem;
  }
}

.item-blog .thumb {
  aspect-ratio: 2/1.65;
  width: 100%;
  max-width: 110px;
  overflow: hidden;
  border-radius: 0.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}

@media (max-width: 767px) {
  .item-blog .thumb {
    max-width: 90px;
  }
}

.item-blog .thumb img {
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.item-blog:hover .txt h2 {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.item-blog:hover .thumb img {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.item-blog .txt {
  width: 100%;
}

.item-blog .txt h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-family: anuphansemibold;
  font-size: 18px;
  line-height: 1.5;
}


	p .item-blog .txt h2,
	ul .item-blog .txt h2 {
  line-height: 1.4;
}

.item-blog .txt h2 {
  line-height: 1.4 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


		.detail-simple p .item-blog .txt h2 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .item-blog .txt h2 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .item-blog .txt h2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 16px;
  }
}

.item-blog .txt .date {
  margin-bottom: 0.375rem;
  font-family: anuphansemibold;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity));
}


	p .item-blog .txt .date,
	ul .item-blog .txt .date {
  line-height: 1.4;
}

.item-blog .txt .date {
  line-height: 1.4 !important;
}


		.detail-simple p .item-blog .txt .date {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .item-blog .txt .date {
    font-size: 22px;
  }
}

.swiper-activity {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.box-activity {
  position: relative;
  height: 100%;
}

.box-activity .swiper {
  height: 100%;
}

.item-activity {
  position: relative;
  height: 100%;
  min-height: 414px;
  padding: 1.25rem;
}

.item-activity .img {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.item-activity .img img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}

.item-activity .txt {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding-left: 1rem;
}

.footer-sub-submenu li div.item-activity .txt {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1279px) {
  .item-activity .txt {
    padding-left: 0px;
  }
}

.item-activity .txt h2 {
  margin-bottom: -16px;
  font-family: bkk_draft5regular;
  font-size: 100px;
  line-height: 1.375;
}

@media (max-width: 767px) {
  .item-activity .txt h2 {
    font-size: 80px;
  }
}

.item-activity .txt h3 {
  font-family: bkk_draft5regular;
  font-size: 40px;
  line-height: 1.375;
}

@media (max-width: 767px) {
  .item-activity .txt h3 {
    font-size: 34px;
  }
}

.item-activity .txt h4 {
  font-family: anuphanmedium;
  font-size: 16px;
}

p.item-activity .txt h4,
	ul.item-activity .txt h4 {
  line-height: 1.4;
}

.item-activity .txt h4 {
  line-height: 1.4 !important;
}

.section-color p.item-activity .txt h4 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.item-activity .txt h4 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.item-activity .txt h4 {
    font-size: 28px;
  }
}

.detail-simple p.item-activity .txt h4 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.item-activity .txt h4 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .item-activity .txt h4 {
    font-size: 14px;
  }
}

.item-activity .img .box-blur-bottom {
  width: 100%;
  height: 100%;
  background: rgba(0 0 0 / 25%);
  /* mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 50%,
		rgba(0, 0, 0, 0) 100%
	);  */
  -webkit-mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 15%,
		rgba(0, 0, 0, 0) 100%
	);
          mask-image: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1) 0%,
		rgba(0, 0, 0, 1) 15%,
		rgba(0, 0, 0, 0) 100%
	);
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  opacity: 1;
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}

.box-activity .swiper-pagination {
  bottom: auto;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.footer-sub-submenu li div.box-activity .swiper-pagination {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.box-activity .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0px;
  height: 0.25rem;
  width: 100%;
  overflow: hidden;
  border-radius: 0.25rem;
  background-color: rgb(255 255 255 / 0);
  opacity: 1;
}

.box-activity .swiper-pagination .swiper-pagination-bullet .progress-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0.4;
}

.box-folder .box-content.box-activity .swiper-pagination .swiper-pagination-bullet .progress-bg {
  background: #fff;
}

.box-activity .swiper-pagination .swiper-pagination-bullet .progress-run {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 0px;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  opacity: 0;
}

.box-folder .box-content.box-activity .swiper-pagination .swiper-pagination-bullet .progress-run {
  background: #fff;
}

.box-activity
	.swiper-pagination
	.swiper-pagination-bullet-active
	.progress-run {
  opacity: 1;
}

.wrap-box-stat {
  position: relative;
  top: 0px;
  right: 0px;
  margin-left: auto;
  display: flex;
  height: 100%;
  width: calc(50% - 150px);
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 5rem;
}

.footer-sub-submenu li div.wrap-box-stat {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

@media (max-width: 1279px) {
  .wrap-box-stat {
    width: calc(50% - 50px);
  }
}

@media (max-width: 1023px) {
  .wrap-box-stat {
    width: 60%;
  }
}

@media (max-width: 767px) {
  .wrap-box-stat {
    right: calc(4% + 20px);
  }
}

@media (max-width: 575px) {
  .wrap-box-stat {
    right: 4%;
  }
}

.box-stat {
  position: relative;
  margin-top: -12px;
  margin-bottom: -12px;
  display: inline-block;
  min-height: 120px;
  border-radius: 20px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 3rem;
}

.box-folder .box-content.box-stat {
  background: #fff;
}

@media (max-width: 767px) {
  .box-stat {
    margin-top: -8px;
    margin-bottom: -8px;
    padding-right: 1.5rem;
    padding-top: 1.5rem;
  }
}

.box-stat:nth-child(even) {
  --tw-translate-x: calc(-50% + 10px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 767px) {
  .box-stat:nth-child(even) {
    --tw-translate-x: calc(-50% + 45px);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.box-stat:nth-child(odd) {
  --tw-translate-x: calc(50% - 10px);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@media (max-width: 767px) {
  .box-stat:nth-child(odd) {
    --tw-translate-x: calc(50% - 45px);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

.box-stat:nth-child(odd):before,
.box-stat:nth-child(odd):after,
.box-stat:nth-child(even):before,
.box-stat:nth-child(even):after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
}

.box-stat:nth-child(odd):before {
  background: url(assets/img/icons_stat/shape_odd_before.svg) center no-repeat;
  background-size: cover;
  top: -19px;
  left: 19px;
}

@media (max-width: 767px) {
  .box-stat:nth-child(odd):before {
    left: 89px;
  }
}

.box-stat:nth-child(odd):after {
  background: url(assets/img/icons_stat/shape_odd_after.svg) center no-repeat;
  background-size: cover;
  bottom: -19px;
  left: 19px;
}

@media (max-width: 767px) {
  .box-stat:nth-child(odd):after {
    left: 89px;
  }
}

.box-stat:nth-child(even):before {
  background: url(assets/img/icons_stat/shape_even_before.svg) center
		no-repeat;
  background-size: cover;
  top: -19px;
  right: 19px;
}

@media (max-width: 767px) {
  .box-stat:nth-child(even):before {
    right: 89px;
  }
}

.box-stat:nth-child(even):after {
  background: url(assets/img/icons_stat/shape_even_after.svg) center no-repeat;
  background-size: cover;
  bottom: -19px;
  right: 19px;
}

@media (max-width: 767px) {
  .box-stat:nth-child(even):after {
    right: 89px;
  }
}

.box-stat:nth-child(1):before {
  display: none;
}

.box-stat:nth-last-child(1):after {
  display: none;
}

.box-stat h3 {
  font-family: anuphanmedium;
  font-size: 16px;
  line-height: 1.375;
}

p.box-stat h3,
	ul.box-stat h3 {
  line-height: 1.4;
}

.box-stat h3 {
  line-height: 1.4 !important;
}

.section-color p.box-stat h3 {
  font-size: 20px;
  line-height: 1.6 !important;
}

@media (min-width: 768px) {
  .section-color p.box-stat h3 {
    font-size: 24px;
  }
}

@media (min-width: 1280px) {
  .section-color p.box-stat h3 {
    font-size: 28px;
  }
}

.detail-simple p.box-stat h3 {
  font-size: 20px;
}

@media (min-width: 1280px) {
  .detail-simple p.box-stat h3 {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .box-stat h3 {
    font-size: 14px;
  }
}

.box-stat h4 {
  font-family: bkk_draft5regular;
  font-size: 30px;
  line-height: 1.375;
}

@media (max-width: 767px) {
  .box-stat h4 {
    font-size: 24px;
  }
}

.box-stat img {
  position: static;
  margin-bottom: 0.75rem;
  width: auto;
}

.howto {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}

@media (min-width: 768px) {
  .howto {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.howto .howto-center {
  position: relative;
  order: 1;
  grid-column: span 2 / span 2;
  height: 100%;
  text-align: center;
}

@media (max-width: 1024px) {
  .howto .howto-center {
    margin-left: -5%;
    margin-right: -5%;
  }
}

@media (max-width: 767px) {
  .howto .howto-center {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media (min-width: 768px) {
  .howto .howto-center {
    order: 2;
    grid-column: span 1 / span 1;
  }
}

.howto .howto-left {
  position: relative;
  order: 2;
  height: 100%;
}

@media (max-width: 767px) {
  .howto .howto-left {
    aspect-ratio: 1/1.2;
  }
}

@media (min-width: 768px) {
  .howto .howto-left {
    order: 1;
  }
}

.howto .howto-right {
  position: relative;
  order: 3;
  height: 100%;
}

@media (max-width: 767px) {
  .howto .howto-right {
    aspect-ratio: 1/1.2;
  }
}

.howto-img {
  position: absolute;
  top: 0px;
}

.howto-img img,
.howto-img video {
  position: relative;
  border-radius: 0.75rem;
}

.howto-img.img-1 {
  top: 4%;
  left: 42%;
  z-index: 3;
  width: 48%;
}

@media (max-width: 1023px) {
  .howto-img.img-1 {
    top: 0%;
    left: 40%;
    width: 52%;
  }
}

@media (max-width: 767px) {
  .howto-img.img-1 {
    top: 9%;
    left: 15%;
    width: 56%;
  }
}

.howto-img.img-2 {
  top: -10%;
  left: 24%;
  z-index: 2;
  width: 20%;
}

@media (max-width: 1023px) {
  .howto-img.img-2 {
    top: -12%;
    left: 22%;
    width: 24%;
  }
}

@media (max-width: 767px) {
  .howto-img.img-2 {
    top: -35%;
    left: 15%;
    width: 23%;
  }
}

.howto-img.img-3 {
  top: 60%;
  left: 15%;
  z-index: 1;
  width: 33%;
}

@media (max-width: 1023px) {
  .howto-img.img-3 {
    top: 60%;
    left: 13%;
    width: 37%;
  }
}

@media (max-width: 767px) {
  .howto-img.img-3 {
    top: 80%;
    left: 40%;
    width: 34%;
  }
}

.howto-img.img-4 {
  top: 60%;
  right: 48%;
  z-index: 6;
  width: 38%;
}

@media (max-width: 1023px) {
  .howto-img.img-4 {
    top: 60%;
    right: 48%;
    width: 42%;
  }
}

@media (max-width: 767px) {
  .howto-img.img-4 {
    top: 40%;
    right: 30%;
    width: 74%;
  }
}

.howto-img.img-5 {
  top: 20%;
  right: 15%;
  z-index: 5;
  width: 37%;
}

@media (max-width: 1023px) {
  .howto-img.img-5 {
    top: 20%;
    right: 15%;
    width: 41%;
  }
}

@media (max-width: 767px) {
  .howto-img.img-5 {
    top: -5%;
    right: 9%;
    width: 42%;
  }
}

.howto-img.img-6 {
  top: -12%;
  right: 24%;
  z-index: 4;
  width: 21%;
}

@media (max-width: 1023px) {
  .howto-img.img-6 {
    top: -12%;
    right: 24%;
    width: 25%;
  }
}

@media (max-width: 767px) {
  .howto-img.img-6 {
    top: -45%;
    right: 15%;
    width: 26%;
  }
}

@media (max-width: 1279px) {
  /* .herobanner-inner {
    @apply col-span-10
    } */
}

@media (max-width: 1023px) {
  .herobanner-inner {
    padding-top: 15%;
  }

  .herobanner h1 {
    height: auto;
  }

  .swiper-shortmenu .swiper-slide {
    width: auto;
  }

  .game-arrow-prev {
    display: block;
  }

  .game-arrow-next {
    display: block;
  }

  .txt-caption h4 {
    padding: 0 64px;
  }

  .swiper-game-txtcaption {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .swiper-shortmenu {
    margin-bottom: 0.5rem;
  }

  .herobanner-inner {
    grid-column: span 5 / span 5;
  }

  .box-shortmenu {
    margin-top: 1.25rem;
  }

  .box-blur-top {
    opacity: 1 !important;
  }

  .box-blur-bottom {
    opacity: 1 !important;
  }

  .herobanner .box-blur-bottom {
    height: 65%;
    background-color: rgb(0 0 0 / 0.5);
    --tw-backdrop-blur: blur(30px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
}

.project-accordion {
  margin-left: -80px;
  margin-right: -80px;
}

@media (max-width: 767px) {
  .project-accordion {
    margin-left: -24px;
    margin-right: -24px;
  }
}

.project-head {
  pointer-events: none;
  display: block;
  height: 72px;
  width: 100%;
  cursor: pointer;
  border-bottom-width: 2px;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 1rem;
  font-family: anuphansemibold;
  font-size: 18px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transition-duration: 0.4s;
}


	p .project-head,
	ul .project-head {
  line-height: 1.4;
}

.project-head {
  line-height: 1.4 !important;
}


		.detail-simple p .project-head {
  font-size: 20px;
}

@media (min-width: 1280px) {
  
		.detail-simple p .project-head {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .project-head {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.project-head .txt {
  pointer-events: auto;
  position: relative;
  display: flex;
  height: 56px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  border-top-width: 2px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.box-folder .box-content.project-head .txt {
  background: #fff;
}

.footer-sub-submenu li div.project-head .txt {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.project-head .txt span {
  display: inline-block;
}

.project-head .txt .shape-before {
  position: absolute;
  right: 100%;
  bottom: 0px;
  height: 56px;
  width: 28px;
}

.project-head .txt .shape-after {
  position: absolute;
  left: 100%;
  bottom: 0px;
  height: 56px;
  width: 60px;
}

.project-head .txt svg {
  transform: scale(1.000001);
  position: absolute;
  top: 0px;
  bottom: 1px;
  display: flex;
  width: 100%;
  align-items: center;
}

.footer-sub-submenu li div.project-head .txt svg {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.project-head .txt img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}

.project-head[data-tab-color="violet-2"] .txt {
  --tw-bg-opacity: 1;
  background-color: rgb(211 196 255 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="violet-2"] .path-fill {
  fill: #D3C4FF;
}

.project-head[data-tab-color="violet-2"] + .project-panel + .project-head {
  --tw-bg-opacity: 1;
  background-color: rgb(211 196 255 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="violet-2"] + .project-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(211 196 255 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="green-2"] .txt {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="green-2"] .path-fill {
  fill: #73E8A5;
}

.project-head[data-tab-color="green-2"] + .project-panel + .project-head {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="green-2"] + .project-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(115 232 165 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="yellow-2"] .txt {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="yellow-2"] .path-fill {
  fill: #FFEC8F;
}

.project-head[data-tab-color="yellow-2"] + .project-panel + .project-head {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="yellow-2"] + .project-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(255 236 143 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="blue-2"] .txt {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="blue-2"] .path-fill {
  fill: #ABDDFF;
}

.project-head[data-tab-color="blue-2"] + .project-panel + .project-head {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="blue-2"] + .project-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(171 221 255 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="orange-2"] .txt {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="orange-2"] .path-fill {
  fill: #FFBFA0;
}

.project-head[data-tab-color="orange-2"] + .project-panel + .project-head {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.project-head[data-tab-color="orange-2"] + .project-panel {
  --tw-bg-opacity: 1;
  background-color: rgb(255 191 160 / var(--tw-bg-opacity));
}

.project-head.active .txt {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.project-head.active .path-fill {
  fill: #FFFFFF !important;
}

.project-head.active + .project-panel + .project-head {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.project-head.active + .project-panel {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.project-panel {
  background-color: white;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

.project-panel:nth-last-child(1) {
  padding-bottom: 1.5rem;
}

.swiper-project-mobile .swiper-slide {
  height: auto;
}

@media (max-width: 767px) {
  .swiper-project-mobile .swiper-slide {
    max-width: 75%;
  }
}

.project-item {
  display: inline-grid;
  height: 100%;
  width: 100%;
  gap: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.project-pagination {
  position: static;
  width: auto !important;
}

.project-pagination .swiper-pagination-bullet {
  margin-left: 2px !important;
  margin-right: 2px !important;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.project-pagination .swiper-pagination-bullet-active {
  width: 20px;
}

.game-pagination {
  position: static;
  margin-top: 1.25rem;
  width: auto !important;
}

.game-pagination .swiper-pagination-bullet {
  margin-left: 2px !important;
  margin-right: 2px !important;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.game-pagination .swiper-pagination-bullet-active {
  width: 20px;
}

.section-tab {
  position: relative;
}

.bg-white-txt {
  background: #fff;
  padding: 2px 12px;
  border-radius: 8px;
  font-weight: 700;
  font-family: "anuphansemibold";
  white-space: nowrap;
}

.fp-card-result {
  padding: 32px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.fp-card-result .icon {
  position: relative;
}

.fp-card-result .txt {
  margin-top: 24px;
  position: relative;
}

.fp-card-result:nth-last-child(1) .txt {
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.fp-card-result h2 {
  font-size: 20px;
  font-family: var(--anuphanBold);
}

.fp-card-result h3 {
  font-size: 40px;
  font-family: var(--bkk);
  margin-top: 12px;
}

.fp-card-result video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.91;
}

.arrow-result {
  display: flex;
  justify-content: flex-end;
  margin-top: -3%;
  margin-bottom: -1.5%;
  left: 0;
  position: relative;
  pointer-events: none;
  padding-left: 72.5%;
}

.fp-card-usemoney {
  padding: 32px;
  border-radius: 20px;
  height: 100%;
}

.fp-card-usemoney h2 {
  font-size: 18px;
  font-family: var(--anuphanBold);
}

.fp-card-usemoney h3 {
  font-size: 40px;
  font-family: var(--bkk);
}

.fp-card-usemoney h4 {
  font-size: 12px;
  font-family: var(--saraban);
}

.fp-card-usemoney .img {
  margin: 32px auto 0;
}

.usemoney .swiper-slide {
  height: auto;
}

.card-ht {
  position: absolute;
  width: 15%;
}

.card-ht-1 {
  left: 12%;
  top: -100%;
}

.card-ht-2 {
  left: 50%;
  top: -145%;
}

.card-ht-3 {
  left: 75%;
  top: -90%;
}

.card-ht-4 {
  left: 91%;
  top: 18%;
}

.card-ht-5 {
  left: 65%;
  top: 120%;
}

.card-ht-6 {
  left: 40%;
  top: 160%;
}

.card-ht-7 {
  left: 14%;
  top: 108%;
}

.card-ht-8 {
  left: -5%;
  top: 17%;
}

.card-ht-9 {
  left: -18%;
  top: -130%;
}

.card-ht-10 {
  left: -14%;
  top: 145%;
}

.card-ht-11 {
  left: 105%;
  top: -113%;
}

.card-ht-12 {
  left: 107%;
  top: 138%;
}

.sec-howtothing .fp-overflow {
  padding: 0;
}

.card-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.txthead-howto h2 {
  padding: 4px 20px;
  border-radius: 99px;
  display: inline-block;
  font-family: var(--anuphanBold);
  font-size: 22px;
}

.txthead-howto h3 {
  font-size: 40px;
  font-family: var(--bkk);
  margin-top: 16px;
}

.txt-howto {
  color: #fff;
  margin-right: -20%;
}

.txt-howto h2 {
  font-size: 18px;
  font-family: var(--anuphanBold);
}

.txt-howto ul {
  font-size: 16px;
  font-family: var(--saraban);
  line-height: 1.6;
  list-style-type: disc;
  padding-left: 18px;
  margin-top: 8px;
}

.box-car-3d {
  position: absolute;
  right: 3%;
  bottom: -22%;
}

.txt-car3d .txt1,
.txt-car3d .txt2 {
  position: absolute;
  font-size: 16px;
  font-family: var(--saraban);
}

.txt-car3d .txt1 {
  top: 70%;
  left: -40%;
}

.txt-car3d .txt1 img {
  position: absolute;
  top: -66%;
  right: -40%;
}

.txt-car3d .txt2 {
  top: -15%;
  right: 0%;
}

.txt-car3d .txt2 img {
  position: absolute;
  top: 10%;
  left: -70%;
}

.card-gold-67 {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
}

.card-gold-67 .txt {
  padding: 28px 28px 4px;
}

.card-gold-67 .txt h2 {
  font-family: var(--anuphanBold);
  font-size: 20px;
}

.card-gold-67 .txt h3 {
  font-family: var(--bkk);
  font-size: 70px;
  line-height: 1.2;
}

.item-recycle {
  color: #000;
  font-size: 20px;
  font-family: var(--anuphanBold);
  position: relative;
}

.item-recycle p {
  margin-top: 16px;
}

.box-recycle {
  margin-right: -20%;
}

.item-recycle-3 {
  margin: 0 -17%;
  z-index: 1;
}

.item-recycle-3 img {
  opacity: 0;
}

@media (max-width: 1599px) {
  .card-ht-1 {
    left: 12%;
    top: -100%;
  }

  .card-ht-2 {
    left: 50%;
    top: -125%;
  }

  .card-ht-3 {
    left: 75%;
    top: -90%;
  }

  .card-ht-4 {
    left: 91%;
    top: 18%;
  }

  .card-ht-5 {
    left: 65%;
    top: 80%;
  }

  .card-ht-6 {
    left: 40%;
    top: 130%;
  }

  .card-ht-7 {
    left: 14%;
    top: 60%;
  }

  .card-ht-8 {
    left: -5%;
    top: 17%;
  }

  .card-ht-9 {
    left: -18%;
    top: -130%;
  }

  .card-ht-10 {
    left: -14%;
    top: 145%;
  }

  .card-ht-11 {
    left: 105%;
    top: -113%;
  }

  .card-ht-12 {
    left: 107%;
    top: 138%;
  }

  .item-recycle-3 {
    margin: 0 -22%;
  }
}

@media (max-width: 1439px) {
  .card-ht-1 {
    left: 12%;
    top: -100%;
  }

  .card-ht-2 {
    left: 45%;
    top: -125%;
  }

  .card-ht-3 {
    left: 75%;
    top: -90%;
  }

  .card-ht-4 {
    left: 91%;
    top: 18%;
  }

  .card-ht-5 {
    left: 65%;
    top: 80%;
  }

  .card-ht-6 {
    left: 40%;
    top: 120%;
  }

  .card-ht-7 {
    left: 14%;
    top: 60%;
  }

  .card-ht-8 {
    left: -5%;
    top: 17%;
  }

  .card-ht-9 {
    left: -19%;
    top: -130%;
  }

  .card-ht-10 {
    left: -10%;
    top: 166%;
  }

  .card-ht-11 {
    left: 103%;
    top: -113%;
  }

  .card-ht-12 {
    left: 85%;
    top: 168%;
  }

  .car3d {
    width: 80%;
    margin: 0 auto;
  }

  .box-car-3d {
    bottom: -15%;
  }

  .txt-car3d .txt1 {
    top: 75%;
    left: -35%;
  }

  .txt-car3d .txt1 img {
    right: -40%;
    top: -50%;
  }

  .txt-car3d .txt2 {
    top: -25%;
    right: 5%;
  }

  .txt-car3d .txt2 img {
    left: -70%;
  }

  .box-recycle {
    margin-right: -5%;
  }

  .item-recycle-3 {
    margin: 0 -27%;
  }
}

@media (max-width: 1279px) {
  .fp-card-result h2 {
    font-size: 18px;
  }

  .fp-card-result h3 {
    font-size: 28px;
  }

  .card-ht {
    max-width: 135px;
  }

  .card-img {
    top: 18%;
  }

  .txt-howto {
    margin-right: -5%;
  }

  .car3d {
    width: 65%;
  }

  .box-car-3d {
    right: 0;
    bottom: -8%;
  }

  .txt-car3d .txt1,
	.txt-car3d .txt2 {
    font-size: 14px;
  }

  .txt-car3d .txt1 {
    top: 72%;
    left: -24%;
  }

  .txt-car3d .txt2 img {
    left: -40%;
  }

  .card-gold-67 .txt h2 {
    font-size: 18px;
  }

  .card-gold-67 .txt h3 {
    font-size: 60px;
  }

  .card-gold-67 .txt {
    padding: 20px 20px 4px;
  }

  .card-gold-67 img {
    padding: 0 24px !important;
  }

  .box-recycle {
    margin-right: 0%;
  }

  .item-recycle {
    font-size: 16px;
  }

  .item-recycle img {
    max-width: 180px;
  }

  .item-recycle-3 {
    margin: 0 -20%;
  }
}

@media (max-width: 1023px) {
  .fp-card-result h2 {
    font-size: 16px;
  }

  .fp-card-result h3 {
    margin-top: 4px;
  }

  .fp-card-result {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
  }

  .fp-card-result .txt {
    margin-top: 0;
  }

  .fp-card-result .icon {
    flex: 0 0 64px;
  }

  .arrow-result {
    justify-content: flex-start;
    padding-left: 7%;
    margin-top: -2%;
  }

  .card-ht {
    max-width: 125px;
  }

  .card-ht-1 {
    left: 0%;
    top: -95%;
  }

  .card-ht-2 {
    left: 37%;
    top: -130%;
  }

  .card-ht-3 {
    left: 80%;
    top: -90%;
  }

  .card-ht-4 {
    left: 89%;
    top: 8%;
    display: none;
  }

  .card-ht-5 {
    left: 76%;
    top: 81%;
  }

  .card-ht-6 {
    left: 44%;
    top: 135%;
  }

  .card-ht-7 {
    left: 7%;
    top: 78%;
  }

  .card-ht-8 {
    left: -17%;
    top: 0%;
  }

  .card-ht-9 {
    left: -22%;
    top: -180%;
  }

  .card-ht-10 {
    left: -2%;
    top: 185%;
  }

  .card-ht-11 {
    left: 103%;
    top: -160%;
  }

  .card-ht-12 {
    left: 100%;
    top: 127%;
  }

  .txthead-howto h2 {
    font-size: 20px;
  }

  .txthead-howto h3 {
    font-size: 36px;
  }

  .bin-howto {
    margin: 16px 0 32px;
  }

  .box-car-3d {
    position: relative;
    bottom: 0;
    margin-top: 12%;
  }

  .car3d {
    width: 75%;
  }

  .txt-car3d .txt1 {
    top: 90%;
    left: 5%;
  }

  .txt-car3d .txt2 {
    top: -20%;
    right: 5%;
  }

  .card-gold-67 .txt {
    padding-bottom: 16px;
  }

  .box-recycle {
    margin-top: 24px;
  }

  .item-recycle-3 {
    margin: 0 -80px;
  }
}

@media (max-width: 767px) {
  .fp-card-result {
    padding: 24px;
  }

  .fp-card-usemoney {
    padding: 24px;
  }

  .fp-card-usemoney .img {
    margin-top: 16px;
  }

  .fp-herobanner .txt h1 {
    padding: 0%;
  }

  .fp-herobanner h2 > span {
    font-size: 100%;
  }

  .bg-white-txt {
    padding: 1px 6px;
  }

  .card-img {
    top: 0;
    height: 100vh;
  }

  .card-ht {
    max-width: 28%;
  }

  .card-ht-8,
	.card-ht-9,
	.card-ht-10,
	.card-ht-11,
	.card-ht-12 {
    display: none;
  }

  .card-ht-1 {
    left: -15%;
    top: 13%;
  }

  .card-ht-2 {
    left: 33%;
    top: 8%;
  }

  .card-ht-3 {
    left: 80%;
    top: 11%;
  }

  .card-ht-5 {
    left: 80%;
    top: 67%;
  }

  .card-ht-6 {
    left: 33%;
    top: 75%;
  }

  .card-ht-7 {
    left: -15%;
    top: 70%;
  }

  .txthead-howto h2 {
    font-size: 18px;
  }

  .txthead-howto h3 {
    font-size: 32px;
  }

  .bin-howto {
    margin: 16px 0 16px;
  }

  .txt-howto {
    margin-right: 0%;
  }

  .txt-car3d .txt1 img {
    right: -35%;
    top: -50%;
  }

  .txt-car3d .txt2 {
    top: -30%;
    right: 8%;
  }

  .txt-car3d .txt2 img {
    left: -45%;
    top: 68%;
  }
}

@media (max-width: 639px) {
  .fp-herobanner .txt {
    padding: 0 32px;
  }

  .arrow-result {
    padding-left: 12%;
    margin-top: -5%;
    padding-right: 35%;
  }

  .fp-card-result .icon {
    flex: 0 0 60px;
    height: 40px;
  }

  .fp-card-result .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .bin-howto {
    margin: 4px 0;
  }

  .txthead-howto h3 {
    margin-top: 8px;
  }

  .txt-car3d .txt1,
	.txt-car3d .txt2 {
    font-size: 12px;
  }

  .txt-car3d .txt1 {
    left: 0;
  }

  .car3d {
    width: 90%;
    padding: 2% 0px;
  }

  .box-car-3d {
    margin-top: 24%;
  }

  .txt-car3d .txt2 {
    top: -38%;
    right: 8%;
  }

  .txt-car3d .txt1 img {
    right: -40%;
    top: -60%;
  }

  .txt-car3d .txt2 img {
    left: -45%;
    top: 70%;
  }

  .card-gold-67 .txt {
    padding: 18px 18px 12px;
  }

  .card-gold-67 .txt h2 {
    font-size: 16px;
  }

  .card-gold-67 .txt h3 {
    font-size: 40px;
  }

  .card-gold-67 img {
    padding: 0 20px !important;
  }

  .item-recycle {
    font-size: 12px;
  }

  .item-recycle img {
    max-width: 140px;
  }

  .item-recycle p {
    margin-top: 12px;
  }
}

.hidden-logo #id {
  opacity: 0 !important;
}


.sec-howtothing .card-ht {
  width: 40% !important;
  max-width: 40% !important;
  padding-top: 1rem !important;
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht {
    width: 30% !important;
    max-width: 30% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht {
    max-width: 20% !important;
  }
}

.sec-howtothing .htt-card div:first-child {
  height: auto !important;
}

@media (min-width: 768px) {
  .sec-howtothing .htt-card div:first-child {
    height: 220px !important;
  }

  .sec-howtothing .card-ht-1 {
    top: -135% !important;
  }
}

@media (min-width: 1024px) {
  .sec-howtothing .card-ht-1 {
    left: 0px !important;
    top: -130% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-1 {
    left: 4% !important;
    top: -100% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-2 {
    left: 40% !important;
    top: -150% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-2 {
    left: 45% !important;
    top: -118% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-3 {
    left: 82% !important;
    top: -130% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-3 {
    top: -95% !important;
  }
}

@media (min-width: 1024px) {
  .sec-howtothing .card-ht-4 {
    left: 80% !important;
    top: -260% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-4 {
    top: 50% !important;
    left: 98% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-5 {
    left: 70% !important;
    top: 80% !important;
  }

  .sec-howtothing .card-ht-6 {
    left: 33% !important;
    top: 100% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-6 {
    top: 125% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-7 {
    left: -5% !important;
    top: 70% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-7 {
    left: 5% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-8 {
    left: -40% !important;
  }
}

@media (min-width: 1024px) {
  .sec-howtothing .card-ht-8 {
    left: 6% !important;
    top: -260% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-9 {
    left: -40% !important;
  }
}

@media (min-width: 1024px) {
  .sec-howtothing .card-ht-9 {
    left: 44% !important;
    top: -286% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-10 {
    left: -1% !important;
    top: 200% !important;
  }

  .sec-howtothing .card-ht-11 {
    left: 110% !important;
  }
}

@media (min-width: 1024px) {
  .sec-howtothing .card-ht-11 {
    left: 40% !important;
    top: 240% !important;
  }
}

@media (min-width: 768px) {
  .sec-howtothing .card-ht-12 {
    left: 80% !important;
    top: 200% !important;
  }
}

@media (min-width: 1024px) {
  .sec-howtothing .card-ht-12 {
    top: 218% !important;
  }
}

@media (min-width: 1280px) {
  .sec-howtothing .card-ht-12 {
    top: 20% !important;
    left: -20% !important;
  }
}

.wrapper-stnbt .intro-stnbt {
  z-index: 0;
  width: 100%;
  background: linear-gradient(
				180deg,
				rgba(255, 255, 255, 0) 80%,
				#fff 100%
			),
			radial-gradient(
				39.75% 50.11% at 39.79% 54.86%,
				#fff6ca 0%,
				rgba(255, 246, 202, 0) 100%
			),
			radial-gradient(
				49.48% 55.51% at 83.16% 73.94%,
				#ffd9c6 0%,
				rgba(255, 217, 198, 0) 100%
			),
			radial-gradient(
				76.62% 82.89% at 16.32% 26.15%,
				#b9ffd7 0%,
				rgba(185, 255, 215, 0) 100%
			),
			radial-gradient(
				49.96% 56.8% at 21.67% 70.27%,
				#e9e2ff 0%,
				rgba(233, 226, 255, 0) 100%
			),
			radial-gradient(
				85.96% 87.58% at 79.97% 17.71%,
				#c6f8ff 0%,
				rgba(198, 248, 255, 0) 100%
			);
  /* background: radial-gradient(
				39.75% 50.11% at 39.79% 54.86%,
				#fff6ca 0%,
				rgba(255, 246, 202, 0) 100%
			),
			radial-gradient(
				49.48% 55.51% at 83.16% 73.94%,
				#ffd9c6 0%,
				rgba(255, 217, 198, 0) 100%
			),
			radial-gradient(
				76.62% 82.89% at 16.32% 26.15%,
				#b9ffd7 0%,
				rgba(185, 255, 215, 0) 100%
			),
			radial-gradient(
				49.96% 56.8% at 21.67% 70.27%,
				#e9e2ff 0%,
				rgba(233, 226, 255, 0) 100%
			),
			radial-gradient(
				85.96% 87.58% at 79.97% 17.71%,
				#c6f8ff 0%,
				rgba(198, 248, 255, 0) 100%
			); */
}

.wrapper-stnbt .section-item {
  overflow: hidden;
  padding-top: 7rem;
  padding-bottom: 6rem;
  width: 100vw;
  /* position: sticky;
		top: 0;
		--offset: 0px;
		top: var(--offset);
		height: calc(100vh - var(--offset)); */
}

.admin-bar .section-item {
  padding-top: 8rem;
}

.txt-stnbt {
  position: absolute;
  left: 50%;
  top: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -150%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  font-size: 36px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
  .txt-stnbt {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-size: 50px;
  }
}

@media (min-width: 1024px) {
  .txt-stnbt {
    --tw-translate-y: -80%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}

@media (min-width: 1280px) {
  .txt-stnbt {
    font-size: 100px;
  }
}

.group-intro {
  will-change: transform;
}

.group-intro [class*="intro-"] {
  position: absolute;
  overflow: hidden;
}

.group-intro .layer {
  margin: 0px;
  min-height: 100vh;
  width: 100%;
  padding: 0px;
}

.group-intro [class*="img-"] {
  overflow: hidden;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.group-intro i {
  position: absolute;
  z-index: 10;
  overflow: hidden;
}

.group-intro .g-green {
  left: 10vw;
  top: 14vh;
  width: 36px;
}

@media (min-width: 640px) {
  .group-intro .g-green {
    width: 46px;
  }
}

@media (min-width: 768px) {
  .group-intro .g-green {
    width: 50px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-green {
    left: 6vw;
    width: 70px;
  }
}

.group-intro .g-food {
  left: 50vw;
  top: 20vh;
  width: 38px;
}

@media (min-width: 640px) {
  .group-intro .g-food {
    top: 26vh;
    width: 46px;
  }
}

@media (min-width: 768px) {
  .group-intro .g-food {
    width: 70px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-food {
    left: 18vw;
    top: 40vh;
  }
}

@media (min-width: 1280px) {
  .group-intro .g-food {
    left: 22vw;
    top: 45vh;
  }
}

.group-intro .g-water {
  right: 5vw;
  top: 85vh;
  width: 36px;
}

@media (min-width: 768px) {
  .group-intro .g-water {
    width: 46px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-water {
    right: 3vw;
    top: 88vh;
    width: 55px;
  }
}

.group-intro .g-manage {
  right: 30vw;
  top: 83vh;
  width: 38px;
}

@media (min-width: 640px) {
  .group-intro .g-manage {
    width: 45px;
  }
}

@media (min-width: 768px) {
  .group-intro .g-manage {
    right: 35vw;
    top: 86vh;
    width: 55px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-manage {
    width: 50px;
  }
}

.group-intro .g-cloud {
  left: 10vw;
  top: 90vh;
  width: 36px;
}

@media (min-width: 768px) {
  .group-intro .g-cloud {
    width: 45px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-cloud {
    top: 88vh;
    width: 65px;
  }
}

.group-intro .g-waste {
  right: 6vw;
  top: 49vh;
  width: 30px;
}

@media (min-width: 768px) {
  .group-intro .g-waste {
    width: 45px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-waste {
    right: 20vw;
    top: 46vh;
    width: 46px;
  }
}

.group-intro .g-transport {
  left: 8vw;
  top: 76vh;
  width: 36px;
}

@media (min-width: 410px) {
  .group-intro .g-transport {
    top: 73vh;
  }
}

@media (min-width: 768px) {
  .group-intro .g-transport {
    width: 45px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-transport {
    left: auto;
    right: 23vw;
  }
}

.group-intro .g-energy {
  left: 43vw;
  top: 62vh;
  width: 38px;
}

@media (min-width: 410px) {
  .group-intro .g-energy {
    width: 46px;
  }
}

@media (min-width: 768px) {
  .group-intro .g-energy {
    top: 68vh;
    width: 76px;
  }
}

@media (min-width: 1024px) {
  .group-intro .g-energy {
    left: 47vw;
    top: 78vh;
    width: 60px;
  }
}

.group-intro .intro-1 {
  left: 9vw;
  top: 23vh;
  width: 100px;
  border-radius: 0.75rem;
}

@media (min-width: 410px) {
  .group-intro .intro-1 {
    width: 130px;
  }
}

@media (min-width: 768px) {
  .group-intro .intro-1 {
    width: 240px;
  }
}

@media (min-width: 1024px) {
  .group-intro .intro-1 {
    left: 18vw;
    top: -10vh;
    width: 300px;
  }
}

.group-intro .intro-2 {
  left: -7vw;
  top: 48vh;
  z-index: 3;
  width: 90px;
  border-radius: 0.75rem;
}

@media (min-width: 768px) {
  .group-intro .intro-2 {
    width: 160px;
  }
}

@media (min-width: 1024px) {
  .group-intro .intro-2 {
    top: 30vh;
    width: 200px;
  }
}

@media (min-width: 1280px) {
  .group-intro .intro-2 {
    width: 250px;
  }
}

.group-intro .intro-3 {
  left: 3vw;
  top: 56vh;
  z-index: 2;
  width: 120px;
  border-radius: 0.75rem;
}

@media (min-width: 768px) {
  .group-intro .intro-3 {
    width: 160px;
  }
}

@media (min-width: 1024px) {
  .group-intro .intro-3 {
    width: 200px;
  }
}

@media (min-width: 1280px) {
  .group-intro .intro-3 {
    width: 280px;
  }
}

.group-intro .wrap-4-5 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}

.footer-sub-submenu li div.group-intro .wrap-4-5 {
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.group-intro .wrap-4-5 .img-4 {
  width: 190px;
  border-radius: 0.75rem;
}

@media (min-width: 410px) {
  .group-intro .wrap-4-5 .img-4 {
    width: 230px;
  }
}

@media (min-width: 768px) {
  .group-intro .wrap-4-5 .img-4 {
    width: 380px;
  }
}

@media (min-width: 1280px) {
  .group-intro .wrap-4-5 .img-4 {
    width: 540px;
  }
}

.group-intro .wrap-4-5 .img-5 {
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  width: 50px;
  border-radius: 14px;
}

@media (min-width: 768px) {
  .group-intro .wrap-4-5 .img-5 {
    width: 70px;
    border-radius: 20px;
  }
}

@media (min-width: 1280px) {
  .group-intro .wrap-4-5 .img-5 {
    top: -5.5rem;
    right: -4.5rem;
    width: 160px;
  }
}

.group-intro .intro-6 {
  left: 28vw;
  top: 78vh;
  width: 75px;
  border-radius: 0.75rem;
}

@media (min-width: 410px) {
  .group-intro .intro-6 {
    width: 95px;
  }
}

@media (min-width: 640px) {
  .group-intro .intro-6 {
    top: 75vh;
  }
}

@media (min-width: 768px) {
  .group-intro .intro-6 {
    top: 80vh;
    width: 140px;
  }
}

@media (min-width: 1280px) {
  .group-intro .intro-6 {
    width: 210px;
  }
}

.group-intro .intro-7 {
  right: -4vw;
  top: 12vh;
  width: 100px;
  border-radius: 0.75rem;
}

@media (min-width: 410px) {
  .group-intro .intro-7 {
    width: 135px;
  }
}

@media (min-width: 768px) {
  .group-intro .intro-7 {
    width: 180px;
  }
}

@media (min-width: 1024px) {
  .group-intro .intro-7 {
    width: 200px;
  }
}

@media (min-width: 1280px) {
  .group-intro .intro-7 {
    right: -3vw;
    width: 280px;
  }
}

.group-intro .intro-8 {
  right: -9vw;
  top: 60vh;
  z-index: 8;
  width: 120px;
  border-radius: 0.75rem;
}

@media (min-width: 410px) {
  .group-intro .intro-8 {
    width: 145px;
  }
}

@media (min-width: 768px) {
  .group-intro .intro-8 {
    width: 240px;
  }
}

@media (min-width: 1024px) {
  .group-intro .intro-8 {
    right: -10vw;
    top: 50vh;
    width: 260px;
  }
}

@media (min-width: 1280px) {
  .group-intro .intro-8 {
    width: 340px;
  }
}

.group-intro .intro-9 {
  right: 14vw;
  top: 70vh;
  z-index: 9;
  width: 70px;
  border-radius: 0.75rem;
}

@media (min-width: 410px) {
  .group-intro .intro-9 {
    width: 88px;
  }
}

@media (min-width: 768px) {
  .group-intro .intro-9 {
    width: 140px;
  }
}

@media (min-width: 1024px) {
  .group-intro .intro-9 {
    right: 8vw;
    top: 72vh;
  }
}

@media (min-width: 1280px) {
  .group-intro .intro-9 {
    width: 140px;
  }
}

@media (max-width: 767px) {
  .mobile-table-view {
    margin-top: 20px;
  }

  .align-top-all {
    margin-bottom: 20px;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
  }

  .align-top-all:last-child {
    margin-bottom: 0;
  }

  .mobile-table-row {
    border-bottom: 1px solid #000;
  }

  .mobile-table-row:last-child {
    border-bottom: none;
  }

  .align-top-all
		.mobile-table-row:first-child
		.mobile-table-cell:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .align-top-all .mobile-table-row:last-child .mobile-table-cell:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .mobile-table-cell {
    display: grid;
    grid-template-columns: 40% 60%;
    /* &:nth-child(2) {
			border-bottom: 1px solid #000;
		} */
  }

  .mobile-table-header {
    padding: 10px;
    background-color: #f5f5f5;
    font-family: "sarabun-bold";
    display: flex;
    align-items: start;
    font-size: 12px;
  }

  .mobile-table-content {
    padding: 10px;
  }

  .mobile-table-content br {
    display: none;
  }

  .mobile-table-content > div {
    margin-bottom: 0;
    font-size: 14px;
  }

  .mobile-table-cell[class*="!bg-"] {
    background-color: inherit;
    grid-template-columns: 100%;
  }

  .mobile-table-cell[class*="!bg-"] .mobile-table-header {
    display: none;
  }

  .mobile-table-cell[class*="!bg-"] + .mobile-table-cell {
    border-bottom: 1px solid #000;
  }
}

.road-desktop {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: -2px;
  margin-right: -2px;
  display: none;
  width: 102%;
}

.loading-indicator.road-desktop {
  display: none;
}

@media (min-width: 768px) {
  .road-desktop {
    display: block;
  }
}

.road-mobile {
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin-left: -2px;
  margin-right: -2px;
  width: clamp(var(--min-w-road),100%,var(--max-w-road));
}

@media (min-width: 768px) {
  .road-mobile {
    display: none;
  }
}

.wrap-journey {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media (min-width: 768px) {
  .wrap-journey {
    padding-top: 120px;
  }
}

@media (min-width: 1024px) {
  .wrap-journey {
    padding-top: 100px;
  }
}

@media (min-width: 1280px) {
  .wrap-journey {
    padding-bottom: 80px;
  }
}

.wrap-journey .section-journey {
  position: relative;
}

.wrap-journey .section-journey .content-wrap {
  position: relative;
  z-index: 10;
  max-width: 300px;
}

.wrap-journey .section-journey .content-wrap .title {
  font-size: 24px;
}

@media (max-width: 320px) {
  .wrap-journey .section-journey .content-wrap .title {
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .wrap-journey .section-journey .content-wrap .title {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .wrap-journey .section-journey .content-wrap .title {
    font-size: 30px;
  }
}

.wrap-journey .section-journey .content-wrap .detail {
  font-size: 16px;
}

@media (max-width: 320px) {
  .wrap-journey .section-journey .content-wrap .detail {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .wrap-journey .section-journey .content-wrap .detail {
    font-size: 14px;
  }
}

@media (min-width: 1024px) {
  .wrap-journey .section-journey .content-wrap .detail {
    font-size: 20px;
  }
}

.wrap-journey h1 {
  font-size: 40px;
  line-height: 1.25;
}

@media (max-width: 320px) {
  .wrap-journey h1 {
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .wrap-journey h1 {
    font-size: 50px;
  }
}

@media (min-width: 1280px) {
  .wrap-journey h1 {
    font-size: 60px;
  }
}

.wrap-journey [class*="svg-wj"] {
  pointer-events: none;
  position: absolute;
}

[class^="svg-wj--"] {
  display: none;
}

.loading-indicator[class^="svg-wj--"] {
  display: none;
}

@media (min-width: 768px) {
  [class^="svg-wj--"] {
    display: block;
  }

  [class^="m-svg-wj--"] {
    display: none;
  }
}

:is(.trash-box) {
  cursor: pointer;
}

[class*="wj--"] svg, [class*="m-wj--"] svg {
  height: 100%;
  width: 100%;
}

.section-wj-1 {
  min-height: 550px;
}

@media (max-width: 320px) {
  .section-wj-1 {
    min-height: 400px;
  }
}

@media (min-width: 768px) {
  .section-wj-1 {
    min-height: 400px;
  }
}

.section-wj-1 .wrap-grid {
  padding-top: 5rem;
}

@media (max-width: 320px) {
  .section-wj-1 .wrap-grid {
    padding-top: 3.5rem;
  }
}

@media (min-width: 768px) {
  .section-wj-1 .wrap-grid {
    padding-top: 4rem;
  }
}

@media (min-width: 1024px) {
  .section-wj-1 .wrap-grid {
    padding-top: 7rem;
  }
}

.section-wj-1 .svg-wj--1 {
  bottom: 0rem;
  width: 100%;
}

@media (min-width: 800px) {
  .section-wj-1 .svg-wj--1 {
    bottom: -1rem;
  }
}

.section-wj-1 .m-svg-wj--1 {
  left: 0px;
  bottom: 0px;
  width: clamp(160px,80%,280px);
}

.section-wj-2 {
  min-height: 600px;
}

@media (min-width: 768px) {
  .section-wj-2 {
    min-height: 280px;
  }
}

@media (min-width: 800px) {
  .section-wj-2 {
    min-height: 330px;
  }
}

.section-wj-2 .wrap-grid {
  padding-top: 6rem;
}

@media (min-width: 768px) {
  .section-wj-2 .wrap-grid {
    padding-top: 0;
  }
}

@media (min-width: 820px) {
  .section-wj-2 .wrap-grid {
    padding-top: 1rem;
  }
}

@media (min-width: 1024px) {
  .section-wj-2 .wrap-grid {
    padding-top: 7rem;
  }
}

.section-wj-2 .svg-wj--2 {
  bottom: -1rem;
  width: 100%;
}

@media (min-width: 800px) {
  .section-wj-2 .svg-wj--2 {
    left: 1rem;
    width: 95%;
  }
}

.section-wj-2 .m-svg-wj--2 {
  bottom: 2rem;
  right: 1rem;
  width: clamp(160px,80%,280px);
}

.section-wj-3 {
  min-height: 700px;
}

@media (min-width: 768px) {
  .section-wj-3 {
    min-height: 330px;
  }
}

.section-wj-3 .wrap-grid {
  padding-top: 6rem;
}

@media (min-width: 768px) {
  .section-wj-3 .wrap-grid {
    padding-top: 2.7rem;
  }
}

@media (min-width: 1024px) {
  .section-wj-3 .wrap-grid {
    padding-top: 7rem;
  }
}

.section-wj-3 .svg-wj--3 {
  bottom: 1.5rem;
  z-index: 10;
  width: 80%;
}

@media (min-width: 800px) {
  .section-wj-3 .svg-wj--3 {
    bottom: -1rem;
  }
}

.section-wj-3 .m-svg-wj--3 {
  left: -2rem;
  bottom: 4.5rem;
  width: clamp(160px,80%,320px);
}

.section-wj-4 {
  min-height: 680px;
}

@media (min-width: 768px) {
  .section-wj-4 {
    min-height: 440px;
  }
}

.section-wj-4 .wrap-grid {
  padding-top: 2rem;
}

@media (min-width: 768px) {
  .section-wj-4 .wrap-grid {
    padding-top: 4rem;
  }
}

@media (min-width: 800px) {
  .section-wj-4 .wrap-grid {
    padding-top: 6rem;
  }
}

@media (min-width: 1024px) {
  .section-wj-4 .wrap-grid {
    padding-top: 7rem;
  }
}

.section-wj-4 .svg-wj--4 {
  bottom: -2rem;
  width: 100%;
}

@media (min-width: 800px) {
  .section-wj-4 .svg-wj--4 {
    bottom: -7rem;
  }
}

.section-wj-4 .m-svg-wj--4 {
  right: 0px;
  bottom: 5rem;
  z-index: 10;
  width: clamp(160px,80%,320px);
}

.svg-wj--5 {
  bottom: 6rem;
  width: 100%;
}

@media (min-width: 800px) {
  .svg-wj--5 {
    bottom: 0;
  }
}

.svg-wj--6 {
  right: 0px;
  bottom: 0;
  width: 90%;
}

@media (min-width: 800px) {
  .svg-wj--6 {
    bottom: 0;
  }
}

.svg-wj--7 {
  right: 0px;
  bottom: 0;
  width: 90%;
}

@media (min-width: 800px) {
  .svg-wj--7 {
    bottom: 0;
  }
}

@media (min-width: 768px) {
  .md\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  @media (min-width: 640px) {
    .md\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .md\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .md\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .md\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .md\:container {
      max-width: 1536px;
    }
  }
}

@media (min-width: 1024px) {
  .lg\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
  }

  @media (min-width: 640px) {
    .lg\:container {
      max-width: 640px;
    }
  }

  @media (min-width: 768px) {
    .lg\:container {
      max-width: 768px;
    }
  }

  @media (min-width: 1024px) {
    .lg\:container {
      max-width: 1024px;
    }
  }

  @media (min-width: 1280px) {
    .lg\:container {
      max-width: 1280px;
    }
  }

  @media (min-width: 1536px) {
    .lg\:container {
      max-width: 1536px;
    }
  }
}

.\*\:absolute > * {
  position: absolute;
}

.\*\:flex > * {
  display: flex;
}

.\*\:aspect-square > * {
  aspect-ratio: 1 / 1;
}

.\*\:h-5 > * {
  height: 1.25rem;
}

.\*\:h-\[80px\] > * {
  height: 80px;
}

.\*\:h-full > * {
  height: 100%;
}

.\*\:w-16 > * {
  width: 4rem;
}

.\*\:w-5 > * {
  width: 1.25rem;
}

.\*\:w-full > * {
  width: 100%;
}

.\*\:flex-1 > * {
  flex: 1 1 0%;
}

.\*\:items-start > * {
  align-items: flex-start;
}

.\*\:gap-2 > * {
  gap: 0.5rem;
}

.\*\:gap-3 > * {
  gap: 0.75rem;
}

.\*\:gap-x-3 > * {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.\*\:rounded-2xl > * {
  border-radius: 1rem;
}

.\*\:border-t > * {
  border-top-width: 1px;
}

.\*\:border-grayBorder > * {
  --tw-border-opacity: 1;
  border-color: rgb(204 204 204 / var(--tw-border-opacity));
}

.\*\:fill-gray > * {
  fill: #F8F8F8;
}

.\*\:fill-green-1 > * {
  fill: #B9FFD7;
}

.\*\:fill-red-1 > * {
  fill: #FFD0D0;
}

.\*\:fill-white > * {
  fill: #FFFFFF;
}

.\*\:object-contain > * {
  -o-object-fit: contain;
     object-fit: contain;
}

.\*\:\!px-0 > * {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.\*\:px-2 > * {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.\*\:px-5 > * {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.\*\:py-10 > * {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.\*\:py-6 > * {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.\*\:pb-1 > * {
  padding-bottom: 0.25rem;
}

.\*\:pb-1\.5 > * {
  padding-bottom: 0.375rem;
}

.\*\:pt-4 > * {
  padding-top: 1rem;
}

.\*\:\!font-anuphan > * {
  font-family: anuphanmedium !important;
}

.\*\:\!text-fs16 > * {
  font-size: 16px !important;
}

.\*\:\!text-fs20 > * {
  font-size: 20px !important;
}

.\*\:\!leading-normal > * {
  line-height: 1.5 !important;
}

.\*\:leading-tight > * {
  line-height: 1.25;
}

.\*\:\!text-black > * {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.\*\:mix-blend-multiply > * {
  mix-blend-mode: multiply;
}

.before\:h-\[50\%\]::before {
  content: var(--tw-content);
  height: 50%;
}

.before\:h-\[70\%\]::before {
  content: var(--tw-content);
  height: 70%;
}

.before\:h-\[80\%\]::before {
  content: var(--tw-content);
  height: 80%;
}

.before\:h-\[90\%\]::before {
  content: var(--tw-content);
  height: 90%;
}

.last\:border-none:last-child {
  border-style: none;
}

.hover\:scale-\[0\.99\]:hover {
  --tw-scale-x: 0.99;
  --tw-scale-y: 0.99;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-\[\#CE5020\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(206 80 32 / var(--tw-border-opacity));
}

.hover\:border-\[\#FB782D\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 120 45 / var(--tw-border-opacity));
}

.hover\:border-black:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.hover\:border-black\/70:hover {
  border-color: rgb(0 0 0 / 0.7);
}

.hover\:border-blue-3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(9 113 206 / var(--tw-border-opacity));
}

.hover\:border-green-3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 116 75 / var(--tw-border-opacity));
}

.hover\:border-orange-3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(206 80 32 / var(--tw-border-opacity));
}

.hover\:border-pink-3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(213 46 122 / var(--tw-border-opacity));
}

.hover\:border-violet-3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(114 81 232 / var(--tw-border-opacity));
}

.hover\:border-yellow-3:hover {
  --tw-border-opacity: 1;
  border-color: rgb(202 158 0 / var(--tw-border-opacity));
}

.hover\:bg-\[\#CE5020\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FB782D\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(251 120 45 / var(--tw-bg-opacity));
}

.hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.hover\:bg-black\/70:hover {
  background-color: rgb(0 0 0 / 0.7);
}

.hover\:bg-black\/90:hover {
  background-color: rgb(0 0 0 / 0.9);
}

.hover\:bg-blue-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(9 113 206 / var(--tw-bg-opacity));
}

.hover\:bg-gray:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.hover\:bg-green-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 116 75 / var(--tw-bg-opacity));
}

.hover\:bg-green-3\/80:hover {
  background-color: rgb(0 116 75 / 0.8);
}

.hover\:bg-orange-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(206 80 32 / var(--tw-bg-opacity));
}

.hover\:bg-pink-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(213 46 122 / var(--tw-bg-opacity));
}

.hover\:bg-violet-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(114 81 232 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-white\/90:hover {
  background-color: rgb(255 255 255 / 0.9);
}

.hover\:bg-yellow-3:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(202 158 0 / var(--tw-bg-opacity));
}

.hover\:bg-none:hover {
  background-image: none;
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-black\/70:hover {
  color: rgb(0 0 0 / 0.7);
}

.hover\:text-blue-3:hover {
  --tw-text-opacity: 1;
  color: rgb(9 113 206 / var(--tw-text-opacity));
}

.hover\:text-green-3:hover {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:\!no-underline:hover {
  text-decoration-line: none !important;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:contrast-100:hover {
  --tw-contrast: contrast(1);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.hover\:grayscale-0:hover {
  --tw-grayscale: grayscale(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:border-black:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-black:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
}

.group:hover .group-hover\:visible {
  visibility: visible;
}

.group:hover .group-hover\:h-full {
  height: 100%;
}

.group:hover .group-hover\:translate-x-1 {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-110 {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.group\/android:hover .group-hover\/android\:fill-white {
  fill: #FFFFFF;
}

.group\/ios:hover .group-hover\/ios\:fill-white {
  fill: #FFFFFF;
}

.group\/web:hover .group-hover\/web\:fill-white {
  fill: #FFFFFF;
}

.group:hover .group-hover\:fill-black {
  fill: #000000;
}

.group:hover .group-hover\:fill-white {
  fill: #FFFFFF;
}

.group:hover .group-hover\:stroke-black {
  stroke: #000000;
}

.group:hover .group-hover\:text-green-3 {
  --tw-text-opacity: 1;
  color: rgb(0 116 75 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:brightness-50 {
  --tw-brightness: brightness(.5);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.peer:checked ~ .peer-checked\:opacity-100 {
  opacity: 1;
}

.peer:checked ~ .peer-checked\:brightness-0 {
  --tw-brightness: brightness(0);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.peer:checked ~ .peer-checked\:invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

@media (max-width: 1023px) {
  .max-\[1023px\]\:mt-\[-10\%\] {
    margin-top: -10%;
  }

  .max-\[1023px\]\:w-full {
    width: 100%;
  }

  .max-\[1023px\]\:max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-\[1023px\]\:p-0 {
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .max-\[767px\]\:text-\[24px\] {
    font-size: 24px;
  }
}

@media (max-width: 639px) {
  .max-\[639px\]\:mt-\[-16\%\] {
    margin-top: -16%;
  }

  .max-\[639px\]\:max-w-\[50\%\] {
    max-width: 50%;
  }

  .max-\[639px\]\:max-w-\[60\%\] {
    max-width: 60%;
  }

  .max-\[639px\]\:max-w-\[64\%\] {
    max-width: 64%;
  }

  .max-\[639px\]\:max-w-\[80\%\] {
    max-width: 80%;
  }
}

@media (max-width: 575px) {
  .max-\[575px\]\:block {
    display: block;
  }
}

@media (max-width: 413px) {
  .max-\[413px\]\:\!text-\[16px\] {
    font-size: 16px !important;
  }
}

@media (max-width: 320px) {
  .max-\[320px\]\:min-h-\[280px\] {
    min-height: 280px;
  }

  .max-\[320px\]\:before\:h-\[40\%\]::before {
    content: var(--tw-content);
    height: 40%;
  }
}

@media (min-width: 640px) {
  .sm\:\!bottom-auto {
    bottom: auto !important;
  }

  .sm\:\!top-0 {
    top: 0px !important;
  }

  .sm\:bottom-auto {
    bottom: auto;
  }

  .sm\:top-0 {
    top: 0px;
  }

  .sm\:ml-\[0\] {
    margin-left: 0;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:block {
    display: block;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:max-w-full {
    max-width: 100%;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .sm\:pb-10 {
    padding-bottom: 2.5rem;
  }

  .sm\:pl-2 {
    padding-left: 0.5rem;
  }

  .sm\:text-fs12 {
    font-size: 12px;
  }

  .sm\:text-fs16 {
    font-size: 16px;
  }

  .sm\:text-fs22 {
    font-size: 22px;
  }

  .sm\:leading-\[2\] {
    line-height: 2;
  }
}

@media (min-width: 768px) {
  .md\:relative {
    position: relative;
  }

  .md\:\!top-5 {
    top: 1.25rem !important;
  }

  .md\:bottom-0 {
    bottom: 0px;
  }

  .md\:bottom-\[-45px\] {
    bottom: -45px;
  }

  .md\:bottom-\[-4rem\] {
    bottom: -4rem;
  }

  .md\:bottom-\[13px\] {
    bottom: 13px;
  }

  .md\:bottom-\[unset\] {
    bottom: unset;
  }

  .md\:left-10 {
    left: 2.5rem;
  }

  .md\:left-\[28px\] {
    left: 28px;
  }

  .md\:left-\[51px\] {
    left: 51px;
  }

  .md\:left-auto {
    left: auto;
  }

  .md\:right-0 {
    right: 0px;
  }

  .md\:right-12 {
    right: 3rem;
  }

  .md\:right-4 {
    right: 1rem;
  }

  .md\:right-\[-40px\] {
    right: -40px;
  }

  .md\:right-\[unset\] {
    right: unset;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:top-28 {
    top: 7rem;
  }

  .md\:top-32 {
    top: 8rem;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .md\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .md\:col-span-full {
    grid-column: 1 / -1;
  }

  .md\:row-span-2 {
    grid-row: span 2 / span 2;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:-mt-0 {
    margin-top: -0px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mb-4 {
    margin-bottom: 1rem;
  }

  .md\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .md\:mb-\[60px\] {
    margin-bottom: 60px;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-10 {
    margin-top: 2.5rem;
  }

  .md\:mt-4 {
    margin-top: 1rem;
  }

  .md\:mt-\[-80px\] {
    margin-top: -80px;
  }

  .md\:mt-\[90px\] {
    margin-top: 90px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:grid {
    display: grid;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-12 {
    height: 3rem;
  }

  .md\:h-14 {
    height: 3.5rem;
  }

  .md\:h-\[200px\] {
    height: 200px;
  }

  .md\:h-\[240px\] {
    height: 240px;
  }

  .md\:h-\[25px\] {
    height: 25px;
  }

  .md\:h-\[280px\] {
    height: 280px;
  }

  .md\:h-\[28px\] {
    height: 28px;
  }

  .md\:h-\[300px\] {
    height: 300px;
  }

  .md\:h-\[380px\] {
    height: 380px;
  }

  .md\:h-\[38px\] {
    height: 38px;
  }

  .md\:h-\[420px\] {
    height: 420px;
  }

  .md\:h-\[567px\] {
    height: 567px;
  }

  .md\:h-\[72px\] {
    height: 72px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:max-h-\[360px\] {
    max-height: 360px;
  }

  .md\:max-h-\[500px\] {
    max-height: 500px;
  }

  .md\:max-h-fit {
    max-height: -moz-fit-content;
    max-height: fit-content;
  }

  .md\:min-h-\[200px\] {
    min-height: 200px;
  }

  .md\:min-h-\[220px\] {
    min-height: 220px;
  }

  .md\:min-h-\[250\] {
    min-height: 250;
  }

  .md\:min-h-\[250px\] {
    min-height: 250px;
  }

  .md\:min-h-\[320px\] {
    min-height: 320px;
  }

  .md\:min-h-\[360px\] {
    min-height: 360px;
  }

  .md\:min-h-\[386px\] {
    min-height: 386px;
  }

  .md\:min-h-\[400px\] {
    min-height: 400px;
  }

  .md\:min-h-\[480px\] {
    min-height: 480px;
  }

  .md\:min-h-\[630px\] {
    min-height: 630px;
  }

  .md\:min-h-\[90px\] {
    min-height: 90px;
  }

  .md\:min-h-screen {
    min-height: 100vh;
  }

  .md\:w-1\/3 {
    width: 33.333333%;
  }

  .md\:w-12 {
    width: 3rem;
  }

  .md\:w-2\/3 {
    width: 66.666667%;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-\[100px\] {
    width: 100px;
  }

  .md\:w-\[120px\] {
    width: 120px;
  }

  .md\:w-\[140px\] {
    width: 140px;
  }

  .md\:w-\[150px\] {
    width: 150px;
  }

  .md\:w-\[180px\] {
    width: 180px;
  }

  .md\:w-\[25px\] {
    width: 25px;
  }

  .md\:w-\[260px\] {
    width: 260px;
  }

  .md\:w-\[270px\] {
    width: 270px;
  }

  .md\:w-\[38px\] {
    width: 38px;
  }

  .md\:w-\[456px\] {
    width: 456px;
  }

  .md\:w-\[50px\] {
    width: 50px;
  }

  .md\:w-\[70\%\] {
    width: 70%;
  }

  .md\:w-\[73px\] {
    width: 73px;
  }

  .md\:w-\[calc\(100\%-380px\)\] {
    width: calc(100% - 380px);
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:min-w-\[260px\] {
    min-width: 260px;
  }

  .md\:min-w-\[300px\] {
    min-width: 300px;
  }

  .md\:min-w-\[400px\] {
    min-width: 400px;
  }

  .md\:max-w-40 {
    max-width: 10rem;
  }

  .md\:max-w-52 {
    max-width: 13rem;
  }

  .md\:max-w-72 {
    max-width: 18rem;
  }

  .md\:max-w-96 {
    max-width: 24rem;
  }

  .md\:max-w-\[250px\] {
    max-width: 250px;
  }

  .md\:max-w-\[300px\] {
    max-width: 300px;
  }

  .md\:max-w-\[360px\] {
    max-width: 360px;
  }

  .md\:max-w-\[380px\] {
    max-width: 380px;
  }

  .md\:max-w-\[390px\] {
    max-width: 390px;
  }

  .md\:max-w-\[460px\] {
    max-width: 460px;
  }

  .md\:max-w-\[480px\] {
    max-width: 480px;
  }

  .md\:max-w-\[620px\] {
    max-width: 620px;
  }

  .md\:max-w-\[680px\] {
    max-width: 680px;
  }

  .md\:max-w-\[880px\] {
    max-width: 880px;
  }

  .md\:basis-\[45\%\] {
    flex-basis: 45%;
  }

  .md\:basis-\[55\%\] {
    flex-basis: 55%;
  }

  .md\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-\[1fr\2c 295px\] {
    grid-template-columns: 1fr 295px;
  }

  .md\:grid-cols-\[1fr_120px\] {
    grid-template-columns: 1fr 120px;
  }

  .md\:grid-cols-\[315px_1fr\] {
    grid-template-columns: 315px 1fr;
  }

  .md\:grid-cols-\[350px_1fr\] {
    grid-template-columns: 350px 1fr;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:\!items-center {
    align-items: center !important;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:\!justify-start {
    justify-content: flex-start !important;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-0 {
    gap: 0px;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-2\.5 {
    gap: 0.625rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-5 {
    gap: 1.25rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:gap-7 {
    gap: 1.75rem;
  }

  .md\:gap-8 {
    gap: 2rem;
  }

  .md\:space-x-16 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(4rem * var(--tw-space-x-reverse));
    margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .md\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
  }

  .md\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .md\:rounded-\[20px\] {
    border-radius: 20px;
  }

  .md\:rounded-\[30px\] {
    border-radius: 30px;
  }

  .md\:rounded-t-\[20px\] {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .md\:border-b-0 {
    border-bottom-width: 0px;
  }

  .md\:border-l-2 {
    border-left-width: 2px;
  }

  .md\:border-t-0 {
    border-top-width: 0px;
  }

  .md\:bg-opacity-100 {
    --tw-bg-opacity: 1;
  }

  .md\:object-\[55\%\] {
    -o-object-position: 55%;
       object-position: 55%;
  }

  .md\:object-bottom {
    -o-object-position: bottom;
       object-position: bottom;
  }

  .md\:object-top {
    -o-object-position: top;
       object-position: top;
  }

  .md\:p-10 {
    padding: 2.5rem;
  }

  .md\:p-7 {
    padding: 1.75rem;
  }

  .md\:p-8 {
    padding: 2rem;
  }

  .md\:p-9 {
    padding: 2.25rem;
  }

  .md\:\!px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .md\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .md\:px-\[0\.5rem\] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-\[100px\] {
    padding-left: 100px;
    padding-right: 100px;
  }

  .md\:px-\[3\.5rem\] {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .md\:px-\[60px\] {
    padding-left: 60px;
    padding-right: 60px;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pb-12 {
    padding-bottom: 3rem;
  }

  .md\:pb-16 {
    padding-bottom: 4rem;
  }

  .md\:pb-6 {
    padding-bottom: 1.5rem;
  }

  .md\:pb-8 {
    padding-bottom: 2rem;
  }

  .md\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  .md\:pl-12 {
    padding-left: 3rem;
  }

  .md\:pl-14 {
    padding-left: 3.5rem;
  }

  .md\:pr-10 {
    padding-right: 2.5rem;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-1 {
    padding-top: 0.25rem;
  }

  .md\:pt-10 {
    padding-top: 2.5rem;
  }

  .md\:pt-16 {
    padding-top: 4rem;
  }

  .md\:pt-4 {
    padding-top: 1rem;
  }

  .md\:pt-9 {
    padding-top: 2.25rem;
  }

  .md\:pt-\[1\.5rem\] {
    padding-top: 1.5rem;
  }

  .md\:pt-\[180px\] {
    padding-top: 180px;
  }

  .md\:pt-\[250px\] {
    padding-top: 250px;
  }

  .md\:pt-\[84px\] {
    padding-top: 84px;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:\!text-\[20px\] {
    font-size: 20px !important;
  }

  .md\:\!text-fs18 {
    font-size: 18px !important;
  }

  .md\:\!text-fs20 {
    font-size: 20px !important;
  }

  .md\:\!text-fs24 {
    font-size: 24px !important;
  }

  .md\:\!text-fs40 {
    font-size: 40px !important;
  }

  .md\:\!text-fs60 {
    font-size: 60px !important;
  }

  .md\:text-\[14px\] {
    font-size: 14px;
  }

  .md\:text-\[20px\] {
    font-size: 20px;
  }

  .md\:text-\[24px\] {
    font-size: 24px;
  }

  .md\:text-fs14 {
    font-size: 14px;
  }

  .md\:text-fs16 {
    font-size: 16px;
  }

  .md\:text-fs18 {
    font-size: 18px;
  }

  .md\:text-fs20 {
    font-size: 20px;
  }

  .md\:text-fs22 {
    font-size: 22px;
  }

  .md\:text-fs24 {
    font-size: 24px;
  }

  .md\:text-fs26 {
    font-size: 26px;
  }

  .md\:text-fs28 {
    font-size: 28px;
  }

  .md\:text-fs30 {
    font-size: 30px;
  }

  .md\:text-fs32 {
    font-size: 32px;
  }

  .md\:text-fs34 {
    font-size: 34px;
  }

  .md\:text-fs36 {
    font-size: 36px;
  }

  .md\:text-fs40 {
    font-size: 40px;
  }

  .md\:text-fs50 {
    font-size: 50px;
  }

  .md\:text-fs60 {
    font-size: 60px;
  }

  .md\:text-fs80 {
    font-size: 80px;
  }

  .md\:before\:h-\[90\%\]::before {
    content: var(--tw-content);
    height: 90%;
  }
}

@media (min-width: 1024px) {
  .lg\:absolute {
    position: absolute;
  }

  .lg\:-bottom-12 {
    bottom: -3rem;
  }

  .lg\:-left-\[3rem\] {
    left: -3rem;
  }

  .lg\:-top-\[20\%\] {
    top: -20%;
  }

  .lg\:bottom-10 {
    bottom: 2.5rem;
  }

  .lg\:bottom-24 {
    bottom: 6rem;
  }

  .lg\:bottom-3 {
    bottom: 0.75rem;
  }

  .lg\:bottom-4 {
    bottom: 1rem;
  }

  .lg\:bottom-\[-9px\] {
    bottom: -9px;
  }

  .lg\:bottom-\[10px\] {
    bottom: 10px;
  }

  .lg\:bottom-\[33px\] {
    bottom: 33px;
  }

  .lg\:bottom-\[42px\] {
    bottom: 42px;
  }

  .lg\:bottom-\[43px\] {
    bottom: 43px;
  }

  .lg\:left-0 {
    left: 0px;
  }

  .lg\:left-\[18px\] {
    left: 18px;
  }

  .lg\:left-\[62px\] {
    left: 62px;
  }

  .lg\:left-\[77px\] {
    left: 77px;
  }

  .lg\:left-\[91px\] {
    left: 91px;
  }

  .lg\:right-8 {
    right: 2rem;
  }

  .lg\:right-\[-70px\] {
    right: -70px;
  }

  .lg\:right-\[21px\] {
    right: 21px;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:top-\[120px\] {
    top: 120px;
  }

  .lg\:top-\[32px\] {
    top: 32px;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-\[0\] {
    order: 0;
  }

  .lg\:order-last {
    order: 9999;
  }

  .lg\:col-span-12 {
    grid-column: span 12 / span 12;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .lg\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }

  .lg\:col-end-13 {
    grid-column-end: 13;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .lg\:\!mb-10 {
    margin-bottom: 2.5rem !important;
  }

  .lg\:\!mb-\[80px\] {
    margin-bottom: 80px !important;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-11 {
    margin-bottom: 2.75rem;
  }

  .lg\:mb-12 {
    margin-bottom: 3rem;
  }

  .lg\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .lg\:mb-16 {
    margin-bottom: 4rem;
  }

  .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .lg\:mb-20 {
    margin-bottom: 5rem;
  }

  .lg\:mb-24 {
    margin-bottom: 6rem;
  }

  .lg\:mb-3 {
    margin-bottom: 0.75rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .lg\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:mb-9 {
    margin-bottom: 2.25rem;
  }

  .lg\:mb-\[-20px\] {
    margin-bottom: -20px;
  }

  .lg\:ml-3 {
    margin-left: 0.75rem;
  }

  .lg\:mr-0 {
    margin-right: 0px;
  }

  .lg\:mr-\[-80px\] {
    margin-right: -80px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:mt-10 {
    margin-top: 2.5rem;
  }

  .lg\:mt-2 {
    margin-top: 0.5rem;
  }

  .lg\:mt-20 {
    margin-top: 5rem;
  }

  .lg\:mt-3 {
    margin-top: 0.75rem;
  }

  .lg\:mt-4 {
    margin-top: 1rem;
  }

  .lg\:mt-5 {
    margin-top: 1.25rem;
  }

  .lg\:mt-8 {
    margin-top: 2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-10 {
    height: 2.5rem;
  }

  .lg\:h-16 {
    height: 4rem;
  }

  .lg\:h-20 {
    height: 5rem;
  }

  .lg\:h-3 {
    height: 0.75rem;
  }

  .lg\:h-\[100px\] {
    height: 100px;
  }

  .lg\:h-\[160px\] {
    height: 160px;
  }

  .lg\:h-\[180px\] {
    height: 180px;
  }

  .lg\:h-\[240px\] {
    height: 240px;
  }

  .lg\:h-\[255px\] {
    height: 255px;
  }

  .lg\:h-\[265px\] {
    height: 265px;
  }

  .lg\:h-\[30\%\] {
    height: 30%;
  }

  .lg\:h-\[370px\] {
    height: 370px;
  }

  .lg\:h-\[39px\] {
    height: 39px;
  }

  .lg\:h-\[420px\] {
    height: 420px;
  }

  .lg\:h-\[428px\] {
    height: 428px;
  }

  .lg\:h-\[470px\] {
    height: 470px;
  }

  .lg\:h-\[480px\] {
    height: 480px;
  }

  .lg\:h-\[500px\] {
    height: 500px;
  }

  .lg\:h-\[550px\] {
    height: 550px;
  }

  .lg\:h-\[55px\] {
    height: 55px;
  }

  .lg\:h-\[600px\] {
    height: 600px;
  }

  .lg\:h-\[630px\] {
    height: 630px;
  }

  .lg\:h-\[800px\] {
    height: 800px;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:max-h-20 {
    max-height: 5rem;
  }

  .lg\:max-h-\[250px\] {
    max-height: 250px;
  }

  .lg\:max-h-\[440px\] {
    max-height: 440px;
  }

  .lg\:max-h-\[500px\] {
    max-height: 500px;
  }

  .lg\:max-h-fit {
    max-height: -moz-fit-content;
    max-height: fit-content;
  }

  .lg\:min-h-\[200px\] {
    min-height: 200px;
  }

  .lg\:min-h-\[20px\] {
    min-height: 20px;
  }

  .lg\:min-h-\[250px\] {
    min-height: 250px;
  }

  .lg\:min-h-\[260px\] {
    min-height: 260px;
  }

  .lg\:min-h-\[360px\] {
    min-height: 360px;
  }

  .lg\:min-h-\[400px\] {
    min-height: 400px;
  }

  .lg\:min-h-\[440px\] {
    min-height: 440px;
  }

  .lg\:min-h-\[450px\] {
    min-height: 450px;
  }

  .lg\:min-h-\[460px\] {
    min-height: 460px;
  }

  .lg\:min-h-\[500px\] {
    min-height: 500px;
  }

  .lg\:min-h-\[calc\(80dvh-250px\)\] {
    min-height: calc(80dvh - 250px);
  }

  .lg\:w-1\/3 {
    width: 33.333333%;
  }

  .lg\:w-\[145px\] {
    width: 145px;
  }

  .lg\:w-\[160px\] {
    width: 160px;
  }

  .lg\:w-\[325px\] {
    width: 325px;
  }

  .lg\:w-\[367px\] {
    width: 367px;
  }

  .lg\:w-\[400px\] {
    width: 400px;
  }

  .lg\:w-\[440px\] {
    width: 440px;
  }

  .lg\:w-\[45\%\] {
    width: 45%;
  }

  .lg\:w-\[55\%\] {
    width: 55%;
  }

  .lg\:w-\[75\%\] {
    width: 75%;
  }

  .lg\:w-\[calc\(100\%-450px\)\] {
    width: calc(100% - 450px);
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-fit {
    width: -moz-fit-content;
    width: fit-content;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:min-w-\[100px\] {
    min-width: 100px;
  }

  .lg\:min-w-\[20px\] {
    min-width: 20px;
  }

  .lg\:min-w-\[330px\] {
    min-width: 330px;
  }

  .lg\:max-w-20 {
    max-width: 5rem;
  }

  .lg\:max-w-\[320px\] {
    max-width: 320px;
  }

  .lg\:max-w-\[330px\] {
    max-width: 330px;
  }

  .lg\:max-w-\[480px\] {
    max-width: 480px;
  }

  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }

  .lg\:max-w-\[560px\] {
    max-width: 560px;
  }

  .lg\:max-w-\[760px\] {
    max-width: 760px;
  }

  .lg\:scale-x-\[1\] {
    --tw-scale-x: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:grid-cols-\[0\.7fr_1\.3fr\] {
    grid-template-columns: 0.7fr 1.3fr;
  }

  .lg\:grid-cols-\[0\.8fr_1\.2fr\] {
    grid-template-columns: 0.8fr 1.2fr;
  }

  .lg\:grid-cols-\[0\.9fr_1\.1fr\] {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .lg\:grid-cols-\[1\.25fr_0\.75fr\] {
    grid-template-columns: 1.25fr 0.75fr;
  }

  .lg\:grid-cols-\[1\.2fr_0\.8fr\] {
    grid-template-columns: 1.2fr 0.8fr;
  }

  .lg\:grid-cols-\[1fr_250px\] {
    grid-template-columns: 1fr 250px;
  }

  .lg\:grid-cols-\[1fr_440px\] {
    grid-template-columns: 1fr 440px;
  }

  .lg\:grid-cols-\[1fr_minmax\(0\2c 410px\)\] {
    grid-template-columns: 1fr minmax(0,410px);
  }

  .lg\:grid-cols-\[220px_1fr\] {
    grid-template-columns: 220px 1fr;
  }

  .lg\:grid-cols-\[26px_auto\] {
    grid-template-columns: 26px auto;
  }

  .lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }

  .lg\:grid-cols-\[300px_1fr\] {
    grid-template-columns: 300px 1fr;
  }

  .lg\:grid-cols-\[330px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 330px minmax(0,1fr);
  }

  .lg\:grid-cols-\[40\%_1fr\] {
    grid-template-columns: 40% 1fr;
  }

  .lg\:grid-cols-\[75\%_1fr\] {
    grid-template-columns: 75% 1fr;
  }

  .lg\:grid-rows-\[fit_fit\] {
    grid-template-rows: fit fit;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:place-content-center {
    place-content: center;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:\!items-center {
    align-items: center !important;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-10 {
    gap: 2.5rem;
  }

  .lg\:gap-12 {
    gap: 3rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-6 {
    gap: 1.5rem;
  }

  .lg\:gap-7 {
    gap: 1.75rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:gap-x-12 {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }

  .lg\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .lg\:gap-y-32 {
    row-gap: 8rem;
  }

  .lg\:gap-y-5 {
    row-gap: 1.25rem;
  }

  .lg\:gap-y-8 {
    row-gap: 2rem;
  }

  .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .lg\:space-y-32 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(8rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(8rem * var(--tw-space-y-reverse));
  }

  .lg\:rounded-3xl {
    border-radius: 1.5rem;
  }

  .lg\:rounded-\[20px\] {
    border-radius: 20px;
  }

  .lg\:rounded-l-none {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }

  .lg\:rounded-r-3xl {
    border-top-right-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
  }

  .lg\:border-\[3px\] {
    border-width: 3px;
  }

  .lg\:bg-black\/60 {
    background-color: rgb(0 0 0 / 0.6);
  }

  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .lg\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .lg\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .lg\:p-0 {
    padding: 0px;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-12 {
    padding: 3rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:p-7 {
    padding: 1.75rem;
  }

  .lg\:p-8 {
    padding: 2rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }

  .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .lg\:px-\[2\.5rem\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .lg\:py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:py-\[120px\] {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .lg\:pb-0 {
    padding-bottom: 0px;
  }

  .lg\:pb-14 {
    padding-bottom: 3.5rem;
  }

  .lg\:pb-16 {
    padding-bottom: 4rem;
  }

  .lg\:pb-20 {
    padding-bottom: 5rem;
  }

  .lg\:pb-24 {
    padding-bottom: 6rem;
  }

  .lg\:pb-28 {
    padding-bottom: 7rem;
  }

  .lg\:pb-4 {
    padding-bottom: 1rem;
  }

  .lg\:pb-5 {
    padding-bottom: 1.25rem;
  }

  .lg\:pb-60 {
    padding-bottom: 15rem;
  }

  .lg\:pb-7 {
    padding-bottom: 1.75rem;
  }

  .lg\:pb-8 {
    padding-bottom: 2rem;
  }

  .lg\:pb-\[100px\] {
    padding-bottom: 100px;
  }

  .lg\:pb-\[200px\] {
    padding-bottom: 200px;
  }

  .lg\:pl-10 {
    padding-left: 2.5rem;
  }

  .lg\:pl-14 {
    padding-left: 3.5rem;
  }

  .lg\:pl-4 {
    padding-left: 1rem;
  }

  .lg\:pl-5 {
    padding-left: 1.25rem;
  }

  .lg\:pl-7 {
    padding-left: 1.75rem;
  }

  .lg\:pl-8 {
    padding-left: 2rem;
  }

  .lg\:pr-0 {
    padding-right: 0px;
  }

  .lg\:pr-4 {
    padding-right: 1rem;
  }

  .lg\:pr-5 {
    padding-right: 1.25rem;
  }

  .lg\:pr-7 {
    padding-right: 1.75rem;
  }

  .lg\:pr-8 {
    padding-right: 2rem;
  }

  .lg\:pt-0 {
    padding-top: 0px;
  }

  .lg\:pt-10 {
    padding-top: 2.5rem;
  }

  .lg\:pt-20 {
    padding-top: 5rem;
  }

  .lg\:pt-24 {
    padding-top: 6rem;
  }

  .lg\:pt-28 {
    padding-top: 7rem;
  }

  .lg\:pt-5 {
    padding-top: 1.25rem;
  }

  .lg\:pt-8 {
    padding-top: 2rem;
  }

  .lg\:pt-\[130px\] {
    padding-top: 130px;
  }

  .lg\:pt-\[140px\] {
    padding-top: 140px;
  }

  .lg\:pt-\[150px\] {
    padding-top: 150px;
  }

  .lg\:pt-\[180px\] {
    padding-top: 180px;
  }

  .lg\:pt-\[200px\] {
    padding-top: 200px;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:\!text-fs20 {
    font-size: 20px !important;
  }

  .lg\:\!text-fs26 {
    font-size: 26px !important;
  }

  .lg\:text-\[18px\] {
    font-size: 18px;
  }

  .lg\:text-\[24px\] {
    font-size: 24px;
  }

  .lg\:text-\[48px\] {
    font-size: 48px;
  }

  .lg\:text-fs12 {
    font-size: 12px;
  }

  .lg\:text-fs14 {
    font-size: 14px;
  }

  .lg\:text-fs16 {
    font-size: 16px;
  }

  .lg\:text-fs18 {
    font-size: 18px;
  }

  .lg\:text-fs20 {
    font-size: 20px;
  }

  .lg\:text-fs22 {
    font-size: 22px;
  }

  .lg\:text-fs24 {
    font-size: 24px;
  }

  .lg\:text-fs26 {
    font-size: 26px;
  }

  .lg\:text-fs28 {
    font-size: 28px;
  }

  .lg\:text-fs30 {
    font-size: 30px;
  }

  .lg\:text-fs34 {
    font-size: 34px;
  }

  .lg\:text-fs40 {
    font-size: 40px;
  }

  .lg\:text-fs42 {
    font-size: 42px;
  }

  .lg\:text-fs44 {
    font-size: 44px;
  }

  .lg\:text-fs50 {
    font-size: 50px;
  }

  .lg\:text-fs60 {
    font-size: 60px;
  }

  .lg\:text-fs70 {
    font-size: 70px;
  }

  .lg\:text-fs80 {
    font-size: 80px;
  }

  .lg\:text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }

  .lg\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .\*\:lg\:px-10 > * {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .\*\:lg\:py-7 > * {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  .lg\:\*\:\!text-fs28 > * {
    font-size: 28px !important;
  }
}

@media (min-width: 1280px) {
  .xl\:visible {
    visibility: visible;
  }

  .xl\:-top-2\/4 {
    top: -50%;
  }

  .xl\:bottom-24 {
    bottom: 6rem;
  }

  .xl\:right-0 {
    right: 0px;
  }

  .xl\:right-8 {
    right: 2rem;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-5 {
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-7 {
    grid-column: span 7 / span 7;
  }

  .xl\:col-start-2 {
    grid-column-start: 2;
  }

  .xl\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .xl\:\!mb-10 {
    margin-bottom: 2.5rem !important;
  }

  .xl\:ml-2 {
    margin-left: 0.5rem;
  }

  .xl\:mt-10 {
    margin-top: 2.5rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:h-auto {
    height: auto;
  }

  .xl\:min-h-\[400px\] {
    min-height: 400px;
  }

  .xl\:min-h-screen {
    min-height: 100vh;
  }

  .xl\:w-\[300px\] {
    width: 300px;
  }

  .xl\:w-\[85\%\] {
    width: 85%;
  }

  .xl\:w-full {
    width: 100%;
  }

  .xl\:max-w-\[1038px\] {
    max-width: 1038px;
  }

  .xl\:max-w-\[820px\] {
    max-width: 820px;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .xl\:grid-cols-\[35\%_1fr\] {
    grid-template-columns: 35% 1fr;
  }

  .xl\:grid-cols-\[400px_minmax\(0\2c 1fr\)\] {
    grid-template-columns: 400px minmax(0,1fr);
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:gap-12 {
    gap: 3rem;
  }

  .xl\:gap-6 {
    gap: 1.5rem;
  }

  .xl\:gap-7 {
    gap: 1.75rem;
  }

  .xl\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .xl\:px-\[90px\] {
    padding-left: 90px;
    padding-right: 90px;
  }

  .xl\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xl\:pb-0 {
    padding-bottom: 0px;
  }

  .xl\:pb-12 {
    padding-bottom: 3rem;
  }

  .xl\:pb-8 {
    padding-bottom: 2rem;
  }

  .xl\:pl-10 {
    padding-left: 2.5rem;
  }

  .xl\:pl-4 {
    padding-left: 1rem;
  }

  .xl\:pr-7 {
    padding-right: 1.75rem;
  }

  .xl\:text-\[125\%\] {
    font-size: 125%;
  }

  .xl\:text-\[16px\] {
    font-size: 16px;
  }

  .xl\:text-fs14 {
    font-size: 14px;
  }

  .xl\:text-fs16 {
    font-size: 16px;
  }

  .xl\:text-fs18 {
    font-size: 18px;
  }

  .xl\:text-fs22 {
    font-size: 22px;
  }

  .xl\:text-fs30 {
    font-size: 30px;
  }

  .xl\:text-fs40 {
    font-size: 40px;
  }

  .xl\:text-fs60 {
    font-size: 60px;
  }

  .xl\:text-fs80 {
    font-size: 80px;
  }
}

@media (min-width: 1536px) {
  .\32xl\:bottom-32 {
    bottom: 8rem;
  }

  .\32xl\:h-\[75px\] {
    height: 75px;
  }

  .\32xl\:w-\[165px\] {
    width: 165px;
  }

  .\32xl\:max-w-fit {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .\32xl\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .\32xl\:text-\[72px\] {
    font-size: 72px;
  }
}

.page-gutenberg-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}

.page-gutenberg-content > * + * {
  margin-top: 1.25rem;
}

.page-gutenberg-content p,
.page-gutenberg-content li {
  font-size: 16px;
  line-height: 1.75;
}

@media (min-width: 1024px) {
  .page-gutenberg-content p,
  .page-gutenberg-content li {
    font-size: 18px;
  }
}

.page-gutenberg-content h2 {
  margin-top: 2.75rem;
  margin-bottom: 1.25rem;
  font-size: 26px;
  line-height: 1.4;
  font-family: bkk_draft5regular;
}

@media (min-width: 1024px) {
  .page-gutenberg-content h2 {
    margin-top: 3.5rem;
    font-size: 30px;
  }
}

.page-gutenberg-content h3 {
  margin-top: 2rem;
  margin-bottom: 0.85rem;
  font-size: 22px;
  line-height: 1.4;
  font-family: anuphansemibold;
}

@media (min-width: 1024px) {
  .page-gutenberg-content h3 {
    font-size: 24px;
  }
}

.page-gutenberg-content ul,
.page-gutenberg-content ol {
  margin: 0 0 1.25rem;
  padding-left: 1.5rem;
}

.page-gutenberg-content ul {
  list-style: disc;
}

.page-gutenberg-content ol {
  list-style: decimal;
}

.page-gutenberg-content figure {
  margin: 2.25rem 0;
}

.page-gutenberg-content img {
  height: auto;
  max-width: 100%;
}

.page-gutenberg-content .wp-block-image img {
  display: block;
  border-radius: 1.5rem;
}

.page-gutenberg-content .wp-block-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid rgb(0 0 0 / 0.15);
}

.page-gutenberg-content .wp-block-table th,
.page-gutenberg-content .wp-block-table td {
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgb(0 0 0 / 0.1);
  vertical-align: top;
}

.page-gutenberg-content .wp-block-table thead th {
  background: rgb(0 0 0 / 0.05);
  font-family: anuphansemibold;
}

.page-gutenberg-content blockquote {
  margin: 2.25rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid rgb(0 0 0 / 0.15);
  background: rgb(0 0 0 / 0.03);
  border-radius: 0 1rem 1rem 0;
}

.page-gutenberg-content blockquote p {
  margin-bottom: 0;
}

.page-gutenberg-content a {
  color: #00744a;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.page-gutenberg-content a:hover,
.page-gutenberg-content a:focus-visible {
  color: #00744a;
}

.page-gutenberg-content .wp-block-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0.9rem 1.5rem;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-family: anuphansemibold;
  font-size: 18px;
  line-height: 1.2;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .page-gutenberg-content .wp-block-button .wp-block-button__link {
    min-height: 56px;
    font-size: 20px;
  }
}

.page-gutenberg-content .wp-block-button .wp-block-button__link:hover,
.page-gutenberg-content .wp-block-button .wp-block-button__link:focus-visible {
  background: #000;
  color: #fff;
}

.page-gutenberg-content .wp-block-accordion {
  margin: 2.5rem 0;
  overflow: hidden;
  border: 2px solid rgb(0 0 0 / 1);
  border-radius: 1.75rem;
  background: #fff;
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-item {
  padding: 0 1rem;
}

@media (min-width: 768px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-item:not(:last-child) {
  border-bottom: 1px solid rgb(0 0 0 / 0.12);
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading {
  margin: 0;
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2rem;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 0;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle {
    grid-template-columns: 1fr 1.5rem;
    gap: 0.75rem;
    padding: 1rem 0;
  }
}

@media (min-width: 768px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle {
    padding: 1.75rem 0;
  }
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle-title {
  font-family: anuphansemibold;
  font-size: 18px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle-title {
    font-size: 15px;
  }
}

@media (min-width: 1024px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle-title {
    font-size: 20px;
  }
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle-icon {
  justify-self: end;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 10.5L12 16.5L18 10.5' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

@media (max-width: 767px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle-icon {
    width: 1.75rem;
    height: 1.75rem;
    background-size: 0.8rem 0.8rem;
  }
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon {
  transform: rotate(180deg);
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-panel {
  padding: 0 0 1.25rem;
}

@media (max-width: 767px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-panel {
    padding-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .page-gutenberg-content .wp-block-accordion .wp-block-accordion-panel {
    padding-bottom: 1.5rem;
  }
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-panel p:first-child {
  margin-top: 0;
}

.page-gutenberg-content .wp-block-accordion .wp-block-accordion-panel p:last-child {
  margin-bottom: 0;
}