/*!
Theme Name: PC Gaming
Theme URI: https://www.thealphablocks.com/themes/free-gaming-wordpress-theme/
Author: Abu Turab
Author URI: https://www.thealphablocks.com/
Description: The PC Gaming WordPress Theme is a dynamic and feature-rich solution designed for gamers, esports teams, game reviewers, and gaming communities. With a sleek, modern design, this theme caters to PC gaming, console gaming, and mobile gaming enthusiasts by providing an engaging platform for news, reviews, and live streaming content. It supports game reviews, gaming blogs, walkthroughs, and industry updates, making it ideal for anyone looking to create a professional gaming website. The theme seamlessly integrates with Twitch, YouTube Gaming, and Discord, allowing users to connect with their audience in real time. With built-in esports tournament support, game ranking features, and dedicated event pages, it is perfect for teams and competitive players. Designed for speed and SEO optimization, it ensures fast loading times and high search engine visibility. The theme is highly customizable, with dark mode aesthetics, gaming-inspired typography, and neon accents, creating an immersive experience that resonates with gamers. It also includes e-commerce support for selling gaming accessories, merchandise, and digital content. Mobile responsiveness ensures a seamless browsing experience across all devices, from gaming PCs to smartphones. Whether you’re a gaming influencer, streamer, or developer, this theme offers the perfect blend of style and functionality to help you build a thriving online presence in the ever-evolving gaming industry.
Version: 2.1
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pc-gaming
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, block-patterns, block-styles, rtl-language-support, sticky-post, style-variations, translation-ready, threaded-comments, e-commerce, photography, entertainment

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

PC Gaming is based on Twenty Twenty-Two WordPress Theme, (C) 2024 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

: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: #FF8403;
  --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;
}

:root :where(.wp-block-button .wp-block-button__link){
  letter-spacing: 0;
}

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

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

body {
  background: #fafafa !important;
  font-family: var(--wp--preset--font-family--poppins) !important;
}

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

/* -------------------------------------------------------- */
/* ---// Links Style
-------------------------------------------------------- */

.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: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;
}

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;
  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-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;
}

.has-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
}

.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--preset--color--primary);
  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: porubik;
}

.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;
}

/** Recent Work **/

.recent-work-area img {
  width: 100%;
}

.recent-work-area span.dashicons.dashicons-arrow-right-alt2 {
  margin-top: 5px;
}

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

ul.has-link-color li {
  margin-bottom: 10px;
}

.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 #1E1E1E0d;
    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 #1E1E1E0d;
    width: 220px;
    transform: translateY(20px);
    porubik-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);
    porubik-events: auto;
    transition: transform .4s ease;
  }
}

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

@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 #fff !important;
    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 svg {
    stroke: currentColor;
    display: block;
    width: 30px;
    height: 13px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation ul.wp-block-navigation__submenu-container.has-text-color.has-heading-color.has-background.has-background-background-color.wp-block-navigation-submenu {
    padding: 0;
    width: 100%;
    padding-left: 20px;
  }

  .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;
    background-color: var(--wp--preset--color--primary) !important;
  }

  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 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 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;
}

/*Header css*/

.top-header {
  box-shadow: 200px 0px 0px 0px var(--wp--preset--color--primary);
}
.header-search .wc-block-mini-cart__button {
  background-color: var(--wp--preset--color--foreground);
  border-radius: 50%;
  padding: 7px;
}
.header-search .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
  padding: 0px;
  height: 25px;
  width: 25px;

}
.wp-block-woocommerce-customer-account a {
  align-items: center;
  color: currentColor !important;
  display: flex;
  gap: .5em;
  line-height: 1;
  padding: 8px;
  background-color: var(--wp--preset--color--foreground);
  border-radius: 50%;
  text-decoration: none !important;
  white-space: nowrap;
}
.header-search .wp-block-search .wp-block-search__inside-wrapper, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border: none;
  padding: 3px 15px !important;
  border-radius: 24px;
  background-color: var(--wp--preset--color--primary);
}
.header-search button.wp-block-search__button.has-text-color.has-white-color.has-icon.wp-element-button {
  padding: 3px 12px;
}
.header-search .wp-block-search__input::placeholder{
  color: var(--wp--preset--color--white);
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
  width: 40%;
}
.header-search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 0;
  border: none;
  background: transparent !important;
  height: auto;
  border-radius: 24px 0 0 24px;
  color: var(--wp--preset--color--white);
  font-family: "Inter", sans-serif;
}
.header-search .wp-block-search__button svg {
  rotate: 270deg;
}

/*banner*/

.counter-wrap {
  position: absolute;
  z-index: 1;
  left: 1.8%;
  bottom: -24px;
  width: 30%;
}
.date-box figure{
  display: flex;
  justify-content: center;
  
}
.date-box {
  gap:10px;
}
.slider-upper, .wrap-inner {
  position: relative;
}
.wrap-inner:before {
  content: '';
  background-color: #B56613;
  width: 68px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: -33px;
  z-index: -1;
  clip-path: polygon(0 0, 48% 100%, 100% 0);
}
.wrap-inner:after {
  content: '';
  background-color: #B56613;
  width: 68px;
  height: 24px;
  position: absolute;
  bottom: 0;
  right: -34px;
  z-index: -1;
  clip-path: polygon(0 0, 48% 100%, 100% 0);
}
.counter-box .box {
  background: transparent !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}



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

.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);
}
.wc-block-product-categories__button{
  display: none;
}
.wc-block-product-categories__dropdown select{
  background: #E9F3FF;
  border-radius: 10px;
  border: 0px !important;
}
.wc-block-product-categories__dropdown select{
  font-family: Rubik;
  font-weight: 400;
  font-size: 12px;
  color: #222222;
}
button.wc-block-mini-cart__button:hover{
  background: transparent !important;
}
.wp-block-search__inside-wrapper input{
  border-radius: 10px;
}
.wp-block-search__inside-wrapper{
  position: relative;
  border:0px;
  border-radius: 10px;
}
.rating-img img {
  top: 3px;
  position: relative;
  display: block;
}
.cart-box {
  text-align: right;
}
.center-box img{
  width: 100%;
}
.center-box{
  position: relative;
}
.left-image img,.right-image img{
  width: 100%;
  height: 600px;
}
h6.short-text {
  border-radius: 30px;
  padding: 10px 20px;
  display: inline;
}
.eb-cd-inner {
  display: flex;
  gap: 20px;
  color: #fff;
  justify-content: center;
  text-align: center;
}
.eb-countdown-ihm0x.eb-cd-wrapper .eb-cd-inner .box {
  background: transparent !important;
  color: #fff;
}
.box.cd-box-day, .box.cd-box-hour, .box.cd-box-minute, .box.cd-box-second {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
button.wp-block-search__button.has-icon.wp-element-button {
  background: transparent;
  color: var(--wp--preset--color--primary);
  position: absolute;
  right: 0px;
}
.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label {
  top: -30PX;
  left: 0;
}
.product-img img{
  width: 100%;
}

.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, #1E1E1E63 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;
}

.text-has-rectangle {
  position: relative;
}

@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;
}

.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: "dashicons";
  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: "dashicons";
  font-size: 13px;
  margin-right: 8px;
}

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

.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: "dashicons";
  font-size: 13px;
  margin-right: 10px;
}

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

.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: 'dashicons';
  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: "\f469";
}

.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: "\f345";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: 'dashicons';
  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: porubik;
}

.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;
  border: none;
}

.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 #1E1E1E2b;
  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--primary);
  min-height: unset;
  min-width: unset;
  border-radius: 0;
  transform: rotate(90deg);
  line-height: 1.3;
  top: 9px;
  left: 0;
  padding: 4px 9px;
}

.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--background-secondary);
  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);
  color: var(--wp--custom--core-button--color);
}

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

.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;
}

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

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

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

.has-bottom-shadow:after,
.has-bottom-shadow:before {
  background: rgb(0 169 164 / 21%);
}

.margin-minus-220 {
  margin-top: -220px !important;
  position: relative;
  z-index: 2;
}

.has-border-radius {
  border-radius: 5px;
  overflow: hidden;
}

.youtube-popup-link {
  cursor: porubik;
}

.is-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashicons {
  height: auto !important;
  width: auto !important;
}

.box-shadow-ripples .dashicons a,
.youtube-popup-link a {
  display: none;
}

.sticky-sidebar {
  position: sticky;
  top: 0;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  color: #1E1E1E !important;
}

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

.mini-cart-box {
  text-align: center;
  border-radius: 50px;
}

.mini-account-box .wp-block-woocommerce-customer-account{
  margin: 0 !important;
  border-radius: 50px;
}

.mini-account-box .wp-block-woocommerce-customer-account a {
  justify-content: center;
}

.mini-search-box {
  background: var(--wp--preset--color--primary);
  border-radius: 30px;
}

.mini-search-box input#wp-block-search__input-2{
  background: transparent;
}

.mini-search-box .wp-block-search__inside-wrapper{
  border: none;
}

.mini-search-box button.wp-block-search__button.has-icon.wp-element-button{
  background: transparent;
}

.mini-cart-box button.wc-block-mini-cart__button:hover{
  background: transparent;
}

/*custom-css*/
.header-navigation{
  margin-top: 0;
}
.page-template-page-no-header-image .lower-header,
.post-template-post-no-header-image .lower-header{
  position: static;
  background-color: var(--wp--preset--color--black) !important;
}
/*header-icons*/
.top-header span {
  color: #2D3341;
  margin-top: 4px;
}

.header-button a{
  font-weight: 400 !important;
}

.wp-block-social-link a{
  font-size: 18px;
}

.footer-wrap-box a,.logo-upper a{
  color: #fff;
}
.header-navigation a.wp-block-navigation-item__content:focus {
  outline: 1px solid #fff;
}

.color-element{
  color: var(--wp--preset--color--primary);
}
.image-area-wrap,.choose-us-aera {
  position: relative;
}
.design-small img {
  position: absolute;
  right: 100px;
  top: 30px;
}
.design-big img {
  position: absolute;
  right: 15px;
  bottom: -30px;
}
.design-2-small img {
  position: absolute;
  left: 20px;
  top: -40px;
}
.eb-progressbar-title {
  color: #1D2939;
}
.eb-progressbar-line .eb-progressbar-count-wrap {
  bottom: calc(100% + 5px);
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 0;
  color: #1D2939;
}
.eb-progressbar-line {
  background-color: rgba(217, 217, 217, 1);
  display: block;
  height: 12px;
  position: relative;
  width: 100%;
}
.eb-progressbar-line-fill {
  background-color: var(--wp--preset--color--primary);
  display: inline-block;
  height: 12px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 75%;
}

@media screen and (min-width: 320px) and (max-width: 575px) {
  .wp-block-navigation-item a{
    color: #fff !important;
  }
  .header-logo h1{
    text-align: center !important;
  }
  .header-main{
    gap:10px !important;
  }
  .header-search{
    gap:10px !important;
    justify-content: center !important;
  }
  .header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
    width: 60%;
  }
  .score-box{
    display: block !important;
    text-align: center;
  }
  .score-box h6{
    text-align: center !important;
    margin-bottom: 10px !important;
    margin: 0 auto;
  }
  .score-box img{
    margin-bottom: 10px !important;
  }
  .center-text {
    width: 39px !important;
    margin: 0 auto;
    right: 0px;
    left: 0px;
    position: relative;
  }
  .date-box{
    justify-content: center;
    text-align: center;
  }
  .date-box h6{
    text-align: center;
  }
  .heading-box{
    text-align: center;
  }
  .counter-wrap {
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin: 20px 0px !important;
  }
  .wrap-inner:before,.wrap-inner:after{
    display: none;
  }
  .header-nav nav{
    justify-content: center;
  }
  .top-header{
    box-shadow: none;
    padding: 10px 10px !important;
    gap:10px;
    border-radius: 10px !important;
  }
  .lower-header{
    padding-left: 0px !important;
  }
  .wp-block-navigation__submenu-icon svg{
    fill: #000;
  }
  .social-box ul {
    justify-content: center;
  }
  .top-header,.header-right-box p,.banner-area {
    text-align: center;
  }
  .top-header .wp-block-columns,
  .lower-header .wp-block-columns {
    gap: 0px;
  }
  .header-logo .wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .dummy-clumn{
    margin-bottom: 20px;
  }
  .left-image img,.right-image img{
    border-radius: 30px;
    height: 300px;
    object-fit: cover
  }
  .rating-box {
    flex-wrap: nowrap !important;
  }
  div.eb-cd-wrapper div.eb-cd-inner{
    gap:5px;
  }
  .count-box,.choose-us-aera{
    max-width: 100% !important;
    padding: 0px 10px !important;
  }
  .header-right-col{
    margin-top: 20px !important;
  }
  .header-logo h1{
    text-align: center;
  }
  .dummy-clumn nav,
  .banner-area .wp-block-buttons {
    justify-content: center;
  }
  .header-right-col {
    flex-wrap: nowrap !important;
  }
  .header-right-col .wp-block-button a{
    font-size: 15px !important;
  }
  .design-small img {
    right: -30px;
  }
  .design-big img {
    right: -30px;
    bottom: -60px;
    z-index: 9;
  }
}
@media screen and (min-width: 575px) and (max-width: 767px) {
  .top-header, .header-right-box p, .banner-area {
    text-align: center;
  }
  .top-header p{
    text-align: center;
  }
  .rating-box {
    flex-wrap: nowrap !important;
  }
  .product-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .lower-header ul{
    justify-content: center;
  }
  .header-search{
    justify-content: center;
  }
  .counter-wrap {
    position: absolute;
    z-index: 1;
    left: 5.8%;
    bottom: -24px;
    width: 70%;
  }
  .main-box{
    display: flex;
    flex-wrap: nowrap !important;
    gap:10px;
  }
  .heading-box{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .lower-header nav{
    justify-content: center;
  }
  .score-box{
    gap:15px;
  }
  .date-box{
    justify-content: center;
  }
  .eb-cd-inner{
    gap:0px;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 20% !important;
  }
  .counter-box{
    flex-basis: 60% !important;
  }
  .count-box{
    max-width: 100% !important;
    padding: 0px 10px !important;
  }
  .button-box{
    flex-wrap: nowrap !important;
  }
  .header-logo .wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .left-image img, .right-image img {
    width: 100%;
    height: 400px;
    border-radius: 30px;
    object-fit: cover;
  }
  .header-logo h1{
    text-align: center;
  }
  .social-box ul{
    justify-content: center;
  }
  .lower-header-inner{
    justify-content: center;
    text-align: center;
  }
  .top-header .wp-block-columns, .lower-header .wp-block-columns {
    gap: 0px;
  }
  .social-box {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .top-header p{
    text-align: center;
  }
  .counter-wrap {
    width: 64%;
  }
  .heading-box,.main-box{
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .score-box-main,.score-box,.main-box{
    gap:10px;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 15% !important;
  }
  .logos-box{
    flex-basis: 50% !important;
  }
  .counter-box{
    flex-basis: 70% !important;
  }
  .header-main{
    max-width: 90%;
  }
  .header-main,.top-header,.lower-header,.header-search{
    gap:10px;
  }
  .header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
    width: 60%;
  }
  .header-logo{
    flex-basis: 20% !important;
  }
  .header-logo .wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .date-box{
    justify-content: center;
  }
  .slider-box{
    flex-wrap: nowrap !important;
  }
  .wp-block-column.is-vertically-aligned-center.left-box.is-layout-flow.wp-block-column-is-layout-flow,.wp-block-column.is-vertically-aligned-center.right-image.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 20% !important;
  }
  .wp-block-column.is-vertically-aligned-center.center-box.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 40% !important;
  }
  .header-logo h1{
    text-align: center;
  }
}
@media screen and (max-width:600px){
  .header-navigation span.wp-block-navigation-item__label,
  .header-navigation .wp-block-navigation__responsive-container-close svg {
    color: #fff !important;
  }
  .header-right-box .wp-block-group{
    justify-content: center;
  }
  .header-logo{
    padding: 0 !important;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
 /* .header-navigation span.wp-block-navigation-item__label{
    color: #fff !important;
  }*/
  
  .top-header,.header-right-box p,.banner-area {
    text-align: center;
  }
  .top-header .wp-block-columns,
  .lower-header .wp-block-columns {
    gap: 10px;
  }
  .dummy-clumn nav,
  .banner-area .wp-block-buttons {
    justify-content: center;
  }
  .dummy-clumn ul.wp-block-navigation{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1024px) {
  .lower-header{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .top-header{
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .top-header,.lower-header,.header-search,.score-box-main,.score-box{
    gap:10px;
  }
  .price-box{
    flex-basis: 40% !important;
  }
  .star-box {
    flex-basis: 40% !important;
  }
  .count-box{
    max-width: 50% !important;
  }
  .header-main{
    max-width: 90% !important;
  }
  .header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
    width: 50%;
  }
  .main-box {
    gap: 10px;
  }
  .counter-wrap{
    width: 50%;
  }
  .date-box h6{
    font-size: 10px !important;
  }
  .logos-box{
    flex-basis: 45% !important;
  }
  .score-box-main h6{
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .counter-wrap {
    width: 42%;
  }
}