/* ---------------- Google fonts ------------------ */

/* Open Sans */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

/* Poppins */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Lato */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

/* Quentin */
@font-face {
  font-family: "Quentin";
  src: url("../font/Quentin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ---------------- Basic css ------------------ */

html {
  font-size: 62.5%;
}

:root {
  scroll-behavior: unset;

  /* font */
  --primaryFont: "Open Sans", serif;
  --secondaryFont: "Poppins", serif;
  --fontLoto: "Lato", serif;
  --quentinFont: "Quentin";

  /* colors */
  --primary: #bcd7a8;
  --Secondary: #70916d;
  --tertiary: #224635;
  --gray-500: #414141;
  --warning: #f5bb4f;
  --error: #ee7777;
  --black: #000;
  --white: #fff;
  --primary-color: #70916d;
  --hover-bg: #f7f7f7;
  --border-color: #eee;
  --text-color: #414141;
}



/* body */
body {
  color: var(--dark);
  font-family: var(--primaryFont);
  font-size: 1.4rem;
  background-color: #fff;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25;
}


.input-error {
    border: 1px solid #F71014 !important;
}

.error-text {
    color: #F71014;
    font-size: 13px;
    margin-top: -10px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.error-text.d-none {
    display: none;
}

.ascountcart{
  color: #8AA179;

}

.ascountcart:hover{
  color: #8AA179;
  
}
.maincarousel .carousel-indicators {
  bottom: 20px;
}

.maincarousel .carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  background-color: #43da20; 
  border-radius: 50%;
  border: none;
  margin: 0 5px;
  opacity: 0.6;
  transition: opacity 0.3s ease;
}

.maincarousel .carousel-indicators .active {
  opacity: 1;
}


.maincarousel .carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
}

.maincarousel .carousel-fade .carousel-item.active {
  opacity: 1;
}

.maincarousel .carousel-fade .carousel-item.active.carousel-item-start,
.maincarousel .carousel-fade .carousel-item.active.carousel-item-end {
  opacity: 0;
  z-index: 1;
}

.maincarousel .carousel-fade .carousel-item-next.carousel-item-start,
.maincarousel .carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
}


.maincarousel .carousel-control-next, .carousel-control-prev{
  opacity: 1;
  font-size: 30px;
}
.maincarousel .carousel-control-prev-icon:before,
.maincarousel .carousel-control-next-icon:before {
  display: none;
}

.maincarousel .carousel-caption h3 {
  font-style: normal;
  text-decoration: none;
  text-align: center;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  font-weight: 500;
  font-size: 38px;
  color: #43da20;
  font-family: 'Poppins';
}

.maincarousel .carousel-caption{
  position: initial !important;
  max-width: 1180px;
    padding-left: 20px;
    padding-right: 20px;

}

.maincarousel .carousel-item {
  vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
} 

.maincarousel .carousel,
.maincarousel .carousel-inner,
.maincarousel .carousel-item {
  height: 600px;
} 

.maincarousel .carousel-item:nth-child(1) {
  background: url('../img/slide-1.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.maincarousel .carousel-item:nth-child(2) {
  background: url('../img/slide-2.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.maincarousel .carousel-item:nth-child(3) {
  background: url('../img/slide-3.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.maincarousel .carousel-item:nth-child(4) {
  background: url('../img/slide-4.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.topsec-text{
  padding: 0px 20px;
}
.topsec-text a p{
  font-family: var(--secondaryFont);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #414141;
}
.topsec-text a span{
  font-family: var(--secondaryFont);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #414141;
}
.topsec-text p{
  font-family: var(--secondaryFont);
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #414141;
}

.topsec-text a {
 text-decoration: none;
}

.topsec-text a:hover {
    color: #414141;

}



.topsec-title h2{
  font-family: var(--primaryFont);
  font-size: 28px;
  margin: 20px 0;
  font-weight: 600;
  line-height: 39px;
  color: #789364;
}



    .carousel-container-uf {
      width: 100%;
      max-width: 1180px;
      overflow: hidden;
      margin: 0 auto;
}

.carousel-uf {
display: flex;
transition: transform 0.8s ease;
}

.carousel-item-uf {
padding: 10px;
}

@media (min-width: 992px) {
.carousel-item-uf {
width: 33.333%;
flex: 0 0 33.333%;
}
}

@media (min-width: 576px) and (max-width: 991px) {
.carousel-item-uf {
width: 50%;
flex: 0 0 50%;
}
}

@media (max-width: 575px) {
.carousel-item-uf {
width: 100%;
flex: 0 0 100%;
}
}

.product-card-uf {
height: 100%;
border-radius: 8px;
overflow: hidden;
background-color: #F4F4F4;
}

.product-top-uf {
background-color: #E9EFEB;
padding: 20px;
display: flex;
align-items: center;
}

.product-image-uf {
width: 60px;
height: 60px;
background-color: #eee;
border-radius: 4px;
overflow: hidden;
margin-right: 15px;
}

.product-image-uf img {
width: 100%;
height: 100%;
object-fit: cover;
}

.product-info-uf h3 {
font-size: 24px;
color: #789364;
font-weight: 500;
margin-bottom: 5px;
}

.product-price-uf {
font-size: 16px;
color: #414141;
font-family: "Poppins";
}

.product-bottom-uf {
padding: 20px;
}

.product-title-uf {
font-size: 22px;
color: #000;
font-weight: 500;
margin-bottom: 15px;
}

.product-description-uf {
color: #414141;
font-size: 16px;
font-family: "Poppins";
line-height: 2;
margin-bottom: 15px;
}

.product-reviewer-uf {
color: #789364;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}

.rating-uf {
color: #ff9800;
font-size: 20px;
}




   .uffaq-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 20px 0px 40px 0px;
}

.uffaq-accordion .accordion-item {
  border: none;
  border-bottom: 1px solid #EBEBEB;
}
.hsn .accordion-button, .hsn .accordion-body{
  padding: 0px !important;
}
.uffaq-accordion .accordion-button {
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
  font-family: var(--secondaryFont);
  color: #414141;
  background-color: transparent;
  box-shadow: none;
}

.uffaq-accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: none;
}

.uffaq-accordion .accordion-button:focus {
  box-shadow: none;
  border-color: transparent;
}



.uffaq-accordion .accordion-body {
  padding: 0px;
  color: #414141;
  font-family: var(--secondaryFont);
  font-size: 16px;
  line-height: 2;
  padding-bottom: 20px;
}

.uffaq-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  padding-right: 10px;
}


.uffaq-btn {
    display: flex;
    justify-content: center;
    text-align: center;
    vertical-align: bottom;
    align-items: center;
    padding: 6px 20px;
    font-weight: 400;
    text-decoration: none !important;
    background-color: transparent;
    color: #789364;
    border: 1px solid #789364;
    border-radius: 5px;
    width: fit-content;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: var(--secondaryFont);
    margin-bottom: 0px;
}


.uffaq-btn:hover {
  background-color: #789364;
  color: #fff;
}

  #offcanvaslogin .uffaq-btn:focus {
  background-color: #789364;
  color: #fff;

   }



.uffaqhome{
      padding: 40px 10px;
}
.blogread_more:hover {
  background-color: #789364;
  color: #fff;
}
.blogread_more{
  display: inline-block;
  background-color: #E9EBE7;
  color: #789364;
  border-radius: 0px 0px 0px 0px;
    padding: 10px 30px 10px 30px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  text-decoration: none !important;
  transition: all 0.3s ease;
  margin-top: 20px;
}
.show{
  visibility: visible;
}

@media (min-width: 767px) and (max-width: 900px) {
  .maincarousel .carousel,
  .maincarousel .carousel-inner,
  .maincarousel .carousel-item {
    height: 350px;
  } 
  
  .carousel-caption h3{
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .uffaq-image {
      margin-top: 24px;
  }
  .uffaqhome{
      padding: 40px 20px !important;
}
  .uffaq-image img{
    padding: 0px !important;
  }
  .maincarousel .carousel,
.maincarousel .carousel-inner,
.maincarousel .carousel-item {
  height: 300px;
} 

.ufleft-product{
  order: 2;
}
.allproducts{
  padding-top: 16px;
}

.carousel-caption h3 {
  font-size: 20px !important;
}
.carousel-control-next, .carousel-control-prev{
 display: none;
}
}


/* blog post */

.blog-uf {
  margin-bottom: 30px;
  border-radius: 0;
  overflow: hidden;
  background-color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
}



.blog-image {
  position: relative;
  overflow: hidden;
}

.blog-image img {
  width: 100%;
  height: 275px;
  /* object-fit: cover; */
  transition: transform 0.5s ease;
}

.blog-uf:hover .blog-image img {
  transform: scale(1.05);
}

.blog-date {
  position: absolute;
  bottom: 2px;
  left: 25%;
  background-color: #fff;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.blog-date span {
  color: #80827e;
  font-size: 14px;
  font-weight: 500;
}

.blog-content {
  padding-top: 10px;
}

.blog-category {
  color: #80827e;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
  font-family: 'Poppins';
}
.morelessbtn{
    list-style: none;
    cursor: pointer;
}

.blog-title {
  color: #789364;
  font-size: 24px;
  font-weight: 500;
    height: 62px;
  margin-bottom: 15px;
  font-family: 'Open Sans';
  line-height: 1.3;
  overflow: hidden;
}

.blog-excerpt {
  color: #80827e;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
  font-family: 'Poppins';
  line-height: 1.6;
  height: 78px;
  overflow: hidden;
}



.blog-carousel-container {
  padding: 20px 0;
}


.blog-item-wrapper {
  height: 100%;
}

@media (max-width: 991px) {
  
  
  .blog-excerpt {
      height: 72px;
  }
  

}

@media (max-width: 767px) {
  
  .ufleftfaq, .top-section{
    padding: 0px !important;
  }
  .carousel-container-uf{
    padding: 0px 10px !important;
  }
  .blog-content {
      padding-top: 10px;
  }
  
  .section .uffaq {
    padding: 0px 10px;
  }
  
  .ufpro-slider {
    margin: 0 !important;
  }
}

.btn-close:focus{
  box-shadow:none;
}
.newslettersuccess{
  margin-bottom: 20px;
}
.alert, .text-danger{
  font-family: 'Poppins';
}
#faqs-page .topsec-title h2{
  margin-bottom: 0px;
}
 @media (max-width: 768px) {
       #product-page  .ufpro-slider__header .product-carousel .owl-item{
            max-width: 320px;
        }
        .blog-single .main-image{
          height: 250px !important; 
        }
       
        .section .faq-respace{
          padding: 0px 30px !important;
        }
        #single-product .signle-product-container {
          padding: 20px !important;
          padding-bottom: 0px !important;
        }
        .pnoneres{
          padding-right: 5px !important;
        }
        }
        /* sort dropdown */

#product-page .sort_dropdown {
  display: inline-block;
  position: relative;
  z-index: 11;
}

#product-page .sort_dropdown .toggle {
  padding: 0;
  background: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6rem;
  font-size: 18px;
    font-family: "Open Sans";
    color: #000;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
}

#product-page .sort_dropdown .toggle img {
  width: 1.4rem;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

#product-page .sort_dropdown.show .toggle img {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#product-page .sort_dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 21.2rem;
  border-radius: 1rem;
  border: 1px solid #ebebeb;
  background: #fff;
  -webkit-box-shadow: 0rem 0rem 0.4rem 0rem rgba(0, 0, 0, 0.25);
          box-shadow: 0rem 0rem 0.4rem 0rem rgba(0, 0, 0, 0.25);
  margin-top: 1.6rem;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

#product-page .sort_dropdown.show .sort_dropdown_menu {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
          transform: scaleY(1);
}

#product-page .sort_dropdown_menu .item {
  position: relative;
  display: block;
  color: var(--gray-500);
  font-family: var(--secondaryFont);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0.7rem 1.6rem;
  text-align: left;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
}

#product-page .sort_dropdown_menu .item:hover {
  background: rgba(188, 215, 168, 0.5);
}

#product-page .sort_dropdown_menu .item:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

#product-page .sort_dropdown_menu .item input {
  display: none;
}

#product-page .sort_dropdown_menu .item span {
  display: inline-block;
}

#product-page .sort_dropdown_menu .item input:checked + span {
  color: var(--black);
}

#product-page .sort_dropdown_menu-resposive{
    right: 0px !important;
    left: auto !important;
}

#product-page .hideindesktop{
    display:none;
}
@media (max-width: 767px) {
    #product-page .hideinmobile{
    display:none;
}

.ufpro-modal__title{
  font-size: 20px !important;
    padding-top: 20px;
}
#product-page .hideindesktop{
            display: block !important;
        width: 50%;
        float: left;
}
#product-page .responsive-sort-by{
        width: 50%;
        justify-content: end !important;
}
#product-page .sort_dropdown .toggle{
    font-size: 16px;
}

#product-page .ufleft-product{
    padding: 0px;
}
}
 #product-page .hideinmobile h1{
    font-size: 18px;
    font-weight: 400;
    font-family: "Open Sans";
    color: #000;
}


/* product slider */



.ufpro-slider {
  position: relative;
  margin: 32px 0;
}

.ufpro-slider__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.ufpro-slider__nav {
  display: flex;
  gap: 10px;
}

.ufpro-slider__nav-btn {
  width: 40px;
  height: 40px;
  border: none;
  background: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}



.ufpro-slider__card {
  text-align: center;
  margin: 0px;
  transition: all 0.3s ease;
}



.ufpro-slider__img-wrapper {
  display: flex;
  align-items: center;
  height: 275px;
  justify-content: center;
  position: relative;
  background-color: #E9EBE7;
}

.ufpro-slider__img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.ufpro-slider__badge {
  position: absolute;
  top: 10px;
  background-color: white;
  color: #555;
  padding: 2px 12px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  z-index: 2;
}

.ufpro-slider__details {
  padding: 15px;
  position: relative;
  background-color: white;
}

.ufpro-slider__title {
  font-size: 18px;
  font-weight: 400;
  color: #789364;
  margin-bottom: 8px;
  line-height: 1.4;
}

.ufpro-slider__info {
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
  /* transform: translate(-11%, 0px); */

}

.ufpro-slider__price {
  font-size: 16px;
  font-weight: 500;
  color: #68745c;
}

.ufpro-slider__action-wrapper {
  position: relative;
}

.ufpro-slider__cart-btn {
  border: none;
  border-radius: 5px;
  font-family: "Poppins";
  background: #FFFFFF;
  color: #789364;
  padding: 8px;
  width: max-content;
  font-size: 16px;
  transition: all 0.3s ease;
  /* position: absolute; */
  top: 0;
  font-weight: 400;
  opacity: 0;
  left: -22px;
}

.ufpro-slider__card:hover .ufpro-slider__price {
  opacity: 0;
  display: none;
}
.ufpro-slider__cart-quantity{
opacity: 0;
}

.product-p-slider__card:hover .ufpro-slider__cart-quantity{
opacity: 1;
}

.ufpro-slider__card:hover .ufpro-slider__cart-quantity{
opacity: 1;
}

.product-p-slider__card:hover .ufpro-slider__cart-btn{
  opacity: 1 !important;
  border: 1px solid #70916D;
  border-radius: 5px;
}
.product-p-slider__card:hover .ufpro-slider__cart-btn:hover {

  background-color: #70916D;
  color: #fff;
}

.ufpro-slider__card:hover .ufpro-slider__cart-btn {
 opacity: 1;
  border: 1px solid #70916D;
  border-radius: 5px;

}

.ufpro-slider__card:hover .ufpro-slider__cart-btn:hover {
 opacity: 1;
  background-color: #70916D;
  color: #fff;


}
.blog-post-btn {
  z-index: 333 !important;
}

.ufpro-slider__buttons {
  display: flex;
  position: absolute;
  top: -40px;
  right: 40%;
  opacity: 0;
  transition: all 0.3s ease;
}

.ufpro-slider__quick-view {
  border-right: inset;
}

.ufpro-slider__card:hover .ufpro-slider__buttons {
  opacity: 1;
}
.addwishlistbtn{
  padding-left: 0px !important;
}




.ufpro-slider__quick-view, 
.ufpro-slider__wishlist {
  background-color: transparent;
  border: none;
  padding: 5px 10px 5px 8px;
  font-size: 16px;
  color: #789364;
  font-weight: 400;
  font-family: "Poppins";
  margin-top: 0;
}

.ufpro-slider__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.owl-nav {
  display: none;
}

.ufpro-modal__body {
  padding: 30px;
}

.ufpro-modal__title {
  color: #414141;
  font-family: "Poppins";
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 1.2;
}

.ufpro-modal__pricing {
  margin-bottom: 20px;
}

.ufpro-modal__old-price {
  color: #999;
  text-decoration: line-through;
  font-size: 18px;
  margin-right: 10px;
}

.ufpro-modal__current-price {
      color: #414141;
    font-size: 18px;
    font-weight: 600;
    font-family: "Poppins";
}

.ufpro-modal__description {
  color: #414141;
  font-size: 16px;
  font-weight: 300;
  font-family: "Poppins";
  line-height: 1.5;
  margin-bottom: 20px;
}

.ufpro-modal__actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

.ufpro-modal__quantity {
  display: flex;
  border: 1px solid #ddd;
}

.ufpro-modal__quantity-input {
  width: 40px;
  text-align: center;
  border: none;
  padding: 10px 5px;
}

.ufpro-modal__quantity-btns {
  display: flex;
  flex-direction: column;
  border-left: 1px solid #ddd;
}

.ufpro-modal__quantity-up, 
.ufpro-modal__quantity-down {
  border: none;
  background: #f5f5f5;
  padding: 3px 8px;
  cursor: pointer;
  font-size: 10px;
}

.ufpro-modal__quantity-up {
  border-bottom: 1px solid #ddd;
}

.ufpro-modal__add-btn {
  display: inline-block;
  padding: 7px 10px;
  font-weight: 400;
  text-decoration: none !important;
    background-color: transparent;
    color: #789364;
    border: 1px solid #789364;
    border-radius: 5px;
    height: 34px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: var(--secondaryFont);
    margin-bottom: 0px;
}


.ufpro-modal__add-btn:hover {
  background-color: #789364;
  color: #fff;
}

@media (max-width: 768px) {

  .topsec-text p{
    font-size: 16px !important;
  }
   .topsec-text span{
    font-size: 16px !important;
  }
  .product-p-categories__list{
    display: none;
  }
  .ufpro-slider__grid {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
}

@media (max-width: 576px) {
  .ufpro-slider__card {
      margin: 6px;
  }
  
  .ufpro-slider__grid {
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
      gap: 10px;
  }
  
  .ufpro-slider__title {
      font-size: 16px;
      height: 42px;
  
  }
  
  .ufpro-slider__price {
      font-size: 16px;
  }
}

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
strong,
i,
ol,
ul,
li,
form,
label,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
  color: inherit;
}

button:focus,
a:focus,
input:focus,
textarea:focus {
  outline: none;
}

/* body */
body {
  color: var(--dark);
  font-family: var(--primaryFont);
  font-size: 1.4rem;
  background-color: #fff;
  font-style: normal;
  font-weight: 300;
  line-height: 1.25;
}

.container {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Title */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--primaryFont);
  color: var(--green);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.title_xl {
  font-size: 6rem;
}

.title_lg {
  font-size: 2.8rem;
}

/* Font Weights */

.f_300 {
  font-weight: 300 !important;
}

.f_400 {
  font-weight: 400 !important;
}

.f_500 {
  font-weight: 500 !important;
}

.f_600 {
  font-weight: 600 !important;
}

.f_700 {
  font-weight: 700 !important;
}

.f_800 {
  font-weight: 800 !important;
}

/* Button */

.button {
  display: inline-block;
  text-align: center;
  font-weight: 400;
  font-family: var(--primaryFont);
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 0.6rem 2rem;
  border-radius: 0.5rem;
  border: none;
  color: var(--white);
  background: var(--Secondary);
  border: 1px solid var(--Secondary);
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.button:hover {
  background-color: var(--tertiary);
  border-color: var(--tertiary);
  color: var(--white);
}

.button_outline {
  color: var(--Secondary);
  border-color: var(--Secondary);
  background: var(--white);
}

.button_outline:hover {
  color: var(--white);
  border-color: var(--Secondary);
  background: var(--Secondary);
}

.button_gray {
  color: var(--black);
  border: rgba(136, 136, 136, 0.2);
  background: rgba(136, 136, 136, 0.2);
}

.button_gray:hover {
  color: var(--white);
  border-color: var(--Secondary);
  background: var(--Secondary);
}


/* --------------------- Site Header --------------------- */

.site_header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1024;
  width: 100%;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
  padding: 2.5rem 0;
}

.site_header>.container::before {
  display: none;
}
.site_header>.container::after {
  display: none;
}
.site_header>.container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[3];
  grid-template-columns: repeat(3, auto);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* site logo */

.site_logo {
  display: inline-block;
}

.site_logo img {
  width: 13.8rem;
}

/* menu */

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5rem;
}

.menu li a {
  font-size: 1.8rem;
  color: var(--Secondary);
  -webkit-transition: 300ms ease;
  -o-transition: 300ms ease;
  transition: 300ms ease;
}

.menu li a:hover {
  color: var(--black);
text-decoration: underline;
}


/* header icons */

.header_icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 2.4rem;
}

.mobile_header_icons {
  display: none;
}

.header_icons .icon {
  display: inline-block;
  width: 2.4rem;
  position: relative;
}

.header_icons .icon img {
  width: 100%;
}

.header_icons .icon:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(9%) sepia(20%) saturate(316%)
    hue-rotate(92deg) brightness(95%) contrast(90%);
          filter: brightness(0) saturate(100%) invert(9%) sepia(20%) saturate(316%)
    hue-rotate(92deg) brightness(95%) contrast(90%);
}

.header_icons .icon .cart_count {
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  width: 100%;
  text-align: center;
  color: #798364;
  text-align: center;
  font-family: Helvetica;
  font-size: 1rem;
  line-height: 1;
}



/* ---------------- Offcanvas Menu ------------- */

.offcanvas {
  transition: 300ms !important;
}

.offcanvas.show:not(.hiding),
  .offcanvas.showing {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }

#offcanvasMenu ul li {
  padding: 1.2rem 0;
}
.search_status{
  font-size: 16px;
    font-weight: 300;
    font-family: 'Poppins';
}
#offcanvasMenu ul li a {
  color: #789364;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

#offcanvasMenu ul li a:hover {
  color: var(--black);
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}



/* ---------------- Offcanvas Search ------------- */

.offcanvas-backdrop.show {
	opacity: .3;
}

.offcanvas {
  width: 400px !important;
  border: none !important;
}

.offcanvas-body {
  padding: 90px 3rem 1px 3rem;
  position: relative;
  background: #fff;
}

.offcanvas_close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  padding: 0;
  border: none;
  background: transparent;
  width: 2.4rem;
}

.offcanvas_close img {
  width: 100%;
}

/* search form */

.search_form {
  position: relative;
}

.search_form input {
  width: 100%;
  height: 4.4rem;
  padding: 0 6.5rem 0 5rem;
  border: 1px solid #EBEBEB;
  background: #FFF;
  color: #414141;
  font-family: var(--secondaryFont);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
} 

.search_form input::placeholder {
  opacity: 1;
  color: #414141;
} 

.search_form input::placeholder {
  opacity: 1;
  color: #414141;
} 

.search_form input::placeholder {
  opacity: 1;
  color: #414141;
} 

.search_form input::placeholder {
  opacity: 1;
  color: #414141;
} 

.search_form input::placeholder {
  opacity: 1;
  color: #414141;
}

.search_form input:focus {
  border-color: #70916D;
}




.search_form button[type="submit"] {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5rem;
  border: none;
  padding: 0;
  background: transparent;
}

.search_form button[type="submit"] img {
  width: 1.8rem;
}

.search_form button[type="submit"]:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(3%) saturate(6266%) hue-rotate(69deg) brightness(84%) contrast(80%);
          filter: brightness(0) saturate(100%) invert(63%) sepia(3%) saturate(6266%) hue-rotate(69deg) brightness(84%) contrast(80%);
}

.search_clear {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border: none; 
  padding: 0;
  background: transparent;
  color: #000;
  text-align: right;
  font-family: var(--secondaryFont);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  padding: 0 1.6rem;
  opacity: 0.5;
  -webkit-transition: 300ms; 
  -o-transition: 300ms;
  transition: 300ms;
  /* display: none; */
}

.search_clear:hover {
  opacity: 1;
}


/* search suggestion list */

.search_suggestion_list {
  padding-top: 1.6rem;
  margin-top: 1.66rem;
  border-top: 1px solid #EBEBEB;
}

.search_suggestion_list h4 {
  color: #414141;
  font-family: var(--secondaryFont);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2;
  padding-bottom: 0.8rem;
}

.search_suggestion_list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  color: #000;
  font-family: var(--secondaryFont);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2;
  padding: 0.8rem 1.6rem;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.search_suggestion_list ul li:hover {
  background: #f1f1f1;
}

.search_suggestion_list ul li .icon {
  width: 1.6rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.search_suggestion_list ul li .delete_button {
  width: 2.4rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
  border: none;
  background: transparent;
  margin-left: auto;
}

.search_suggestion_list ul li .delete_button img {
  width: 100%;
}

.search_suggestion_list ul li .delete_button:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(3%) saturate(6266%) hue-rotate(69deg) brightness(84%) contrast(80%);
          filter: brightness(0) saturate(100%) invert(63%) sepia(3%) saturate(6266%) hue-rotate(69deg) brightness(84%) contrast(80%);
}




/* ---------------- Page Title ------------- */

.page_title {
  background: #000;
  position: relative;
}

.page_title_inner {
  background-image: url(../img/bannar-img.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 3.5rem 2rem 8rem 2rem;
  aspect-ratio: 3.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-bg {
  background-image: url(../img/Products-desktop.png);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 3.5rem 2rem 8rem 2rem;
  aspect-ratio: 3.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-bg {
  background-image: url(../img/Contact-us.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 3.5rem 2rem 8rem 2rem;
  aspect-ratio: 3.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-bg {
  background-image: url(../img/FAQs-bg.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 3.5rem 2rem 8rem 2rem;
  aspect-ratio: 3.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-bg {
  background-image: url(../img/blog-hero.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  padding: 3.5rem 2rem 8rem 2rem;
  aspect-ratio: 3.8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page_title_inner.bg-cover {
  background-size: cover;
}

.page_title_inner .title h2 {
  color: #fff;
  text-align: center;
  font-family: var(--quentinFont);
  font-size: 7.4rem;
  font-weight: 400;
}

.page_title_inner .title p {
  color: var(--white);
  font-family: var(--primaryFont);
  text-align: center;
  font-size: 1.6rem;
  font-weight: 300;
  padding-top: 4rem;
}

.page_title_inner  .photo_by {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #FFF;
  font-family: var(--secondaryFont);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  padding: 2rem;
}

/* --------------------- Content Section --------------------- */

.section {
  padding: 3.2rem 0;
}

/* pagination */

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.6rem 0.4rem;
  padding-bottom: 1.6rem;
}

.pagination a {
  display: inline-block;
  color: #000;
  font-family: var(--secondaryFont);
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.5;
}

.pagination a:hover {
  color: var(--Secondary);
}

.pagination .arrow {
  width: 0.8rem;
}

/* border_line */

.border_line {
  width: 100%;
  height: 1px;
  background-color: #ebebeb;
  display: block;
}

/* section title */

.section_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.6rem 0;
}

.section_title .title_lg {
  color: var(--Secondary);
  font-weight: 600;
}

/* content empty alert */

.content_empty_alert {
  width: 100%;
  text-align: center;
  padding: 9rem 0;
}

.content_empty_alert p {
  font-size: 1.6rem;
  font-family: var(--secondaryFont);
  font-weight: 400;
  line-height: 1.68;
}




/* ---------------- Footer Section ----------------- */

/* newsletter */

.newsletter_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.8rem;
  padding: 3.1rem 6.8rem;
  border-radius: 0.5rem;
  background: #bcd7a8;
  position: relative;
  margin: 0 auto;

}

.news_shap1 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.2rem;
}

.news_shap2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
}

.news_shap3 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: none;
}

.news_shap4 {
  position: absolute;
  right: 0;
  top: 0;
  width: 6rem;
  display: none;
}

.newsletter_box h3 {
  color: #224635;
  font-weight: 600;
}

.sign_up {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border: 1px solid #fff;
  padding: 0.4rem 0.6rem;
  border-radius: 0.5rem;
  position: relative;
  z-index: 2;
}

.sign_up input {
  width: 100%;
  padding: 0 1.5rem;
  border: none;
  outline: none;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: var(--secondaryFont);
}

.sign_up input::placeholder {
  color: #000;
  opacity: 0.5;
}

.sign_up input::placeholder {
  color: #000;
  opacity: 0.5;
}

.sign_up input::placeholder {
  color: #000;
  opacity: 0.5;
}

.sign_up input::placeholder {
  color: #000;
  opacity: 0.5;
}

.sign_up input::placeholder {
  color: #000;
  opacity: 0.5;
}

.sign_up input:focus::placeholder {
  opacity: 0;
}

.sign_up input:focus::placeholder {
  opacity: 0;
}

.sign_up input:focus::placeholder {
  opacity: 0;
}

.sign_up input:focus::placeholder {
  opacity: 0;
}

.sign_up input:focus::placeholder {
  opacity: 0;
}

.sign_up .button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.8rem 2.5rem;
}

/* Footer Links */

.footer_link {
  padding: 2rem 0;
}

.footer_link h4 {
  color: var(--tertiary);
  font-family: var(--primaryFont);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.41;
  padding-bottom: 2.4rem;
}

.footer_link li:not(:last-child) {
  padding-bottom: 1.5rem;
}

.footer_link li a {
  font-size: 1.4rem;
  font-family: var(--secondaryFont);
  color: var(--balck);
  font-weight: 300;
  text-transform: capitalize;
  line-height: 1.41;
}

.footer_link li a:hover {
  color: var(--Secondary);
}

/* copyright */

.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.6rem 0 3.2rem;
}

.copyright .text {
  color: #000;
  font-family: var(--secondaryFont);
  font-weight: 300;
}

.social_media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 1.6rem;
}

.social_media .icon {
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  border: 1px solid var(--tertiary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.social_media .icon img {
  width: 1.6rem;
}

.social_media .icon:hover {
  background: var(--tertiary);
}

.social_media .icon:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%)
    hue-rotate(280deg) brightness(111%) contrast(100%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%)
    hue-rotate(280deg) brightness(111%) contrast(100%);
}






/*---  Desktop | Laptop ( 1200px and up) -----*/

@media (min-width: 1200px) {
  .container {
    max-width: 1180px;
  }

  .container_lg {
    max-width: 1180px;
  }
}



/*---  iPad Landscope (992px to 1199px) -----*/

@media (min-width: 992px) and (max-width: 1199px) {
  .container .uffaq-container{
    max-width: 980px;
  }

  .container_lg {
    max-width: 980px;
  }

  .menu {
    gap: 4rem;
  }
}

/*---  iPad (991px and down) -----*/

@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 700px;
  }
}

@media (max-width: 991px) {
  /* Header */

  .site_header > .container {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .menu {
    display: none;
  }

  .site_logo_block {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
  }

  .mobile_header_icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .desktop_header_icons {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .desktop_header_icons .search_btn {
    display: none;
  }

  .header_icons .mobile_search_btn img {
    width: 1.8rem;
    display: block;
    margin: auto;
  }

  /* offcanvas */

  #offcanvasSearch {
    right: unset;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  #offcanvasSearch.show:not(.hiding),
  #offcanvasSearch.showing {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .offcanvas-body {
    padding-top: 5.5rem;
  }

  .comment_popup .modal-dialog {
    max-width: 68rem;
  }


  /* page title inner */

  .page_title_inner .title p {
    padding-top: 2rem;
  }
}

/*---  Mobile (767px and down) -----*/

@media (max-width: 767px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mobile-order-one{
    order: 1;
  }
  .mobile-order-two{
    order: 2;
  }

  .title_lg {
    font-size: 2.4rem;
  }

  /* Header */

  .site_header {
    padding: 1.8rem 0;
  }

  .site_header > .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site_logo img {
    width: 12rem;
  }

  .desktop_header_icons {
    gap: 1.5rem;
  }

  /* offcanvas */

  .offcanvas {
    width: 35rem !important;
  }

  .offcanvas-body {
    padding: 5rem 2.5rem 2.5rem 2.5rem;
  }

  .search_suggestion_list ul li {
    padding: 0.4rem 1.6rem;
  }

  #offcanvasMenu ul li {
    padding: 0.8rem 0;
  }

  /* page title inner */

  .page_title_inner {
    padding: 2rem 0 3.5rem;
  }

  .page_title_inner .title h2 {
    font-size: 3.2rem;
  }

  .page_title_inner .title p {
    font-size: 1.4rem;
    font-weight: 400;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1rem;
  }

  .page_title_inner .photo_by {
    padding: 0.7rem;
    font-size: 0.8rem;
    line-height: 1.5;
  }

  /* section */

  .section {
    padding: 2.4rem 0;
  }

  .section_title .title_lg {
    font-weight: 500;
  }

  .content_empty_alert {
    padding: 5.2rem 0;
  }

  .accordion_button {
    font-size: 2rem;
  }

  

  .upload_file .upload_docx {
    font-size: 1.6rem;
  }

  .uploaded_file li p {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .uploaded_file li p.link {
    width: 100%;
  }

  .uploaded_file li .file_name {
    display: block;
  }

  .uploaded_file li p .size {
    display: block;
    font-size: 1.2rem;
    color: #8f9190;
  }

  .check_box label {
    font-size: 1.4rem;
  }

  .topic_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.3rem 1.6rem;
  }

 


  .swiper-button-prev {
    left: 0.8rem;
  }

  .swiper-button-next {
    right: 0.8rem;
  }

  .sort_dropdown .toggle {
    font-size: 1.6rem;
  }


  .progress_bar .output {
    font-size: 1.4rem;
    min-width: 6.5rem;
  }

  
  /* Footer */

  .newsletter_box {
    padding: 2.3rem 2rem;
    display: block;
  }

  .newsletter_box h3 {
    text-align: center;
    padding-bottom: 1.6rem;
  }

  .sign_up {
    padding: 0.3rem;
  }

  .news_shap1,
  .news_shap2 {
    display: none;
  }

  .news_shap3,
  .news_shap4 {
    display: block;
  }

  .footer_links {
    padding: 1.6rem 0rem;
  }

  .footer_links .row {
    --bs-gutter-y: 2.4rem;
  }

  .footer_link {
    padding: 0;
  }

  .footer_link h4 {
    font-size: 2rem;
    line-height: 1.15;
    padding-bottom: 1.6rem;
    letter-spacing: 0;
  }

  .footer_link li a {
    line-height: 1.15;
  }

  .copyright {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.6rem 0;
  }

  .popup_comment_boxs .simplebar-track {
    right: 0.6rem;
  }
}

/*---  Used viewport for Mobile (575px and down) -----*/

@media (max-width: 575px) {

  html {
    font-size: 2.46vw;
  }

  
}



/* product page */
        .product-container{
          max-width: 1180px;
          margin: 0 auto;
        }
        /* Category Filter Styles */
        .product-p-filter {
            padding: 20px 0;
        }

        .product-p-filter__header {
            font-family: var(--primaryFont);
            font-size: 16px ;
            font-weight: 400 ;
            color: #789364;
        }
        .product-Seller {
            font-family: var(--primaryFont);
            font-size: 24px ;
            font-weight: 400 ;
            color: #414141;
            width: 100%;
            float: inline-end;
            margin: 20px 0px;
        }

        

        .product-p-categories__title,
        .product-p-tags__title {
            font-weight: 600;
            text-transform: none;
            font-size: 23px;
            line-height: 1.26em;
            letter-spacing: 0;
            margin: 25px 0;
            color: #789364;
        }

        .product-p-categories__list,
        .product-p-tags__list {
            list-style: none;
            padding: 0;
        }
        li.product-p-tags__item {
            width: max-content;
            float: left;
            padding: 0px 12px 2px 0px;
            text-decoration: underline #90918d;
}
        .product-p-categories__item a,
        .product-p-categories__item span {
            color: #414141;
            font-family: var(--secondaryFont);
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 300;
            line-height: 2;
        }

        .product-p-categories__item span,
        .product-p-tags__item span {
             color: #414141;
            font-family: var(--secondaryFont);
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 300;
            line-height: 2;
            text-decoration: none;
        }

        .product-p-categories__link,
        .product-p-tags__link {
             color: #414141;
            font-family: var(--secondaryFont);
            font-size: 1.6rem;
            font-style: normal;
            font-weight: 300;
            line-height: 2;
            text-decoration: none;
        }

        .product-p-categories__link:hover,
        .product-p-tags__link:hover {
            color: #68745c;
            text-decoration: underline;
        }

        /* Product Slider Card Styles */
        .product-p-slider__card {
            text-align: center;
            margin: 10px;
            transition: all 0.3s ease;
        }

        .product-p-slider__img-wrapper {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background-color: #f3f3f3;
        }

        .product-p-slider__img {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
        }

        .product-p-slider__badge {
            position: absolute;
            top: 10px;
            background-color: white;
            color: #555;
            padding: 2px 12px;
            border-radius: 0;
            font-size: 14px;
            font-weight: 500;
            z-index: 2;
        }

        .product-p-slider__details {
            padding: 15px;
            position: relative;
            background-color: white;
        }

        .product-p-slider__title {
            font-size: 18px;
            font-weight: 400;
            color: #789364;
            margin-bottom: 8px;
            line-height: 1.4;
            height: 50px;
            overflow: hidden;
        }

        .product-p-slider__info {
            display: flex;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .product-p-slider__price {
            font-size: 16px;
            font-weight: 500;
            opacity: 1;
            color: #68745c;
        }
        /* .ufpro-slider__action-wrapper{
          opacity: 0;
        } */
        /* .product-p-slider__action-wrapper {
            opacity: 0;
        } */

        .product-p-slider__card:hover .product-p-slider__action-wrapper {
            opacity: 1;
            display: flex;
            /* border: 1px solid #70916D;
            border-radius: 5px; */
        }

        .ufpro-slider__card:hover .ufpro-slider__action-wrapper {
            opacity: 1;
            display: flex;
        }


        .product-p-slider__cart-btn {
            border: none;
            background: linear-gradient(to bottom, #fff 0%, #E9EBE7 100%);
            color: #68745c;
            padding: 8px;
            width: max-content;
            font-size: 16px;
            transition: all 0.3s ease;
            position: absolute;
            top: 0;
            font-weight: 600;
            opacity: 0;
            left: -22px;
        }

        .product-p-slider__card:hover .product-p-slider__price {
            opacity: 0;
            display: none;
        }

        .product-p-slider__card:hover .product-p-slider__cart-btn {
            opacity: 1;
        }

        .product-p-slider__buttons {
            display: flex;
            position: absolute;
            top: -40px;
            right: 40%;
            opacity: 0;
            transition: all 0.3s ease;
        }

        .product-p-slider__quick-view {
            border-right: 1px solid #EBEBEB;
            background-color: white;
            border: none;
            font-family: "Poppins";
            padding: 5px 10px;
            font-size: 16px;
            color: #789364;
            font-weight: 400;
        }

        .product-p-slider__wishlist {
            background-color: transparent;
            border: none;
            padding: 5px 10px 5px 0px;
            font-size: 16px;
            color: #68745c;
            font-weight: 500;
        }

        .product-p-slider__card:hover .product-p-slider__buttons {
            opacity: 1;
        }

        .product-p-slider__grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            gap: 20px;
            margin-top: 30px;
        }

        /* Modal Styles */
        .product-p-modal__body {
            padding: 30px;
        }

        .product-p-modal__title {
            color: #2f3327;
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 20px;
            font-family: var(--secondaryFont);
            line-height: 1.2;
        }

        .product-p-modal__pricing {
            margin-bottom: 20px;
            font-family: var(--secondaryFont);
        }
        .modal-header {
          padding-top: 20px;
          padding-right: 20px;
        }

        .product-p-modal__old-price {
            color: #80827e;
            text-decoration: line-through;
            font-size: 18px;
            margin-right: 10px;
            font-family: var(--secondaryFont);
        }

        .product-p-modal__current-price {
            color: #2f3327;
            font-size: 24px;
            font-weight: bold;
            font-family: var(--secondaryFont);
        }

        .product-p-modal__description {
            color: #80827e;
            font-family: var(--secondaryFont);
            font-size: 16px;
            line-height: 1.5;
            margin-bottom: 20px;
        }

        .product-p-modal__actions {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .product-p-modal__quantity {
            display: flex;
            border: 1px solid #ddd;
        }

        .product-p-modal__quantity-input {
            width: 40px;
            text-align: center;
            border: none;
            padding: 10px 5px;
        }

        .product-p-modal__quantity-btns {
            display: flex;
            flex-direction: column;
            border-left: 1px solid #ddd;
        }

        .product-p-modal__quantity-up, 
        .product-p-modal__quantity-down {
            border: none;
            background: #f5f5f5;
            padding: 3px 8px;
            cursor: pointer;
            font-size: 10px;
        }

        .product-p-modal__quantity-up {
            border-bottom: 1px solid #ddd;
        }

        .product-p-modal__add-btn {
            display: inline-block;
            background-color: #E9EBE7;
            color: #789364;
            border: none;
            border-radius: 0;
            padding: 10px 20px;
            font-size: 16px;
            font-weight: 500;
            transition: all 0.3s ease;
        }

        .product-p-modal__add-btn:hover {
            background-color: #789364;
            color: #fff;
        }

        /* Mobile Filter Toggle */
        .product-p-filter-toggle {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: white;
            z-index: 1000;
            overflow-y: auto;
            padding: 80px 20px;
        }

        .product-p-filter-toggle__close {
            position: absolute;
            right: 15px;
            font-size: 24px;
            background: none;
            border: none;
            cursor: pointer;
        }

        .product-p-mobile-filter-btn {
            display: none;
            margin-bottom: 20px;
            background-color: #E9EBE7;
            color: #789364;
            border: none;
            padding: 8px 15px;
            font-weight: 500;
        }

        /* Responsive Styles */
        @media (max-width: 991px) {
            .product-p-filter {
                display: none;
            }

            .product-p-filter-toggle {
                display: none;
            }

            .product-p-mobile-filter-btn {
                display: block;
            }

            .product-p-filter-toggle.show {
                display: block;
            }
        }
        @media (max-width: 767px) {
          .ufleftfaq, .top-section, .carousel-container-uf {
              /* padding: 0px 25px !important; */
              max-width: 540px;
              margin: 0 auto;
          }
          .uffaq-container{
            padding: 0px 0px 24px 0px !important;
          }
          .ufpro-slider__header{
                padding: 5px !important;
          }
        }

        @media (max-width: 767px) {
           .product-p-slider__card {
                margin: 5px 8px 20px 8px;
                border-bottom: 1px solid #ebebeb;
            }

            .product-p-slider__card:last-child {
                  border-bottom: none;
              }
            
            .product-p-slider__title {
                font-size: 16px;
                height: 44px;
            }
        }

        @media (max-width: 576px) {
           
             .contentus_rs{
                padding-left: 0px !important;
              }
              .contentus_lf{
                padding-right: 0px !important;
              } 
            .product-p-slider__grid {
                grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
                gap: 10px;
            }
            
          
            
            .product-p-slider__price {
                font-size: 14px;
            }
        }

      /* contact us */

   
  .contentus_rs p{
     font-size: 16px;
        font-weight: 300;
        line-height: 2;
        padding-bottom: 32px;
        font-family: "Poppins";
        color: #414141;
  }
  .contentus_rs{
    padding: 0px;
    padding-left: 20px;
  }
  .contentus_lf{
    padding: 0px;
    padding-right: 20px;
  } 
   .privacy-text p{
      font-size: 16px;
        font-weight: 400;
        line-height: 2;
        font-family: "Poppins";
        color: #000;
    }

    /* header */
   .loginlogo:hover {
            filter: none !important;
        }

        .desktop_header_icons .dropdown-toggle::after {
            display: none !important;
        }

        .desktop_header_icons .dropdown-menu {
            opacity: 0;
            transform: translateY(10px);
            transition: opacity 0.2s ease, transform 0.2s ease;
            display: block;
            visibility: hidden;
            pointer-events: none;
            top: 100% !important;
            left: auto !important;
            right: 0 !important;
            /* Keep it aligned to right */
        }

        .desktop_header_icons .dropdown-menu.show {
            opacity: 1;
            transform: translateY(0);
            visibility: visible;
            pointer-events: auto;
        }

        .icon.position-relative {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: -7px;
        }

        .ascountcart {
            margin-top: -17px;
            font-size: 10px;
            font-weight: bold;
        }

        .header_icons .dropdown-menu a {
            font-size: 14px !important;
            color: var(--Secondary);
        }

        @media only screen and (max-width: 768px) {
            .icon.position-relative {
                margin-top: -5px;
            }
        }
        #signupBtn, #loginBtn, #resetBtn{
          height: 44px;
        }
        #signupBtn, #loginBtn{
          margin: 32px 0 !important;
        }

                #offcanvaslogin {
                    font-family: "Poppins", serif !important;
                }
    
                .login-card {
                    gap: 5px;
                    display: grid;
                }

                .social-btn {
                    display: flex;
                    align-items: center;
                    border: 1px solid #ebebeb;
                    padding: 10px 25px;
                    margin-bottom: 12px;
                    border-radius: 8px;
                    height: 44px;
                    cursor: pointer;
                    text-decoration: none;
                    color: #414141;
                    font-weight: 600;
                    transition: background-color 0.2s;
                }

                .social-btn:hover {
                    border: 1px solid #414141;
                    color: #414141;
                }

                .divider {
                    display: flex;
                    align-items: center;
                    margin: 15px 0;
                    color: #6c757d;
                }

                .divider::before,
                .divider::after {
                    content: "";
                    flex: 1;
                    border-bottom: 1px solid #dee2e6;
                }

                .divider::before {
                    margin-right: 10px;
                }

                .divider::after {
                    margin-left: 10px;
                }


                .twitter-btn {
                    color: white;
                    background-color: #FF4B55;
                    border: none;
                }

                .twitter-btn:hover {
                    background-color: #E6424C;
                    color: white;
                }

                .social-btn svg {
                    width: 30px;
                    height: 30px;
                    margin-right: 10px;
                }
            
                

                .form-group img, .form-group svg {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    width: 20px;
                    height: 20px;
                }

                .form-control { 
                    width: 100%;
                    /* border: none; */
                    border: 1px solid #EBEBEB;
                    border-radius: 0;
                    padding: 10px 10px 10px 35px;
                    font-size: 16px;

                }
                .form-group img {
                    margin: 0 10px;
                }

                .form-control:focus {
                    box-shadow: none !important;
                    border-color: #BCD7A8;
                }


                .form-check-input {
                    border-radius: 3px;
                }

              

                .auth-btn {
                    width: 100%;
                    padding: 12px 0;
                    margin-top: 25px;
                    background-color: #000;
                    color: #fff;
                    border: none;
                    font-weight: 500;
                }

                .auth-btn:hover {
                    background-color: #414141;
                    color: #fff;
                }

                .tos-link {
                    color: #137c61;
                    text-decoration: none;
                }

                .tos-link:hover {
                    text-decoration: underline;
                    color: #6c757d;
                }

                .form-group {
                    position: relative;
                    margin-bottom: 16px;
                }

                .input-icon {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    color: #6c757d;
                }

                .password-toggle {
                        position: absolute !important;
                        right: 0 !important;
                        left: auto !important;
                        top: 50% !important;
                        transform: translateY(-50%) !important;
                        cursor: pointer;
                }

          

                .form-check-label {
                    color: #000;
                    font-size: 14px;
                    font-family: "Poppins";
                    font-weight: 300;
                }

                .auth-btn {
                    width: 100%;
                    background-color: #000;
                    color: white;
                    padding: 0.75rem;
                    font-weight: 500;
                    border: none;
                    margin-top: 1rem;
                }

                .auth-btn:hover {
                    background-color: #414141;
                }

              

                .name-field {
                    flex: 1;
                }

                .forgot-link {
                    display: block;
                    text-align: right;
                    color: #618264;
                    text-decoration: none;
                    font-size: 14px;

                }

                .forgot-link:hover {
                    text-decoration: underline;
                    color: #6c757d;
                }

                .terms-text {
                    color: #000000;
                }

                .terms-text a {
                    color: #618264;
                    text-decoration: none;
                }

                .terms-text a:hover {
                    text-decoration: underline;
                }

                .form-control.highlight {
                    background-color: #fff9c4;
                }

                .reset-instructions {
                    margin-bottom: 16px;
                }
                .sidebar-login-heading{
                  text-align: center;
                }
                .sidebar-login-heading p{
                  font-family: "Poppins";
                  font-size: 14px;
                  font-weight: 400;
                  text-align: left;
                  color: #000;
                }

                .sidebar-login-heading h1{
                  font-family: "Poppins";
                  font-size: 28px;
                  font-weight: 600;
                  color: #000;
                }

                .switch-form-link {
                    text-align: center;
                    color: #618264;
                    text-decoration: none;
                    display: block;
                }

                .switch-form-link:hover {
                    text-decoration: underline;
                    color: #6c757d;
                }

                .main-switch-form-link {
                    color: #000;
                    justify-content: center;
                    text-align: center;
                    font-size: 16px; 
                    font-family: "Poppins";
                    font-weight: 400;
                }

                .login-sidbar{
                   font-family: "Open Sans", serif;
                    font-size: 16px;
                    font-weight: 500;
                    color: #414141;
                   padding: 15px 0px;
                      } 
                      .login-sidbar a:hover{
                        color: #414141;
                      }
                
                .form-active {
                    display: block !important;
                }
                #r_successMessage,
                #l_successMessage,
                #f_successMessage,
                #sucverified{
                  color: #000 !important;
                  font-weight: 400;

                }

                #l_responseMessage,
                #l_successMessage,
                #l_errorMessages,
                #r_responseMessage,
                #r_successMessage,
                #r_errorMessages,
                #f_responseMessage,
                #f_successMessage,
                #f_errorMessages {
                    text-align: left;
                    margin-bottom: 16px;

                }

                .response-padding {
                    padding: 5px;
                }

              

                @keyframes spin {
                    0% {
                        transform: rotate(0deg);
                    }

                    100% {
                        transform: rotate(360deg);
                    }
                }

                .category-filter.active {
                    font-weight: bold;
                    text-decoration: underline
                }
                .btn:active{
                    border: none;
                     outline: none !important;
                    box-shadow: none;
                }
                button:focus:not(:focus-visible) {
                    outline: none !important;
                    box-shadow: none;
                    border: none;
                }


            /* check out page */
        #checkout-page .shipping-option {
            border: 1px solid #ebebeb;
            cursor: pointer;
        }

        #checkout-page .shipping-container{
            margin-bottom: 20px;
        }

        #checkout-page .shipping-option.selected {
            border-color: #000;
            background: #ebebeb;
          
        }
        #checkout-page .option-content {
            padding: 10px 16px;
            display: flex;
            ;
            align-items: center;
            justify-content: space-between;
        }

        #checkout-page .option-left {
            display: flex;
            align-items: center;
            flex-grow: 1;
        }

        #checkout-page .radio-wrapper {
            position: relative;
            margin-right: 1rem;
        }


        #checkout-page .shipping-option.selected {
            border: 1px solid #70916D;
            opacity: 1;
            background-color: #F9F9F9 !important;
        }



        #checkout-page .option-details p {
            margin: 0;
            color: #414141;
            font-family: "Poppins";
            font-size: 16px;
        }

        #checkout-page .billing-address h5 {
            color: #414141;
            font-weight: 600;
            font-family: "Poppins";
            font-size: 18px;
        }
        
        #checkout-page .cart-subtotal h3{
            color: #000;
            font-weight: 600;
            font-family: "Poppins";
            font-size: 16px;
        }

        #checkout-page .cart-subtotal h4{
            color: #000;
            font-weight: 300;
            font-family: "Poppins";
            font-size: 16px;
        }

         #checkout-page .billing-address p {
            color: #000;
            font-weight: 400;
            line-height: 2;
            font-family: "Poppins";
            font-size: 16px;
        }
        #checkout-page .continuebtnshp{
          padding: 0px 0px 20px 0;
        }
        #checkout-page .continuebtnshp a:hover{
          color: #fff;
          background-color: #789364;
        }
        #checkout-page .continuebtnshp a{
          display: flex;
          justify-content: center;
          text-align: center;
          vertical-align: bottom;
          align-items: center;
          padding: 6px 20px;
          font-weight: 400;
          text-decoration: none !important;
          background-color: transparent;
          color: #789364;
          border: 1px solid #789364;
          border-radius: 5px;
          height: 34px;
          font-size: 16px;
          cursor: pointer;
          transition: background-color 0.3s;
          font-family: var(--secondaryFont);
          margin-bottom: 0px;
        }
           #checkout-page .billing-address span {
            color: #000;
            font-weight: 300;
            line-height: 2;
            text-align: center !important;
            font-family: "Poppins";
            padding: 20px 0;
            font-size: 16px;
        }

        #checkout-page .option-price p{
            font-size: 16px;
            font-weight: 600;
            color: #000;
            font-family: "Poppins";
        }

          #checkout-page .coupon-container form{
            display: flex;
            align-items: center;
            width: 100%;
        }
        #removeCouponBtn{
          background-color: transparent;
          color: #70916D;
          border: 0px;
          font-family: 'poppins';
          border-radius: 0px;
          cursor: pointer;
          padding: 10px;
          font-size: 16px;
          display: inline-block;
          line-height: normal;
          margin: 10px 0px;
        }
        #removeCouponBtn:hover{
          background-color: transparent;
            color: #fff;
        }
        #checkout-page .coupon-input {
            flex: 1;
            padding: 0;
            font-size: 16px;
            border: 0px;
            border-radius: 0px;
            outline: none;
            width: 100%;
            font-family: "Open Sans";
            background-color: white;
            color: #000;
        }
        #checkout-page .ufposcod{
          gap: 10px;
          margin: 15px 0;
        }
            #checkout-page .ufposcod input {
            padding: 4px 10px;
            font-size: 16px;
            border: 1px solid #EBEBEB;
            border-radius: 0px;
            outline: none;
            width: 30%;
            font-family: "Poppins";
            background-color: white;
            color: #000;
        }
        #checkout-page .ufposcod input::placeholder {
            color: #000;
            font-weight: 300;
            font-family: "Poppins";
            font-size: 14px;

        }

        #checkout-page .ufposcod input:focus {
            border-color: #ebebeb;
        }
        #checkout-page .ufposcod button {
            padding: 0;
            font-size: 14px;
            font-weight: 400;
            color: #70916D;
            background: transparent;
            font-family: "Poppins";
            border: none;
            text-decoration: underline;
        }

        #checkout-page .coupon-input::placeholder {
            color: #1E2320;
            font-weight: 400;
            font-family: "Open Sans";
            font-size: 16px;

        }
        .uftsss{
          color: #777777 !important;
          font-size: 12px !important;
        }

        #checkout-page .coupon-input:focus {
            border-color: #ebebeb;
        }

        #checkout-page .apply-button {
            padding: 0;
            font-size: 16px;
            font-weight: 600;
            color: #70916D;
            background: transparent;
            font-family: "Open Sans";
            border: none;
            cursor: pointer;
            white-space: nowrap;
        }
        #checkout-page .btn-pay{
            background: transparent;
            color: #000;
            font-family: "Poppins";
            font-weight: 400;
            font-size: 16px;
            display: flex;
            width: 100%;
            justify-content: center;
            gap: 2px;
            margin-top: 20px;
            align-items: center;
            padding: 6px 20px;
            border-radius: 5px;
            border: 1px solid #E4E7EC !important;
        }
         #checkout-page .btn-payfs{
            background: #28356A;
            color: #fff;
            font-family: "Poppins";
            font-weight: 400;
            font-size: 16px;
            display: flex;
            gap: 2px;
            width: 100%;
            justify-content: center;
            align-items: center;
            padding: 6px 20px;
            border-radius: 5px;
        }
        #shareModalLabel{
          font-size: 16px;
          font-weight: 400;
          font-family: "Poppins";
        }
        #checkout-page .express-checkout h1{
            font-size: 16px;
            font-weight: 400;
            color: #667085;
            line-height: 32px;
            padding: 20px 0;
            font-family: "Poppins";
        }
        

    #checkout-page .btn-dark {
         display: flex;
      justify-content: center;
      text-align: center;
      vertical-align: bottom;
      align-items: center;
      padding: 6px 20px !important;
      font-weight: 400;
      text-decoration: none !important;
      background-color: transparent;
      color: #789364;
      border: 1px solid #789364;
      border-radius: 5px;
      height: 34px;
      width: fit-content;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s;
      font-family: var(--secondaryFont);
      margin-bottom: 0px;
    }

    #checkout-page .btn-dark:hover {
        color: #fff;
        background-color: #70916D;
        border-color: #70916D;
    }
     #checkout-page .form-checkout-field {
        border: 1px solid #EBEBEB;
        border-radius: 0px;
        color: #8F9190;
        padding: 10px 16px;
    }
    #checkout-page .form-checkout-field:active{
        border: 1px solid #BCD7A8;

    }

    #checkout-page .form-control .form-checkout-field:focus {
        border: none;
        box-shadow: none;
    }
    .form-check-input:focus{
      box-shadow: none;
    }

    #checkout-page .checkout-steps .card {
        border: none;
    }

    #checkout-page .checkout-steps .card-header {
        background-color: #fff;
        padding: 16px 0px;
        font-weight: 500;
        cursor: pointer;
        border-bottom: 1px solid #ebebeb;
    }

    #checkout-page .card-body-checkout h6 {
        font-family: "Poppins";
        color: #414141;
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
    }

    

    #checkout-page .checkout-steps .card-body-checkout {
        padding: 16px 0px;
        border-bottom: 1px solid #EBEBEB;
    }

    #checkout-page .product-image {
        max-width: 100px;
        height: auto;
    }

    #checkout-page .summary-card {
        background-color: #fff;
        border: 1px solid #DEE2E7;
        box-shadow: 0px 4px 10px rgba(56, 56, 56, 0.1);
        padding: 20px;
    }

 

    #checkout-page .summary-title h5 {
        font-weight: 500;
        color: #70916D;
        padding-bottom: 20px;
        font-size: 18px;
        font-family: "Open Sans";
    }

    #checkout-page  .summary-table { 
        border: 1px solid #EBEBEB;
    }
    #checkout-page  .summary-table .border-bottom{ 
        border-bottom: 1px solid #EBEBEB;
        padding: 15px !important;
    }
     #checkout-page  .summary-table h3 { 
        font-weight: 400;
        font-family: "Open Sans";
        color: #000;
        text-align: end;
        font-size: 16px;
        font-style: normal;
    }
    #checkout-page  .summary-table .price { 
        font-weight: 400;
        font-family: "Open Sans";
        color: #000;
        text-align: end;
        font-size: 16px;
        font-style: normal;
    }

    #checkout-page  .total-row {
      padding: 15px !important;

    }
     #checkout-page  .total-row span{
        font-weight: 600;
        font-size: 24px;
        font-family: "Open Sans";

    }
       #checkout-page  .total-row .price{
        font-weight: 600;
        font-size: 24px;
        font-family: "Open Sans";

    }


    #checkout-page  .privacy-text a {
        color: #70916D;
        text-decoration: underline;
        font-size: 16px;
        font-family: "Poppins";
        font-weight: 400;


    }

    #checkout-page .checkout-accodian {
        font-family: var(--secondaryFont);
        color: #789364;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-size: 24px;
    }

    

    /* #checkout-page  .form-select {
        background-color: #fff;
        border-bottom: 1px solid #EBEBEB !important;
        border: none;
        border-radius: 0px;
        font-size: 14px;
        font-family: "Poppins";
        padding: 10px 0px;
        font-size: 16px;
        outline: none;
        color: #414141 !important;

    } */

    /* #checkout-page  .form-select:focus {
        border: none;
        border-bottom: 1px solid #EBEBEB;
        box-shadow: none;
    } */

   

    #checkout-page .form-control:focus {
        /* border: none; */
        background-color: #fff;
        border: 1px solid #BCD7A8;
        box-shadow: none;
    }


    #checkout-page .checkout-page label,
    #checkout-page .checkout-page label,
    #checkout-page .form-select::placeholder {
        font-size: 16px;
        font-family: "Poppins";
        color: #000;
        padding-bottom: 8px;
        font-weight: 400;

    }
    .countpost_blog{
      font-size: 16px;
      font-family: "Poppins";
      color: #000;
      padding-left: 5px;
    }

   .staricolor{
    color: #EE7777;
   }



    #checkout-page .checkout-title {
        font-family: "Open Sans";
        color: #000;
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        padding-top: 17px;
        line-height: normal;
    }

    #checkout-page .sameAddressCheckmain {
        display: flex;
        align-items: center;
        gap: 10px;
        padding-left: 0px;
    }

     #checkout-page .sameAddressCheckmain .form-check-label,
     #checkout-page .form-check .form-check-label{
        font-family: "Poppins";
        font-size: 14px;
        font-weight: 300;

    }

    #checkout-page  input#sameAddressCheck {
        width: auto !important;
    }

    #paymentForm .form-control{
      padding: 10px 16px !important;
      color: #8F9190;
    }


    /* contact us */

.contentus_lf p{
  color: #414141;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
}
    
    .contactus {
        width: 100%;
        margin: 0 auto;
    }

    .contactus .form-group {
        margin-bottom: 16px;
    }

    .contactus .form-row {
        display: flex;
        gap: 20px;
        margin-bottom: 16px;
    }

    @media (max-width: 600px) {
        .contactus .form-row {
            flex-direction: column;
            gap: 20px;
        }
    }

    .contactus .formcontrol {
        width: 100%;
    }

    .contactus input,
    .contactus textarea {
        width: 100%;
        padding: 10px;
        border: none;
        border: 1px solid #EBEBEB;
        font-size: 16px;
        transition: border-color 0.3s;
        outline: none;
        font-family: var(--secondaryFont);
    }
     .contactus input:active,
    .contactus textarea:active {
     
        border: 1px solid #BCD7A8;
    }

    .contactus textarea {
        resize: vertical;
        min-height: 137px;
        
    }

    .contactus input::placeholder,
    .contactus textarea::placeholder {
        font-size: 16px;
        font-family: var(--secondaryFont);
    }

    .contactus .file-input {
        margin-top: 32px;
        margin-bottom:16px;
    }
    .contactus #fileChosenText{
        font-family: var(--secondaryFont);
}
    .contactus .file-chooser {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
        font-size: 16px;
        color: #414141;
    }

    .contactus .file-preview {
        display: flex;
        align-items: center;
        margin-top: 10px;
        background-color: #f9f9f9;
        padding: 8px;
        border-radius: 4px;
    }

    .contactus .file-preview img {
        width: 32px;
        height: 32px;
        margin-right: 10px;
        object-fit: cover;
    }

    .contactus .file-info {
        flex-grow: 1;
        font-size: 16px;
        color: #414141;
        font-family: var(--secondaryFont);
    }

     .contactus .formcontrol small, .contactus .form-group small{
        font-size: 16px;
        font-family: var(--secondaryFont);
        font-weight: 300;
        margin-top: 16px;
    }

    .contactus .file-remove {
        background: none;
        border: none;
        color: #414141;
        cursor: pointer;
        font-size: 16px;
    }

    .contactus .file-remove svg {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }
    .contactus .captcha {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .contactus .submit-btn {
        background-color: transparent;
        color: #789364;
        border: 1px solid #789364;
        border-radius: 5px;
        height: 44px;
        font-weight: 400;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        transition: background-color 0.3s;
        font-family: var(--secondaryFont);
        margin-bottom: 0px;
    }

    .contactus .submit-btn:hover {
        background-color: #789364;
        color: #ffffff;
    }
    .contactus .submit-btn:focus{
        border: 1px solid #789364;

    }

    .contactus .hidden {
        display: none;
    }
    .g-recaptcha{
        margin-bottom:20px !important;
    }

    /* cart page */


    #cart-page .order-summary {
    max-width: 500px;
    margin: 20px auto;
}

#cart-page .summary-row {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

#cart-page .summary-row:last-child {
    border-bottom: none;
}

#cart-page .summary-label,
#cart-page .summary-value {
    font-weight: 600;
    font-size: 15px;
    color: #2f3327;
    text-transform: none;
}

#cart-page .address-toggle {
    cursor: pointer;
    color: #85995c;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

#cart-page .address-toggle:hover {
    color: #85995c;
    text-decoration: none;
}

#cart-page .address-form {
    padding: 15px 0;

    text-align: left !important;
}

#cart-page .form-select,
#cart-page .form-control {
    font-size: 14px;
    color: #6c757d;
    border-radius: 0;
    border: 1px solid #dee2e6;
}

#cart-page .btn-update {
    background-color: #e9ebe7;
    color: #789364;
    border: none;
    font-family: 'poppins';
    border-radius: 0;
    cursor: pointer;
    padding: 10px 40px;
    font-size: 16px;
    display: inline-block;
    line-height: normal;
}

#cart-page .btn-update:hover {
    color: #fff;
    background-color: #789364;
}

#cart-page .shipping-info-update {
    display: flex;
    flex-direction: column;
}

#cart-page .required:after {
    content: ' *';
    color: #2f3327;
}

#cart-page .form-label {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 14px;
}

#cart-page .cart-img {
    width: 109px;
    height: 95px;
}


#cart-page .cart-title h2 {
    color: #000;
    font-weight: 400;
    font-family: 'poppins';
    font-size: 16px;
    height: 200%;
}

#cart-page .cart-price h5,
#cart-page .shipping-info-update,
#cart-page .cart-total h5 {
    color: #8F9190;
    font-weight: 400;
    font-family: 'poppins';
    font-size: 16px;
    height: 200%;

}


#cart-page .quantity-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #EBEBEB;

    width: fit-content;
}

#cart-page .quantity-btn {
    border: none;
    background: none;
    padding: 8px 12px;
    font-size: 16px;
    cursor: pointer;
    color: #414141;
}

#cart-page .quantity-input {
    width: 35px;
    height: auto;
    text-align: center;
    padding: 8px 0;
    font-weight: 300;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-top: none;
    border-bottom: none;
}

#cart-page .quantity-input:focus {
    outline: none;
}

#cart-page .no-spinner::-webkit-outer-spin-button,
#cart-page .no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
#cart-page .no-spinner {
    -moz-appearance: textfield;
}

#cart-page .cart-remove {
    border: none;
    background: none;
    text-align: end;
    padding: 0px;
}

#cart-page .cart-product-info {
    border-bottom: 1px #EBEBEB solid;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

#cart-page .btn-wishlist:hover {
    border: none;
}

#cart-page .btn-wishlist {
    border: none;
}





#cart-page .shipping-button {
    display: flex;
    justify-content: center;
    text-align: center;
    vertical-align: bottom;
    align-items: center;
    padding: 6px 10px;
    font-weight: 400;
    text-decoration: none !important;
    background-color: transparent;
    color: #789364;
    border: 1px solid #789364;
    border-radius: 5px;
    width: fit-content;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: var(--secondaryFont);
    margin-bottom: 0px;
}

#cart-page .shipping-button:hover {
    color: #fff;
    background-color: #789364;
}



/* blog page */

            #blog-page .blog_image {
                margin-bottom: 1rem;
                max-width: 100%;
                height: auto;
            }

         

            #blog-page .section_title {
                color: #70916D;
                font-family: "Open Sans";
                font-weight: 600;
                font-size: 28px;
                line-height: 39px;
                letter-spacing: 0%;
                vertical-align: middle;
            }

            #blog-page .blog_title {
                color: #414141;
                font-family: "Open Sans";
                font-weight: 400;
                font-size: 24px;
                line-height: 39px;
                letter-spacing: 0%;
                vertical-align: middle;
            }

            #blog-page .blog_date {
                color: #414141;
                font-family: "Poppins";
                font-weight: 300;
                font-size: 16px;
                line-height: 34px;
                letter-spacing: 0%;
            }

            #blog-page .blog_author1 {
                color: #414141;
                font-family: "Poppins";
                font-weight: 400;
                font-size: 16px;
                line-height: 200%;
                letter-spacing: 0%;
            }

            #blog-page .blog_author {
                color: #414141;
                font-family: "Poppins";
                font-weight: 400;
                font-size: 16px;
                line-height: 34px;
                letter-spacing: 0%;
            }

            #blog-page .blog_author1 span {
                font-family: "Poppins";
                font-weight: 400;
                font-size: 16px;
                line-height: 200%;
                letter-spacing: 0%;
            }

            #blog-page .blog_content {
                color: #414141;
                font-family: "Poppins";
                font-weight: 300;
                font-size: 16px;
                line-height: 32px;
                letter-spacing: 0%;
            }

       
      #blog-page .read_more {
          display: inline-block;
          padding: 6px 20px;
          font-weight: 400;
          text-decoration: none !important;
          margin-top: 20px;
          background-color: transparent;
          color: #789364;
          border: 1px solid #789364;
          border-radius: 5px;
          font-size: 16px;
          cursor: pointer;
          transition: background-color 0.3s;
          font-family: var(--secondaryFont);
          margin-bottom: 0px;
      }


      #blog-page .read_more:hover {
        background-color: #789364;
        color: #fff;
      }

            #blog-page .featured_post {
                padding-bottom: 1rem;
                margin-bottom: 1rem;
                border-bottom: 1px solid #ebebeb;
            }
            #herbal-posts-container, #moxibustion-posts-container{
              padding-bottom: 20px;
            }

            #blog-page .featured_post:last-child {
                border-bottom: none;
            }

            #blog-page .blog-item:last-child {
                border-bottom: none;
            }

            #blog-page .featured_post_title {
                font-family: "Poppins";
                font-weight: 400;
                font-size: 24px;
                color: #414141;
                line-height: 34px;
                letter-spacing: 0%;
            }

            #blog-page .featured_post_title a {
                color: #414141;
                text-decoration: none;
            }

            #blog-page .featured_post a:hover {
                color: #414141;
            }
        
            #blog-page .accordion-container {
                max-width: 1180px;
                margin: 0 auto;
            }

            #blog-page .accordion {
                border-top: 1px solid #ebebeb;
                
            }
 
            #blog-page #featuredAccordion{
                border-top: none !important;
            }

            #blog-page .border_hsn {
                border-bottom: 1px solid #ebebeb;
            }

            #blog-page .accordion-item {
                border: none;
                border-radius: 0;
                margin: 16px 0px;
                background-color: #fff;
            }

            #blog-page .accordion-button {
                background-image: url(https://favest.com/public/frontend/img/arrowacco.svg);
                background-repeat: no-repeat;
                background-position: right;
                color: #70916D;
                box-shadow: none !important;
                border: none;
                font-family: Open Sans;
                font-weight: 600;
                font-size: 28px;
                line-height: 39px;
                letter-spacing: 0%;
                vertical-align: middle;
            }

            #blog-page .accordion-button:not(.collapsed) {
                background-color: white;
                color: #70916D;
            }

            #blog-page .accordion-button:focus {
                box-shadow: none;
            }

            #blog-page .accordion-button::after {
                display: none;
            }

            #blog-page .accordion-header {
                position: relative;
            }

    #blog-page  button.dropdown-toggle-sort {
    border: none;
    background: transparent;
    position: absolute;
    top: 3px;
    z-index: 22;
    left: 365px;
}      
#blog-page .dropdown-menu {
    left: 365px !important;
    top: 40px !important;
    position: absolute !important;
    width: 18.2rem;
    border-radius: 1rem;
    border: 1px solid #ebebeb;
    background: #fff;
    box-shadow: 0rem 0rem 0.4rem 0rem rgba(0, 0, 0, 0.25);
    margin-top: 1.6rem;
    transition: 300ms;
    transform-origin: top;
    opacity: 1;
    pointer-events: auto;
    overflow: hidden;
    padding: 0;
    font-size: 1.6rem;
    font-family: var(--secondaryFont, "Poppins");
    font-weight: 300;
    line-height: 2;
    transform: translate3d(0px, 0px, 0px) !important;
}

#blog-page .dropdown-item {
    position: relative;
    display: block;
    color: var(--gray-500, #414141);
    user-select: none;
    cursor: pointer;
    padding: 0.7rem 1.6rem;
    text-align: left;
    transition: 200ms;
    border-bottom: 1px solid #ebebeb;
    background: transparent;
}

#blog-page .dropdown-item:hover {
    background: rgba(188, 215, 168, 0.5);
}

#blog-page .dropdown-item:last-child {
    border-bottom: none;
}

#blog-page .dropdown-item input {
    display: none;
}

#blog-page .dropdown-item span {
    display: inline-block;
}

#blog-page .dropdown-item input:checked + span {
    color: var(--black, #414141);
}



            #blog-page .posts-container {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
                gap: 30px 20px;
            }

            #blog-page .blog-item {
                border: none;
                overflow: hidden;
            }

            #blog-page .blog-item a {
                font-family: "Poppins";
                font-weight: 400;
                font-size: 18px;
                line-height: 24px;
                letter-spacing: 0%;
                display: block;
                text-decoration: none;
                color: #414141;
            }

            #blog-page .blog-item img {
                width: 100%;
                height: 239px;
                object-fit: cover;
                border-radius: 6px !important;
            }

            #blog-page .blog-item h3 {
                font-size: 16px;
                margin: 10px 0 5px;
                font-weight: 500;
                line-height: 1.3px;
            }

            #blog-page .blog-meta .date {
                margin-right: 10px;
            }

            #blog-page .blog-meta {
                color: #414141;
                font-family: "Open Sans";
                font-weight: 400;
                font-size: 16px;
                line-height: 100%;
                letter-spacing: 0%;
                display: flex;
                justify-content: space-between;
            }

            #blog-page .blog-meta .author {
                margin-right: 10px;
            }

            @media (max-width: 576px) {
                #blog-page .posts-container {
                    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
                gap: 20px !important;
                }
            }

            #blog-page .dropdown-toggle-sort svg {
                margin-left: 10px;
            }

            @media (max-width: 768px) {
              #blog-page .section_title{
                padding-bottom: 20px !important;
                margin: 0px !important;
              }
              #blog-page .blog-item{
                    border-bottom: 1px solid #ebebeb !important;
                    padding-bottom: 20px !important;
              }
              
              #blog-page #featuredAccordion {
                border-top: 1px solid #ebebeb !important;
                padding-top: 10px 0px !important;
            }
              
              #blog-page button.dropdown-toggle-sort{
                right: 0px;
                top: 8px !important;
                left: unset !important;
              }
              #blog-page .my-5{
                margin-top: 10px !important;
              }
                #blog-page .accordion-button {
                    font-size:24px;
                    /* background: none; */
                }
                #blog-page .featured_post_title{
                  font-size: 18px !important;
                }
                .contactus .submit-btn {
                  width: 100% !important;
                }

                #blog-page .dropdown-toggle-sort {
                    font-size: 14px;
                    right: 0px;
                    left: initial;
                }
            }

           #blog-page .main-img-blog img{
                width: 100%;
                height: 359px;
            }

  
  /* My Account */

  
        #my-account .dashboard {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 20px;
        }

        /* Navigation sidebar */
        #my-account .sidebar {
            flex: 1;
            min-width: 250px;
            padding: 0px;
        }

        #my-account .nav-menu {
            list-style: none;
        }

        #my-account .nav-link {
            display: block;
            padding: 8px 16px;
            color: #000;
            text-decoration: none;
            font-family: "Poppins";
            font-weight: 400;
            font-size: 16px;
            line-height: 2;
            letter-spacing: 0;
        }

        #my-account .nav-link:hover {
            color: #70916D;
        }

       

        /* Main content area */
        #my-account .content {
            flex: 3;
            min-width: 0;
            padding: 30px;
        }

        #my-account .header {
            display: flex;
            gap: 10px;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #dbe3d2;
        }

       #my-account .welcome a{
         color: #789364;
       }
       #my-account .welcome {
            color:  #80827e;
            font-weight: 500;
            font-family: "Poppins";
            font-weight: 400;
            font-size: 16px;
            line-height: 2;
            letter-spacing: 0;
            text-decoration: none;
        }

       
        #my-account .dashboard-description strong{
            color: #789364;
        }

        #my-account .dashboard-description {
             color: #80827e;
            font-family: "Poppins";
            font-weight: 400;
            font-size: 16px;
            line-height: 2;
            letter-spacing: 0;
            text-decoration: none;
        }

      

        #my-account .highlight:hover {
            text-decoration: none;
             color: #80827e;

        }
        #my-account .highlight {
            text-decoration: none;
            color: #789364;
        }

        /* Tab content */
        #my-account .tab-content {
            display: none;
            animation: fadeIn 0.5s ease;
        }

        #my-account .tab-content.active {
            display: block;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

       

        /* Responsive styles */
        @media (max-width: 768px) {
            #my-account .dashboard {
                flex-direction: column;
            }

           

            #my-account .sidebar.active {
                display: block;
            }

            #my-account .content {
                padding: 20px;
            }

            #my-account .header {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
        }

        /* favrit */
        
        
        #my-account .table-header {
            background-color: transparent;
            padding: 20px 0;
        }
        
        #my-account .table-header h3 {
               font-family: "Poppins";
                font-weight: 400;
                text-transform: none;
                color: #50504E;
                font-size: 14px;
                line-height: 20px;
                letter-spacing: 0;
        }
        
        #my-account .product-row {
            padding: 20px;
            border-bottom: 1px solid #e0e0e0;
            position: relative;
        }
        
        #my-account .product-row:last-child {
            border-bottom: none;
        }
        
        #my-account .product-image-wishlist {
            width: 100px;
            height: 100px;
            object-fit: contain;
        }
        
        #favouriye-product .product-name {
            font-weight: 400;
            font-size: 16px; 
            line-height: 32px;
            color: #000;
            font-family: "Poppins";
            text-decoration: none;
        }
        
        
        #favouriye-product .product-price {
            font-weight: 400;
            font-size: 16px;
            color: #414141;
            font-family: "Poppins";

        }
        
        #my-account .price-original {
            text-decoration: line-through;
            color: #999;
            font-family: "Poppins";
            margin-right: 5px;
        }
        
        
      
        
        
        
        @media (max-width: 767.98px) {
            #my-account .product-row {
                padding: 15px;
            }
            
            #my-account .product-image-wishlist {
                width: 80px;
                height: 80px;
            }
            
            #my-account .product-actions {
                margin-top: 10px;
            }
            
            #my-account .add-to-cart-btn {
                width: 100%;
                margin-bottom: 5px;
            }
        }


        /* Single Product */

        #single-product .signle-product-container {
    max-width: 1180px;
    padding: 40px 10px;
    padding-bottom: 0px !important;
}
.single-related-product{
  font-family: "Open Sans";
 font-size: 28px;
    font-weight: 600;
  color: #414141;
  padding: 0px;
  padding-bottom: 20px;
}

#single-product .product-main-img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
    cursor: pointer;
}

#single-product .product-thumbnails {
    margin-top: 20px;
}

#single-product .thumbnail-item {
    cursor: pointer;
    transition: all 0.3s;
}

#single-product .thumbnail-item img {
    width: 100%;
    height: auto;
    transition: all 0.3s;
}



#single-product .thumbnail-item:hover img {
    transform: scale(1.05);
}

#single-product .quantity-wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;

    width: fit-content;
}

#single-product .quantity-btn {
    border: none;
    background: none;
    padding: 8px 12px;
    font-size: 16px;
    cursor: pointer;
    color: #555;
}

#single-product .quantity-input {
    width: 35px;
    height: 41px;
    text-align: center;
    padding: 8px 0;
    font-weight: 300;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: none;
    border-bottom: none;
}

#single-product .quantity-input:focus {
    outline: none;
}

/* For Chrome, Safari, Edge, Opera */
#single-product .no-spinner::-webkit-outer-spin-button,
#single-product .no-spinner::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
#single-product .no-spinner {
    -moz-appearance: textfield;
}


#single-product .btn-add-cart {
     display: flex;
    justify-content: center;
    text-align: center;
    vertical-align: bottom;
    align-items: center;
    padding: 6px 20px;
    font-weight: 400;
    text-decoration: none !important;
    background-color: transparent;
    color: #789364;
    border: 1px solid #789364;
    border-radius: 5px;
    width: fit-content;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-family: var(--secondaryFont);
    margin-bottom: 0px;
}

#single-product .btn-add-cart:hover {
    color: #fff;
    background-color: #789364;
}



#single-product .product-price {
    color: #224635;
    font-size: 20px;

    font-weight: 600;
    text-transform: none;
}

#single-product .short-description {
    color: #80827e;
    font-size: 16px;
    font-family: "poppins";
    margin: 20px 0px;
}

#single-product .product-meta {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 30px;
    font-size: 0.9rem;
}

#single-product .meta-label {
    margin-right: 6px;
    font-family: "Poppins";
    color: #80827e;
    font-weight: 300;
    font-size: 16px;
    line-height: 2em;
}

#single-product .meta-value {
    font-family: "Poppins";
    color: #80827e;
    font-weight: 300;
    font-size: 16px;
    line-height: 2em;
}
#single-product .meta-category a:hover{
    color: #80827e;
}
#single-product .meta-category {
    font-family: "Poppins";
    color: #80827e;
    font-weight: 500;
    font-size: 16px;
    line-height: 2em;
}


#single-product .img-zoom-container {
    position: relative;
    overflow: hidden;
}

#single-product .product-title {
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 400;
    color: #414141;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 140%;
}

@media (max-width: 768px) {
   

    #single-product .nav-tabs{
      display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    align-items: center;
    }
    #single-product .nav-tabs .nav-link {
          width: max-content;
    }
}

#single-product .zoom-wrapper {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

#single-product .image-container {
    position: relative;
}



 .zoom-box {
    width: 500px;
    height: 600px;
    background-repeat: no-repeat;
    background-size: 800px 800px;
    background-position: center;
}

 #zoomResult {
    position: absolute;
    top: 70%;
    right: 20%;
}







#single-product .tab-content {
    padding: 0px;
    padding-top: 20px;
    border-top: 1px solid #ccdec5;
}

#single-product .nav-tabs {
    border-bottom: none;
}

#single-product .nav-tabs .nav-link {
    color: #789364;
    font-weight: 600;
    padding: 11px 20px;
    border: none;
    font-size: 17px;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

#single-product .nav-tabs .nav-link.active {
    color: #424635;
    border-bottom: 3px solid #424635;
    background-color: transparent;
}



#single-product .product-specs {
    margin-bottom: 20px;
}

#single-product .product-specs .row {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

#single-product .review-section {
    margin-bottom: 20px;
}

#single-product .rating-stars img {
    width: 18px;
}

#single-product .comment-form input,
#single-product .comment-form textarea {
    border-radius: 0;
    padding: 12px;
}


#single-product #description p {
    color: #80827e;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    font-family: "poppins";
}

#single-product #description p strong {
    color: #414141;
    font-size: 24px;
    font-weight: 500;
    font-family: "Open Sans";
}
#single-product #description ul li{
      line-height: 2;
}
#single-product #description ol li{
      line-height: 2;
}

#single-product #description ul {
    color: #80827e;
    font-size: 16px;
    padding: 10px 0px;
    font-weight: 400;
    font-family: "poppins";
}
#single-product #description ol {
    color: #80827e;
    font-size: 16px;
    padding: 10px 0px;
    font-weight: 400;
    font-family: "poppins";
}

#single-product .shop_attributes.woocommerce-product-attributes{
  width: 100%;
}

#single-product .shop_attributes.woocommerce-product-attributes tbody tr th{
  font-size: 16px;
    font-weight: 600;
    font-family: "Poppins";
    padding: 10px 0px;
}

#single-product .shop_attributes.woocommerce-product-attributes tbody tr td{
  font-size: 16px;
    font-weight: 400;
    font-family: "Poppins";
    padding: 10px 0px;
}


#single-product .comment-form .form-label,
#single-product .comment-form p,
#single-product .review-section p,
#single-product .form-check-label,
#single-product .specsh {
    color: #80827e;
    font-size: 16px;
    font-weight: 400;
    font-family: "poppins";
}

#single-product .form-check-input {
    padding: 2px;
    margin-right: 10px;
}

#single-product .form-check,
#single-product .inputcheck {
    display: flex;
    align-items: center;
}


#single-product #description h1 {
    color: #414141;
    font-size: 18px;
    font-weight: 500;
    font-family: "poppins";
}

#single-product .comment-form h5,
#single-product .review-section h5 {
    color: #2f3327;
    font-size: 17px;
    font-weight: 500;
    font-family: "poppins";

}
#single-product .btn:hover{
    border: none
}


/* Single blog */


.blog-single .custom-container {
    max-width: 768px;
    background-color: #fff;
}

.blog-single .title_lg {
    color: #789364;
    font-family: "Open Sans";
    font-weight: 500;
    font-size: 24px;
}

.blog-single .accordion-header {
    color: #414141;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 24px;
}

.blog-single .author-name p {
    color: #414141;
    font-size: 16px;
    font-weight: 400;
    font-size: 16px;

}

.blog-single-description p {
    font-weight: 300;
    font-size: 16px;
    color: #414141;
    font-family: var(--secondaryFont);
    line-height: 2;
}

.blog-single-description ul li {
    font-weight: 300;
    font-size: 16px;
    color: #414141;
    font-family: var(--secondaryFont);
    line-height: 2;
}

.blog-single-description ol li {
    font-weight: 300;
    font-size: 16px;
    color: #414141;
    font-family: var(--secondaryFont);
    line-height: 2;
}

.blog-single .border_line {
    height: 1px;
    background-color: #EBEBEB;
}

.blog-single .accordion-button {
    font-size: 2rem;
    font-weight: 500;
    padding: 1.6rem 0;
    color: #414141;
    background-color: transparent !important;
}

.blog-single .carousel-control-prev-icon{
  background-image: url('img/prev-blog.svg') !important;
      

}
.blog-single .carousel-control-next-icon{
  background-image: url('img/next-blog.svg') !important;
     

}
#aserrorMessages, #assuccessMessage{
  font-family: 'Poppins';
}

.blog-single .accordion-button::before,
.blog-single .accordion-button::after {
    background-image: url('img/arrow-down.svg');
}

.blog-single .links_list a {
    color: #70916D;
    text-decoration: underline;
}

.blog-single .main-image {
    height: 359px;
}

.blog-single .comment_box_wrapper {
    border: 1px solid #EBEBEB;
    border-radius: 5px;
}

.blog-single .comment_profile img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}

.blog-single .comment-product img {
    width: 113px;
    height: 95px;
}

.blog-single .status img {
    width: 1.8rem;
    height: 1.8rem;
}

.blog-single .comment_input input {
    border-radius: 6px;
    padding: 0 9rem 0 1.6rem;
}

.blog-single .post_button {
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .blog-single .comment_gallery .product img {
        width: 10rem;
    }
    .blog-single .custom-container {
      padding: 0px !important;
    }
}

@media (max-width: 576px) {
    .blog-single .comment_gallery .product img {
        width: 9rem;
    }
}

.blog-single-link a {
    font-family: "Poppins";
    color: #70916D;
    font-size: 16px;
    font-weight: 300;

}

.blog-single-link a:hover {
    font-family: "Poppins";
    color: #70916D;
    font-size: 16px;
    font-weight: 300;

}

.text-share {
    color: #414141;
    font-family: "Poppins";
    font-weight: 300;
    font-size: 16px;
}
.text-share:hover{
    color: #414141;

}

.blog-comment-username {
    display: flex;
    align-items: center;
    gap: 10px;


}

.blog-comment-username h4 {
    color: #414141;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 400;

}

.blog-comment-username p {
    color: #414141;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 300;

}
 .addwishlistbtn img {
    border-left: 1px solid #EBEBEB;
    padding-left: 10px;
}
.blog-comments p {
    color: #414141;
    font-family: "Poppins";
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
}

.blog-post-btn {
    font-family: "Poppins";
    font-weight: 600;
    font-size: 16px;
    z-index: 11;
    color: #224635;
}

.blog-post-input {
    font-family: "Poppins";
    font-weight: 300;
    font-size: 16px;
    border: 1px solid #EBEBEB;
    color: #414141;
}

.comment-input {
    margin-top: 15px;
    display: flex;
    align-items: center;
}
.comment-input .btn{
  border: none;
}

.comment-input:focus {
    z-index: unset;
    border: 1px solid #EBEBEB;

}


.blog-post-input {
    padding: 15px 20px;
}



.footerlegelstaemnt p, .footerlegelstaemnt li{
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 400;
  color: #646464;
  line-height: 32px;
  padding: 16px 0px 0px 0px;
}

.footerlegelstaemnt h1{
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 400;
  color: #414141;
  line-height: 34px;
  padding: 20px 0px 4px 0px;

}
 .footerlegelstaemnt li{
  list-style: initial;
 }


 .order-empty h4{
  color: #414141;
    font-family: "Poppins";
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0;
 }
  .continue-btn{
  background-color: transparent;
    color: #789364;
    border: 1px solid #789364;
    font-family: 'poppins';
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    line-height: normal;
 }

.continue-btn:hover{
  background-color: #789364;
    color: #fff;
    
 }