/*!
Theme Name: Sparkle FSE
Theme URI: https://sparklewpthemes.com/wordpress-themes/sparkle-fse-full-site-editing-wordpress-theme/
Author: sparklewpthemes
Author URI: https://sparklewpthemes.com
Description: Sparkle FSE is a modern block-based theme where you can build your own unique-looking website by using WordPress Blocks Editor. Sparkle FSE is a multipurpose block-based free WordPress theme, the theme is built in accordance with Full Site Editing features introduced in WordPress 5.9, which means that all the aspects including colors, typography, and the layout of every single page on your site can be customized to suit your need.
Version: 1.0.4
Requires at least: 5.9
Tested up to: 6.1.1
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: sparkle-fse
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

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

Sparkle FSE is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
/**
 * We get values from WordPress core block css.
 *
 */
html,body{
	max-width: 100vw;
	/* overflow-x: hidden;*/
}
:root {
  --wp--custom--core-button--spacing--padding--left: 40px;
  --wp--custom--core-button--spacing--padding--right: 40px;
  --wp--custom--core-button--spacing--padding--top: 10px;
  --wp--custom--core-button--spacing--padding--bottom: 10px;
  --wp--custom--core-button--color: #fff;
  --wp--custom--core-button--color--background: #ce9e51;
  --wp--custom--core-button--color-hover: #fff;
  --wp--custom--core-button--color--background-hover: #0f1214;
  --wp--custom--core-button--box-sizing: border-box;
  --wp--custom--core-button--word-break: border-box;
  --wp--custom--core-button--text-align: center;
  --wp--custom--core-button--border-radius--top-left: 0;
  --wp--custom--core-button--border-radius--top-right: 0;
  --wp--custom--core-button--border-radius--bottom-left: 0;
  --wp--custom--core-button--border-radius--bottom-right: 0;
  --wp--custom--core-button--typography--font-size: 15px;
  --wp--custom--core-button--typography--font-weight: 500;
  --wp--custom--core-button--line-height: 1.7;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

header a,
footer a {
  text-decoration: none;
}

/* -------------------------------------------------------- */
/* ---// Links Style
-------------------------------------------------------- */
a {
  outline: 0;
  text-decoration: none;
}

.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}

.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}

a:focus-visible,
a:focus {
  outline: 1px dotted;
  text-decoration: underline !important;
}

a:hover,
a:active,
a:hover {
  outline: none;
  color: var(--wp--preset--color--primary);
}

h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited,
.wp-block-post-title a,
.wp-block-post-title a:visited {
  position: relative;
  display: inline;
  background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
  background: -webkit-linear-gradient(left, currentColor 0%, currentColor 100%);
  background: -o-linear-gradient(left, currentColor 0%, currentColor 100%);
  background: linear-gradient(to right, currentColor 0%, currentColor 100%);
  background-size: 0 2px;
  background-position: 0 95%;
  -webkit-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -o-transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  padding: 0 0 5px 0;
  background-repeat: no-repeat;
  display: initial;
}

h1 a:active,
h1 a:hover,
h1 a:focus,
h2 a:active,
h2 a:hover,
h2 a:focus,
h3 a:active,
h3 a:hover,
h3 a:focus,
h4 a:active,
h4 a:hover,
h4 a:focus,
h5 a:active,
h5 a:hover,
h5 a:focus,
h6 a:active,
h6 a:hover,
h6 a:focus,
.wp-block-post-title a:active,
.wp-block-post-title a:hover,
.wp-block-post-title a:focus {
  background-size: 100% 2px;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--normal);
  width: 100%;
  background: var(--wp--preset--color--input-field);
  border: 1px solid transparent;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: none;
  outline: none;
  border: 1px solid var(--wp--preset--color--primary);
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px;
}

.hidden{
	display:none !important;
}

input[type="checkbox"] {
  display: inline;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
}

table {
  border-spacing: 0;
  border: 1px solid var(--wp--preset--color--border);
}

table td,
table th {
  border: 1px solid var(--wp--preset--color--border);
  padding: 15px;
}

.wp-block-preformatted {
  background-color: var(--wp--preset--color--background-secondary);
  box-sizing: border-box;
  font-family: 'Courier Prime', monospace;
  overflow: auto;
  word-wrap: break-word;
  padding: 60px;
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--background-secondary);
  border-color: var(--wp--preset--color--primary);
}

.wp-block-quote p {
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--medium);
  font-style: italic;
  margin-top: 0;
}

.wp-block-quote:before {
  color: var(--wp--preset--color--primary);
  content: "\201C";
  font-family: Georgia;
  font-size: 5.25rem;
  line-height: 0;
  height: auto;
  display: block;
}

.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
  padding: 80px 50px 50px;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: var(--wp--preset--color--background-secondary);
  border: 1px solid transparent;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: none;
  outline: none;
  border: 1px solid var(--wp--preset--color--primary);
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px;
}

input[type="checkbox"] {
  display: inline;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
}

hr {
  background-color: var(--wp--preset--color--border);
  border-width: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
  text-decoration: none;
  border-style: solid;
}

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
  opacity: 0.9;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  text-decoration: none;
  border-style: solid;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid;
  text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border: 2px solid var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-fill .wp-block-button__link {
  border: 2px solid transparent;
  text-decoration: none;
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: var(--wp--preset--color--primary);
}

.wp-block-button__link:visited,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
input[type="button"],
button,
input[type="reset"],
input[type="submit"],
input[type=button],
input[type=reset],
input[type=submit],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: var(--wp--custom--core-button--color);
  background-color: var(--wp--custom--core-button--color--background);
  border-top-left-radius: var(--wp--custom--core-button--border-radius--top-left);
  border-top-right-radius: var(--wp--custom--core-button--border-radius--top-right);
  border-bottom-left-radius: var(--wp--custom--core-button--border-radius--bottom-left);
  border-bottom-right-radius: var(--wp--custom--core-button--border-radius--bottom-right);
  font-weight: var(--wp--custom--core-button--typography--font-weight);
  font-size: var(--wp--custom--core-button--typography--font-size);
  padding-left: var(--wp--custom--core-button--spacing--padding--left);
  padding-right: var(--wp--custom--core-button--spacing--padding--right);
  padding-top: var(--wp--custom--core-button--spacing--padding--top);
  padding-bottom: var(--wp--custom--core-button--spacing--padding--bottom);
  text-align: var(--wp--custom--core-button--text-align);
  word-break: var(--wp--custom--core-button--word-break);
  box-sizing: var(--wp--custom--core-button--box-sizing);
  line-height: var(--wp--custom--core-button--line-height);
  cursor: pointer;
}

.woocommerce ul.products li.product .onsale,
.wc-block-grid__product .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--primary);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--background);
  font-size: 14px;
  padding: 3px 12px;
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(89deg);
  z-index: 1;
  margin: 0;
  line-height: inherit;
  min-width: auto;
  min-height: auto;
}

.wp-block-button__link:visited:hover,
.wp-block-button__link:visited:focus,
.wp-block-button__link:visited:active,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
button:hover,
button:focus,
button:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
}

.wp-block-navigation .wp-block-navigation__responsive-container-open {
  padding: 5px;
  border: 1px solid #9292923b;
}

.wp-block-navigation ul li {
  font-weight: var(--wp--custom--typography--font-weight--medium);
}

.wp-block-navigation ul li a:hover,
.wp-block-navigation ul li a:focus,
.wp-block-navigation ul li a:active {
  color: var(--wp--preset--color--primary);
  outline: none;
}

.wp-block-navigation ul li.current-menu-item>a {
  color: var(--wp--preset--color--primary);
  outline: none;
}

.wp-block-navigation ul li .wp-block-navigation-submenu__toggle {
  background: none;
}

@media screen and (min-width: 600px) {
  .wp-block-navigation ul li ul {
    border: none !important;
    box-shadow: 0px 3px 15px 0px #0000000d;
    width: 220px;
  }

  .wp-block-navigation ul li ul:after {
    content: "";
    display: inline-block;
    background: transparent;
    width: 100%;
    height: 45px;
    position: absolute;
    top: -25px;
    left: 0;
  }

  .wp-block-navigation ul li ul li {
    border-bottom: 1px solid #9292923b;
  }

  .wp-block-navigation ul li ul li:last-child {
    border: none;
  }

  .wp-block-navigation ul li.open-on-click ul {
    top: 50px;
  }

  .wp-block-navigation ul li.open-on-hover-click ul {
    opacity: 0;
    visibility: hidden;
    border: none !important;
    box-shadow: 0px 3px 15px 0px #0000000d;
    width: 220px;
    transform: translateY(20px);
    pointer-events: none;
    max-height: none;
    z-index: 999;
    transition: transform .4s ease;
  }

  .wp-block-navigation ul li.open-on-hover-click:hover>ul,
  .wp-block-navigation ul li.open-on-hover-click:focus>ul,
  .wp-block-navigation ul li.open-on-hover-click:active>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    pointer-events: auto;
    transition: transform .4s ease;
  }
}

.sp-navigation,
.wp-block-navigation__container {
  position: relative;
  z-index: 13002;
}

@media screen and (max-width: 600px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    gap: 0 !important;
    border: 1px solid #9292923b;
    border-bottom: none;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 100%;
    gap: 0 !important;
    border: none !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #9292923b;
    padding: 7px 50px 7px 20px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
    display: block !important;
    margin-left: 15px;
    padding: 3px 10px;
    float: right;
    font-size: 19px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    width: 42px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
    stroke: currentColor;
    display: block;
    width: 30px;
    height: 13px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
    width: 100%;
    gap: 0;
    margin: 0;
    padding: 0;
    display: none;
    box-shadow: none;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
    padding-left: 35px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
    display: block;
    margin: 0;
    padding: 0;
  }

  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
    transition-timing-function: ease-in;
    transition: 0s;
    transform: translateX(130%);
    display: block;
  }

  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
    visibility: visible;
    transition-timing-function: ease-out;
    transition: .7s;
    transform: translateX(0);
    top: 0;
  }

  body.admin-bar .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
    top: 32px;
  }
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content {
  max-width: 600px;
  margin: 0 auto;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
  width: 100%;
  gap: 0 !important;
  border: 1px solid #9292923b;
  border-bottom: none;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
  width: 100%;
  gap: 0 !important;
  border: none !important;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #9292923b;
  padding: 15px 50px 15px 30px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
  display: block !important;
  margin-left: 50px;
  padding: 3px 10px;
  float: right;
  font-size: 19px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  height: 55px;
  width: 55px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
  stroke: currentColor;
  display: block;
  width: 30px;
  height: 13px;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
  width: 100%;
  gap: 0;
  margin: 0;
  padding: 0;
  transform: inherit;
  height: 0;
  visibility: hidden;
  box-shadow: none;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
  padding-left: 35px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
  margin: 0;
  padding: 0;
  height: 100%;
  visibility: visible;
}

.wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container {
  transition-timing-function: ease-in;
  transition: 0s;
  transform: translateY(-130%);
  display: block;
}

.wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container.is-menu-open {
  visibility: visible;
  transition-timing-function: ease-out;
  transition: .7s;
  transform: translateY(0);
  top: 0;
}

.wp-block-post-author {
  display: flex;
  align-items: center;
}

.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
  color: inherit;
  border: 1px solid var(--wp--preset--color--border);
  font-size: var(--wp--preset--font-size--normal);
  font-family: inherit;
  background: inherit;
  border-radius: 0;
}

.wp-block-post-comments input:not([type=submit]):active,
.wp-block-post-comments input:not([type=submit]):hover,
.wp-block-post-comments input:not([type=submit]):focus,
.wp-block-post-comments textarea:active,
.wp-block-post-comments textarea:hover,
.wp-block-post-comments textarea:focus {
  border: 1px solid var(--wp--preset--color--primary);
}

.wp-block-post-comments .depth-1 {
  border: 1px solid var(--wp--preset--color--border);
  padding: 50px 30px;
  margin: 50px 0;
}

.wp-block-post-comments .children li {
  border-top: 1px solid;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--wp--preset--color--border);
}

.wp-block-post-comments .children li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.wp-block-post-comments .comment-form p {
  margin-bottom: 25px;
}

.has-shadow-dark,
.has-no-hover-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
}

.has-shadow-dark:hover {
  box-shadow: 1px 4px 20px -2px #0003;
  transform: translateY(-8px);
}

.editor-styles-wrapper .has-shadow-dark:hover {
  transform: inherit;
}

.has-shadow-header {
  box-shadow: 0 10px 10px #0000000a;
  position: relative;
  z-index: 999;
}

.overlap-section {
  position: relative;
  z-index: 9;
}

@media screen and (min-width: 910px) {
  .no-submenu-triangle.wp-block-navigation ul ul::before {
    display: none;
  }
}

.dark-field input[type="text"],
.dark-field input[type="email"],
.dark-field input[type="url"],
.dark-field input[type="password"],
.dark-field input[type="search"],
.dark-field input[type="number"],
.dark-field input[type="tel"],
.dark-field input[type="range"],
.dark-field input[type="date"],
.dark-field input[type="month"],
.dark-field input[type="week"],
.dark-field input[type="time"],
.dark-field input[type="datetime"],
.dark-field input[type="datetime-local"],
.dark-field input[type="color"],
body .dark-field textarea,
.dark-field .wp-block-post-comments .comment-form textarea {
  background-color: #111;
  color: #fff;
}

.dark-field input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

.dark-field input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.dark-field input::-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.grayscale,
.grayscale img {
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  transition-duration: .4s;
}

.grayscale:hover,
.grayscale:focus,
.grayscale:active,
.grayscale img:hover,
.grayscale img:focus,
.grayscale img:active {
  opacity: 1;
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}

.wp-block-button.is-style-fill a.wp-block-button__link {
  border: none;
}

.image-zoom-hover {
  overflow: hidden;
}

.image-zoom-hover img {
  margin: 0;
  -webkit-transition: -webkit-transform 1s ease;
  -moz-transition: -moz-transform 1s ease;
  transition: transform 1s ease;
  vertical-align: middle;
  width: 100%;
}

.image-zoom-hover:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  font-size: 1rem;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a {
  position: relative;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a .wp-block-social-link-label {
  clip: inherit;
  height: auto;
  overflow: visible;
  clip-path: inherit;
  left: 35px;
  background: #fff;
  display: block;
  color: black;
  width: auto;
  padding: 3px 10px;
  line-height: initial;
  font-size: 14px;
  border-radius: 2px;
  opacity: 0;
  min-width: 100px;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a .wp-block-social-link-label::after {
  content: "";
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
  position: absolute;
  left: -5px;
  top: 5px;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a:hover .wp-block-social-link-label {
  visibility: visible;
  opacity: 1;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-block-social-link:hover {
  transform: scale(1);
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label {
  top: -30PX;
  left: 0;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  top: 21px;
  left: 5px;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .mobile-hide {
    display: none;
  }

  .mobile-alignleft {
    text-align: left;
  }

  .mobile-alignright {
    text-align: right;
  }

  .mobile-aligncenter {
    align-content: space-between;
    display: grid;
    gap: 10px 0;
    justify-content: center;
    justify-items: stretch;
    max-width: 100%;
    text-align: center;
    width: 100%;
  }

  .wp-block-social-link {
    margin: 0 3px;
  }
}

.transparent-header,
.block-editor-block-list__layout .transparent-header {
  background: linear-gradient(180deg, #00000063 50%, transparent);
  gap: 0;
  left: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.logged-in.admin-bar .transparent-header {
  top: 32px;
}

@media screen and (max-width: 910px) {

  .transparent-header,
  .block-editor-block-list__layout .transparent-header {
    position: inherit;
    background: #111;
  }
}

body .wp-block-group .no-margin {
  margin: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-margin-top {
  margin-top: 0;
}

body .wp-block-group .no-margin-bottom {
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-margin-left {
  margin-left: 0;
  margin-inline-start: 0;
}

body .wp-block-group .no-margin-right {
  margin-right: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-padding {
  padding: 0;
}

body .wp-block-group .no-padding-top {
  padding-top: 0;
}

body .wp-block-group .no-padding-bottom {
  padding-bottom: 0;
}

@media (max-width: 767px) {
  body .hide-on-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body .hide-on-tablet {
    display: none !important;
  }
}

@media (min-width: 1025px) {
  body .hide-on-desktop {
    display: none !important;
  }
}

.wp-site-blocks>*+* {
  margin: 0;
}

.editor-styles-wrapper a {
  text-decoration: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid;
}

.wp-block-button.is-style-fill .wp-block-button__link {
  border: 2px solid transparent;
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--background-secondary);
  border-color: var(--wp--preset--color--primary);
}

.wp-block-loginout a::before {
  content: "\f007";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "Font Awesome 5 Free";
  margin-right: 10px;
}

.wp-block-categories,
.wp-block-archives {
  list-style: none;
  padding: 0;
}

.wp-block-categories li a,
.wp-block-archives li a {
  display: inline-block;
  padding: 5px 0;
  text-decoration: inherit;
}

.wp-block-categories li a::before,
.wp-block-archives li a::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  margin-right: 8px;
}

.wp-block-categories li a::before {
  content: "\f017";
}

.wp-block-archives li a::before {
  content: "\f07b";
}

.editor-styles-wrapper .wp-block-categories ul,
.editor-styles-wrapper .wp-block-archives ul,
.editor-styles-wrapper .wp-block-page-list {
  list-style: none;
  padding: 0;
}

.taxonomy-category.wp-block-post-terms a,
.taxonomy-post_tag.wp-block-post-terms a,
.wp-block-tag-cloud a {
  border: 1px solid;
  display: inline-block;
  font-size: 14px !important;
  margin: 5px;
  padding: 2px 10px;
  text-decoration: inherit !important;
  border-radius: 2px;
}

span.wp-block-post-terms__separator {
  display: none;
}

.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author::before,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link::before,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  margin-right: 10px;
}

.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date::before {
  content: "\f017";
}

.wp-block-latest-posts li {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}

.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  vertical-align: middle;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
  font-size: 1rem;
  line-height: 1.5;
}

.wp-block-latest-posts li>a {
  font-weight: 600;
  display: block;
  padding-top: 5px;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date,
.wp-block-post-date {
  display: inline-block;
  margin-right: 10px;
}

.wp-block-latest-posts__post-author::before,
.wp-block-latest-posts__post-date::before,
.wp-block-post-date::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  margin-right: 10px;
}

.wp-block-latest-posts__post-author::before {
  content: "\f007";
}

.wp-block-latest-posts__post-date:before,
.wp-block-post-date:before {
  content: "\f017";
}

.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content.wp-block-post-content a:not(.wp-block-button__link) {
  text-decoration: inherit;
}

.wp-block-latest-comments {
  padding: 0;
}

a.wp-block-post-excerpt__more-link {
  font-weight: 600;
  margin-top: 5px;
  display: block;
}

a.wp-block-post-excerpt__more-link::after {
  content: "\f105";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "Font Awesome 5 Free";
  font-size: 13px;
  margin-left: 10px;
}

a.wp-block-post-excerpt__more-link+a.wp-block-post-excerpt__more-link::after,
a.wp-block-post-excerpt__more-link>a.wp-block-post-excerpt__more-link:after {
  display: none;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper {
  padding: 0;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
  cursor: pointer;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  border: 1px solid transparent;
  padding: 9px 25px;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 9px 0 9px 25px;
}

.wp-site-blocks .wp-block-search.transparent-field .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.transparent-field .wp-block-search__inside-wrapper .wp-block-search__input {
  background: transparent;
}

.wp-site-blocks .wp-block-search.field-light-color .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.field-light-color .wp-block-search__inside-wrapper .wp-block-search__input {
  color: #fff;
}

.wp-site-blocks .wp-block-search.wp-block-search__icon-button .wp-block-search__button,
.editor-styles-wrapper .wp-block-search.wp-block-search__icon-button .wp-block-search__button {
  padding: 9px 12px;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  z-index: 1;
  color: var(--wp--preset--color--background);
}

figure.wp-block-gallery {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-post-author {
  align-items: center;
}

.wp-block-post-author__avatar img {
  border-radius: 50%;
  vertical-align: middle;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  font-size: 18px;
  padding: 35px 15px 35px;
}

.wp-block-query-pagination {
  margin: 80px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--secondary-background);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white) !important;
}



/* elements
--------------------------------------------- */
.woocommerce ul.products li.product .price {
  color: inherit;
  font-size: 1.1rem;
}

.woocommerce ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product .price {
  color: inherit;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: inherit;
  font-size: 1.1rem;
}

.woocommerce .related.products h2 {
  margin-bottom: 20px;
}

.woocommerce h1.woocommerce-products-header__title.page-title {
  font-size: 2rem;
}

.woocommerce table.shop_attributes {
  border-spacing: 0;
  border: 1px solid;
}

.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
  border: 1px solid var(--wp--preset--color--border);
  padding: 15px;
}

.woocommerce .product_meta .posted_in {
  display: block;
  margin-top: 15px;
}

.woocommerce .product_meta .posted_in a {
  border: 1px solid var(--wp--preset--color--foreground);
  font-size: 0.9rem;
  padding: 5px 10px;
  margin: 0 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: inherit;
  margin: 0;
  border-radius: 0;
  border-color: inherit;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
  background-color: var(--wp--custom--core-button--color--background);
  color: #fff;
  border-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: inherit;
  padding: 10px 20px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 40px;
  border: 1px solid;
  margin-top: -1px;
}

.woocommerce span.onsale {
  background-color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 35px;
  display: block;
}

.woocommerce .woocommerce-pagination ul {
  border-color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-pagination ul li {
  border-right-color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-pagination ul li span,
.woocommerce .woocommerce-pagination ul li a {
  padding: 20px;
}

.woocommerce .woocommerce-pagination ul li a:focus,
.woocommerce .woocommerce-pagination ul li a:hover,
.woocommerce .woocommerce-pagination ul li span.current {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

.woocommerce .woocommerce-checkout .form-row {
  padding: 0;
  margin: 0 0 15px;
}

.woocommerce .woocommerce-checkout .form-row input.input-text,
.woocommerce .woocommerce-checkout .form-row textarea {
  line-height: normal;
  padding: 15px 25px;
  margin: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.4;
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 39px;
  width: 40px;
}

.woocommerce .woocommerce-checkout .select2-container .select2-selection--single {
  height: auto;
  border-radius: 0;
  background: var(--wp--preset--color--input-field);
  border: none;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row label {
  line-height: 1.75;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
  margin: 0 0 20px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table {
  border-right: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout .form-row .woocommerce-input-wrapper textarea {
  height: 150px;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
  color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover {
  color: var(--wp--preset--color--secondary);
}

.select2-dropdown {
  background-color: var(--wp--preset--color--background);
  border-radius: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
  background-color: var(--wp--preset--color--primary);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background-color: var(--wp--preset--color--background-secondary);
}

.select2-results {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.select2-results ::-webkit-scrollbar {
  width: 5px;
}

.select2-results ::-webkit-scrollbar-track {
  background: var(--wp--preset--color--input-field);
}

.select2-results ::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--primary);
}

.select2-results ::-webkit-scrollbar-thumb:hover {
  background: var(--wp--preset--color--secondary);
}

.wc-block-mini-cart__button,
.wc-block-components-drawer .components-modal__header .components-button {
  cursor: pointer;
}

.wc-block-mini-cart__template-part .wc-block-components-drawer,
.wc-block-mini-cart__template-part .wp-block-woocommerce-mini-cart-contents {
  background: var(--wp--preset--color--background-secondary);
}

.wc-block-mini-cart__template-part h2.wc-block-mini-cart__title {
  font-size: 1rem;
}

.wc-block-mini-cart__template-part .wc-block-components-product-metadata__description {
  display: none;
}

.wc-block-mini-cart__template-part .wc-block-components-quantity-selector:after {
  border-radius: 0;
}

.wc-block-mini-cart__template-part .wc-block-mini-cart__footer {
  border-color: var(--wp--preset--color--border);
}

.wc-block-mini-cart__template-part .wc-block-cart-item__product .wc-block-cart-item__quantity {
  padding-top: 0 !important;
}

.wc-block-grid__product .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--primary);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--foreground);
  font-size: 14px;
  padding: 3px 12px;
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(89deg);
  z-index: 1;
  margin: 0;
  line-height: inherit;
  min-width: auto;
  min-height: auto;
}

.wc-block-grid__product .wc-block-grid__product-title {
  font-size: 1.1rem;
  font-weight: 500;
}

.sp-p-lr {
  padding: 0 15px;
}

.sp-border-radius {
  border-radius: 5px;
}

.wp-block-group.sp-team-overlap {
  margin-top: -50px !important;
  background: #fff;
  padding: 20px;
  width: 90%;
}

.sp-overlay-overlap-absolute {
  position: absolute;
  top: 0;
  height: 90%;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  width: 90%;
  left: 5%;
}

@media(max-width: 400px) {
  .sp-overlay-overlap-absolute {
    display: block;
  }
}

.sp-underline {
  width: 100%;
  margin-top: 0;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.5px;
  line-height: 1.6;
  border-bottom: 2px solid #313131;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 20px;
}

.sp-underline:before {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100px;
  border-bottom: 2px solid var(--wp--preset--color--primary);
}

.woocommerce-page .input-text {
  padding: 0.8rem 1.1rem;
}

.woocommerce .quantity .qty {
  width: 5.631em;
}

.grid-layout.wp-block-post-template .wp-block-post-featured-image img {
  height: 300px;
  object-fit: cover;
}

/** blog alternative layout */
.alternative-layout.wp-block-post-template .content-block {
  margin-left: -40px;
  position: relative;
}

.alternative-layout.wp-block-post-template li:nth-child(even) .wp-block-column:first-child {
  order: 2;
}

.alternative-layout.wp-block-post-template li:nth-child(even) .wp-block-column.content-block {
  margin-left: unset;
  margin-right: -40px;
}

/** features section */
.features-section {
  position: relative;
  z-index: 2;
}

.features-section.minus-margin {
  margin-top: -60px;
}

.features-section img {
  height: 380px;
  object-fit: cover;
}

.features-section .content-block {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.features-section .content-block> :not(h3) {
  display: none;
}

.features-section .content-block:hover * {
  display: block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

/* shop */
li.wc-block-grid__product.wc-block-layout{
	    display: flex;
    flex-direction: column;
    align-items: center;
}
.attr-filter{
font-size:0.82rem !important;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #222222;
line-height: 0.97rem;
margin-block-start: 1.41rem !important;
}
.attr-filter .wc-blocks-filter-wrapper h3{
font-size: 0.82rem !important;
    font-weight: 400 !important;
margin-right:1.41rem;
}
.attr-filter .wc-blocks-filter-wrapper, .attr-filter .wp-block-woocommerce-attribute-filter{
display: flex;
align-items: center;
}
.wc-block-attribute-filter .wc-block-attribute-filter-list {
    margin: 0;
    width: fit-content;
    display: inline-flex;
}
.attr-filter .is-loading{
height:0px !important;
width:0px !important;
}
.attr-filter li{
display: inline;
    width: fit-content;
    margin-right: 0.59rem;
}
.wc-block-grid__products .wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img{
width: 16.59rem !important;
height: 22.12rem !important;
max-width: 16.59rem !important;
box-shadow: 0rem 0rem 0.53rem 0rem rgba(0,0,0,0.2);
}

.wc-block-components-sort-select {
    display: flex;
    justify-content: space-between;
}

.product-search-bar{
	width:12rem !important;
}
.product-search-bar .form-control{
	border: 1px solid #666;
	padding: 0 0.59rem;
   line-height: 1.65rem;
}

.product-search-bar-btn{
	border: 0;
   background: #4B9C3A;
	padding: 0;
   line-height: 1.65rem;
	width: 2.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.product-search-bar-btn img{
    min-height: 1.5em;
    min-width: 1.5em;
}
/* 全局商品樣式 */
.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product, .wc-block-grid.has-4-columns .wc-block-grid__product{
	flex:none !important;
}
.wc-block-grid__products{
	justify-content:space-between;
}

/** about us **/
.about-main-img{
width:35rem;
height:32.5rem;
position: relative;
}
.about-main-img:before{
content:" ";
	display:block;
background: #4B9C3A;
width: 15.53rem;
height: 14.59rem;
position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.about-main-img:after{
content:" ";
	display:block;
background: #8CC63F;
width: 4.88rem;
height: 4.88rem;
position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.about-main-img img{
width: 30.59rem;
height: 29.76rem;
position: relative;
z-index:3;
    margin-top: 2.82rem;
    margin-left: 1.18rem;
}
.service-box{
background: transparent;
cursor: pointer;
padding:1.53rem 1.41rem;
max-width: 50%;
	border:none !important;
	box-shadow:none !important;
}
.service-img img{
width:5.18rem;
height:5.18rem;
max-width:none !important;
}
.fill-website-width{
    width: 100vw !important;
    padding: 5.18rem 0;
    max-width: 100vw !important;
}
.margin-center{
margin-left:auto;
margin-right:auto;
}
.address-map img{
width:var(--wp--style--global--wide-size) !important;
max-width:var(--wp--style--global--wide-size) !important;
height:auto;
}
/* flow */
.flow-content,.flow-icon-box{
/* width: 100% !important; */
    max-width: none !important;
justify-content: space-between;
}
.flow-title{
font-size: 2.35rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #222222;
line-height: 3.53rem;
}
.flow-title:after{
content:" ";
	display:block;
margin:auto;
margin-top:1.18rem;
width: 2.82rem;
height: 0.24rem;
background: #4B9C3A;
border-radius: 0.65rem 0.65rem 0.65rem 0.65rem;
opacity: 1;
}
.flow-icon-point-box{
    width: 13.18rem;
    min-height: 18.82rem;
    background: #FFFFFF;
    box-shadow: 0rem 0rem 0.47rem 0rem rgb(0 0 0 / 10%);
    border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
cursor: pointer;
}
.flow-icon{
width:5.18rem;
height:5.18rem;
    margin-top: 1.41rem !important;
}
.flow-point-title{
font-family: Source Han Sans CN-Medium, Source Han Sans CN;
font-weight: 500;
color: #222222;
line-height: 1.65rem;
	text-align:center;
}
.flow-icon-point-box:hover .flow-point-title{
color:#4B9C3A !important;
}
.flow-point-title:after{
content:" ";
	display:block;
margin:auto;
margin-bottom:1.18rem;
margin-top:0.76rem;
width: 1.41rem;
height: 0.12rem;
background: #4B9C3A;
opacity: 1;
}
.flow-point-desc{
max-width: 11.24rem;
text-align:center;
}
.service-box{
background: #FFFFFF;
    box-shadow: 0rem 0rem 0.47rem 0rem rgb(0 0 0 / 10%);
    border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
cursor: pointer;
padding:1.53rem 1.41rem;
}
.service-img{
	width:5.18rem;
	height:5.18rem;
	margin-right: 1.76rem !important;
}
.flow-grid-box{
	display:grid !important;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: 1fr;
	gap:1.41rem;
   grid-auto-flow: column dense;
}
.flow-grid-item{
	 width: 100%;
    height: 100%;
    max-width: none;
}
/* client & services */
.client-content #wp--skip-link--target{
padding:0;
}
.client-content .data-target-div1 #caf-filter-layout1 .caf-filter-box{
	display: flex;
	flex-wrap: wrap;
	row-gap: 0;
	position: relative;
	z-index: 99;
	justify-content:flex-start;
	padding-bottom:0.94rem;
}
.client-content .data-target-div1 #caf-filter-layout1 span a:hover {
    transform: scale(1.1) !important;
}
.client-content .caf-filter-container.caf-filter-layout1::after {
    font-size: 0.71rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #999999;
    content: "（*以上排名不分先後順序）";
    z-index: 999;
    position: relative;
    padding-left: 1.59rem;
}
.client-content.en .caf-filter-container.caf-filter-layout1::after {
    content: "( * The list is in no particular order )";
}
.client-content .caf-filter-container.caf-filter-layout1{
	padding-bottom:2.65rem;
}
.client-content .caf-filter-container.caf-filter-layout1 .caf-filter-box .flt{
	margin-bottom:1.41rem;
}

main.wp-block-group{
padding-top:0 !important;
}
.caf-post-layout1{
	box-shadow:none;
}
.caf-post-layout1 .caf-featured-img-box{
height:auto !important;
padding-bottom: 42.55% !important;
background-repeat: no-repeat !important;
    background-size: cover !important
		transform: scale(1);
   transition: 0.15s scale ease;
	box-shadow: 0 1px 8px -5px #000;
}
.caf-post-layout1 .caf-featured-img-box:hover{
	transform: scale(1.05);
}
.data-target-div1 #caf-filter-layout1 .caf-filter-box,.data-target-div1 #caf-filter-layout1 .caf-filter-hidden-layout{
	display: flex;
   justify-content: center;
}
.data-target-div1 #caf-filter-layout1 .caf-filter-box {
	padding:0.71rem 0.41rem;
}
.data-target-div1 #caf-filter-layout1 .caf-filter-hidden-layout {
	padding:0;
	padding-top:0.65rem;
	display:none;
}
.data-target-div1 #caf-filter-layout1 span.subflt a, .data-target-div1 #caf-filter-layout1 span.more span.subflt{
	height: 1.24rem;
	font-size: 0.82rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #555555 !important;
	line-height: 1.24rem;
	transform: scale(1);
   transition: 0.15s scale ease;
	text-transform: capitalize;
	display:inline-block;
	padding: 0 0.59rem;
}
.wc-block-grid__products .wc-block-grid__product-image, .wc-block-grid__products .wc-block-grid__product-image img{
	transform: scale(1);
   transition: 0.15s scale ease;
	box-shadow:none !important;
}
.wc-block-grid__products .wc-block-grid__product-image:hover{
	transform: scale(1.05);
}
.data-target-div1 #caf-filter-layout1 span.subflt a:hover,.data-target-div1 #caf-filter-layout1 span.subflt a.active
{
	color:#4B9C3A !important;
	background: transparent;
}
.data-target-div1 #caf-filter-layout1 span a:hover{
	transform:scale(1.2);
}
.data-target-div1 #caf-filter-layout1 span.flt a, .data-target-div1 #caf-filter-layout1 span.more span.flt{
line-height: 1.24rem;
color:#555555;
background: #F0F0F0;
min-width: 4rem;
padding:0.24rem 1.18rem;
display: inline-block;
border-radius: 1.24rem;
border: 0.06rem solid #555555;
font-size: 0.82rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
text-align: center;
	border:none;
	    max-width: none;
    width: max-content;
}
.caf-pagination-box{
	display: flex;
	width: 100%;
	justify-content: center;
}
.caf-pagination-box .caf-pagination{
	width: fit-content !important;
	display: flex !important;
	align-items: center;
}
.caf-pagination-box #caf-layout-pagination.caf-pagination li{
	margin-right: 0.59rem;
}
.caf-pagination-box #caf-layout-pagination.caf-pagination li span,.caf-pagination-box #caf-layout-pagination.caf-pagination li a{
	width: 2.35rem;
	height: 2.35rem;
	display: inline-block;
	background-color:#fff !important;
	border-radius: 0.24rem;
	border: 1px solid #999999 !important;
	font-size: 0.94rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #999999 !important;
	line-height: 2.35rem;
	padding:0 !important;
	text-align:center;
}
.caf-pagination-box #caf-layout-pagination.caf-pagination li span.current{
	background-color:#4B9C3A !important;
	color:#fff !important;
}
.caf-pagination-box .caf-pagination-txt{
	display: flex;
	align-items: center;
   font-size: 0.71rem;
   font-family: Source Han Sans CN-Regular, Source Han Sans CN;
   font-weight: 400;
   color: #CCCCCC;
}
.caf-pagination-box .caf-pagination-txt p{
	margin:0 3px;
	padding:0;
	color:#4B9C3A;
}
.caf-post-layout1 .manage-layout1{
	box-shadow:none !important;
}
.service-content{
	padding:0;
	position:relative;
	margin-top: -3.53rem !important;
   margin-block-start: -3.53rem !important;
}
.client-content .caf-post-layout1 .caf-featured-img-box{
	background-size: contain !important;
}
.client-content div#caf-filter-layout1:after {
    content: " ";
    display: block;
    position: absolute;
    background-color: #fafafa;
    height: 100%;
    width: 200vw;
    left: -50vw;
    top: 0;
}
.client-content .data-target-div1 #caf-filter-layout1 .caf-filter-box{
	display: flex;
	flex-wrap: wrap;
	row-gap: 1.41rem;
}

.client-content #caf-post-layout-container.data-target-div1.post-layout1{
	padding:0;
}
.client-content div#caf-filter-layout1 {
    position: relative;
}
.client-content .data-target-div1 #caf-filter-layout1 span.flt a,.client-content .data-target-div1 #caf-filter-layout1 span.more span.flt{
	height: 2.12rem;
	border-radius: 1.71rem 1.71rem 1.71rem 1.71rem;
	opacity: 1;
	
	line-height: 1.24rem;
	color:#555555;
	background: #FFF;
	min-width: 5.53rem;
	padding:0.44rem 1.18rem;
	display: inline-block;
	border-radius: 1.71rem;
	border: 0.06rem solid #555555;
	font-size: 0.82rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	text-align: center;
border: 1px solid #555555;
	    word-break: keep-all;
    white-space: nowrap;
}
#lq-post-layout-container #post-ajax-response {
    margin-top: 1.41rem;
}
#lq-post-layout-container span.flt{
    margin-right: 2.35rem;
}
#lq-post-layout-container span.flt a{
    text-decoration: none !important;
}
#lq-post-layout-container #caf-filter-layout1 span.flt a.active,
.client-content .data-target-div1 #caf-filter-layout1 span.flt a:hover,.client-content .data-target-div1 #caf-filter-layout1 span.flt a.active
{
	color:#fff !important;
	background: #4B9C3A !important;
	border:none;
}
.client-content .caf-post-layout1 .manage-layout1{
	padding: 1.7647rem;
}
.client-content .caf-post-layout1 .caf-featured-img-box{
	box-shadow: none !important;
}
.yoast-breadcrumbs{
	padding:2.35rem 0;
   font-size: 0.82rem;
   font-family: Source Han Sans CN-Regular, Source Han Sans CN;
   font-weight: 400;
   color: #666666;
   line-height: 1.24rem;
	width: var(--wp--style--global--wide-size) !important;
   max-width: var(--wp--style--global--wide-size) !important;
	margin-block-start:0 !important;
}
.yoast-breadcrumbs .breadcrumb_last{
	color: #222;
}
.yoast-breadcrumbs > span{
	padding:0 !important;
	display: flex;
   align-items: center;
}
.yoast-breadcrumbs > span::before{
	content:" ";
	display:inline-block;
	background:url(/wp-includes/images/bar_home_icon.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	width: 0.82rem;
   height: 0.79rem;
}
.yoast-breadcrumbs span{
	padding:0 0.59rem;
}
.mg-right-59{
	margin-right: 0.59rem !important;
}
.mg-top-59{
	margin-top: 0.59rem !important;
}
.countup-box{
	position:relative;
}
.countup-box +*:after {
    display: block;
    content: " ";
    background: #d9d9d9;
    width: 1px;
    height: 1.88rem;
    position: absolute;
    left: 0;
    top: 1.3rem;
}
.count-up-outside-box{
    width: 100vw !important;
    max-width: 100vw !important;
}
.count-up-inner-box{
	margin:auto !important;
}
body .is-layout-flex.main-server-content{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: 1fr 1fr;
	gap:0.59rem;
	height:35.96rem;
	aspect-ratio:2;
   grid-auto-flow: column dense;
}
/*
.main-products ul.wc-block-grid__products{
	display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr 1fr;
    gap: 0.59rem;
    aspect-ratio: 1;
	height:auto;
   grid-auto-flow: column dense;
    margin: 0;
    width: 100%;
}
.main-products ul.wc-block-grid__products li:nth-child(2){
	grid-column: 2 / span 2;
}
.main-products ul.wc-block-grid__products li:nth-child(3){
	grid-column: 1 / span 2;
}
.main-products ul.wc-block-grid__products li{
	max-width:100% !important;
	position:relative !important;
	height:33.29rem !important;
	position:relative;
}
.main-products ul.wc-block-grid__products li .wc-block-grid__product-image,.main-products ul.wc-block-grid__products li .wc-block-grid__product-image img{
	max-width:100% !important;
	width:100% !important;
}
.main-products ul.wc-block-grid__products li a{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.main-products ul.wc-block-grid__products li a .wc-block-grid__product-title{
	flex-shrink:0;
}
.main-products ul.wc-block-grid__products li a .wc-block-grid__product-image{
	flex-grow:1;
}
*/

.main-client-box{
	display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows:repeat(3,1fr);
	gap:1.41rem;
	aspect-ratio:1.7212;
	height: calc( var(--wp--style--global--wide-size) / 1.7212 ) !important;
   grid-auto-flow: column dense;
}
.main-client-box .cooperate-small,.main-client-box .cooperate-small img{
	margin-block-start:0 !important;
	max-width:none !important;
	width:100%;
	height:100%;
}
.main-top-slider .carousel-item{
	height:32.94rem !important;
}
.main-client-slide{
	margin-top: -6.53rem;
}
.main-client-slide .carousel-item{
	height:44.71rem !important;
}
.main-img-box.span2{
	aspect-ratio:0.8620689655172414;
}
.main-img-box,.main-img-box img{
width:100%;
height:100%;
}
.main-form-box{
	width: 100%;
	background: #FFFFFF;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	text-align:center;
	height:100%;
}
.h100{
	height:100% !important;
}
.main-our-client{
	background:transparent;
	position:relative;
	z-index:1;
}
.main-form-box-bg .wp-block-group,.main-our-client .wp-block-group{
	background:transparent;
}
body .main-sub,body .is-layout-flex.main-sub{
	display:flex;
	justify-content:center;
	align-items:baseline;
	font-size: 0.82rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #333333;
	line-height: 1.06rem;
}
.main-sub .line-title{
	font-size: 2.12rem;
	font-family: Source Han Sans CN-Medium, Source Han Sans CN;
	font-weight: 500;
	line-height: 2.48rem;
	    background: linear-gradient(to bottom, #4B9C3A, #8CC63F);
    -webkit-background-clip: text;
    color: transparent;
}
.base-box{
	margin-top:3.53rem;
	margin-bottom:2.35rem;
}
.base-box h3{
	font-size: 2.35rem;
	font-family: Source Han Sans CN-Medium, Source Han Sans CN;
	font-weight: 500;
	color: #222222;
	line-height: 3.53rem;
}
.base-box p{
	margin-top:0.59rem;
line-height: 1.24rem;
font-size: 0.82rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #222222;
}
.main-img-box-left img{
	width: 17.65rem;
	height: 9.88rem;
}
.main-img-box-middle img{
	width: 17.65rem;
height: 20.47rem;
}
.main-img-box-right img{
	width: 15.88rem;
	height: 9.88rem;
}
.main-product .wc-block-grid__product-title{
font-size: 0.94rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 1.41rem;
}
.main-product .wc-block-grid__product{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.main-product .wc-block-components-product-image{
	width: 16.35rem;
	height: 21.76rem;
	    display: flex;
    justify-content: center;
    align-items: center;
}
.main-product .wc-block-components-product-name{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.main-product .wc-block-components-product-name:hover{
	color:#4B9C3A !important;
}
.more-btn a{
	padding:0px 1.71rem;
	line-height: 2rem;
background: linear-gradient(180deg, #4B9C3A 0%, #8CC63F 100%, rgba(75,156,58,0) 100%);
font-size: 0.82rem;
font-family: Actor-Regular, Actor;
font-weight: 400;
color: #FFFFFF !important;
}
.main-cooperate .cooperate-big,
.main-cooperate .cooperate-small
{
	 padding: 0;
  align-items: flex-end;
	min-width:auto;
	min-height:auto;
}
.main-cooperate .wp-block-cover__inner-container p{
	padding:0.59rem;
	background: rgba(0,0,0,0.5);
font-size: 0.94rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #FFF2F2;
	margin-bottom:0;
}
.main-cooperate .cooperate-big,.main-cooperate .cooperate-small{
	aspect-ratio:3.4482;
}
.main-sub-icon-nav{
	display: flex;
	justify-content: space-around;
	padding: 3.53rem 2rem;
}
.main-sub-icon-nav-item{
	width: 4.94rem;
	height: 4.94rem;
	border: 0.06rem solid #666666;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:#666;
	cursor: pointer;
	padding: 0;
}
.main-sub-icon-nav-item:hover{
background: linear-gradient(180deg, #4B9C3A 0%, #8CC63F 100%);
box-shadow: 0rem 0.24rem 0.59rem 0rem rgba(51,160,44,0.2);
	border: 0;
}
.main-sub-icon-nav-item p {
   margin-block-start: 0;
	margin-block-end: 0;
font-size: 0.82rem;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #666666;
line-height: 1.4rem;
}
.main-sub-icon-nav-item:hover p{
	color:#fff;
}
.main-sub-icon-nav-item .main-sub-icon{
	width:2rem;
	height:2rem;
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	background-size:auto;
	min-height: 2rem;
}
.auto-icon1{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/auto_icon2px_1.svg);
}
.auto-icon2{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/auto_icon2px_2.svg);
}
.auto-icon3{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/auto_icon2px_3.svg);
}
.auto-icon4{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/auto_icon2px_4.svg);
}
.auto-icon5{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/auto_icon2px_5.svg);
}
.auto-icon6{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/auto_icon2px_6.svg);
}
.main-sub-icon-nav-item:hover .auto-icon1{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/hover_icon2px_1.svg);
}
.main-sub-icon-nav-item:hover .auto-icon2{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/hover_icon2px_2.svg);
}
.main-sub-icon-nav-item:hover .auto-icon3{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/hover_icon2px_3.svg);
}
.main-sub-icon-nav-item:hover .auto-icon4{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/hover_icon2px_4.svg);
}
.main-sub-icon-nav-item:hover .auto-icon5{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/hover_icon2px_5.svg);
}
.main-sub-icon-nav-item:hover .auto-icon6{
background:url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/hover_icon2px_6.svg);
}
.main-flow{
	width:100vw;
	position:relative;
	height: 37.06rem;
	background-repeat:no-repeat !important;
	background-size: 100% 100% !important;
background:url(http://planteross.oss-cn-hongkong.aliyuncs.com/uploads/2023/03/20230303022208853.jpg);
	overflow:hidden;
}
.main-flow .wp-block-group{
	background: transparent !important;
}	
.main-flow:before{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: rgba(31,31,31,0.85);
	content:" ";
	display:block;
   z-index:1;
}
.main-flow .fill-global--wide-size{
    position: relative;
    z-index:2;
}
.main-flow .flow-title{
    font-size: 2.35rem;
    font-family: Source Han Sans CN-Medium, Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 3.53rem;
}
.main-flow .flow-title:after{
    content:" ";
    display:block;
    margin:auto;
    margin-top:1.18rem;
    width: 2.82rem;
    height: 0.24rem;
    background: #FFFFFF;
    border-radius: 0.65rem 0.65rem 0.65rem 0.65rem;
    opacity: 1;
}
.main-flow .flow-icon-box{
    width: 100%;
    justify-content: space-around;
}
.main-flow .flow-icon-box.flow-line{
    border-bottom: 1px solid rgba(255,255,255,0.8);
    padding-bottom: 1.41rem;
    padding-top:6rem;
}
.main-grid-box{
	display:grid !important;
	grid-template-rows: 1fr;
   grid-template-columns: repeat(6,1fr);
}
.main-grid-box .main-grid-item{
	display:flex;
	align-items:center;
	justify-content:center;
}

.flow-icon{
    width: 5.88rem;
    height: 5.88rem;
    border-radius: 50%;
    background:#fff;
}
.flow-point{
    width:1.29rem;
    height:1.88rem;
}
.main-flow-point-title{
	font-size: 1.41rem;
	font-family: Source Han Sans CN-Medium, Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 2.5rem;
}
.flow-point-desc{
	font-size: 0.94rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1.1rem;
}
.main-form-box-full{
	width: 30.59rem;
   background: transparent;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   text-align: center;
   padding:6rem 0;
}
.main-form-box-bg{
   background: url(https://planteross.oss-cn-hongkong.aliyuncs.com/imgs/form_bg.jpg);
   background-repeat:no-repeat !important;
	background-size: 100% 100% !important;
}
.wc-block-components-checkbox label{
	font-size: 0.82rem !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark{
	display:none !important;
}
.attr-filter li{
	margin-right:1.41rem !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label{
	padding: 0.24rem 0.47rem;
	color:#222222;
	background:transparent;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{
	display:none !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked~.wc-block-components-checkbox__label{
	color:#4B9C3A !important;
	background:rgba(51, 160, 44, 0.10) !important;
	border-radius:0.24rem;
}
.wp-block-woocommerce-filter-wrapper.attr-filter{
	margin-block-start:0 !important;
}
.wc-block-components-sort-select__select {
   display: flex;
}

.wc-block-sort-icon-label {
    display: flex;
    flex-direction: row;
    font-size: 0.82rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    line-height: 0.97rem;
    margin-right: 1.94rem;
    cursor: pointer;
    align-items: center;
}

.wc-block-sort-icon-label::after {
	 margin-left:0.29rem;
    display: inline-block;
    content: " ";
    background: url(/wp-content/uploads/2023/05/sort.svg) no-repeat center center;
    width: 0.47rem;
    height: 0.7rem;
    background-image: url(/wp-content/uploads/2023/05/sort.svg);
    background-size: contain;
}
.wc-block-sort-icon-label.asc::after {
    background-image: url(/wp-content/uploads/2023/05/sort-down.svg);
}
.wc-block-sort-icon-label.desc::after {
    background-image: url(/wp-content/uploads/2023/05/sort-up.svg);
}
/* hide chat fixed*/
#button.sidebar,.sidebar.chat-closed {
   display: none !important;
	max-height: 1px !important;
	max-width: 1px !important;
	overflow: hidden;
}
.wp-block-group.is-layout-flow {
   padding-left: 0 !important;
	padding-right: 0 !important;
}

/* flow-grid */
.flow-icon-box.flow-grid{
	display: grid;
    grid-template-columns: repeat(5,1fr);
}
. flow-grid-item{
	height:100%;
}
/* lang */
.nav-lang-font{
	line-height: 1.24rem;
	font-size: 0.82rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #555555;
	margin: 0.41rem 0.59rem !important;
}
.nav-lang-line{
	width:1px;
	height:0.82rem;
	background:#999;
	content:" ";
	display:inline-block;
}
.header-lang-bar{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
}
.nav-lang-font a:hover, .nav-lang-font a:active, .nav-lang-font a:hover{
	color: #4B9C3A !important;
}
.nav-search-bar{
	border: none !important;
	position:relative;
	width: 21.18rem;
	height: 2.12rem;
}
.nav-search-bar .form-control{
	border-radius:5px !important;
	border: 1px solid #CCCCCC !important;
	padding: 0 0.59rem 0 2.62rem;
   line-height: 2.12rem;
	background: #ffffff !important;
	margin-left:0 !important;
	z-index:0 !important;
	font-size: 0.82rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #666666;
}
.nav-search-bar img{
    min-height: 1.5em;
    min-width: 1.5em;
	position:absolute;
	left: 0.59rem;
	top:0.31rem;
	z-index:2 !important;
}
.en-nav .grow-2{
	flex-grow: 2 !important;
}
.planter-footer-nav.en-nav ul li{
max-width:100%;
}
.planter-footer-nav .link-box,.qrcode-tooltips-box{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sp-navigation.en .wp-block-navigation .wp-block-navigation-item{
	min-width: 7.06rem;
    width: auto;
    max-width: max-content;
    padding: 0 1rem;
}
.open-tidio{
	cursor:pointer;
}
.open-tidio:hover{
	color:#4B9C3A;
}
.qrcode-tooltips-text{
	font-size: 0.82rem;
	font-family: Source Han Sans CN-Regular, Source Han Sans CN;
	font-weight: 400;
	color: #666666;
	line-height: 0.94rem;
	padding:0.29rem 0 0.41rem 0;
}

figure.main-img-box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.main-img-box, .main-img-box img {
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
}
.main-img-box-title {
    max-width: 60%;
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255,255,255,0.65);
}
.main-img-box-title > div {
    margin: 0.26rem;
    background: rgba(255,255,255,0.65);
    padding: 0.59rem;
    font-size: 1.41rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
    color: #000000;
    line-height: 1.76rem;
	text-align:center;
}
figure.main-img-box:hover {
    transform: scale(1.05);
}
figure.main-img-box:hover:after {
    content: "More";
    position: absolute;
    z-index: 3;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
	font-size: 1.41rem;
    font-family: Source Han Sans CN-Regular, Source Han Sans CN;
    font-weight: 400;
}
figure.main-img-box:hover .main-img-box-title{
	display:none;
}
.modal{
	z-index: 18000;
}
.link-icon.fb{
	display:block;
	content:" ";
	background-image:url(/wp-content/uploads/fb.svg);
	cursor:pointer;
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
    margin-left: 1.4rem;
}
.link-icon.fb:hover{
	background-image:url(/wp-content/uploads/fb_a.svg) !important;
}
.link-icon.ig{
	display:block;
	content:" ";
	background-image:url(/wp-content/uploads/ig.svg);
	cursor:pointer;
	background-position:center;
	background-size:100%;
	background-repeat:no-repeat;
    margin-left: 1.4rem;
}
.link-icon.ig:hover{
	background-image:url(/wp-content/uploads/ig_a.svg) !important;
}