/*!
Theme Name: Carpet Store
Theme URI: https://www.thealphablocks.com/themes/free-carpet-wordpress-theme/
Author: Abu Turab
Author URI: https://www.thealphablocks.com/
Description: The Carpet Store theme is a polished and adaptable digital solution created for Carpet Retailers who want to present their flooring collections with clarity, elegance, and visual impact. Its structured layout works seamlessly for Flooring Stores that need to display a wide variety of materials, textures, and finishes in an organized and user-friendly way. Rug Shops can highlight handcrafted designs, modern patterns, and luxury collections using high-resolution imagery and interactive galleries. Designed to complement Home Decor Stores, the theme blends products with style inspiration, helping customers visualize complete interiors. Interior Designers can use the platform to showcase portfolios, design concepts, and completed projects while connecting flooring choices with broader décor themes. Tile Shops benefit from clean product grids and filtering options that make it easy for visitors to compare styles and specifications. Hardwood Flooring Suppliers can present premium materials, installation options, and maintenance guidance through professional content sections. Built to support Online Flooring E-commerce, the design enables smooth browsing, clear product categorization, and conversion-focused layouts. Textile Businesses can use the flexible structure to display fabric-based flooring and décor solutions with confidence. Home Renovation Companies will appreciate the service-focused sections that allow them to promote installation, upgrades, and renovation expertise alongside product offerings. Fully responsive and optimized for speed, the theme ensures smooth performance across all devices. Customization options make it simple to align branding through colors, typography, and layouts, while compatibility with store, contact, review, and SEO plugins enhances functionality. With elegant visuals, intuitive navigation, and scalable features, the Carpet Store theme delivers a professional, engaging, and sales-driven online presence for flooring and interior-focused businesses.
Version: 4.3
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: carpet-store
Tags: one-columns, two-columns, three-columns, four-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, featured-image-header, footer-widgets, block-patterns, block-styles, rtl-language-support, sticky-post, style-variations, threaded-comments, theme-options, translation-ready, e-commerce, photography, blog

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

Carpet Store 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: #E65047;
  --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 ;
  font-family: "Rubik", sans-serif !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;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #e65047;
    }

    /*.wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }*/
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
    }

.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: 599px) {
  .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: 599px) {
  .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;
    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;
  }

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

@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;
  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;
  font-family: 'dashicons';
  font-size: 15px;
  margin-right: 2px;
  position: relative;
  top: 3px;
  font-weight: 100;
}

.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;
}
/*inner pages*/
@media screen and (max-width: 991px){
  .custom-query-class .wp-block-post-template,.home-blog-section .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 767px){
  .custom-query-class .wp-block-post-template,.home-blog-section .wp-block-post-template{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !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-inner 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%;
}
.latest-news-heading{
  text-align: center;
}

/*Scroll Top*/

p.scroll-top {
    position: absolute;
}
.scroll-top::before {
    font-size: 20px;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f062';
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 51px;
    height: 50px;
    transform: rotate(-50deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 99;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--primary) !important;
    margin-bottom: 10px;
}

/*Woocommerce CSS*/

nav.woocommerce-MyAccount-navigation li {
  border: 1px solid var(--wp--preset--color--primary);
  margin-bottom: 10px;
  padding: 10px !important;
  background-color: var(--wp--preset--color--primary);
}
nav.woocommerce-MyAccount-navigation li a{
  color: #fff;
  padding: 10px 0 !important;
  text-decoration: none !important;
}
nav.woocommerce-MyAccount-navigation li:hover {
    background-color: #000 !important;
    border-color: #000 !important;
}
nav.woocommerce-MyAccount-navigation li:hover a{
  color: #fff;
}


a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    font-size: 16px;
    font-weight: 600;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.wc-block-components-product-badge.wc-block-components-sale-badge {
    box-shadow: 2px 2px 0 0 BLACK !important;
    border-radius: 0 !important;
    border: solid 2px BLACK !important;
    padding: 5px 8px !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background-color: #ff4242;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    border: 1px solid #dfdfdf !important;
    padding: 30px;
    border-radius: 10px;
    color: black;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    border: 1px solid #dfdfdf !important;
}

form.wc-block-components-form.wc-block-checkout__form {
    padding: 20px !important;
    border: 1px solid #dfdfdf !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background-color:var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
    background-color: #000;
    border-color: #000;
}

form.wc-block-components-form.wc-block-checkout__form {
    color: #000 !important;
}

a.wc-block-components-checkout-return-to-cart-button {
    color: var(--wp--preset--color--primary);
}

a.wc-block-components-checkout-return-to-cart-button:hover {
    color: #000 !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
    color: #000;
}

.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    padding-right: 0 !important;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: #fff !important;
}

main#wp--skip-link--target {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

a.button.wp-element-button.product_type_variable.add_to_cart_button {
  border-radius: 26px !important;
}

a.button.wp-element-button.product_type_grouped {
  border-radius: 29px !important;
}

a.button.wp-element-button.product_type_external {
  border-radius: 53px !important;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .wp-block-navigation-item a{
    color: #fff !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;
  }

  .wp-block-columns.alignwide.are-vertically-aligned-top.footer-wrap-box-inner.is-layout-flex.wp-container-core-columns-is-layout-9608ec91.wp-block-columns-is-layout-flex {
    text-align: center;
  }

  ul.wp-block-social-links.has-normal-icon-size.has-icon-color.is-style-default.is-content-justification-left.is-layout-flex.wp-container-core-social-links-is-layout-0d62ccc0.wp-block-social-links-is-layout-flex {
      justify-content: center;
  }
}
@media screen and (min-width: 575px) and (max-width: 767px) {
  .top-header, .header-right-box p, .banner-area {
    text-align: center;
  }
  .rating-box {
    flex-wrap: nowrap !important;
  }
  .product-box{
    display: grid !important;
    grid-template-columns: auto auto !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) {
  .social-box ul{
    justify-content: center;
  }
  .product-box{
    display: grid !important;
    grid-template-columns: auto auto !important;
  }
  .rating-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;
  }
  .count-box{
    max-width: 90% !important;
    padding: 0px 10px !important;
  }
  .center-box h2{
    font-size: 22px !important;
  }
  .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;
  }
  .button-box{
    flex-wrap: nowrap !important;
  }
  .social-box{
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width:599px){
  .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;
    gap: 26px !important;
  }
  .header-right-col {
    flex-wrap: nowrap !important;
  }
  .design-small img {
    right: 55px;
  }
  .design-big img {
    right: -40px;
  }
}
@media screen and (min-width: 782px) and (max-width: 1025px) {
  .top-text {
    flex-basis: 50% !important;
  }
  .lower-header-inner{
    max-width: 100%;
  }

  .dummy-clumn ul.wp-block-navigation{
   
    gap:11px !important;
  }

  .top-text p{
    font-size: 10px !important;
  }
  .lower-header{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .social-box{
    flex-basis: 20% !important;
  }
  .cart-box{
    flex-basis: 65% !important;
  }
  .rating-box {
    gap: 10px;
  }
  .star-box{
    flex-basis: 25% !important;
  }
  .header-btn{
    flex-basis: 36% !important;
  }
  .top-header{
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
    .wp-block-column.is-vertically-aligned-center.dummy-clumn.is-layout-flow.wp-block-column-is-layout-flow {
      flex-basis: 94% !important;
  }
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
  .choose-us-aera{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .dummy-clumn ul.wp-block-navigation{
   
    gap:27px !important;
  }

  .price-box{
    flex-basis: 40% !important;
  }
  .star-box {
    flex-basis: 40% !important;
  }
  .count-box{
    max-width: 50% !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .rating-box {
    gap:10px;
  }
  .star-box{
    flex-basis: 25% !important;
  }
}


@media screen and (min-width:1026px) and (max-width: 1240px) {
  .top-text {
    flex-basis: 60% !important;
  }
  .top-text p{
    font-size: 11px !important;
  }

  .lower-header-inner{
    max-width: 100%;
  }
  .lower-header{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .social-box{
    flex-basis: 20% !important;
  }
  .cart-box{
    flex-basis: 65% !important;
  }
  .rating-box {
    gap: 10px;
  }
  .star-box{
    flex-basis: 25% !important;
  }
  .header-btn{
    flex-basis: 36% !important;
  }
  .top-header{
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .wp-block-column.is-vertically-aligned-center.dummy-clumn.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 93% !important;
}
.abc{
  min-height: 450px !important;
}
.banner-area img {
  height: 450px !important;
}
}

@media screen and (min-width:1241px) and (max-width: 1440px) {
  .top-text {
    flex-basis: 60% !important
  }
  .lower-header-inner{
    max-width: 100%;
  }
  .lower-header{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .social-box{
    flex-basis: 20% !important;
  }
  .cart-box{
    flex-basis: 65% !important;
  }
  .rating-box {
    gap: 10px;
  }
  .star-box{
    flex-basis: 25% !important;
  }
  .header-btn{
    flex-basis: 36% !important;
  }
  .top-header{
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .wp-block-column.is-vertically-aligned-center.dummy-clumn.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 93% !important;
  }
}


/* Buy Now Button in Header Navigation */
.buy-now-btn > a {
    background-color: #e65047; 
    color: #ffffff !important;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Hover Effect */
.buy-now-btn > a:hover {
    background-color: #ffffff;
    color: #e65047 !important;
    transform: translateY(-2px);
}

/*Pagination css */

.post-navigation-link-previous.is-style-default.wp-block-post-navigation-link {
    box-shadow:  0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.post-navigation-link-previous.is-style-default.wp-block-post-navigation-link {
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
}

.post-navigation-link-next.has-text-align-right.is-style-default.wp-block-post-navigation-link{
    box-shadow:  0 0 3px 0 rgba(0, 0, 0, 0.1);
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 12px;
}