/*!
Theme Name: Skincare Cosmetic Store
Theme URI: https://www.revolutionwp.com/products/skincare-cosmetic-store
Author: revolutionwp
Author URI: https://www.revolutionwp.com/
Description: The Skincare Cosmetic Store theme is designed for creating visually refined and well-structured online shops focused on beauty and personal care products. It features a clean layout, intuitive navigation, and responsive design to ensure a seamless browsing experience across desktops, tablets, and smartphones. Built with customizable sections, it allows users to showcase product categories, highlight featured items, and present detailed descriptions with clarity. Essential eCommerce functionalities such as product grids, search filters, secure checkout compatibility, and SEO-friendly structure support efficient store management and improved online visibility. This theme is suitable for skincare brands, cosmetic retailers, dermatology clinics, beauty salons, organic product sellers, and wellness entrepreneurs. It also works well for startups and established businesses aiming to create a professional digital presence. With support for high-resolution images, fast loading speed, and modern design standards, the Skincare Cosmetic Store provides a practical and user-focused solution for building an organized and accessible beauty store online.
Version: 1.3
Requires at least: 5.5
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Prefer License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skincare-cosmetic-store
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-header, custom-background, custom-colors, custom-logo, custom-menu, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout, featured-images, flexible-header, footer-widgets, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, blog, e-commerce, portfolio

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

Skincare Cosmetic Store is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body{
  font-family: "Quicksand", sans-serif;
}
header a,
footer a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Quicksand", serif !important;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

table {
  width: 100%;
  border-spacing: 0; }

th, td {
  padding: 5px;
  text-align: center; }

table td,
table tr,
table th {
  border: 1px solid #ddd; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

img, .wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 1em 0; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: 17px; }

abbr,
acronym {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

mark,
ins {
  background: #ddd;
  text-decoration: none; }

big {
  font-size: 125%; }

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: 0;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1.75;
  padding: 7px 15px;
  color: #1c1c1c;
}
p a {
    text-decoration: underline;
}
textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px; }

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c3c3c3; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a2a2; }

hr {
  background-color: #999;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

a {
  color: var(--wp--preset--color--primary);
  outline: 0 !important;
}
.main-navigation span:hover{
  color: var(--wp--preset--color--primary);
}
.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: thin dotted !important;
}
a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
h1,h2,h3,h4,h5,h6{
  color: #000;
}
/*---------------- Woocommerce CSS------------------ */
.wc-block-cart__submit-container a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  text-decoration: none;
  font-size: 18px !important;
  border-radius: 12px;
}
.woocommerce h3 a{
  color: #000!important;
  text-decoration: none;
}
.woocommerce span.page-numbers.current, .woocommerce .page-numbers, .woocommerce .wp-block-query-pagination-next{
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px 25px;
  border-radius: 30px !important;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  border-radius: 30px;
}
.woocommerce .wp-block-query-pagination-numbers{
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce .wp-block-query-pagination{
  gap: 0;
}
.woocommerce span.page-numbers.current:hover, .woocommerce .page-numbers:hover, .woocommerce .wp-block-query-pagination-next:hover, .woocommerce .wp-block-button__link:hover{
  background: #000 !important;
  color: #fff !important;
}
.woocommerce .wp-block-post{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
  font-size: 15px !important;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
  padding: 0;
  color: #fff;
}
.products li {
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
  padding: 10px !important;
  text-align: center;

  margin: 0 0.7% 2em 0 !important;
  width: 24.30% !important;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
  margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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{
  background: var(--wp--preset--color--primary);
  color: #fff ;
  border-radius: 1px solid var(--wp--preset--color--primary);
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 30px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: transparent !important;
  border: 1px solid rgba(39, 123, 248, 1);
  color: #000 !important;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: var(--wp--preset--color--primary);
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #fff;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calcuQuicksandr-button{
  text-decoration: none !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label {
  color: #000;
  line-height: 28px;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce-page .select2-container .select2-selection .select2-selection__arrow{
  height: 1.5rem !important;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 0px !important;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: var(--wp--preset--color--primary);
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment{
  margin: 0 0 30px 0;
}
/* Header Section */
.main-navigation a {
  position: relative;
  text-decoration: none;
}
.main-navigation .home-page a.wp-block-navigation-item__content{
  position: relative;
  color: #000;
  border-bottom: 3px solid #000;
}
.main-navigation a{
  font-size: 15px;
  color: #000 !important;
  padding: 14px 0;
}
.header-sec .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover{
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
  color: var(--wp--preset--color--primary) !important;
  padding: 0 10px;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label:hover{
  color: #000 !important;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
  border-bottom: 1px solid var(--wp--preset--color--primary);
}

/*bottom right*/
.serch-box .wp-block-search__button{
  background: none !important;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*right box*/
.header-sec .header-woo-icons{
  display: grid;
  grid-template-columns: auto auto auto auto;
}
.header-sec .header-search .wp-block-search__button svg, .header-sec .search-box .wp-element-button:hover:hover{
  fill: #000;
  background: none !important;
}
.header-woo-icons .wp-element-button:hover{
  background: none !important;
}
.header-woo-icons .wp-element-button:focus,
.header-woo-icons a:focus,
.header-sec .header-search .wp-block-search__button svg:focus{
  border: 1px solid #000;
  outline: 1px solid #000;
}
.header-sec .header-account{
  color: #000 !important;
}
.header-sec .wp-block-search__button{
  background: transparent !important;
}
.header-sec .header-account svg, .header-sec .header-cart svg{
  height: 26px;
  width: 26px;
  fill: #000;
}
.header-sec figure.header-heart, .header-sec .header-account, .header-sec .header-cart, .header-sec .header-search .wp-block-search__button{
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-sec .header-cart .wc-block-cart-link .wc-block-cart-link__text{
  display: none;
}
.header-sec .header-woo-icons{
  gap: 5px;
}
.header-sec .wc-block-customer-account__link{
  color: #000 !important;
}
.search-box{
  margin-right: 10px !important;
}
.top-head-text-rev a{
  text-decoration: none;
}
.top-head-text-rev a:hover{
  color: #000;
}.social-icon-col .social-media-rev svg:hover{
  color: #000 !important;
}
.footer-section .wp-block-social-link a:focus{
  border: 3px solid #000;
}
/*---search--*/
.search-box{
  position: relative;
}
input.wp-block-search__input {
   background: none !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    width: 111px;
    padding: 0;
  font-size: 16px !important;
}
input.wp-block-search__input::placeholder{
  color: #000 !important;
}
input#wp-block-search__input-2:active label.wp-block-search__label,
input#wp-block-search__input-2:target label.wp-block-search__label{
  display: none;
}
.search-box button.wp-block-search__button.has-icon.wp-element-button:hover:before,
.login-btn a:hover{
  color: var(--wp--preset--color--primary) !important;
}
.search-box .wp-element-button{
  background: none !important;
  color: #000 !important;
  border: none !important;
  margin-left: -10%;
  padding: 0 !important;
}
.search-box .wp-element-button:hover{
  background: none !important;
  border: none !important;
  color: var(--wp--preset--color--primary) !important;
}
.search-box  :where(.wp-element-button, .search-box .wp-block-button__link){
  padding: 0 20px auto 0!important;
}
.search-box .wp-block-search .wp-block-search__label{
  font-weight: 400;
}
.header-menu-rev{
  border-bottom: 1px solid rgb(0 0 0 / 10%);
}
/*------------Banner section-------------*/
.banner-sec{
  position: relative;
}
.slider-div-content{
  position: absolute;
  left:10%;
  top: 45%;
  bottom: auto;
  right: 55%;
  transform: translateY(-50%);
}
.slider-cover span.wp-block-cover__background{
  background:
    linear-gradient(
      135deg,
      rgba(106,13,173,0.88),
      rgba(212,175,55,0.55),
      rgba(31,169,113,0.78)
    ) !important;

  backdrop-filter: blur(8px);
}
.wp-block-column.is-vertically-aligned-bottom.slider-img-col.is-layout-flow.wp-block-column-is-layout-flow {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.slider-content-col,
.slider-img-col{
  min-height: 720px;
}
.banner-sec .slider-img-col .wp-block-image img{
  height: 400px;
}
.slider-btn1 a.wp-element-button {
  position: relative;
  z-index: 9;
  font-weight: 400;
  padding: 5px 5px 5px 14px !important;
  display: flex;
  border-radius: 5px;
  font-size: 18px;
  color: #000;
  align-items: center;
  background: #fff;
  justify-content: center;
  border: 1px solid #000 !important;
}
.slider-btn1 a.wp-element-button {
  position: relative;
  z-index: 9;

  padding: 14px 28px !important;

  border-radius: 999px;

  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.5px;

  color: #fff;

  background:
    linear-gradient(
      120deg,
      #6a0dad,
      #d4af37,
      #1fa971
    );

  background-size: 300% 300%;

  animation: luxeGradientFlow 8s ease infinite;

  border: 1px solid rgba(255,255,255,0.2) !important;

  backdrop-filter: blur(20px);

  box-shadow:
    0 10px 40px rgba(0,0,0,0.25),
    inset 0 1px 1px rgba(255,255,255,0.15);

  transition: all 0.4s ease;
}

/* owl */
.banner-sec .owl-carousel {
  position: relative;
}

.banner-sec .owl-nav {
  position: absolute;
  top: 91%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex !important;
  margin-block-start: 0 !important;
}

.banner-sec .owl-nav button.owl-prev,
.banner-sec .owl-nav button.owl-next {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  outline: none;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0;
}

.banner-sec .owl-nav button.owl-prev {
  right: 12%;
}

.banner-sec .owl-nav button.owl-next {
  right: 9%;
}

.banner-sec .owl-nav button.owl-prev .custom-arrow,
.banner-sec .owl-nav button.owl-next .custom-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.banner-sec .owl-nav button.owl-prev .custom-arrow {
  background: #fff;
  color: var(--wp--preset--color--sixth-color);
}

.banner-sec .owl-nav button.owl-next .custom-arrow {
  background: var(--wp--preset--color--sixth-color);
  color: #fff;
}

.banner-sec .owl-nav button.owl-prev .custom-arrow:hover,
.banner-sec .owl-nav button.owl-next .custom-arrow:hover {
  transform: translateY(-2px);
}

.banner-sec .owl-nav button.owl-prev .custom-arrow i,
.banner-sec .owl-nav button.owl-next .custom-arrow i {
  font-size: 13px;
}
/*dots*/
.banner-sec .owl-dots {
  position: absolute;
  top: 94%; 
  bottom: auto; 
  left: 50%;
  right:auto;
  transform: translateX(-50%);
  text-align: center;
  margin-block-start: 0 !important;
}
.banner-sec .owl-dots .owl-dot {
  background: #fff;
  height: 2px;
  width:55px;
  margin: 0 10px; 
  border: none;
}
.banner-sec .owl-dots .owl-dot span{
  display: none;
}
.banner-sec .owl-dots .owl-dot.active {
  height: 5px;
}
#slider .owl-dots .owl-dot span{
  display: none;
}
@keyframes luxeGradientFlow {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
/*-----------------product section---------------*/

/* Product Section */
.product-section .product-head-box .product-sec-para:before, .product-section .product-head-box .product-sec-para:after,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:before, .testimonial-section .testimonial-heading-box .testimonial-sec-heading:after,
.news-section .news-heading-box .news-sec-heading:before, .news-section .news-heading-box .news-sec-heading:after,
.faq-section .faq-heading-box .faq-sec-heading:before, .faq-section .faq-heading-box .faq-sec-heading:after{
  content: '';
  position: absolute;
  height: 17px;
  width: 14px;
  top: 50%;
  transform: translateY(-50%);
  clip-path: polygon(50% 0, 100% 30%, 100% 70%, 50% 100%, 0 70%, 0 30%);
}
.product-section .product-head-box .product-sec-para:before, .product-section .product-head-box .product-sec-para:after,
.news-section .news-heading-box .news-sec-heading:before, .news-section .news-heading-box .news-sec-heading:after,
.faq-section .faq-heading-box .faq-sec-heading:before, .faq-section .faq-heading-box .faq-sec-heading:after{
  background-color: var(--wp--preset--color--primary);
}
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:before, .testimonial-section .testimonial-heading-box .testimonial-sec-heading:after{
  background-color: var(--wp--preset--color--background);
}
.product-section .product-head-box .product-sec-para:before,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:before,
.news-section .news-heading-box .news-sec-heading:before,
.faq-section .faq-heading-box .faq-sec-heading:before{
  left: 0;
}
.product-section .product-head-box .product-sec-para:after,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading:after,
.news-section .news-heading-box .news-sec-heading:after,
.faq-section .faq-heading-box .faq-sec-heading:after{
  right: 0;
}
.slider-section .slider-products-left .slider-product-img .slider-product-title a:hover{
  color: var(--wp--preset--color--secondary) !important;
}
.product-section .product-head-box .product-sec-para,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading,
.news-section .news-heading-box .news-sec-heading,
.faq-section .faq-heading-box .faq-sec-heading{
  width: fit-content;
  margin: 0 auto;
}
.product-section .product-head-box .product-sec-para, 
.product-section .products-sec-box .product-btn a,
.testimonial-section .testimonial-heading-box .testimonial-sec-heading,
.news-section .news-heading-box .news-sec-heading,
.faq-section .faq-heading-box .faq-sec-heading{
  position: relative;
}
.product-section .products-sec-box .product-btn a:after{
  content: '';
  position: absolute;
  height: 3px;
  width: 70%;
  background-color: #000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-section .products-sec-box li.wc-block-product:hover .product-btn a,
 .product-section .products-sec-box .product-box:hover .product-btn a{
  color: var(--wp--preset--color--primary) !important;
  background: none !important;
  border: none !important;
}
.product-section .products-sec-box li.wc-block-product:hover .product-btn a:after, .product-section .products-sec-box .product-box:hover .product-btn a:after{
  background-color: var(--wp--preset--color--primary);
}
.product-section .products-sec-box li.wc-block-product .product-img, .product-section .products-sec-box .product-box:hover .product-img {
  overflow: hidden;
}
.product-section .products-sec-box .product-img{
  background: var(--wp--preset--color--fourth-color);
  width: 100%;
  height: 260px;
  margin-bottom: 0 !important;
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-section .products-sec-box .product-img img,
 .product-section .products-sec-box .product-box:hover .product-img img{
  width: 80% !important;
  transition: 1.1s ease-in-out;
  object-fit: contain;
  height: 200px !important;
}
.product-section .products-sec-box li.wc-block-product:hover .product-img img, .product-section .products-sec-box .product-box:hover .product-img img{
  animation: rotateBack 1.6s ease-in-out forwards;
}
.product-section .wp-block-post-title a{
  font-size: 16px !important;
}
.product-section .wp-block-post-title a:hover{
  color: var(--wp--preset--color--primary);
}
.product-btn .wp-block-button a{
  font-size: 14px !important;
}
.product-section li.wc-block-product, .product-section li.wc-block-grid__product{
  border: none !important;
}
.product-section .wc-block-components-product-price{
  text-align: center;
  margin: 0 auto;
}
.product-section .wc-block-components-product-price del bdi{
  display: none;
}
.product-section .wc-block-components-product-price ins{
  background: none !important;
  color: var(--wp--preset--color--primary);
}
.product-section .wc-block-components-product-price bdi{
  color: var(--wp--preset--color--primary);
  font-size: 14px !important;
  font-weight: 600;
}
.product-section .wc-block-components-product-image a{
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Keyframes */
@keyframes rotateBack {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(3deg) scale(1.1);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}

/*-----------------------------------blog Section------------ */
.blog-sec .wp-block-group.img-box.is-layout-constrained.wp-block-group-is-layout-constrained{
  background: #ccc;
  height: 220px;
  width: 100%;
  border-radius: 10px;
}
.blog-sec .wp-block-post-excerpt__more-text{
  display: none;
}
.blog-sec .wp-block-post-author__avatar{
  width: 20px !important;
  height: 20px !important;
}.wp-block-group.blog-sec.has-secondary-background-color.has-background.is-layout-constrained.wp-container-core-group-is-layout-06f2638e.wp-block-group-is-layout-constrained{
  padding: 0 !important;
}
.main-blog-box .wp-block-post-title a:hover{
  color: var(--wp--preset--color--primary) !important;
}
.blog-sec .wp-block-post-author__content p,
.blog-sec .blog-date.wp-block-post-date{
  font-size: 12px !important;
}
/*-----------added woo product-----------*/
.wc-block-components-product-sale-badge img{
  height: 250px !important;
}
.products-block-post-template h3 a{
  font-size: 22px !important;
  text-decoration: none ;
}
span.woocommerce-Price-amount.amount{
  font-size: 18px !important;
  color: #000;
}
a.added_to_cart.wc_forward{
  margin-top: 0 !important;
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 10px 12px;
  font-size: 18px !important;
  text-decoration: none;
}
.single-post .wp-block-post-featured-image img{
  width: auto;
}
.single-post .wp-block-post-author__avatar img{
  width: 25px !important;
  height: 25px !important;
}
.wc-block-checkout {
  width: 80%;
  margin: 0 auto;
}

/*archive*/
.archive .archive-page .wp-block-post, .blog .archive-page .wp-block-post {
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
}
.archive .archive-page .wp-block-group , .blog .archive-page .wp-block-group  {
    box-shadow: none !important;
}
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
.footer-section{
  margin-top: 3em !important;
}
footer.wp-block-template-part{
  margin-top: 0 !important;
}
.footer-para{
  margin-right: 58% !important;
}
.footer-section  .wp-block-social-links{
  gap: 10px !important;
}
.footer-section a{
  color: #fff;
  font-size: 14px !important;
}
.footer-section .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.footer-section .wp-block-tag-cloud a:hover{
  background: #009DAE;
  border:1px solid #009DAE;
}
.footer-section .wp-block-columns.copyright-section p a{
  color: #000;
  font-size: 18px !important;
  text-decoration: none;
}
.footer-section h1 a{
  font-size: 22px !important;
  color: #fff !important;
}
.footer-section .footer-box .wp-block-heading{
  color: #fff !important;
}
.footer-add{
  margin-right: 10%;
}
.footer-section {
  padding: 0;
  min-height: auto;
}
.footer-section .wp-block-group {
  padding: 50px 0px 0;
}
.footer-section .wp-block-columns.copyright-section {
  padding: 20px 0px;
  margin: 50px 0 0;
}
.footer-section .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    display: block;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-right: 50px;
}
.footer-box h3 {
  margin-bottom: 20px;
  width: 100%;
  color: #fff !important;
}
.footer-box p, .footer-box p a{
  margin-top: 10px !important;
  color: #fff !important;
}
.footer-add{
 line-height: 30px !important;
}
.footer-box a{
  text-decoration: none !important;
}
.footer-box ul {
  padding: 0;
  gap: 0;
}
.footer-box{
  position: relative;
}
.footer-box ul li {
  list-style: none;
  margin-bottom: 10px;
}
.footer-section .wp-block-social-link{
  background: transparent !important;
  color: var(--wp--preset--color--tertiary);
}
.footer-section .wp-block-button__link {
  padding: 10px 25px;
  font-weight: 500;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #fff;
}
.search-menu .menu-section .wp-block-search__button svg:hover{
  color: #fff !important;
}
.footer-section .wp-block-social-link a{
  padding: 8px !important;
  border-radius: 6px;
  background: #ffffff;
  color: var(--wp--preset--color--primary) !important;
  font-size: 22px !important;
}
.copyright-section p{
  line-height: 30px;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{
  color: #1778f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{
  color:#f00075;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{
  color:#1da1f2;
}
.footer-section .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pQuandoest{
  color:#e60122;
}
.innerpage-banner{
  margin: 0 !important;
}
.footer-mail, .footer-location, .footer-phone{
  position: relative;
  padding-left: 26px;
}
.footer-mail a:hover, .footer-phone a:hover, .footer-box p a:hover{
  color:var(--wp--preset--color--secondary) !important;
}
.footer-mail::before,
.footer-location::before,
.footer-phone::before {
  font-family: "Font Awesome 5 Free"; /* Font Awesome 5 */
  font-weight: 900; /* Solid icons */
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px; /* Adjust icon size */
  color: #fff; /* Icon color */
}
.footer-mail::before {
  content: "\f0e0"; /* Envelope icon */
}
.footer-location::before {
  content: "\f3c5"; /* Map marker icon */
}
.footer-phone::before {
  content: "\f095"; /* Phone icon */
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
  fill: var(--wp--preset--color--primary) !important;
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg:hover{
  fill: #000 !important;
}
/*theme-button-section*/
.theme-button-section a{
  border: 2px solid transparent !important;
}
.theme-button-section a:hover{
  border: 2px solid var(--wp--preset--color--primary) !important;
  background: transparent !important;
  color: #000 !important;
  font-size: 18px;
  font-weight: 600;
}
/*404 Page CSS*/
.woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb{
    margin-left: 10%;
}
.search-no-results form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
    display: inline-flex;
    width: 40%;
}
.wp-block-search__button {
  border: 0;
  background: var(--wp--preset--color--primary);
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-tag-cloud a{
  border:1px solid var(--wp--preset--color--primary);
  padding: 6px 10px;
  margin: 2px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
}
.theme-sidebar .wp-block-group h3 {
  color: #222;
  padding-bottom: 5px;
  border-bottom: 3px double #222;
  font-size: 24px !important;
}
.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 20px;
  color: var(--wp--preset--color--primary);
  list-style: disc;
  text-decoration: none !important;
}
.theme-sidebar .wp-block-group ul li a {
  color: #000 !important;
  text-decoration: none !important;
  font-size: 16px;
}
.theme-sidebar .wp-block-social-links .wp-social-link a{
  color: #ffffff !important;
}
.theme-sidebar ul.wp-block-social-links {
  padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
  padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
  font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
  background:#fff;
  color: #000;
  font-size:15px !important;
  padding: 6px 18px;
  margin: 2px 4px 6px;
  display:inline-block;
  border: 2px solid #000;
  text-decoration: none;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 2px solid var(--wp--preset--color--primary);
}
.theme-sidebar .wp-block-gallery {
  gap: 1em;
}
.wc-block-checkout__actions.wp-block-woocommerce-checkout-actions-block{
  margin-bottom: 30px;
}
.wp-element-button,.wc-block-components-checkout-return-to-cart-button{
  background: var(--wp--preset--color--primary);
  color: #fff;
  border: 1px solid transparent;
  font-weight: 400;
  border-radius: 7px !important;
}
.wp-element-button:hover{
  background: #000;
  border: 0.7px solid #000;
  color: #fff !important;
}
.wp-block-search__button:hover{
  color: #fff ;
}
.wp-block-site-logo{
  margin-top: 10px !important;
  width: 100%;
}
.wp-block-site-title{
  line-height: 1;
}
/*blog post*/
.has-shadow-dark, .has-no-hover-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  padding: 50px !important;
  margin-bottom: 30px;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button{
  padding: 10px 15px;
  background: var(--wp--preset--color--primary);
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border: 1px solid transparent;
  cursor: poQuando;
  text-decoration: none !important;
  margin-top: 10px;
  margin-bottom: 10px;
}
.navigation .alignleft a, .navigation .alignright a{
  color: #000 !important;
  font-size: 18px !important;
  text-decoration: none !important;
}
.comment-author.vcard a, .comment-metadata a,.comment-metadata a .edit-link, .reply a, .comment-content a{
  color: #000 !important;
  font-size: 16px !important;
  font-weight: 700;
}
p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover{
  background: #000 !important;
  border: 1px solid #000;
  color: #fff !important;
}
footer.comment-meta {
  margin-top: 12px;
}
.wp-block-post-author__name{
  margin: 10px 0px;
}
/*Sidebar CSS*/
.theme-sidebar .wp-block-search__button{
  background: var(--wp--preset--color--primary) !important;
  color: #fff !important;
  border-radius: 5px;
}
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
  box-shadow: 0 6px 30px 7px #2125471a;
  transition: 0.5s;
  margin-bottom: 30px;
}
.single-post-sidebar-on-right, .single-post-sidebar-on-left{
  margin-right: 8%;
  margin-left: 5%;
}
.single-post-sidebar-on-right h3, .single-post-sidebar-on-left h3{
  font-size: 30px;
}
.wp-block-post-author{
  align-items: center;
}
/*blog listing*/
.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--primary);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #fff;
}
.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: #fff;
}
.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:#fff;
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
   box-shadow: 0 0 15px #0000002b;
  border-radius: 100px;
  color: #000;
}
.wp-block-post-title a{
  color: #000;
}
.wp-block-post-excerpt__more-link{
  padding: 10px;
  background: var(--wp--preset--color--primary);
  color: #fff !important;
  font-weight: 600;
}
.wp-block-post-excerpt__more-link:hover{
  background: #000;
}
/*my account address button css*/
header.woocommerce-Address-title.title a{
  background-color: var(--wp--preset--color--primary);
  border-radius: 0px !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
}
.wc-block-grid__product-onsale{
  background-color: var(--wp--preset--color--primary) !important;
  border-radius: 0px !important;
  color: #fff !important;
  border-color: transparent !important;
}
a.wp-block-button__link.wp-element-button.add_to_cart_button.ajax_add_to_cart{
  padding: 10px 16px !important;
}
header.woocommerce-Address-title.title a:hover,.wp-element-button:hover, .wp-block-button__link:hover{
  background:#000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
}
.wc-block-grid__products {
  justify-content: center;
}
/* .woocommerce .woocommerce-breadcrumb,.woocommerce h1.alignwide.wp-block-query-title,
.woocommerce .wp-block-group.alignwide.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-2.wp-block-group-is-layout-flex,
.woocommerce .products-block-post-template,
.woocommerce.wc-block-product-results-count.wp-block-woocommerce-product-results-count{
  margin-left: 10% !important;
  margin-right: 10% !important;
} */
.footer-para{
  font-size: 14px !important;
}
/* .woocommerce div.product .wp-block-group, .woocommerce div.product{
  max-width: 80% !important;
  margin-left: 6%;
} */

/*cart css*/
header.woocommerce-Address-title.title{
  display: inline-grid;
  margin-bottom: 20px;
}
.woocommerce-account .addresses .title .edit{
  text-decoration: none;
  color: #fff !important;
}
ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template{
  display: grid !important;
  grid-template-columns: auto auto auto auto;
  gap: 1em;
  margin: 0 9%;
}
li.wc-block-grid__product{
  max-width: 100% !important;
}
.wc-block-grid__product-onsale{
  padding: 5px 12px !important;
  font-size: 10px !important;
}
table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block,.wp-block-woocommerce-cart-order-summary-block{
  border: 1px solid #dcdcdc;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
td.wc-block-cart-item__image{
  padding: 16px 0px 16px 16px !important;
}
td.wc-block-cart-item__total,.wc-block-components-totals-item,.wc-block-components-totals-coupon{
  padding-left: 16px !important;
  padding-right: 16px !important;
}
tr.wc-block-cart-items__header th{
  font-weight: 700;
  padding: 9px 12px !important;
  line-height: 1.5em;
  font-size: 16px;
}
a.wc-block-components-product-name{
  color: #000;
  font-size: 20px;  
  font-weight: 600;
}
span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value{
  color: #717171 !important;
}
span.price.wc-block-components-product-price{
  text-align: left !important;
}
a.wc-block-components-product-name,button.wc-block-cart-item__remove-link,a.wc-block-components-totals-coupon-link,
a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button{
  text-decoration: none !important;
}
button.wc-block-cart-item__remove-link{
  font-size: 1em !important;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  text-align: left !important;
}
a.wc-block-components-totals-coupon-link,a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
a.wc-block-components-checkout-return-to-cart-button,button.wc-block-components-checkout-place-order-button{
/*  background: var(--wp--preset--color--accent);*/
  border-radius: 0;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 25px !important;
  font-size: 18px;
  border-radius: 30px;
}
span.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 1.5em !important;
  padding: 10px !important;
  display: block !important;
}
button.wc-block-components-checkout-place-order-button:hover,
a.wc-block-components-totals-coupon-link:hover, a.components-button.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
a.wc-block-components-checkout-return-to-cart-button:hover{
  background-color:#000;
}
.wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid #dcdcdc;
}
.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper{
  padding: 10px;
}
.wc-block-components-button:hover{
  background-color: #000 !important;
}
.wc-block-components-product-metadata .wc-block-components-product-metadata__description p{
  font-size: 14px;
}
.wp-block-woocommerce-cart.alignwide {
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block{
  padding-right: 0%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit{
  padding: 5px 12px !important;
  font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
}
.woocommerce{
  margin: 0 auto;
  max-width: 100% !important;
}
.wp-block-woocommerce-customer-account,.wc-block-mini-cart.wp-block-woocommerce-mini-cart{
  display: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}
.wc-block-components-quantity-selector,input.wc-block-components-quantity-selector__input{
  border: 1px solid #fff !important;
}
button.wc-block-cart-item__remove-link{
  display: block !important;
}
tr.wc-block-cart-items__header{
  border-bottom: 1px solid #fff;
}
tr.wc-block-cart-items__row{
  border-top: 1px solid #fff;
}
.wc-block-cart{
  width: 80%;
}
.wc-block-components-totals-item__value,.wc-block-components-product-metadata__description{
  text-align: left;
}
.single-product .wc-block-components-product-price ins,.post-type-archive-product .wc-block-grid__product-price  ins{
  background: none !important;
}
.single-product .wp-block-group.woocommerce.product{
  max-width: 100% !important;
}
/*woocommerce css*/
.wp-block-button.wc-block-components-product-button{
  gap: 0;
}
.woocommerce a.added_to_cart{
  margin-top: 0;
}
li.wc-block-product,li.wc-block-grid__product{
  border: 1px solid #dcdcdc;
  padding: 10px;
}
.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
  background: var(--wp--preset--color--accent);
  color: #fff;
  border-color:var(--wp--preset--color--accent) ;
}
.woocommerce .price ins, .woocommerce bdi{
  font-size: 16px;
}
.woocommerce-Tabs-panel h2,.woocommerce h2.wp-block-heading{
  font-size: 30px;
}
.wp-block-woocommerce-related-products .wp-block-post{
  width: calc(33% - 1em)!important;
}
.woocommerce-shop .add_to_cart_button{
  padding: 10px 12px !important;
}
/*blog and archive css*/
.blog .wp-block-post-excerpt__more-link,.archive .wp-block-post-excerpt__more-link,.wp-block-post-template .wp-block-post-excerpt__more-link,.single-post .taxonomy-category a,.single-product .taxonomy-product_cat a,.wp-block-woocommerce-store-notices a.button.wc-forward.wp-element-button {
  background: var(--wp--preset--color--primary) !important;
  border-radius: 6px;
  padding: 7px 10px !important;
  color: #fff !important;
  border-radius: 5px;
  text-decoration: none !important;
}
.single-post .taxonomy-category{
  margin-top: 10px;
}
span.page-numbers.current {
  background: var(--wp--preset--color--primary);
  color: #fff;
  padding: 12px 16px;
}
a.page-numbers{
  background: transparent;
  color: var(--wp--preset--color--primary);
  border: 1px solid var(--wp--preset--color--primary);
  padding: 8px 10px;
}
.wp-block-query-pagination a.wp-block-query-pagination-previous,.wp-block-query-pagination a.wp-block-query-pagination-next{
  color: #fff;
  background: var(--wp--preset--color--primary);
  padding: 12px 16px;
}
.wp-block-query-pagination{
  gap: 10px !important;
}
.wp-block-query-pagination a{
  text-decoration: none;
}
.blog .wp-block-post-excerpt__more-link:hover,.archive .wp-block-post-excerpt__more-link:hover,.wp-block-latest-posts.is-grid li .wp-block-latest-posts__read-more:hover,
.wp-block-post-template .wp-block-post-excerpt__more-link:hover{
  background: #000;
  color: #fff;
}
.archive .wp-block-post-template figure,.wp-block-post-template figure{
  margin: 0 !important;
}
.wp-block-post-template .wp-block-post-excerpt__more-text,.wp-block-post .wp-block-post-date {
  margin-top: 10px;
}
.archive .wp-block-post-template, .wp-block-post-template{
  gap: 1.2em;
}
.wp-block-post-template .wp-block-post-excerpt__excerpt{
  color: #717171;
}
.woocommerce-cart h1.alignwide.wp-block-post-title,.woocommerce-account h2{
  text-align: center;
}
.woocommerce-account .entry-content .woocommerce-form-login {
  width: 450px;
  margin: 0 auto;
}
.wc-block-components-checkout-return-to-cart-button svg{
  left: 3% !important;
}
a.wc-block-components-checkout-return-to-cart-button{
  padding: 10px 12px 10px 30px !important;
}

/*RESPONSIVE MEDIA*/
@media screen and (max-width:767px) {
  .search-no-results form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search{
    width: 100%;
  }
  .error-page{
   padding: 0 !important;
  }
  .error-page h2{
    font-size: 122px !important;
  }
  .has-shadow-dark, .has-no-hover-shadow-dark{
    padding: 20px !important;
  }
  .wp-block-post-comments .commentlist .comment{
    padding-left: 0 !important;
  }
  .single-post-sidebar-on-left .wp-block-columns,.single-post-sidebar-on-right .wp-block-columns{
    max-width: 100% !important;
  }
  .main-page, .page-no-title{
    padding: 20px !important;
  }
  .footer-section .wp-block-navigation-item__label{
    color: #000 !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child,
  .footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
    padding: 0;
  }
  .footer-section .wp-block-columns {
    padding: 0 20px;
  }
  .footer-section .wp-block-columns.copyright-section {
    padding: 20px;
    text-align: center;
  }
  .footer-section .wp-block-columns {
    margin: 0;
  }
  .copyright-section .wp-block-social-links{
    justify-content: center !important;
  }
  .footer-section .wp-block-group{
    padding: 10px;
    max-width: 100% !important;
  }
  .footer-section h1{
    text-align: center;
  }
  span.woocommerce-Price-amount.amount {
    font-size: 14px !important;
  }
  .products-block-post-template h3 a {
    font-size: 20px !important;
  }
  .footer-para{
    margin-right: 0% !important;
  }
  .header-section .wp-block-site-title a{
    color: #000;
  }
  .wp-block-navigation__responsive-container-content{
    margin-left: 30px;
  }
  .footer-section .wp-block-group{
    text-align: center !important;
  }
  .footer-section .wp-block-social-links{
    justify-content: center !important;
  }
  .banner-calender .wp-block-column p{
    text-align: center;
  }
  li.wc-block-grid__product{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 425px) and (max-width: 900px){
  .header-section .wp-container-core-navigation-is-layout-1{
    gap: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .wp-block-column.banner-col-2.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 200% !important;
  }
  .footer-section .wp-block-group{
    padding: 2em;
    max-width: 100% !important;
  }
  .banner-col-2 h1{
    font-size: 36px !important;
    line-height: 55px;
  }
  .footer-box{
    max-width: 180px !important;
  }
  .products-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .footer-section .wp-block-columns{
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .footer-section .wp-block-social-links {
    gap: 0.5rem !important;
  }
  .footer-section .wp-block-columns.copyright-section{
    display: block;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (min-width: 782px) and (max-width: 992px){
  .archive .archive-page .wp-block-latest-posts li{
    flex: 1 0 50% !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .main-navigation{
    gap: 15px !important;
  }
  .main-navigation a{
    font-size: 12px !important;
  }
  li.wc-block-grid__product{
    max-width: 18% !important;
  }
  .footer-section .wp-block-group{
    padding-top: 10px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 900px) {
  .header-section nav{
    flex-wrap: nowrap !important;
  }
  .wp-block-navigation__responsive-container-open {
    background: var(--wp--preset--color--primary);
    padding: 10px;
    color: #fff;
    border-radius: 7px;
  }
  .header-section .wp-block-navigation__responsive-container-close{
    background: #000;
    padding: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    border-radius: 7px;
  }
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
@media screen and (max-width: 1400px) and (min-width:1025px){
  .footer-section .wp-block-group{
    padding-top: 10px !important;
  }
  .copyright-section .wp-block-social-links{
    gap: 10px;
  }
  .footer-para{
    margin-right: 0% !important;
  }
}
@media screen and (max-width: 768px){
  .single-product ul.tabs.wc-tabs{
    display: flex !important;
  }
}
@media screen and (max-width: 991px){
  .main-navigation .home-page span::before, .main-navigation .home-page span::after{
    content: none;
  }
  .home-page span{
    background:none !important;
    color: #fff !important;
    border-radius: 0 !important;
  }
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__label{
    color: #fff !important;
    padding: 0;
  }
  .wp-block-navigation__submenu-container.wp-block-navigation-submenu li{
    border-bottom:none;
  }
  .wc-block-components-sidebar-layout{
    display: block;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-sidebar,.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{
    width: 100% !important;
  }
  .single-product .wc-block-add-to-cart-form form.cart{
    display: block;
  }
}
@media screen and (max-width: 425px){
  td.wc-block-cart-item__total{
    padding: 0 !important;
  }
  tr.wc-block-cart-items__row{
    grid-template-columns: repeat(4, 1fr)!important;
  }
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity{
    display: block;
  }
}
@media screen and (min-width: 721px) and (max-width: 991px){
  .wc-block-product-template.wc-block-product-template,ul.wc-block-grid__products,ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template,
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(max(150px, calc(50% - 0.83333em)), 1fr));
    gap: 0.83333em;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.blog .wp-block-latest-posts__list li{
    width: calc(50% - 1em)!important;
  }
}
@media screen and (max-width: 720px){
  .wc-block-product-template__responsive,ul.wc-block-grid__products{
    grid-template-columns: auto !important;
  }
  .blog .wp-block-post-template,.archive .wp-block-post-template,.page-template-blog-sidebar-on-right .wp-block-post-template,.page-template-blog-sidebar-on-left .wp-block-post-template{
    display: block;
    grid-template-columns: auto !important;
  }
  li.wc-block-product,.blog .wp-block-post-template li,.archive .wp-block-post-template li,
  .page-template-blog-sidebar-on-right .wp-block-post-template li,.page-template-blog-sidebar-on-left .wp-block-post-template li{
    margin-bottom: 20px;
  }
  .wp-block-woocommerce-related-products .wp-block-post,.page-template-blog-sidebar-on-left .wp-block-post,.page-template-blog-sidebar-on-right .wp-block-post{
    width: calc(100% - 1em)!important;
  }
  .not-found-heading{
    font-size: 50px !important;
  }
}
@media screen and (max-width: 425px){
  .woocommerce .wp-block-group .alignwide{
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 991px){
  .home-page span{
    border: none;
  }
  .menu-box ul,
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child,
  .menu-box .wp-block-navigation__submenu-container{
    gap: 20px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{
    padding-left: 50px;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a{
    position: relative;
    display: inline-flex !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    right: 15px !important;
    top: 15px !important;
  }
  .menu-box ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{
    content: '--';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 12px;
  }
  .menu-box ul.wp-block-navigation__container li a{
    padding: 0 20px 0 40px !important;
    color: #fff !important;
  }
  .home-page span{
    color: #fff !important;
  }
  .menu-box .top-menus .wp-block-navigation__submenu-container{
    padding: 0;
  }
  .menu-box nav .wp-block-navigation__responsive-container{
    background-color: #000000 !important;
  }
  .menu-box .wp-block-navigation__responsive-container-close{
    background: #ffffff;
    padding: 10px;
    color: #000000;
    font-size: 30px;
    font-weight: 600;
    border-radius: 50%;
    right: 25px;
    top: 16px;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open),
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
    display: none;
  }
  .menu-box .wp-block-navigation__responsive-container .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-content{
    padding-top: calc(2rem + 60px);
    margin-left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
}
/*my media*/
@media screen and (max-width: 767px){
  .product-section .products-sec-box .product-img img, .product-section .products-sec-box .product-box:hover .product-img img{
    height: 150px !important;
  }
  .product-section .products-sec-box .product-img{
    height: 220px !important;
  }
  .banner-sec .slider-img-col .wp-block-image img{
    height: 300px;
  }
  .rev-headerbox{
    padding-top: 20px !important;
  }
  .product-section h5{
    font-size: 15px !important;
  }
  .product-btn a{
    font-size: 15px !important;
  }
  .product-section .product-price{
    font-size: 17px !important;
  }
  .product-sec-para{
    font-size: 23px !important;
  }
  .slider-btn1 a.wp-element-button::after{
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
  .slider-btn1 a.wp-element-button{
    font-size: 12px !important;
    padding: 3px 3px 3px 10px !important;
  }
  .rev-slider-content{
    font-size: 12px !important;
  }
  .banner-sec h1{
    font-size: 27px !important;
  }
  .slider-top-text-rev{
    font-size: 13px !important;
  }
  .slider-cover{
    min-height: auto !important;
    padding: 3em 0 0 !important;
  }
  .slider-content-col, .slider-img-col{
    height: auto;
  }
  .banner-sec .owl-dots, .banner-sec .owl-nav{
    display: none !important;
  }
  .slider-div-content{
    position: static;
    transform: none;
  }
  .top-head-text-rev{
    font-size: 14px !important;
  }
  .header-heart img{
    width: 18px !important;
    height: 18px !important;
  }
  .social-media-rev a{
    font-size: 17px !important;
  }
  .social-media-rev{
    margin-top: 20px !important;
  }
  .social-media-rev .wp-block-social-link a{
    font-size: 20px !important;
  }
  .header-sec .header-woo-icons{
    gap: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .social-icon-col, .menu-box{
    display: flex;
    justify-content: center;
    align-content: center;
  }
  .social-icon-col{
    margin: 10px 0;
  }
  
}
@media screen and (min-width: 767px) and (max-width: 999px){
  .product-section .products-sec-box .product-img img, .product-section .products-sec-box .product-box:hover .product-img img{
    height: 150px !important;
  }
  .product-section .products-sec-box .product-img{
    height: 220px !important;
  }
  .banner-sec .slider-img-col .wp-block-image img{
    height: 320px;
  }
  .product-section h5{
    font-size: 15px !important;
  }
  .product-btn a{
    font-size: 15px !important;
  }
  .product-section .product-price{
    font-size: 17px !important;
  }
  .product-sec-para{
    font-size: 23px !important;
  }
  .banner-sec .owl-nav button.owl-prev{
    right: 14%;
  }
  .banner-sec .owl-dots .owl-dot.active{
    height: 6px;
  }
  .banner-sec .owl-dots .owl-dot{
    width: 60px;
    height: 2px;
  }
  .slider-btn1 a.wp-element-button::after{
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
  .slider-btn1 a.wp-element-button{
    font-size: 12px !important;
    padding: 3px 3px 3px 10px !important;
  }
  .rev-slider-content{
    font-size: 12px !important;
  }
  .banner-sec h1{
    font-size: 27px !important;
  }
  .slider-top-text-rev{
    font-size: 13px !important;
  }
  .slider-cover{
    min-height: 450px !important;
  }
  .slider-content-col, .slider-img-col, .banner-sec .owl-carousel .owl-stage-outer{
    height: 450px;
  }
  .wp-block-column.is-vertically-aligned-center.header-icons.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 55% !important;
  }
  .wp-block-column.is-vertically-aligned-center.rev-logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .wp-block-column.is-vertically-aligned-center.menu-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 15% !important;
  }
  .wp-block-column.is-vertically-aligned-center.social-icon-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .wp-block-column.is-vertically-aligned-center.discount-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 40% !important;
  }
  .wp-block-column.is-vertically-aligned-center.gt-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 30% !important;
  }
  .social-media-rev{
    gap: 10px !important;
  }
  .top-head-text-rev{
    font-size: 14px !important;
  }
  .header-heart img{
    width: 18px !important;
    height: 18px !important;
  }
  .social-media-rev a{
    font-size: 17px !important;
  }
  .blog-sec{
    padding: 2em 0 0 !important;
  }
  .blog-sec h2{
    font-size: 25px !important;
    margin: 0 auto !important;
  }
  .rev-top-bar-col.is-layout-flex, 
  .rev-headerbox.is-layout-flex,
  .slider-content-box.is-layout-flex,
  .products-sec-box.is-layout-flex{
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
  .product-section .products-sec-box .product-img img, .product-section .products-sec-box .product-box:hover .product-img img{
    height: 150px !important;
  }
  .product-section .products-sec-box .product-img{
    height: 220px !important;
  }
  .banner-sec .slider-img-col .wp-block-image img{
    height: 320px;
  }
   .banner-sec .owl-nav button.owl-prev{
    right: 14%;
  }
  .banner-sec .owl-dots .owl-dot.active{
    height: 6px;
  }
  .banner-sec .owl-dots .owl-dot{
    width: 60px;
    height: 2px;
  }
  .slider-btn1 a.wp-element-button::after{
    width: 26px;
    height: 26px;
    font-size: 13px;
  }
  .slider-btn1 a.wp-element-button{
    font-size: 12px !important;
    padding: 3px 3px 3px 10px !important;
  }
  .rev-slider-content{
    font-size: 13px !important;
  }
  .banner-sec h1{
    font-size: 30px !important;
  }
  .slider-top-text-rev{
    font-size: 16px !important;
  }
  .slider-cover{
    min-height: 500px !important;
  }
  .slider-content-col, .slider-img-col, .banner-sec .owl-carousel .owl-stage-outer{
    height: 500px;
  }
  .social-media-rev{
    gap: 10px !important;
  }
  .top-head-text-rev{
    font-size: 14px !important;
  }
  .header-heart img{
    width: 18px !important;
    height: 18px !important;
  }
  .social-media-rev a{
    font-size: 17px !important;
  }
  .top-header-col.is-layout-flex, .header-box.is-layout-flex{
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
  
}
@media screen and (max-width:1250px) and (min-width:850px) {
  
}
/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  padding: 5px 16px 13px; 
  cursor: poQuando;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
  margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}

.scroll-top-box a:hover, .scroll-top-box .wp-block-button__link:hover{
  background: none !important;
  border: none !important;
}
/*footer animation*/
footer .footer-box{
    animation: bounceInUp 1s ease forwards;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(3000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-20px);
  }
  75% {
    transform: translateY(10px);
  }
  90% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}

/*blog post and shop page animation*/
.archive .style-post-box .wp-block-post, .single-post .wp-block-post-comments,li.wc-block-product, li.wc-block-grid__product{
  animation: zoomInUp 0.8s ease-out both;
  overflow: hidden;
  animation-delay: 0.8s;
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale(0.5) translateY(100px);
  }
  60% {
    opacity: 1;
    transform: scale(1.05) translateY(-10px);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
.innerpage-banner h1{
  color: #ffffff !important;
}