@charset "UTF-8";
/*!
Theme Name: Hair Dresser and Salon
Theme URI: https://www.seothemesexpert.com/products/hair-dresser-and-salon
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Hair Dresser and Salon Theme is crafted with a clean, stylish, and modern layout that instantly reflects beauty, professionalism, and luxury for businesses like bsalon setups and premium grooming studios. The homepage typically opens with a full-width banner featuring high-quality visuals, bold typography, and a strong call-to-action such as “Book an Appointment,” guiding visitors smoothly through the site. The design flows seamlessly across services, testimonials, pricing, and contact sections, ensuring easy navigation and a refined user experience. It highlights services like haircuts, styling, coloring, spa treatments, bridal makeup, nail care, and grooming through elegant service boxes and structured pricing tables. Specialized beauty services such as microblading, eyebrow shaping, and advanced nail art by a skilled nail master can be showcased with dedicated sections, while expert profiles help introduce stylists and beauty professionals, including makeup artists and brow specialists, building trust with clients. A visually rich gallery allows you to display transformations and detailed eyebrow work, enhancing credibility and attracting new customers. The integrated appointment system enables clients to easily book services online without hassle, improving convenience and engagement. Fully responsive across all devices, the design ensures a flawless experience on mobile, tablet, and desktop while maintaining smooth performance. Social media integration helps promote trending styles and services, from microblading results to nail art inspiration. With fast-loading structure and SEO-friendly design elements, this theme strengthens online visibility and supports business growth, making it ideal for modern salons seeking a strong and elegant digital presence.
Version: 1.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: hair-dresser-and-salon
Tags: left-sidebar, right-sidebar, one-column, two-columns, grid-layout, wide-blocks, rtl-language-support, block-styles, style-variations, translation-ready, custom-colors, custom-menu, custom-logo, custom-header, custom-background, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, blog, portfolio, e-commerce

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

Hair Dresser and Salon is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

*/

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

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body{
  font-family: "Reddit Sans", sans-serif;
  background: #111214;
}
header a,
footer a {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Reddit Sans", sans-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);
}
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
[tabindex]:focus {
    outline: 2px solid #21759b;
    outline-offset: 2px;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
    outline: 3px solid #21759b;
    outline-offset: 1px;
}

.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, .slider-btn1 a.wp-element-button:focus,
.login-btn a.wp-element-button:focus, .login-btn a.wp-element-button:focus,
.slider-btn2 a.wp-element-button:focus {
  border: 2px solid #000 !important;
}
.header-info a:focus-visible, .header-info a:focus{
  outline: 2px solid var(--wp--preset--color--primary) !important;
}
a:hover, a:active, a:hover {
  outline: 0;
  color: var(--wp--preset--color--primary);
}
.header-btn a.wp-element-button:focus, .slider-btn a.wp-element-button:focus,
.abt-btn a.wp-element-button:focus{
  outline: 2px solid var(--wp--preset--color--primary) !important;
  border: 2px solid var(--wp--preset--color--primary) !important;
}
.top-header-right-col a:focus, .footer-section a:focus,
.slider-btn a:focus{
  outline: 2px solid #fff !important;
}
.header-sec a:focus, .header-btn a:focus{
  outline: 2px solid var(--wp--preset--color--primary) !important;
}
.category .wp-block-post-excerpt__excerpt{
  color: #000;
}
/*alignwide*/
.alignfull{
  margin:0 !important;
  width: auto !important
}
/* Post content (already covered) */
.entry-content a,
.entry-summary a {
    text-decoration: underline;
}
.page p, .page .wp-block-post-author__name, .page .wp-block-post-date time,
.page #comments, .page span.says, .page span, .page a, .page div,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 
.page .wp-block-post-comments .commentlist .comment p,
.page .wp-block-post-comments .comment-reply-title,
.page p.logged-in-as, .page .comment-form-comment label, 
.woocommerce-page p, 
.single-product p, .single-product .wp-block-post-author__name, .page .wp-block-post-date time,
.single-product #comments, .single-product span.says, 
.single-product .wp-block-post-comments .commentlist .comment p,
.single-product .wp-block-post-comments .comment-reply-title,
.single-product p.logged-in-as, .single-product .comment-form-comment label, 
.single-product .wp-block-post-date.has-small-font-size,
.single-product p, .single-product span{
  color: #fff;
}

.page .gallery-sec span.wp-block-social-link-label, .top-right-icons a span{
  color: #000 !important;
}
/* Comments - covers links not in paragraphs */
.comment-content a,
.comment-content > a {
    text-decoration: underline;
}

/* Widgets - text widgets, custom HTML, etc. */
.widget a,
.textwidget a {
    text-decoration: underline;
}

/* Block-level content safety net */
[class*="wp-block-"] a,
.wp-block-group a {
    text-decoration: underline;
}
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: #21759b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 2.2;
    padding: 8px 35px 8px 14px;
    text-decoration: none;
    z-index: 100000;
}
.skip-link:focus {
    top: 7px;
}

/*---------------- Woocommerce CSS------------------ */
.woocommerce h3 a{
  color: #fff !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;
}
.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: -2px -2px 5px #bbb;
  padding: 10px !important;
  text-align: center;
}
.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: 1px solid var(--wp--preset--color--primary);
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
  border-radius: 10px;
}
.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: #000 !important;
  border: 1px solid rgba(39, 123, 248, 1);
  color: #fff !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-calcuReddit Sansr-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;
}
.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 .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-breadcrumbs,
.search.search-no-results .wp-block-woocommerce-product-collection-no-results{
  width: 80%;
  margin: 0 auto;
}
ul.wc-block-product-template__responsive.columns-3.wc-block-product-template.wp-block-woocommerce-product-template.is-layout-flow.wp-block-woocommerce-product-template-is-layout-flow{
  margin-bottom: 3em;
}
#payment{
  margin: 0 0 30px 0;
}
.product-name a{
  color: #000;
}
.wp-block-heading {
  margin-bottom: 5px;
  margin-top: 5px;
}
.header-sec .main-navigation ul{
  gap: 40px !important;
}
.header-sec ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    gap: 0 !important;
}
.header-sec .wp-block-image img{
  margin-right: 10px;
}
.search-icon path{
  color: #000;
}
.search-block button{
  position: relative;
}

.search-block .wp-element-button:hover{
  background: #fff !important;
}
.search-block .wp-block-search__button{
    background: transparent !important;
    padding: 0;
    align-items: center !important;
}
.search-block .wp-block-search__button svg {
    rotate: 270deg;
}
.search-block .wp-block-search__input{
    background: #fff;
}
.search-block .wp-block-search__input::placeholder{
    font-size: 14px;
    color: #000;
}

/* Header Section */
.main-navigation{
  justify-content: left !important;
}
.main-navigation a span:hover{
  color: var(--wp--preset--color--primary) !important;
}
.home-page a span{
  color: var(--wp--preset--color--primary) !important;
}
.main-navigation a {
  position: relative;
  text-decoration: none;
}
.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 li{
  border-bottom: 1px solid var(--wp--preset--color--primary);
}
.main-header{
  position: relative;
}
.header-box{
  position: relative;
  z-index: 99;
}
.header-position{
  position: absolute;
  background: none !important;
  z-index: 99;
  left: 0;
  right: 0;
  width: 100%;
  top: 10px;
}
.header-btn a:hover, .slider-btn a:hover, .abt-btn a:hover{
  background: var(--wp--preset--color--primary) !important;
  color: #fff;
}
.logo-box h1 a{
  text-decoration: none !important;
}
.logo-box h1 a, .header-btn a, 
.blog-sec h2 a{
  text-decoration: none !important;
}
.top-button .wp-element-button{
  background: none !important;
  text-decoration: none !important;
}
.top-right-icons svg, 
.top-right-icons .wp-block-woocommerce-customer-account svg.wc-block-customer-account__account-icon{
  fill:var(--wp--preset--color--primary) !important;
  color :var(--wp--preset--color--primary) !important;
}
.header-btn a{
  border: 1px solid #fff;
}
.top-button .wp-block-button a:hover{
  color :var(--wp--preset--color--primary) !important;
}
/*---search--*/
.search-box{
  position: relative;
}
input#wp-block-search__input-2 {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 4px;
    width: 250px;
    margin: 0 auto;
    z-index: 99;
}
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{
  position: relative;
  padding-right: 6em;
}
.search-box button.wp-block-search__button.has-icon.wp-element-button:before{
  content: "Search";
  position: absolute;
  z-index: 999;
  left: 0;
  padding-left: 2em;
  right: auto;
  width: 100%;
  color: #000;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  font-size: 17px;
  font-weight: 400;
}
.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;
}
.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;
}
/*--------------------slider section--------------------------*/
.main-slides{
  margin: 0 !important;
}
.main-banner-sec .slider-img-col .wp-block-image img{
  height: 550px;
  width: 700px;
}
.wp-block-columns.slider-main-col.is-layout-flex{
    height: 650px;
}
    .wp-block-column.is-vertically-aligned-center.slider-content-col.is-layout-flow.wp-block-column-is-layout-flow{
        padding-top: 3em;
    }
.wp-block-cover.slider-cover{
  padding: 0 !important;
}
.slider-btn .wp-element-button{
  border: 1px solid var(--wp--preset--color--primary) !important;
  text-decoration: none;
  background: transparent !important;
}
.slider-title-img img{
  width: 65px !important;
  height: 65px !important;
}
/*pagination*/
.custom-pagination {
    position: absolute;
    right: 5%;
    top: 45%;
    bottom: auto;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 17px;
    z-index: 99999;
}
.pagination-item {
  font-size: 20px;
  font-weight: 400;
  color: var(--wp--preset--color--secondary);
  cursor: pointer;
  display: flex;
justify-content: center;
align-items: center; 
  cursor: pointer;
}
.pagination-item.active {
  width: 50px;
  height: 50px;
  display: flex;
justify-content: center;
align-items: center; 
border-radius: 50%;
color: var(--wp--preset--color--primary);
 outline: 2px solid var(--wp--preset--color--primary);
}
/*-----------------Team Sections------------------*/
.team-section .team-img img{
  height: 430px;
  width: 100%;
  object-fit: cover;
  border-radius: 160px 160px 0 0;
  object-fit: cover;
}
.team-section .team-detail{
  text-align: center;
  width: 73%;
  margin: 0 auto;
  margin-top: -15% !important;
  position: relative;
  border-radius: 15px;
  border: 1px solid rgb(255 255 255 / 20%);
}
/*--------------------gallery section--------------------------*/

.gallery-sec img{
  width: 100%;
  height: 250px !important;
  object-fit: cover;
}
.gallery-position{
  position: relative;
}
.gallery-social{
  position: absolute;
  top: 34%;
  bottom: auto;
  transform: translate(-50%, 50%);
  z-index: 999;
  left: 50%;
  right: auto;
  background: var(--wp--preset--color--secondary);
}
.gallery-sec .wp-block-social-links, .wp-block-social-links.has-normal-icon-size{
  font-size: 30px;
}
/*------------ Blog Section------------ */

.blog-section .blog-img {
  position: relative;
  width: 100%;
  background: #fff;
  height: 250px;
  border-radius: 20px 20px 0 0;
}
.blog-section .blog-img img{
  height: 250px;
}
.blog-post-content{
  position: absolute;
  bottom: 5%;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 10px 20px;
}
.post-content p{
  display: none;
}
.post-box-edit li:hover .post-content p{
  display: block;
}
.blog-sec h2 a, .edit-meta-date{
  color: #fff !important;
  position: relative;
  z-index: 99;
}
.edit-meta-date{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  display: inline-block;
}
.post-box-edit::after {
  content: "";
  height: 500px;
  border-radius: 20px;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,1) 100%);
  pointer-events: none; /* Allows clicks to pass through */
}
.blog-sec .post-box-edit:hover, .blog-sec .post-box-edit:hover::after{
  background: #fff !important;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.blog-sec .post-box-edit:hover img{
  height: 250px !important;
  border-radius: 20px 20px 0 0 !important;
  position: relative;
  z-index: 99;
}
.blog-sec .post-box-edit:hover .edit-meta-date time, .blog-sec .post-box-edit:hover h2 a{
  color: #000000 !important;
}
.blog-sec .post-box-edit:hover .post-content p{
  display: block;
  position: relative;
  z-index: 99;
}
.blog-sec .post-box-edit:hover .blog-post-content{
  bottom: 15%;
}
.blog-small-title{
  border-top: 2px solid var(--wp--preset--color--primary);
  border-bottom: 2px solid var(--wp--preset--color--primary);
  display: inline-block;
}
.wp-block-group.blog-small-title-group.is-layout-constrained.wp-block-group-is-layout-constrained{
  display: grid;
}/*-----------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;
}
.wp-block-woocommerce-product-collection.alignwide.is-layout-flow.wp-block-woocommerce-product-collection-is-layout-flow{
  margin-bottom: 3em;
}
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------------------*/
.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-post{
  padding:15px 20px !important;
}
.archive-page-sec{
  padding-bottom: 30px;
  padding-top: 30px;
}
/*Footer Section*/
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:hover{
  color: var(--wp--preset--color--primary);
}
.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-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 2em 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
  padding-left: 0;
}
.footer-section .wp-block-columns.copyright-section .wp-block-column:nth-child(2) {
  padding-right: 50px;
}
.footer-box h3 {
  margin-bottom: 20px;
  width: 100%;
}
.footer-box p, .footer-box p a{
  margin-top: 10px !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-pinterest{
  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:#000 !important;
}
.footer-mail::before, .footer-location::before, .footer-phone::before {
  content: "";
  position: absolute; 
  top: 0; 
  left: 0;
  width: 20px;
  height: 20px; 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-mail::before {
  background-image: url('images/mail.png');
}
.footer-location::before {
  background-image: url('images/location.png');
}
.footer-phone::before {
  background-image: url('images/phone.png');
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg{
  fill: #000 !important;
}
.footer-box .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg:hover{
  fill: var(--wp--preset--color--quaternary) !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*/
.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;
  border-radius: 30px;
  padding:10px 30px;
}
.wp-element-button:hover{
  background: #000 !important;
  border: 1px 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 Section*/
.wp-block-latest-posts.is-grid li {
  position: relative;
  background: #fff;
  border: solid 1px #eee;
  box-shadow: 0 5px 10px 0 rgb(0 0 0 / 16%), 0 0 0 0px rgb(0 0 0 / 8%);
  margin-bottom: 30px;
}
.blog-section .wp-block-latest-posts.is-grid li {
  box-shadow: none;
}
.wp-block-latest-posts.is-grid li img {
  width: 100%;
}
.wp-block-latest-posts.is-grid li a.wp-block-latest-posts__post-title {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  padding: 0 10px;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  margin:  15px 0 0;
}
.wp-block-latest-posts.is-grid li time.wp-block-latest-posts__post-date{
  display: inline-block;
  background: var(--wp--preset--color--primary);
  padding: 8px 8px;
  font-weight: 600;
  font-size: 13px;
  margin: 10px 0px 0px 10px;
  color: #fff;
  border-radius: 5px;
}
.wp-block-latest-posts.is-grid li .wp-block-latest-posts__post-excerpt {
  color: #6b6b6b;
  padding: 0 10px;
  font-size: 14px;
  line-height: 25px;
}
.innerpage-banner .wp-block-group h1{
  color: #fff !important;
}
/*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) !important;
  border-radius: 6px;
  font-size: 18px !important;
  color: #fff;
  border-radius: 30px;
  border:none;
  cursor: pointer;
  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 var(--wp--preset--color--secondary);
  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;
  border:none !important;
}
.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;
  background: #fff;
}
.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-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:var(--wp--preset--color--secondary) !important;
  border: none !important;
  color: #fff !important;
}
.wc-block-grid__products {
  justify-content: center;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name{
  color: #fff;
}
.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{
  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: 6px;
}
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;
}
.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: 30px;
  padding: 7px 10px !important;
  color: #fff !important;
  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 !important;
  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;
}
.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) {
  .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: 768px) and (max-width: 991px){
  
  .wp-block-columns.copyright-section.is-layout-flex.wp-container-core-columns-layout-8.wp-block-columns-is-layout-flex{
    max-width: 100%;
  }
  .wp-block-column.footer-box.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 46% !important;
  }
  .footer-section .wp-block-columns.copyright-section .wp-block-column:first-child {
    flex-basis: 70% !important;
  }
  .menu-section nav{
    gap: 0 !important;
  }
  .menu-section-button a{
    padding: 10px 9px !important;
    font-size: 13px;
  }
  .blank-menus-section{
    display: none;
  }
  .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: 0;
    max-width: 100% !important;
  }
  .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;
    padding: 2em;
  }
  .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) {
  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-sec nav{
    flex-wrap: nowrap !important;
  }
  .wp-block-navigation__responsive-container-open {
    background: #fff;
    padding: 10px;
    color: var(--wp--preset--color--secondary);
    border-radius: 7px;
  }
  .header-sec .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){
  .wp-block-navigation__responsive-container-close svg, 
  .wp-block-navigation__responsive-container-open svg{
    color:var(--wp--preset--color--primary);
  }
  .main-navigation a:focus{
    border: 1px solid #fff !important;
  }
  .header-sec ul, .header-sec ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
    gap: 25px !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;
  }
}
/*my media*/
@media screen and (max-width: 767px){
  .main-slides{
    background: var(--wp--preset--color--third-color);;
  }
  .wp-block-cover.slider-cover{
    padding-bottom: 0 !important;
  }
  .top-header :where(.is-layout-flex){
    gap: 1rem !important;
  }
  .wp-block-group.top-right-icons.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-5091c01e.wp-block-group-is-layout-flex{
    flex-direction: column;
  }
  .gallery-sec img{
    height: 150px !important;
  }
  .gallery-sec .wp-block-social-links, .wp-block-social-links.has-normal-icon-size{
    font-size: 25px;
  }
  .wp-block-group.gallery-row.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex{
    flex-wrap: wrap !important;
    justify-content: center;
  }
  .gallery-social{
    position: static;
    transform: none;
  }
  .team-section .team-detail{
    width: 65%;
  }
  .team-small-title{
    font-size: 16px !important;
  }
  .team-head{
    font-size: 26px !important;
  }
  .team-section .team-img img{
    height: 300px;
  }
  .team-name{
    font-size: 15px !important;
    padding-bottom: 0 !important;
  }
  .team-designation{
    font-size: 13px !important;
  }
  .top-left-row, .top-right-icons{
    justify-content: center !important;
  }
  .slider-btn a{
    font-size: 12px !important;
    padding:6px 20px !important;
  }
  .slider-img img{
    height: 300px !important;
  }
  .slider-details{
    font-size: 13px !important;
  }
  .main-banner-sec h2{
    font-size: 42px !important;
  }
  .slider-title-img img {
    width: 50px !important;
    height: 50px !important;
  }
  .slider-top-text{
    font-size: 11px !important;
    padding: 5px 15px !important;
  }
  .wp-block-cover.slider-cover{
    min-height: auto !important;
  }
  .custom-pagination{
    display: none;
  }
  .wp-block-columns.slider-main-col.is-layout-flex{
    height: auto;
  }
  .header-btn .wp-block-button a{
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
  .top-button .wp-block-button a{
    font-size: 14px !important;
  }
  .top-left{
    flex-wrap: nowrap !important;
  }
  .top-left .is-layout-flex{
    display: block !important;
    text-align: center;
  }
  .header-position{
    position: static;
    background: var(--wp--preset--color--third-color) !important;
  }
  .header-box{
    background: var(--wp--preset--color--third-color) !important;
  }
  .wp-block-buttons.header-btn.is-layout-flex.wp-block-buttons-is-layout-flex{
    justify-content: center;
  }
  .blog-section .blog-img, .blog-section .blog-img img{
    height: 200px;
  }
  .logo-box{
    text-align: center;
  }
}
@media screen and (min-width: 767px) and (max-width: 999px){
  .gallery-sec img{
    height: 150px !important;
  }
  .gallery-sec .wp-block-social-links, .wp-block-social-links.has-normal-icon-size{
    font-size: 20px;
  }
  .team-section .team-detail{
    width: 75%;
  }
  .team-small-title{
    font-size: 16px !important;
  }
  .team-head{
    font-size: 26px !important;
  }
  .team-section .team-img img{
    height: 200px;
  }
  .team-name{
    font-size: 12px !important;
    padding-bottom: 0 !important;
  }
  .team-designation{
    font-size: 10px !important;
  }
  .top-left-row, .top-right-icons{
    justify-content: center !important;
  }
  .top-button .wp-element-button{
    padding: 10px !important;
  }
  .header-btn .wp-block-button a{
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
  .top-button .wp-block-button a{
    font-size: 14px !important;
  }
  .slider-title-img img {
    width: 50px !important;
    height: 50px !important;
  }
  .slider-btn a{
    font-size: 12px !important;
    padding:6px 20px !important;
  }
  .custom-pagination{
    display: none;
  }
  .slider-img img{
    height: 400px !important;
    width: 500px !important;
  }
  .slider-details{
    font-size: 13px !important;
  }
  .main-banner-sec h2{
    font-size: 42px !important;
  }
  .slider-top-text{
    font-size: 11px !important;
    padding: 5px 15px !important;
  }
  .slider-cover{
    min-height: 500px !important;
  }
  .wp-block-columns.slider-main-col.is-layout-flex{
    height: 500px;
  }
  .slider-content{
    padding-top: 3em !important;
  }
  .blog-section .blog-img, .blog-section .blog-img img{
    height: 200px;
  }
  .wp-block-group.top-right.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-17124a9a.wp-block-group-is-layout-flex{
    gap: 15px !important;
  }
  .logo-box h1{
    font-size: 35px !important;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 33% !important;
  }
  .wp-block-column.is-vertically-aligned-center.menu-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 33% !important;
  }
  .wp-block-column.is-vertically-aligned-center.header-btn-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 33% !important;
  }
  .team-section .is-layout-flex,
  .header-position .is-layout-flex,
   .slider-cover .is-layout-flex,
   .counter-sec .is-layout-flex{
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 999px) and (max-width: 1024px){
  .gallery-sec img{
    height: 150px !important;
  }
  .gallery-sec .wp-block-social-links, .wp-block-social-links.has-normal-icon-size{
    font-size: 20px;
  }
  .team-section .team-detail{
    width: 75%;
  }
  .team-small-title{
    font-size: 17px !important;
  }
  .team-head{
    font-size: 26px !important;
  }
  .team-section .team-img img{
    height: 250px;
  }
  .team-name{
    font-size: 15px !important;
    padding-bottom: 0 !important;
  }
  .team-designation{
    font-size: 12px !important;
  }
  .pagination-item.active{
    width: 40px;
    height: 40px;
  }
  .pagination-item{
    font-size: 14px;
  }
  .top-button .wp-element-button{
    padding: 5px !important;
  }
  .header-btn .wp-block-button a{
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
  .top-button .wp-block-button a{
    font-size: 12px !important;
  }
  .slider-title-img img {
    width: 50px !important;
    height: 50px !important;
  }
  .slider-btn a{
    font-size: 12px !important;
    padding:6px 20px !important;
  }
  .slider-img img{
    height: 400px !important;
    width: 500px !important;
  }
  .wp-block-column.is-vertically-aligned-center.slider-content-col.is-layout-flow.wp-block-column-is-layout-flow{
      padding-top: 3em;
  }
  .slider-details{
    font-size: 13px !important;
  }
  .main-banner-sec h2{
    font-size: 48px !important;
  }
  .slider-top-text{
    font-size: 11px !important;
    padding: 5px 15px !important;
  }
  .slider-cover{
    min-height: 500px !important;
  }
  .wp-block-columns.slider-main-col.is-layout-flex{
    height: 500px;
  }
  .slider-content{
    padding-top: 3em !important;
  }
  .blog-section .blog-img, .blog-section .blog-img img{
    height: 200px;
  }
  .wp-block-group.top-right.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-17124a9a.wp-block-group-is-layout-flex{
    gap: 15px !important;
  }
  .logo-box h1{
    font-size: 35px !important;
  }
  .wp-block-column.is-vertically-aligned-center.slider-content-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 50% !important;
  }
  .wp-block-column.is-vertically-aligned-bottom.slider-img-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 50% !important;
  }
 
  .wp-block-group.top-right.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-17124a9a.wp-block-group-is-layout-flex{
    gap: 15px !important;
  }
  .logo-box h1{
    font-size: 25px !important;
  }
  .header-sec ul {
    gap: 25px !important;
  }
  .main-navigation span{
    font-size: 13px !important;
  }
  .header-btn a{
    padding-: 7px 20px !important;
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1599px){
  .pagination-item.active{
    width: 50px;
    height: 50px;
  }
  .pagination-item{
    font-size: 15px;
  }
  .main-banner-sec h2{
    font-size: 48px !important;
  }
  .top-button .wp-element-button{
    padding: 10px !important;
  }
  .header-btn .wp-block-button a{
    font-size: 14px !important;
    padding: 8px 18px !important;
  }
  .top-button .wp-block-button a{
    font-size: 12px !important;
  }
  .main-banner-sec .slider-img-col .wp-block-image img {
    height: 550px;
    width: 650px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px){
  .main-navigation a{
    font-size: 14px;
  }
  .main-navigation{
    gap: 10px 30px !important;
  }
}
@media screen and (min-width: 850px) and (max-width: 1300px){
  .gallery-sec img{
    height: 150px !important;
  }
  .gallery-sec .wp-block-social-links, .wp-block-social-links.has-normal-icon-size{
    font-size: 20px;
  }
  .team-section .team-detail{
    width: 75%;
  }
  .team-small-title{
    font-size: 17px !important;
  }
  .team-head{
    font-size: 26px !important;
  }
  .team-section .team-img img{
    height: 250px;
  }
  .team-name{
    font-size: 15px !important;
    padding-bottom: 0 !important;
  }
  .team-designation{
    font-size: 12px !important;
  }
  .pagination-item.active{
    width: 40px;
    height: 40px;
  }
  .pagination-item{
    font-size: 14px;
  }
  .top-button .wp-element-button{
    padding: 5px !important;
  }
  .header-btn .wp-block-button a{
    font-size: 14px !important;
    padding: 8px 15px !important;
  }
  .top-button .wp-block-button a{
    font-size: 11px !important;
  }
  .slider-title-img img {
    width: 50px !important;
    height: 50px !important;
  }
  .slider-btn a{
    font-size: 12px !important;
    padding:6px 20px !important;
  }
  .slider-img img{
    height: 300px !important;
    width: 500px !important;
  }
  .wp-block-column.is-vertically-aligned-center.slider-content-col.is-layout-flow.wp-block-column-is-layout-flow{
      padding-top: 3em;
  }
  .slider-details{
    font-size: 13px !important;
  }
  .main-banner-sec h2{
    font-size: 48px !important;
  }
  .slider-top-text{
    font-size: 11px !important;
    padding: 5px 15px !important;
  }
  .slider-cover{
    min-height: 500px !important;
  }
  .wp-block-columns.slider-main-col.is-layout-flex{
    height: 500px;
  }
  .slider-content{
    padding-top: 3em !important;
  }
  .blog-section .blog-img, .blog-section .blog-img img{
    height: 200px;
  }
  .wp-block-group.top-right.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-17124a9a.wp-block-group-is-layout-flex{
    gap: 15px !important;
  }
  .logo-box h1{
    font-size: 35px !important;
  }
  .wp-block-column.is-vertically-aligned-center.slider-content-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 50% !important;
  }
  .wp-block-column.is-vertically-aligned-bottom.slider-img-col.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 50% !important;
  }
 
  .wp-block-group.top-right.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-17124a9a.wp-block-group-is-layout-flex{
    gap: 15px !important;
  }
  .logo-box h1{
    font-size: 25px !important;
  }
  .header-sec ul {
    gap: 25px !important;
  }
  .main-navigation span{
    font-size: 13px !important;
  }
  .header-btn a{
    padding-: 7px 20px !important;
    font-size: 13px !important;
  }

  
}
@media screen and (max-width: 991px){
  .header-btn a{
    padding-: 7px 20px !important;
    font-size: 13px !important;
  }
   .header-sec button.wp-block-navigation__responsive-container-close{
    right: 20px;
  }
  .main-navigation{
    justify-content: center !important;
  }
  .main-navigation .home-page a span{
    background: none !important;
    padding: 0 !important;
    border-radius: 0;
    color: #fff !important;
    border: none !important;
  }
  .main-navigation .home-page span::before{
    content: 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;
  }
}
@media screen and (min-width: 600px) and (max-width: 1199px){
 
}
/* Scroll to Top */
.scroll-top-box {
  display: none; /* Initially hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #000;
  color: white;
  border: none;
  padding: 10px 16px 13px; 
  cursor: pointer;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.scroll-top-box .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.scroll-top-box .wp-block-button__link,
.scroll-top-box .wp-block-button__link:hover{
  background-color: #000;
}
.scroll-top-box .wp-element-button:hover, .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);
  }
}