*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
html {
    margin-top: 0px!important;
}





/* .search-bar {
    background-color: #f4f4f4;
    padding: 10px 20px;
} */

/* .header-widgets {
    float: right;
} */

/* .header-cart {
    float: left;
    margin-right: 10px;
}

.header-login {
    float: left;
} */
/* .menu-item-158{
    position: relative;
    display: inline-block;
}
.menu-item-158:before{
    content: "\f007"; 
    font-family: FontAwesome; 
    font-size: 20px; 
    color: #fff;
    margin-right: 5px; 
} */
.slick-slider .element{
  height:100px;
  width:100px;
  background-color:#000;
  color:#fff;
  border-radius:5px;
  display:inline-block;
  margin:0px 10px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:20px;
}
.slick-slider .slick-disabled {
  /* opacity : 0;  */
  pointer-events:none;
}
/* .slick-prev:before{
    font-family: "Font Awesome 6 Free"!important;
    content: '\f053'!important;
}
.slick-next:before{
    font-family: "Font Awesome 6 Free"!important;
    content: '\f105'!important;
}
.slick-prev:before, .slick-next:before {
    color: #d2f310;
} */

/* .cart-icon {
    display: inline-block;
} */

/* .cart-image {
    position: relative;
} */

/* .cart-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 50px;
   overflow-y: scroll;
   height: 80vh;
    z-index: 999;
}
.cart-dropdown .widget{
    background: #fff;
} */
/* common */


/* common */
/* .site-search{
    float: none;
} */



/* .username:hover .dropdown {
    display: block;
} */



/* 
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus {
                outline-color:  #6D8F74!important;
                outline-width:1.5px;
            } */

          

.sub-menu li a{
    padding-bottom: 10px;
    color: #6d6d6d!important;
    font-size: 16px!important;
}
/* responsive menu */
/* .nav-bar {
  min-height: 4.375em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
} */

.nav-branding {
  font-size: 2rem;
  font-weight: 600;
  transition: color 500ms ease;
}

/* .nav-branding:hover, .nav-branding:focus {
  color: dodgerblue;
} */



/* .nav-link:hover, .nav-link:focus {
  color: dodgerblue;

} */







/* responsive menu */

.mobile-siteheader{
    display: none;
}
@media(max-width:998px){
  
    .site-header{
        /* position: fixed!important; */
    width: 100%;
        padding: 2px 0px !important;
    }
    .site-logo{
        width: 100%;
    }
}


/* .site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover{
	background-color: #F1F6F2!important;
} */

/* Footer */

.social-icons {
    display: flex;

list-style: none;
}
.social-icons a {
    background: #fff;
border-radius: 50px;
padding: 10px 10px 10px 10px;
margin: 0px 12px 0px 0px;
}
.social-icons a img{
    width: 18px;
}

.main-footer{
background-color: #DCE5E3;
padding: 20px 0px 5px 0px;
width: 100%;
float: left;
}
.main-footer p{
    font-family: "brawler-regular";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}
.footer-contacts {
    font-family: "brawler-regular";
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 1px;
    color: #6D7C78 !important;
    display: block;
}
.footer-contact-us-heading{
    font-weight: 600;
    font-size: 18px;
    color: #6D7C78;
    font-family: "sansation-bold";
    text-transform: uppercase;
}
.footer-items ul {
list-style: none;
margin-left: 3px;
}
.footer-items ul li {
    padding-bottom: 5px;
}
.footer-items ul li a{
font-size: 14px;
color: #6D7C78!important;
font-family: "brawler-regular";
}
.footer-items ul li a:hover{
    text-decoration: underline!important;
    text-decoration-color: #6d7c78!important;
    text-underline-offset: 4px;
}
.footer-logo img{

margin-bottom: 15px;
}
.copyright-footer {
display: flex;
justify-content: space-between;
align-items: center;
border-top: 1px solid #a6a6a6;

padding: 5px 0px;
}
.footer-items h6{
font-weight: 600;
font-size: 18px;
color: #6D7C78;
font-family: "sansation-bold";
text-transform: uppercase;
}
#newsletterform p{
font-size: 18px;
color: #6D7C78;
font-weight: 600;
margin-bottom: 10px;
font-family: "sansation-regular";
}
.emailinput{
border-radius: 4px;
border: 1px solid #6d7c78!important;
box-shadow: none;
background-color: transparent!important;
}
.subscribe-btn{
border-radius: 4px!important;
font-size: 16px;
padding: 10px 34px!important;
color: #6D7C78!important;
font-family: "sansation-regular";
}
.subscribe-btn:hover{
background-color: #6D7C78!important;
color: #fff!important;
}
@media(max-width:992px){
.social-icons {
    margin-bottom:35px;
}

.footer-mobile-items li{
    width: 25%;
    display:grid!important;
}


}
@media(max-width:998px){
    .mobile-sticky-footer{
        display: block!important;
        background-color: #F1F6F2;
    }
    .storefront-handheld-footer-bar{
        display: none!important;
    }
    .footer-mobile-items{
        display: flex;
        justify-content: space-evenly;
    }
}
@media only screen and (min-width: 992px) {
    .product-item {
        width: calc(25% - 20px)!important; /* Adjust width to fit 4 items in one row */
    }
}
@media(max-width:768px){
.copyright-footer{
    flex-direction: column;
    margin-bottom: 40px;
}
.greenimage{
    display: none;
}
.greencontents {
    width: 100%!important;
    border-radius: 25px;
}
.greencontents h2{
    font-size: 24px!important;
}
.greencontents p {
    font-size: 16px!important;
}
.greencontents ul li {
    font-size: 16px!important;
}
.greencontents {
    padding: 15px;
}

.latest-product-contents{
    width: 90%;
    margin: 0 auto;
}
.view-more {
    margin-top: 45px;
}
.headline-content h3 {
    font-size: 22px!important;
}
#product-wrapper{
    width:33.33%!important;

}
}



@media(max-width:998px){
    .hero-item a {
        left: 37%!important;
        padding: 6px 9px!important;

    }
    .hero-item h3 {
        left: 30%!important;
        font-size: 24px!important;
    }
}
@media(max-width:680px){
    .hero-item h3 {
        left: 25% !important;
        font-size: 20px !important;
    }
    .hero-item a {
        left: 31% !important;
    }
}
@media(max-width:500px){
    .hero-item h3 {
        left: 22% !important;
        font-size: 16px !important;
        top: 48% !important;
    }
    .hero-item a {
        left: 26% !important;
        top: 60% !important;
        font-size: 14px;
    }
    .subscribe-btn {
        padding: 10px 19px!important;
    }
    #product-wrapper{
        width:50%!important;
    
    }
    .category-slider .slick-next {
        right: -21px !important;
    }
    .slick-next:before {
        font-size: 26px!important;
    }
    .slick-prev:before {
        font-size: 26px!important;
    }
    .category-slider .slick-prev {
        left: -13px !important;
    }
}
@media(max-width:400px){
    .hero-item h3 {
        left: 13% !important;
        font-size: 16px !important;
        top: 48% !important;
    }
    .hero-item a {
        left: 18% !important;
        top: 62% !important;
        font-size: 14px;
    }
    
}
@media(max-width:350px){
    .hero-item h3 {
        left: 15% !important;
        font-size: 14px !important;
        top: 48% !important;
    }
    .hero-item a {
        left: 22% !important;
        top: 62% !important;
        font-size: 12px;
    }
}
.mobile-sticky-footer{
display: none;
}
.account-icon::before{
    content: "";
    display: inline-block; 
    width: 20px; 
    height: 20px; 
    background-image: url('../images/new-images/user-icon.png');
    background-size: cover;
}
.search-icon::before{
    content: "";
    display: inline-block; 
    width: 20px; 
    height: 20px;
    background-image: url('../images/new-images/search-icon.png');
    background-size: cover; 
    }
    .footer-cart-icon::before{
        content: "";
        display: inline-block; 
        width: 20px; 
        height: 20px;
        background-image: url('../images/new-images/cart-icon.png');
        background-size: cover; 
        }
.storefront-handheld-footer-bar ul li>a {
height: 3rem!important;
display: grid!important;
z-index: 999!important;
text-indent: 0!important;
color: #6D7C78!important;
}
.storefront-handheld-footer-bar {
height: 3.5rem!important;
}
.storefront-handheld-footer-bar ul li.search .site-search {
bottom: -7em!important;
}
.storefront-handheld-footer-bar ul li.search.active .site-search {
bottom: 100% !important;
}

  /* 1st section */
  /* #hero-fullwidth {
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}

.hero-item {
    position: relative;
}

.hero-item h3 {
    position: absolute;
    top: 42%;
    left: 25%;
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    font-family: "sansation-bold";
}

.hero-item a {
    background: #6D8F74;
    position: absolute;
    top: 54%;
    left: 41%;
    color: #f5f5f5 !important;
    padding: 10px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: .5s;
    font-family: "sansation-regular";
    transform: translate(0px, -7px);
}
.hero-item img{
    width: 100%;
}
.hero-item a:hover {
    background-color: #f5f5f5;
    color: #6D8F74 !important;
}

.slick-next:before {
    content: '\f105'!important;
    font-family: 'FontAwesome'!important;
    color: #6d8f74!important;
    font-size: 34px!important;
}

.slick-prev:before {
    content: '\f104'!important;
    font-family: 'FontAwesome'!important;
    color: #6d8f74!important;
    font-size: 34px!important;
}

.slick-dots li button:before {
    font-size: 35px !important;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #6d8f74!important;
}
.testimonial-list .slick-prev {
    left: -25px!important;
    z-index: 9!important;
}
.testimonial-list .slick-next {
right: -25px;
} */

/* 1st section */
/* 2nd section */
#sustainability{
width: 100%;
float: left;
padding: 20px 0px 20px 0px;
}

.greenrow{
display: flex;
align-items: normal;
flex-direction: row;
}
.greencontents {
    background: #E4EBDF;
width: 100%;
padding: 32px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.greenimage img{
max-width: 100%;
height:100%;
}
/* @media(max-width:1152px){
    .greencontents {
        width: 75%;
    }
}
@media(max-width:1125px){
    .greencontents {
        width: 60%;
    }
    .greenimage img {
        max-width: 92%;
    }
} */
.greencontents h2{
font-size: 45px;
margin-bottom: 10px;
font-weight: 600;
color: #60857C;
font-family: "sansation-bold";	
}
.greencontents p{
font-size: 20px;
margin-bottom: 15px;
font-family: "sansation-regular";
}
.greencontents ul{
margin-left: 19px;
margin-bottom: 0px;
}
.greencontents ul li {
font-size: 20px;
padding-bottom: 10px;
font-family: "sansation-regular";
}
.greencontents ul {
list-style-image: url('https://www.techpiviot.com/wp-content/themes/storefront/assets/images/new-images/tick-outlined.png')!important;
}
/* 2nd section */

/* 3rd section */

#eco-categories{
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}

.headline-content h3{
    color: #6B9288;
    font-weight: 600;
    font-size: 38px;
    margin-bottom: 0px!important;
    text-align: center;
    font-family: "sansation-bold";	
}
.headline-content p{
    color: #668A81;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
    font-family: "sansation-regular";
}
.category-slider {
    margin: 15px 0px;
}
.product_cat-title img.attachment-medium.size-medium  {
    width: 93%;
    margin: 5px auto;
}
.category-slider .slick-prev {
    left: -25px!important;
    z-index: 9!important;
}

.category-slider .slick-next{
    right:-25px!important;
}
.category-slider .product_cat-title{
    text-align: center;
    padding: 5px 0px;
    color: #6D7C78;
    font-size: 18px;
    font-weight: 500;
    font-family: "brawler-regular";
}
.view-more{
    text-align: center;
}
.view-more a {
    border: 1px solid #6D7C78;
    padding: 8px 24px;
    border-radius: 5px;
    color: #6D7C78 !important;
    cursor: pointer;
    transition: .5s;
    font-family: "sansation-regular";
}
.view-more a:hover{
    background-color: #6D7c78;
    color: #fff!important;
}
/* 3rd section */

/* 4th section */
#category-tags{
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}
.grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap between cells as needed */
    margin: 20px 0px;
  }
  
  .grid-item {
    border-radius: 15px;
    position: relative;
  }
  .grid-item a{
    position: absolute;
    top: 12px;
    left: 12px;
    background-color: #5E8178;
    padding: 5px;
    border-radius: 15px;
    color: #fff!important;
    font-size: 14px;
    cursor: pointer;
    font-family: "sansation-bold";	
    /* width: 85px; */
    text-align: center;
  }
/* .box-1:hover{
    transition: all .5s;
    transform : translateX(10px);
} */
.box-1{
    width: 39%;
    background-image: url('../images/new-images/tag-bg-1.png');
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 13%;
   
}

.box-2{
    width: 60%;
    background-image: url('../images/new-images/tag-bg-2.png');
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
   
}
.box-3{
    width: 60%;
    background-image: url('../images/new-images/tag-bg-3.png');
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    
}
.box-4{
    width: 39%;
    background-image: url('../images/new-images/tag-bg-4.png');
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 13%;
}
@media(max-width:1110px){
    .box-2{
     width: 59%;
    }
    .box-3 {
        width: 59%;
    }
}
@media(max-width:768px){
    .grid-container .grid-item a{
        width: auto;
       }
}
@media(max-width:525px){
    .box-2 {
        width:58%;
    }
    .box-3 {
        width: 58%;
    }
}
@media(max-width:350px){
    .box-2 {
        width:57%;
    }
    .box-3 {
        width: 57%;
    }
}
/* 4th section */

/* 5th section */
#latest-products{
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}
.latest-products-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; /* Adjust as needed */
    margin: -10px; /* Adjust margin to create spacing between items */
    row-gap: 20px;
    margin: 20px 0px;
}



/* .product-item a {
    display: block;
    text-align: left;
    color: #6D7C78!important;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    font-family: "brawler-regular";

} */
.woocommerce-Price-currencySymbol{

    padding-right: 5px;
}


.star-rating span:before{
    color: #ffc107!important;
}
.star-rating span:after{
    color: #ffc107!important;
}
.ratings {
    margin-top: 5px;
}
.star-rating {
    color: #6d6d6d!important;
}

/* 5th section */

/* 6th section */

#trending-products{
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}
.best-selling-products-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 20px;
    margin: 20px 0px;
}
.latest-product-contents h3{
    margin-bottom: 0px!important;
}

/* 6th section */

/* 7th section */
#testimonials{
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}
.testimonial-item img{
    width: 55px;
    margin: 0 auto;
    top: -23px;
    position: relative;
}
.testimonial-item {
    background-color: #E2EAE7;
    padding: 10px;
    border-radius: 15px;
    text-align: center;
    margin-bottom: 20px;
    /* width: 532px !important; */
    margin: 16px;
}
.testimonial-item h4{
    color: #60857C;
    font-size: 20px;
    font-family: "sansation-bold";	
    margin-top: 0px;
}
.testimonial-item p{
    font-family: "brawler-regular";
    font-size: 14px;
}
.testimonial-list {
    margin-top: 30px;
}
/* .btn-wrap {
	text-align: center;
	width: 100%;
}
button {
	background-color: #ddd;
	border: none;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 10px;
	font-size: 18px;
	font-weight: 600;
	transition: all 0.5s;
}
button.slick-disabled {
	opacity: 0.6;
} */

/* 7th section */


/* shop-page */
.category-items{
    display: flex;
    flex-wrap: wrap;
}
#product-wrapper{
    width: 25%;
    text-align: center;
    padding: 5px 0px;
    color: #6D7C78;
    font-size: 18px;
    font-weight: 500;
    font-family: "brawler-regular";
}
/* shop page */

/* few common styles */


.checkout-button{
    background-color: #6D7C78!important;
}
/* cart sidebar */

.wc-block-cart__submit-container {
background-color: transparent!important;
}
.wc-block-components-sidebar{
padding-left: 15px!important;
padding-right: 15px !important;

}
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide{
    /* max-width: 1115px!important; */
    width: 95%!important;
    margin: 0 auto;
}
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide{
    margin-left: 0px!important;
    margin-right: 0px!important;
}




/* cart sidebar */
.hero-carousel .slick-dots li button:before {
    color: #e3f1d7;
}
.hero-carousel .slick-dots {
    bottom: 21px;
    /* left: 30px; */
}
html{
    overflow-x: hidden;
}
.hero-carousel .slick-prev {
    left: -25px;
}
.hero-carousel .slick-next {
    right: -25px;
}
@media(max-width:850px){
    .category-slider .slick-prev {
        left: -19px!important;
    }
    .category-slider .slick-next {
        right: -15px !important;
    }
    .testimonial-list .slick-prev {
        left: -10px!important;
    }
    .hero-carousel .slick-prev {
        left: -21px!important;
    }
    .testimonial-list .slick-next {
        right: -10px;
    }
    .product_cat-title img.attachment-medium.size-medium {
        width: 90%!important;
    }
}


/* search page */
.storefront-full-width-content .site-main ul.products.columns-4 li.product{
    
    width: calc(25% - 20px) !important;
    float: left;
    margin-right: 9px!important;
    margin-bottom: 15px;
    
}
.searchproducts a:nth-child(2){
    display: none!important;
}
.searchproducts img{
    width: 95%;
    margin: 5px auto !important;
    border-radius: 17px;
}
.searchproducts .woocommerce-loop-product__title{
    display: block;
    text-align: left;
    color: #6D7C78 !important;
    font-size: 16px!important;
    font-weight: 500!important;
    font-family: "brawler-regular";
    min-height: 33px;
    width: 95%;
    margin: 10px auto;
}

 ul.products li.product .star-rating{
    font-size: 16px!important;
    text-align: left;
    margin: inherit!important;
    /* width: 95%; */
    margin: 5px auto !important;
}
.searchproducts .price{
text-align: left;
margin: 5px auto;
    width: 95%;
    margin-bottom: 0px!important;
}
.woocommerce-result-count{
    font-family: "sansation-bold";
    font-size: 18px;
    color: #6D7C78;
}
.woocommerce-pagination {
    text-align: center!important;
    float: none!important;
}
.wc-block-grid__product-onsale, .onsale, .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    margin: 0px 3px!important;
}

@media(max-width:768px){
    .storefront-full-width-content .site-main ul.products.columns-4 li.product {
        width: calc(35% - 20px) !important;
    }
}
@media(max-width:500px){
    .storefront-full-width-content .site-main ul.products.columns-4 li.product {
        width: calc(50% - 20px) !important;
    }
    .searchproducts{
        justify-content: space-between;
    }
}
/* search page */

/* product-detail-page */

.product-detail-title{
    font-family: "brawler-bold";
    color: #6D7C78 !important;
    font-size: 32px;
    margin-bottom: 20px;
}
.single-product div.product p.price{
    margin: 0px!important;
}


/* .single_add_to_cart_button{
    background: #6D8F74!important;
    border-radius: 4px !important;
    padding: 8px 30px !important;
    transition: .5s;
    height: 40px;
    font-size: 16px;
}
.single_add_to_cart_button:hover{
    background:transparent!important;
    border: 1px solid #6D8F74!important;
    color: #6D8F74!important;

} */

.single-product div.product .woocommerce-product-rating {
    margin-bottom: 0px!important;
}
.single-product .summary p{
 
    color: #6D7C78;
    font-family: 'brawler-regular';
    font-size: 16px;
}
.single-product div.product .summary {
    margin-bottom: 0.706326em!important;
}
.single-product div.product form.cart {
    margin-bottom: 0.706326em!important;
    padding: 0.5em 0!important;
}
.flex-control-thumbs li {
    width: 16.111111%!important;
    margin-right: 3.111111%!important;
  
}
.single-product .woocommerce-variation-add-to-cart{
    padding-top: 0.2em!important;
}
.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 0.6em!important;
}
/* a:focus, input:focus, textarea:focus {
    outline: 1px solid #6d8f74!important;
} */
.single-product div.product table.variations th{
    font-size: 14px;
}
/* select:focus-visible {
    outline: 1px solid #6d8f74!important; 
} */
.similar-products{
    font-family: "brawler-bold";
    color: #6D7C78 !important;
    font-size: 32px;
    margin-bottom: 20px;
}
/* .summary h1{
    font-family: "brawler-bold"!important;
    color: #6b9288 !important;
    font-size: 32px;
    margin-bottom: 20px;
}
.product-description{
    color: #a2ada9;
    font-family: "brawler-regular";
    font-size: 16px;
} */
#other-products-single-page{
    margin: 40px 0px;
    width: 100%;
    float: left;

}
#other-products-single-page h2{
    font-family: "sansation-bold";
    font-size: 40px;
    color: #6B9288;
}


input[type=search] ::placeholder{
    color: #333;
}
.social-icons a:hover{
    background-color: #6D7C78;
}

button.wc-block-cart-item__remove-link {
    color: red !important;
    font-family: "brawler-regular"!important;
}


.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p{
    font-family: 'brawler-regular'!important; 
}

.wc-block-components-product-details.wc-block-components-product-details li {
    font-family: 'brawler-regular';
    padding: 2px;
}


.hentry .entry-content a {
    text-decoration: none!important;
 
}

.mini-cart-item .variation p{
    color: #333333!important;
    font-family: 'brawler-regular';
}
.mini_cart_item a{
    color: #333333!important;
    font-family: 'brawler-regular';
    font-size: 14px!important;
}
.woocommerce-mini-cart__buttons a:first-child{
    background-color: #e4ebdf!important;
    border-color: #e4ebdf!important;
    color: #6d6d6d!important;
    border-radius: 6px;
}

.woocommerce-mini-cart__buttons  a.button.checkout {
    background-color: #5e8178!important;
    border-color: #5e8178!important;
    color: #ffffff;
    border-radius: 6px!important;
}

.filters-heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #6d7c784a;
}
.filters-heading p{
    margin-bottom: 0px;
    font-family: 'brawler-bold';
    font-size: 18px;
}

.filter-accordion-box #accordion{
    margin-left: 0px;
}
#accordion label{
    font-size: 16px;
    font-family: 'brawler-regular';
}

/* #accordion .accordion-label:first-child::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px; 
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #000; 
}
#accordion li{
    cursor: pointer;
    position: relative;
} */

/* ensures the increment/decrement arrows always display */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}
/* .related h2{
    color: #6B9288;
    font-weight: 600;
    font-size: 38px;
    margin-bottom: 0px !important;
    text-align: center;
    font-family: "sansation-bold";
} */


.related ul.products li.product .star-rating{
    width: 95px;
}
.search-results h2{
    text-align: left!important;
}
.search-results .price{
    text-align: left!important;
}


.woocommerce-tabs{
    display: none;
}





@media(max-width:992px){
    .fixed-menu {
        animation: none;
    }
}

/* .star-rating {
    width: 30%!important;
} */
.woocommerce-loop-product__title{
    color: #6D7C78 !important;
    font-size: 16px!important;
    font-weight: 500!important;
    margin-top: 10px;
    font-family: "brawler-regular";
    /* min-height: 33px; */
    display: block;
}
.woocommerce-products-header__title {
    color: #6B9288;
    font-weight: 600;
    font-size: 38px!important;
    margin-bottom: 0px !important;
    text-align: center;
    font-family: "sansation-bold";
}
.woocommerce-loop-product__link img{
    border-radius: 12px;
    margin: 5px 0px !important;
}
.search-results ul.products li .product {
    margin-bottom: 20px;
}
.search-results ul.products{
    justify-content: flex-start;
}
@media(max-width:768px){

    .woocommerce-products-header__title{
        font-size: 22px!important;
    }
}


/* my account page */



.wpgs-nav .slick-current {
    border-radius: 15px!important;
    border: 3px solid #6d7c78!important;
}
.product_meta .posted_in, .tagged_as{
    opacity: 0;
    pointer-events: none;
}
@media(max-width:768px){
    .single-product div.product .woocommerce-product-gallery img {
        margin: 0;
        max-width: 100%;
        width: 100%!important;
    }
}
.wpgs-nav .slick-active img {
    opacity: 1;
}

/* input[type=text], input[type=tel] {
    background-color: transparent!important;
    border: 1px solid #6d7c78!important;
    box-shadow: none!important;
    border-radius: 15px!important;
} */
.xoo-aff-input-icon {
    display: none!important;
}
.xoo-el-form-popup input {
    border-radius: 4px!important;
}
input.components-combobox-control__input[type=text]{
    border-radius: 4px !important;
    background: transparent !important;
}

.mobile-filters {
    display: none;
}
@media(max-width:768px){
    .mobile-filters {
        display: block;
        float: right;
        padding: 13px;
        background: #fff;
        border-radius: 12px;
        position: fixed;
        bottom: 9%;
        right: 10px;
    }
    .filter-accordion-box{
        display: none;
    }
    .page-title{
        font-size: 22px;
    }
    .filters-heading{
        margin-top: 45px;
    }
    #popupContainer #accordion {
        margin-left: 0px;
    }
}
.page-title{
    color: #6B9288;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 20px !important;
    font-family: "sansation-bold";
}
.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.popup-content {
    background-color: #F1F6F2;
    max-width: 600px;
    height: 100%;
    padding: 20px;
    position: relative;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    cursor: pointer;
}
.accordion-label{
    padding-bottom: 10px;
    font-family: 'brawler-regular';
}
input[type=checkbox]+label{
    padding-bottom: 0px;
}
.accordion-label ul{
    padding-left: 0px!important;
}


/* .product-filter-items .latest-products-list {
    justify-content: space-around!important;
} */
 .product-filter-items .latest-products-list {
    justify-content: flex-start!important;
 }

@media(max-width:768px){
  
    h1.entry-title {
        font-size: 22px!important;
    }
}
/* #home-menu li a{
    color: #6d7c78!important;
}

#home-menu li .sub-menu li a{
    padding-bottom: 10px;
    color: #6d7c78!important;
}
.dropdown{
    background-color: #DCE5E3;
}

.dropdown ul li a{
    padding-bottom: 10px;
    color: #6d7c78!important;
} */

.xoo-aff-required .xoo-aff-text{
    border-radius: none!important;
}



.storefront-handheld-footer-bar {
    padding: 5px 0px;

}
span.cart-count-mobile {
    position: absolute;
    right: 21px;
    top: 0px;
    background: #6d7c78;
    color: #fff;
    padding: 0px 6px;
    border-radius: 16px;
    font-size: 10px;
}


/* gree-gene-popup */

.green-gene-popup{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #e4ebdf;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-width: 800px;
    text-align: center;
    width: 35%;
}
@media(max-width:768px){
    .green-gene-popup{
        width: max-content!important;
    }
}
.green-gene-popup h2 {
    margin-top: 0;
    margin-top: 0;
    font-family: 'brawler-bold';
    font-size: 24px;
    color: #6d7c78;
    margin-bottom: 35px;
}

.green-gene-popup input[type="email"] {
    width: 70%;
    margin-bottom: 10px;
    padding: 9px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: .5s;
    font-family: "sansation-regular";
    box-shadow: none;
    background: transparent;
    border: 1px solid #6d7c78;
}
.green-gene-popup input[type="email"]:focus{
    background-color: transparent!important;
}
#green-gene-popup p{
    padding-bottom: 10px;
    font-family: 'brawler-regular';
    font-size: 16px;
}
#greengeneForm button {
    background: #6D8F74;
    color: #f5f5f5 !important;
    padding: 6px 24px;
    border-radius: 4px;
    cursor: pointer;
    transition: .5s;
    font-family: "sansation-regular";
    height: 45px;
}
#greengeneForm{
    display: flex;
    justify-content: space-evenly;
}

.wpgs-nav .slick-active img {
    opacity: 1!important;
}

.wc-block-cart__submit-button .contained:not(.is-link):focus  {

}
span#closeButton {
    float: right;
    font-size: 24px;
    cursor: pointer;
}

#reset-password-form{
    background-color: transparent!important;
    margin: 0px;
}



/* blog-page */

#blog-page-section{
    width: 100%;
    float: left;
    padding: 35px 0px;
}

.blod-card-layout h1{
    color: #6B9288;
    font-weight: 600;
    font-size: 38px;
    margin-bottom: 20px !important;
    text-align: center;
    font-family: "sansation-bold";
}
.blog-card-box {
    padding: 12px;
    border: 1px solid #6d7c78;
    border-radius: 12px;
    margin-bottom: 15px;
}
.blog-sub-contents {
    display: flex;
    justify-content: space-between;
}
.blog-read-more-link a{
    background: #6B9288;
    padding: 8px 15px;
    color: #fff!important;
    cursor: pointer;
    border-radius: 7px;

}
.blog-read-more-link{
    text-align: end;
}
/* blogpage */

button.button.btn.xoo-el-action-btn.xoo-el-login-btn {
    width: 55%!important;
    margin: 10px auto!important;
    display: flex!important;
    justify-content: center!important;
}

button.button.btn.xoo-el-action-btn.xoo-el-register-btn {
    width: 55% !important;
    margin: 10px auto !important;
    display: flex !important;
    justify-content: center !important;
}


/* .variations > select >option:first-child(){
    display: none;
} */

/* .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before{
    min-height: 7px!important;
    min-width: 7px !important;
    background: #6d8f74!important;
    width: 5px!important;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked{
    border: 1px solid #6d7c78;
}
.wc-block-components-radio-control .wc-block-components-radio-control__input {

    width: 10px!important;
    height: 0.5rem!important;
    min-height: 14px!important;
    min-width: 14px!important;
} */
.wc-block-components-checkout-step__content input{
    border-radius: 4px!important;
    border: 1px solid #0606063b!important;
    box-shadow: none!important;
    background-color: transparent!important;
}

.wc-block-components-checkout-step__content .wc-block-components-address-card{
    border: 1px solid #0606063b!important;
}

.wc-block-components-checkout-step__content .wc-block-components-radio-control__option{
    border: 1px solid #0606063b!important;
    box-shadow: none!important;
}
.wc-block-components-checkout-step__content .wc-block-components-radio-control-accordion-option {
    border: 1px solid #0606063b!important;
    box-shadow: none!important;
}
.wc-block-components-checkout-step__container textarea {

    background: transparent!important;
    border: 1px solid #0606063b!important;
}

.single-product div.product p.price {
    font-size: 18px !important;
    font-weight: 400 !important;
    font-family: 'Roboto';
    margin-bottom: 16px !important;
}

.woocommerce-MyAccount-navigation ul li a::before {
    opacity: 0!important;
}
.edit-account span em {
    font-size: 12px!important;
}
.account-save-button {
    display: block!important;
    width: fit-content!important;
    margin: 0 auto!important;
}

a.woocommerce-button.button.view {
    background: transparent;
    border: 1px solid #6d7c78;
    border-radius: 4px;
}


.site-navigation ul ul {
    border-radius: 4px;
    background-color: #e2eae7;

}


a.reset_variations{
    display: none!important;
}

input[type="checkbox"][name="xoo-el-rememberme"],  .xoo-el-form-label span  {
    display: none;
}

/* .woocommerce-MyAccount-content h2 {
    color: #6d7c78!important;
} */



#pa_runner-size option:first-child {
    display: none;
}


@media(min-width:768px){
    .wc-block-cart-item__image {
width: 13%;
padding-right: 17px;
    } 
    .wc-block-cart-item__product{
        width: 21%;
    }
    .wc-block-cart-item__total{
        width: 0%;
    }
    .is-large.wc-block-cart .wc-block-cart-items td {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 4px;
    }
  
}
  .wc-block-cart-item__wrap .wc-block-components-product-details {
    display: flex;
    flex-wrap: wrap;
  }

  .wc-block-cart-item__wrap .wc-block-components-product-details li{
    font-size: 16px;
    
  }





.wp-block-woocommerce-checkout-order-summary-block {
    background: #ffffff;
    border-radius: 12px;
}



@media(min-width:992px){
    .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main{
        width:60%!important
    }
    .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar{
        width:40%!important
    }
}


.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
    display: none!important;
}






.hero-mobile{
    display: none!important;
}

@media(max-width:768px){
    .hero-mobile{
        display: block!important;
    }
    .hero-dekstop{
        display: none!important;
    }
}
.hero-mobile img{
    border-radius: 12px;
}

.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {

    background: #6d8f74!important;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px!important;
    left: 50%;
    margin: 0;
    min-height: 3px;
    min-width: 6px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px!important;
}

.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {

    border: 1px solid hsl(132.35deg 13.49% 49.41%)!important;
}
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-radio-control .wc-block-components-radio-control__input {
    appearance: none;
    background: #fff;
    border: 1px solid rgba(25, 23, 17, .48);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 5px!important;
    left: 19px;
    margin: inherit;
    min-height: 15px!important;
    min-width: 15px!important;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    width: 5px!important;
}


  @media(min-width:992px){
    .footer-col-one {
        width: 20%!important;
        margin: 0 auto;
      }
  }

.wc-block-components-checkbox .wc-block-checkout__use-address-for-billing input#checkbox-control-0   {
border-radius: 50%!important;
}
.wc-block-checkout__add-note .wc-block-components-checkout-step__content input{
    border-radius: 50%!important;
}