@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 designed with a clean, stylish, and modern layout that instantly reflects beauty and professionalism. The homepage usually features a full-width banner with high-quality images, bold typography, and a clear call-to-action button such as “Book an Appointment.” The layout flows smoothly from services to testimonials, pricing, and contact details, making navigation simple and engaging. Every section is arranged neatly to highlight your salon’s expertise and visual appeal. This theme focuses on showcasing services in an elegant and organized way. You can display haircuts, styling, coloring, spa treatments, bridal makeup, and grooming services with attractive service boxes and pricing tables. The design often includes soft color palettes, trendy fonts, and image galleries that create a luxurious and welcoming vibe. With a dedicated gallery section, you can present before-and-after transformations to build trust and attract new clients. A Hair Dresser and Salon Theme also comes with an integrated appointment booking system. This feature allows clients to schedule services online without making a phone call. It saves time and improves customer experience. Many themes support staff profile sections where you can introduce hairstylists and beauty experts with their photos and specialties, helping clients feel more connected. The theme is fully responsive, which means it looks stunning on desktops, tablets, and smartphones. It also supports social media integration so you can link your Instagram or Facebook page to showcase your latest styles. With SEO-friendly coding and fast-loading pages, the theme helps your salon rank better in search engines. Overall, a Hair Dresser and Salon Theme gives you a polished online presence that attracts clients and grows your beauty business.
Version: 1.1
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);
  }
}