@charset "UTF-8";

*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {.search-option-wrapper ul li
  height: 100%;
  
}

body {
  line-height: 20px;
  font-size: 15px;
  font-style: normal;
  overflow-x: hidden;
  font-weight: 400;
  visibility: visible;
  font-family: 'Outfit', sans-serif;
  color: #333333;
  position: relative;
  background-color: #FDFBF3;
}

h1, h2, h3, h4, h5, h6 {
  color: #333333;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  margin-top: 0;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a, button {
  color: inherit;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a, button, img, input, span {
  -webkit-transition: all 0.1s ease 0s;
  transition: all 0.1s ease 0s;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button, input[type=submit] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

/*-- Tab Content & Pane Fix --*/
.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  display: block;
  height: 0;
  max-width: 100%;
  visibility: hidden;
  overflow: hidden;
  opacity: 0;
}
.tab-content .tab-pane.active {
  height: auto;
  visibility: visible;
  opacity: 1;
  overflow: visible;
}

.border-bottom {
  border-bottom: 1px solid #ededed;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='15px'%3E%3Ctext x='0' y='10' fill='black'%3E%E2%96%BE%3C/text%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 95% 50%;
}

/*----------  Sharp border tippyjs theme  ----------*/
/* If `animateFill: true` (default) */
.tippy-tooltip.sharpborder-theme .tippy-backdrop {
  background-color: #21543D;
  font-weight: 400;
  color: #fff;
}

/* If `animateFill: false` */
.tippy-tooltip.sharpborder-theme {
  font-weight: 400;
  font-size: 12px;
  background-color: #21543D;
  color: #fff;
  line-height: 12px;
  white-space: nowrap;
  padding: 8px 10px;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.sharpborder-theme .tippy-arrow {
  border-top-color: #21543D;
}

/*************************
 Bootstrap Custom Container
************************/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width: 100%;
  /*padding-right: 15px;*/
  /*padding-left: 15px;*/
  margin-right: auto;
  margin-left: auto;
}
.nonemax-Scrn{
        padding: 10px 0px !important;
        padding-bottom: 0px !important;
    }

@media (min-width: 576px) {
    
    
    
    .nonemax-Scrn{
        display: none;
        padding: 10px 0px !important;
    }
    .icon-resp{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 20px;
    }
  
/*  .container,*/
/*.container-sm {*/
/*    max-width: 540px;*/
/*  }*/
}
@media (min-width: 992px) {
    .right-cart-sticky{
        position: sticky;
        top: 5px;
        height: 50%;
    }
    .pr-1{
        padding-right: 5px;
    }
    .enquiry-btn{
        width: 30%;
        text-align: center;
    }
    .myaccount-tab-menu {
        position: sticky;
        top: 10px;
    }
    
    .page-sidebar{
        position: sticky;
    top: 40px;
    }
    
    .menu-container{
        display: none !important;
    }
    .mt-60-desk{
    margin-top: 60px !important;
    }
    .left-cart-sticky{
        position: sticky;
        top: 10px;
        height: 50%;
    }
  .container,
.container-md,
.container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
.container-lg,
.container-md,
.container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1140px;
  }
}
/*.row {*/
/*  --bs-gutter-x: 15px;*/
/*}*/

/*=====  End of Theme default CSS  ======*/
/*=============================================
=            Header            =
=============================================*/
/*----------  header area  ----------*/
.header-area {
  position: relative;
  z-index: 9;
  /* absolute header style */
}
.header-area.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-area.is-sticky .navigation-top {
  display: none;
}
.header-area.is-sticky .navigation-menu-area {
    background: rgb(255 255 255);
}

.header-area--absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-area--absolute {
    position: relative;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area--absolute {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .header-area--absolute {
    position: relative;
  }
}
.header-area--absolute.is-sticky--absolute {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 700ms ease-in-out 0s normal none 1 running fadeInDown;
  background-color: rgba(241, 241, 239, 0.7);
}
.header-area--absolute.is-sticky--absolute:hover {
  background-color: #f1f1ef;
}
.header-area--absolute.is-sticky--absolute .navigation-top-topbar {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area--absolute.is-sticky--absolute .navigation-top-search-area {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-area--absolute.is-sticky--absolute .navigation-top-search-area {
    margin-top: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area--absolute.is-sticky--absolute .logo {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header-area--absolute.is-sticky--absolute .logo {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area--absolute.is-sticky--absolute .search-icon {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-area--absolute.is-sticky--absolute .search-icon {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-area--absolute.is-sticky--absolute .header-cart-icon {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .header-area--absolute.is-sticky--absolute .header-cart-icon {
    display: none !important;
  }
}
.header-area--absolute.is-sticky--absolute .main-menu--separate nav > ul > li > a {
  line-height: 70px;
}

/*----------  navigatopn top  ----------*/
.navigation-top {
  background-color: #21543D;
}

/*----------  navigation top topbar  ----------*/
.navigation-top-topbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

/*----------  header top social links  ----------*/
/*@media only screen and (max-width: 767px) {*/
/*  .header-top-social-links {*/
/*    border-bottom: 1px solid rgba(255, 255, 255, 0.17);*/
/*    padding-bottom: 10px;*/
/*  }*/
/*}*/

/*----------  headertop dropdown container  ----------*/
.headertop-dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .headertop-dropdown-container {
    padding-top: 10px;
  }
}
/* @media only screen and (max-width: 479px) {
  .headertop-dropdown-container:first-child .extra-small-mobile-fix {
    left: 0;
  }
} */
.headertop-dropdown-container .header-top-single-dropdown {
  position: relative;
}
.headertop-dropdown-container .header-top-single-dropdown a {
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  display: flex;
 
}

.headertop-dropdown-container .header-top-single-dropdown a i {
  font-size: 11px;
  margin-left: 3px;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items {
  position: absolute;
  left: auto;
  right: -15%;
  top: 165%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  padding: 0 20px;
  min-width: 160px;
  z-index: 5;
  display: none;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items.deactive-dropdown-menu {
  display: none;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items.active-dropdown-menu {
  display: block;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items ul li {
  border-bottom: 1px solid #eeeeee;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items ul li:last-child {
  border-bottom: 0;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items ul li a {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #666;
  font-weight: 300;
  line-height: 2.2;
  padding: 10px 0;
  display: block;
}
.headertop-dropdown-container .header-top-single-dropdown__dropdown-menu-items ul li a:hover {
  color: #21543D;
}
.headertop-dropdown-container span.separator {
  margin: 0 8px;
  color: #ffffff;
}

/*----------  navigation top search  ----------*/
/*----------  search bar  ----------*/
.search-bar {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search-bar {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    width: 95%;
  }
}
.search-bar form input {
  width: 100%;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: black;
  font-weight: 300;
  background: #21543d14;
          border: 1px solid #bad8cb;
  padding: 0 65px 0 20px;
  height: 45px;
  border-radius: 5px;
}
.search-bar form input::placeholder {
    color: black !important;
}
.search-bar form button {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  border: 0;
  width: 60px;
  padding: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: 0;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  color: #ffffff;
  font-weight: 400;
  line-height: 48px;
}
.search-bar form button:hover {
  color: #ffdd20;
}
.search-bar form ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.search-bar form ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.search-bar form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.search-bar form ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.search-bar form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1;
  /* Firefox */
}
.search-bar form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.search-bar form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/*----------  customer support text  ----------*/
.customer-support-text {
  position: relative;
  -webkit-transform: translateX(50px);
          transform: translateX(50px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .customer-support-text {
    -webkit-transform: translateX(70px);
            transform: translateX(70px);
  }
}
@media only screen and (max-width: 767px) {
  .customer-support-text {
    -webkit-transform: none;
            transform: none;
  }
}
@media only screen and (max-width: 575px) {
  .customer-support-text {
    display: inline-block;
  }
}
.customer-support-text .icon {
  position: absolute;
  left: 0;
  top: 5px;
}
.customer-support-text .text {
  padding-left: 52px;
}
@media only screen and (max-width: 575px) {
  .customer-support-text .text {
    text-align: left;
  }
}
.customer-support-text .text span {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  line-height: 18px;
}
.customer-support-text .text p {
  margin: 0;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #ffdd20;
  font-weight: 700;
  line-height: 25px;
}

/*----------  small cart  ----------*/
.header-cart-icon {
  position: relative;
}
.header-cart-icon .small-cart-trigger {
      /*border: 1px solid #e5e5e5;*/
  font-family: 'Outfit', sans-serif;
  font-size: 24px;
  color: #333;
  font-weight: 400;
  display: flex;
  /*width: 45px;*/
  /*height: 45px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 5px;
}
.header-cart-icon .small-cart-trigger .cart-counter {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  font-style: normal;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  color: #fff;
  font-weight: 400;
  line-height: 16px;
  background: #21543d;
  position: absolute;
          left: 22px;
    top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.header-cart-icon .small-cart-trigger:hover, .header-cart-icon .small-cart-trigger.active {
  color: #333;
  /*background: #fff;*/
  /*border-color: #fff;*/
}
.header-cart-icon .small-cart-trigger:hover .cart-counter, .header-cart-icon .small-cart-trigger.active .cart-counter {
  background: #14532D;
  color: #ffffff;
}

.small-cart {
  position: absolute;
  width: 380px;
  right: 0;
  left: auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  display: none;
  z-index: 9;
}
@media only screen and (max-width: 479px) {
  .small-cart {
    max-width: 300px;
  }
}

.small-cart-item-wrapper {
  padding: 30px;
  border-bottom: 1px solid #ebebeb;
}
.small-cart-item-wrapper .single-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.small-cart-item-wrapper .single-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.small-cart-item-wrapper .single-item .image {
  -ms-flex-preferred-size: 80px;
}
.small-cart-item-wrapper .single-item .remove-icon {
  position: absolute;
  top: 0;
  right: 0;
}
.small-cart-item-wrapper .single-item .remove-icon i {
  font-size: 12px;
}
.small-cart-item-wrapper .single-item .remove-icon:hover {
  color: #21543D;
}
.small-cart-item-wrapper .single-item .content {
  -ms-flex-preferred-size: calc(100% - 80px);
      flex-basis: calc(100% - 80px);
  padding-left: 10px;
  text-align: left;
}
.small-cart-item-wrapper .single-item .content p {
  margin-bottom: 0;
  width: 70%;
}
.small-cart-item-wrapper .single-item .content p.cart-name a {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: #333;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 8px;
}
.small-cart-item-wrapper .single-item .content p.cart-name a:hover {
  color: #21543D;
}
.small-cart-item-wrapper .single-item .content p.cart-quantity {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #21543D;
  font-weight: 700;
  line-height: 18px;
}
.small-cart-item-wrapper .single-item .content p.cart-quantity .quantity-mes {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #333;
  font-weight: 300;
  line-height: 18px;
}

.cart-calculation-table {
  padding: 30px;
}
.cart-calculation-table table tbody tr:last-child td:last-child {
  color: #21543D;
  font-size: 20px;
}
.cart-calculation-table table tbody tr td {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #333;
  font-weight: 600;
  line-height: 30px;
}

.cart-buttons a {
  display: block;
  margin-bottom: 10px;
}
.cart-buttons a:last-child {
  margin-bottom: 10px;
}

/*----------  active and deactive dropdown  ----------*/
.deactive-dropdown-menu {
  display: none;
}

.active-dropdown-menu {
  display: block;
}

/*----------  navigation menu  ----------*/
.navigation-menu-area {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
  background-color: #FDFBF3;
}

.main-menu nav > ul > li {
  display: inline-block;
  position: relative;
  margin-right: 16px;
}
.main-menu nav > ul > li:last-child {
  margin-right: 0;
}
.main-menu nav > ul > li.active > a, .main-menu nav > ul > li:hover > a {
  color: #21543D;
  position: relative;
}
/*.main-menu nav > ul > li.menu-item-has-children > a::after {*/
/*  font-family: Ionicons;*/
/*  content: "";*/
/*  margin-left: 5px;*/
/*  float: right;*/
/*  font-size: 11px;*/
/*  -webkit-transition: 0.3s;*/
/*  transition: 0.3s;*/
/*  font-weight: 300;*/
/*}*/
.main-menu nav > ul > li > a {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 14.5px;
      text-transform: uppercase;
  color: #333;
  /*font-weight: 500;*/
  letter-spacing: .06em;
  /*line-height: 55px;*/
}
.main-menu nav > ul > li:hover > .sub-menu, .main-menu nav > ul > li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}
.main-menu--separate nav > ul {
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu--separate nav > ul {
    text-align: left;
  }
}
.main-menu--separate nav > ul > li > a {
  line-height: 100px;
}
.main-menu--separate .sub-menu {
  text-align: left;
}
.main-menu--separate .mega-menu {
  text-align: left;
}
.main-menu--separate .mega-menu.four-column {
  left: -300px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .main-menu--separate .mega-menu.four-column {
    left: -300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main-menu--separate .mega-menu.four-column {
    left: -450px;
  }
}

/*----------  submenu  ----------*/
.sub-menu {
  position: absolute;
  left: -20px;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  width: 230px;
  visibility: hidden;
  opacity: 0;
  padding: 15px 0;
}
/* .sub-menu li {
  position: relative;
} */
.sub-menu li a {
  color: #333333;
  font-size: 15.5px;
  text-transform: capitalize;
  font-family: 'Outfit', sans-serif;
  font-weight: 300;
  display: block;
  padding: 10px 15px;
}
.sub-menu li a:hover {
  color: #21543D;
}
/* .sub-menu li.menu-item-has-children > a::after {
  font-family: Ionicons;
  content: "";
  margin-left: 5px;
  float: right;
  font-weight: 300;
  font-size: 11px;
} */
/*.sub-menu li.menu-item-has-children > a::after {*/
/*  font-family: Ionicons;*/
/*  content: '›';*/
/*  margin-left: 5px;*/
/*  float: right;*/
/*  font-weight: 300;*/
/*  font-size: 11px;*/
/*  font-weight: 300;*/
/*  font-size: 14px; */
/*  color: dark;*/
/*}*/
/*.sub-menu-2-arr li.menu-item-has-children > a::after {*/
/*  font-family: Ionicons;*/
/*  content: '‹'; */
/*  margin-left: 5px;*/
/*  float: right;*/
/*  font-weight: 300;*/
/*  font-size: 14px; */
/*  color: dark;*/
/*}*/


.tag-menu i{
    margin-left: 5px;
}

.grp-menu {
    display: flex;
    align-items: end;
    gap: 5px;
}
.sub-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}

/* sub-menu-left */

.sub-menu li:hover > .sub-menu-2 {
  opacity: 1;
  visibility: visible;
  margin-top: 0;
  z-index: 999;
}

.sub-menu .sub-menu-2 {
  position: absolute;
  left: -100%;
  font-weight: 600;
  top: 0%;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  visibility: hidden;
  opacity: 0;
}

.sub-menu-2>li>a{
  font-size: 12px;
}
.sub-menu .sub-menu-2 li a {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: rgb(102, 102, 102);
  font-weight: 300;
  text-transform: capitalize;
  /* padding: 7px 15px; */
}


/* sub-menu-left */

.sub-menu .sub-menu {
  position: absolute;
  left: 100%;
  right: auto;
  top: 0;
  visibility: hidden;
  opacity: 0;
}


.sub-menu .sub-menu li a {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #666;
  font-weight: 300;
  text-transform: capitalize;
  padding: 10px 15px;
}
.sub-menu .sub-menu li a:hover {
  color: #21543D;
}
.sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}
.sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

/*----------  mega menu  ----------*/
.mega-menu {
  position: absolute;
  left: 0;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  visibility: hidden;
  opacity: 0;
}
.mega-menu.four-column {
  /*width: 1100px;*/
  left: 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px;
}


.mega-menu.four-column > li {
  width: 20%;
padding: 0px 10px;
}
.mega-menu > li > a {
  font-family: 'Outfit', sans-serif;
  text-transform: uppercase;
  font-size: 14.5px;
  font-weight: 600;
  background: #f0fff8;
  padding: 10px 10px;
  color: #21543D;
  margin-bottom: 10px;
}
.mega-menu > li > a:hover {
  color: #21543D;
}
.mega-menu > li ul li a {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    color: #181818;
    margin: 15px 0px;
    font-weight: 500;
    line-height: 20px;
}
.mega-menu > li ul li a:hover {
  color: #21543D;
}

.megamenu-banner a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.megamenu-banner a:hover img {
  opacity: 0.7;
}

/*----------  mobile menu  ----------*/
.mobile-menu .mean-bar {
  position: relative;
  text-align: right;
  /*---- Mean Nav ----*/
}
.mobile-menu .mean-bar:before {
  position: absolute;
  top: 0;
  content: "MENU";
  left: 0;
  font-weight: 500;
  font-size: 16px;
  color: #363f4d;
  display: none;
}
.mobile-menu .mean-bar .meanmenu-reveal span {
  position: relative;
  /*---- Menu Open ----*/
  /*---- Menu Close ----*/
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
  height: 1px;
  width: 24px;
  background-color: #333333;
  display: block;
  margin: 5px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
  top: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
  bottom: -8px;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
  height: 1px;
  width: 18px;
  background-color: transparent;
  display: block;
  margin: 5px 0;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before, .mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mobile-menu .mean-bar .meanmenu-reveal span.mean-menu-text {
  position: absolute !important;
  left: 0;
  top: 1px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.mobile-menu .mean-bar .meanmenu-reveal span.mean-menu-text i {
  margin-right: 5px;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  line-height: 19px;
}
.mobile-menu .mean-bar .mean-nav {
  text-align: left;
  background-color: #ffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mobile-menu .mean-bar .mean-nav {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav {
    margin-top: 15px;
    margin-bottom: 20px;
  }
}
.mobile-menu .mean-bar .mean-nav > ul {
  border: 1px solid #eeeeee;
  border-top: 0 solid transparent;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 180px;
    overflow-y: auto;
  }
}
@media only screen and (max-width: 575px) {
  .mobile-menu .mean-bar .mean-nav > ul {
    max-height: 220px;
    overflow-y: auto;
  }
}
.mobile-menu .mean-bar .mean-nav > ul li {
  position: relative !important;
  display: block;
  float: left;
  width: 100%;
  /*---- Sub Menu & Mega Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a {
  display: block;
  text-transform: uppercase;
  position: relative;
  border-top: 1px solid #eeeeee;
  padding: 0 40px 0 20px;
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  line-height: 44px;
  /*---- Menu Expand For Sub Menu ----*/
}
.mobile-menu .mean-bar .mean-nav > ul li a::after {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li a:hover {
  color: #333333;
  padding-left: 25px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand {
  border: 1px solid #eeeeee;
  position: absolute;
  right: -1px;
  top: 0;
  font-size: 20px !important;
  color: #333333;
  line-height: 44px;
  height: 46px;
  width: 40px;
  text-align: center;
  /*padding: 0;*/
    padding-left: 12px;
    padding-right: 5px;
}
.mobile-menu .mean-bar .mean-nav > ul li a.mean-expand.mean-clicked {
  line-height: 40px;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul {
  position: static;
  background-color: rgba(0, 0, 0, 0.03);
  margin: 0;
  padding: 0 !important;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: none;
  float: left;
  opacity: 1;
  visibility: visible;
  z-index: 1;
  -webkit-transition: none;
  transition: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav > ul li ul li {
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  border-right: 0 solid transparent;
  width: 100%;
  display: block;
  float: left;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li a {
  font-size: 12px;
  display: block;
  margin-bottom: 0;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav > ul li ul li a::before {
  display: none;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul {
  background-color: rgba(0, 0, 0, 0.04);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul li a {
  border-top: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul li a.mean-expand {
  border: 1px solid #dddddd;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a {
  border-top: 1px solid #eeeeee;
}
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav > ul li ul li ul ul li a.mean-expand {
  border: 1px solid #eeeeee;
}

/*----------  search icon  ----------*/
.search-icon a i {
  font-size: 22px;
}
.search-icon a:hover {
  color: #F72525;
}

/*=============================================
=            page wrapper light green style            =
=============================================*/
.page-wrapper-light-green .header-area.is-sticky .navigation-menu-area {
  background: rgba(73, 177, 77, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-wrapper-light-green .header-area.is-sticky .navigation-menu-area {
    background: #49b14d;
  }
}
@media only screen and (max-width: 767px) {
    
    .header-top-social-links .social-link-small li{
        margin-right: 15px;
    }
    
  .page-wrapper-light-green .header-area.is-sticky .navigation-menu-area {
    background: #49b14d;
  }
}
.page-wrapper-light-green .header-area.is-sticky .navigation-menu-area:hover {
  background-color: #49b14d;
}
.page-wrapper-light-green .navigation-top {
  background-color: #ffffff;
}
.page-wrapper-light-green .navigation-top-topbar {
  border-bottom: 1px solid #ededed;
}
.page-wrapper-light-green .header-top-social-links .follow-text {
  color: #a4a4a4;
}
.page-wrapper-light-green .header-top-social-links .social-link-small li a {
  color: #777777;
}

.page-wrapper-light-green .headertop-dropdown-container .header-top-single-dropdown a {
  color: #a4a4a4;
}
.page-wrapper-light-green .headertop-dropdown-container .header-top-single-dropdown a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .headertop-dropdown-container span.separator {
  margin: 0 15px;
  color: #333;
}
.page-wrapper-light-green .search-bar form input {
  background: #f5f5f5;
  color: #a9a9a9;
}
.page-wrapper-light-green .search-bar form ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1;
  /* Firefox */
}
.page-wrapper-light-green .search-bar form ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1;
  /* Firefox */
}
.page-wrapper-light-green .search-bar form :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1;
  /* Firefox */
}
.page-wrapper-light-green .search-bar form ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1;
  /* Firefox */
}
.page-wrapper-light-green .search-bar form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #a9a9a9;
  opacity: 1;
  /* Firefox */
}
.page-wrapper-light-green .search-bar form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #a9a9a9;
}
.page-wrapper-light-green .search-bar form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #a9a9a9;
}
.page-wrapper-light-green .search-bar form button {
  background-color: #49b14d;
  color: #ffffff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.page-wrapper-light-green .search-bar form button:hover {
  background-color: #333;
}
.page-wrapper-light-green .customer-support-text .text span {
  color: #888888;
}
.page-wrapper-light-green .customer-support-text .text p {
  color: #333333;
}
.page-wrapper-light-green .header-cart-icon .small-cart-trigger {
  background-color: #ffdd20;
  color: #333;
}
.page-wrapper-light-green .header-cart-icon .small-cart-trigger:hover, .page-wrapper-light-green .header-cart-icon .small-cart-trigger.active {
  background-color: #49b14d;
  color: #ffffff;
}
.page-wrapper-light-green .header-cart-icon .small-cart-trigger:hover .cart-counter, .page-wrapper-light-green .header-cart-icon .small-cart-trigger.active .cart-counter {
  background-color: #ffffff;
  color: #333;
}
.page-wrapper-light-green .cart-buttons a {
  background-color: #49b14d;
}
.page-wrapper-light-green .cart-buttons a:hover {
  background-color: #333;
}
.page-wrapper-light-green .small-cart-item-wrapper .single-item .remove-icon:hover {
  color: #49b14d;
}
.page-wrapper-light-green .small-cart-item-wrapper .single-item .content p.cart-name a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .small-cart-item-wrapper .single-item .content p.cart-quantity {
  color: #49b14d;
}
.page-wrapper-light-green .cart-calculation-table table tbody tr:last-child td:last-child {
  color: #49b14d;
}
.page-wrapper-light-green .navigation-menu-area {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #49b14d;
}
.page-wrapper-light-green .main-menu nav > ul > li > a {
  color: #ffffff;
}
.page-wrapper-light-green .main-menu nav > ul > li.active > a, .page-wrapper-light-green .main-menu nav > ul > li:hover > a {
  color: #ffdd20;
}
.page-wrapper-light-green .sub-menu li a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .mega-menu li a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .mobile-menu .mean-bar .meanmenu-reveal .menu-bar {
  background-color: #ffffff;
}
.page-wrapper-light-green .mobile-menu .mean-bar .meanmenu-reveal .menu-bar:before, .page-wrapper-light-green .mobile-menu .mean-bar .meanmenu-reveal .menu-bar:after {
  background-color: #ffffff;
}
.page-wrapper-light-green .mobile-menu .mean-bar .meanmenu-reveal .menu-close:before, .page-wrapper-light-green .mobile-menu .mean-bar .meanmenu-reveal .menu-close:after {
  background-color: #ffffff;
}
.page-wrapper-light-green .mobile-menu .mean-bar .meanmenu-reveal .mean-menu-text {
  color: #ffffff;
}

/*=====  End of page wrapper blue style  ======*/
/*=============================================
=            page wrapper red style            =

=============================================*/



.avg-rating-container {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.product-review i {
  font-size: 16px;
  opacity: 1;
  margin: 0 1px;
  color: #FFDD20;
  /* color: #d8d6c3; */
}
.ratings-container {
  display: flex;
  align-items: center;
  margin-left: 1px;
  line-height: 2;
  margin-bottom: 1.2rem;
  font-size: 11px;
  letter-spacing: 0.2em;
}
.review-details p{
  line-height: 40px;
}


.lezada-button--medium1 {
    padding: 9px 12px;
}
.lezada-button {
    background-color: #21543D;
    color: #fff !important;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #333;
    font-weight: 500;
    letter-spacing: 1px;
    border: none;
}




/*=====  End of page wrapper red style  ======*/
/*=====  End of Header  ======*/
/*=============================================
=            footer            =
=============================================*/
.footer-text-block__title {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0;
}
.footer-text-block__content {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 24px;
}

.footer-widget-title {
  margin-bottom: 25px;
}
.footer-widget-title a {
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  color: #333;
  font-weight: 600;
  line-height: 24px;
}
.footer-widget-title a:hover {
  text-decoration: underline;
}

.montserrat-footer-widget-title {
  /*font-family: 'Outfit', sans-serif;*/
  font-family: "Poppins", serif;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 24px;
  /*font-family: 'Outfit', sans-serif;*/
  margin-bottom: 15px;
}

.footer-navigation nav ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}
.footer-navigation nav ul li {
  display: list-item;
}
.footer-navigation nav ul li a {
  display: block;
  line-height: 24px;
  color: #666;
  padding: 3px 0;
  position: relative;
  font-weight: 300;
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-navigation nav ul li a {
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer-navigation nav ul li a {
    line-height: 20px;
  }
}
.footer-navigation nav ul li a:hover {
  color: #21543D;
}

.footer-social-icon-block ul li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 0;
  margin-top: 10px;
}
.footer-social-icon-block ul li:last-child {
  margin-right: 0;
}
.footer-social-icon-block ul li a {
  display: inline-block;
  color: #fff;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 100%;
  font-size: 0;
  border: 0;
  text-align: center;
}
.footer-social-icon-block ul li a:hover {
  opacity: 0.7;
}
.footer-social-icon-block ul li a i {
  font-size: 16px;
}
.footer-social-icon-block ul li a.facebook-icon {
  background: #4867AA;
}
.footer-social-icon-block ul li a.twitter-icon {
  background: black;
}
.footer-social-icon-block ul li a.googleplus-icon {
  background: #25D366;
}
.footer-social-icon-block ul li a.instagram-icon {
  background: #B23A94;
}
.footer-social-icon-block ul li a.youtube-icon {
  background: #FE0000;
}

.copyright-text-area {
  border-top: 1px solid #ededed;
  padding: 20px 0;
}

.copyright-text p {
  text-transform: capitalize;
  font-weight: 400;
  margin: 0;
  color: #999;
}
.copyright-text p a {
  color: #333;
}
.copyright-text p a:hover {
  color: #21543D;
}
.noUi-target{
    border: none !important;
    box-shadow: none !important;
}

/*=====  End of footer  ======*/
/*=============================================
=            light green page style            =
=============================================*/
.page-wrapper-light-green .footer-navigation nav ul li a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .copyright-text p a:hover {
  color: #49b14d;
}

/*=====  End of light green page style  ======*/
/*=============================================



=            Sidebar            =
=============================================*/


.sidebar-widget {
  background: #f0fff8;
  padding: 15px 15px;
}
.sidebar-widget > ul {
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 32px;
}
.sidebar-widget > ul li.has-children > ul {
  padding-left: 15px;
}
.sidebar-widget > ul li a {
  text-transform: capitalize;
  line-height: 24px;
  padding: 5px 0;
  display: block;
  position: relative;
  color: #333333;
  font-size: 15px;
}
.sidebar-widget > ul li a:hover, .sidebar-widget > ul li a.active {
  color: #21543D;
}

.sidebar-widget-title {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #333;
  font-weight: 600;
  line-height: 22px;
  margin: 5px 0 5px;
 font-family: 'Outfit', sans-serif;
}

/*-- Sidebar Price --*/
.sidebar-price {
  padding-bottom: 34px;
  /*border-bottom: 1px solid #dcdcdc;*/
}
.sidebar-price #price-range {
  width: 100%;
  height: 5px;
  margin: 7px 0;
  background-color: #ccc;
  position: relative;
  border-radius: 50px;
}
.sidebar-price #price-range .ui-slider-range {
  position: absolute;
  height: 100%;
  top: 0;
  background-color: #21543D;
}
.sidebar-price #price-range .ui-slider-handle {
  background-color: #ffffff;
  border: 5px solid #21543D;
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 50px;
  display: block;
  top: -7px;
  -webkit-transition: none;
  transition: none;
  -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}
.sidebar-price #price-range .ui-slider-handle:hover {
  background-color: #21543D;
}
.sidebar-price .price-amount {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 24px;
  padding: 0;
  background-color: transparent;
  border: none;
  margin-top: 12px;
}

.sidebar-filter-group {
  padding-bottom: 29px;
  border-bottom: 1px solid #dcdcdc;
}
.sidebar-filter-group a {
  border: 0;
  display: block;
  line-height: 24px;
  padding: 5px 0;
  color: #333;
  text-transform: capitalize;
  position: relative;
  padding-left: 21px;
}
.sidebar-filter-group a:before {
  content: "";
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #333333;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.sidebar-filter-group a span {
  float: right;
}
.sidebar-filter-group a:hover, .sidebar-filter-group a.active {
  color: #21543D;
}
.sidebar-filter-group a:hover:before, .sidebar-filter-group a.active:before {
  background: #21543D;
  border-color: #21543D;
}

.sidebar-filter-group-color {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  padding-bottom: 10px;
}
.sidebar-filter-group-color a {
  border: 0;
  display: block;
  line-height: 24px;
  padding: 5px 0;
  color: #333;
  text-transform: capitalize;
  position: relative;
  padding-left: 21px;
}
.sidebar-filter-group-color a:before {
  content: "";
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #333333;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
}
.sidebar-filter-group-color a span {
  float: none;
  margin-left: 2px;
}
.sidebar-filter-group-color a:hover, .sidebar-filter-group-color a.active {
  color: #21543D;
}
.sidebar-filter-group-color a:hover:before, .sidebar-filter-group-color a.active:before {
  background: #21543D;
  border-color: #21543D;
}

/*----------  tag container  ----------*/
.tag-container li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.tag-container li a {
  border: 1px solid #ebebeb;
  padding: 5px 10px;
  border-radius: 3px;
  color: #555;
}
.tag-container li a:hover {
  background-color: #21543D;
  border-color: #21543D;
  color: #ffffff;
}

/*----------  Sidebar search box  ----------*/
.sidebar-search-box {
  border: 1px solid #e0e0e0;
  position: relative;
}
.sidebar-search-box input {
  border: none;
  padding: 10px;
  padding-left: 10px;
  width: 100%;
}
.sidebar-search-box button {
  position: absolute;
  top: 10px;
  right: 0;
  background: none;
  border: none;
}
.sidebar-search-box button:hover {
  color: #21543D;
}

/*----------  single block  ----------*/
.single-block {
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.single-block:first-child {
  padding-top: 0;
}
.single-block:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.single-block .image {
  -ms-flex-preferred-size: 100px;
      flex-basis: 100px;
  margin-right: 5px;
}
.single-block .image a {
  border: 2px solid transparent;
  display: block;
}
.single-block .image a img {
  width: 100%;
  aspect-ratio: 10/6;
}
.single-block .image a:hover {
  border: 2px solid #21543D;
}
.single-block .content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.single-block .content p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.single-block .content p a:hover {
  color: #21543D;
}
.single-block .content p span {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  font-weight: 400;
  margin-top: 5px;
  display: block;
}
.single-block.comment-block .image {
  -ms-flex-preferred-size: 80px;
      flex-basis: 80px;
}
.single-block.comment-block .content p span {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}
.single-block.comment-block .content p a {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #808080;
}
.single-block.comment-block .content p a:hover {
  color: #21543D;
}

/*----------  tag container  ----------*/
.tag-container > li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.tag-container > li > a {
  display: block;
  border: 1px solid #ebebeb;
  padding: 5px 10px !important;
  border-radius: 3px;
  color: #555;
}
.tag-container > li > a:hover {
  background-color: #21543D;
  border-color: #21543D;
  color: #ffffff !important;
}

/*=====  End of Sidebar  ======*/
/*=============================================
=            social link            =
=============================================*/
/*----------  social icon small  ----------*/
.follow-text {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 300;
  font-family: 'Outfit', sans-serif !important;
}

.social-link-small {
  display: inline-block;
}
.social-link-small li {
  display: inline-block;
  margin-right: 10px;
}
.social-link-small li:last-child {
  margin-right: 0;
}
.social-link-small li a {
  color: #ffffff;
}


/*----------  banner backgrounds  ----------*/
.banner-bg-1 {
  background-image: url("../img/banners/banner-big3.webp");
}


/*=====  End of Backgrounds  ======*/
/*=============================================
=            Button styles            =
=============================================*/
/*----------  default style  ----------*/
.theme-button {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #ffffff;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
  background-color: #21543D;
  padding: 0 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
  border-radius: 5px;
  /*----------  outline style  ----------*/
}
.theme-button:hover {
  background-color: #333;
  color: #ffffff;
}
.theme-button--outline {
  background-color: #ffffff;
  color: #21543D;
  border: 1px solid #21543D;
}
.theme-button--outline:hover {
  background-color: #21543D;
  color: #ffffff;
}

.product-cart-button {
  line-height: 43px;
  padding: 0 45px;
  border-radius: 3px;
}
@media only screen and (max-width: 479px) {
  .product-cart-button {
    padding: 0 40px;
  }
}

.compare-button a, .wishlist-button a {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #666;
  font-weight: 300;
  line-height: 30px;
}
.compare-button a i, .wishlist-button a i {
  margin-right: 5px;
}
.compare-button a:hover, .wishlist-button a:hover {
  color: #21543D;
}

.contact-button {
  line-height: 40px;
  border-radius: 5px;
}

.list-cart-button {
  line-height: 38px;
  margin-top: 34px;
  background: #f0f0f0;
  color: #333;
  padding: 0 30px;
  border-radius: 5px;
  width: 100%;
}
.list-cart-button:hover {
  background-color: #21543D;
  color: #ffffff;
}

/*=====  End of Button styles  ======*/
/*=============================================
=            scroll top            =
=============================================*/
.scroll-top {
  background: #21543D;
  width: 42px;
  height: 42px;
  line-height: 42px;
  display: none;
  text-align: center;
  color: #ffffff;
  font-family: "Ionicons";
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 999;
  border-radius: 50%;
  border: none;
}
.scroll-top:after {
  content: "";
  display: inline;
  font-size: 14px;
}

/*=============================================
=            page wrapper light green style            =
=============================================*/
.page-wrapper-light-green .scroll-top {
  background: #49b14d;
}

/*=====  End of page wrapper light green style  ======*/
/*=============================================

/*=============================================

/*=====  End of scroll top  ======*/

/*=============================================
=            slider            =
=============================================*/
/*----------  default style  ----------*/
.slick-slide > div > div {
  vertical-align: middle;
}

.ht-slick-slider {
  position: relative;
}
.ht-slick-slider .slick-arrow {
  position: absolute;
  right: 0;
  top: -58px;
  z-index: 2;
  width: 33px;
  height: 33px;
  background: #f2f2f2;
  color: #333;
  border-radius: 5px;
  border: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 16px;
}
.ht-slick-slider .slick-arrow:hover {
  background-color:#21543D;
  color: #fff;
}
.ht-slick-slider .slick-arrow.slick-prev {
  right: 40px;
}

/*----------  hero slider  ----------*/

.hero-slider-wrapper .slick-active .hero-slider-content {
  overflow: hidden;
}

.hero-slider-content {
    position: absolute;
    top: 30%;
}

.hero-slider-wrapper .slick-active .hero-slider-content > *:nth-child(1) {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.hero-slider-wrapper .slick-active .hero-slider-content > *:nth-child(2) {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.hero-slider-wrapper .slick-active .hero-slider-content > *:nth-child(3) {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.hero-slider-wrapper .slick-active .hero-slider-content > *:nth-child(4) {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.hero-slider-wrapper .slick-dots {
  position: absolute;
  bottom: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ffffff;
  padding: 0 10px;
  border-radius: 50px;
}
.hero-slider-wrapper .slick-dots li {
  display: inline-block;
}
.hero-slider-wrapper .slick-dots li button {
  font-size: 0;
  background: none;
  border: none;
  padding: 0;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #d7d7d7;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom:5px;
}
.hero-slider-wrapper .slick-dots li button:hover {
  background-color: #21543D;
}
.hero-slider-wrapper .slick-dots li.slick-active button {
  background-color: #21543D;
}
.hero-slider-wrapper .slick-dots li:last-child button {
  margin-right: 0;
}

.hero-slider-item-wrapper--fullwidth {
  height: 700px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-item-wrapper--fullwidth {
    background-position-x: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-item-wrapper--fullwidth {
    background-position-x: 25%;
  }
}
.hero-slider-item-wrapper--fullwidth--maxheight {
  height: 860px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-item-wrapper--fullwidth--maxheight {
    height: 650px !important;
  }
}


.hero-slider-content > * {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.hero-slider-content p.slider-title--small {
  font-family: 'Outfit', sans-serif;
  font-size: 24px;
  color: #666;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 479px) {
  .hero-slider-content p.slider-title--small {
    font-size: 16px;
    line-height: 16px;
  }
}
.hero-slider-content p.slider-title--big-bold {
  font-family: 'Outfit', sans-serif;
  font-size: 60px;
  color: #333;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-content p.slider-title--big-bold {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-content p.slider-title--big-bold {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-content p.slider-title--big-bold {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-content p.slider-title--big-bold {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-content p.slider-title--big-bold {
    font-size: 20px;
    line-height: 10px;
  }
}
.hero-slider-content p.slider-title--big-light {
  font-family: 'Outfit', sans-serif;
  font-size: 60px;
  color: #333;
  font-weight: 400;
  line-height: 60px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .hero-slider-content p.slider-title--big-light {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-slider-content p.slider-title--big-light {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-content p.slider-title--big-light {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-content p.slider-title--big-light {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-content p.slider-title--big-light {
    font-size: 30px;
    line-height: 30px;
  }
}
.hero-slider-content .hero-slider-button {
  border-radius: 5px;
  padding: 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-slider-content .hero-slider-button {
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-slider-content .hero-slider-button {
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .hero-slider-content .hero-slider-button {
    padding: 0 15px;
    font-size: 12px;
    line-height: 40px;
  }
}

/*----------  bog post slider  ----------*/
.blog-post-slider-wrapper .slick-list {
  margin: 0 -10px;
}
.blog-post-slider-wrapper .slick-slide > div {
  padding: 0 7.5px;
}
.blog-post-slider-wrapper .slider-single-post {
  border: 1px solid #e1d8d8;
}
.blog-post-slider-wrapper .slider-single-post__image a {
  display: block;
  width: 100%;
  position: relative;
}
.blog-post-slider-wrapper .slider-single-post__image a:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  font-family: fontAwesome;
  color: #ffffff;
  background: #21543D;
  width: 52px;
  height: 52px;
  line-height: 52px;
  border: 1px solid #21543D;
  text-align: center;
  font-size: 23px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.blog-post-slider-wrapper .slider-single-post__image a img {
  width: 100%;
  aspect-ratio: 10/6;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.blog-post-slider-wrapper .slider-single-post__image a:hover img {
  opacity: 0.7;
}
.blog-post-slider-wrapper .slider-single-post__image a:hover:after {
  visibility: visible;
  opacity: 1;
}
.blog-post-slider-wrapper .slider-single-post__content {
  padding: 12px 12px 12px 12px;
}
.blog-post-slider-wrapper .slider-single-post__content .post-title {
  margin-bottom: 0;
}
.blog-post-slider-wrapper .slider-single-post__content .post-title a {
  display: block;
  /*font-family: 'Outfit', sans-serif;*/
    font-family: "Poppins", serif;
  font-size: 16px;
  color: #8B4C2A;
  min-height: 48px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 20px;
}
.blog-post-slider-wrapper .slider-single-post__content .post-title a:hover {
  color: #21543D;
}
.blog-post-slider-wrapper .slider-single-post__content .post-meta .author-name {
  display: inline-block;
  margin: 0;
  color: #999999;
  font-size: 13px;
  position: relative;
  margin-right: 14px;
}
.blog-post-slider-wrapper .slider-single-post__content .post-meta .author-name span {
  color: #333;
}
.blog-post-slider-wrapper .slider-single-post__content .post-meta .author-name:after {
  content: "";
  width: 3px;
  height: 3px;
  background: #999999;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: -10px;
  margin-top: -1.5px;
}
.blog-post-slider-wrapper .slider-single-post__content .post-meta .post-date {
  display: inline-block;
  color: #999999;
  font-size: 13px;
}

/*----------  footer blog post slider  ----------*/


/*----------  category slider one ----------*/
.category-slider-wrapper-one .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}
.category-slider-wrapper-one .slick-slide > div {
  margin: 0 10px;
}
.category-slider-wrapper-one .single-category-item:hover .single-category-item__image a img {
  opacity: 0.7;
}
.category-slider-wrapper-one .single-category-item__image {
  position: relative;
}
.category-slider-wrapper-one .single-category-item__image a {
  display: block;
  width: 100%;
}
.category-slider-wrapper-one .single-category-item__image a img {
  width: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.category-slider-wrapper-one .single-category-item__image__content {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 80%;
  text-align: center;
}
.category-slider-wrapper-one .single-category-item__image__content .category-title {
  margin-bottom: 0;
}
.category-slider-wrapper-one .single-category-item__image__content .category-title a {
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  color: #343434;
  font-weight: 600;
  line-height: 22px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.category-slider-wrapper-one .single-category-item__image__content .category-title a:hover {
  color: #21543D;
}
.category-slider-wrapper-one .single-category-item__image__content .quantity {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #868686;
  font-weight: 300;
  line-height: 20px;
}

/*----------  single row slider  ----------*/
.product-single-row-slider-wrapper--border-bottom {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 40px;
}
.product-single-row-slider-wrapper .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}
.product-single-row-slider-wrapper .slick-slide {
  /* margin: 0 10px; */
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.product-single-row-slider-wrapper .slick-slide.slick-active {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}

/*----------  double row slider  ----------*/
.product-double-row-slider-wrapper .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}
.product-double-row-slider-wrapper .slick-slide {
  margin: 0 10px;
}
.product-double-row-slider-wrapper .slick-slide.slick-active {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}
.product-double-row-slider-wrapper .slick-slide > div:last-child {
  margin-top: 20px;
}

/*----------  banner double row slider area  ----------*/
.banner-double-row-slider-area .col-custom-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
}
@media only screen and (max-width: 767px) {
  .banner-double-row-slider-area .col-custom-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.banner-double-row-slider-area .col-custom-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
}
@media only screen and (max-width: 767px) {
  .banner-double-row-slider-area .col-custom-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

/*----------  double slider area  ----------*/


.small-image-slider-wrapper {
  padding: 0 20px;
  /*margin-top: 10px;*/
}
.small-image-slider-wrapper:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
}

.small-image-slider-wrapper .slick-arrow {
  background: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  visibility: hidden;
  opacity: 0;
}
.small-image-slider-wrapper .slick-arrow:hover {
  background: none !important;
  color: #49b14d;
}
.small-image-slider-wrapper .slick-arrow.slick-next {
  right: -25px;
  left: auto;
}
.small-image-slider-wrapper .slick-arrow.slick-prev {
  left: -25px;
  right: auto;
}
.small-image-slider-wrapper .slick-list {
  margin-left: -5px;
  margin-right: -5px;
}
.small-image-slider-wrapper .slick-slide > div {
  margin: 0 5px;
}
.small-image-slider-wrapper--quickview {
  padding: 0 0px;
  margin-top: 12px;
}
.small-image-slider-wrapper--quickview .slick-arrow {
  visibility: visible;
  opacity: 1;
  font-size: 30px;
}
.small-image-slider-wrapper--quickview .slick-arrow.slick-prev {
  left: -40px;
}
.small-image-slider-wrapper--quickview .slick-arrow.slick-next {
  right: -40px;
}
.small-image-slider-wrapper--quickview .slick-slide > div {
  /*margin: 0 10px;*/
}
@media only screen and (max-width: 767px) {
  .small-image-slider-wrapper--side-style .small-image-slider {
    padding: 0 30px;
  }
}
.small-image-slider-wrapper--side-style .slick-slide > div {
  margin: 5px 0;
}
@media only screen and (max-width: 767px) {
  .small-image-slider-wrapper--side-style .slick-slide > div {
    margin: 0 5px;
  }
}
.small-image-slider-wrapper--side-style .slick-arrow {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.small-image-slider-wrapper--side-style .slick-arrow.slick-prev {
  top: -30px;
  left: 50%;
  right: auto;
  bottom: auto;
}
.small-image-slider-wrapper--side-style .slick-arrow.slick-next {
  bottom: -30px;
  top: auto;
  left: 50%;
  right: auto;
}

.big-image-slider-wrapper {
  cursor: pointer;
  position: relative;
}
.big-image-slider-wrapper--change-cursor {
  cursor: crosshair !important;
}
.big-image-slider-wrapper--gallery-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.big-image-slider-wrapper--gallery-mode .big-image-slider-single-item {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  border: 1px solid #ddd;
}
.big-image-slider-wrapper--sticky-mode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.big-image-slider-wrapper--sticky-mode .big-image-slider-single-item {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  border: 1px solid #ddd;
}
.big-image-slider-wrapper--slider-mode .big-image-box-slider {
  padding-left: 50px;
  padding-right: 50px;
}
.big-image-slider-wrapper--slider-mode .slick-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.big-image-slider-wrapper--slider-mode .slick-arrow.slick-next {
  right: 0;
  left: auto;
}
.big-image-slider-wrapper--slider-mode .slick-arrow.slick-prev {
  left: 0;
  right: auto;
}
.big-image-slider-wrapper--slider-mode .slick-list {
  margin-left: -10px;
  margin-right: -10px;
}
.big-image-slider-wrapper--slider-mode .slick-slide > div {
  margin: 0 10px;
}

.small-image-slider-single-item {
  cursor: pointer;
}


/*=============================================
=            light green page style            =
=============================================*/
.page-wrapper-light-green .hero-slider-button {
  background-color: #49b14d;
}
.page-wrapper-light-green .hero-slider-button:hover {
  background-color: #333;
}
.page-wrapper-light-green .hero-slider-wrapper .slick-dots li.slick-active button {
  background-color: #49b14d;
}
.page-wrapper-light-green .hero-slider-wrapper .slick-dots li button:hover {
  background-color: #49b14d;
}
.page-wrapper-light-green .ht-slick-slider .slick-arrow:hover {
  background-color: #49b14d;
}
.page-wrapper-light-green .ht-slick-slider .slick-arrow.slick-prev {
  right: 40px;
}
.page-wrapper-light-green .blog-post-slider-wrapper .slider-single-post__image a:after {
  background-color: #49b14d;
  border: 1px solid #49b14d;
}
.page-wrapper-light-green .blog-post-slider-wrapper .slider-single-post__content .post-title a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .instagram-image-slider-wrapper .single-instagram-image a:before {
  background-color: #49b14d;
}
.page-wrapper-light-green .small-image-slider-wrapper .slick-current > div {
  border: 1px solid #49b14d;
}
.page-wrapper-light-green .small-image-slider-wrapper .slick-arrow:hover {
  color: #49b14d;
}

/*=====  End of light green page style  ======*/

/*=====  End of slider  ======*/
/*=============================================
=            banner            =
=============================================*/
/*----------  single split banner  ----------*/

.single-split-banner__image {
  position: relative;
}
.single-split-banner__image a {
  display: block;
  width: 100%;
}
.single-split-banner__image a img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
      aspect-ratio: 471 / 263;
  width: 100%;
  /*height: 300px;*/
  /*object-fit: cover;*/
}
/*.offer-image img{*/
/*     height: 230px !important;*/
/*}*/
.single-split-banner__image a:hover img {
  opacity: 0.7;
}
.single-split-banner__image__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 40px;
}
.single-split-banner__image__content p {
  margin-bottom: 0;
}
.single-split-banner__image__content p.split-banner-title--light {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-split-banner__image__content p.split-banner-title--light {
    font-size: 16px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .single-split-banner__image__content p.split-banner-title--light {
    font-size: 16px;
    line-height: 16px;
  }
}
.single-split-banner__image__content p.split-banner-title--bold {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  color: #333;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-split-banner__image__content p.split-banner-title--bold {
    font-size: 22px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 479px) {
  .single-split-banner__image__content p.split-banner-title--bold {
    font-size: 22px;
    line-height: 22px;
  }
}
.single-split-banner__image__content p.split-banner-title--bold--small {
  font-size: 22px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-split-banner__image__content p.split-banner-title--bold--small {
    font-size: 19px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 479px) {
  .single-split-banner__image__content p.split-banner-title--bold--small {
    font-size: 19px;
    line-height: 19px;
  }
}
.single-split-banner__image__content p.split-banner-title--price {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #666;
  font-weight: 400;
  line-height: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-split-banner__image__content p.split-banner-title--price {
    font-size: 15px;
    line-height: 15px;
  }
}
@media only screen and (max-width: 479px) {
  .single-split-banner__image__content p.split-banner-title--price {
    font-size: 15px;
    line-height: 15px;
  }
}
.single-split-banner__image__content p.split-banner-title--price .amount {
  margin-top: 5px;
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: 24px;
  color: #21543D;
  font-weight: 600;
  line-height: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-split-banner__image__content p.split-banner-title--price .amount {
    font-size: 18px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 479px) {
  .single-split-banner__image__content p.split-banner-title--price .amount {
    font-size: 18px;
    line-height: 18px;
  }
}

/*----------  full banner  ----------*/
.full-banner__content h5 {
  font-family: 'Outfit', sans-serif;
  font-size: 30px;
  color:#8B4C2A;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 0px;
}
.full-banner__content h4 {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  color: #333;
  font-weight: 400;
  line-height: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .full-banner__content h4 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .full-banner__content h4 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .full-banner__content h4 {
    font-size: 30px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .full-banner__content h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
.full-banner__content h3 {
  font-family: 'Outfit', sans-serif;
  font-size: 60px;
  color: #333;
  font-weight: 500;
  line-height: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .full-banner__content h3 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .full-banner__content h3 {
    font-size: 45px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .full-banner__content h3 {
    font-size: 45px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 479px) {
  .full-banner__content h3 {
    font-size: 35px;
    line-height: 35px;
  }
}
.full-banner__content p {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 25px;
}
.full-banner__content .banner-button {
  border-radius: 2px;
  padding: 0 20px;
}
@media only screen and (max-width: 479px) {
  .full-banner__content .banner-button {
    font-size: 14px;
        line-height: 25px;
        padding: 5px 15px;
  }
}
.full-banner__image a {
  display: block;
  width: 100%;
}
.full-banner__image a img {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  width: 100%;
  /*aspect-ratio: 10/6;*/
}
.full-banner__image a:hover img {
  opacity: 0.7;
}

/*----------  full banner two  ----------*/
.full-banner-two__content {
  background-color: #21543D;
  padding: 0 45px;
  padding-right: 65px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .full-banner-two__content {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .full-banner-two__content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
.full-banner-two__content__wrapper h3 {
  font-size: 28px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 500;
  /*letter-spacing: -1px;*/
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .full-banner-two__content__wrapper h3 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .full-banner-two__content__wrapper h3 {
    font-size: 24px;
    line-height: 30px;
  }
}
.full-banner-two__content__wrapper h4 {
  font-size: 40px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 500;
  /*letter-spacing: -1px;*/
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .full-banner-two__content__wrapper h4 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 479px) {
  .full-banner-two__content__wrapper h4 {
    font-size: 24px;
    line-height: 30px;
  }
}
.full-banner-two__content__wrapper p {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 30px;
}
.full-banner-two__content__wrapper .banner-two-button {
  background-color: #ffffff;
  color: #333333;
  border-radius: 5px;
}
.full-banner-two__content__wrapper .banner-two-button:hover {
  background-color: #ffdd20;
}
@media only screen and (max-width: 479px) {
  .full-banner-two__content__wrapper .banner-two-button {
            font-size: 14px;
        line-height: 25px;
        padding: 5px 15px;
  }
}
.full-banner-two__image a {
  display: block;
  width: 100%;
}
.full-banner-two__image a img {
  width: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.full-banner-two__image a:hover img {
  opacity: 0.7;
}

/*----------  slider banner  ----------*/
.slider-banner a {
  display: block;
  width: 100%;
}
.slider-banner a img {
  width: 100%;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.slider-banner a:hover img {
  opacity: 0.7;
}

.page-sidebar-banner a {
  display: block;
  width: 100%;
}
.page-sidebar-banner a img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.page-sidebar-banner a:hover img {
  opacity: 0.7;
}

/*=====  End of banner  ======*/
/*=============================================
=            light green page style            =
=============================================*/
.page-wrapper-light-green .single-split-banner__image__content p.split-banner-title--price .amount {
  color: #49b14d;
}

/*=====  End of light green page style  ======*/
/*=============================================

=            feature icon            =
=============================================*/

.icon-feature-wrapper {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .icon-feature-wrapper {
    margin-top: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .icon-feature-wrapper {
    margin-top: -10px;
  }
}
@media only screen and (max-width: 479px) {
  .icon-feature-wrapper .col-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.single-icon-feature {
  position: relative;
  padding: 10px 0;
  padding-left: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-icon-feature {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .single-icon-feature {
    margin-top: 15px;
  }
}
.single-icon-feature--product-details {
  padding-left: 50px;
}
.single-icon-feature__icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}
.single-icon-feature__content p {
  margin-bottom: 4px;
      font-size: 14px;
    color: #666;
    color: #868686;
    font-weight: 400;
}
.feature-title {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #21543D;
  font-weight: 600;
  line-height: 18px;
  font-family: 'Outfit', sans-serif;
}
.single-icon-feature__content p.feature-text {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
}

/*=====  End of feature icon  ======*/
/*=============================================
=            light green page style            =
=============================================*/
.page-wrapper-light-green .single-icon-feature__content p {
  margin-bottom: 0;
}
.page-wrapper-light-green .single-icon-feature__content p.feature-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #49b14d;
  font-weight: 600;
  line-height: 18px;
}

/*=====  End of light green page style  ======*/
/*=============================================

/*=============================================
=            section title            =
=============================================*/
.section-title h2 {
  position: relative;
  text-transform: capitalize;
  margin: 0;
  /*padding-bottom: 10px;*/
  font-family: 'Outfit', sans-serif;
  font-size: 30px;
  color: #8B4C2A;
  font-weight: 400;
  line-height: 27px;
  font-family: 'Outfit', sans-serif;
}
/*.section-title h2:after {*/
/*  content: "";*/
/*  background: #21543D;*/
/*  width: 66px;*/
/*  height: 2px;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*}*/
.section-title--medium h2 {
  font-family: 'Outfit', sans-serif;
  font-size: 20px;
  color: #333;
  font-weight: 600;
  line-height: 26px;
}

/*=====  End of section title  ======*/
/*=============================================
=            Light green page style            =
=============================================*/
.page-wrapper-light-green .section-title h2:after {
  background: #49b14d;
}

/*=====  End of Light green page style  ======*/
/*=============================================


=            product            =
=============================================*/
/*----------  default styles  ----------*/
.product-title {
  margin-bottom: 5px;
  height:40px;
}
.product-title a {
  /*font-family: 'Outfit', sans-serif;*/
    font-family: "Poppins", serif !important;
  font-size: 15px;
  color: #8B4C2A;
  font-weight: 500;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
 
}
.product-title a:hover {
  color: #14532D;
}

.rating {
  margin-bottom: 10px;
}
.rating i {
  font-size: 14px;
  color: #FFDD20;
}
.rating i.active {
  color: #FFDD20;
}

.product-price {
  margin-bottom: 0;
}
.product-price .discounted-price {
  margin-right: 10px;
  font-family: 'Outfit', sans-serif;
  font-size: 22px;
  color: #21543D;
  font-weight: 700;
  line-height: 22px;
}
.product-price .main-price {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #21543D;
  font-weight: 700;
  line-height: 22px;
}
.product-price .main-price.discounted {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #868686;
  font-weight: 300;
  line-height: 18px;
  text-decoration: line-through;
}
.product-price--medium .discounted-price {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #21543D;
  font-weight: 700;
  line-height: 25px;
}
.product-price--medium .main-price {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #21543D;
  font-weight: 700;
  line-height: 25px;
}
.product-price--medium .main-price.discounted {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
}
.product-price--big .discounted-price {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  color: #21543D;
  font-weight: 700;
  /*line-height: 45px;*/
}
@media only screen and (max-width: 479px) {
  .product-price--big .discounted-price {
    font-size: 26px;
    line-height: 38px;
  }
}
.product-price--big .main-price {
  font-family: 'Outfit', sans-serif;
  font-size: 32px;
  color: #21543D;
  font-weight: 700;
  line-height: 45px;
}
@media only screen and (max-width: 479px) {
  .product-price--big .main-price {
    font-size: 26px;
    line-height: 38px;
  }
}
.product-price--big .main-price.discounted {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #868686;
  font-weight: 300;
  line-height: 30px;
  margin-right: 8px;
}
@media only screen and (max-width: 479px) {
  .product-price--big .main-price.discounted {
    font-size: 20px;
    line-height: 30px;
  }
}

.product-short-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
}

.discount-label {
  position: absolute;
  top: 20px;
  right: 5%;
  background-repeat: no-repeat;
  background-position: left center;
  color: #ffffff;
  width: 60px;
  height: 25px;
  padding-left: 10px;
  line-height: 21px;
  font-size: 12px;
  font-weight: 600;
}
.discount-label--green {
  background-image: url("../img/icons/green-discount-label.webp");
}
.discount-label--red {
  background-image: url("../img/icons/red-discount-label.webp");
}
.discount-label--blue {
  background-image: url("../img/icons/blue-discount-label.webp");
}
.discount-label--static {
  position: static;
  display: inline-block;
}

.cart-icon {
  display: inline-block;
  /* position: absolute; */
  bottom: 35px;
  right: 15px;
}
.cart-icon--double-slider {
  right: -20px;
}
@media only screen and (max-width: 767px) {
  .cart-icon--double-slider {
    right: -25px;
  }
}
@media only screen and (max-width: 575px) {
  .cart-icon--double-slider {
    right: 0;
  }
}
.cart-icon a {
  display: flex;
  align-items: center;
  justify-content: center;
  /*text-align: center;*/
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  background:  #8B4C2A;
  color: #fff;
  border: 1px solid #f3f3f3;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.cart-icon a:hover, .cart-icon a.active {
  background-color: #21543d;
  color: #ffffff;
}


/*----------  product single row slider  ----------*/
.single-slider-product {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border: 1px solid #e2e2e2;
}
.single-slider-product__image {
  position: relative;
      width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
   
}
.single-slider-product__image > a {
  display: block;
  width: 100%;
}
.single-slider-product__image > a img {
  width: 100%;
  /*height: 230px;*/
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.single-slider-product__image > a img:nth-child(1) {
  
      visibility: visible;
    opacity: 1;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.single-slider-product__image > a img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
}
.single-slider-product__content {
  background: transparent;
  text-align: left;
  overflow: hidden;
  position: relative;
  min-height: 120px !important;
  padding: 10px 10px 10px 10px;
  /*border: 1px solid #f0f0f0;*/
  border-top: 0;
}
.single-slider-product:hover .single-slider-product__image > a img:nth-child(2) {
  visibility: visible;
  opacity: 1;
}
.single-slider-product:hover .hover-icons {
  visibility: visible;
  opacity: 1;
  right: 15px;
}

/*----------  product details  ----------*/

.product-detail-content {
  border: 1px solid #ebebeb;
  padding: 20px;
}

.tags .tag-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
}
.tags .tag-list {
  display: inline-block;
}
.tags .tag-list li {
  display: inline-block;
}
.tags .tag-list li a {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #343434;
  font-weight: 300;
  line-height: 20px;
}
.tags .tag-list li a:hover {
  color: #21543D;
}

.product-details-title {
  font-family: 'Outfit', sans-serif;
  font-size: 24px;
  color: #333333;
  font-weight: 500;
  line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-title {
    font-size: 22px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-title {
    font-size: 22px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .product-details-title {
    font-size: 20px;
    line-height: 35px;
  }
}

.product-info-block .single-info .title {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    color: #666;
    font-weight: 400;
    line-height: 24px;
}
.product-info-block .single-info .value {
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    color: #21543D;
    font-weight: 400;
    line-height: 24px;
}
.product-info-block .single-info .value a {
  font-weight: 700;
}
.product-info-block .single-info .value a:hover {
  text-decoration: underline;
  color: #21543D;
}

.product-short-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
  padding: 0px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

.quantity .quantity-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  line-height: 48px;
}

.pro-qty {
  display: inline-block;
  position: relative;
  width: 75px;
  border: 1px solid #ddd;
  height: 40px;
}
.pro-qty input {
  padding-right: 25px;
  width: 100%;
  border: none;
  height: 100%;
  padding-left: 20px;
  background-color: transparent;
}
.pro-qty a {
  width: 20px;
  height: 20px;
  color:#21543D;
  position: absolute;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  font-size: 18px;
}
.pro-qty a:hover {
  color: #21543D;
}
.pro-qty a.inc {
  top: 0;
  right: 0;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.pro-qty a.dec {
  bottom: 0;
  right: 0;
  border-left: 1px solid #ddd;
  padding-top: 2px;
}

.size {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  line-height: 24px;
}
.size span.title {
  font-weight: 500;
}
.size .nice-select {
  width: 100px;
  border: 1px solid #ddd;
  margin-top: 5px;
  float: none;
}
.color {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #222;
  font-weight: 500;
  line-height: 24px;
}
.color span.title {
  font-weight: 500;
}
.color span.color-block {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 5px;
  margin-top: 10px;
}
.color span.color-choice-1 {
  background-color: #B09603;
}
.color span.color-choice-2 {
  background-color: #C8BDBB;
}
.color span.color-choice-3 {
  background-color: #225170;
}
.color span.active {
  border: 2px solid #21543D;
  width: 32px;
  height: 32px;
}

/*----------  produvt details feature wrapper  ----------*/
.product-details-feature-wrapper {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 20px 0;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 575px) {
    .single-icon-feature--product-details {
    padding-left: 55px;
    }
    
    .d-none-resp{
        display: none;
    }
    
    .single-icon-feature__icon{
        top: 45%;
    }
  .product-details-feature-wrapper {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        /*-ms-flex-direction: column !important;*/
            /*flex-direction: column !important;*/
  }
}

.social-share-buttons h3 {
  /*text-transform: uppercase;*/
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
.social-share-buttons ul {
  margin-bottom: 15px;
}
.social-share-buttons ul li {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .social-share-buttons ul li {
    margin-bottom: 5px;
  }
}
.social-share-buttons ul li a {
  display: block;
  /*border: 1px solid #ddd;*/
  height: 40px;
  width: 25px;
  line-height: 40px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .social-share-buttons ul li a {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .social-share-buttons ul li a {
    margin-bottom: 5px;
    height: 33px
  }
}
.social-share-buttons ul li a i.fa-twitter {
  color: #1DA1F2;
}
.social-share-buttons ul li a i.fa-facebook {
  color: #4867AA;
}
.social-share-buttons ul li a i.fa-google-plus {
  color: #DD5144;
}
.social-share-buttons ul li a i.fa-pinterest {
  color: #BD081B;
}



.review-links a {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #9e9e9e;
  font-weight: 300;
  line-height: 13px;
}
.review-links .separator {
  margin: 0 10px;
  font-weight: 300;
}

/*----------  product description tab  ----------*/
@media only screen and (max-width: 479px) {
  .product-description-review-container nav .nav-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media only screen and (max-width: 479px) and (max-width: 479px) {
  .product-description-review-container nav .nav-tabs .nav-link {
    border-right: 1px solid #ebebeb !important;
  }
}
/*@media only screen and (max-width: 479px) and (max-width: 479px) {*/
/*  .product-description-review-container nav .nav-tabs .nav-link:last-child {*/
/*    border-right: none !important;*/
/*  }*/
/*}*/

.product-description-review-container nav .nav-tabs a.nav-link.active {
  color: white;
  background-color:#21543D;
  padding: 10px 20px;
}
.product-description-review-container nav .nav-tabs a:hover {
  color: #333;
}
.product-description-review-container nav .nav-tabs a:last-child {
  margin-right: 0;
}
.product-description-review-container .tab-content .tab-pane.active {
  padding: 10px 30px;
}
.product-description-review-container .tab-content .tab-pane .product-description p {
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
      color: #363636;
  font-weight: 300;
  line-height: 24px;
}
.hindi-eng-points p{
    text-align: right;
}

/*-- Single Product Rating --*/
.product-ratting-wrap {
  overflow: hidden;
}

/*----------  list view product  ----------*/
.single-slider-product--list-view {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 19px;
  border: 1px solid #f0f0f0;
}
@media only screen and (max-width: 575px) {
  .single-slider-product--list-view {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-slider-product--list-view__image {
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-product--list-view__image {
    -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
  }
}
.single-slider-product--list-view__content {
  -ms-flex-preferred-size: calc(100% - 250px);
      flex-basis: calc(100% - 250px);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-product--list-view__content {
    -ms-flex-preferred-size: calc(100% - 200px);
        flex-basis: calc(100% - 200px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-product--list-view__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-product--list-view__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.single-slider-product--list-view__content__details {
  padding: 0 20px;
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  border-right: 1px solid #f0f0f0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-product--list-view__content__details {
    border-right: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-product--list-view__content__details {
    border-right: 0;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-product--list-view__content__details {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-product--list-view__content__details {
    -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
  }
}
.single-slider-product--list-view__content__details .product-title {
  margin-top: 15px;
  margin-bottom: 15px;
}
.single-slider-product--list-view__content__details .product-title a {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  line-height: 24px;
}
.single-slider-product--list-view__content__details .product-title a:hover {
  color: #21543D;
}
.single-slider-product--list-view__content__details .short-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
}
.single-slider-product--list-view__content__actions {
  padding: 15px 0 0 20px;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider-product--list-view__content__actions {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider-product--list-view__content__actions {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .single-slider-product--list-view__content__actions {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .single-slider-product--list-view__content__actions {
    padding-left: 0;
  }
}
.single-slider-product--list-view__content__actions .availability .availability-title {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 20px;
}
.single-slider-product--list-view__content__actions .availability .availability-value {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #21543D;
  font-weight: 300;
  line-height: 20px;
}
.single-slider-product--list-view__content__actions .product-price .discounted-price {
  font-family: 'Outfit', sans-serif;
  font-size: 24px;
  color: #21543D;
  font-weight: 700;
  line-height: 34px;
}
.single-slider-product--list-view__content__actions .product-price .main-price {
  font-family: 'Outfit', sans-serif;
  font-size: 24px;
  color: #21543D;
  font-weight: 700;
  line-height: 34px;
}
.single-slider-product--list-view__content__actions .product-price .main-price.discounted {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #868686;
  font-weight: 300;
  line-height: 25px;
}
.single-slider-product--list-view__content__actions .hover-icons {
  visibility: visible;
  opacity: 1;
  position: static;
}
.single-slider-product--list-view__content__actions .hover-icons ul {
  text-align: center;
}
.single-slider-product--list-view__content__actions .hover-icons ul li {
  display: inline-block;
}

/*=====  End of product  ======*/
/*=============================================
=            light green page style            =
=============================================*/
.page-wrapper-light-green .product-title a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .product-price .discounted-price {
  color: #49b14d;
}
.page-wrapper-light-green .product-price .main-price {
  color: #49b14d;
}
.page-wrapper-light-green .product-price .main-price.discounted {
  color: #868686;
}
.page-wrapper-light-green .product-price--medium .discounted-price {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #49b14d;
  font-weight: 700;
  line-height: 25px;
}
.page-wrapper-light-green .product-price--medium .main-price {
  font-family: 'Outfit', sans-serif;
  font-size: 18px;
  color: #49b14d;
  font-weight: 700;
  line-height: 25px;
}
.page-wrapper-light-green .product-price--medium .main-price.discounted {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: #868686;
  font-weight: 300;
  line-height: 21px;
}
.page-wrapper-light-green .hover-icons ul li a:hover, .page-wrapper-light-green .hover-icons ul li a.active {
  background-color: #49b14d;
}
.page-wrapper-light-green .cart-icon a:hover, .page-wrapper-light-green .cart-icon a.active {
  background-color: #49b14d;
}
.page-wrapper-light-green .tags .tag-list li a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .product-info-block .single-info .value {
  color: #49b14d;
}
.page-wrapper-light-green .product-info-block .single-info .value a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .pro-qty a:hover {
  color: #49b14d;
}
.page-wrapper-light-green .product-cart-button {
  background-color: #49b14d;
}
.page-wrapper-light-green .product-cart-button:hover {
  background-color: #333;
}
.page-wrapper-light-green .compare-button a:hover, .page-wrapper-light-green .wishlist-button a:hover {
  color: #49b14d;
}

/*=====  End of blue page style  ======*/
/*=============================================
=            counter            =
=============================================*/
.counter-deal {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-80%);
          transform: translateY(-80%);
  right: 127px;
  display: inline-block;
  background-color: #21543D;
  padding: 0 20px;
  font-family: 'Outfit', sans-serif;
  font-size: 17px;
  color: #ffffff;
  font-weight: 700;
  line-height: 36px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counter-deal {
    -webkit-transform: translateY(-160%);
            transform: translateY(-160%);
  }
}
@media only screen and (max-width: 767px) {
  .counter-deal {
    position: static;
    -webkit-transform: none;
            transform: none;
    margin-bottom: 23px;
  }
}
.counter-deal .deal-countdown {
  display: inline-block;
  margin-left: 15px;
}
.counter-deal .deal-countdown .single-countdown {
  display: inline-block;
}
.counter-deal .deal-countdown .single-countdown__text {
  margin: 0 5px;
}

/*=====  End of counter  ======*/
/*=============================================
=            light green page style            =
=============================================*/
.page-wrapper-light-green .counter-deal {
  background-color: #49b14d;
}

/*=====  End of progressbar  ======*/
/*=============================================
=            quickview            =
=============================================*/

.quick-view-modal-container {
  display: block !important;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.quick-view-modal-container.show {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}
.quick-view-modal-container .modal-dialog {
  max-width: 80%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 90%;
  }
}
@media only screen and (max-width: 575px) {
  .quick-view-modal-container .modal-dialog {
    max-width: 100%;
  }
}
.quick-view-modal-container .modal-header {
  border: none;
  padding-bottom: 0;
}
.quick-view-modal-container .modal-header button {
  z-index: 999;
}
.quick-view-modal-container .modal-body {
  padding: 30px 50px 70px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 70px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 30px 70px 30px;
  }
}
@media only screen and (max-width: 479px) {
  .quick-view-modal-container .modal-body {
    padding: 30px 15px 70px 15px;
  }
}
.quick-view-modal-container .modal-content {
  border-radius: 0;
  max-height: 850px;
  overflow: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}
@media only screen and (max-width: 767px) {
  .quick-view-modal-container .modal-content {
    max-height: 500px;
    overflow: auto;
  }
}

/*=====  End of quickview  ======*/
/*=============================================
=            breadcrumb            =
=============================================*/
.breadcrumb-content ul li {
  display: inline-block;
  margin-right: 20px;
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #333;
  font-weight: 400;
  line-height: 25px;
}
.breadcrumb-content ul li.has-child {
  position: relative;
}
.breadcrumb-content ul li.has-child:before {
  content: "";
  padding: 0;
  color: #666;
  display: inline-block;
  vertical-align: top;
  font-family: "Ionicons";
  font-size: 12px;
  position: absolute;
  right: -15px;
}
.breadcrumb-content ul li:last-child {
  margin-right: 0;
}
.breadcrumb-content ul li a {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: #666;
  font-weight: 400;
  line-height: 25px;
}

/*=====  End of breadcrumb  ======*/
/*=============================================
=            pagination            =
=============================================*/
.pagination-section {
  border: 1px solid #ededed;
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .pagination-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pagination-section .pagination {
  display: inline-block;
  padding: 10px 0;
}
.pagination-section .pagination li {
  display: inline-block;
}
.pagination-section .pagination li a {
  color: #333;
  font-size: 14px;
  padding: 0;
  font-weight: 400;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #fff;
  border: 0;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.pagination-section .pagination li a:hover {
  background: #21543D;
  color: #fff;
}
.pagination-section .pagination li.active a {
  color: #fff;
  font-size: 14px;
  padding: 0;
  font-weight: 400;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #21543D;
  border: 0;
  border-radius: 4px;
}
.pagination-section .pagination-text {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 38px;
}

/*=====  End of pagination  ======*/
/*=============================================
=           Cart            =
=============================================*/
.cart-table {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
.cart-table .table {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cart-table .table {
    border-top: 8px solid #f2f2f2;
  }
}
.cart-table .table thead {
  background-color: #f2f2f2;
}
@media only screen and (max-width: 767px) {
  .cart-table .table thead {
    display: none;
  }
}
.cart-table .table thead tr th {
  text-align: center;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #333333;
  padding: 12px 20px;
}
.cart-table .table tbody tr td {
  text-align: center;
  border: none;
  padding: 25px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #f2f2f2;
}
@media only screen and (max-width: 767px) {
  .cart-table .table tbody tr td {
    display: block;
    width: 100%;
    max-width: none;
    padding: 15px;
    text-align: left;
  }
}

.cart-table th.pro-thumbnail, .cart-table td.pro-thumbnail {
  max-width: 160px;
  min-width: 120px;
  width: 160px;
}
@media only screen and (max-width: 767px) {
  .cart-table th.pro-thumbnail a, .cart-table td.pro-thumbnail a {
    width: 160px;
  }
}
.cart-table th.pro-title, .cart-table td.pro-title {
  min-width: 200px;
}
.cart-table td.pro-thumbnail a {
  display: block;
}
.cart-table td.pro-thumbnail a img {
  width: 100%;
  background-color: #f6f7f8;
}
.cart-table td.pro-title a {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.cart-table td.pro-title a:hover {
  color: #21543D;
}
.cart-table td.pro-price span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
}
.cart-table td.pro-quantity {
  /*----------  Additional cart quantity style will be placed here  ----------*/
}
.cart-table td.pro-subtotal span {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #333333;
}
.cart-table td.pro-addtocart button {
  width: 140px;
  border-radius: 0;
  height: 36px;
  border: 1px solid #21543D;
  line-height: 24px;
  padding: 5px 20px;
  font-weight: 700;
  text-transform: capitalize;
  color: #333333;
  background-color: #21543D;
}
.cart-table td.pro-remove a {
  display: block;
  font-weight: 500;
  color: #333333;
}
.cart-table td.pro-remove a i {
  font-size: 15px;
}
.cart-table td.pro-remove a:hover {
  color: #ff0000;
}
@media only screen and (max-width: 767px) {
  .cart-table td.pro-remove a {
    width: 60px;
    text-align: center;
  }
}

/*-- Discount Coupon --*/
.discount-coupon h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.discount-coupon form input {
  width: 100%;
  border-radius: 0;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #333333;
  background-color: transparent;
}
.discount-coupon form input[type=submit] {
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  width: 140px;
  border-radius: 3px;
}
.discount-coupon form input[type=submit]:hover {
  background-color: #21543D;
  border-color: #21543D;
}

/*-- Cart Summary --*/
.cart-summary {
  float: right;
  max-width: 410px;
  width: 100%;
  margin-left: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary {
    margin-left: 0;
  }
}
.cart-summary .cart-summary-wrap {
  background-color: #f2f2f2;
  padding: 45px 50px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-wrap {
    padding: 25px 30px;
  }
}
.cart-summary .cart-summary-wrap h4 {
  font-size: 20px;
  line-height: 23px;
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}
.cart-summary .cart-summary-wrap p {
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  color: #333333;
}
.cart-summary .cart-summary-wrap p span {
  float: right;
}
.cart-summary .cart-summary-wrap h2 {
  border-top: 1px solid #999999;
  padding-top: 9px;
  font-size: 18px;
  line-height: 23px;
  font-weight: 700;
  color: #000000;
  margin: 0;
}
.cart-summary .cart-summary-wrap h2 span {
  float: right;
}
.cart-summary .cart-summary-button {
  overflow: hidden;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (max-width: 767px) {
  .cart-summary .cart-summary-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.cart-summary .cart-summary-button button {
  margin-top: 10px;
  width: 140px;
  border-radius: 0;
  height: 36px;
  border: 1px solid #999999;
  line-height: 24px;
  padding: 5px 20px;
  color: #333333;
  background-color: transparent;
  margin-left: 20px;
  float: right;
}
.cart-summary .cart-summary-button button:last-child {
  margin-left: 0;
}
.cart-summary .cart-summary-button button:hover {
  background-color: #21543D;
  border-color: #21543D;
  color: #ffffff;
}
.cart-summary .cart-summary-button button.checkout-btn {
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  border-radius: 3px;
}
.cart-summary .cart-summary-button button.checkout-btn:hover {
  background-color: #21543D;
  border-color: #21543D;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 20px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
    
    .title-right {
        font-size: 24px !important;
        margin-top: 20px;
        line-height: 30px;
    }
    
  .cart-summary .cart-summary-button button {
    margin-left: 0;
    margin-right: 10px;
  }
  .cart-summary .cart-summary-button button:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .cart-summary .cart-summary-button button {
    width: 130px;
  }
}

/*=====  End of Cart  ======*/
/*=============================================
=            Checkout            =
=============================================*/
/*-- Checkout Title --*/
.checkout-title {
  font-size: 20px;
  line-height: 23px;
  /*text-decoration: underline;*/
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 15px;
}

.login-register{
  margin-bottom: 15px;
}
.login-register>u{
  color: red;
}
/*-- Checkout Form --*/
.checkout-form label {
  /* display: block; */
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.checkout-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #333333;
  margin-bottom: 15px;
}
.checkout-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #333333;
}
.checkout-form .nice-select .current {
  color: #333333;
  display: block;
  line-height: 23px;
}
.checkout-form .nice-select .list {
  width: 100%;
}
.checkout-form input {
  width: 100%;
  background: transparent !important;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: #333333;
  /*margin-bottom: 15px;*/
}
.checkout-form input[type=checkbox] {
  width: auto;
}
.checkout-form .check-box {
  float: left;
  margin-right: 70px;
}
.checkout-form .check-box:last-child {
  margin-right: 0;
}
.checkout-form .check-box input[type=checkbox] {
  display: none;
}
.checkout-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.checkout-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #333333;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.checkout-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #333333;
}
.checkout-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Shipping Form --*/
#shipping-form {
  display: none;
}

/*-- Checkout Cart Total --*/
.checkout-cart-total {
  background-color: #f2f2f2;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-cart-total {
    padding: 30px;
  }
}
.checkout-cart-total h4 {
  -ms-flex-preferred-size: 18px;
      flex-basis: 18px;
  line-height: 23px;
  font-weight: 700;
}
.checkout-cart-total h4:first-child {
  margin-top: 0;
  margin-bottom: 25px;
}
.checkout-cart-total h4:last-child {
  margin-top: 15px;
  margin-bottom: 0;
}
.checkout-cart-total h4 span {
  float: right;
  display: block;
}
.checkout-cart-total ul {
  border-bottom: 1px solid #999999;
}
.checkout-cart-total ul li {
  color: #333333;
  font-size: 14px;
  line-height: 23px;
  font-weight: 500;
  display: block;
  margin-bottom: 16px;
}
.checkout-cart-total ul li span {
  color: #333333;
  float: right;
}
.checkout-cart-total p {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  color: #505050;
  padding: 10px 0;
  border-bottom: 1px solid #999999;
  margin: 0;
}
.checkout-cart-total p span {
  float: right;
}

/*-- Checkout Payment Method --*/
.checkout-payment-method {
  background-color: #f2f2f2;
  padding: 45px;
}
@media only screen and (max-width: 575px) {
  .checkout-payment-method {
    padding: 30px;
  }
}

/*-- Single Payment Method --*/
.single-method {
  margin-bottom: 20px;
}
.single-method:last-child {
  margin-bottom: 0;
}
.single-method input[type=radio] {
  display: none;
}
.single-method input[type=radio] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.single-method input[type=radio] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio] + label::after {
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #333333;
  width: 10px;
  text-align: center;
  height: 10px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=radio]:checked + label::before {
  border: 2px solid #333333;
}
.single-method input[type=radio]:checked + label::after {
  opacity: 1;
}
.single-method input[type=checkbox] {
  display: none;
}
.single-method input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.single-method input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox] + label::after {
  position: absolute;
  left: 4px;
  top: 4px;
  display: block;
  content: "";
  opacity: 0;
  background-color: #333333;
  width: 8px;
  text-align: center;
  height: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.single-method input[type=checkbox]:checked + label::before {
  border: 2px solid #333333;
}
.single-method input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.single-method p {
  display: none;
  margin-top: 8px;
  font-size: 14px;
  color: #333333;
  line-height: 23px;
}

/*-- Place Order --*/
.place-order {
  margin-top: 40px;
  width: 140px;
  border-radius: 3px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 400;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #333333;
}
.place-order:hover {
  background-color: #21543D;
}

/*=====  End of Checkout  ======*/
/*=============================================
=           My Account            =
=============================================*/
.myaccount-tab-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
}
.myaccount-tab-menu a {
  border: 1px solid #eeeeee;
  border-bottom: none;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  display: block;
  padding: 15px 15px 13px;
  background: #fdfbf3;
  text-transform: uppercase;
}
.myaccount-tab-menu a:last-child {
  border-bottom: 1px solid #eeeeee;
}
.myaccount-tab-menu a:hover, .myaccount-tab-menu a.active {
  background-color: #21543D;
  color: #ffffff;
}
#pincode
.myaccount-tab-menu a i {
  font-size: 14px;
  text-align: center;
  width: 25px;
}

/*-- My Account Content -*/
.myaccount-content {
  /*background-color: #ffffff;*/
  font-size: 14px;
  border: 1px solid #eeeeee;
  padding: 20px;
}

.address-details{
    border: 1px solid #eeeeee;
    padding: 20px;
}


@media only screen and (max-width: 575px) {
  .myaccount-content {
    padding: 20px 15px;
  }
}
.myaccount-content h3 {
  /*border-bottom: 1px dashed #eeeeee;*/
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.myaccount-content .welcome a {
  color: #000000;
}
.myaccount-content .welcome a:hover {
  color: #21543D;
}
.myaccount-content .welcome strong {
  font-weight: 600;
}
.myaccount-content a.edit-address-btn {
  background: none;
  border: none;
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  padding: 10px 20px;
  border-radius: 3px;
}
.myaccount-content a.edit-address-btn i {
  padding-right: 5px;
}
.myaccount-content a.edit-address-btn:hover {
  background-color: #21543D;
}
.myaccount-content button.save-change-btn {
  background: none;
  border: none;
  font-weight: 400;
  /*text-transform: uppercase;*/
  color: #ffffff;
  background-color: #333333;
  border-color: #333333;
  /*width: 100px;*/
  padding: 10px 0;
  border-radius: 3px;
}
.myaccount-content button.save-change-btn:hover {
  background-color: #21543D;
}

/*-- My Account Table -*/
.myaccount-table {
  white-space: nowrap;
  font-size: 15px;
}
.myaccount-table table th, .myaccount-table .table th {
  padding: 10px;
}
.myaccount-table table td, .myaccount-table .table td {
  padding: 20px 10px;
  vertical-align: middle;
}
.myaccount-table table td a:hover, .myaccount-table .table td a:hover {
  color: #21543D;
}

.saved-message {
  border-top: 3px solid #21543D;
  border-radius: 5px 5px 0 0;
  font-weight: 600;
  font-size: 13px;
  padding: 20px;
}

/*-- My Account Details Form -*/
.account-details-form h4 {
  margin: 0;
}
.account-details-form input {
  display: block;
  width: 100%;
  border: 1px solid #ebebeb;
  border-radius: 0;
   background-color: transparent ; 
  line-height: 15px;
  padding: 11px 10px;
  color: #656565;
  font-size: 16px;
}
#image-previewPic{
 margin-top: 10px;   
}

/*=====  End of My Account  ======*/
/*=============================================
=            Login Register            =
=============================================*/
/*-- Login Title --*/
.login-title {
  font-size: 20px;
  line-height: 23px;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 30px;
}

/*-- Login Form --*/
.login-form {
  /*background-color: #ffffff;*/
  border: 1px solid #ebebeb;
  padding: 30px;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .login-form {
    padding: 15px;
  }
}
.login-form label {
  display: block;
  font-size: 16px;
  margin-bottom: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
.login-form .nice-select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 0;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  height: 45px;
  color: #333333;
  margin-bottom: 15px;
}
.login-form .nice-select::after {
  width: 6px;
  height: 6px;
  border-width: 1px;
  right: 20px;
  border-color: #333333;
}
.login-form .nice-select .current {
  color: #333333;
  display: block;
  line-height: 23px;
}
.login-form .nice-select .list {
  width: 100%;
}
.login-form input {
  width: 100%;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 2px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 15px;
  color: #333333;
  /* margin-bottom: 15px; */
}
.login-form input[type=checkbox] {
  width: auto;
}
.login-form .check-box {
  float: left;
  margin-right: 70px;
}
.login-form .check-box:last-child {
  margin-right: 0;
}
.login-form .check-box input[type=checkbox] {
  display: none;
}
.login-form .check-box input[type=checkbox] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.login-form .check-box input[type=checkbox] + label::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #999999;
  content: "";
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-form .check-box input[type=checkbox] + label::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  font-family: Fontawesome;
  font-size: 12px;
  line-height: 20px;
  opacity: 0;
  color: #333333;
  width: 20px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.login-form .check-box input[type=checkbox]:checked + label::before {
  border: 2px solid #333333;
}
.login-form .check-box input[type=checkbox]:checked + label::after {
  opacity: 1;
}

/*-- Place Order --*/
.register-button {
  display: block;
  margin-top: 40px;
  width: 140px;
  height: 36px;
  border: none;
  line-height: 24px;
  padding: 6px 20px;
  float: left;
  font-weight: 400;
  /*text-transform: uppercase;*/
  color: #ffffff;
  background-color: #333333;
  border-radius: 2px;
}
.register-button:hover {
  background-color: #21543D;
}

/*=====  End of Login Register  ======*/
/*=============================================
=           FAQ            =
=============================================*/
.faq-wrapper .panel.panel-default {
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.faq-wrapper .card, .faq-wrapper .card-header {
  border-radius: 0;
}
.faq-wrapper .card {
  margin-bottom: 15px;
}
.faq-wrapper .card:last-child {
  margin-bottom: 0;
}
.faq-wrapper .card-header {
  padding: 0;
  border-bottom: 0;
  background-color: #e9e9e9;
}
.faq-wrapper .card-header h5 button {
  width: 100%;
  text-align: left;
  color: #333;
  font-weight: 500;
  padding: 10px 20px;
  position: relative;
  overflow-wrap: break-word;
  white-space: normal;
  text-decoration: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.faq-wrapper .card-header h5 button span {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.faq-wrapper .card-header h5 button span i.fa {
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.faq-wrapper .card-header h5 button:hover, .faq-wrapper .card-header h5 button:focus {
  text-decoration: none;
}
.faq-wrapper .card-header h5 button[aria-expanded=true] {
  background-color: #21543D;
  color: #ffffff;
  border-radius: 0;
}
.faq-wrapper .card-header h5 button[aria-expanded=true] span i.fa.fa-chevron-down {
  visibility: visible;
  opacity: 1;
  display: inline;
}
.faq-wrapper .card-header h5 button[aria-expanded=false] span i.fa.fa-chevron-up {
  visibility: visible;
  opacity: 1;
  display: inline;
}
.faq-wrapper .card-body p {
  font-size: 16px;
  line-height: 24px;
}6px

/*=====  End of FAQ  ======*/

/*=============================================
=           Contact             =
=============================================*/
#google-map {
  height: 400px;
}
@media only screen and (max-width: 767px) {
  #google-map {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  #google-map {
    height: 250px;
  }
}
@media only screen and (max-width: 479px) {
  #google-map {
    height: 200px;
  }
}

h3.contact-page-title {
  font-size: 25px;
  line-height: 32px;
  color: #333333;
  font-weight: 500;
  margin-bottom: 15px;
}
@media only screen and (max-width: 575px) {
  h3.contact-page-title {
    font-size: 25px;
  }
}

.single-contact-block {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
@media only screen and (max-width: 575px) {
  .single-contact-block {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.single-contact-block:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.single-contact-block h4 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  color: #222222;
}
@media only screen and (max-width: 575px) {
  .single-contact-block h4 {
    font-size: 20px;
  }
}
.single-contact-block h4 img {
  margin: 5px 20px 20px 0;
}
.single-contact-block p {
  margin-bottom: 0;
  font-size: 15px;
  line-height: 29px;
  color: #666666;
}

span.required {
  color: red;
}

/*----------  contact form  ----------*/
.contact-form .form-group {
  margin-bottom: 20px;
}
.contact-form label {
  display: block;
  font-size: 15px;
  line-height: 29px;
  font-weight: 400;
  color: #888888;
  margin-bottom: 0;
}
.contact-form input {
  background-color: transparent;
  width: 100%;
  height: 45px;
  line-height: 50px;
  outline: none;
  border: 1px solid #e0e0e0;
  padding-left: 14px;
}
.contact-form textarea {
  background-color: transparent;
  width: 100%;
  outline: none;
  border: 1px solid #e0e0e0;
  padding: 14px;
  height: 200px;
}

#contactMessage{
    margin-bottom: 0px;
}

/*----------  contact page side content  ----------*/
.contact-page-side-content {
  background-color: #8B4C2A;
  padding: 30px;
}

.contact-page-side-content h3{
    color: #fff;
}

.contact-page-side-content .single-contact-block h4{
    color: #fff;
}

.contact-page-side-content .single-contact-block p{
    color: #fff;
}

.footer-area p{
    color: black;
}

/*=====  End of Contact   ======*/
/*=============================================
=            About            =
=============================================*/
/*-- About Image --*/
.about-image img {
  width: 100%;
}

/*-- About Content --*/
.about-content h1 {
  font-size: 30px;
  /*font-weight: 700;*/
  /*text-transform: uppercase;*/
  margin-bottom: 23px;
}
.about-content h1 span {
  color: #21543D;
}
@media only screen and (max-width: 767px) {
  .about-content h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.about-content h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 14px;
}
.about-content p {
  font-size: 16px;
  line-height: 30px;
}

/*-- About Mission Vission Goal --*/
.about-mission-vission-goal h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 13px;
}
.about-mission-vission-goal p {
  font-size: 14px;
  line-height: 24px;
}

/*-- About Section Title --*/
.about-section-title h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 23px;
}
@media only screen and (max-width: 767px) {
  .about-section-title h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.about-section-title p {
  font-size: 14px;
  line-height: 24px;
  max-width: 600px;
}

/*-- About Feature --*/
.about-feature h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 4px;
}
.about-feature p {
  font-size: 14px;
  line-height: 23px;
  max-width: 265px;
}
@media only screen and (max-width: 767px) {
  .about-feature p {
    max-width: 350px;
  }
}

/*-- About Feature Banner --*/
.about-feature-banner .banner {
  margin-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-feature-banner .banner {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-feature-banner .banner {
    margin-left: 0;
  }
}



/*-- Feature Image --*/
.feature-image {
  position: relative;
  z-index: 2;
}
.feature-image::before {
  position: absolute;
  right: 0;
  bottom: -40px;
  content: "";
  width: 380px;
  height: 360px;
  background-color: #ffffff;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-image::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .feature-image::before {
    display: none;
  }
}
.feature-image img {
  width: 100%;
  margin-left: -40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-image img {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .feature-image img {
    margin-left: 0;
  }
}

.about-feature {
  margin-bottom: -30px;
}

/*=====  End of About  ======*/
/*=============================================
=            Blog            =
=============================================*/
/*----------  slider blog post  ----------*/



/*.single-blog-post {*/
/*  background-color: #ffffff;*/
/*}*/
.single-blog-post.gallery-type-post {
  display: block;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow {
  visibility: visible;
  opacity: 0.6;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-arrow:hover {
  opacity: 1;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-next {
  right: 10px;
}
.single-blog-post.gallery-type-post .single-blog-post-media:hover .slick-prev {
  left: 10px;
}
.single-blog-post.gallery-type-post .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #323232;
  color: #ffffff;
  line-height: 40px;
  z-index: 9;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
  text-align: center;
}
.single-blog-post.gallery-type-post .slick-next {
  right: 30px;
  left: auto;
}
.single-blog-post.gallery-type-post .slick-prev {
  left: 30px;
  right: auto;
}
.single-blog-post .single-blog-post-media {
  position: relative;
}
.single-blog-post .single-blog-post-media .image a {
  display: block;
  width: 100%;
}
.single-blog-post .single-blog-post-media .image a img {
  width: 100%;
  aspect-ratio:10/6;
}
.single-blog-post .single-blog-post-media .blog-categories {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.single-blog-post .single-blog-post-media .blog-categories ul li {
  display: inline-block;
}
.single-blog-post .single-blog-post-media .blog-categories ul li a {
  display: block;
  background-color: #ffffff;
  padding: 5px 10px;
  text-transform: capitalize;
  margin-right: 5px;
  border-radius: 3px;
}
.single-blog-post .single-blog-post-media .blog-categories ul li a:hover {
  background-color: #21543D;
  color: #ffffff;
}
.single-blog-post .single-blog-post-media .video {
  overflow: hidden;
}
.single-blog-post .single-blog-post-media .video iframe {
  width: 100%;
}
@media only screen and (max-width: 479px) {
  .single-blog-post .single-blog-post-media .video iframe {
    height: 200px;
  }
}
.single-blog-post .single-blog-post-content .post-audio {
  overflow: hidden;
}
.single-blog-post .single-blog-post-content .post-audio iframe {
  width: 100%;
}
.single-blog-post .single-blog-post-content h3.post-title {
  font-size: 22px;
  line-height: 30px;
  color: #333333;
  /* margin-bottom: 20px; */
  font-weight: 500;
}
.single-blog-post .single-blog-post-content h3.post-title a:hover {
  color: #21543D;
}
@media only screen and (max-width: 575px) {
  .single-blog-post .single-blog-post-content h3.post-title {
    font-size: 25px;
  }
}
.single-blog-post .single-blog-post-content h3.post-title.sticky {
  position: relative;
  padding-left: 25px;
}
.single-blog-post .single-blog-post-content h3.post-title.sticky:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  font-family: fontAwesome;
  font-size: 25px;
}
.single-blog-post .single-blog-post-content .post-meta {
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
}
.single-blog-post .single-blog-post-content .post-meta p span {
  color: #999999;
}
.single-blog-post .single-blog-post-content .post-meta p span i.fa {
  margin-right: 5px;
}
.single-blog-post .single-blog-post-content .post-meta p a {
  font-weight: 400;
  color: #808080;
  font-size: 14px;
}
.single-blog-post .single-blog-post-content .post-meta p a:hover {
  color: #21543D;
}
.single-blog-post .single-blog-post-content .post-meta p span.separator {
  padding: 0 5px;
}
.single-blog-post .single-blog-post-content p.post-excerpt {
  font-size: 14px;
  line-height: 29px;
}
.single-blog-post-content p{
    line-height: 20px;
    line-height: 25px;
}
.single-blog-post .single-blog-post-content a.blog-readmore-btn {
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  /*letter-spacing: 2px;*/
  padding: 12px 25px;
}
.single-blog-post .single-blog-post-content a.blog-readmore-btn:hover {
  background-color: #21543D;
  color: #ffffff;
}

.blog-single-post-container {
  background-color: #ffffff;
  border: 1px solid #efefef;
  padding: 25px;
}
.blog-single-post-container h3.post-title {
  font-size: 34px;
  line-height: 46px;
  color: #333333;
  /*text-align: center;*/
  font-weight: 500;
  margin-bottom: 10px;
}
@media only screen and (max-width: 479px) {
  .blog-single-post-container h3.post-title {
    font-size: 25px;
    line-height: 35px;
  }
}
.blog-single-post-container .post-meta {
  /*text-align: center;*/
  padding-bottom: 15px;
  /*margin-bottom: 20px;*/
}
.blog-single-post-container .post-meta p span {
  color: #999999;
}
.blog-single-post-container .post-meta p a {
  font-weight: 400;
  color: #323232;
}
.blog-single-post-container .post-meta p a:hover {
  color: #21543D;
}
.blog-single-post-container .post-meta p span.separator {
  padding: 0 5px;
}
.blog-single-post-container .single-blog-post-media {
  position: relative;
  margin-bottom: 20px;
}
.blog-single-post-container .single-blog-post-media .image img {
    width: 100%;
    aspect-ratio: 10 / 6;
}
.blog-single-post-container .single-blog-post-media .blog-image-gallery .single-image img {
  width: 100%;
}
.blog-single-post-container .single-blog-post-media .blog-categories {
  position: absolute;
  bottom: 20px;
  left: 10px;
}
.blog-single-post-container .single-blog-post-media .blog-categories ul li {
  display: inline-block;
}
.blog-single-post-container .single-blog-post-media .blog-categories ul li a {
  display: block;
  background-color: #ffffff;
  padding: 5px 10px;
  text-transform: capitalize;
  margin-right: 5px;
  border-radius: 3px;
}
.blog-single-post-container .single-blog-post-media .blog-categories ul li a:hover {
  background-color: #21543D;
  color: #ffffff;
}
.blog-single-post-container .single-blog-post-media .video {
  overflow: hidden;
}
.blog-single-post-container .single-blog-post-media .video iframe {
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 767px) {
  .blog-single-post-container .single-blog-post-media .video iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 479px) {
  .blog-single-post-container .single-blog-post-media .video iframe {
    height: 250px;
  }
}
.blog-single-post-container .post-audio {
  overflow: hidden;
}
.blog-single-post-container .post-audio iframe {
  width: 100%;
  height: 100px;
}
.blog-single-post-container .post-content p {
  font-size: 16px;
  margin-bottom: 0px;
  line-height: 29px;
}
.blog-single-post-container .post-content blockquote {
  background: #f6f6f6;
  border: 1px solid #e0e0e0;
  border-left: 5px solid #21543D;
  font-size: 14px;
  font-style: italic;
  line-height: 26px;
  margin: 40px 0 40px 40px;
  padding: 30px 45px;
}
@media only screen and (max-width: 479px) {
  .blog-single-post-container .post-content blockquote {
    margin-left: 10px;
    padding: 15px 20px;
  }
}
.blog-single-post-container .tag-area {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
}
.blog-single-post-container .tag-area span {
  color: #999999;
}
.blog-single-post-container .tag-area ul {
  display: inline-block;
}
.blog-single-post-container .tag-area ul li {
  display: inline-block;
}
.blog-single-post-container .tag-area ul li a {
  font-size: 15px;
  font-weight: 500;
  font-style: italic;
  color: #333333;
}
.blog-single-post-container .tag-area ul li a:hover {
  color: #21543D;
}
.blog-single-post-container .social-share-buttons {
  text-align: center;
}
.blog-single-post-container .social-share-buttons h3 {
  background: none;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 26px;
  margin: 0 20px;
  text-transform: uppercase;
  width: auto;
  font-weight: 500;
  margin-bottom: 15px;
}
.blog-single-post-container .social-share-buttons ul li {
  display: inline-block;
}
.blog-single-post-container .social-share-buttons ul li a {
  background: #f7f7f7;
  border-radius: 100%;
  color: #353535;
  display: inline-block;
  font-size: 12px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  text-align: center;
  width: 32px;
}
.blog-single-post-container .social-share-buttons ul li a:hover {
  border-color: transparent;
}
.blog-single-post-container .related-post-container h3.related-post-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #333333;
}
.blog-single-post-container .related-post-container .single-related-post .image {
  margin-bottom: 15px;
}
.blog-single-post-container .related-post-container .single-related-post .image a {
  display: block;
  width: 100%;
}
.blog-single-post-container .related-post-container .single-related-post .image a img {
  width: 100%;
  height:150px;
}
.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title {
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
}
.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title a:hover {
  color: #21543D;
}
.blog-single-post-container .related-post-container .single-related-post .content h3.related-post-title span {
  display: block;
  font-size: 13px;
  line-height: 24px;
  color: #999999;
  font-weight: 400;
  margin-top: 5px;
}

/*----------  single blog post media  ----------*/
.single-blog-post-media {
  position: relative;
}
.single-blog-post-media:hover .slick-arrow {
  visibility: visible;
  opacity: 0.6;
}
.single-blog-post-media:hover .slick-arrow:hover {
  opacity: 1;
}
.single-blog-post-media:hover .slick-next {
  right: 10px;
}
.single-blog-post-media:hover .slick-prev {
  left: 10px;
}
.single-blog-post-media .slick-arrow {
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #323232;
  color: #ffffff;
  line-height: 40px;
  z-index: 9;
  margin-top: -20px;
  visibility: hidden;
  opacity: 0;
}
.single-blog-post-media .slick-next {
  right: 30px;
  left: auto;
}
.single-blog-post-media .slick-prev {
  left: 30px;
  right: auto;
}

/*----------  comment container  ----------*/
h3.comment-counter {
  margin-bottom: 20px;
  font-weight: 500;
}

.comment-container .single-comment {
  position: relative;
  border: 1px solid #e0e0e0;
  margin: 0 0 30px;
  padding: 30px;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.comment-container .single-comment.reply-comment {
  margin-left: 10%;
  width: 90%;
}
.comment-container .single-comment:last-child {
  margin-bottom: 0;
}
.comment-container .single-comment span.reply-btn {
  position: absolute;
  top: 30px;
  right: 30px;
}
.comment-container .single-comment span.reply-btn a {
  display: inline-block;
  border: 1px solid #21543D;
  color: #21543D;
  padding: 5px 15px;
  font-weight: 500;
  border-radius: 50px;
  font-size: 13px;
}
.comment-container .single-comment span.reply-btn a:hover {
  background-color: #21543D;
  color: #ffffff;
}
.comment-container .single-comment .image {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
}
.comment-container .single-comment .content {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-left: 20px;
}
.comment-container .single-comment .content h3 {
  font-size: 15px;
  line-height: 29px;
  color: #999999;
  font-weight: 700;
  font-style: italic;
}
.comment-container .single-comment .content h3 span.comment-time {
  font-size: 14px;
  line-height: 29px;
  color: #999999;
  font-weight: 400;
  display: block;
}
.comment-container .single-comment .content p.comment-text {
  color: #999999;
  font-size: 15px;
  line-height: 24px;
}

/*----------  comment form  ----------*/
.comment-form-container h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #333333;
  margin-bottom: 25px;
}
.comment-form-container p {
  font-size: 12px;
  line-height: 23px;
  color: #999999;
}

/*----------  comment form  ----------*/
.comment-form label {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 29px;
  color: #999999;
  font-weight: 500;
}
.comment-form textarea {
  border: 1px solid #e0e0e0;
  height: 130px;
  width: 100%;
  -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 15px;
}
.comment-form input {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  height: 50px;
  line-height: 48px;
  width: 100%;
  padding: 0 15px;
  vertical-align: middle;
}
.comment-form .fl-btn {
  border: none;
  text-transform: uppercase;
  background: #f2f2f2;
  line-height: 12px;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 3px;
  color: #363f4d;
  font-weight: 500;
  font-size: 12px;
  background-color: #333333;
  color: #ffffff;
}
.comment-form .fl-btn:hover {
  background-color: #21543D;
  color: #ffffff;
}

/*=====  End of Blog  ======*/
/*=============================================
=            shop            =
=============================================*/
/*----------  shop header  ----------*/
.shop-header {
  border: 1px solid #ededed;
  padding: 5px 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .shop-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.shop-header__left__message {
  font-family: 'Outfit', sans-serif;
  font-size: 14px;
  color: #666;
  font-weight: 300;
  line-height: 46px;
  float: left;
}
@media only screen and (max-width: 479px) {
  .shop-header__left__message {
    padding-left: 10px;
  }
}
.shop-header__right {
  padding-left: 10px;
}
.shop-header__right .single-select-block .select-title {
  /* margin-right: 5px; */
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  color: #1f1f1f;
  font-weight: 400;
  line-height: 30px;
}
.shop-header__right .single-select-block select {
  border: none;
  font-family: 'Outfit', sans-serif;
  font-size: 16px;
  padding: 0px 6px;
  color: #1f1f1f;
  font-weight: 400;
  line-height: 30px;
  width:135px;
  border-radius: 5px;
}

.grid-icons {
  float: left;
}

@media only screen and (max-width: 767px) {
  .grid-icons button {
    height: 40px;
  }
}


.shop-product-wrap.grid .list-view-product {
  display: none;
}
.shop-product-wrap.list [class*=col], .shop-product-wrap.list [class*=col-] {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
  max-width: 100%;
}
.shop-product-wrap.list .grid-view-product {
  display: none;
}

.box {
  height: auto;
  width: 100%;
}
.image-container {
  border: 1px solid #ddd;
  text-align: center;
  margin-bottom: 15px;
  /**/
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

.image-container img  {
      visibility: visible;
    opacity: 1;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#sortby option{
    background-color: #fff;
    color: black;
}





@media (max-width : 450px){
    .product-cart-button{
                padding: 9px 15px !important;
    }
    .tooltip-content{
        left: -110% !important;
    }
    .offer-count{
        font-size: 12px !important;
    }
    .store-button{
        font-size: 11px !important;
    padding: 5px 5px !important;
    }
  .image-placeholder img{
      width: 80px !important;
  }
  
  .product-price-offer {
    font-size: 15px !important;
    }
    .discount-amount-faq{
        font-size: 12px !important;
    }

}

@media (max-width : 435px){
  .checkout-checkbox .check-box{
    margin-top: 10px;
  }
}

.checkout-right-top {
  width: 100%;
  /* height: 50%; */
  border: 1px solid rgb(172, 170, 170);
  padding: 1.8rem 1.2rem 1.8rem;
  border-radius: 3px;
}
.checkout-right-bottom {
  width: 100%;
  /*border-radius: 3px;*/
  /*padding: 1.8rem 1.2rem 1.8rem;*/
  /*border: 1px solid rgb(172, 170, 170);*/
  margin-top: 15px;
}

.placeorder{
  background-color: #000000; 
  color: white;
  width: 100%;
}


.ord-btn{
  width: 100%; padding: 10px;
  color: white;
  background-color: #21543D;
  border: none;
  margin-top: 20px;
}
.product-col .product {
  display: flex;
  align-items: center;
  margin: 0;
  padding-right: 2rem;
  box-shadow: none;
  /*width: 260px;*/
}
#avlQty {
  padding: 10px 20px 10px 20px;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}
#cartCheckout {
  width: 100%;
  padding: 12px;
  background-color: #21543d;
  color: #fff;
}


@media only screen and (min-width: 768px) and (max-width: 991px){
 .check{
  width: 100% !important;
 } 
}

.card-body{
  background-color: #F8F8F8;
}

input[type="checkbox"]:checked {
  background-color: #21543D;
  color: white;
}

.mobile-sidebar-widget{
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100vh;
padding-bottom: 20px;
overflow: auto;
z-index: 9999999;
background-color: #f0fff8;  

}
.filter-responsive{
  display: none;
}
@media  (max-width: 991px) {
  .filter-responsive{
    display: initial;
  }
 .sidebar-widget-wrapper{
  display: none;
 }

 
 
  
}
@media (min-width: 995px) and (max-width: 2000px)  {
  .mobile-sidebar-widget{
    display: none !important;
  }
  
}
.shop-header__right{
  width: 100%;
  display: flex;
   align-items: center; 
   justify-content: space-between;
}

.mobile-sidebar-widget{
  display: none;
}
.sidebar-price #price-range-1 {
  width: 100%;
  height: 5px;
  margin: 7px 0;
  background-color: #21543D;
  position: relative;
  border-radius: 50px;


}
.sidebar-price{
  padding-bottom: 0%;
}
a:hover {
  /*color: #0056b3;*/
  text-decoration: none !important;
}



@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,600,700,800,900&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 font-family: 'Outfit', sans-serif;
}

.text-secondary{
  font-size: 14px;
}
#femail{
  font-size: 15px;
}

.myColor {
  background-image: linear-gradient(to right, #21543D30%, #f9d423 150%);
  /* background-image: linear-gradient(to right, #21543D30%, #f9d423 150%); */
}
.myShadow {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
}
.myBtn {
  border-radius: 50px;
  font-weight: bold;
  font-size: 16px;
  background-image: linear-gradient(to right, #61AD69 0%, #21543D100%);
  border: none;
}

.myHr {
  height: 2px;
  border-radius: 100px;
}
.myLinkBtn {
  border-radius: 100px;
  width: 50%;
  border: 2px solid #fff;
}
@media (max-width: 720px) {
    #reviews img{
        width: 100% !important;
        height: auto !important;
    }
  .wrapper {
    margin: 2px;
  }
}

.forget-email-input{
  display: flex;
    align-items: center;
    padding: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}
.login-form-1{
  height: 450px
}

.login-form-2{
  height: 450px;
}
@media (max-width: 767px){
    .order-details-heading{
        display: flex;
        flex-direction: coloumn;
    }
    
    .row-weight{
        margin-left: 0px !important;
    }

    .enquiry-btn{
        line-height: 22px !important;
        width: 100%;    
        font-weight: unset;
        font-size: 16px;
        margin-left: 0px !important;
        padding: 8px 50px !important;
        text-align: center;
        margin-top: 10px;
    }
    .product-detail-content{
            padding: 14px;
            
    }
    .animated-input{
            max-width: 100% !important;
    }
    
    .shop-header__right .single-select-block{
        border: 1px solid #21543D;
        border-radius: 5px;
    }
    /*.single-select-block .select-title{*/
    /*    padding-left: 10px;*/
    /*}*/
  .select-field{
    margin-top: 20px;
  }
  .carrer22 {
    margin-top: 20px;
        padding: 4px 20px !important;
}
 
}
@media (max-width: 991px){
  .login-form-1{
    height: auto;
  }
  
  .login-form-2{
    height: auto;
  }
}
.addtocart{
  padding: 8px;
  background-color: #21543D;
  color: #fff;
  border: none; border-radius: 5px;
}
@media (min-width: 767px) and (max-width: 1200px){
  .addtocart>b{
    display: none;
  }
}

/*@media (max-width: 420px){*/
/*    .theme-button{*/
/*        line-height: 20px !important;*/
/*        padding: 3px 15px;*/
/*        font-size: 13px;*/
/*    }*/
/*}*/


@media (max-width: 500px) {
    .burger-menu{
        justify-content: end !important;
    }
    .search-bar form input{
      height: 35px;
      border-radius: 2px;
    }
    .search-bar form button{
     line-height: 38px;
         font-size: 18px;
    }
    .hero-slider-area{
        margin-bottom: 0px !important;
    }
    .hero-slider-content {
    position: absolute;
    top: 12%;
}
.slider-title--big-light{
    margin: 0px !important;
}
    .p-res-0 i{
        margin-left: 0px !important;
    }
    .single-split-banner__image a img{
        height: auto !important;
    }
 
    .product-description-review-container nav .nav-tabs a.nav-link {
        font-size: 14px !important;
        margin-right: 10px !important;
            padding: 10px 15px !important;
    }
    /*.big-image-slider-single-item img{*/
    /*    height: 384px !important;*/
    /*    width: 384px !important;*/
    /*}*/
  #femail{
    width: 80%;
  }
}

@media(max-width: 767px){
   
    .marg-respnsv{
            margin-bottom: 20px !important;
    }
    .row-mr-resp .col-md-3{
        margin-top: 15px;
    }
    .variations .col-md-3{
    width: 50% !important;
    }
    
}

@media (max-width: 400px){
    .p-res-0{
        padding: 0px;
    }
    
    /*.big-image-slider-single-item img{*/
    /*    height: 358px !important;*/
    /*    width: 358px !important;*/
    /*}*/
    .social-links{
        display: flex;
        flex-wrap: wrap;
    }
}



@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
/* body{background-color:#eee;} */



/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
	background-color: #fff;
  border: 1px solid #919191;
  /*box-shadow: 5px 5px 5px #888888;*/
}

#generic_price_table .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
	color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
	color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #21543D;
}

#generic_price_table .generic_content .generic_price_btn a{
	border: 1px solid #21543D; 
    color: ##21543D;
} 

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	border-color: #21543D rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #21543D;
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{
	background-color: #21543D;
	color: #fff;
} 
#generic_price_table{
	margin: 50px 0 50px 0;
    font-family: 'Raleway', sans-serif;
}
.row .table{
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-family: "Raleway",sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
	display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-family: "Lato",sans-serif;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
	font-family: "Lato",sans-serif;
	font-size: 16px;
	padding: 15px 15px;
	line-height: 30px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
	margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 5px;
	/*-moz-border-radius: 50px;*/
	/*-ms-border-radius: 50px;*/
	/*-o-border-radius: 50px;*/
	/*-webkit-border-radius: 50px;*/
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 14px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 

@media (max-width: 767px) {
    
    .filter-content label{
        margin-bottom: 0px !important; 
        font-size: 16px;
        padding: 5px 0px !important;
    }
    .filter-content label{
        
    }
    
    .noUi-horizontal{
        height: 7px !important;
    }
    
    .group-shop-container .col-md-2{
        padding: 0px;
    }
    
    .Add_on_popup{
        width: 100%;
    }
    .total-first, .operators-none{
        display: none !important;
    }
    .footer-title{
        display: none;
    }
    
    .full-banner__content p {
        margin-bottom: 25px;
    }
    .full-banner__content h5{
        margin-bottom: 0px;
    }
    
	#generic_price_table .generic_content{
		margin-bottom:20px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 992px) {
    .product-details-area .mb-md-30{
    height: 50%;
    position: sticky;
    top:10%;
}
    
}


#generic_price_table_home{
	 font-family: 'Raleway', sans-serif;
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}

#generic_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#generic_price_table_home li{
	float: left;
}
#generic_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#generic_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#generic_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#generic_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#generic_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
#generic_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#generic_price_table_home .footer{
	padding:40px 0;
}

.price-heading{
    text-align: center;
}
.price-heading h1{
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}
.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bottom_btn{
	background-color: #21543D;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.demo-button:hover{
	background-color: #21543D;
	color: #FFF;
	text-decoration:none;
	
}
.bottom_btn:hover{
	background-color: #21543D;
	color: #FFF;
	text-decoration:none;
}

#sidebar .widget .widget-title {
      padding: 8px 15px;
    margin-top: 0;
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 5px;
    background: #21543D;
    color: #fff;
}
aside#sidebar form {
  padding: 30px;
}
.btn-gardenica {
  color: #ffffff !important;
  background-color: #21543D;
  padding: 5px 10px;
}

.btn-success{
    background: #21543D !important;
}

.right-sidebar {
  position: sticky;
  top: 60px 
}


.right-sidebar {
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.search-option-wrapper{
  position: absolute;
  width: 100%;
  max-height: 360px;
  overflow: auto;
  background-color: #ffffff;
  z-index: 999;
  padding: 20px;
}
.search-option-wrapper ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  padding: 10px 0;
}
.live-img-description-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.live-product-price span {
  text-decoration: line-through;
  color: gray;
}
.live-product-detail span{
  color: gray;
}

.live-product-img img{
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.live-product-price p{
  margin-bottom: 0px;
}

.search-option-wrapper::-webkit-scrollbar {
  width: 8px; 
}

.search-option-wrapper::-webkit-scrollbar-track {
  background-color: #D3D3D3;
}

.search-option-wrapper::-webkit-scrollbar-thumb {
  background-color: #21543D;
  border-radius: 6px;
}


/*  */

.contactpadd {
  padding: 40px 0;
}
.carrer11 h2 {
  color: #000;
  font-size: 24px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  /*margin: 0 0 20px;*/
}

.carrer22 {
  background: #8B4C2A;
  padding: 4px 38px;
}

.carrer22 h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  /*text-transform: uppercase;*/
  margin: 20px 0 20px;
}

.carrer22 input{
    background-color: #FDFBF3;
}

.carrer22 textarea{
    background-color: #FDFBF3;
}
#carrier_resume{
    background-color: transparent;
}

.for_all_page label{
    color: #fff;
}

.for_all_page input, textarea {
  margin-bottom: 13px;
  box-shadow: none !important;
  /* border: 1px solid #cccccc94; */
  font-size: 16px;
  height: 45px;
}
.all_page_submit input {
  background: #21543D;
  color: #fff;
  height: 40px;
  font-size: 14px;
  text-transform: uppercase;
  /* width: 100px; */
}

@media (max-width: 767px){
    .footer-whatsapp img{
        bottom: 60px !important;
    }
    .scroll-top{
        bottom: 65px !important;
    }
    .breadcrumb-area {
        margin-bottom: 20px !important;
    }
    .resp-slider {
        display: initial !important;
    }
    /*.full-width-slider{*/
    /*    display: none;*/
    /*}*/
    .product-cart-button{
    width: 100%;
    line-height: 30px !important;
    font-size: 16px;
    }
    .review-heading-box .justify-content-end{
    /*justify-content: start !important;*/
    margin-bottom: 10px;
    margin-top: 10px;
    }
  .select-field{
    margin-top: 20px;
  }
  .carrer22 {
    margin-top: 20px;
}

.right-about{
  margin-top: 30px;
}

}


.active-dropdown-trigger>.ion-ios-arrow-down{
  margin-top: 1.5px
}



@media (min-width: 768px) and (max-width: 2000px) {
  .right-about {
    position: sticky !important;
    top: 100px !important;
  }
  .left-about{
    position: sticky !important;
    top: 100px !important;
  }
}

section#mart-video iframe {
  max-width: 100%;
  
}
#mart-video{
  margin-bottom: 20px;
  margin-top: 40px;
  padding: 0px;
}
/*#mart-video .col-md-4{*/
/*  padding-right: 0px;*/
/*  padding-top: 10px;*/
/*  padding-left: 15px;*/
/*}*/
#req-form-btn{
  background-color: #21543D;
  width: 120px;
}

/*  */
.pb-20{
    padding-bottom: 20px;
}

.tracking-detail ul li .left {
  min-width: 170px;
  text-transform: capitalize;
  font-weight: 600;
}

.tracking-detail li{
  display: flex;
  margin-top: 10px;
}
.modal-dialog{
  max-width: 750px !important;
}

.row-pop{
  padding-left: 0px; padding-right: 0px; border-bottom: 1px solid gray;
}

.modal-body-order{
  max-height: 550px; overflow: auto;
}

.profile-img {
  display: flex;
  align-items: center;
  margin: 0;
  /*background-color: #fff;*/
  box-shadow: #fff 0 1px 3px;
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #dadada;
}

.profile-order li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  /*background-color: #fff;*/
  border: 1px solid #dadada;
  box-shadow: #fff 0 1px 3px;
  border-radius: 8px;
  padding: 13.5px;
  -webkit-flex: 1;
  flex: 1;
  margin: 0 0.4rem 0.4rem;
  font-size: 12px;
  line-height: 1.5;
}

.dashboard-content .profile-order {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 0;
  padding: 0;
}

.profile-order{
  display: flex;
}

.card__badge{
  position: absolute;
  border-radius: 2px;
  z-index: 999;
  background-color: #21543D;
  color: aliceblue;
  top: 9%; left: 5%;
}
.card__badge{
  position: absolute;
  border-radius: 2px;
  z-index: 999;
  background-color: #21543D;
  color: aliceblue;
  top: 4%; left: 4%;
}

.card_badge_discount{
  position: absolute;
  border-radius: 2px;
  /* z-index: 999; */
  background-color: #21543D;
  color: aliceblue;
  top: 4%; right: 4%;
}

.badge--onsale{
  padding: 4px 10px;
}

.card_badge-out{
  background-color: red !important;
  z-index: 0;
}

.discount{
  font-size: 12px;
  font-weight: 600;
}


/*  */

.rating-percent span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #FFDD20;
}
.rating-percent {
  background: #eee;
  width: 10rem;
  max-width: 100%;
  height: 10px;
  margin-top: 7px;
  border-radius: 1rem;
}

.ratings-list .progress-value {
  /* color: #fff; */
  width: 27px;
  height: 27px;
}

.avg-rating-container mark {
  padding-top: 0px;
  padding-left: 0px;
  font-size: 6rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1;
  color: #FFDD20;
  background: none;
}
.sidebar-rivew{
  padding-left: 15px;
  padding-top: 20px;
}

.spr-button-primary{
  background-color: #21543D;
}

.collection-top-filters {
  background-color: #dadada4d;
  border: 1px solid #c3c3c3;
  border-radius: 2px;
  margin: 0 0 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.filters-toolbar-wrapper .filters-toolbar__item select {
  width: 126px;
  margin-right: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
  color: #000;
  background-color: #fff!important;
  border-radius: 0!important;
  padding: 8px;
}

@media (max-width: 400px){
   
    .product-title {
        height: 60px !important;
        overflow: hidden;
    }
  .rivew-title{
    font-size: 21px;
  }
  .filters-toolbar-wrapper{
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.give-review .content {
  display: flex;
}

#reviews fieldset.spr-form-contact form .spr-form-review-title input {
  height: 35px;
  padding: 4px;
}
.rivew-btn{
  padding: 5px;
  border-radius: 5px;
  background-color: #21543D;
  color: #fff;
  border: none;
}

.row.hindi-eng-points ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #00000021;
  margin: 12px 0px;
  width: 90%;
}

.product-description-review-container nav .nav-tabs a.nav-link {
  font-size: 16px;
  color: #000000;
  /*text-transform: uppercase;*/
  border-radius: 0;
  border: none !important;
  margin: 0;
  position: relative;
  /*font-weight: 600;*/
  /*line-height: 30px;*/
  padding: 10px 20px;
  background: transparent;
  margin-right: 23px;
  border: 1px solid #e9e9e9 !important;
}


/*  */

.menu-item-has-children a{
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between  !important;
}

.header-top-social-links .social-link-small{
  margin-bottom: 0px;
}

.left-about img{
  width: 100% !important;
}

.single-slider-product__content .col-8{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.single-slider-product__content .col-12{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.single-slider-product__content .col-4{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.single-slider-product__content .col-3{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.single-slider-product__content .col-9{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.product-price .discounted-price {
  padding-left: 0px !important;
}

#phonecode{
  height: 100% !important;
  border-radius: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border: 1px solid #999999;
}

#user_mobile{
  height: 100%;
  border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}


.register-button {
  background-color: #21543D!important ;
}

.breadcrumb-content ul{
  margin-bottom: 0px !important;
}



/*.shop-product-wrap .col-6 {*/
/*  padding-left:7.5px !important ;*/
/*  padding-right: 7.5px !important ;*/
/*}*/

.cart-product img {
  width: 100px;
  margin-top:10px;
}

.cart-product .product-title{
  margin-left: 20px;
}

.quantity-input{
  padding-left: 15px;
}
.quantity-col{
  padding-top: 20px !important;
}

.remove-col{
  padding-top: 20px !important;
}

.cart_info .col-sm-12{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.cart_info{
  padding-top: 0px;
  padding-right: 0px;

}

@media (max-width: 767px){
    #mart-video{
        margin-bottom: 10px !important;
    }
    .image-container{
        margin-bottom: 0px;
    }
    .row-resp-pad{
        padding: 10px !important;
     
    }
    .col-resp-pad{
        padding: 8px !important;
    }
    .resp-slider .slick-dots{
        bottom: 13px !important;
    }
    .split-banner-area  .row-5 {
        margin-bottom: 0px !important;
    }
    .split-banner-area .container {
        padding: 10px;
    }
    .shop-header__right{
        padding-left: 0px;
    }
   
    .shop-header{
        margin-bottom: 0px !important;
    }
    .shop-product-wrap  .col-6 {
        padding: 8px;
        margin-bottom: 4px !important;
    }
    .shop-product-wrap{
        padding: 14px;
    }
    .slider-banner a img {
        height: auto !important;
    }
  .header-top-social-links{
    text-align: center;
  }
}

#bill_phone_code{
  border-radius: 0px;
}

#bill_phone{
  height: auto;
}
.form-select{
  padding: 10px 20px;
  border: 1px solid #B2B2B2 !important;
  border-radius: 0px;
}

.checkout-form input{
  height: auto;
}

.small-cart-item-wrapper {
  padding: 30px;
  max-height: 250px;
  overflow: auto;
  border-bottom: 1px solid #ebebeb;
}

.single-item .image img{
  width: 70px;
  height: 70px;
}

.modal-dialog-otp{
  max-width: 400px !important;
}


.Resend-timing{
  margin-bottom: 0px;
  font-size: 13px;
}
.resend-otp{
  font-size: 13px;
}


.sidebar-rivew img{
  /*width: 100%;*/
  width:350px;
  height:350px;
}

.spr-button-primary{
  background-color: #21543D!important;
  border: none !important;
  color: #fff;
}

@media (max-width: 767px){
    .navigation-top-search-area {
        padding-bottom: 0px !important;
        padding-top: 15px !important;
    }
    .full-banner-area .row{
        padding: 8px;
    }
    .testimonial-item{
            margin-left: 0px !important;
            margin-right: 0px !important;
    }
    .for-star-wrapper{
        text-align: center;
    }
    .main-rivew{
        display: initial !important;
    }
    .category-area .row{
        padding: 9px;
    }
    .category-area  .col-lg-3{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
  .spr-button-primary{
    font-size: 12px !important;
  }
}


.social-share-buttons ul li:hover a.fa-whatsapp {
  background-color: #21543D;
}
.social-share-buttons ul li a i.fa-x-twitter {
    font-size: 17px;
  color: black;
}
.social-share-buttons ul li a i.fa-facebook-f {
  color: #4867AA;
}
.social-share-buttons ul li a i.fa-pinterest-p {
  color: #BD081B;
}
.social-share-buttons ul li:hover a.whatsapp{
  color: #21543D;
}

.social-share-buttons ul li:hover a.fa-whatsapp{
  color: #21543D;
}

.card--grey .card-body{
    border-radius: 0px;
}
#rcountryCode{
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-radius: 2px;
        border-right: 0px;
    }
    #phoneValid{
      border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-radius: 2px;
    }
    .see-more {
        color: #0056b3;
    }
    
    
.row-weight{
            padding: 0px 10px !important;
            margin-left: 0px !important;
    }

@media (max-width: 992px){
    
    .navigation-menu-area .ps-relative{
        display: none;
    }
    
    .quote-form{
        width: 100% !important; 
    }
    .dnone-resp{
        display: none !important;
    }
    .row-weight > .weight > .weight-box .variant-title:first-of-type {
      margin-top: 0px !important;
}
    
    .product-details-feature-wrapper {
        margin-top: 0px !important;
    }
    .product-detail-content{
        padding-top: 0px !important;
    }
    .initialMax{
        display: none;
    }
   
    .phoneValidity{
        margin-top: 18px !important;
    }
    .burger-menu{
        display: initial;
    }
    
    .filter-header-title{
        color: #fff;
        margin-left: 10px;
    }
    
    .cart_info{
        padding-left: 0px;
    }
    .copyright {
        text-align: center;
    }
    
    .post-meta .col-lg-6{
        width: 50% !important;
    }
    
    .products-page-heading{
        display: none;
    }
}

.lead{
    font-size: 17px !important;
    margin-bottom: 2rem;
    line-height: 25px;
}

.myColor{
    background: #21543D;
}

.myShadow{
    box-shadow: none;
    border: 1px solid;
}

.text-white{
    font-size: 27px !important;
}

#forgot-btn{
    font-size: 16px !important;
    background-color: #21543D;
}

.btn-outline-light{
    font-size: 16px !important;
}

.myHr{
    margin-bottom: 2.5rem;
}

.fa-whatsapp{
    color: #25d366 !important;
}

.main-whatsapp:hover{
    background-color: #25d366 !important;
    
}
.main-whatsapp:hover .fa-whatsapp {
    color: white !important;
}

  .select-box{
    width: 100%;
    background-color: transparent;
    border: 1px solid #999999;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    height: 45px;
    color: #333333;
    }

.arrow-sign::after {
  font-family: Ionicons;
  content: '›';
  margin-left: 5px;
  float: right;
  font-weight: 300;
  font-size: 11px;
  font-weight: 300;
  font-size: 19px; 
  color: dark;
}

.checkout-scard {
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 40px;
}

.checkout-scard .card-icon {
  color: #21543d;
  font-size: 90px;
  line-height: 90px;
  margin: 0 0 10px;
}

.checkout-scard .card-title {
  font-size: 30px;
  margin-bottom: 20px;
  font-family: 'Outfit', sans-serif;
}

.checkout-scard .text-order {
  padding: 10px 20px;
  background-color: #21543D;
  font-size: 13px;
  font-weight: 400;
  font-family: 'Outfit', sans-serif;
}

.card-text {
  font-family: 'Outfit', sans-serif;
}

.order-table .table thead th {
  background: #000;
  font-size: 12px;
  color: #fff;
}
.pro-img a img {
  width: 80px !important;
  height: 80px !important;
} 

.cart__meta-text {
  color: #222222;
  font-size: 11px;
  font-style: italic;
  line-height: 1.6;
  padding: 5px 0;
}

.ship-info-details h3 {
  
    background-color: #21543d;
  font-size: 15px;
  font-weight: 400;
  padding: 5px 15px;
  margin: -1px 0 5px;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  color: #fff;
}

.ship-info-details {
  margin: 0 0 0px;
  padding: 0 0 12px;
  /*border: 1px solid #ddd;*/
  border-radius: 4px;
}
.ship-info-details p {
  padding: 0 15px;
  margin: 0 0 5px;
}

.hr{
    margin: 10px 0px 20px 0;height: 0.5px !important;border-style: dashed;background-color: gray;
}

@media(max-width: 767px){
    
    .hr{
        margin: 20px 0px 20px 0;
    }
    .d-none-resp{
        display: none;
    }
    .mt-resp{
        margin-top: 10px;
    }
    .initial-resp .order-details-heading h2{
        line-height: 18px;
    }
    .order-details-heading h2{
        margin-top: 0px !important;
    }
    .order-details-resp{
        margin-top: 0px !important;
    }
    .container-resp {
        padding: 0px;
    }
    .margin-resp{
        
    }
}



@media (max-width: 576px){
    
    .product-description{
        padding-right: 0px;
    }
    
    .product-description p{
            text-align: justify;
    padding-right: 0;
    } 
    .top-bar-header{
        display: none;
    }
    .quote-form{
            padding: 30px !important;
    }
    .paddresp{
        padding: 0px;
        padding-bottom: 5px;
    }
    
    .d-nonemax #disclamer{
        padding: 0px 10px;
    }
    
    #productatrrrr .product-review {
        margin-right: 10px !important;
    }
    .scroll-top{
        right: 20px !important;
    }
    
    .footer-whatsapp img{
        left: 15px !important;
    }
    .navigation-top-topbar{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    
    .bg-image{
        height: 70vh !important;
    }
    .label-addToCart{
            margin-left: -10px;
    }
    .product-price .discounted-price{
        font-size: 19px !important;
    }
    .rating{
        margin-bottom: 2px;
    }
    .rating .point{
        font-size: 11px !important;
    }
    .product-detail-content{
        border: none !important;
    }
    
    .ship-info-details{
        margin-bottom: 10px !important;
    }
    .mt-0-resp{
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }
    .checkout-scard{
        margin-bottom: 0px;
    }
    .checkout-scard .card-text{
        font-size: 14px !important;
    }
    .checkout-scard .card-icon{
        font-size: 70px;
    }
    .checkout-scard .card-title{
            font-size: 24px;
    }
    .nonemin-Scrn{
        display: none;
        
    }
    
    
    .p-10-sm{
        padding: 0px 10px;
    }
    .mb-sm-2{
        margin-bottom: 10px !important;
    }
    .mb-sm-1{
        margin-bottom: 5px !important;
    }
    .payment-logo{
        text-align: left;
    }
    .padd-zero-resp{
        padding: 0px !important;
    }
    
  
    
    .variations .col-md-3 {
        margin-bottom: 15px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    
    #Pincode-fields{
        padding-left: 0px !important;
    }
    
    .variations{
        padding: 0px 0px;
    }
    .single-products-faq{
        padding-left: 0px;
    }
    
    .flex-full-screen{
        padding: 0px 0px;
    }
    
    .offer-faq {
        padding-left: 0px !important;
    }
    .top-resp-none{
        display: none;
        
    }
    .headertop-dropdown-container{
        padding-top: 0px !important;
    }
    .scroll-top{
        width: 35px;
        height: 35px;
        line-height: 0px;
    }
    .footer-whatsapp img{
    width: 50px !important;
    height: 50px !important;
    }
    .y-middle{
        padding: 0px !important;
    }
    .copyright-text-area{
        padding: 10px 0;
        padding-bottom: 60px;
    }
    .mb-30-resp{
        margin-bottom: 30px !important;
    }
    .resp-10{
        padding: 10px;
    }
    .footer-content-wrapper{
        padding-top: 0px !important;
    }
    .icon-feature-wrapper{
        padding-bottom: 10px;
        border: none;
    }
    .resp-pad{
        padding: 0px 10px;
    }
      .mb-60{
        margin-bottom: 40px !important;
    }
    
    .mt-60{
        margin-top: 40px !important;
    }
      .resp-margin{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }
    .full-banner__content h5{
        font-size: 24px;
        line-height: 35px;
    }
    .section-title{
        margin-bottom: 10px !important;
    }
     .margin-resp-zero{
        margin-bottom: 0px !important;
    }
    .hero-slider-item-wrapper img{
        aspect-ratio: 10/5;
    }
    
    .navigation-top-search-area {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .mt-xs-25{
     margin-top: 5px !important;
    }
    
    .featured-img{
        display: initial !important;
    }
    .f-image img{
        width: 100%;
    }
    
    .product-description-review-container .tab-content .tab-pane.active{
            padding: 10px 10px;
    }
    .box-list li{
        font-size: 16px !Important;
    }
    .box-details{
        padding: 0px 20px;
    }

.box-details .box-title{
    font-size: 30px !important;
}
   
    /*#mart-video .col-md-4{*/
    /*    padding-left: 0px;*/
    /*}*/
    .search-bar-res{
        margin-top:0px !important;
    }
  .ship-info-details{
    border: none;
    margin-bottom: 10px !important;
  }
  .shipping-dets{
    border: 1px solid #ddd !important;
    margin-top: 20px;
  }
}

.modal-body-popup{
  padding: 64px;
  padding-left: 0px;
  padding-right: 0px;
}
.colum7{
  padding-left: 20px;
  padding-right: 25px;
}


@media (max-width:992px){
    .mt-0-resp{
        margin-top: 0px !important;
    }
    .mobile-sidebar-widget .page-sidebar{
        height: 600px;
    overflow: auto;
    }
    .contact-page-side-content{
        padding: 20px;
    }
    
    .w-resp{
        width: 100% !important;
    }
    #productSelect{
     width: 100%;   
    }
    .mt-tn-resp{
        margin-bottom: 10px !important;
    }
    #user_address{
        margin-bottom: 10px !important;
    }
    .topPadd{
        padding: 20px 12px;
    }
    .flex-full-screen{
        margin-bottom: 20px !important;
    }
    .product-description-review-area {
        margin-bottom: 0px !important;
    }
    
    .ps-relative{
        position: relative;
    }
    .mean-nav{
        position: absolute;
    }
    .mobile-menu-wrapper {
        padding-bottom: 8px;
    }
    
  .left-Popup{
    border-right: none !important;
  }
  
}
@media (max-width: 460px){
   
  .popup-title{
    font-size: 20px;
  }
  .modal-body-popup{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

   /* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 1400px){
.container {
    max-width: 1300px !important;
}
}

.nav-active-li{
    color:green !important;
}

/*.small-gallery-sec{*/
/*    width: 125px !important;*/
/*}*/

.small-image-slider-wrapper .slick-list .slick-current  img {
  border: 1px solid #21543D!important;
  padding: 1px !important;
}

/*.small-image-slider-single-item img {*/
/*  width: 105px;*/
/*  height:105px;*/
/*}*/

#sort-form .spr-button-primary{
    border-radius: 5px !important;
}

.review-form{
    border: 2px solid #dadada;
    padding: 20px;
}
.spr-form-title {
    text-align: center;
}
.review-form hr{
    color: #a2a2a2 !important;
}

.spr-form-actions{
    text-align: center;
    border-radius: 5px;
}

.spr-form-actions .spr-button-primary{
    border-radius:5px !important;
}

.spr-review-header-title{
    margin-bottom: 0px !important;
}
.spr-review-header-byline{
    font-size: 12px;
    color: #afabab;
}
.spr-review-header{
    margin-bottom: 15px ;
}
.review-img img{
    height:80px;
    width:80px;
}


@media (min-width: 992px){
    
    .mt-top-resp{
        margin-top: 10px;
    }
    
    .d-nonemax{
        display: none;
    }
    .left-product-details{
        height: 50%;
        position: sticky !important;
        top:10%;
    }
    
    .order-lg-1{
        position: sticky !important;
        top: 0% !important;
        height: 50% !important;
    }
}

#filteredResponse .mx-auto{
    display: flex !important;
}

#loadMore{
    background: #21543D;
    color: #fff;
        padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
}
.loader-img{
    width: 11%;
}

.noUi-connect {
    background: #21543D !important;
}
.noUi-handle{
    border-radius: 50% !important;
}
.noUi-horizontal .noUi-handle {
    width: 25px !important;
    height: 25px !important;
    top: -11px !important;
}
.noUi-handle:after{
    display: none !important;
}

.noUi-handle:before {
    display: none !important;
}

.sidebar-price #price-range {
    height: 7px !important;
}

.review-boxes .gallery-container{
    gap: 12px !important ;
}
.spr-review .gallery-container{
    display: flex !important;
    gap:12px !important ;
}

.product-pagination .page-item {
    background-color: #21543D;
    color: #fff;
    border-radius: 5px;
}
.product-pagination .btn.disabled {
    opacity: 1.65 !important;
}

.page-link-next {
   color: #fff !important; 
}

.page-link-next{
    padding-left: 25px !important;
    padding-right: 25px !important;
}
.product-pagination ul{
    gap:10px !important;
}

.estimates-heading{
    font-size: 20px !important;
}

.input-password{
    position: relative;
}

.closeEye{
    position: absolute;
    right: 3%;
    top: 27%;
    font-size: 14px;
}

.closeEye-register{
    right: 9% !important;
}
.resend-otp{
    margin-bottom: 0px !important;
}
.Resend-timing {
    font-size: 16px;
    color: #21543D;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
}

.modal-dialog-otp{
    margin: 13.75rem auto !important;
}

.modal-dialog-otp .modal-footer{
    display: flex !important;
    justify-content: flex-start !important;
}

.button-resend{
    display: flex;
    align-items: end;
    justify-content: space-between;
    
}


#price{height: 45px}
.middle{position: relative;width: 100%;margin-top: 25px}
.slider{position: relative;z-index: 1;height: 5px;margin: 0 15px}.slider>.track{position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;border-radius: 5px;background-color: #ddd}.slider>.range{position: absolute;z-index: 2;left: 25%;right: 25%;top: 0;bottom: 0;border-radius: 5px;background-color: #36a31b}.slider>.thumb{position: absolute;top: 2px;z-index: 3;width: 20px;height: 20px;background-color: #36a31b;border-radius: 50%;box-shadow: 0 0 0 0 rgba(63, 204, 75, 0.705);transition: box-shadow .3s ease-in-out}.slider>.thumb::after{position: absolute;width: 8px;height: 8px;left: 28%;top: 30%;border-radius: 50%;content: '';background-color: #fff}.slider>.thumb.left{left: 25%;transform: translate(-15px, -10px)}.slider>.thumb.right{right: 25%;transform: translate(15px, -10px)}.slider>.thumb.hover{box-shadow: 0 0 0 10px rgba(125, 230, 134, 0.507)}.slider>.thumb.active{box-shadow: 0 0 0 10px rgba(63, 204, 75, 0.623)}input[type=range]{position: absolute;pointer-events: none;-webkit-appearance: none;z-index: 2;height: 10px;width: 100%;opacity: 0}input[type=range]::-webkit-slider-thumb{pointer-events: all;width: 30px;height: 30px;border-radius: 0;border: 0 none;background-color: red;-webkit-appearance: none}

.card-body-plant{
  padding: 0.5rem 0.5rem !important;
  font-size: 13px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.card-plant-title{
  font-size: 13px;
  margin-bottom: 0px !important;
}

.card-img{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

.card-img img{
  visibility: visible;
  opacity: 1;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pincode-checker-title .col-10{
  padding-right: 0px;
}
.pincode-checker-title .col-2{
  padding-left: 0px;
  padding-right: 0px;
}


.pincode-checker__button{
  background-color: #21543D;
  border: none;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* .pincode-checker__inputfield__input{
  padding-left: 10px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
} */

.pincode-checker__title{
  font-size: 14px;
  color: #323232;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 16px;
  text-transform: uppercase;
  margin-bottom: 0.8rem;
}

#accordionFlushExample{
  border: 1px solid #dadada;
  border-radius: 2px;
  padding: 0px;
}

.accordion-button{
  padding: 0.4rem 10px;
}
.accordion-button:not(.collapsed) {
  color: #000;
  background-color: #fff !important;
}
.accordion-button:focus{
  border-color: #fff !important;
  box-shadow: none !important ;
}

.accordion-button::after{
width: 1rem !important;
background-size : 1rem;
}

.accordion-flush .accordion-item .accordion-button{
  font-size: 16px !important;
      background: #fdfbf3;
}
.accordion-button img{
  width: 40px;
  margin-right: 15px;
}
@media(min-width: 992px){
  .description-left{
    position: sticky !important;
    height: 50%;
    top: 10%;
  }
  .variations{
    padding-right:0px
  }
  .left-product-details{
    position: sticky !important;
    height: 50%;
    top: 10%;
  }
}

.social-links li{
  display: flex !important;
  align-items: center;
}
.social-share-buttons ul li a {
  display: block;
  height: 40px;
  width: 25px;
  line-height: 40px;
  text-align: center;
}
.social-links label{
  /*border-bottom: 1px solid #d6c9c9;*/
  /*margin-top: 8px;*/
  font-size: 14px;
}

.social-share-buttons ul {
    gap: 20px;
    margin-bottom: 15px;
    display: flex;
}
.social-links i{
  font-size: 24px;
  margin-right: 5px;
}

.accordion-button-two{
  font-weight: 600;
}

.small-image-slider-wrapper--quickview .slick-arrow.slick-prev {
  left: -25px;
}
.small-image-slider-wrapper--quickview .slick-arrow.slick-next {
  right: -25px;
}

.slick-track{
  margin-left: 0 !important;
}

.smart-feature-sections{
  display: flex;
  align-items: center;
  gap: 10px;
}
.smart-feature-sections p{
  font-size: 14px;
  font-weight: 500;
}
.smart-feature-sections img{
      max-width: 50px;
    min-width: 50px;
    aspect-ratio: 1 / 1;
  
}

.products-right-slider .slick-prev {
  top: 40% !important;
  background-color: #fff;
}
.products-right-slider .slick-next  {
  top: 40% !important;
  background-color: #fff;
}

.products-right-slider .slick-next:hover{
  color: #000;
  background-color: #fff !important;
}

.active-card{
  border: 2px solid #21543D!important;

}

.variations .col-md-3{
  width: 20%;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.error-password{
    position: absolute;
    left: 5%;
    top: 100%;
    font-size: 12px;
}

.error-password-2{
   left: 0% !important; 
}

.invalid{
    font-size: 12px !important;
}

.login-form-1 .text-md-end{
    margin-top: 0px !important;
}

/*.card-body-plant{*/
/*    padding-top: 15px !important;*/
/*    padding-bottom: 15px !important;*/
/*}*/

.accordion-button-two{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.live-product-detail{
    font-size: 14px;
}
.live-product-detail a{
     color: #212529;
}


@media (min-width: 1400px){
    .big-image-slider-single-item img{
        aspect-ratio: 1/1;
    }
}






.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:8px !important;
}

.card-plant-title{
    height: 30px;
}
.filter-responsive{
    margin-right: 0px !important;
}
.filter-responsive{
    border: 1px solid #21543d;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 2px;
    /*background-color: #f0fff8;*/
}

#price-range-2 .noUi-connect{
    height: 5px !important;
}

#price-range-2 .noUi-target {
    border: none !important;
    box-shadow: none !important;
}
    
.confirm-password{
    position: relative;
}   

.confirm-password .invalid{
    position: absolute;
    left: 0;
    top: 100%;
}
.email-mobile{
 position: relative;
}

.email-mobile .error-password{
    left: 0% !important;
}

.generic_feature_list{
    height: 250px;
    overflow: auto;
}

#registerBtn{
    position: relative !important ;
}

#spin{
    position:absolute !important ;
    right: 11px !important ;
    top: 8px !important ;
}

.filter-content  label{
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

.sidebar-widget .title{
    font-size: 16px !important;
    margin-bottom: 0px;
    font-weight: 400 !important;
}
.text-right{
    text-align: right !important;
}

@media (max-width: 450px){
    .box .category-title a{
        font-size: 15px !important;
    }
    .headertop-dropdown-container .header-top-single-dropdown a{
       font-size: 13px; 
    }
    .follow-text{
        font-size: 13px;
    }
    .section-title h2{
        font-size: 23px;
        font-weight: 500;
    }
    .section-title img {
    max-width: 25px !important;
    margin-right: 10px !important;
}
    
    
    /*#carouselExampleIndicators{*/
    /*    height: 300px !important;*/
    /*}*/
    #carouselExampleIndicators img{
         /*height: 300px !important;*/
         aspect-ratio: 10/6;
     }
    .social-links label{
        font-size: 11px;
    }
    .social-share-buttons ul li a{
        width: 25px;
    }
    .social-share-buttons ul{
        margin-bottom: 0px;
        gap: 8px;
    }
}

@media  (max-width:478px){
    .icon-feature-wrapper .single-icon-feature__content{
        text-align: center;
    }
   .icon-feature-wrapper .single-icon-feature__icon{
        position: static !important;
        text-align: center;
    }
    .icon-feature-wrapper .single-icon-feature{
        padding-left: 0px;
    }   
    .icon-feature-wrapper .col-6{
        max-width: 50% !important;
    }
}

    @media  (max-width:390px){
        .product-review i {
            font-size: 15px !important;
        }
    }
    
    @media (max-width:360px){
        .follow-text {
            font-size: 12px;
     }
     .headertop-dropdown-container .header-top-single-dropdown a{
         font-size: 11px;
     }
    }
    
    .page-item{
        background: none !important;
        border: 1px solid #ccc;
        padding: 1px !important;
        color: black !important;
    }
    .page-item.active .page-link{
        background: none !important;
        border: 1px solid #ccc;
        color: black !important;
    }
    
    .page-link{
        border: none !important;
        background: none !important;
    }
    .page-item:hover{
        color: black !important;
    }
    .page-link:hover{
        color: black !important;
    }
    
    

.main-heading h5{
  font-size: 16px;
  font-weight: 500;
}
.phoneValidity{
  margin-top: 10px;
}

#avlQty{
  border-top: none;
  border-left: none;
  border-right: none;
}

.modal-dialog{
  max-width: 500px !important ;
}

.textInputContainer {
  position: relative;
  height: 44px;
  font-size: 14px;
  box-sizing: border-box;
  padding-top: 10px;
  border-radius: 4px;
  margin-bottom: 4px;
}
#coupon-input-field{
  padding: 10px;
  width: 100%;
  border: 1px solid #c3cec2;
}

.textInputContainer .couponsForm-applyButton {
  position: absolute;
  top: 23px;
  right: 16px;
  font-size: 14px;
  color: #21543D;
  font-weight: 700;
  letter-spacing: 1px;
}

.CouponSectionHeader {
  padding-left: 8px;
  color: #535766;
  text-align: left;
 
  padding-top: 10px;
    padding-bottom: 10px;
  background-color: #dadada73;
  
}

.couponsForm-base-moreOffers {
  font-size: 12px;
  font-weight: 700;
  padding-left: 12px;
}
.modal-body-offers{
  padding: 0px !important;
}

.coupon-base-expiredCoupon {
  color: #7e808d;
  border-color: #7e808d;
  letter-spacing: 1px;
}
.coupon-base-labelUnchecked {
  border: 1px dashed #282c3f;
  border-radius: 3px;
  padding: 10px;
  font-weight: 600;
}

.coupon-info-container span{
  color: #7e808d;
  font-weight: 600;
  font-size: 14px;
}
.modal-offers{
  top: 0% !important;
}
.coupon-base-checkBoxContainer input[type="radio"] {
  transform: scale(1.5);
  margin-right: 10px;
  border: #dadada !important;
}

.coupon-description{
  padding-left: 48px;
}

.modal-body-offers{
  overflow: auto;
  height: 500px;
}
.view-applicable-items i{
  font-size: 12px;
}

input[type="radio"]:checked + .custom-radio {
  background-color: #FF0000; 
}

.applynwbtn{
  background-color: #fff;
   color: #21543D;
    border: 1px solid #21543D;
     font-size: 12px;
}

.apply-coupon-header {
    background: #FDFBF3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #dadada;
}
.apply-coupon-header label{
    font-size: 16px;
}

.price-label{
  font-size: 19px;color: #878787;padding: 15px; border-bottom: 1px solid #dadada; padding-bottom: 8px; padding-top: 8px;
}    

.cart-product-quantity select{
    border: 1px solid;
    padding-left:14px;
}
.cart-order_detail {
    margin-top: 3%;
}
#forgotemail #user_email{
    font-size: 16px;
}

#register-link{
    border-radius: 3px !important;
}
#forgot-btn{
    border-radius: 3px;
    width: 30%;
}

#forgotemail .text-danger{
    position: absolute;
    top: 100%;
}
.modal-dialog-checkout{
    max-width: 750px !important;
}

.modal-dialog-order{
    max-width: 800px !important;
}

.select-danger{
    position: relative;
}

.select-danger .text-danger {
    position: absolute;
    top: 100%;
}

.blog-readmore-btn{
    background-color: #21543D!important;
    color: #fff !important;
}

.gallary_image_count{
    position: relative;
}

.gallary_image_count .fa-times{
    color: white;
    right: 8px;
    padding: 3px;
    font-size: 13px;
    position: absolute;
    top: 0px;
    background: #21543D;
    color: #fff;
}
.gallary_image_count img{
    width: 100%;
}

.section-title{
    display:flex;
    align-items: center;
}

.section-title img{
    max-width: 40px;
    margin-right: 15px;
}

.product-detail-content .rating {
    margin-bottom: 27px;
}

.faq-single .accordion-body{
    padding-bottom: 10px;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 27px;
}

.ratings-list .ratings-item{
    width: 90%;
}

.review-details h5{
    font-size: 16px;
}
.single-products-faq{
    padding-right:0px;
}

@media (min-width: 400) and (max-width: 576px){
   .variations .col-md-3{
       width: 25% !important; 
    }
}

.icon-feature-area {
    background: #dafbdd6b;
}

.product-short-desc p{
    font-size: 16px;
    line-height: 25px;
    color: #363636;
}
.footer-area .col-lg-12 p{
    font-size: 16px;
}
.colorattr{
    width: 1.3rem;
    height: 1.3rem;
}
.shop-header .single-select-block{
    border: 1px solid #21543d;
    padding-left: 10px;
    border-radius: 2px;
}
/***************************************    lighbox **********************************/

/*Light Box*/
.gallery-container {
    display: flex;
    flex-wrap: wrap;

    margin: 0 auto;
}
.gallery-item {
    flex-basis: 12.7%;
    margin-bottom: 6px;
    opacity: .85;
    cursor: pointer;
}
.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
}
.lightbox-content {
    position: relative;
    width: 50%;
    height: 50%;
    margin: 5% auto;
    text-align:center;
    top:10%;
}
.lightbox-content img {
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    width: 50%;
    height: 100%;
    object-fit: cover;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 45%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

@media (max-width: 767px) {
    #no-more{
        margin-top: 10px !important;
    }
    #afterloading{
        margin: 0px !important;
        padding: 0px !important;
    }
    .empty-cart-img  img{
        width: 200px !important;
        height: 200px !important;
    }
    .header-cart-icon{
        display: none;
    }
    .d-respnone{
        display:  none;
    }
    
    .variant-title{
        font-size: 14px !important;
        letter-spacing: 0px !important; 
    }
    
    .mb-sm-28{
        margin-bottom: 30px !important;
    }
    .faq-resp-mt{
        margin-top: 35px !important;
        margin-bottom: 30px !Important;
    }
    .resp-ten{
        margin-top: 10px !important;
    }
    .resp-margin-top{
            margin-top: 20px !important;
    }
    .row-resp-padding{
        padding: 8px !important;
    }
    .row-resp-padding .col-6{
        padding: 8px !important;
        margin-bottom: 0px !important;
    }
    .resp-padding-city{
        padding: 8px  !important;
    }
    .resp-padding .col-6{
        padding: 8px  !important;
    }
    .mt-20-resp{
        margin-top: 25px !important;
    }
     .mb-20-resp{
         margin-bottom: 20px !important;
     }
    
    .resp-padding{
        padding: 0px 10px !important;
    }
    .product-cart-button{
        margin-left: 0px !important;
        width: 100% !important;
        margin-top: 10px;
    }
    .burger-menu{
        border: none !important;
        width: 30px !important;
        height: 30px !important;
    }
    .full-banner-area {
        margin-bottom: 0px !important;
    }
     .split-banner-area   {
        margin-bottom: 10px !important;
    }
    .navigation-top-search-area{
        padding-top: 5px !important;
    }
    
    .navigation-top-search-area .logo img{
        width: 100px;
    }
    
    .mb-0-resp{
        margin-bottom: 0px !important;
    }
    .section-title-prd{
        margin-bottom: 20px !important;
    }
    .all-rivew-btn{
    padding: 7px 15px;
            line-height: 20px !important;
            font-size: 14px;
    }
    
    .review-heading-box h3{
        font-size: 20px;
        margin-top: 11px;
    }
    
    .product-details-feature-wrapper{
        padding: 0px !important;
        padding-bottom: 15px !important;
    }
    
    #Pincode-fields{
        margin-top: 10px !important;
    }
    
    .row-padding-resp{
        padding: 8px;
    }
    .ps-relative{
        background-color: #f0fff8;
    }
    .slider-single-post__content .post-meta {
        padding: 0px;
    }
    .offer-var-cart{
        margin-top: 20px;
    }
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 33%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        height:10%;
        margin: 20% auto;
    }
    .lightbox-content img{
        width:60%;
        height:200px;
    }
    .lightbox-prev,
   .lightbox-next {
    top: 100%;
  }
}

.top-bar-header{
    background-color: #21543D;
}
.bottom-bar-header{
    background-color: #FDFBF3;
}
#search_btn i{
    color: black;
}

/*Testimonial Section Section Start*/

.testimonial-item {
  background-color: #fff; /* White background */
  border-radius: 0px;
  padding: 20px;
  margin: 0 10px; /* Margin between items */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  border: 1px solid #eee; /* Light border */
  margin-top: 40px;
}

.testimonial-content {
  text-align: center;
}

.testimonial-content {
  text-align: center;
}
.testimonial-section .slick-slide {
  margin: 0 10px;
}
.testimonial-section

.testimonial-header img {

  position: absolute;
  top: -35px;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
  margin-right: 15px;
  width: 75px;
  height: 75px;
  margin: auto;
}

.testimonial-header h4 {
  font-size: 18px;
  color: #21543D;
  font-weight: bold;
}

.testimonial-content h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 5px;
  font-weight: bold;
}
.long-text-client{
    font-size: 16px;
}

.testimonial-content p {
  font-size: 16px;
  color: #666;
  height: 120px;
  overflow: auto;
  line-height: 26px;
}
.testimonial-header{
  margin-top: 35px;
}
.slick-dots li {
  display: inline-block;
}

.slick-dots li button {
  font-size: 0;
  background: none;
  border: none;
  padding: 0;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #d7d7d7;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slick-dots li.slick-active button {
  background-color: #21543D;
}

.slick-dots{
  text-align: center;
}

.testimonial-section .slick-dots{
  margin: 30px;
}
.modal-title-popup{
    font-size: 16px;
}

.dissmissed-popup{
    border: none;
    background: none;
    font-size: 25px;
}

/**/
    .item-card {
        border: 1px solid #ddd;
        border-radius: 5px;
        text-align: center;
        padding: 15px;
        margin-bottom: 2px;
    }
    .item-card img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }
    .price-addon {
        font-size: 1em;
        color: #000;
        margin-bottom: 0px !important;
        
    }
    .old-price {
           text-decoration: line-through;
    color: #777;
    font-size: 12px;
    margin-left: 8px;
    }
    .add-btn {
        background-color: #21543D;
        color: #fff;
        border-radius: 5px;
        font-size: 26px;
        padding: 0px 7px;
        line-height: 23px;
    }
    .price-details {
        margin-top: 20px;
        font-size: 1.2em;
    }
    .total-price {
        font-weight: bold;
        font-size: 18px;
    }
    
    .modal-dialog-single{
        max-width: 750px !important;
    }
    
    .addon-btm{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 10px;
    }
    .addon-title{
            margin-bottom: 5px;
    margin-top: 10px;
    min-height: 40px;
    }
    .footer-title{
        font-size: 16px;
        margin-top:4px;
    }
    .total-first{
        display: flex;
        flex-direction: column;
    }
     .total-first h6{
         margin: auto;
             font-size: 16px;
     }
     .total-first .productPrice{
         margin: auto;
     }
     .operators-none,.isequalOperator{
        display: flex;
        align-items: center;
     }
     .operators-none span{
         font-size: 28px;
     }
     
     .addOnPrice{
             display: flex;
    flex-direction: column;
    justify-content: center;
     }
     .addOnPrice h6{
         font-size: 16px;
         margin: auto;
     }
     .addOnPrice .rupee_sign{
          margin: auto;
     }
     .isequalOperator span{
         font-size: 28px;
     }
     .total-addon-price{
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
     }
     .total-label{
         font-size: 16px;
             margin-bottom: 5px !important;
     }
     
     .Add_on_popup{
    background: #21543d;
    padding: 6px 10px;
    margin: auto;
    border: none;
    border-radius: 4px;
    margin-top: 7px;
    width: 100%;
     }
     
    .filter-content .card-body {
        margin-left: 15px;
    }
/*Testimonial Section Section end*/


/* Cart Main Start */
      .cart-main{
            width: 100%;
            height: 100vh;
            background-color: #F5F5F5;
        }
        .group-header-container {
    padding: 16px 0;
    /*background: #fff;*/
    border: 1px solid #ebebeb;
}

.cart-header-title {
    padding: 0;
    color: #222;
    font-weight: 500;
    padding-left: 15px;
    font-size: 24px;
}
.cart-summary-title {
    color: #222;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
}
.cart-summary {
    position: relative;
    padding: 16px 24px;
    background-color: #fff;
}

.details-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.details-title p{
    margin-bottom: 10px;
}

.details-title-total p{
    font-weight: 700;
}

.total-amt{
    font-size: 20px;
}

.checkout-btn button{
    background-color: #FD384F;
    color: #fff;
    font-size: 16px;
    width: 100%;
    padding: 10px 0;
    border-radius: 22px;
    border: none;
    font-weight: 600;
}
.cart-icons-title {
    color: #222;
    font-size: 18px;
    font-weight: 700;
}
.cart-icons {
    margin-top: 8px;
    padding: 16px 24px;
    background-color: #fff;
}
.cart-icons-list-mode img{
   height: 24px;
    margin-right: 10px;
}
.cart-icons-line {
    margin: 16px 0;
    height: 1px;
    background-color: #f5f5f5;
}   

/*.group-container {*/
/*    margin-top: 8px;*/
/*    padding: 0 24px;*/
/*    background: #fff;*/
/*    border-radius: 4px;*/
/*}*/

.group-container {
    margin-top: 8px;
    padding: 10px 24px;
    /*background: #fff;*/
    /*border-radius: 4px;*/
    border: 1px solid #ebebeb;
}

.cart-product-image img{
    width: 100%;
    aspect-ratio: 1/1;
}
.cart-product-name-img a{
    text-decoration: none;
    color: #333;
    font-size: 18px;
}
.product-price p{
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

.comet-v2-input-number-btn {
    width: 24px;
    height: 24px;
    /* background-color: #f5f5f5; */
    background-color: #F5F5F5;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 100%;
    cursor: pointer;
}
.comet-v2-input-number-input {
    margin: 0 4px;
    height: 24px;
    width: 32px;
    background-color: #fff;
    background-color: var(--color-white, "#fff");
    border: none;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    outline: 0;
    color: #191919;
    color: var(--color-grey-5, #191919);
    font-weight: 700;
}
.comet-v2-input-number {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #222;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: "tnum", "tnum";
    font-feature-settings: "tnum", "tnum";
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.price-qty{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    
}
.price-qty p{
    margin-bottom: 8px;
}
.cart-product-ship-item{
    display: flex;
    gap: 2px;
}
.cart-product-ship-item p{
    margin-bottom: 0px;
    font-size: 12px;
    color:#01A971;
}
.cart-product-ship-item img{
    width: 16px;
}
.prod-name-two{
    font-size: 16px;
}

.fw-6{
    font-weight: 600;
}
.icon-trash-addon{
    display: flex;
    justify-content: space-between;
}
/*.left-addon-img{*/
/*    padding-right: 5px; max-width: 100px;*/
/*}*/
.offer-var-cart{
    width: 100%;
    /*background-color: #fff;*/
    border: 1px solid #ebebeb;
}

/*Offer*/
.card--grey{
    border: none !important;
    border-radius: 0px !important;
}
.progress {
    height: 8px;
    border-radius: 20px;
    background-color: #e0e0e0;
    position: relative;

}

.progress-bar-custom {
    height: 8px;
    background-color: #21543D;
    border-radius: 20px;
    position: absolute;
}

.progress-bar-cart{
    position: relative;
}

.disc_price{
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-top: 5px;
}
.offer-heading{
    text-align: center;
    letter-spacing: .5px;
}

.disc_icon{
    margin-bottom: 0px;
    background: #ececec;
    border: 2px solid;
    width: 35px;
    height: 35px;
    padding: 3px;
    border-radius: 50%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.disc_short_msg{
    text-align: center;
    line-height: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.disc_short_msg span{
    font-size: 10px;
    font-weight: 700;
}

.active-bar .disc_icon {
        background: #21543D;
}
.active-bar i{
    color: #fff;
}

.disc_icon .fa-lock{
    color: red;
}

.discount-button {
    width: 100%;
    display: inline-block;
    background: linear-gradient(90deg, #21543D, #21543D);
    border-radius: 25px;
       padding: 10px 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: white;
    text-align: center;
    position: relative;
}

.group-offer{
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    bottom: 23px;
}

.coupon-code {
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px dashed white;
    border-radius: 15px;
    padding: 5px 10px;
    margin-left: 10px;
}

.discount-button img{
    width: 25px;
}
     
     
.full-width-bar {
    background-color: #21543D;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.order-box {
    border: 1px solid #dddddd;
    border-radius: 5px;
    background: #fff;
}
.order-details-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-products-description span {
    font-weight: 600;
}
.order-products-description{
    margin-bottom: 0px;
}
.delivery-status-new {
    background-color: #21543D;
    color: #fff;
    margin-bottom: 0px !important;
    padding: 10px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-bottom: 0px;
}
.order-details-heading h2{
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1;
}
.orders-descriptions-title h3{
    font-size: 20px;
}
.order-details-amount {
    display: flex;
    align-items: center;
    justify-content: space-between;
} 
.details-amount-sec h4{
    font-size: 16px !important;
    font-weight: 400 !important;
}

.order-addon-title{
    margin-bottom: 0px !important;
}
.full-width-bar .fa-download{
    margin-left: 10px;
}
.fs-12{
    font-size: 12px;
}

.brdr-bottom{
    border-bottom: 1px solid #dadada;
}
@media (min-width: 767px){
   .orders-descriptions-fs{
       font-size: 14px;
       margin-bottom: 5px !important;
   }
    .sticky-add-to-cart button{
        display: none;
    }
    .bottom-nav {
        display: none !important;
    }
    .padding-container{
            padding: 0px 10px;
    }
    .initial-resp{
        display: none;
    }
    /*   .hero-slider-item-wrapper {*/
    /*    height: 70vh;*/
    /*}*/
    
    .hero-slider-item-wrapper img {
        height: 100%;
    }
}
@media (max-width: 766px){
    .btnSts{
        margin-top: 5px;
    }
    .orders-descriptions{
        margin-top: 10px;
    }
    .btns-resp-margin{
        margin-top: 0px !important;
    }
    .margin-resp-city {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .resp-padding-city .col-6{
        padding: 8px !important;
        margin-top: 0px;
    }
    .mobile-sidebar-widget .filter-content .card-body{
        margin-left: 0px;
    }
    
    .hero-slider-wrapper .slick-dots li button{
        width: 7px;
        height: 7px;
    }
    
    .hero-slider-wrapper .slick-dots{
        height: 17px;
    }
    
    
    .delivery-status-new{
        margin-left: 4px;
    }
    .none-resp{
        display: none;
        
    }
    .initial-resp .order-details-heading{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
                margin-top: 10px;
    }
    .initial-resp h3{
        margin-top: 10px;
    }
    .initial-resp h2{
        margin-top: 10px;
    }
    .delivery-status-new{
        font-size: 10px;
    }
    .delivery-status-new{
        margin-left: 0px !important;
            padding: 8px 6px;
    }
    .initial-resp{
        padding: 0px;
    }
    .addOnImg-order-success{
        width: 30% !important;
    }
    .order-details-heading h2{
        font-size: 16px;
    }
    .orders-descriptions-title h3{
        font-size: 16px;
    }
    .quote-plant{
            padding: 20px 20px !important;
    }
    .testimonial-section .slick-dots{
        margin: 0 !important;
        margin-top: 12px !important;
    }
}

.hero-slider-item-wrapper img {
    width: 100%;
    /*aspect-ratio: 10 / 4;*/
}

.quote-plant{
    padding: 0px 20px;
}
.weight_pro{
    margin-right: 10px;
}


/*.row-weight {*/
/*    border: 1px solid #929292;*/
/*    margin-left: 1px;*/
/*    margin-right: 1px;*/
/*    padding: 15px;*/
/*}*/


/**/
.radio-group-product {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.radio-group-product input[type="radio"] {
    display: none;
}

.radio-group-product label {
    padding: 7px 17px;
    border: 1px solid #00473E; /* Dark green border color */
    border-radius: 3px;
    cursor: pointer;
    /*font-family: sans-serif;*/
    font-size: 14px;
    color: #00473E;
    transition: background-color 0.3s, color 0.3s;
}

.radio-group-product input[type="radio"]:checked + label {
    /*background-color:#21543D;*/
    border: 2px solid #21543D;
    color: #21543D;
}

.color-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.color-radio-group input[type="radio"] {
    display: none;
}
.color-radio-group input[type="radio"]:checked + label {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1), inset 0 0 0 0px white;
}
.color-radio-group {
    display: flex;
    gap: 10px;
}

.color-radio-group label {
    width: 30px;
    height: 30px;
    border: 2px solid #00473E; /* Dark green border color */
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: box-shadow 0.3s;
}

/*.color-radio-group label::after {*/
/*    content: attr(data-price);*/
/*    position: absolute;*/
/*    bottom: 120%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background-color: #333;*/
/*    color: #fff;*/
/*    padding: 5px;*/
/*    border-radius: 5px;*/
/*    font-size: 12px;*/
/*    white-space: nowrap;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    transition: opacity 0.3s;*/
/*}*/

.color-radio-group label:hover::after {
    opacity: 1;
}

 .image-upload {
    display: flex;
    align-items: center;
}
.image-upload img {
    margin-left: 10px;
    width: 75px;
    height: 75px;
}

.btn-sub{
    background:#21543D;
    color: #fff;
    padding: 5px 30px;
}
.long-text-client{
    line-height: 24px;
}

.price-card {
        border: 1px solid #ddd;
            padding: 8px 20px;
        margin-bottom: 15px;
        display: flex;
            border-radius: 3px;
        align-items: center;
        justify-content: space-between;
    }
    
    .product-price-offer {
        font-size: 20px;
        font-weight: 500;
    }
    
    .store-button {
        background-color: #21543D;
        color: white;
        font-size: 12px;
         padding: 8px 10px;
        border-radius: 5px;
        text-decoration: none;
        display: inline-block;
    }

    .store-button:hover {
            background-color: #333;
        text-decoration: none;
        color: white;
    }

    .offer-count {
        color: #888;
        font-size: 14px;
        margin-top: 5px;
        border: none;
        background: none;
    }

    
/*.ht-slick-slider-main {*/
/*    display: none;*/
/*}*/
.ht-slick-slider {
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.ht-slick-slider.slick-initialized {
    visibility: visible;
    height: auto;
    overflow: visible;
}

.long-text-client{
    height: 200px ;
    line-height: 30px;
    overflow: auto;
    padding: 0px 5px;
}

.long-text-client::-webkit-scrollbar {
  width: 10px;
  background:#92c398;
}
.long-text-client::-webkit-scrollbar-thumb {
  background: #dadada;
}

.main-rivew{
    display: flex; align-items: center; justify-content: space-between;
}
.rating .point{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #a6a6a6;

}

.for-reviews{
    margin-bottom: 10px;
        color: #a6a6a6;
        font-size: 11px;
        
}

.sub-menu .menu-item-has-children{
   border-bottom: 1px solid #ededed;
}


.catalogue img{
    max-width: 100%;
}         
.box-details  .box-title{
    font-size: 36px;
    font-weight: 300;
}

.box-list {
    list-style: disc;
    margin-left: 20px;
    margin-top: 20px;
}
.box-list li {
    margin-top: 10px;
    font-size: 18px;
}

@media (min-width: 767px){
    
    .navigation-top-search-area .logo img{
            width: 140px;
    }
    
    .flex-full-screen{
        display: flex;
        align-items: center;
    }
    
    .category-area  .col-lg-3{
      padding-left: 7.5px !important;
      padding-right: 7.5px !important;
    }
    .box-details{
        padding: 0px 50px;
    }
}

.offer-list-1 #offer-list-1{
    padding: 10px;
}

#offer-list-1 li{
    margin-top: 10px;
}

#offer-list-1 ul {
    border: 1px solid #929292;
    padding: 10px;
    border-top: none;
}

.offer-faq {
        padding: 0;
    /*padding-left: 5px;*/
}

.discount-amount-faq{
     font-size: 14px;
    text-decoration: line-through;
    color: #c4c4c4;
    margin-left: 5px;
}

.for-star{
    font-size: 18px;
    color:#e9c912;
}

#rating-value {
    font-size: 22px;
}

.for-star-wrapper{
  padding: 10px 0px 20px 0px;
  text-align: center;
}

.testimonial-content p{
    padding: 0px 15px;
}
.testimonial-content p::-webkit-scrollbar {
     width: 10px;
  background:#92c398;
}

.testimonial-content p::-webkit-scrollbar-thumb {
  background: #dadada;
}


/* Tooltip container */
.tooltip-container {
    position: relative;
    display: inline-block;
    text-align: center;
}

.tooltip-content p{
    margin-bottom: 5px;
}

/* Tooltip content (hidden by default) */
.tooltip-content {
    visibility: hidden;
    width: 300px;
    color: #000000;
    text-align: left;
    border-radius: 6px;
    padding: 8px 8px 3px;
    position: absolute;
    background: #d8ffee;
    z-index: 1;
    top: 100%;
    border: 1px solid #21543d;
    left: -80%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow (pointing upwards now) */
.tooltip-content::after {
    content: "";
    position: absolute;
    bottom: 100%; /* Position arrow at the top of the tooltip */
    left: 80%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #21543d transparent;
}

/* Show tooltip on hover */
.tooltip-container:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}


.main-menu{
    position: relative;
}

.item-four{
    position: initial !important;
}

.checkout-dets-one{
    font-size: 20px; font-weight: 600; color: #212529;
}
.checkout-dets-two{
    display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d7d7d7;
    
}
#billing-form{
    border:1px solid rgb(172, 170, 170);padding:20px;border-radius: 3px;
}
.checkout-dets-three{
    font-weight: 500; color: #212529; font-size: 17px;
    
}
.price-dets{
    font-weight: 500; font-size: 17px;
}

.amount-price{
    margin-top: 15px; font-weight: 500; font-size: 17px;
}
.discountamount{
    margin-top: 15px; font-weight: 500; font-size: 17px;
}

.totalCalculate{
    font-weight: 500; font-size: 17px;
}

#shipping-form{
    border:1px solid rgb(172, 170, 170);padding:20px; border-radius: 3px;
}

.price-head{
    font-size: 20px;
}


.main-child-mb{
    margin-bottom: 20px;
}
.four-column .main-child-mb{
    margin-bottom: 9px;
}

.notify-contact {
    width: 100%;
    padding: 8px 5px;
    border-radius: 2px;
    border: 1px solid #505050;
}

.notify-btn{
    padding: 6px 0px;
    border-radius: 2px;
    margin-top: 7px;
    background: #21543d;
    width: 100%;
    color: #fff;
    border: none;
}

/* Container styling */
.notify-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Input field animation */
.animated-input {
  padding: 10px;
  font-size: 16px;
  border: 2px solid #ccc;
  border-radius: 4px;
  outline: none;
  transition: border 0.3s ease;
  width: 100%;
  box-sizing: border-box;
      border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Button styling */
.notify-btn {
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #2f5d39;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  animation: pulse 2s infinite;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notify-btn:hover {
  background-color: #26532b;
}


/* Focus effect for input */
.animated-input:focus {
  border-color: #3cb371;
  box-shadow: 0 0 8px rgba(60, 179, 113, 0.5);
}

.enquiry-btn {
    margin-left: 10px;
    line-height: 40px;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 3px;
    color: #050505;
    /*margin-left: 5px;*/
    background:#f0fff8;
    border: 2px solid #21543d;
}

.gift-section {
    padding: 20px 10px;
    /*background: #fff;*/
    border: 1px solid #ebebeb;
}

#gift-checkbox{
    width: 1rem;
    height: 1rem;
}

.gift-checkbox{
        display: flex;
    align-items: center;
    gap: 10px;
}
.mobile-sidebar-widget{
    padding: 0px;
    position: fixed;
}

.sidebar-widget-header{
    margin: 0px;
    background: #347256;
}

.sidebar-widget-title{

    font-size: 18px;
}

.sidebar-widget-header #closeIcon{
    color: #fff;
}
.sidebar-widget .fa-arrow-left{
        font-size: 17px;
    color: #fff;
}

.sidebar-widget-header .sidebar-widget-title{
    margin-top: 0px;
}

.filter-content .card-body{
    background-color: #f0fff800;
}


.noUi-target{
    background:#d9d9d9 !important;
}

.apply-filter-btn{
    position: absolute;
    bottom: 0px;
    color: #fff;
    border: none;
    left: 0%;
    font-size: 16px;
    width: 100%;
    padding: 12px;
    background: #21543D;
}
.fs-18{
    font-size: 18px;
}

.box-details .title{
    font-size: 40px;
}

.box-details ul li{
list-style: disc;
margin-top: 10px;
font-size: 18px;
}
.box-details ul{
    margin-left: 21px;
}
.fa-bell{
    margin-right: 10px;
}

.footer-whatsapp img{
        width: 60px;
    height: 60px;
    line-height: 42px;
    left: 25px;
    text-align: center;
    color: #ffffff;
    font-family: "Ionicons";
    position: fixed;
    right: 30px;
    bottom: 40px;
    z-index: 999;
    border-radius: 50%;
    border: none;
}

.filter-header {
    background-color: #21543D;
    padding: 10px;
    color: #fff;
}
.non-clickable {
    pointer-events: none; /* Disables clicking */
    opacity: 0.5; /* Fades the element */
    cursor: not-allowed; /* Changes the cursor to show it's disabled */
}

.non-clickable:hover {
    opacity: 0.5; /* Keeps it faded even on hover */
}

.out-off-stock-prd{
        padding: 4px 10px;
    font-size: 14px;
    border-radius: 3px;
    font-weight: 500;
    background: red;
    position: absolute;
    color: #fff;
    border: none;
    z-index: 99;
    top: 10px;
    right: 10px;
}
.resp-slider {
    display: none;
}
#no-more {
    margin-top: 15px;
}


/* Mega Menu  */


      /*.menu-container {*/
      /*  position: relative;*/
      /*}*/

      .burger-menu {
        /*background-color: #800000;*/
        cursor: pointer;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        border: 1px solid #e5e5e5;
        margin-left: 5px;
      }

      .menu-icon, .close-icon {
        font-size: 27px;
        color: black;
        font-weight: 100;
      }

     .menu-content {
  position: fixed; /* Change to fixed to ensure it stays in place */
  top: 0;
  right: 0; /* Open from the right */
      background-color: #FDFBF3;
  width: 300px;
  height: 100vh;
  transform: translateX(100%); /* Hide initially off-screen to the right */
  transition: transform 0.3s ease;
  z-index: 1001;
  box-sizing: border-box; /* Ensure padding is included in width */
}

.menu-content.open {
  transform: translateX(0); /* Slide in from the right */
}


.has-submenu{
    font-weight: 600;
}
      .menu-list {
        list-style-type: none;
        padding: 0;
        margin: 0;
      }

      .menu-list li {
        padding: 15px 10px;
        border-bottom: 1px solid #f0f0f0;
        cursor: pointer;
        position: relative;
      }
     

      .menu-list li span {
        display: flex;
        align-items: center;
            justify-content: space-between;
    font-size: 16px;
    font-weight: 500;
    /*text-transform: uppercase;*/
      }

      .submenu {
        display: none;
        padding-left: 15px;
      }

      .submenu li {
        border: none;
        padding: 3px 0;
        text-align: left;
      }

      .close-icon {
        display: none;
        position: absolute;
        top: 22px;
    right: 8px;
        font-size: 33px;
        cursor: pointer;
      }

     
      /*.menu-list li > span.has-submenu::after {*/
      /*  content: '\25B6';*/
      /*  position: absolute;*/
      /*  right: 10px;*/
      /*  font-size: 12px;*/
      /*  transition: transform 0.3s ease;*/
      /*}*/

     .menu-list li > span.has-submenu.active i {
    transform: rotate(90deg);
    transition: transform 0.3s ease; /* Optional for smooth rotation */
}

      /* Background overlay-menu */
      .overlay-menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000; /* Below the menu but above other content */
      }

      .overlay-menu.active {
        display: block;
      }
      
      .sidebar-widget-dsktp{
          background: #fdfbf3;
      }
      .card-body-dsktp{
          background: #fdfbf3 !important;
      }
      #filter-form{
          border: 1px solid #ededed;
      }
      .sidebar-widget-dsktp .card-header{
              padding: 18px 15px !important;
      }
      
      .dsktp-title{
          font-weight: 400;
          font-size: 16px;
      }
      
      /*All city*/
      
      .plant-card {
      border: 1px solid #ddd;
      border-radius: 0px;
      padding: 20px;
      font-size: 16px;
      text-align: center;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      transition: transform 0.2s;
    }

    .plant-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    }
     
    .description-city h2{
            font-weight: 400;
    padding: 10px 0px;
    }
    
    .category-title-city {
    position: relative;
    text-transform: capitalize;
    font-family: 'Outfit', sans-serif;
    font-size: 30px;
    margin-bottom: 0px;
    color: #1A1B18;
    font-weight: 400;
    line-height: 27px;
    font-family: 'Outfit', sans-serif;
    }
    .category-card img {
      width: 100%;
      height: auto;

    }
    .category-card {
      border: none;
      text-align: center;
      background: #ffffff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
    .category-card h5 {
        padding: 15px 0px;
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 0px;
    }
    .filter-buttons button {
        margin: 5px;
        margin-bottom: 15px;
        background-color: #ffffff;
        border-radius: 0px;
        padding: 10px 5px;
        width: 15%;
        /* color: #3b7d3b; */
        border: 2px solid #3b7d3b;
}
    .filter-buttons button:hover {
      background-color: #3b7d3b;
      color: #ffffff;
    }
    
    .bg-color-light{
        background-color: #f0fff8;
    }
    
    .feature-title-city{
        font-size: 18px !important;
    }
    
    .box_Tag{
        min-height: 60px;
    background: #fff;
    text-align: center;
    box-shadow: 0px 1px 5px #00000029;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;


    }   
    .feature-title{
        font-size: 16px !important;
    }
    .faq-right-title{
        font-size: 16px;
        line-height: 21px;
    }
    
    .description-city p{
        line-height: 28px;
    font-size: 16px;
    }
    
    .br-right{
        border-right: 1px solid #f0f0f0;
    }
    
    .terms_content p{
        font-size: 16px;
        line-height: 28px;
    }
    
    .bottom-nav {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #ddd;
        z-index: 999;
    }
    .nav-item {
        /*flex: 1;*/
        text-align: center;
    }
    .nav-item .nav-link {
        color: #888;
        font-size: 14px;
        transition: color 0.3s ease;
        padding-bottom: 6px;
    }
    .nav-item .nav-link.active {
        color:#21543D;
    }
    .nav-item .nav-link i {
        font-size: 18px;
    }
    
    .single-icon-feature__content{
        
    }
    
    .small-image-slider-single-item img{
            aspect-ratio: 1 / 1;
            /*width: 150px !important;*/
    }
    .mt-35{
        margin-top: 35px !important;
    }
    #disclamer {
    line-height: 21px;
    font-size: 14px;
    font-weight: 300;
        color: #363636;
}
    
    .category-title a{
        font-family: "Poppins", serif !important;
        font-size: 16px;
    }
    .header-profile{
        padding: 0px 8px;
        text-align: center;
    }
    .header-cart-icon {
         padding: 0px 8px;
    }
    .header-profile i{
        font-size: 18px;
            
    }
    #small-cart-trigger i{
        font-size: 21px;
    }
    
    .cart-counter {
        display: flex;
    align-items: center;
    justify-content: center;
    }
    .fs-14{
        font-size: 14px;
    }
    .mb-21{
      margin-bottom: 22px ;
    }
    .single-footer-widget li{
        list-style: none;
        margin: 10px 0px;
        font-weight: 300;
    }
    
    /*.single-select-block{*/
    /*    background-color: #f0fff8;*/
    /*}*/
    
    /*#sortby{*/
    /*    background-color:#f0fff8;*/
    /*}*/
    
    .variant-title{
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .8px;
        text-transform: uppercase;
    }
    .product-cart-button{
        width: 45%;
    }
    .product-description p{
        font-size: 16px;
    }
    
    .all-rivew-btn{
        border-radius: 3px;
    }
    
    .delivery-after{
        margin-bottom: 5px !important;
    }
    .mt-sm-25{
        margin-top: 25px !important;
    }
    .addon-Img img{
            aspect-ratio: 1 / 1;
    width: 90%;
    }
    
    .checkout-scard .card-text{
        font-size: 16px;
    }
    
    .card-body-thankyou{
            background-color: #f0fff8;
    }
    
    .order-img img{
        width: 100%;
    }
    
    .select-field #pincode {
        border-radius: 0px;
        border: 1px solid #999999;
    }
    #user_address{
        border-radius: 0px;
        border: 1px solid #999999;
    }
    #select2-phonecode-container{
        border: 1px solid #ebebeb !important;
    }
    #profilePic{
        height: 44px;
        border-radius: 0px;
    }
    .borderbtm-none{
        border-bottom: none;
    }
    
    .sticky-add-to-cart {
    position: fixed;
    bottom: 55px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    width: 100%;
    max-width: 400px;
    text-align: center;
}


.sticky-add-to-cart button {
    width: 100%;
    padding: 15px 20px;
    background-color: #21543D;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    /*border-radius: 8px;*/
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s, box-shadow 0.3s;
    /*animation: glow 2s infinite ease-in-out;*/
}

.sticky-add-to-cart button:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
}

.psrelative{
    position: relative !important;
}

.mobileCount {
        position: absolute;
    top: 2px;
    right: 3px;
    background: #21543d;
    padding-bottom: 1px;
    border-radius: 50%;
        height: 1rem;
    width: 1rem;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
}

.menu-content img{
    width: 100px;
}
.sub-sub-menu li{
    padding: 10px 0;
}

.mobile-sidebar-widget .sidebar-widget .filter-content .card-body{
        padding: 0px 20px;
}

@media (max-width: 767px){
    
    .item-card{
        padding: 8px;
    }
    
    .respSticky{
        position: sticky;
    top: 0;
    z-index: 999;
}

    .Add_on_popup{
            padding: 10px 10px;
    }
    
    .modal-dialog-single .modal-body{
        padding-top: 6px;
        padding-bottom: 6px;
    }
    
    .footer-logo img{
            width: 150px;
    }
    .avg-rating-container{
        margin-bottom: 0px !important;
    }
    .ratings-list .ratings-item{
        width: 95%;
    }
    .product-review i{
        margin-bottom: 0px !important;
    }
    .social-share-buttons ul li {
            margin-right: 7px;
    }
    .product-details-area {
        margin-bottom: 5px !important;
    }
    .cart-icon a{
        font-size: 14px;
    }
    .product-price--big .discounted-price{
        font-size: 26px !important;
    }
}
.row-paddingaddOn{
        padding: 4px !important;
    }
   
.none-resp{
    margin-bottom: 0px !important;
}
#addOnModel .col-md-3{
    padding: 8px;
}
.myaccount-tab-menu  a i{
    margin-right: 10px;
}

.single-contact-block i{
    margin-right: 5px;
}
.contact-page-message {
    font-size: 16px;
        line-height: 25px;
}

.about-page-text p{
    font-size: 16px !important;
}
.carrer11 p{
    font-size: 16px;
    line-height: 30px;
}

.ChatBtn{
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 2px;
    border: 1px solid;
}

.ChatBtn:hover {
    background-color: #21543D;
    color: #fff;
}

.ChatBtn-dctr{
   padding: 12px 15px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 2px; 
    background-color: #21543D;
    color: #fff;
    border: 1px solid #21543D;
}

.trust-icon i{
    font-size: 30px;
    margin-bottom: 10px;
}
.trust-title {
    font-size: 18px;
        color: #8b4c2a;
}
.trust-card p {
    font-size: 16px;
    line-height: 28px;
    max-height: 140px;
    padding: 0px 5px;
    overflow: auto;
    
}

.trust-card p::-webkit-scrollbar{
    width: 8px
}

.trust-card p::-webkit-scrollbar-track {
    background: #f0f0f0; /* Track color */
    border-radius: 4px;
}

.trust-card p::-webkit-scrollbar-thumb {
    background-color: #888; /* Scrollbar thumb color */
    border-radius: 4px;
    border: 2px solid #f0f0f0; /* Creates padding around thumb */
}
.fs-18{
    font-size: 18px;
}
.trust-card {
            padding: 15px 10px;
    box-shadow: 1px 1px 6px 1px #efefef;
    background: transparent !important;
    border: 1px solid #dadada;
}
.left-plantText{
    font-size: 16px;
    line-height: 30px;
}

.box-consultant{
        box-shadow: 1px 1px 6px 1px #efefef;
        max-width: 130px;
    padding: 10px 50px;
}

.form-control-height{
    height: 45px;
        background: #f0fff8;
}

.quote-form {
        background-color: #f8f9fa99 !important;
    width: 50%;
    padding: 30px !important;
}

.btn-sub-form{
    padding: 10px;
      background-color: #21543D;
      color: #fff;
    
}
.hero-content p{
    font-size: 16px;
}

.txt{
    line-height: 25px;
}
.text-area-frm{
    width: 100%;
    border: none;
    background-color: #FDFBF3;
        border: 1px solid #ced4da;
}

.noUi-connects{
        width: 98% !important;
}
.noUi-base{
    width: 97% !important;
}

.pincode-checker__inputfield__input {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #dadada;
    background-color: transparent;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.product-image{
    aspect-ratio: 1/1;
}
#passwordCheck{
    border: none;
}
.myaccount-content .welcome p{
    font-size: 18px;
}
.myaccount-content .fs-16{
    font-size: 16px;
    line-height: 24px;
}
.fs-16-title{
    font-size: 16px;
}
.fs-14{
    font-size: 14px;
}

.left-img img{
    max-width: 100%;
}

.title-right{
    font-size: 30px;
}

.rightBlock p{
        font-size: 16px;
    line-height: 28px;
}
.rightBlock ul {
    list-style: disc;
    line-height: 26px;
    font-size: 16px;
    padding-left: 8px;
}

.bg-image {
    height: 78vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: right;
}

.header-profile{
        display: flex;
    flex-direction: column;
    gap: 1.5px;
}

#select2-phonecode-container{
    padding: 7px;
}
@media (max-width: 576px){
    
    .mt-15-sm{
        margin-top: 15px !important;
    }
    
    .mb-0-sm{
        margin-bottom: 0px !important;
    }
    
    .mt-0-sm{
        margin-top: 0px !important;
    }
    .pt-0-sm{
        padding-top: 0px !important;
    }
    .paddCustom{
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .smart-feature-sections{
            padding-left: 0;
    }
    
    .product-double-row-slider-wrapper .slick-slide{
        margin: 0 7px;
    }
    
    .hero-slider-wrapper .slick-dots{
        bottom: 8px !important;
    }
    
    .product-title a{
        font-size: 14px;
    }
    .about-page-text {
        line-height: 30px !important;
    }
    .quote-form{
            padding: 30px !important;
    }
}


#caller_inquiry{
    font-size: 1rem;
    padding: 9px;
}

.pt-5x{
  padding-top: 5px !important;  
}
.pb-5x{
    padding-bottom: 5px !important;
}

.social-share-buttons ul li .for-share-btn{
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-profile:hover{
    color: #333;
}

.tooltip-content p{
    margin-bottom: 7px;
}
.form-control{
    background-color: transparent;
}
.form-control:focus{
    box-shadow: none;
    /*border-color: 1px solid #999999 !important;*/
         border-color:  #999999 !important;
}
.pincode-checker__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.pincode-checker__button img{
    width: 20px;
}

.btn-primary:focus{
    box-shadow: none !important;
}
.btn:focus{
    box-shadow: none !important;
}
.clr-Wht{
    color: #FFF;
}


.indicator-inactive::before,
.indicator-inactive::after {
  content: "";
  position: absolute;
  top: 13px;
  left: 50%;
  width: 100%; /* Adjust thickness of the cross */
  height: 1px;
  background-color: #ccc; /* Match border color */
  transform: translateX(-50%) rotate(45deg);
}

.indicator-inactive::after {
  transform: translateX(-50%) rotate(-45deg);
}

.indicator-inactive-box{
    position: relative;
}

.indicator-inactive-box::before, .indicator-inactive-box::after {
    content: "";
    position: absolute;
    top: 16px;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #ccc;
    transform: translateX(-50%) rotate(14deg);
}

.indicator-inactive-box::after {
    transform: translateX(-50%) rotate(-15deg);
}

#profilePic{
    padding-top: 9.5px;
}

.fw-bold{
        font-weight: bold;
}

.CommonClass{
        font-size: 16px;
    font-weight: 500;
}

.detailsBrdr{
       border: 1px solid #dadada;
    margin-bottom: 10px ! IMPORTANT;
    border-radius: 5px;
}

.addOnImg-order-success img{
    aspect-ratio: 1/1;
}

  .file-input-container {
        display: flex;
        align-items: center;
        position: relative;
        /*width: 100%;*/
        /*max-width: 100%;*/
    }

    /* Text Input Field */
    .file-input-container input[type="text"] {
        flex: 1;
        padding: 10px 12px;
        padding-left: 110px;
            border: 1px solid #ebebeb;
        border-radius: 0px;
        font-size: 16px;
    }

    /* Choose File Button */
    .file-input-container label {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        padding: 0 15px;
        background-color: #DDE0E3;
        color: black;
        border-radius: 0 0px 0px 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }

    /*.file-input-container label:hover {*/
    /*    background-color: #0056b3;*/
    /*}*/

    /* Hide original file input */
    .file-input-container input[type="file"] {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }
    
    .discount-price{
        font-size: 17px;
    font-weight: 500;
    }
    
    
    @media (min-width: 1920px) and (max-width: 1920px) {
          .container {
                    max-width: 1600px !important;
          }
        }
/*************** deepak *******************************/        
.removeattr{
        border: none !important;
       /*background: #bbbbbb !important;*/
        color: #888 !important;
        font-size: 20px;
        cursor: not-allowed !important;
        pointer-events: none;
        border: 1px solid !important;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        
    }
    
    .removeattr::after,
    .removeattr::before{
           --color-border: #ddd;
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: linear-gradient(to top left, transparent calc(50% - 1px), var(--color-border), transparent calc(50% + 1px)) no-repeat;
            z-index: 1;
            border-radius: inherit;
    }
        
    .removeattr::before {
        background: linear-gradient(to bottom left, transparent calc(50% - 1px), var(--color-border), transparent calc(50% + 1px)) no-repeat;
    }
/********************** deepak ****************************/

.header-area.is-sticky .navigation-menu-area{
    background-color: #14532D;
}

.header-area.is-sticky .navigation-menu-area .mainmenu-nav .mainmenu > li > a{
    color: #fff !important;
}



.category-title a{
    color: #8B4C2A  !important;
}

.features-title{
    margin-top: 14px;
}

#falling-elements {
    position: fixed; /* Fixed to the viewport */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* Prevent interaction */
    z-index: 9999; /* Ensure it appears above everything */
}
    .snowflake, .leaf {
    position: absolute;
    animation: fall linear infinite;
    opacity: 0.9;
     top: -100px;
    z-index: 9999;
}

.snowflake {
    width: 9px;
    height: 9px;
    background-color: #DEEAF6;
    border-radius: 50%;
}

.leaf {
    width: 25px;
    height: 25px;
    background: url('https://i.pinimg.com/originals/94/c1/f6/94c1f69ad903cb7d1612fe4c8c4cd6e4.png') no-repeat center;
    background-size: contain;
    opacity: 0.9;
}

/* Fall animation */
@keyframes fall {
    0% {
        transform: translateX(0) translateY(-100px) rotate(0deg);
    }
    50% {
        transform: translateX(30px) translateY(50vh) rotate(180deg); /* Sway right */
    }
    100% {
        transform: translateX(-50px) translateY(100vh) rotate(360deg); /* Sway left */
    }
}

.trust-section h2{
    color: #8B4C2A;
} 

.about-content  h1, h4{
    color: #8B4C2A;
}

.rightBlock h1{
    color: #8B4C2A;
}

.contact-form-content h3{
    color: #8B4C2A;
}
.title h3{
    color: #8B4C2A;
}
.single-blog-post-content a{
     color: #8B4C2A;
}

.bordertop{
    border-top: 1px solid #ebebeb;
}

.page-sidebar .sidebar-widget{
    background-color: #8B4C2A;
}

/*.page-sidebar .sidebar-widget h3,p{*/
/*    color: #fff;*/
/*}*/
.faq-wrapper .card-body{
    background-color: #fdfbf3;
}
.page-sidebar .sidebar-widget a{
    color: #fff !important;
}

.sidebar-widget .single-block .content p span{
    color: #fff;
}

.quote-form input{
    background-color: #fdfbf3;
}

.sidebar-widget-title{
    color: #fff;
}

#filter-form .sidebar-widget{
    background-color: transparent !important;
}

#filter-form  a{
    color: black !important;
}

#filter-form .sidebar-widget-title {
    color: black !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    background-color: transparent !important;
}

.select2-container--default .select2-selection--single{
    background-color: transparent !important;
}

#productSelect{
  background-color: transparent !important;  
}

#fileName{
     background-color: transparent !important; 
}

.mobile-sidebar-widget .page-sidebar .sidebar-widget {
    background-color: #FDFBF3;
}

.mobile-sidebar-widget{
    background-color: #FDFBF3;
}

.mobile-sidebar-widget .sidebar-widget-title{
    color: black;
}

.mobile-sidebar-widget  .filter-header h3{
    color: #fff !important;
}

.mobile-sidebar-widget .sidebar-widget i{
    color: black;
}

.single-select-block #sortby{
    background-color: transparent;
}

#giftmsgsssss{
    background-color: transparent;
}

.product-details-feature-wrapper .features-title {
    text-align: center;
}

.for-aspect-ratio {
    position: relative;
    width: 100%;
    padding-top: calc(100% * 1.545); /* Default aspect ratio (1:1.545) */
    overflow: hidden;
}

.for-aspect-ratio img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Aspect Ratio for width between 1201px and 1400px */
@media screen and (min-width:1201px) and (max-width: 1400px){
    .for-aspect-ratio {
        padding-top: calc(100% * 1.625);
    }
}

/* Aspect Ratio for width between 1000px and 1200px */
@media screen and (min-width:1000px) and (max-width: 1200px){
    .for-aspect-ratio {
        padding-top: calc(100% * 1.75);
    }
}

/* No fixed aspect ratio for smaller screens */
@media screen and (max-width: 999px){
    .for-aspect-ratio {
        padding-top: 0;
        height: auto;
    }

    .for-aspect-ratio img {
        position: static;
        width: 100%;
        height: auto;
    }
}