@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Noto+Sans+Thai:wght@100..900&family=Playfair+Display:wght@400;600&family=Anuphan:wght@400;600&family=Manrope:wght@400;600&display=swap');

:root {
  --typo-heading-font-weight-regular: 400;
  --typo-heading-font-weight-bold: 700;
  --typo-heading-line-height: 1.4;
  --typo-heading-letter-spacing: 0px;
  --typo-paragraph-font-weight-regular: 400;
  --typo-paragraph-font-weight-bold: 700;
  --typo-paragraph-line-height: 1.5;
  --typo-paragraph-letter-spacing: 0px;
  --link-font-weight: inherit;
  --link-hover-font-weight: inherit;
  --link-text-decoration: none;
  --link-hover-text-decoration: underline;
  --link-text-underline-offset: 4px;
  --button-small-gap: 0.5rem;
  --button-medium-gap: 0.75rem;
  --button-large-gap: 1rem;
  --button-small-border-radius: 8px;
  --button-medium-border-radius: 8px;
  --button-large-border-radius: 8px;
  --button-group-gap-small: 0.5rem;
  --button-group-gap: 1rem;
  --button-group-gap-large: 1.6rem;
  --button-primary-font-weight: 700;
  --button-primary-border-width: 0px;
  --button-primary-hover-border-width: 0px;
  --button-secondary-font-weight: 700;
  --button-secondary-border-width: 1px;
  --button-secondary-hover-border-width: 1px;
  --button-ghost-font-weight: 700;
  --button-ghost-border-width: 0px;
  --button-ghost-hover-border-width: 0px;
  --button-transition-property: none;
  --button-transition-timing-function: none;
  --button-transition-duration: none;
  --button-hover-translate-y: 0px;
  --tag-radius: 4px;
  --tag-padding-y: 2px;
  --tag-padding-x: 12px;
  --tag-border-width: 0px;
  --tag-hover-border-width: 0px;
  --tag-hover-translate-y: 0px;
  --card-info-distribute: start;
  --card-direction: column;
  --card-border-radius: 0px;
  --card-info-border-radius: 8px;
  --overlay-bg-color-opacity: 0.4;
  --transition-timing-function: ease;
  --transition-duration: 0.3s;
  --card-product-border-radius: 0px;
  --card-product-info-name-line-clamp: 2;
  --card-product-thumbnail-ratio: 1 / 1;
  --card-product-thumbnail-border-radius: 0px;
  --card-product-info-badge-new-border-width: 0px;
  --card-product-info-badge-hot-border-width: 0px;
  --card-product-info-badge-info-border-width: 0px;
  --card-product-info-badge-suggest-border-width: 0px;
  --list-tabs-border-width: 0px;
  --list-tab-border-bottom-width: 1px;
  --list-tab-border-radius: 0px;
  --slider-bullets-gap: 5px;
  --slider-bullets-width: 12px;
  --slider-bullets-height: 12px;
  --slider-bullets-border-radius: 50%;
  --slider-bullets-inactive-opacity: 0.4;
  --arrows-border-width: 0px;
  --arrows-hover-border-width: 0px;
  --arrows-border-radius: 50%;
  --element-bullet-list-direction: row;
  --element-bullet-list-distribute: start;
  --element-bullet-list-align: center;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-status-critical: #be123c;
  --color-status-success: #00a136;
  --color-status-warning: #ff740a;
  --color-brand-boldest: #12273F;
  --color-brand-bold: #9e0025;
  --color-brand: #D10031;
  --color-brand-subtle: #81C0FF;
  --color-brand-subtlest: #D6F774;
  --color-brand-alt-boldest: #000000;
  --color-brand-alt-bold: #1d1d1f;
  --color-brand-alt: #555555;
  --color-brand-alt-subtle: #e8e8ed;
  --color-brand-alt-subtlest: #f9f9f9;
  --color-neutral-boldest: #1d1d1f;
  --color-neutral-bold: #555555;
  --color-neutral: #A7A7AB;
  --color-neutral-subtle: #E8E8ED;
  --color-neutral-subtlest: #F5F5F5;
  --overlay-bg-color: #000;
  --overlay-bg-color-from: #000000ff;
  --overlay-bg-color-to: #00000000;
  --overlay-bg-color-from-stop: 0%;
  --overlay-bg-color-to-stop: 100%;
  --typo-heading-font-family: Inter,Noto Sans Thai, sans-serif;
  --typo-paragraph-font-family: Inter,Noto Sans Thai, sans-serif;
  --typo-button-font-family: Inter,Noto Sans Thai, sans-serif;
  --typo-button-font-weight: 700;
  --input-radius: 4px;
  --input-placeholder-color: red;
}

:root {
  --body-font-size: 16px;
  --section-header-container-padding-x: 0px;
  --footer-padding-top: 32px;
  --footer-padding-bottom: 20px;
  --footer-container-padding-x: 20px;
  --section-padding-top: 80px;
  --section-padding-bottom: 80px;
  --section-container-padding-x: 28px;
  --section-container-gap: 40px;
  --section-horizontal-align: center;
  --section-vertical-align: center;
  --section-bg-size: cover;
  --section-bg-position: center;
  --section-bg-repeat: no-repeat;
  --section-bg-attachment: scroll;
  --section-bg-video-aspect-ratio: 9/16;
  --section-bg-video-object-fit: cover;
  --section-bg-video-object-position: center;
  --row-gap: 24px;
  --row-bg-size: cover;
  --row-bg-position: center center;
  --col-gap: 40px;
  --col-vertical-align: start;
  --col-horizontal-align: start;
  --col-bg-size: cover;
  --col-bg-position: center center;
  --layout-grid-gap-x: 24px;
  --layout-grid-gap-y: 36px;
  --layout-grid-cols: 2;
  --layout-grid-overflow-x-item-width: 280px;
  --button-small-padding-x: 14px;
  --button-small-padding-y: 8px;
  --button-medium-padding-x: 20px;
  --button-medium-padding-y: 10px;
  --button-large-padding-x: 24px;
  --button-large-padding-y: 12px;
  --button-small-font-size: 0.825rem;
  --button-medium-font-size: 0.9375rem;
  --button-large-font-size: 1rem;
  --element-button-distribute: center;
  --element-button-group-gap: 0.5rem;
  --element-button-group-direction: row;
  --element-button-group-caption-direction: column;
  --element-button-group-caption-distribute: center;
  --element-button-group-caption-align: center;
  --element-button-group-caption-gap: 1.5rem;
  --card-gap: 16px;
  --card-info-gap: 28px;
  --card-padding: 0px;
  --card-info-heading-gap: 4px;
  --card-media-row-basis: 50%;
  --card-info-width: 100%;
  --card-ratio: 3 / 4;
  --card-object-fit: cover;
  --card-product-padding: 0px;
  --card-product-gap: 0px;
  --card-product-info-padding: 20px;
  --card-product-info-gap: 20px;
  --card-product-info-text-gap: 8px;
  --card-product-thumbnail-status-offset: 8px;
  --card-product-thumbnail-badge-offset: 8px;
  --card-product-thumbnail-button-offset: 8px;
  --list-tabs-gap: 0px;
  --list-tab-padding-y: 20px;
  --list-tab-padding-x: 0px;
  --arrows-font-size: 22px;
  --arrows-width: 40px;
  --arrows-offset-x: 12px;
  --arrows-offset-y: 12px;
  --bullet-list-gap: 16px;
  --bullet-icon-size: 24px;
  --element-bullet-list-gap: 20px;
  --element-bullet-list-text-gap: 8px;
  --pagination-padding-top: 40px;
  --pagination-gap: 12px;
  --pagination-list-gap: 4px;
  --menu-dropdown-simple-padding: 20px;
  --menu-dropdown-simple-width: 100%;
  --side-pane-width: 360px;
  --side-pane-max-width: 400px;
  --side-pane-padding: 28px;
  --side-pane-cart-width: 100%;
  --header-container-padding-x: 28px;
  --footer-container-gap: 30px;
  --list-tab-content-padding-top: 8px;
  --field-gap: 4px;
}
@media (min-width: 768px) {
  :root {
    --footer-padding-top: 36px;
    --section-container-gap: 40px;
    --layout-grid-cols: 3;
    --element-button-group-gap: 0.75rem;
  }
}
@media (min-width: 1024px) {
  :root {
    --body-font-size: 16px;
    --section-header-container-padding-x: 40px;
    --footer-padding-top: 48px;
    --footer-container-padding-x: 40px;
    --section-padding-top: 120px;
    --section-padding-bottom: 120px;
    --section-container-padding-x: 40px;
    --section-container-max-width: 1240px;
    --section-container-gap: 60px;
    --section-bg-video-aspect-ratio: 16/9;
    --row-gap: 40px;
    --col-gap: 60px;
    --layout-grid-gap-x: 40px;
    --layout-grid-gap-y: 48px;
    --layout-grid-cols: 4;
    --layout-grid-overflow-x-item-width: 360px;
    --button-small-padding-x: 20px;
    --button-small-padding-y: 10px;
    --button-medium-padding-x: 24px;
    --button-medium-padding-y: 12px;
    --button-large-padding-x: 28px;
    --button-large-padding-y: 14px;
    --button-small-font-size: 0.875rem;
    --button-medium-font-size: 1rem;
    --button-large-font-size: 1.125rem;
    --element-button-group-gap: 1rem;
    --card-gap: 20px;
    --card-info-width: 100%;
    --card-object-fit: cover;
    --list-tab-padding-y: 20px;
    --menu-dropdown-simple-padding: 28px;
    --menu-dropdown-simple-width: 280px;
    --header-container-padding-x: 40px;
    --footer-container-gap: 44px;
    --nav-bar-col-gap: 44px;
    --list-tab-content-padding-right: 10%;
    --list-tab-content-padding-top: 8px;
    --field-gap: 8px;
  }
}
@media (min-width: 1536px) {
  :root {
    --section-container-max-width: 1440px;
  }
}

.color-scheme-main {
  --bg-color: var(--color-white);
  --border-color: var(--color-neutral-subtle);
  --text-color: var(--color-neutral-bold);
  --text-subtle-color: var(--color-neutral);
  --title-text-color: var(--color-neutral-boldest);
  --caption-text-color: var(--color-brand);
  --description-text-color: var(--color-neutral-bold);
  --link-accent-color: var(--color-brand);
  --link-accent-hover-color: var(--color-brand-bold);
  --link-default-color: var(--color-neutral-boldest);
  --link-default-hover-color: var(--color-black);
  --button-primary-fill-color: var(--color-brand);
  --button-primary-border-color: transparent;
  --button-primary-text-color: #fff;
  --button-primary-box-shadow: none;
  --button-primary-box-shadow-color: transparent;
  --button-primary-hover-fill-color: var(--color-brand-bold);
  --button-primary-hover-border-color: transparent;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-box-shadow: none;
  --button-primary-hover-box-shadow-color: transparent;
  --button-secondary-fill-color: var(--color-neutral-boldest);
  --button-secondary-border-color: transparent;
  --button-secondary-text-color: var(--color-white);
  --button-secondary-box-shadow: none;
  --button-secondary-box-shadow-color: transparent;
  --button-secondary-hover-fill-color: var(--color-black);
  --button-secondary-hover-border-color: transparent;
  --button-secondary-hover-text-color: var(--color-white);
  --button-secondary-hover-box-shadow: none;
  --button-secondary-hover-box-shadow-color: transparent;
  --button-ghost-text-color: var(--color-neutral-boldest);
  --button-ghost-border-color: transparent;
  --button-ghost-hover-fill-color: transparent;
  --button-ghost-hover-border-color: transparent;
  --button-ghost-hover-text-color: var(--color-black);
  --button-disabled-fill-color: var(--color-neutral-subtle);
  --button-disabled-text-color: var(--color-neutral);
  --tag-default-bg-color: var(--color-neutral-subtle);
  --tag-default-border-color: transparent;
  --tag-default-text-color: var(--color-neutral-boldest);
  --tag-default-hover-bg-color: var(--color-neutral-subtlest);
  --tag-default-hover-border-color: transparent;
  --tag-default-hover-text-color: var(--color-neutral-boldest);
  --tag-accent-bg-color: var(--color-brand-alt-subtle);
  --tag-accent-border-color: transparent;
  --tag-accent-text-color: var(--color-brand-alt-boldest);
  --tag-accent-hover-bg-color: var(--color-brand-alt-subtle);
  --tag-accent-hover-border-color: transparent;
  --tag-accent-hover-text-color: var(--color-black);
  --arrows-bg-color: var(--color-neutral-subtle);
  --arrows-border-color: transparent;
  --arrows-text-color: var(--color-neutral-boldest);
  --arrows-box-shadow: none;
  --arrows-box-shadow-color: transparent;
  --arrows-hover-bg-color: var(--color-neutral);
  --arrows-hover-border-color: transparent;
  --arrows-hover-text-color: var(--color-neutral-boldest);
  --arrows-hover-box-shadow: inherit;
  --arrows-hover-box-shadow-color: transparent;
  --slider-bullets-bg-color: var(--color-neutral);
  --slider-bullets-hover-bg-color: var(--color-neutral-bold);
  --slider-bullets-active-bg-color: var(--color-neutral-boldest);
  --scrollbar-bg-color: var(--color-neutral-subtle);
  --scrollbar-track-color: var(--color-neutral-bold);
  --form-text-color: var(--color-neutral-bold);
  --form-error-color: var(--color-status-critical);
  --input-icon-color: var(--color-neutral);
  --input-text-color: var(--color-neutral-bold);
  --input-placeholder-color: var(--color-neutral-subtle);
  --input-focus-color: var(--color-brand-alt);
  --input-border-color: var(--color-neutral-bold);
  --input-bg-color: var(--color-white);
  --button-primary-border-width: 0px;
  --button-primary-hover-border-width: 0px;
  --button-secondary-border-width: 0px;
  --button-secondary-hover-border-width: 0px;
  --arrows-border-width: 0px;
  --arrows-hover-border-width: 0px;
  --input-border-width: 1px;
}

.typo_heading_xsmall, .typo_heading_xsmall_bold {
  font-size: 1rem;
}

.typo_heading_small, .typo_heading_small_bold {
  font-size: 1.25rem;
}
@media (min-width: 1024px) {
  .typo_heading_small, .typo_heading_small_bold {
    font-size: 1.5rem;
  }
}

.typo_heading_medium, .typo_heading_medium_bold {
  font-size: 1.5rem;
}
@media (min-width: 1024px) {
  .typo_heading_medium, .typo_heading_medium_bold {
    font-size: 2.25rem;
  }
}

.typo_heading_large, .typo_heading_large_bold {
  font-size: 2rem;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .typo_heading_large, .typo_heading_large_bold {
    font-size: 3rem;
  }
}

.typo_heading_xlarge, .typo_heading_xlarge_bold {
  font-size: 2.2rem;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .typo_heading_xlarge, .typo_heading_xlarge_bold {
    font-size: 4.4rem;
  }
}
@media (min-width: 1536px) {
  .typo_heading_xlarge, .typo_heading_xlarge_bold {
    font-size: 4vw;
  }
}

.typo_paragraph_xsmall, .typo_paragraph_xsmall_bold {
  font-size: 0.75rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_xsmall, .typo_paragraph_xsmall_bold {
    font-size: 0.75rem;
  }
}

.typo_paragraph_small, .typo_paragraph_small_bold {
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_small, .typo_paragraph_small_bold {
    font-size: 0.875rem;
  }
}

.typo_paragraph_medium, .typo_paragraph_medium_bold {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_medium, .typo_paragraph_medium_bold {
    font-size: 1rem;
  }
}

.typo_paragraph_large, .typo_paragraph_large_bold {
  font-size: 1.125rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_large, .typo_paragraph_large_bold {
    font-size: 1.25rem;
  }
}

.typo_paragraph_xlarge, .typo_paragraph_xlarge_bold {
  font-size: 1.25rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_xlarge, .typo_paragraph_xlarge_bold {
    font-size: 1.5rem;
  }
}

.widget-back-to-top {
  --offset-x: 29px;
  --offset-y: 94px;
}
@media (min-width: 1024px) {
  .widget-back-to-top {
    --offset-x: 85px;
    --offset-y: 120px;
  }
}

.widget-banner {
  --media-object-fit: cover;
  --card-info-distribute: start;
  --overlay-bg-color-opacity: 0.3;
}

.widget-banner {
  --banner-gap: 16px;
}

.widget-blog-detail {
  --wrapper-padding-y: 40px;
  --featured-image-ratio: 3 / 2;
}
@media (min-width: 1024px) {
  .widget-blog-detail {
    --wrapper-padding-y: 80px;
    --featured-image-ratio: 5 / 2;
  }
}

.widget-blog-list {
  --media-ratio: 4 / 3;
  --media-object-fit: cover;
  --card-info-distribute: space-between;
}

.widget-blog-list {
  --layout-grid-cols: 1;
  --card-direction: column;
}
@media (min-width: 1024px) {
  .widget-blog-list {
    --layout-grid-cols: 3;
  }
}

.widget-brand-info {
  --gap: 8px;
  --text-align: left;
  --element-picture-width: auto;
  --element-picture-height: 100px;
}
@media (min-width: 1024px) {
  .widget-brand-info {
    --gap: 12px;
  }
}

.widget-bullet-list {
  --layout-grid-cols: 1;
}
@media (min-width: 1024px) {
  .widget-bullet-list {
    --layout-grid-cols: 3;
  }
}

.widget-button-group {
  --element-button-group-gap: 1rem;
  --element-button-group-direction: row;
}
@media (min-width: 1024px) {
  .widget-button-group {
    --element-button-group-gap: 1.25rem;
  }
}

.widget-contact-info {
  --gap: 40px;
  --info-gap: 10px;
  --info-button-gap: 20px;
  --address-gap: 30px;
  --address-item-gap: 20px;
}

.widget-chat {
  --gap: 10px;
  --offset-x: 24px;
  --offset-y: 24px;
}
@media (min-width: 1024px) {
  .widget-chat {
    --offset-x: 80px;
    --offset-y: 50px;
  }
}

.widget-coupon-list {
  --layout-grid-gap-x: 16px;
  --layout-grid-gap-y: 16px;
  --layout-grid-cols: 1;
  --layout-grid-overflow-x-item-width: 400px;
}
@media (min-width: 768px) {
  .widget-coupon-list {
    --layout-grid-cols: 3;
  }
}
@media (min-width: 1024px) {
  .widget-coupon-list {
    --layout-grid-gap-x: 32px;
    --layout-grid-gap-y: 32px;
    --layout-grid-cols: 3;
  }
}

.widget-feature-list {
  --media-ratio: 3 / 4;
  --media-object-fit: cover;
  --card-info-distribute: space-between;
}

.widget-feature-list {
  --layout-grid-cols: 1;
  --element-button-group-gap: 8px;
  --element-button-group-direction: row;
  --bullet-list-gap: 8px;
  --element-bullet-list-gap: 12px;
}
@media (min-width: 768px) {
  .widget-feature-list {
    --layout-grid-cols: 2;
  }
}
@media (min-width: 1024px) {
  .widget-feature-list {
    --layout-grid-cols: 3;
    --element-button-group-gap: 12px;
  }
}

.widget-form {
  --input-radius: 4px;
  --input-border-width: 1px;
}

.widget-form {
  --gap: 15px;
  --field-gap: 4px;
  --input-padding-x: 8px;
  --input-padding-y: 8px;
}
@media (min-width: 1024px) {
  .widget-form {
    --field-gap: 6px;
    --input-padding-x: 8px;
    --input-padding-y: 8px;
  }
}

.widget-gallery-list {
  --element-picture-aspect-ratio: 1 / 1;
  --element-picture-border-radius: 0px;
  --element-picture-object-fit: cover;
  --zoom-picture-object-fit: contain;
}

.widget-gallery-list {
  --layout-grid-gap-x: 16px;
  --layout-grid-gap-y: 16px;
  --layout-grid-cols: 2;
}
@media (min-width: 768px) {
  .widget-gallery-list {
    --layout-grid-cols: 3;
  }
}
@media (min-width: 1024px) {
  .widget-gallery-list {
    --layout-grid-gap-x: 32px;
    --layout-grid-gap-y: 32px;
    --layout-grid-cols: 5;
  }
}

.widget-heading {
  --gap: 8px;
}
@media (min-width: 1024px) {
  .widget-heading {
    --gap: 16px;
  }
}

.widget-nav-list {
  --gap: 12px;
  --list-direction: column;
  --list-gap: 4px;
}
@media (min-width: 1024px) {
  .widget-nav-list {
    --gap: 20px;
  }
}

.widget-nav-bar {
  --action-right-margin-inline-end: 0px;
  --drawer-icon-margin-inline-start: 0px;
  --drawer-icon-font-size: 1.5rem;
  --drawer-icon-menu-width: 50px;
  --drawer-icon-menu-height: 50px;
  --drawer-icon-margin-inline-end: 0px;
  --search-icon-font-size: 1.5rem;
  --menu-mega-media-ratio: 4 / 3;
  --menu-mega-media-object-fit: cover;
  --menu-mega-media-border-radius: 0px;
  --more-icon-font-size: 1rem;
}

.widget-nav-bar {
  --widget-width: 100%;
  --widget-height: 60px;
  --nav-bar-row-gap: 0px;
  --nav-bar-col-gap: 12px;
  --brand-picture-height: 50px;
  --drawer-picture-height: 50px;
  --drawer-content-padding-top: 20px;
  --drawer-content-padding-bottom: 20px;
  --drawer-content-padding-x: 20px;
  --drawer-content-max-width: 340px;
  --drawer-header-padding-bottom: 20px;
  --drawer-title-padding-top: 10px;
  --drawer-title-padding-bottom: 10px;
  --drawer-title-padding-right: 0px;
  --drawer-title-padding-left: 0px;
  --drawer-mega-item-padding-top: 10px;
  --drawer-mega-item-padding-bottom: 10px;
  --drawer-mega-item-padding-right: 10px;
  --drawer-mega-item-padding-left: 10px;
  --drawer-mega-item-gap: 24px;
  --drawer-link-padding-top: 5px;
  --drawer-link-padding-bottom: 5px;
  --drawer-link-padding-right: 0px;
  --drawer-link-padding-left: 10px;
  --drawer-child-link-padding-top: 5px;
  --drawer-child-link-padding-bottom: 5px;
  --drawer-child-link-padding-right: 0px;
  --drawer-child-link-padding-left: 20px;
  --cart-content-padding-top: 20px;
  --cart-content-padding-bottom: 20px;
  --cart-content-padding-left: 20px;
  --cart-content-padding-right: 20px;
  --cart-content-padding-x: 20px;
  --cart-content-max-width: 85%;
  --user-content-padding-top: 20px;
  --user-content-padding-bottom: 20px;
  --user-content-padding-x: 20px;
  --user-content-max-width: 85%;
  --search-icon-back-width: 50px;
  --search-icon-back-height: 50px;
  --search-width: 100%;
  --search-max-width: 400px;
  --menu-list-gap: 20px;
  --menu-mega-grid-gap: 12px;
  --menu-mega-grid-cols: 6;
  --menu-mega-list-padding-top: 0px;
  --menu-mega-list-padding-bottom: 0px;
  --menu-mega-list-gap: 12px;
  --menu-mega-child-list-padding-top: 0px;
  --menu-mega-child-list-padding-bottom: 0px;
  --menu-mega-child-list-gap: 6px;
  --menu-mega-item-padding-top: 0px;
  --menu-mega-item-padding-bottom: 0px;
  --menu-mega-item-gap: 6px;
  --menu-mega-child-item-padding-top: 0px;
  --menu-mega-child-item-padding-bottom: 0px;
  --menu-mega-child-item-gap: 6px;
  --menu-mega-item-title-margin-bottom: 8px;
  --menu-mega-child-item-title-margin-bottom: 0px;
  --menu-dropdown-width: 280px;
  --menu-dropdown-padding-top: 20px;
  --menu-dropdown-padding-bottom: 20px;
  --menu-dropdown-padding-left: 28px;
  --menu-dropdown-padding-right: 28px;
  --menu-dropdown-item-link-padding-y: 8px;
  --menu-dropdown-item-link-padding-x: 0px;
  --action-gap: 12px;
}
@media (min-width: 768px) {
  .widget-nav-bar {
    --cart-content-max-width: 440px;
    --user-content-max-width: 340px;
  }
}
@media (min-width: 1024px) {
  .widget-nav-bar {
    --widget-height: 80px;
    --nav-bar-row-gap: 0px;
    --nav-bar-col-gap: 20px;
    --brand-picture-height: 60px;
    --search-width: 400px;
    --menu-mega-list-padding-top: 28px;
    --menu-mega-list-padding-bottom: 28px;
    --action-gap: 24px;
  }
}

.widget-product-description {
  --layout-grid-gap-x: 4px;
  --layout-grid-gap-y: 4px;
  --layout-grid-cols: 1;
}
@media (min-width: 768px) {
  .widget-product-description {
    --layout-grid-cols: 2;
  }
}
@media (min-width: 1024px) {
  .widget-product-description {
    --layout-grid-gap-x: 8px;
    --layout-grid-gap-y: 8px;
    --layout-grid-cols: 2;
  }
}

.widget-product-gallery {
  --element-picture-aspect-ratio: 1 / 1;
  --element-picture-border-radius: 0px;
  --main-media-ratio: 1/1;
  --thumb-media-ratio: 1/1;
  --gallery-media-ratio: 1/1;
  --main-picture-object-fit: contain;
  --thumb-picture-object-fit: contain;
  --gallery-picture-object-fit: contain;
}

.widget-product-gallery {
  --layout-grid-gap-x: 4px;
  --layout-grid-gap-y: 4px;
  --layout-grid-cols: 2;
}

.widget-product-list {
  --card-product-border-radius: 0px;
  --card-product-info-name-line-clamp: 2;
  --card-product-thumbnail-ratio: 1 / 1;
  --card-product-thumbnail-border-radius: 0px;
  --card-product-info-badge-new-border-width: 0px;
  --card-product-info-badge-hot-border-width: 0px;
  --card-product-info-badge-info-border-width: 0px;
  --card-product-info-badge-suggest-border-width: 0px;
}

.widget-product-list {
  --layout-grid-cols: 2;
  --layout-grid-gap-x: 16px;
  --layout-grid-gap-y: 32px;
  --card-product-padding: 0px;
  --card-product-gap: 0px;
  --card-product-info-padding: 20px;
  --card-product-info-gap: 20px;
  --card-product-info-text-gap: 8px;
  --card-product-thumbnail-status-offset: 8px;
  --card-product-thumbnail-badge-offset: 8px;
  --card-product-thumbnail-button-offset: 8px;
}
@media (min-width: 1024px) {
  .widget-product-list {
    --layout-grid-cols: 5;
    --layout-grid-gap-x: 32px;
    --layout-grid-gap-y: 48px;
  }
}

.widget-product-promotion {
  --bullet-list-gap: 8px;
}

.widget-slider {
  --media-object-fit: cover;
}

.widget-slider {
  --card-info-width: 80%;
}
@media (min-width: 1024px) {
  .widget-slider {
    --card-info-width: 60%;
  }
}

.widget-social {
  --gap: 8px;
}
@media (min-width: 1024px) {
  .widget-social {
    --gap: 12px;
  }
}

.widget-category-list {
  --media-ratio: 1 / 1;
  --media-object-fit: cover;
}

.widget-category-list {
  --layout-grid-cols: 3;
  --layout-grid-overflow-x-item-width: 160px;
  --layout-grid-gap-x: 12px;
  --layout-grid-gap-y: 24px;
  --card-padding: 0px;
  --media-width: 80%;
}
@media (min-width: 1024px) {
  .widget-category-list {
    --layout-grid-cols: 6;
    --layout-grid-gap-x: 36px;
    --layout-grid-gap-y: 36px;
    --card-padding: 0px;
    --media-width: 100%;
  }
}

.widget-category-detail {
  --media-ratio: 1 / 1;
  --media-object-fit: cover;
  --card-info-distribute: center;
}

.widget-category-detail {
  --card-direction: column;
  --media-width: 50%;
  --card-padding: 0px;
}
@media (min-width: 1024px) {
  .widget-category-detail {
    --card-direction: column;
    --card-media-basis: 20%;
    --media-width: 50%;
    --card-padding: 0px;
  }
}

.element-google-translate {
  --gg-translate-dropdown-padding: 12px;
}

.widget-search-filter {
  --button-border-radius: 30px;
}

.widget-text-stack {
  --gap: 16px;
}
@media (min-width: 1024px) {
  .widget-text-stack {
    --gap: 24px;
  }
}

.modal-search-filter {
  --list-tab-padding-y: 12px;
  --list-tab-content-padding-top: 4px;
}

.widget-header-logo {
  --widget-width: auto;
}

.widget-main-navigation-list {
  --menu-dropdown-mega-padding-top: 12px;
  --menu-dropdown-mega-padding-bottom: 24px;
}
@media (min-width: 1024px) {
  .widget-main-navigation-list {
    --menu-dropdown-mega-padding-top: 48px;
    --menu-dropdown-mega-padding-bottom: 40px;
  }
}

.color-scheme-2 {
  --bg-color: var(--color-brand-boldest);
  --border-color: var(--color-neutral-bold);
  --text-color: var(--color-neutral);
  --title-text-color: var(--color-white);
  --caption-text-color: var(--color-brand-subtlest);
  --description-text-color: var(--color-neutral-subtle);
  --link-accent-color: var(--color-brand-subtlest);
  --link-accent-hover-color: inherit;
  --link-default-color: var(--color-neutral-subtlest);
  --link-default-hover-color: var(--color-white);
  --button-primary-fill-color: var(--color-brand);
  --button-primary-border-color: transparent;
  --button-primary-border-width: 0px;
  --button-primary-text-color: #fff;
  --button-primary-box-shadow: none;
  --button-primary-box-shadow-color: transparent;
  --button-primary-hover-fill-color: var(--color-brand-bold);
  --button-primary-hover-border-width: 0px;
  --button-primary-hover-border-color: transparent;
  --button-primary-hover-text-color: #fff;
  --button-primary-hover-box-shadow: none;
  --button-primary-hover-box-shadow-color: transparent;
  --button-secondary-fill-color: var(--color-white);
  --button-secondary-border-color: transparent;
  --button-secondary-border-width: 0px;
  --button-secondary-text-color: var(--color-neutral-boldest);
  --button-secondary-box-shadow: none;
  --button-secondary-box-shadow-color: transparent;
  --button-secondary-hover-fill-color: var(--color-neutral-subtle);
  --button-secondary-hover-border-width: 0px;
  --button-secondary-hover-border-color: transparent;
  --button-secondary-hover-text-color: var(--color-neutral-boldest);
  --button-secondary-hover-box-shadow: none;
  --button-secondary-hover-box-shadow-color: transparent;
  --button-ghost-text-color: var(--color-white);
  --button-ghost-hover-text-color: var(--color-neutral-subtlest);
  --button-disabled-fill-color: var(--color-neutral-subtle);
  --button-disabled-text-color: var(--color-neutral);
  --tag-default-bg-color: var(--color-neutral-bold);
  --tag-default-text-color: var(--color-neutral-subtle);
  --tag-default-hover-bg-color: var(--color-neutral-bold);
  --tag-default-hover-text-color: var(--color-neutral-subtlest);
  --tag-accent-bg-color: var(--color-neutral);
  --tag-accent-text-color: var(--color-neutral-boldest);
  --tag-accent-hover-bg-color: var(--color-neutral-bold);
  --tag-accent-hover-text-color: var(--color-neutral-boldest);
  --arrows-bg-color: var(--color-neutral-subtle);
  --arrows-border-color: transparent;
  --arrows-border-width: 0px;
  --arrows-text-color: var(--color-neutral-bold);
  --arrows-hover-bg-color: var(--color-neutral-subtlest);
  --arrows-hover-border-color: transparent;
  --arrows-hover-border-width: 0px;
  --arrows-hover-text-color: var(--color-neutral-bold);
  --slider-bullets-bg-color: var(--color-neutral-subtle);
  --slider-bullets-hover-bg-color: var(--color-neutral-subtlest);
  --slider-bullets-active-bg-color: var(--color-white);
  --scrollbar-bg-color: var(--color-neutral-boldest);
  --scrollbar-track-color: var(--color-neutral-bold);
  --form-text-color: var(--color-neutral-subtle);
  --form-error-color: var(--color-status-critical);
  --input-text-color: var(--color-neutral-subtle);
  --input-placeholder-color: var(--color-neutral);
  --input-focus-color: var(--color-brand-alt);
  --input-border-width: 1px;
  --input-border-color: var(--color-neutral);
  --input-bg-color: var(--color-neutral-bold);
}

.color-scheme-main-pet {
  --bg-color: transparent;
  --caption-text-color: #358955;
  --button-primary-fill-color: black;
  --button-primary-border-color: transparent;
  --button-primary-border-width: 0px;
  --button-primary-text-color: white;
  --button-primary-hover-fill-color: black;
  --button-primary-hover-text-color: white;
}

.color-scheme-2-pet {
  --bg-color: #358955;
  --border-color: var(--color-neutral-bold);
  --text-color: #ddd;
  --title-text-color: #fff;
  --caption-text-color: #eee;
  --description-text-color: #eee;
  --button-primary-fill-color: white;
  --button-primary-border-color: transparent;
  --button-primary-border-width: 0px;
  --button-primary-text-color: black;
  --button-primary-hover-fill-color: #eee;
  --button-primary-hover-text-color: black;
}

.color-scheme-main-gym {
  --caption-text-color: var(--color-black);
  --text-color: var(--color-black);
  --title-text-color: var(--color-black);
  --description-text-color: var(--color-black);
  --link-accent-color: #94b806;
  --link-accent-hover-color: #cfff11;
  --button-primary-fill-color: var(--color-black);
  --button-primary-hover-fill-color: #cfff11;
  --button-secondary-fill-color: #cfff11;
  --button-secondary-text-color: var(--color-black);
  --button-secondary-hover-fill-color: var(--color-black);
  --button-primary-hover-text-color: var(--color-black);
}

.color-scheme-2-gym {
  --text-color: var(--color-white);
  --button-primary-fill-color: #CFFF11;
  --button-primary-text-color: var(--color-black);
  --button-primary-hover-fill-color: var(--color-white);
  --button-primary-hover-text-color: var(--color-black);
  --title-text-color: #CFFF11;
  --bg-color: var(--color-black);
  --caption-text-color: var(--color-white);
  --description-text-color: var(--color-white);
  --button-secondary-border-color: #CFFF11;
  --button-secondary-text-color: #CFFF11;
  --link-accent-color: #CFFF11;
  --link-accent-hover-color: var(--color-white);
}

.color-scheme-main-celeb {
  --bg-color: #F4F4F4;
  --text-color: #222222;
  --title-text-color: #222222;
  --description-text-color: #222222;
  --caption-text-color: #054CCB;
  --button-primary-fill-color: #054CCB;
}

.color-scheme-2-celeb {
  --text-color: #FFFFFF;
  --title-text-color: #FFFFFF;
  --caption-text-color: #054CCB;
  --description-text-color: #FFFFFF;
}

.color-scheme-main-restaurant {
  --bg-color: transparent;
  --button-disabled-fill-color: transparent;
  --button-disabled-text-color: var(--color-neutral-subtle);
  --button-primary-hover-fill-color: var(--color-black);
  --button-primary-hover-text-color: var(--color-white);
  --arrows-bg-color: transparent;
  --arrows-border-color: transparent;
  --arrows-border-width: 0px;
  --arrows-text-color: var(--color-black);
  --arrows-hover-bg-color: transparent;
  --arrows-hover-border-color: transparent;
  --arrows-hover-border-width: 0px;
  --arrows-hover-text-color: var(--color-neutral-boldest);
}

.color-scheme-2-restaurant {
  --bg-color: var(--color-brand-bold);
  --text-color: var(--color-white);
  --title-text-color: var(--color-white);
  --caption-text-color: var(--color-white);
  --description-text-color: var(--color-white);
  --arrows-bg-color: transparent;
  --arrows-border-color: transparent;
  --arrows-border-width: 0px;
  --arrows-text-color: var(--color-white);
  --arrows-hover-bg-color: transparent;
  --arrows-hover-border-color: transparent;
  --arrows-hover-border-width: 0px;
  --arrows-hover-text-color: var(--color-white);
  --button-primary-border-color: transparent;
  --button-primary-border-width: 0px;
  --button-primary-fill-color: var(--color-white);
  --button-primary-hover-fill-color: var(--color-black);
  --button-primary-text-color: var(--color-black);
  --button-primary-hover-text-color: var(--color-white);
}

.color-scheme-3-restaurant {
  --bg-color: var(--color-brand-alt-subtle);
  --arrows-bg-color: transparent;
  --arrows-border-color: transparent;
  --arrows-border-width: 0px;
  --arrows-text-color: var(--color-black);
  --arrows-hover-bg-color: transparent;
  --arrows-hover-border-color: transparent;
  --arrows-hover-border-width: 0px;
  --arrows-hover-text-color: var(--color-neutral-boldest);
}

.typo_paragraph_feature_grid, .typo_paragraph_feature_grid_bold {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_feature_grid, .typo_paragraph_feature_grid_bold {
    font-size: 1.25rem;
  }
}

.typo_paragraph_feature_grid_bold {
  font-size: 1rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_feature_grid_bold {
    font-size: 1.25rem;
  }
}

.typo_paragraph_feature_grid {
  font-size: 0.875rem;
}
@media (min-width: 1024px) {
  .typo_paragraph_feature_grid {
    font-size: 1.125rem;
  }
}

.typo_heading_xlarge_pet, .typo_heading_xlarge_bold_pet {
  font-size: 2.1rem;
}
@media (min-width: 1024px) {
  .typo_heading_xlarge_pet, .typo_heading_xlarge_bold_pet {
    font-size: 4rem;
  }
}

.widget-nav-bar  {
  --menu-mega-media-ratio: 3 / 2;
  --menu-mega-grid-padding-top: 3rem;
  --menu-mega-grid-padding-bottom: 5rem;
  --drawer-header-padding-bottom: 2rem;
  --drawer-content-padding-top: 2rem;
  --drawer-content-padding-bottom: 2rem;
  --drawer-content-padding-x: 2rem;
  --drawer-mega-item-gap: 2.5rem;
  --drawer-title-padding-top: 0.5rem;
  --drawer-title-padding-bottom: 0.5rem;
  --drawer-mega-item-padding-top: 0rem;
  --drawer-mega-item-padding-bottom: 2rem;
  --drawer-mega-item-padding-left: 0rem;
  --drawer-mega-item-padding-right: 0rem;
  --bullet-list-gap: 1.5rem;
  --bullet-grid-gap-x: 4rem;
  --bullet-grid-gap-y: 3rem;
  --bullet-grid-cols: 3;
}

.widget-nav-bar  {
  --menu-list-gap: 28px;
  --menu-mega-list-gap: 1rem;
}
@media (min-width: 1024px) {
  .widget-nav-bar  {
    --menu-mega-list-gap: 2rem;
  }
}

#pet-page {
  --color-brand-subtle: #7E8C83;
  --color-brand-subtlest: #FFF9E6;
  --typo-heading-font-family: Noto Sans Thai,Noto Sans Thai, sans-serif;
  --typo-paragraph-font-family: Noto Sans Thai, sans-serif;
  --typo-button-font-family: Noto Sans Thai, sans-serif;
  --button-small-border-radius: 40px;
  --button-medium-border-radius: 40px;
  --button-large-border-radius: 40px;
}

#pet-page {
  --section-padding-top: 40px;
  --section-padding-bottom: 40px;
}
@media (min-width: 1024px) {
  #pet-page {
    --section-padding-top: 80px;
    --section-padding-bottom: 80px;
  }
}

#celeb-page {
  --color-brand-bold: #043DA2;
  --color-brand: #054CCB;
  --color-neutral: #F4F4F4;
  --typo-heading-font-weight-regular: 400;
  --typo-heading-font-weight-bold: 600;
  --typo-paragraph-font-weight-regular: 400;
  --typo-paragraph-font-weight-bold: 600;
  --typo-button-font-weight: 400;
  --typo-heading-font-family: Playfair Display,Anuphan, sans-serif;
  --typo-paragraph-font-family: Manrope,Anuphan, sans-serif;
  --typo-button-font-family: Playfair Display,Anuphan, sans-serif;
  --button-small-border-radius: 999px;
  --button-medium-border-radius: 999px;
  --button-large-border-radius: 999px;
}

#restaurant-page {
  --color-neutral: #DADADA;
  --color-brand: #3A5F40;
  --color-brand-bold: #183A1D;
  --color-brand-alt-subtle: #EFD5B2;
  --color-brand-alt-subtlest: #FFF0DC;
  --typo-heading-font-weight-regular: 400;
  --typo-heading-font-weight-bold: 600;
  --typo-paragraph-font-weight-regular: 400;
  --typo-paragraph-font-weight-bold: 600;
  --typo-button-font-weight: 400;
}

#restaurant-page {
  --button-large-padding-x: 24px;
  --button-large-padding-y: 12px;
  --card-padding: 36px;
  --arrows-font-size: 32px;
  --arrows-width: 48px;
}
@media (min-width: 1024px) {
  #restaurant-page {
    --button-large-padding-x: 28px;
    --button-large-padding-y: 14px;
    --card-padding: 36px;
    --arrows-font-size: 60px;
    --arrows-width: 80px;
  }
}

#gym-page {
  --color-brand: #CFFF11;
}
:root {
  --blog-media-ratio: 8 / 5;
  --typo-heading-font-family: Inter,Noto Sans Thai, sans-serif;
  --typo-paragraph-font-family: Inter,Noto Sans Thai, sans-serif;
  --typo-button-font-family: Inter,Noto Sans Thai, sans-serif;
  --typo-heading-font-weight-regular: 400;
  --typo-heading-font-weight-bold: 700;
  --typo-paragraph-font-weight-regular: 400;
  --typo-paragraph-font-weight-bold: 700;
  --typo-button-font-weight: 700;
  --typo-heading-line-height: 1.4;
}
@media (min-width: 1024px) {
  :root {
    --blog-layout-grid-cols: 3;
  }
}

[data-ukey="_67dd27385f1060_93971245"] {
  --col-border-width: 14px;
  --col-border-color: black;
  --col-bg-color: red;
  --col-border-radius: 20px;
  --col-overflow: hidden;
}
@media (max-width: 1023px) {
  [data-ukey="_67dd27385f1060_93971245"] {
    --col-padding-top: 20px;
    --col-padding-bottom: 20px;
    --col-padding-left: 20px;
    --col-padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd27385f1060_93971245"] {
    --col-padding-top: 80px;
    --col-padding-bottom: 80px;
    --col-padding-left: 40px;
    --col-padding-right: 40px;
  }
}

[data-ukey="_67e15226ab97b3_83610085"] {
  --media-object-fit: contain;
  --media-ratio: auto;
}

[data-ukey="_67e15226ab93b1_74458270"] {
  --col-bg-type: image;
  --col-border-color: black;
  --col-bg-color: red;
  --col-overflow: hidden;
  --col-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/gz/oc/08.webp);
  --col-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/gz/oc/08.webp);
}
@media (max-width: 1023px) {
  [data-ukey="_67e15226ab93b1_74458270"] {
    --col-border-width: 8px;
    --col-border-radius: 12px;
    --col-padding-top: 20px;
    --col-padding-bottom: 20px;
    --col-padding-left: 20px;
    --col-padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e15226ab93b1_74458270"] {
    --col-border-width: 16px;
    --col-border-radius: 24px;
    --col-padding-top: 80px;
    --col-padding-bottom: 80px;
    --col-padding-left: 60px;
    --col-padding-right: 60px;
  }
}

[data-ukey="_67e530e9a85968_79477661"] {
  --size: small;
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9a8e0713_54549889"] {
    --gap: 10px;
  }
}

[data-ukey="_67e65c9a8e01e4_36492180"] {
  --col-vertical-align: start;
}
@media (max-width: 1023px) {
  [data-ukey="_67e65c9a8e01e4_36492180"] {
    --col-span: 12;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_67e65c9a8e01e4_36492180"] {
    --col-span: 6;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9a8e01e4_36492180"] {
    --col-span: 6;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9a9aa019_15104608"] {
    --gap: 10px;
  }
}

[data-ukey="_67e65c9a9a9546_51530941"] {
  --col-vertical-align: start;
}
@media (max-width: 1023px) {
  [data-ukey="_67e65c9a9a9546_51530941"] {
    --col-span: 12;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_67e65c9a9a9546_51530941"] {
    --col-span: 6;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9a9a9546_51530941"] {
    --col-span: 6;
  }
}

[data-ukey="_67e65c9aaf32c1_31584660"] {
  --alignment: center;
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9aaf32c1_31584660"] {
    --gap: 10px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9ab32115_36144129"] {
    --widget-width: 600px;
  }
}

[data-ukey="_67e65c9aaf2dd2_62544944"] {
  --col-horizontal-align: center;
}
@media (max-width: 1023px) {
  [data-ukey="_67e65c9aaf2dd2_62544944"] {
    --col-span: 12;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_67e65c9aaf2dd2_62544944"] {
    --col-span: 12;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e65c9aaf2dd2_62544944"] {
    --col-span: 12;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e530e99c56f6_24772851"] {
    --col-span: 7;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e36bd16fe792_25891785"] {
    --gap: 10px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e36bd16fe792_25891785"] {
    --gap: 10px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_681ae0f88bd5c7_36790839"] {
    --gap: 10px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681ae0f88bd5c7_36790839"] {
    --gap: 10px;
  }
}

[data-ukey="_681ae0f8874bb4_17722361"] {
  --col-vertical-align: space-between;
  --col-bg-color: var(--color-brand-bold);
  --col-bg-type: image;
  --col-overflow: hidden;
  --col-is-overlay: 1;
  --col-border-radius: 20px;
  --col-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/w0/9d/qd.webp);
  --col-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/w0/9d/qd.webp);
}
@media (max-width: 1023px) {
  [data-ukey="_681ae0f8874bb4_17722361"] {
    --col-span: 12;
    --col-gap: 20px;
    --col-padding-top: 32px;
    --col-padding-bottom: 32px;
    --col-padding-left: 32px;
    --col-padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681ae0f8874bb4_17722361"] {
    --col-span: 8;
    --col-gap: 36px;
    --col-padding-top: 40px;
    --col-padding-bottom: 40px;
    --col-padding-left: 40px;
    --col-padding-right: 40px;
  }
}

[data-ukey="_681e1257237d33_21243735"] {
  --card-ratio: 4 / 7;
  --card-border-radius: 20px;
  --description-typo-style: typo_heading_small_bold;
  --button-size: medium;
  --is-overlay-gradient: 1;
  --overlay-bg-color-from: #00000000;
  --overlay-bg-color-to: #00000055;
  --overlay-bg-color-from-stop: 50%;
  --overlay-bg-color-to-stop: 100%;
}
@media (max-width: 1023px) {
  [data-ukey="_681e1257237d33_21243735"] {
    --card-padding: 28px;
    --arrows-offset-y: -60px;
    --arrows-offset-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681e1257237d33_21243735"] {
    --card-padding: 44px;
    --arrows-offset-y: -72px;
    --arrows-offset-x: 0px;
  }
}

[data-ukey="_681e0f03b47222_92878746"] {
  --element-picture-border-radius: 8px;
}
@media (min-width: 1024px) {
  [data-ukey="_681e0f03b47222_92878746"] {
    --arrows-offset-x: 2rem;
  }
}

[data-ukey="_6826a1709f7ef3_28392369"] {
  --size: small;
}

[data-ukey="_6826a1709f7ef3_28392369"] .buttongroup-button-0 {
  --icon-left: arrow-up-right;
}

[data-ukey="_67e4f4abeac8f7_50147976"] {
  --blog-number: 3;
  --element-picture-border-radius: 20px;
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_67e4f4abeac8f7_50147976"] {
    --layout-grid-overflow-x-item-width: 320px;
    --card-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e4f4abeac8f7_50147976"] {
    --layout-grid-overflow-x-item-width: 440px;
    --card-gap: 28px;
    --card-info-heading-gap: 16px;
  }
}

[data-ukey="_67e4f4abeac8f7_50147976"] .element-blog-list {
  --blog-number: 3;
  --element-picture-border-radius: 20px;
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_67e4f4abeac8f7_50147976"] .element-blog-list {
    --layout-grid-overflow-x-item-width: 320px;
    --card-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e4f4abeac8f7_50147976"] .element-blog-list {
    --layout-grid-overflow-x-item-width: 440px;
    --card-gap: 28px;
    --card-info-heading-gap: 16px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dd2166191c57_93436889"] {
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd2166191c57_93436889"] {
    --alignment: center;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67df83322b7af2_97459654"] {
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df83322b7af2_97459654"] {
    --alignment: center;
    --widget-max-width: 35rem;
  }
}

[data-ukey="_67dd21661d0c83_19697473"] {
  --size: large;
}
@media (max-width: 1023px) {
  [data-ukey="_67dd21661d0c83_19697473"] {
    --element-button-group-direction: column;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd21661d0c83_19697473"] {
    --element-button-group-direction: row;
  }
}

[data-ukey="_67dd21661d0c83_19697473"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (max-width: 1023px) {
  [data-ukey="_67dd2166191856_14730510"] {
    --col-horizontal-align: center;
    --col-gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd2166191856_14730510"] {
    --col-horizontal-align: center;
    --col-gap: 2.4rem;
  }
}

[data-ukey="_67dd2826380b68_58325675"] {
  --col-bg-type: image;
  --col-border-color: black;
  --col-bg-color: red;
  --col-overflow: hidden;
  --col-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/gz/oc/08.webp);
  --col-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/gz/oc/08.webp);
}
@media (max-width: 1023px) {
  [data-ukey="_67dd2826380b68_58325675"] {
    --col-border-width: 8px;
    --col-border-radius: 12px;
    --col-padding-top: 20px;
    --col-padding-bottom: 20px;
    --col-padding-left: 20px;
    --col-padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd2826380b68_58325675"] {
    --col-border-width: 16px;
    --col-border-radius: 24px;
    --col-padding-top: 80px;
    --col-padding-bottom: 80px;
    --col-padding-left: 60px;
    --col-padding-right: 60px;
  }
}

[data-ukey="_67dd2166190dd3_81609579"] {
  --section-id: start;
  --section-bg-position: center bottom;
  --section-bg-size: auto;
}
@media (max-width: 1023px) {
  [data-ukey="_67dd2166190dd3_81609579"] {
    --section-padding-top: 40px;
    --section-padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd2166190dd3_81609579"] {
    --section-padding-top: 80px;
    --section-padding-bottom: 0px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67df7ddc8bf341_73527254"] {
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df7ddc8bf341_73527254"] {
    --alignment: center;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dd6820ec8b12_79299677"] {
    --section-padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd6820ec8b12_79299677"] {
    --section-container-max-width: 960px;
    --section-padding-top: 60px;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_67dd6820ec8b12_79299677"] {
    --section-container-max-width: 1200px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67df8ab56c31b2_08744922"] {
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df8ab56c31b2_08744922"] {
    --alignment: center;
    --widget-padding-bottom: 48px;
  }
}

[data-ukey="_67df9085a67628_64090324"] {
  --bg-color: transparent;
  --card-info-distribute: start;
  --card-border-radius: 0px;
  --media-ratio: 1 / 1;
  --description-typo-style: typo_paragraph_small;
  --media-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_67df9085a67628_64090324"] {
    --card-gap: 16px;
    --card-info-gap: 40px;
    --card-padding: 0px;
    --marquee-duration: 60s;
    --layout-grid-overflow-x-item-width: 220px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df9085a67628_64090324"] {
    --card-gap: 20px;
    --card-info-gap: 64px;
    --card-padding: 0px;
    --marquee-duration: 60s;
    --layout-grid-gap-x: 48px;
    --layout-grid-overflow-x-item-width: 220px;
  }
}

[data-ukey="_67df960be69e96_65189931"] {
  --bg-color: transparent;
  --card-info-distribute: start;
  --card-border-radius: 0px;
  --media-ratio: 1 / 1;
  --description-typo-style: typo_paragraph_small;
  --media-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_67df960be69e96_65189931"] {
    --card-gap: 16px;
    --card-info-gap: 40px;
    --card-padding: 0px;
    --marquee-duration: 60s;
    --layout-grid-overflow-x-item-width: 220px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df960be69e96_65189931"] {
    --card-gap: 20px;
    --card-info-gap: 64px;
    --card-padding: 0px;
    --layout-grid-gap-x: 48px;
    --marquee-duration: 60s;
    --layout-grid-overflow-x-item-width: 220px;
  }
}

[data-ukey="_67df8ab56c0d89_66955981"] {
  --section-bg-color: var(--color-brand-subtlest);
  --section-container-max-width: none;
}
@media (max-width: 1023px) {
  [data-ukey="_67df8ab56c0d89_66955981"] {
    --section-container-padding-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df8ab56c0d89_66955981"] {
    --section-container-padding-x: 0px;
  }
}

[data-ukey="_67e51e17019269_25272892"] {
  --media-object-fit: contain;
  --media-ratio: auto;
}

[data-ukey="_67df7682c63401_50203181"] {
  --col-bg-color: var(--color-brand-subtle);
  --col-border-radius: 20px;
  --col-overflow: hidden;
}
@media (max-width: 1023px) {
  [data-ukey="_67df7682c63401_50203181"] {
    --col-padding-top: 36px;
    --col-padding-left: 36px;
    --col-padding-bottom: 36px;
    --col-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df7682c63401_50203181"] {
    --col-span: 7;
    --col-vertical-align: center;
    --col-padding-top: 48px;
    --col-padding-left: 48px;
    --col-padding-bottom: 48px;
    --col-padding-right: 48px;
  }
}

[data-ukey="_67df7a0d303a00_92897014"] {
  --card-border-radius: 0px;
  --bg-color: transparent;
  --description-typo-style: typo_paragraph_medium;
}
@media (max-width: 1023px) {
  [data-ukey="_67df7a0d303a00_92897014"] {
    --card-padding: 0px;
    --card-info-heading-gap: 8px;
    --layout-grid-cols: 1;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df7a0d303a00_92897014"] {
    --card-padding: 0px;
    --card-info-heading-gap: 8px;
    --layout-grid-cols: 1;
    --layout-grid-gap-y: 30px;
  }
}

[data-ukey="_67df7fa6810569_28189780"] {
  --size: small;
}

[data-ukey="_67df7fa6810569_28189780"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (min-width: 1024px) {
  [data-ukey="_67df7682ca2cf9_05571002"] {
    --col-gap: 30px;
    --col-span: 5;
    --col-padding-top: 2rem;
    --col-padding-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67df7682c62805_99794852"] {
    --row-gap: 80px;
  }
}

[data-ukey="_67df7682c60ca4_89089191"] {
  --section-id: design;
  --section-bg-color: var(--color-brand-boldest);
}

[data-ukey="_6826a17097e378_70903781"] {
  --row-gap: 12px;
}

[data-ukey="_6826a170ab91d2_73987774"] {
  --card-ratio: 4 / 7;
  --card-border-radius: 20px;
  --description-typo-style: typo_heading_small_bold;
  --button-size: medium;
  --is-overlay-gradient: 1;
  --overlay-bg-color-from: #00000000;
  --overlay-bg-color-to: #00000055;
  --overlay-bg-color-from-stop: 50%;
  --overlay-bg-color-to-stop: 100%;
}
@media (max-width: 1023px) {
  [data-ukey="_6826a170ab91d2_73987774"] {
    --card-padding: 28px;
    --arrows-offset-y: -60px;
    --arrows-offset-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6826a170ab91d2_73987774"] {
    --card-padding: 44px;
    --arrows-offset-y: -72px;
    --arrows-offset-x: 0px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de0fe0272fa6_66093158"] {
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de0fe0272fa6_66093158"] {
    --col-vertical-align: end;
    --col-span: 7;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de0fe02eca40_65867987"] {
    --col-gap: 20px;
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de0fe02eca40_65867987"] {
    --col-span: 5;
    --col-padding-top: 8px;
    --col-gap: 24px;
    --col-vertical-align: end;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de0fe0272a40_42583985"] {
    --row-vertical-align: start;
    --row-gap: 12px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de0fe0272a40_42583985"] {
    --row-vertical-align: start;
    --row-gap: 80px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de1cf6aff963_74311876"] {
    --widget-padding-top: 36px;
    --widget-padding-left: 36px;
    --widget-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de1cf6aff963_74311876"] {
    --widget-padding-top: 48px;
    --widget-padding-left: 48px;
    --widget-padding-right: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de1cf6aff291_88299116"] {
    --col-span: 4;
  }
}

[data-ukey="_67de1cf6afd159_56246369"] {
  --row-bg-color: var(--color-neutral-subtle);
  --row-border-radius: 20px;
  --row-overflow: hidden;
}
@media (min-width: 1024px) {
  [data-ukey="_67de1cf6afd159_56246369"] {
    --row-gap: 0px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de6d252d3db7_60529392"] {
    --widget-padding-top: 36px;
    --widget-padding-left: 36px;
    --widget-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de6d252d3db7_60529392"] {
    --widget-padding-top: 48px;
    --widget-padding-left: 48px;
    --widget-padding-right: 48px;
  }
}

[data-ukey="_67de773a53d684_00466023"] {
  --media-object-fit: contain;
  --media-ratio: auto;
  --media-object-position: bottom center;
}
@media (max-width: 1023px) {
  [data-ukey="_67de773a53d684_00466023"] {
    --widget-width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de773a53d684_00466023"] {
    --widget-width: 100%;
  }
}

[data-ukey="_67de6d252d3722_68554573"] {
  --col-bg-color: var(--color-brand-boldest);
  --col-border-radius: 20px;
  --col-overflow: hidden;
}
@media (max-width: 1023px) {
  [data-ukey="_67de6d252d3722_68554573"] {
    --col-vertical-align: space-between;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de6d252d3722_68554573"] {
    --col-vertical-align: space-between;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de6d253697f0_76752859"] {
    --widget-padding-top: 36px;
    --widget-padding-left: 36px;
    --widget-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de6d253697f0_76752859"] {
    --widget-padding-top: 48px;
    --widget-padding-left: 48px;
    --widget-padding-right: 48px;
  }
}

[data-ukey="_67de7785c080b5_19022704"] {
  --media-object-fit: contain;
  --media-ratio: auto;
  --media-object-position: bottom center;
}
@media (max-width: 1023px) {
  [data-ukey="_67de7785c080b5_19022704"] {
    --widget-width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de7785c080b5_19022704"] {
    --widget-width: 100%;
  }
}

[data-ukey="_67de6d25368fa7_27393625"] {
  --col-bg-color: var(--color-brand-subtle);
  --col-border-radius: 20px;
  --col-overflow: hidden;
}
@media (max-width: 1023px) {
  [data-ukey="_67de6d25368fa7_27393625"] {
    --col-vertical-align: space-between;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de6d25368fa7_27393625"] {
    --col-vertical-align: space-between;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa3f664b816_53115743"] {
    --widget-padding-top: 36px;
    --widget-padding-left: 36px;
    --widget-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa3f664b816_53115743"] {
    --widget-padding-top: 48px;
    --widget-padding-left: 48px;
    --widget-padding-right: 48px;
  }
}

[data-ukey="_67dfa53d5616c6_65862322"] {
  --media-object-fit: contain;
  --media-ratio: auto;
  --media-object-position: bottom center;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa53d5616c6_65862322"] {
    --widget-width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa53d5616c6_65862322"] {
    --widget-width: 100%;
  }
}

[data-ukey="_67dfa3f664b1b0_04197668"] {
  --col-bg-color: darkred;
  --col-is-overlay: 1;
  --col-bg-type: image;
  --col-border-radius: 20px;
  --col-overflow: hidden;
  --col-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/59/5r/zi.webp);
  --col-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/59/5r/zi.webp);
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa3f664b1b0_04197668"] {
    --col-vertical-align: space-between;
    --col-gap: 16px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa3f664b1b0_04197668"] {
    --col-vertical-align: space-between;
    --col-gap: 28px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa3f66c1d12_59730070"] {
    --widget-padding-top: 36px;
    --widget-padding-left: 36px;
    --widget-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa3f66c1d12_59730070"] {
    --widget-padding-top: 48px;
    --widget-padding-left: 48px;
    --widget-padding-right: 48px;
  }
}

[data-ukey="_67dfa56dd5b548_79464965"] {
  --media-object-fit: contain;
  --media-ratio: auto;
  --media-object-position: bottom center;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa56dd5b548_79464965"] {
    --widget-width: 100%;
    --widget-padding-left: 36px;
    --widget-padding-bottom: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa56dd5b548_79464965"] {
    --widget-width: 100%;
    --widget-padding-left: 48px;
    --widget-padding-bottom: 48px;
  }
}

[data-ukey="_67dfa3f66c1620_56256254"] {
  --col-bg-color: var(--color-brand-subtlest);
  --col-border-radius: 20px;
  --col-overflow: hidden;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa3f66c1620_56256254"] {
    --col-vertical-align: space-between;
    --col-gap: 16px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa3f66c1620_56256254"] {
    --col-vertical-align: space-between;
    --col-gap: 28px;
  }
}

[data-ukey="_67dfa3f6747165_78453038"] {
  --widget-z-index: 2;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa3f6747165_78453038"] {
    --widget-padding-top: 36px;
    --widget-padding-left: 36px;
    --widget-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa3f6747165_78453038"] {
    --widget-padding-top: 48px;
    --widget-padding-left: 48px;
    --widget-padding-right: 48px;
  }
}

[data-ukey="_67dfa6741858a3_72712109"] {
  --media-object-fit: contain;
  --media-ratio: auto;
  --media-object-position: bottom center;
  --widget-z-index: 1;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa6741858a3_72712109"] {
    --widget-width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa6741858a3_72712109"] {
    --widget-width: 100%;
  }
}

[data-ukey="_67dfa3f6746902_22198705"] {
  --col-bg-color: #0f0f0f;
  --col-border-radius: 20px;
  --col-overflow: hidden;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa3f6746902_22198705"] {
    --col-vertical-align: space-between;
    --col-gap: 16px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa3f6746902_22198705"] {
    --col-vertical-align: space-between;
    --col-gap: 28px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa7c1e6cb93_86997862"] {
    --widget-padding-bottom: 6px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa7c1e6cb93_86997862"] {
    --widget-padding-bottom: 12px;
  }
}

[data-ukey="_67dfac9b9de322_03618163"] {
  --element-bullet-list-align: start;
  --bullet-media-margin-top: 2px;
  --icon-name: check-square;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfac9b9de322_03618163"] {
    --bullet-icon-size: 20px;
    --element-bullet-list-gap: 12px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfac9b9de322_03618163"] {
    --bullet-icon-size: 20px;
    --element-bullet-list-gap: 12px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa7c1e6c5f8_31275878"] {
    --col-gap: 12px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa7c1e6c5f8_31275878"] {
    --col-span: 5;
    --col-gap: 20px;
  }
}

[data-ukey="_67dfa7c1eed324_60903578"] {
  --media-object-fit: contain;
  --media-ratio: auto;
  --media-object-position: center center;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa7c1eed324_60903578"] {
    --widget-width: 100%;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa7c1eed324_60903578"] {
    --widget-width: 100%;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa7c1eec9c2_83889307"] {
    --col-padding-left: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa7c1eec9c2_83889307"] {
    --col-span: 7;
    --col-padding-left: 100px;
  }
}

[data-ukey="_67dfa7c1e6a884_82372674"] {
  --row-id: show-animation-section;
  --row-bg-color: #FAF3E6;
  --row-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa7c1e6a884_82372674"] {
    --row-padding-top: 36px;
    --row-padding-bottom: 20px;
    --row-padding-left: 36px;
    --row-padding-right: 36px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa7c1e6a884_82372674"] {
    --row-span: 4;
    --row-padding-top: 48px;
    --row-padding-bottom: 24px;
    --row-padding-left: 48px;
    --row-padding-right: 48px;
  }
}

[data-ukey="_67de0fe02710e1_00043478"] {
  --section-id: features;
}

[data-ukey="_67dfaa67967596_78262210"] {
  --card-border-radius: 0px;
  --bg-color: transparent;
  --description-typo-style: typo_paragraph_feature_grid;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfaa67967596_78262210"] {
    --card-padding: 0px;
    --card-info-heading-gap: 8px;
    --layout-grid-cols: 2;
    --layout-grid-gap-x: 24px;
    --layout-grid-gap-y: 32px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfaa67967596_78262210"] {
    --card-padding: 0px;
    --card-info-heading-gap: 8px;
    --layout-grid-cols: 3;
    --layout-grid-gap-x: 56px;
    --layout-grid-gap-y: 56px;
  }
}

[data-ukey="_67dfa9e379eb56_49698653"] {
  --section-id: feature-grid;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfa9e379eb56_49698653"] {
    --section-padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfa9e379eb56_49698653"] {
    --section-padding-top: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfdf54764430_38719349"] {
    --col-span: 7;
  }
}

[data-ukey="_67dfdf548315b2_95487111"] {
  --size: small;
}

[data-ukey="_67dfdf548315b2_95487111"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfdf547f3439_87170021"] {
    --col-vertical-align: start;
    --col-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfdf547f3439_87170021"] {
    --col-vertical-align: end;
    --col-span: 5;
    --col-padding-top: 8px;
    --col-gap: 24px;
  }
}

[data-ukey="_67dfe11f363072_75911765"] {
  --media-border-radius: 4px;
  --media-ratio: auto;
  --bg-color: transparent;
}
@media (max-width: 1023px) {
  [data-ukey="_67dfe11f363072_75911765"] {
    --layout-grid-overflow-x-item-width: 320px;
    --layout-grid-cols: 1;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dfe11f363072_75911765"] {
    --layout-grid-overflow-x-item-width: 480px;
    --layout-grid-cols: 3;
  }
}

[data-ukey="_67dfdf54762297_88543087"] {
  --section-bg-color: var(--color-neutral-subtlest);
  --section-id: demo;
}

[data-ukey="_67e107b09a90e4_16705174"] {
  --is-show-content: 1;
  --card-info-distribute: center;
  --card-info-alignment: start;
  --description-typo-style: typo_paragraph_large;
  --media-ratio: 1 / 1;
  --media-border-radius: 50%;
}
@media (max-width: 1023px) {
  [data-ukey="_67e107b09a90e4_16705174"] {
    --card-media-basis: 200px;
    --card-gap: 2rem;
    --card-info-heading-gap: 2rem;
    --card-direction: column;
    --media-width: 200px;
    --media-height: 200px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e107b09a90e4_16705174"] {
    --card-media-basis: 300px;
    --card-gap: 3rem;
    --card-info-heading-gap: 2rem;
    --card-direction: row;
    --media-width: auto;
    --media-height: auto;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e107b09a6a33_85189400"] {
    --section-container-max-width: 1080px;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_67e107b09a6a33_85189400"] {
    --section-container-max-width: 1200px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e141f0954b67_59186330"] {
    --col-span: 7;
  }
}

[data-ukey="_67e141f0a1cb84_89531019"] {
  --size: small;
}

[data-ukey="_67e141f0a1cb84_89531019"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (max-width: 1023px) {
  [data-ukey="_67e141f09dd446_49301657"] {
    --col-gap: 20px;
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e141f09dd446_49301657"] {
    --col-span: 5;
    --col-padding-top: 8px;
    --col-gap: 24px;
    --col-vertical-align: end;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6810db6d28b861_05367468"] {
    --gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6810db6d28b861_05367468"] {
    --gap: 20px;
  }
}

[data-ukey="_6810db6d2d2439_62354731"] {
  --icon-name: check-square;
}

[data-ukey="_6810db6d289b67_68736981"] {
  --col-bg-color: var(--color-white);
  --col-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_6810db6d289b67_68736981"] {
    --col-gap: 20px;
    --col-padding-top: 32px;
    --col-padding-bottom: 32px;
    --col-padding-left: 32px;
    --col-padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6810db6d289b67_68736981"] {
    --col-span: 4;
    --col-gap: 20px;
    --col-padding-top: 40px;
    --col-padding-bottom: 40px;
    --col-padding-left: 40px;
    --col-padding-right: 40px;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_6810db6d289b67_68736981"] {
    --col-span: 3;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e1479cec7ee5_17616340"] {
    --gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e1479cec7ee5_17616340"] {
    --gap: 20px;
  }
}

[data-ukey="_67e1488f727cf6_82402404"] {
  --icon-name: check-square;
}
@media (max-width: 1023px) {
  [data-ukey="_6811eab7272374_27490954"] {
    --gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6811eab7272374_27490954"] {
    --gap: 20px;
  }
}

[data-ukey="_67e144ca9d9fb8_62219549"] {
  --col-bg-color: var(--color-white);
  --col-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_67e144ca9d9fb8_62219549"] {
    --col-gap: 20px;
    --col-padding-top: 32px;
    --col-padding-bottom: 32px;
    --col-padding-left: 32px;
    --col-padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e144ca9d9fb8_62219549"] {
    --col-span: 4;
    --col-gap: 20px;
    --col-padding-top: 40px;
    --col-padding-bottom: 40px;
    --col-padding-left: 40px;
    --col-padding-right: 40px;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_67e144ca9d9fb8_62219549"] {
    --col-span: 3;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6816f27997eeb4_41042073"] {
    --gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6816f27997eeb4_41042073"] {
    --gap: 20px;
  }
}

[data-ukey="_6816f2799c5940_24783802"] {
  --icon-name: check-square;
}
@media (max-width: 1023px) {
  [data-ukey="_681ae0aa9051c1_19671741"] {
    --gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681ae0aa9051c1_19671741"] {
    --gap: 20px;
  }
}

[data-ukey="_67e144ca9d8439_57194917"] {
  --row-id: pricing-row;
}
@media (max-width: 1023px) {
  [data-ukey="_67e144ca9d8439_57194917"] {
    --row-gap: 24px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e144ca9d8439_57194917"] {
    --row-gap: 32px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_681ae1a1100610_38236098"] {
    --gap: 10px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681ae1a1100610_38236098"] {
    --gap: 10px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_681ae1a10be4b2_03359613"] {
    --col-span: 12;
    --col-gap: 20px;
    --col-padding-top: 32px;
    --col-padding-bottom: 32px;
    --col-padding-left: 32px;
    --col-padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681ae1a10be4b2_03359613"] {
    --col-span: 6;
    --col-gap: 36px;
    --col-padding-top: 60px;
    --col-padding-bottom: 60px;
    --col-padding-left: 40px;
    --col-padding-right: 40px;
  }
}

[data-ukey="_67e141f09527f5_57724668"] {
  --section-id: pricing;
  --section-bg-color: var(--color-neutral-subtlest);
}
@media (max-width: 1023px) {
  [data-ukey="_67e14d92bf3c37_10042206"] {
    --alignment: center;
    --gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e14d92bf3c37_10042206"] {
    --alignment: center;
    --widget-max-width: 60rem;
    --gap: 2.5rem;
  }
}

[data-ukey="_67e151aab28b31_99502806"] {
  --size: large;
}
@media (max-width: 1023px) {
  [data-ukey="_67e151aab28b31_99502806"] {
    --element-button-group-direction: column;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e151aab28b31_99502806"] {
    --element-button-group-direction: row;
  }
}

[data-ukey="_67e151aab28b31_99502806"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (max-width: 1023px) {
  [data-ukey="_67e14d92bf3823_17650874"] {
    --col-horizontal-align: center;
    --col-gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e14d92bf3823_17650874"] {
    --col-horizontal-align: center;
    --col-gap: 2.4rem;
  }
}

[data-ukey="_67e2993c729fd7_74197426"] {
  --col-bg-type: image;
  --col-border-color: black;
  --col-bg-color: black;
  --col-overflow: hidden;
  --col-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/ii/60/kx.webp);
  --col-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/ii/60/kx.webp);
}
@media (max-width: 1023px) {
  [data-ukey="_67e2993c729fd7_74197426"] {
    --col-border-width: 8px;
    --col-border-radius: 12px;
    --col-padding-top: 20px;
    --col-padding-bottom: 20px;
    --col-padding-left: 20px;
    --col-padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e2993c729fd7_74197426"] {
    --col-border-width: 16px;
    --col-border-radius: 24px;
    --col-padding-top: 80px;
    --col-padding-bottom: 80px;
    --col-padding-left: 60px;
    --col-padding-right: 60px;
  }
}

[data-ukey="_67e14d92bf17a7_58684845"] {
  --section-bg-color: var(--color-neutral-boldest);
}
@media (max-width: 1023px) {
  [data-ukey="_67e14d92bf17a7_58684845"] {
    --section-padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e14d92bf17a7_58684845"] {
    --section-padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6808d438eb1c78_88619462"] {
    --col-span: 7;
  }
}

[data-ukey="_6809e18f0ca192_21129542"] {
  --size: medium;
}
@media (max-width: 1023px) {
  [data-ukey="_6809e18f0ca192_21129542"] {
    --element-button-group-direction: column;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6809e18f0ca192_21129542"] {
    --element-button-group-direction: row;
  }
}

[data-ukey="_6809e18f0ca192_21129542"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (max-width: 1023px) {
  [data-ukey="_6808d438f28193_95164273"] {
    --col-gap: 20px;
    --col-horizontal-align: start;
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6808d438f28193_95164273"] {
    --col-span: 5;
    --col-padding-top: 8px;
    --col-gap: 24px;
    --col-horizontal-align: end;
    --col-vertical-align: end;
  }
}

[data-ukey="_6808d4390a2436_92189921"] {
  --media-object-fit: contain;
  --media-ratio: auto;
}
@media (max-width: 1023px) {
  [data-ukey="_6808d4390a1ea2_71305440"] {
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6808d4390a1ea2_71305440"] {
    --col-vertical-align: start;
  }
}

[data-ukey="_6808d439116044_78747585"] {
  --list-tab-border-bottom-width: 1px;
  --border-color: var(--color-neutral);
  --bg-color: transparent;
}
@media (max-width: 1023px) {
  [data-ukey="_6808d439115830_01718865"] {
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6808d439115830_01718865"] {
    --col-vertical-align: start;
  }
}

[data-ukey="_6808d4390a13d5_81318231"] {
  --row-bg-color: var(--color-neutral-subtlest);
  --row-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_6808d4390a13d5_81318231"] {
    --row-gap: 20px;
    --row-padding-top: 24px;
    --row-padding-bottom: 24px;
    --row-padding-left: 24px;
    --row-padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6808d4390a13d5_81318231"] {
    --row-gap: 60px;
    --row-padding-top: 48px;
    --row-padding-bottom: 48px;
    --row-padding-left: 48px;
    --row-padding-right: 48px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_682f26cdc8de74_11477731"] {
    --col-span: 7;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67ecd7db678da5_47364839"] {
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67ecd7db678da5_47364839"] {
    --alignment: center;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67ecc273dc4b89_69117432"] {
    --widget-align-self: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67ecc273dc4b89_69117432"] {
    --widget-align-self: center;
  }
}

[data-ukey="_67ecc273dc4b89_69117432"] .buttongroup-button-0 {
  --is-modal-popup: 1;
  --modal-size: medium;
  --modal-id-section: consult-form-x;
}
@media (max-width: 1023px) {
  [data-ukey="_67ecc273cb65e6_11288037"] {
    --section-height: 64svh;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67ecc273cb65e6_11288037"] {
    --section-height: 68svh;
  }
}
@media (min-width: 320px) and (max-width: 1023px) {
  [data-ukey="_68104f5cc8ad14_60092344"] {
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68104f5cc8ad14_60092344"] {
    --alignment: left;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_68104f5cc89434_63463041"] {
    --col-span: 6;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68104f5cc89434_63463041"] {
    --col-span: 6;
  }
}

[data-ukey="_67e68970c4ba50_04726039"] {
  --label-typo-style: typo_paragraph_medium;
  --input-typo-style: typo_paragraph_medium;
  --hint-typo-style: typo_paragraph_medium;
  --modal-title-typo-style: typo_heading_medium_bold;
  --modal-description-typo-style: typo_paragraph_large;
  --input-bg-color: var(--color-white);
  --input-border-color: var(--color-neutral);
  --input-text-color: var(--color-neutral-boldest);
  --input-focus-color: var(--color-brand-subtle);
}
@media (max-width: 1023px) {
  [data-ukey="_67e68970c4ba50_04726039"] {
    --widget-max-width: 360px;
    --widget-padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e68970c4ba50_04726039"] {
    --widget-max-width: 480px;
    --widget-padding-top: 20px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e68970c4b660_32440233"] {
    --col-horizontal-align: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e68970c4b660_32440233"] {
    --col-horizontal-align: center;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6826a0b9310924_19409847"] {
    --col-span: 8;
  }
}

[data-ukey="_6826a0b938ed21_57359861"] {
  --size: small;
}

[data-ukey="_6826a0b938ed21_57359861"] .buttongroup-button-0 {
  --icon-left: arrow-up-right;
}
@media (max-width: 1023px) {
  [data-ukey="_6826a0b938e2d0_13649610"] {
    --col-span: 4;
    --col-horizontal-align: end;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6826a0b938e2d0_13649610"] {
    --col-horizontal-align: end;
  }
}

[data-ukey="_6826a0b93102e3_63467107"] {
  --row-gap: 12px;
}

[data-ukey="_6826a0b9450389_16275614"] {
  --card-ratio: 4 / 7;
  --card-border-radius: 20px;
  --description-typo-style: typo_heading_small_bold;
  --button-size: medium;
  --is-overlay-gradient: 1;
  --overlay-bg-color-from: #00000000;
  --overlay-bg-color-to: #00000055;
  --overlay-bg-color-from-stop: 50%;
  --overlay-bg-color-to-stop: 100%;
}
@media (max-width: 1023px) {
  [data-ukey="_6826a0b9450389_16275614"] {
    --card-padding: 28px;
    --arrows-offset-y: -60px;
    --arrows-offset-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6826a0b9450389_16275614"] {
    --card-padding: 44px;
    --arrows-offset-y: -72px;
    --arrows-offset-x: 0px;
  }
}

[data-ukey="_681e1c12b8f662_80054690"] {
  --element-picture-border-radius: 8px;
}
@media (min-width: 1024px) {
  [data-ukey="_681e1c12b8f662_80054690"] {
    --arrows-offset-x: 2rem;
  }
}

[data-ukey="_681e1c12b8e801_91645293"] {
  --section-container-max-width: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_681e1c12b8e801_91645293"] {
    --section-container-padding-x: 0rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681e1c12b8e801_91645293"] {
    --section-container-padding-x: 0rem;
  }
}

[data-ukey="_681e1c12c8e361_95496436"] {
  --card-ratio: 4 / 7;
  --card-border-radius: 20px;
  --description-typo-style: typo_heading_small_bold;
  --button-size: medium;
  --is-overlay-gradient: 1;
  --overlay-bg-color-from: #00000000;
  --overlay-bg-color-to: #00000055;
  --overlay-bg-color-from-stop: 50%;
  --overlay-bg-color-to-stop: 100%;
}
@media (max-width: 1023px) {
  [data-ukey="_681e1c12c8e361_95496436"] {
    --card-padding: 28px;
    --arrows-offset-y: -60px;
    --arrows-offset-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_681e1c12c8e361_95496436"] {
    --card-padding: 44px;
    --arrows-offset-y: -72px;
    --arrows-offset-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_682d18b56e4132_85987366"] {
    --col-span: 7;
  }
}

[data-ukey="_682d18b57a2002_87456668"] {
  --blog-number: 3;
  --element-picture-border-radius: 20px;
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_682d18b57a2002_87456668"] {
    --layout-grid-overflow-x-item-width: 320px;
    --card-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_682d18b57a2002_87456668"] {
    --layout-grid-overflow-x-item-width: 440px;
    --card-gap: 28px;
    --card-info-heading-gap: 16px;
  }
}

[data-ukey="_682d18b57a2002_87456668"] .element-blog-list {
  --blog-number: 3;
  --element-picture-border-radius: 20px;
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_682d18b57a2002_87456668"] .element-blog-list {
    --layout-grid-overflow-x-item-width: 320px;
    --card-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_682d18b57a2002_87456668"] .element-blog-list {
    --layout-grid-overflow-x-item-width: 440px;
    --card-gap: 28px;
    --card-info-heading-gap: 16px;
  }
}

[data-ukey="_68063d9d8cd1f8_67731335"] {
  --media-object-fit: contain;
  --media-ratio: auto;
}
@media (max-width: 1023px) {
  [data-ukey="_68063d9d8cd1f8_67731335"] {
    --widget-width: 64px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68063d9d8cd1f8_67731335"] {
    --widget-width: 72px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_68062ad016af11_44296279"] {
    --widget-max-width: 360px;
    --alignment: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68062ad016af11_44296279"] {
    --widget-max-width: 480px;
    --alignment: center;
  }
}

[data-ukey="_68063a77518821_96302572"] {
  --size: small;
}
@media (max-width: 1023px) {
  [data-ukey="_68062ad016ab55_52866910"] {
    --col-horizontal-align: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68062ad016ab55_52866910"] {
    --col-horizontal-align: center;
  }
}

[data-ukey="_68062acff24ea3_30484587"] {
  --blog-number: 12;
}

[data-ukey="_68062acff24ea3_30484587"] .element-blog-list {
  --blog-number: 12;
}

[data-ukey="_68062acff24ea3_30484587"] .element-product-list {
  --blog-number: 12;
}

[data-ukey="_68062acff24ea3_30484587"] .element-category-list {
  --blog-number: 12;
}

[data-ukey="_67dd21c00791a9_48136750"] {
  --template: brand-center;
  --color-drawer-scheme: color-scheme-main;
  --drawer-parent-typo-style: typo_paragraph_medium_bold;
  --drawer-parent-link-variant: accent;
  --drawer-child-typo-style: typo_paragraph_medium_bold;
  --drawer-child-link-variant: default;
  --drawer-content-padding-top: 1.5rem;
  --drawer-link-padding-top: 15px;
  --drawer-link-padding-left: 0px;
  --menu-item-typo-style: typo_paragraph_medium_bold;
  --menu-item-link-variant: default;
  --menu-mega-media-ratio: 3 / 2;
  --link-hover-text-decoration: none;
}
@media (max-width: 1023px) {
  [data-ukey="_67dd21c00791a9_48136750"] {
    --widget-height: 64px;
    --drawer-picture-width: 32px;
    --brand-picture-width: 32px;
    --action-gap: 22px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd21c00791a9_48136750"] {
    --widget-height: 64px;
    --drawer-picture-width: 48px;
    --menu-list-gap: 28px;
    --nav-bar-col-gap: 44px;
    --brand-picture-width: 40px;
    --action-gap: 28px;
  }
}

[data-ukey="_67dd21c0078234_17421724"] {
  --section-bg-color: #ffffffcc;
  --section-backdrop-filter-blur: 20px;
  --section-border-bottom-width: 1px;
  --section-border-color: var(--color-neutral-subtle);
  --section-z-index: 10000;
}
@media (max-width: 1023px) {
  [data-ukey="_67dd21c0078234_17421724"] {
    --header-container-padding-x: 15px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67dd21c0078234_17421724"] {
    --header-container-padding-x: 40px;
  }
}

[data-ukey="_67e2b804632ed8_27601204"] {
  --media-object-fit: contain;
  --media-ratio: auto;
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b804632ed8_27601204"] {
    --widget-width: 64px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e2b804632ed8_27601204"] {
    --widget-width: 64px;
  }
}

[data-ukey="_67e2b62dc364b9_39866289"] {
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b62dc364b9_39866289"] {
    --list-direction: row;
    --list-gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e2b62dc364b9_39866289"] {
    --list-direction: row;
    --list-gap: 1.5rem;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b62dbbd346_50268216"] {
    --distribute: center;
    --gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e2b62dbbd346_50268216"] {
    --distribute: left;
    --gap: 1.5rem;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b62db77553_82243831"] {
    --col-gap: 20px;
    --col-horizontal-align: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e2b62db77553_82243831"] {
    --col-span: 5;
    --col-gap: 28px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b62ddd36b2_82562662"] {
    --text-align: center;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b62ddd2a42_93652368"] {
    --row-gap: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_67e2b62ddd2a42_93652368"] {
    --row-gap: 10px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e2b62ddd2a42_93652368"] {
    --row-gap: 10px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67e2b62db76848_45942778"] {
    --footer-padding-top: 60px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6836e2856f0070_51234993"] {
    --col-horizontal-align: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6836e2856f0070_51234993"] {
    --col-horizontal-align: center;
  }
}

[data-ukey="_6836e2856f08a9_62973603"] {
  --label-typo-style: typo_paragraph_medium;
  --input-typo-style: typo_paragraph_medium;
  --hint-typo-style: typo_paragraph_medium;
  --modal-title-typo-style: typo_heading_medium_bold;
  --modal-description-typo-style: typo_paragraph_large;
  --input-bg-color: var(--color-white);
  --input-border-color: var(--color-neutral);
  --input-text-color: var(--color-neutral-boldest);
  --input-focus-color: var(--color-brand-subtle);
}
@media (max-width: 1023px) {
  [data-ukey="_6836e2856f08a9_62973603"] {
    --widget-max-width: 360px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6836e2856f08a9_62973603"] {
    --widget-max-width: 480px;
  }
}

[data-ukey="_6836e28566b174_52936076"] {
  --alignment: left;
}

[data-ukey="_67e4e013c9a7a3_79495069"] {
  --share-button-variant: ghost;
  --heading-size: medium;
  --blog-alignment: center;
}
@media (max-width: 1023px) {
  [data-ukey="_67e4e013c9a7a3_79495069"] {
    --featured-image-ratio: 4 / 3;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e4e013c9a7a3_79495069"] {
    --featured-image-ratio: 4 / 3;
  }
}

[data-ukey="_67dd3b046192a5_93103372"] {
  --media-object-fit: contain;
  --media-ratio: 5 / 3;
}

[data-ukey="_67e29916f21b38_69223915"] {
  --media-object-fit: contain;
  --media-ratio: auto;
}
@media (min-width: 768px) and (max-width: 1023px) {
  [data-ukey="_6836e28566aca0_32485127"] {
    --col-span: 6;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6836e28566aca0_32485127"] {
    --col-span: 6;
  }
}

[data-ukey="_68485fb18b6269_29974722"] {
  --bg-color: transparent;
  --button-size: medium;
  --card-border-radius: 0px;
}
@media (max-width: 1023px) {
  [data-ukey="_68485fb18b6269_29974722"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485fb18b6269_29974722"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485fb18b5fb9_52289686"] {
    --col-span: 5;
  }
}

[data-ukey="_68485fb1917fb7_47949647"] {
  --bg-color: transparent;
  --button-size: medium;
  --card-border-radius: 0px;
}
@media (max-width: 1023px) {
  [data-ukey="_68485fb1917fb7_47949647"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485fb1917fb7_47949647"] {
    --layout-grid-cols: 3;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485fb1917bf2_96682314"] {
    --col-span: 7;
  }
}

[data-ukey="_68485858101655_56900282"] {
  --card-info-distribute: center;
  --bg-color: transparent;
  --button-size: medium;
  --card-border-radius: 0px;
}
@media (max-width: 1023px) {
  [data-ukey="_68485858101655_56900282"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485858101655_56900282"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}

[data-ukey="_68485ca547ead0_83552080"] {
  --bg-color: transparent;
  --button-size: medium;
  --card-border-radius: 0px;
}
@media (max-width: 1023px) {
  [data-ukey="_68485ca547ead0_83552080"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485ca547ead0_83552080"] {
    --layout-grid-cols: 3;
    --card-padding: 0px;
  }
}

[data-ukey="_6836e285669d99_77140601"] {
  --section-bg-color: var(--color-neutral-subtlest);
  --section-id: contact;
}

[data-ukey="_6848d523cfc254_41231081"] {
  --card-info-distribute: space-between;
  --card-info-alignment: start;
}
@media (max-width: 1023px) {
  [data-ukey="_6848d523cfc254_41231081"] {
    --layout-grid-cols: 1;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848d523cfc254_41231081"] {
    --layout-grid-cols: 1;
  }
}

[data-ukey="_68485858101166_42998538"] {
  --row-bg-color: var(--color-neutral-subtle);
  --row-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_68485858101166_42998538"] {
    --row-padding-top: 24px;
    --row-padding-left: 24px;
    --row-padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485858101166_42998538"] {
    --row-padding-top: 48px;
    --row-padding-left: 48px;
    --row-padding-right: 48px;
    --row-gap: 60px;
  }
}

[data-ukey="_6848e3ca56a157_60495736"] {
  --card-info-distribute: space-between;
  --card-info-alignment: start;
  --bg-color: transparent;
}
@media (max-width: 1023px) {
  [data-ukey="_6848e3ca56a157_60495736"] {
    --layout-grid-cols: 1;
    --layout-grid-gap-x: 4px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848e3ca56a157_60495736"] {
    --layout-grid-cols: 3;
    --layout-grid-gap-x: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_68485ca547e632_36753608"] {
    --col-span: 4;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6848e3ca569d52_26181004"] {
    --col-padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848e3ca569d52_26181004"] {
    --col-span: 8;
    --col-padding-bottom: 48px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6836e28566a757_79575935"] {
    --row-padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6836e28566a757_79575935"] {
    --row-padding-bottom: 80px;
  }
}

[data-ukey="_6848eb17756842_88442838"] {
  --bg-color: transparent;
  --button-size: medium;
  --card-border-radius: 0px;
}
@media (max-width: 1023px) {
  [data-ukey="_6848eb17756842_88442838"] {
    --layout-grid-cols: 1;
    --card-padding: 0px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb17756842_88442838"] {
    --layout-grid-cols: 3;
    --card-padding: 0px;
  }
}

[data-ukey="_6848eb17789f61_52791164"] {
  --card-info-distribute: space-between;
  --card-info-alignment: start;
}
@media (max-width: 1023px) {
  [data-ukey="_6848eb17789f61_52791164"] {
    --layout-grid-cols: 1;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb17789f61_52791164"] {
    --layout-grid-cols: 1;
  }
}

[data-ukey="_6848eb177bd766_73914527"] {
  --media-object-fit: contain;
  --media-ratio: 1 / 1;
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb17756521_95517432"] {
    --col-span: 4;
  }
}

[data-ukey="_6848eb17848e94_60840786"] {
  --card-info-distribute: space-between;
  --card-info-alignment: start;
  --bg-color: transparent;
}
@media (max-width: 1023px) {
  [data-ukey="_6848eb17848e94_60840786"] {
    --layout-grid-cols: 1;
    --layout-grid-gap-x: 4px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb17848e94_60840786"] {
    --layout-grid-cols: 3;
    --layout-grid-gap-x: 0px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6848eb1781ab41_77248419"] {
    --col-padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb1781ab41_77248419"] {
    --col-span: 8;
    --col-padding-bottom: 48px;
  }
}

[data-ukey="_67e68970c4ac44_88499945"] {
  --section-section-padding-top: 40px;
  --section-section-padding-bottom: 0px;
  --section-section-container-gap: 80px;
}
@media (max-width: 1023px) {
  [data-ukey="_67e68970c4b203_91992046"] {
    --row-padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67e68970c4b203_91992046"] {
    --row-padding-bottom: 80px;
  }
}

[data-ukey="_6848eb177560e0_56992181"] {
  --row-bg-color: var(--color-neutral-subtlest);
  --row-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_6848eb177560e0_56992181"] {
    --row-padding-top: 24px;
    --row-padding-left: 24px;
    --row-padding-right: 24px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb177560e0_56992181"] {
    --row-padding-top: 48px;
    --row-padding-left: 48px;
    --row-padding-right: 48px;
    --row-gap: 60px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6848e3ca591590_40016084"] {
    --gap: 4px;
    --alignment: left;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848e3ca591590_40016084"] {
    --widget-padding-top: 10px;
    --gap: 12px;
    --alignment: left;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_6848e3ca591590_40016084"] {
    --widget-padding-top: 48px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_6848eb1781af16_83648185"] {
    --gap: 4px;
    --alignment: left;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6848eb1781af16_83648185"] {
    --widget-padding-top: 10px;
    --gap: 12px;
    --alignment: left;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_6848eb1781af16_83648185"] {
    --widget-padding-top: 48px;
  }
}

[data-ukey="_6816f27997d092_57237218"] {
  --col-bg-color: var(--color-white);
  --col-overflow: hidden;
  --col-is-overlay: 1;
  --col-is-overlay-gradient: 1;
  --col-overlay-bg-color-from: #D1003133;
  --col-overlay-bg-color-to: #D1003100;
  --col-overlay-bg-color-from-stop: 0%;
  --col-overlay-bg-color-to-stop: 30%;
  --col-overlay-bg-deg: 33deg;
  --col-border-radius: 20px;
}
@media (max-width: 1023px) {
  [data-ukey="_6816f27997d092_57237218"] {
    --col-gap: 20px;
    --col-padding-top: 32px;
    --col-padding-bottom: 32px;
    --col-padding-left: 32px;
    --col-padding-right: 32px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6816f27997d092_57237218"] {
    --col-span: 4;
    --col-gap: 20px;
    --col-padding-top: 40px;
    --col-padding-bottom: 40px;
    --col-padding-left: 40px;
    --col-padding-right: 40px;
  }
}
@media (min-width: 1536px) {
  [data-ukey="_6816f27997d092_57237218"] {
    --col-span: 3;
  }
}

[data-ukey="_67e01cb7b9b762_52150659"] {
  --slider-bullets-active-bg-color: #fff;
}
@media (min-width: 1024px) {
  [data-ukey="_67e01cb7b9b762_52150659"] {
    --widget-height: 100%;
    --widget-padding-top: 48px;
  }
}
@media (max-width: 1023px) {
  [data-ukey="_67de2e18584052_55244775"] {
    --col-vertical-align: end;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_67de2e18584052_55244775"] {
    --col-span: 8;
    --col-vertical-align: end;
  }
}

[data-ukey="_684bdd42d32b41_85762819"] {
  --media-object-fit: container;
  --media-ratio: auto;
}

[data-ukey="_681ae1a10bc653_32937714"] {
  --row-vertical-align: space-between;
  --row-bg-color: var(--color-brand-bold);
  --row-bg-type: image;
  --row-overflow: hidden;
  --row-is-overlay: 1;
  --row-border-radius: 20px;
  --row-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/mb/ln/ql.webp);
  --row-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/mb/ln/ql.webp);
}

[data-ukey="_682f26cdd56f16_59301328"] {
  --blog-number: 10;
  --media-border-radius: 20px;
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_682f26cdd56f16_59301328"] {
    --layout-grid-overflow-x-item-width: 320px;
    --card-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_682f26cdd56f16_59301328"] {
    --layout-grid-overflow-x-item-width: 440px;
    --card-gap: 28px;
    --card-info-heading-gap: 16px;
  }
}

[data-ukey="_682f26cdd56f16_59301328"] .element-blog-list {
  --blog-number: 10;
  --media-border-radius: 20px;
  --link-variant: default;
}
@media (max-width: 1023px) {
  [data-ukey="_682f26cdd56f16_59301328"] .element-blog-list {
    --layout-grid-overflow-x-item-width: 320px;
    --card-gap: 20px;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_682f26cdd56f16_59301328"] .element-blog-list {
    --layout-grid-overflow-x-item-width: 440px;
    --card-gap: 28px;
    --card-info-heading-gap: 16px;
  }
}

[data-ukey="_6852a098a188e5_80128131"] {
  --size: medium;
}
@media (max-width: 1023px) {
  [data-ukey="_6852a098a188e5_80128131"] {
    --element-button-group-direction: column;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6852a098a188e5_80128131"] {
    --element-button-group-direction: row;
  }
}

[data-ukey="_6852a098a188e5_80128131"] .buttongroup-button-0 {
  --to: /blog;
}

[data-ukey="_67e4e013b22c50_14031434"] {
  --blog-number: 9;
  --is-show-pagination: 1;
}

[data-ukey="_67e4e013b22c50_14031434"] .element-blog-list {
  --blog-number: 9;
  --is-show-pagination: 1;
}

[data-ukey="_6852a108f05ee3_26428796"] {
  --size: medium;
}
@media (max-width: 1023px) {
  [data-ukey="_6852a108f05ee3_26428796"] {
    --element-button-group-direction: column;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6852a108f05ee3_26428796"] {
    --element-button-group-direction: row;
  }
}

[data-ukey="_6852a108f05ee3_26428796"] .buttongroup-button-0 {
  --to: /blog;
}

[data-ukey="_6848e40ebf2b48_24902692"] {
  --media-object-fit: contain;
  --media-ratio: 1 / 1;
}
@media (max-width: 1023px) {
  [data-ukey="_6852a108f05ac6_26815940"] {
    --col-gap: 20px;
    --col-horizontal-align: start;
    --col-vertical-align: start;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6852a108f05ac6_26815940"] {
    --col-span: 5;
    --col-padding-top: 8px;
    --col-gap: 24px;
    --col-horizontal-align: end;
    --col-vertical-align: end;
  }
}

[data-ukey="_67e2b62db76f14_44058609"] {
  --row-bg-type: image;
  --row-bg-size: contain;
  --row-bg-repeat: no-repeat;
  --row-bg-position: right center;
  --row-bg-image: url(https://gn.lnwfile.com/_webp_max_images/2048/2048/p5/xs/b5.webp);
  --row-bg-image-mobile: url(https://gn.lnwfile.com/_webp_max_images/600/600/ic/cb/pz.webp);
}

[data-ukey="_6863e8f1d7ee59_76285425"] {
  --media-object-fit: contain;
  --media-ratio: 5 / 3;
}
@media (max-width: 1023px) {
  [data-ukey="_6863e8f1d7ea76_26461258"] {
    --col-horizontal-align: center;
  }
}
@media (min-width: 1024px) {
  [data-ukey="_6863e8f1d7ea76_26461258"] {
    --col-span: 7;
  }
}
:root {
    --arrows-offset-x: 0px;
}
.element-modal .modal-container {
  border-radius: 15px;
}
.modal-container.medium {
  max-width: 600px;
  padding: 0;
  overflow: hidden;
}
.modal-container .container {
  padding: 40px 60px;
  gap: 20px;
}
.modal-container .modal-close-button {
  border-radius: 50%;
  right: 0;
  top: 0;
  transform: scale(0.5);
  z-index: 2;
}
.modal-container .container button[type="submit"] {
  width: 100%;
}
.modal-body .section{
  padding: 0px !important;
}
.modal-container .hint-text{
  font-size: 0.9em;
  opacity: 0.7;
}
.form-render {
  display:block !important;
}
.form-render > * {
  margin-top: 20px;
}
.form-field-group[form-field-key="mobile"],
.form-field-group[form-field-key="email"]{
  display:inline-flex;
  width: calc(50% - 10px);
}
.form-field-group[form-field-key="email"] {
  margin-left: 20px;
}
.input-text::placeholder {
  color: var(--caption-text-color) !important;
}
.animaton-section-desc-text{
  opacity: 0.8;
}
#feature-grid .video-wrapper {
  width: 120px;
  margin-left: -20px;
}
@media screen and (max-width: 768px) {
  .header .container {
    padding-left: 14px;
  }
  .mobileHidden {
    display:none;
  }
  .carousel-arrow-button {
    display: none;
  }
  .header .container {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 1024px) {
  #feature-grid .video-wrapper {
    margin-left: -30px;
    overflow: visible;
  }
  #feature-grid .media-video.overflow-hidden,
  #feature-grid .card-media-wrapper{
    overflow: visible;
  }
  .widget-blog-detail {
    --wrapper-padding-y : 0;
  }
}
@media screen and (min-width: 1620px) {
  #pricing-row > .col {
      grid-column: span 4 / span 4
  }
}