:root {
  --manrope: "Manrope", serif;
  --inter: "Inter", serif;
  --green: #2f5542;
  --marcellus: "Marcellus", serif;
  --btn-background-hover: #2f5542;
  --accent-color: #2f5542;
  --product-price-sale-color: #2f5542;
}
@mixin placeholder {
  &::-webkit-input-placeholder {
    @content;
  }
  &:-moz-placeholder {
    @content;
  }
  &::-moz-placeholder {
    @content;
  }
  &:-ms-input-placeholder {
    @content;
  }
}
/* ================================================
==============================================================
======================= || Website Design || =====================
==============================================================
===================================================*/
.t4s-container-xl,
.t4s-container-lg,
.t4s-container-md,
.t4s-container-sm,
.t4s-container {
  max-width: 1400px;
  @media (max-width: 1439px) {
    max-width: 1200px;
  }
  @media (max-width: 1365px) {
    max-width: 1100px;
  }
}
html body #t4s-backToTop:hover {
  background: #000 !important;
}
/* Product Card */
.t4s-products {
  .t4s-product {
    margin-bottom: 80px;
    @media (max-width: 1024px) {
      max-width: calc(100% / 3);
    }
    @media (max-width: 1024px) {
      max-width: 50%;
    }
    .t4s-product-wrapper {
      text-align: center;
      .t4s-product-info {
        padding-top: 30px;
        min-height: 150px;
        .t4s-product-info__inner {
          .t4s-product-vendor {
            a {
              font-size: 13px;
              color: rgba(0, 0, 0, 0.7);
              font-family: var(--manrope);
            }
          }
          h3 {
            margin-bottom: 5px;
            min-height: 42px;
            a {
              font-size: 16px;
              color: #000;
              font-weight: 600;
              font-family: var(--manrope);
              @media (max-width: 991px) {
                font-size: 13px;
                line-height: 15px;
              }
            }
          }
          .t4s-product-price {
            font-size: 14px;
            font-family: var(--manrope);
            color: var(--green);
            font-weight: 600;
            margin-bottom: 10px;
            .t4s-price__sale {
              font-size: 14px;
              font-family: var(--manrope);
              color: var(--green);
              font-weight: 600;
            }
            del {
              font-size: 13px;
              font-family: var(--manrope);
              color: #000;
            }
            ins {
              font-size: 14px;
              font-family: var(--manrope);
              color: var(--green);
              font-weight: 600;
            }
          }
        }
        .t4s-product-btns {
          display: none;
        }
      }
      .t4s-product-inner {
        .t4s-product-img {
          img{
                object-fit: contain;
          }
        }
      }
      .t4s-product-btns {
        position: relative;
        top: auto;
        transform: translate(0) !important;
        opacity: 1;
        visibility: visible;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0px 15px;
        margin-top: 10px;
        @media (max-width: 1439px) {
          padding: 0px 10px;
        }
        @media (max-width: 991px) {
          box-shadow: none !important;
        }

        a.t4s-pr-item-btn {
          border: 1px solid #2f5542;
          border-radius: 9px;
          max-width: calc(50% - 6px);
          width: 100%;
          font-size: 16px;
          font-family: var(--manrope);
          font-weight: 600;
          padding: 0 10px;
          @media (max-width: 1439px) {
            max-width: calc(50% - 10px);
            min-width: inherit;
            padding: 0 5px;
          }
          @media (max-width: 1365px) {
            max-width: calc(50% - 3px);
          }
          .t4s-svg-pr-icon {
            position: relative;
            transform: translate(0, 0);
            margin: 0;
            width: auto;
            height: auto;
            margin-right: 5px;
            padding: 0;
            svg {
              color: var(--green);
            }
          }
          .t4s-text-pr {
            transform: translate(0, 0) !important;
            font-size: 16px;
            width: auto;
            height: auto;
            @media (max-width: 1439px) {
              font-size: 14px;
            }
            @media (max-width: 1365px) {
              font-size: 12px;
            }
          }
          &:hover {
            background: var(--green);
            svg {
              color: #fff;
            }
          }
        }
      }
    }
  }
}

/* == || HEADER || == */
header#shopify-section-header-inline {
  .t4s-header__wrapper {
    .t4s-container {
      padding: 20px 45px;
      max-width: 1920px;
      @media (max-width: 1199px) {
        padding: 10px 45px;
      }
      @media (max-width: 991px) {
        padding: 10px 15px;
      }
      [data-header-height] {
        min-height: inherit;

        /* Logo */
        .t4s-header__logo {
          max-width: 255px;
          @media (max-width: 1639px) {
            max-width: 200px;
          }
          @media (max-width: 1365px) {
            max-width: 165px;
          }
          @media (max-width: 1199px) {
            max-width: 140px;
          }
          @media (max-width: 1025px) {
            margin: 0 auto;
            max-width: 95px;
          }
          img {
            max-width: 100% !important;
            padding: 0px;
          }
        }

        /* Search */
        .cstm_nav_form_cstm {
          display: flex;
          justify-content: space-between;

          .t4s-search-header__form-wrap {
            max-width: 606px;
            display: inline-block !important;
            margin-left: 30px;
            width: 100%;
            @media (max-width: 1799px) {
              max-width: 350px;
            }
            @media (max-width: 1365px) {
              max-width: 300px;
              margin-left: 15px;
            }
            @media (max-width: 1199px) {
              max-width: 260px;
              margin-left: 0px;
            }
            .t4s-search-header__form {
              border-radius: 10px;

              .t4s-search-header_border {
                display: none;
              }

              .t4s-search-header__input {
                height: 50px;
                font-size: 15px;
                color: #000;
                padding-left: 45px;
                padding-right: 15px;
                font-family: var(--inter);

                @include placeholder {
                  color: #000;
                  opacity: 1;
                }
              }

              .t4s-search-header__submit {
                right: auto;
                left: 10px;
                width: auto;
                height: auto;
                top: 3px;

                svg {
                  max-width: 28px;
                  height: 28px;

                  #icon-h-search {
                    &:hover {
                      color: #000;
                    }
                  }
                }
                &:hover {
                  svg {
                    color: #000;
                  }
                }
              }
            }
          }

          /* Menu and Call Area */
          .cstm_nav_ctm {
            display: flex;
            justify-content: space-between;
            align-items: center;

            nav {
              ul {
                li {
                  &:not(:first-child) {
                    margin-left: 30px;
                    @media (max-width: 1365px) {
                      margin-left: 15px;
                      font-size: 14px;
                    }
                    @media (max-width: 1199px) {
                      margin-left: 7px;
                      font-size: 12px;
                    }
                  }

                  a {
                    padding: 0px;
                    font-family: var(--manrope);
                    font-size: 16px;
                    font-weight: 500;
                    @media (max-width: 1199px) {
                      font-size: 13px;
                    }
                    &:hover {
                      color: var(--green) !important;
                    }
                    .t4s_lb_nav {
                      background: var(--green) !important;
                    }
                  }
                  .t4s-sub-menu {
                    .t4s_cat_item_link {
                      * {
                        max-height: 180px;
                      }
                    }
                  }
                }
              }
            }

            .cstm_contact {
              display: flex;
              align-items: center;
              margin-left: 110px;
              @media (max-width: 1799px) {
                margin-left: 60px;
              }
              @media (max-width: 1639px) {
                margin-left: 20px;
              }
              @media (max-width: 1199px) {
                margin-left: 10px;
              }
              .img_cnt {
                max-width: 50px;
                margin-right: 15px;
                @media (max-width: 1639px) {
                  margin-left: 10px;
                }
                @media (max-width: 1365px) {
                  max-width: 40px;
                  margin-left: 5px;
                  margin-right: 5px;
                }
                @media (max-width: 1199px) {
                  max-width: 35px;
                }
                img {
                  max-width: 100%;
                  display: block;
                  line-height: 1;
                }
              }

              .cont_cst_text {
                p,
                a {
                  font-weight: 600;
                  font-family: var(--manrope);
                  margin: 0 auto;
                  line-height: 1;
                  color: #000;
                }

                p {
                  font-size: 15px;
                  @media (max-width: 1199px) {
                    font-size: 11px;
                  }
                }

                a {
                  font-size: 25px;
                  display: block;
                  line-height: 25px;
                  margin-top: 8px;
                  @media (max-width: 1639px) {
                    font-size: 22px;
                    margin-top: 5px;
                  }
                  @media (max-width: 1365px) {
                    font-size: 19px;
                    margin-top: 0px;
                  }
                  @media (max-width: 1199px) {
                    font-size: 14px;
                    white-space: nowrap;
                  }
                }
              }
              &:hover {
                p,
                a {
                  color: var(--green) !important;
                }
              }
            }
          }
        }

        /* Icons header */
        .t4s-site-nav__icons.t4s-h-cart__design3 {
          border-left: 1px solid rgba(0, 0, 0, 0.5);
          height: 46px;
          @media (max-width: 1024px) {
            border-left: 0px solid rgba(0, 0, 0, 0.5);
          }
          .t4s-site-nav__icon {
            position: relative;
            @media (max-width: 1199px) {
              padding: 0 4px;
            }
            @media (max-width: 1023px) {
              padding: 0 10px;
            }

            /* &.t4s-site-nav__heart {
              display: none !important;
            } */

            .t4s-count-box {
              position: absolute;
              top: -12px;
              right: -12px;
              @media (max-width: 767px) {
                right: -8px;
              }
            }

            &:hover {
              svg {
                transform: scale(1);
                color: #000;
              }
            }
          }
        }
      }
    }
  }
  &.shopify-section-header-sticky {
    .header__sticky-logo {
      display: none !important;
    }
    .header__normal-logo {
      display: block !important;
      max-width: 200px !important;
      @media (max-width: 1365px) {
        max-width: 150px !important;
      }
    }
  }
}
/* == || Banner Area || == */
.t4s-sec-slideshow {
  .t4s-section-inner {
    margin: 0;
    .flickityt4s-button {
      border: 1px solid #fff !important;
      opacity: 0.5 !important;
      &:hover {
        background: #000 !important;
        opacity: 1 !important;
      }
    }
    .flickityt4s-page-dots {
      bottom: 40px;
      @media (max-width: 767px) {
        bottom: 10px;
      }
      li.dot {
        margin: 0px 12px;
        opacity: 1;
        width: 10px;
        height: 10px;
        &.is-selected {
          outline: 1px solid #fff;
          outline-offset: 3px;
        }
      }
    }
    .t4s-slideshow-inner {
      .t4s-content-wrap {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 130px;

        @media (max-width: 767px) {
          padding-bottom: 50px;
        }
        .t4s-content-position {
          position: relative;
          padding: 0px;
          margin: 0 auto;
          --p-vy-mb: -0% !important;
          --p-top-mb: -0% !important;
          --p-top: -0% !important;
          --p-vy: -0% !important;
          text-align: center !important;
          p {
            font-family: var(--manrope);
            text-shadow: 0px 0px 4px rgba(87, 87, 87, 0.45);
            margin-bottom: 15px;
            @media (max-width: 991px) {
              font-size: 20px;
            }
          }
          h2 {
            font-family: var(--marcellus);
            text-shadow: 0px 0px 4px rgba(87, 87, 87, 0.45);
            margin-bottom: 20px;
            @media (max-width: 1439px) {
              font-size: 60px;
              max-width: 900px;
              margin: 0 auto 40px;
              line-height: 65px;
            }
            @media (max-width: 991px) {
              padding: 0 60px;
              font-size: 45px;
              line-height: 55px;
            }
            @media (max-width: 767px) {
              padding: 0px 50px;
              font-size: 21px;
              line-height: 25px;
              margin-bottom: 15px;
            }
          }
          a {
            border-radius: 9px;
            font-family: var(--manrope);
            font-size: 18px;
            font-weight: 600;
            text-transform: uppercase;
            height: 49px;
            &:before {
              display: none;
            }
            &:hover {
              background: #000;
            }
            @media (max-width: 767px) {
              font-size: 15px;
              height: 38px;
            }
          }
        }
      }
    }
  }
}
/* Shipping Banner */
.t4s-shipping {
  .t4s-shipping-list {
    .t4s-shipping-content {
      h3 {
        font-family: var(--marcellus);
        color: #000;
      }
      p {
        font-family: var(--manrope);
        color: #626262;
      }
    }
    .t4s-shipping-item {
      .t4s-shipping-inner {
        align-items: center;
        @media (max-width: 991px) {
          flex-direction: column;
          justify-content: center;
        }
        .t4s-shipping-content {
          @media (max-width: 767px) {
            padding-top: 15px;
          }
          @media (max-width: 767px) {
            h3,
            p {
              text-align: center;
            }
          }
        }
      }

      &:last-child {
        @media (max-width: 1024px) {
          margin: 30px auto 0;
        }
      }
    }
  }
}
/* Collection */
.t4s-collections-list-manual {
  padding: 75px 0 95px;
  @media (max-width: 991px) {
    padding: 45px 0 70px;
  }
  .primary_button {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    a {
      background: #2f5542;
      border-radius: 9px;
      color: #fff;
      padding: 12px 33px;
      font-size: 18px;
      font-weight: 600;
      text-transform: uppercase;
      font-family: var(--manrope);
      @media (max-width: 991px) {
        font-size: 15px;
      }
    }
  }
  .t4s-section-inner {
    padding: 0px;
    .heading-testimonials-star {
      .t4s-section-title {
        span {
          font-size: 52px;
          font-family: var(--marcellus);
          font-weight: 400;
          margin-bottom: 60px;
          @media (max-width: 1439px) {
            font-size: 38px;
          }
          @media (max-width: 1199px) {
            margin-bottom: 30px;
          }
          @media (max-width: 991px) {
            font-size: 28px;
          }
        }
      }
    }

    .t4s-collection-manual {
      --ts-gutter-y: 0 !important;
      justify-content: center;
      .t4s-collection-item {
        margin: 0 0 26px;
        max-width: calc(100% / 4 - 15px);
        @media (max-width: 991px) {
          max-width: calc(100% / 3 - 15px);
          margin: 0 0 10px;
        }
        @media (max-width: 767px) {
          max-width: 50%;
          margin: 0 0 10px;
        }
        .t4s-cat-content {
          .t4s-coll-img {
            .t4s_ratio {
              &:before {
                display: none;
              }
              img {
                position: relative;
              }
            }
          }
        }
        .t4s-cate-wrapper {
          width: 100%;
          box-shadow: none;
          height: 70px;
          background: rgb(0, 0, 0);
          background: -moz-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.6040616930365896) 0%,
            rgba(0, 0, 0, 0) 100%
          );
          background: -webkit-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.6040616930365896) 0%,
            rgba(0, 0, 0, 0) 100%
          );
          background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.6040616930365896) 0%,
            rgba(0, 0, 0, 0) 100%
          );
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
          @media (max-width: 1024px) {
            bottom: 0px;
            max-width: 100%;
          }
          .t4s-cat-title {
            background: none;
            font-size: 16px;
            color: #fff;
            font-family: var(--manrope);
            text-transform: uppercase;
            align-items: flex-end;
            padding-bottom: 20px;
            @media (max-width: 991px) {
              padding-bottom: 10px;
              line-height: 19px;
              font-size: 13px;
            }
          }
        }
      }
    }
  }
}

/* Images Items */
.t4s_tp_istope.t4s-banner {
  .t4s-section-inner {
    padding: 132px 0;
    @media (max-width: 991px) {
      padding: 70px 0;
    }
    margin: 0px;

    .t4s-banner-holder {
      display: flex;
      flex-wrap: nowrap;
      height: auto !important;
      @media (max-width: 767px) {
        flex-direction: column;
      }
      .t4s-col-item {
        margin: 0 15px;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        padding: 0px;
        transform: translate(0px, 0px) !important;
        @media (max-width: 1639px) {
          max-width: calc(100% / 3 - 30px);
        }
        @media (max-width: 767px) {
          max-width: 100%;
          width: 100%;
          margin: 15px 0;
        }
        .t4s-banner-item {
          @media (max-width: 767px) {
            min-height: inherit;
          }
        }
        .t4s-banner-inner {
          .t4s_ratio_hasmb {
            &:before {
              display: none;
            }
            img {
              min-height: 360px;
              position: relative;
              @media (max-width: 991px) {
                min-height: 250px;
              }
            }
          }
          .t4s-banner-content {
            width: 100%;
            display: flex;
            min-width: 100%;
            transform: translate(0, 0) !important;
            left: 0px !important;
            right: 0px !important;
            justify-content: space-between;
            align-items: center;
            padding: 0 15px 15px;
            background: rgb(0, 0, 0);
            background: -moz-linear-gradient(
              0deg,
              rgba(0, 0, 0, 0.6040616930365896) 0%,
              rgba(0, 0, 0, 0) 100%
            );
            background: -webkit-linear-gradient(
              0deg,
              rgba(0, 0, 0, 0.6040616930365896) 0%,
              rgba(0, 0, 0, 0) 100%
            );
            background: linear-gradient(
              0deg,
              rgba(0, 0, 0, 0.6040616930365896) 0%,
              rgba(0, 0, 0, 0) 100%
            );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

            @media (max-width: 991px) {
              padding: 0 10px 10px;
              flex-direction: column;
              bottom: 0;
              top: auto;
            }

            p {
              font-size: 36px;
              color: #fff;
              font-weight: 400;
              margin: 0;
              font-family: var(--marcellus);
              @media (max-width: 1639px) {
                font-size: 28px;
              }
              @media (max-width: 991px) {
                font-size: 18px;
                line-height: 22px;
              }
            }
            a {
              font-size: 16px;
              font-weight: 400;
              font-family: var(--manrope);
              color: #fff;
              margin: 0;
              padding: 0px;
              &:before {
                display: none !important;
              }
              &:hover {
                background: none !important;
              }
              @media (max-width: 991px) {
                font-size: 13px;
                line-height: 15px;
                --button-mh: 30px;
              }
            }
          }
        }
        &:nth-child(2) {
          .t4s-banner-inner {
            .t4s_ratio_hasmb {
              img {
                min-height: 585px;
                @media (max-width: 991px) {
                  min-height: 390px;
                }
              }
            }
            .t4s-banner-content {
              min-width: inherit;
              background: var(--green);
              width: calc(100% - 30px) !important;
              height: calc(100% - 30px);
              left: 15px !important;
              right: 15px !important;
              top: 15px !important;
              --p-hx: 0% !important;
              --p-vy: 0% !important;
              padding: 25px;
              display: flex;
              justify-content: center;
              align-items: center;
              @media (max-width: 991px) {
                padding: 15px;
              }
              .t4s-newsletter__fields {
                p {
                  font-size: 16px;
                  font-weight: 400;
                  font-family: var(--manrope);
                  color: #fff;
                  margin: 15px 0 45px;
                  line-height: 22px;
                  @media (max-width: 991px) {
                    font-size: 12px;
                    margin: 10px 0 25px;
                    line-height: 17px;
                  }
                }
                h2 {
                  font-size: 36px;
                  color: #fff;
                  font-weight: 400;
                  margin: 0;
                  font-family: var(--marcellus);
                  @media (max-width: 1639px) {
                    font-size: 28px;
                  }
                  @media (max-width: 991px) {
                    font-size: 18px;
                  }
                }
                img {
                  max-width: 120px;
                  margin: 0px 0px 20px;
                  @media (max-width: 1639px) {
                    max-width: 80px;
                  }
                  @media (max-width: 991px) {
                    max-width: 40px;
                    margin-bottom: 10px;
                  }
                }
                .t4s-newsletter__inner {
                  flex-direction: column;
                  border: 0;
                  border-radius: 0px;
                  button.t4s-newsletter__submit {
                    border: 1px solid #fff;
                    background: none;
                    height: 50px;
                    border-radius: 9px;
                    font-weight: 600;
                    font-size: 18px;
                    line-height: 1;
                    padding: 0 25px;
                    font-family: var(--manrope);
                    text-transform: uppercase;
                    @media (max-width: 1639px) {
                      min-width: 150px;
                    }
                    @media (max-width: 991px) {
                      min-width: inherit;
                      padding: 13px 10px;
                      font-size: 15px;
                      line-height: 1;
                      height: auto;
                    }
                    &:hover {
                      background: #fff;
                      color: var(--green);
                    }
                  }
                  .is--col-email {
                    max-width: 100%;
                    margin: 0;
                    .t4s-newsletter__email {
                      border-bottom: 1px solid #fff;
                      border-radius: 0;
                      font-size: 16px;
                      padding: 15px 0;
                      line-height: 1;
                      text-align: left !important;
                      font-family: var(--marcellus);
                      margin-bottom: 40px;
                      color: #fff;
                      @media (max-width: 991px) {
                        margin-bottom: 25px;
                        font-size: 13px;
                        padding: 10px 0;
                      }

                      @include placeholder {
                        color: #fff;
                        opacity: 1;
                      }
                    }
                  }
                }
              }
            }
          }
        }
        &:last-child {
          height: 100%;
          align-self: end;
          @media (max-width: 767px) {
            align-self: flex-start;
          }
          .t4s-banner-inner {
            max-height: 360px;
            .t4s_ratio_hasmb {
              img {
              }
            }
          }
        }
      }
    }
  }
}

.t4s-featured-products {
  padding: 95px 0;
  @media (max-width: 767px) {
    padding: 55px 0;
  }
  .t4s-section-inner {
    margin: 0px;
  }
  .t4s-top-heading {
    margin-bottom: 55px;
    @media (max-width: 991px) {
      margin-bottom: 30px;
      align-items: flex-start;
    }
    h5 {
      font-size: 18px;
      font-weight: 600;
      font-family: var(--manrope);
      margin-bottom: 12px;
      @media (max-width: 991px) {
        font-size: 15px;
        margin-bottom: 5px;
      }
    }
    h3 {
      font-family: var(--marcellus);
      font-size: 52px;
      font-weight: 400;
      @media (max-width: 1439px) {
        font-size: 38px;
      }
      @media (max-width: 991px) {
        font-size: 28px;
      }
      @media (max-width: 767px) {
        margin-bottom: 25px;
      }
      span {
        margin: 0px;
      }
      &:before,
      &:after {
        display: none;
      }
    }
    .t4s-section-des {
      max-width: 800px;
      font-size: 17px;
      font-weight: 500;
      font-family: var(--manrope);
      color: #626262;
      line-height: 32px;
      font-style: normal;
      @media (max-width: 1365px) {
        max-width: 600px;
      }
      @media (max-width: 991px) {
        max-width: 465px;
      }
      @media (max-width: 767px) {
        max-width: 100%;
        font-size: 15px;
        line-height: 25px;
      }
    }
  }
  .t4s-products {
    @media (max-width: 1024px) {
      margin-left: -15px;
      margin-right: -15px;
    }
    .t4s-product {
      margin-bottom: 30px;
      .t4s-product-wrapper {
        /* text-align: center;*/
        .t4s-product-info {
          /* padding-top: 30px;
          min-height: 150px;*/
          .t4s-product-info__inner {
            h3 {
              /* margin-bottom: 5px;
              min-height: 42px;*/
              a {
                /*font-size: 16px;
                color: #000;
                font-weight: 600;
                font-family: var(--manrope);*/
              }
            }
            .t4s-product-price {
              /*font-size: 14px;
              font-family: var(--manrope);
              color: var(--green);
              font-weight: 600;
              margin-bottom: 10px;*/
              .t4s-price__sale {
                /* font-size: 14px;
                font-family: var(--manrope);
                color: var(--green);
                font-weight: 600;*/
              }
              del {
                /* font-size: 13px;
                font-family: var(--manrope);
                color: #000;*/
              }
              ins {
                /* font-size: 14px;
                font-family: var(--manrope);
                color: var(--green);
                font-weight: 600;*/
              }
            }
          }
        }
        .t4s-product-inner {
          .t4s-product-img {
          }
        }
        .t4s-product-btns {
          /* position: relative;
          top: auto;
          transform: translate(0px, 0px);
          opacity: 1;
          visibility: visible;
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          padding: 0px 15px;
          @media (max-width: 1439px) {
            padding: 0px 10px;
          }*/
          @media (max-width: 1024px) {
            box-shadow: none;
          }
          a.t4s-pr-item-btn {
            /* border: 1px solid #2f5542;
            border-radius: 9px;
            max-width: calc(50% - 6px);
            width: 100%;
            font-size: 16px;
            font-family: var(--manrope);
            font-weight: 600;
            padding: 0 10px;
            @media (max-width: 1439px) {
              max-width: calc(50% - 10px);
              min-width: inherit;
              padding: 0 5px;
            }*/

            .t4s-svg-pr-icon {
              /* position: relative;
              transform: translate(0, 0);
              margin: 0;
              width: auto;
              height: auto;
              margin-right: 5px;
              padding: 0;*/
              svg {
                /*color: var(--green);*/
              }
            }
            .t4s-text-pr {
              /* transform: translate(0, 0) !important;
              font-size: 16px;
              width: auto;
              height: auto;
              @media (max-width: 1439px) {
                font-size: 14px;
              }*/
            }
            &:hover {
              /* background: var(--green);*/
              svg {
                /* color: #fff;*/
              }
            }
          }
        }
      }
    }
  }
  .t4s-head-btn {
    text-align: center;
    a.t4s-btn {
      background: none;
      color: var(--green);
      text-decoration: underline;
      font-size: 22px;
      font-weight: 600;
      font-family: var(--manrope);
      &:before {
        display: none !important;
      }
      &:hover {
        background: none;
      }
      @media (max-width: 767px) {
        font-size: 17px;
      }
    }
  }
}

/* Image Content Section */

.t4s_tp_flickity {
  background: #edf0ef;
  .t4s-section-inner {
    margin: 0px;
    .t4s-image-text {
      --ts-gutter-x: 0;
      --ts-gutter-y: 0;
      @media (max-width: 1365px) {
        align-items: flex-start !important;
      }
    }
  }
  .t4s-col-img {
    padding: 0;
    margin: 0;
  }
  .t4s-col-text {
    padding: 0 110px;
    @media (max-width: 1799px) {
      padding: 0 50px;
    }
    @media (max-width: 1639px) {
      padding: 0px 25px;
    }
    @media (max-width: 1639px) {
      padding: 35px 15px;
    }
    .t4s-image-text-content {
      h3 {
        text-align: left;
        font-size: 52px !important;
        font-family: var(--marcellus);
        font-weight: 400;
        @media (max-width: 1639px) {
          font-size: 48px !important;
          line-height: 50px;
        }
        @media (max-width: 1439px) {
          font-size: 38px !important;
          line-height: 42px;
          margin-bottom: 10px;
        }
        @media (max-width: 1365px) {
          font-size: 30px !important;
          line-height: 38px;
        }
      }
      .t4s-image-text-des {
        p {
          text-align: left;
          font-size: 16px;
          line-height: 29px;
          margin-bottom: 30px;
          font-family: var(--manrope);
          color: #626262;
          @media (max-width: 1639px) {
            margin-bottom: 20px;
          }
          @media (max-width: 1439px) {
            margin-bottom: 15px;
          }
        }
      }
      a.t4s-btn {
        margin-right: auto;
        margin-left: 0;
        display: inline-flex;
        float: left;
        background: var(--green);
        color: #fff;
        border-radius: 9px;
        font-size: 18px;
        font-family: var(--manrope);
        text-transform: uppercase;
        font-weight: 600;
        @media (max-width: 991px) {
          font-size: 15px;
        }
        &:before {
          display: nobne;
        }
        &:hover {
          baclground: #000;
        }
      }
    }
  }
}

/* Banner Before Footer */
.t4s_tp_cdt {
  .t4s-banner-item {
    @media (max-width: 767px) {
      min-height: 350px;
    }
  }
  .t4s-section-inner {
    margin: 80px 0 0;
        @media (max-width: 767px) {
              margin: 40px 0 0;
        }
  }
  .t4s-banner-content {
    min-width: 1060px;
    p {
      font-size: 80px;
      font-family: var(--marcellus);
      text-shadow: 0px 0px 4px rgba(87, 87, 87, 0.45);
      line-height: 95px;
      font-weight: 400;
      margin-bottom: 40px;

      &:first-child {
        font-size: 33px;
        font-family: var(--manrope);
        line-height: 40px;
        margin-bottom: 10px;

        @media (max-width: 1365px) {
          font-size: 20px;
        }
      }
      @media (max-width: 1365px) {
        font-size: 40px;
        line-height: 48px;
        max-width: 700px;
        margin: 0 auto 30px;
      }
      @media (max-width: 767px) {
        font-size: 25px;
        line-height: 28px;
        max-width: 100vw;
        margin: 0 auto 30px;
      }
    }
    .t4s-btn {
      font-size: 18px;
      border-radius: 9px;
      color: #fff;
      font-family: var(--manrope);
      font-weight: 600;
      @media (max-width: 767px) {
        font-size: 15px;
      }
      &:before {
        display: none !important;
      }
      &:hover {
        background: #000;
        opacity: 1;
      }
    }
  }
}

.progress_slider {
  padding: 100px 0;

  @media (max-width: 1199px) {
    padding: 60px 0;
  }
  .flickity-button {
    display: none !important;
  }
  ol.flickity-page-dots {
    position: absolute;
    max-width: 430px;
    right: 230px;
    bottom: 0px;
    @media (max-width: 1439px) {
      right: 80px;
    }
    @media (max-width: 1199px) {
      right: 175px;
      max-width: 300px;
    }
    @media (max-width: 991px) {
      right: 0;
      max-width: calc(100% - 400px);
      display: flex;
      justify-content: space-between;
    }
    &:before {
      width: 100%;
      background: #e7e7e9;
      height: 1.5px;
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    li.dot {
      position: relative;
      z-index: 2;
      background: #718f80;
      opacity: 1;
      margin-left: 0px;
      margin-right: 0px;
      &.is-selected {
        background: #2f5542;
      }
      &:not(:last-child) {
        margin-right: 130px;
        @media (max-width: 1199px) {
          margin-right: 85px;
        }
        @media (max-width: 991px) {
          margin-right: auto;
        }
      }
    }
  }

  .page-width.container {
    max-width: 1400px;
    @media (max-width: 1439px) {
      max-width: 1200px;
    }
    @media (max-width: 1365px) {
      max-width: 1100px;
    }
    @media (max-width: 991px) {
      padding: 0 15px;
    }
    margin: 0 auto;
    .carousel-cell {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      @media (max-width: 767px) {
        flex-direction: column;
      }
      .review_testing {
        @media (max-width: 767px) {
          padding-top: 25px;
        }
        .review_area {
          img {
            max-width: 150px;
            margin-bottom: 20px;
            @media (max-width: 1365px) {
              max-width: 90px;
            }
            @media (max-width: 991px) {
              max-width: 55px;
              margin-bottom: 10px;
            }
          }
        }
      }
      img {
        max-width: 640px;
        margin-right: 100px;
        flex: 0 0 640px;
        @media (max-width: 1639px) {
          margin-right: 50px;
        }
        @media (max-width: 1365px) {
          flex: 0 0 500px;
        }
        @media (max-width: 991px) {
          flex: 0 0 350px;
        }
        @media (max-width: 767px) {
          flex: 0 0 100%;
        }
      }
      p {
        font-size: 30px;
        color: #626262;
        font-family: var(--manrope);
        margin: 0 0 40px;
        @media (max-width: 1639px) {
          font-size: 24px;
        }
        @media (max-width: 1639px) {
          font-size: 18px;
        }
        @media (max-width: 991px) {
          font-size: 15px;
        }
      }
      h3 {
        font-size: 52px;
        font-family: var(--marcellus);
        margin: 0 0 30px;
        @media (max-width: 1439px) {
          font-size: 40px;
        }
        @media (max-width: 1365px) {
          font-size: 36px;
        }
        @media (max-width: 991px) {
          font-size: 26px;
          margin-bottom: 15px;
        }
      }
      h5 {
        font-size: 23px;
        font-family: var(--manrope);
        font-weight: 500;
        color: #000;
        @media (max-width: 1365px) {
          font-size: 20px;
        }
        @media (max-width: 991px) {
          font-size: 15px;
        }
      }
      h6 {
        font-size: 20px;
        color: #000;
        font-family: var(--manrope);
        font-weight: 400;
        @media (max-width: 1365px) {
          font-size: 16px;
        }
        @media (max-width: 991px) {
          font-size: 13px;
          line-height: 15px;
        }
      }
      .review_img {
        display: flex;
        align-items: center;
        img {
          max-width: 70px;
          margin-right: 20px;
          @media (max-width: 991px) {
            max-width: 55px;
            margin-right: 15px;
          }
        }
      }
    }
  }
}

/* Footer */
footer#t4s-footer .t4s-section-inner {
  padding: 110px 0 70px;
  margin: 0;
  @media (max-width: 1365px) {
    padding: 50px 0;
  }
  .t4s-footer-heading {
    /*@media (max-width: 767px) {
      display: none !important;
    }*/
    @media (max-width: 767px) {
      margin-bottom: 15px !important;
      pointer-events: none;
    }
    .t4s-footer-collapse-icon {
      @media (max-width: 767px) {
        display: none !important;
      }
    }
    h3.t4s-col-heading {
      font-family: var(--marcellus);
      font-weight: 400;
      font-size: 32px;
      margin-bottom: 20px;
      @media (max-width: 1365px) {
        font-size: 26px;
      }
      @media (max-width: 767px) {
        font-size: 24px;
        margin-bottom: 0px !important;
      }
    }
  }
  .t4s-footer-content {
    @media (max-width: 767px) {
      display: block !important;
    }
    .t4s-img-child {
      max-width: 255px;
      margin-bottom: 40px;
      @media (max-width: 1199px) {
        max-width: 180px;
      }
    }
  }
  .t4s-footer-raw-html {
    p {
      span {
        font-size: 19px;
        font-family: var(--manrope);
        @media (max-width: 1365px) {
          font-size: 15px;
        }
      }
      svg {
        min-width: 25px;
        margin-right: 15px !important;
        margin-top: 5px;
      }
    }
  }

  ul.t4s-footer-linklist {
    li {
      a {
        font-size: 19px;
        line-height: 42px;
        font-family: var(--manrope);
        @media (max-width: 1365px) {
          font-size: 15px;
          line-height: 30px;
        }
        &:hover {
          opacity: 0.7 !important;
          color: #fff !important;
          text-underline-offset: 4px;
          text-decoration: underline;
        }
        &.t4s-footer-link-active {
          text-decoration: underline;
          color: #fff !important;
          text-underline-offset: 4px;
        }
      }
    }
  }
  .t4s-socials-block {
    margin-bottom: 50px;
  }
  .t4s-socials-block + p {
    font-size: 16px;
    min-width: 415px;
    line-height: 22px !important;
    font-family: var(--manrope);
    @media (max-width: 1365px) {
      font-size: 14px;
    }
    @media (max-width: 767px) {
      min-width: 100vw;
    }
  }
  .t4s-custom-col {
    @media (max-width: 991px) {
      flex: 0 0 50%;
      max-width: 50%;
    }
    @media (max-width: 767px) {
      flex: 0 0 100%;
      max-width: 100%;
    }
    &:first-child {
    }
    &:nth-child(2) {
      padding-left: 65px;
      @media (max-width: 1024px) {
        max-width: 25%;
      }
      @media (max-width: 767px) {
        padding-left: 0px;
      }
    }
    &:nth-child(4) {
      padding-left: 100px;
      @media (max-width: 1024px) {
        padding-left: 25px;
      }
      @media (max-width: 767px) {
        padding-left: 0px;
      }
    }
  }
}

/* About Us Page */

.cstm_banner_pages h2 {
  font-size: 56px;
  color: #fff;
}

.Custome_banner_inner_pages {
  background-size: cover;
  background-position: center;
  .cstm_banner_pages {
    min-height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    @media (max-width: 767px) {
      min-height: 175px;
    }
    h2 {
      font-size: 56px;
      color: #fff;
      font-family: var(--marcellus);
      font-weight: 400;
      @media (max-width: 1365px) {
        font-size: 35px;
      }
    }
  }
}

/* Breadcrum */
.cstm_bred_inpage {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  .page-width.container {
    max-width: 1400px;
    margin: 0 auto;
    @media (max-width: 1439px) {
      max-width: 1200px;
    }
    @media (max-width: 1365px) {
      max-width: 1100px;
      padding: 0 15px;
    }
    @media (max-width: 991px) {
      padding: 0 15px;
    }
    a {
      font-size: 15px;
      font-family: var(--manrope);
      color: #393939;
      &:hover {
        color: var(--green);
      }
    }
  }
}

/* About Us */
body:not(.template-index) {
  .t4s-section-all.t4s_tp_flickity {
    background: #fff;
    padding: 100px 0;
    @media (max-width: 1365px) {
      padding: 70px 0;
    }
    .t4s-image-text {
      @media (max-width: 1439px) {
        align-items: flex-start !important;
      }
    }
    .t4s-col-text {
      padding-left: 65px;
      padding-right: 0;
      @media (max-width: 1439px) {
        padding-left: 15px;
        padding-top: 0;
      }
      @media (max-width: 767px) {
        padding-left: 0px;
        padding-top: 25px;
        padding-bottom: 0px;
      }
    }
  }
}

/* Contact Us */
.contact_information {
  .page-width {
    max-width: 1400px;
    margin: 0 auto;
    @media (max-width: 1439px) {
      max-width: 1200px;
    }
    @media (max-width: 1365px) {
      max-width: 1100px;
    }
    .image_wraptext_icon {
      @media (max-width: 1199px) {
        padding: 0 15px;
      }
      .heading_and_subheading {
        text-align: center;
        padding-top: 35px;
        max-width: 960px;
        margin: 0 auto 70px;
        width: 100%;
        h2 {
          margin: 0 0 20px;
          font-size: 52px;
          font-family: var(--marcellus);
          font-weight: 400;
          @media (max-width: 1199px) {
            font-size: 35px;
          }
        }
        p {
          color: #0f0f0f;
          font-size: 17px;
          line-height: 32px;
          font-weight: 500;
        }
      }
      .icon_cstm_contct {
        display: flex;
        justify-content: space-between;
        gap: 0 15px;
        @media (max-width: 991px) {
          flex-wrap: wrap;
        }
        div.icon1,
        div.icon2,
        div.icon3,
        div.icon4 {
          border: 1px solid #d1d1d1;
          width: 100%;
          min-height: 250px;
          display: inline-flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 15px;
          @media (max-width: 991px) {
            width: 48%;
            margin-bottom: 25px;
          }
          @media (max-width: 991px) {
            width: 100%;
            margin-bottom: 15px;
          }
          img {
            max-height: 60px;
            height: 60px;
            margin-bottom: 20px;
            @media (max-width: 1199px) {
              max-height: 45px;
              height: 45px;
            }
          }
          p,
          a {
            margin: 0;
            font-size: 22px;
            font-weight: 500;
            text-align: center;
            line-height: 32px;
            color: #000;
            font-family: var(--manrope);
            @media (max-width: 1199px) {
              font-size: 16px;
              line-height: 27px;
            }
          }
        }
      }
    }
  }
}

/* Contact Form & Map */
.t4s-contact-form {
  .t4s-container-wrap {
    padding: 75px 0;
    margin: 0;
    .t4s-row {
      border: 1px solid #d1d1d1;
      @media (max-width: 1199px) {
        margin: 0px;
      }
      iframe {
        margin: 0;
        outline: 0;
        width: 100%;
        height: 100%;
      }
      .t4s-contact-info {
        padding-right: 0;
        padding-left: 45px;
        @media (max-width: 767px) {
          padding-left: 0px;
          height: 350px;
        }
      }
      #contact_form_page {
        padding: 40px 15px;
        @media (max-width: 767px) {
          padding: 25px 0px;
        }
        h3 {
          font-size: 52px;
          margin: 0 0 25px;
          font-family: var(--marcellus);
          font-weight: 400;
          @media (max-width: 1199px) {
            font-size: 38px;
          }
        }
        input {
          border: 0;
          border-bottom: 1px solid #ccc;
          padding: 10px 0;
          height: auto;
          margin-bottom: 20px;
          text-transform: uppercase;
          color: #000;
          font-size: 17px;
          font-family: var(--manrope);
          @include placeholder {
            color: #000 !important;
            opacity: 1 !important;
          }
        }
        textarea {
          border: 0;
          border-bottom: 1px solid #ccc;
          padding: 0;
          margin-bottom: 20px;
          height: 70px;
          min-height: inherit;
          resize: none;
          text-transform: uppercase;
          color: #000;
          font-size: 17px;
          font-family: var(--manrope);
          @include placeholder {
            color: #000 !important;
            opacity: 1 !important;
          }
        }
        .t4s-btn {
          width: auto;
          border-radius: 0;
          background: var(--green);
          border-radius: 9px;
          padding: 18px 50px;
          height: auto;
          font-size: 18px;
          color: #fff;
          text-transform: uppercase;
          font-family: var(--manrope);
          font-weight: 600;
          margin-bottom: 0px;
          &:hover {
            background: #000;
          }
        }
      }
      .folow_instagram {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin: 30px 0 80px;
        padding-left: 15px;
        @media (max-width: 767px) {
          padding-left: 0px;
        }
        h2 {
          margin-right: 20px;
          font-size: 30px;
          font-weight: 400;
          font-family: var(--marcellus);
          @media (max-width: 767px) {
            font-size: 20px;
          }
        }
        img {
          max-width: 35px;
        }
      }
    }
  }
}

/* Recommened Products */
#pr_recommendations {
  .heading-testimonials-star {
    margin-bottom: 55px;
    h3 {
      position: relative;
      &:after {
        width: 100%;
        background: #0000001a;
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 1px;
        margin-top: 4px;
      }
      span {
        font-size: 52px;
        font-family: var(--marcellus);
        font-weight: 400;
        position: relative;
        background: #fff;
        padding-right: 15px;
        background: #fff;
        padding-right: 25px;
        position: relative;
        z-index: 1;
        @media (max-width: 991px) {
          font-size: 35px;
        }
      }
    }
  }
  .t4s-flicky-slider {
    .flickityt4s-button {
      position: absolute;
      right: 0;
      left: auto;
      top: -70px;
      border-radius: 10px !important;
      border-color: #a7a7a7;
      background: #fff;
      @media (max-width: 991px) {
        right: 10px;
      }
      &:before {
        content: "";
        background: #fff;
        width: 10px;
        right: 38px;
        position: absolute;
        top: 0;
        height: 100%;
        @media (max-width: 991px) {
          width: 6px;
          right: 32px;
        }
      }
      &.previous {
        left: auto;
        right: 50px;
        &:before {
          width: 15px;
          right: 38px;
          @media (max-width: 991px) {
            right: 32px;
          }
        }
      }
      &:hover {
        color: var(--green);
        border-color: var(--green);
      }
    }
  }
}

/* Bredcrum New */
body {
  .t4s-website-wrapper {
    #MainContent {
      .breadcrumb_pr_wrap {
        margin: 0px;
        background: none;
        border: 1px solid #e8e8e8;
        border-left: 0;
        border-right: 0;
        padding: 10px 0 15px;
        nav.t4s-pr-breadcrumb {
          line-height: 1;
          a,
          span {
            font-size: 15px;
            font-family: var(--manrope);
            font-weight: 500;
          }
          a {
            &:hover {
              color: var(--green);
            }
          }
        }
      }
    }
  }
}

/* Single Product */
section.t4s-section-main-product {
  background: #fff;
  padding: 100px 0;
  .flickityt4s-button {
    display: none !important;
  }
  .t4s-product__info-wrapper {
        z-index: 9;
    .t4s-product__info-container {
      .t4s-product__title {
        font-family: var(--marcellus);
        font-size: 36px;
        font-weight: 400;
        margin: 0px 0px 15px;
        @media (max-width: 1199px) {
          font-size: 24px;
        }
      }
      .t4s-product__price-review {
        .t4s-product-price {
          del {
            font-size: 16px;
            color: #000;
          }
          ins {
            font-size: 26px;
            color: var(--green);
            @media (max-width: 1199px) {
              font-size: 20px;
            }
          }
        }
      }

      .t4s-product-description {
        p {
          font-size: 16px;
          line-height: 29px;
          font-weight: 500;
          color: #626262;
          font-family: var(--manrope);
        }
        .t4s-product__description_readm {
          text-decoration: none;
          span {
            font-size: 16px;
            font-weight: 500;
            color: #626262;
          }
        }
      }

      .t4s-pr__richtext {
        ul {
          padding: 0;
          margin: 20px 0;
          list-style-position: inside;
          li {
            font-size: 16px;
            font-weight: 600;
            color: var(--green);
            font-family: var(--manrope);
            strong {
              font-weight: 400;
              color: #000;
            }
            &::marker {
              font-size: 25px;
              line-height: 1px;
            }
          }
        }
      }
      .t4s-color-mode__color {
        h4.t4s-swatch__title {
          font-size: 18px;
          font-weight: 600;
          color: #191919;
        }
      }
      .t4s-product-form__buttons {
        .t4s-quantity-wrapper {
          border-radius: 9px !important;
          min-width: 174px;
          border: 1px solid #a4a4a4;
          height: auto;
          .t4s-quantity-input {
            font-family: var(--inter);
            font-size: 20px;
            font-weight: 400;
            height: 49px;
          }
          .t4s-quantity-selector {
            height: 49px;
            &:hover {
              color: var(--green);
            }
          }
        }
        .t4s-product-form__submit {
          animation: inherit;
          border-radius: 10px !important;
          height: 49px;
          background: var(--green);
          font-size: 18px;
          font-family: var(--manrope);
          font-weight: 600;
          &:before {
            display: none;
          }
          &:hover {
            background: #000;
          }
        }
        .t4s-product-form__btn {
          margin-top: 5px;
          &:hover {
            color: var(--green);
            border-color: var(--green);
          }
        }
      }
      .t4s-extra-link {
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        padding: 25px 0;
        margin-top: 40px;
        a.t4s-ch {
          font-size: 18px;
          font-family: var(--manrope);
          text-transform: uppercase;
          @media (max-width: 991px) {
            font-size: 14px;
            
          }
          img {
            max-width: 35px;
            margin-right: 10px;
            @media (max-width: 991px) {
              max-width: 25px;
            }
          }
          &:hover {
            color: var(--green);
          }
              @media (max-width: 767px) {
            font-size: 12px;
            
          }
        }
      }
    }

    .flickityt4s-viewport {
      .flickityt4s-slider {
        .t4s-product__media-item {
          background: #f5f5f5;
          padding: 15px;
          border-radius: 5px;
        }
      }
    }

    .faq {
      max-width: 100%;
      border: 0px;
      label {
        border: 0px;
        background: none;
        height: 70px;
        .faq-text {
          display: none;
        }
        .faq-heading {
          padding: 0px;
          margin: 0;
          font-size: 28px;
          text-indent: 0;
          font-family: var(--manrope);
          color: var(--green);
          line-height: 55px;
          border-bottom: 1px solid #dfdfdf;
          padding-bottom: 10px;
          @media (max-width: 1199px) {
            font-size: 20px;
          }
        }
        .faq-arrow {
          font-size: 25px !important;
        }
        .post-content {
          padding-top: 20px;

          * {
            font-size: 16px;
            color: #626262;
          }
          ul {
            list-style-type: disc;
            list-style-position: inside;
            padding: 0px;
            margin-bottom: 15px;
          }
          p {
            font-size: 16px;
            color: #626262;
            line-height: 29px;
            font-weight: 400;
            margin-bottom: 15px;
            strong {
              font-size: 22px;
              font-weight: 400;
            }
          }
        }
      }
      input[type="checkbox"]:checked + label {
        height: auto;
      }
    }
  }
}

#shopify-section-facets {
  * {
    &:hover {
      color: var(--green);
    }
  }
}

.t4s-collection-page {
  .t4s-products {
    .t4s-product {
      .t4s-product-wrapper {
        .t4s-product-info {
          min-height: 180px;
        }
      }
    }
  }

  .t4s-btn-filter-wrapper {
    .t4s-btn-filter {
      padding: 7px 25px !important;
      border-radius: var(--btn-radius) !important;
      border: 1px solid var(--border-cl) !important;
      &:hover {
        color: var(--green) !important;
        border-color: var(--green) !important;
      }
    }
  }
  #t4s__sortby {
    .t4s-dropdown__content {
      button {
        &:hover,
        &.is--selected {
          color: var(--green) !important;
        }
      }
    }
  }
  .t4s-pagination-wrapper {
    border: 0px;
    .t4s-pagination__list {
      display: flex;
      justify-content: center;
      padding: 0;
      margin: 0;
      li {
        @media (max-width: 767px) {
          margin: 0px;
        }
      }
      .t4s-pagination__item:not(.pagination__item-arrow) {
        width: 40px;
        height: 40px;

        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(0, 0, 0, 0.5);
        font-size: 14px;
        &.pagination__item--current {
          background: #0000000f;
          color: #000;
        }
      }
      .pagination__item-arrow {
        font-size: 14px;
        border: 1px solid rgba(0, 0, 0, 0.06);
        height: 40px;
        padding: 7px 15px;
        border-radius: 8px;
        color: #000;
        &:hover {
          color: #000;
        }
      }
    }
  }
}
.t4s-col-item.t4s-product__media-wrapper {
    z-index: 1;
}
/* Cart Page */
.template-cart {
  .t4s-main-cart {
    .t4s-get__rates,
    .t4s-main-cart
      input:not([type="submit"]):not([type="checkbox"]):not([type="number"]),
    .t4s-main-cart select,
    .t4s-main-cart textarea {
      border-radius: 5px !important;
    }
  }
  .t4s-cartPage__items {
    .t4s-quantity-cart-item {
      border-radius: 5px;
    }
  }

  .t4s-btn-group__checkout-update {
    width: 100%;
    .t4s-btn__checkout {
      width: 100%;
      border-radius: 5px;
      font-size: 18px;
      font-weight: 400;
      font-family: var(--manrope);
    }
  }
}

.faq label .faq-arrow {
  transform: rotate(-230deg) !important;
}

@media (max-width: 767px) {
  .t4s-featured-products + .t4s-section-all + section .t4s-image-text {
    flex-direction: column-reverse;
  }
}

.cstmm_popuop_data {
	position: absolute;
	background: #fff;
	max-width: 650px;
	height:650px;
	width: 100%;
	min-width: 650px;
	top: 50%;
	left: 50%;
	transform: translate(-100%, -50%);
	z-index: 99;
	padding: 50px 30px;
	border: 1px solid var(--green);
	span.close_pop_cdtm {
		position: absolute;
		right: -10px;
		top: -10px;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--green);
		color: #fff;
	}
	h4 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	p {
		font-size: 16px;
            @media (max-width: 767px) {
              		font-size: 14px;
            }
	}

  }
li.menu-has__offsets.is-action__hover 
{
.t4s-sub-menu {
    display: none;
}

}

body.Sub-collection .t4s-section-inner.t4s_nt_se_template--18596419928277__collections_list_manual_e4rqtC {
	margin: 0;
}
body.Sub-collection .t4s-collections-list-manual {
	padding: 40px 0px;
}


  @media (max-width: 1279px) {
  .cstmm_popuop_data {
    max-width: 500px;
    height: auto;
    min-width: 500px;
  @media (max-width: 991px) {
    max-width: 450px;
    height: auto;
    min-width: 450px;
    padding: 30px;
    h4 {
    font-size: 22px;
    margin-bottom: 10px;
}
      @media (max-width: 767px) {
     transform: translate(-50%, -50%);
    max-width: 100%;
    min-width: calc(100% - 30px);
     padding: 30px 15px;
}
}
}
  }
.cstmm_popuop_data.display_cstm_popup {
	display: flex !important;
    flex-flow: column;
	text-align: left;
	justify-content: center;
}

.shopify-policy__container {
    width: 100%;
    max-width: 1400px;
    padding: 0 15px;
   @media (max-width: 767px) {
    margin: 30px auto;
     .shopify-policy__title h1 {
    font-size: 30px;
    margin-bottom: 20px;
}
}
}


body.Sub-collection {
	.t4s-section-inner.t4s_nt_se_template--18596419928277__collections_list_manual_e4rqtC {
		.t4s-collection-manual {
			.t4s-col-item.t4s-collection-item {
				max-width: calc(100% / 3 - 15px);
              @media(max-width:1023px) {
                	max-width: calc(100% / 2 - 15px);
                @media (max-width:567px) {
              max-width: 100%;
                  width:100%;
                }
              }
			}
		}
	}
}

.sub_collection_metafield_page {
	padding: 50px 0px;
	.page-width.t4s-container {
		.t4s-collection-manual.has-2-item {
			display: flex;
			gap: 30px 0px;
          justify-content: center;
			.t4s-col-item.t4s-col-lg-6 {
				width: 100%;
				max-width: calc(100%/3);
              
                  @media(max-width:991px) {
                	max-width: calc(100% / 2 - 15px);
                @media (max-width:567px) {
          max-width: 100%
                }
                  }
				.t4s_ratio.t4s_ratio_hasmb {
					img {
						object-fit: cover;
					}
				}
			}
		}
	}
}
.t4s-collection-item .t4s-cate-wrapper {
transform: translatex(50%) !important;
    left: unset !important;
    right: 50%;
    box-shadow: none !important;
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6040616930365896) 0%, rgba(0, 0, 0, 0) 100%);
  a.t4s-cat-title{
        background: transparent !important;
    border: 0;
    box-shadow: none !important;
    outline: none;
    font-weight: 600;
	font-size: 16px;
			color: #fff;
			font-family: var(--manrope);
			text-transform: uppercase;
			align-items: flex-end;
    @media (max-width: 480px) {
    .t4s-collection-item .t4s-cate-wrapper {
        max-width: 100%;
        margin: auto;
        min-width: max-content;
    }
  }
}
}
/* .t4s-collection-item {
	.t4s-cate-wrapper {
		a.t4s-cat-title {
			font-weight: 600;
			font-size: 16px;
			color: #fff;
			font-family: var(--manrope);
			text-transform: uppercase;
			align-items: flex-end;
		}
	}
} */
.t4s-col-item.t4s-col-lg-6 {
	.t4s-cat-content.t4s-source-image {
		max-width: 300px;
		margin: 0 auto;
	}
}
.t4s-cat-content.t4s-source-image {
    max-width: 320px;
    margin: 0 auto;
}

  body.template-product {
	.t4s-close-overlay{
		display: none !important;
	}
}

.Sub-collection{
  .t4s-website-wrapper{
    .sub_collection_metafield_page {
      .t4s-collection-manual{
        .t4s-collection-item{
          .t4s-cat-content{
            max-width:100%;
            .t4s-coll-img{
              .t4s_cat_item_link{
                .t4s_ratio_hasmb{
                  &:before{
                    display:none;
                  }
                  img{
                    object-fit:cover;
                    position:relative;
                    max-height:465px;
                    min-height:465px;
                    @media (max-width:767px){
                      height:auto;
                      max-height:inherit;
                    min-height:inherit;
                    }
                  }
                }
              }
            }
            .t4s-cate-wrapper{
              
            }
          }
        }
      }
    }
  }
} 

  .wrap_map_text {
     display: flex;
      align-items: center;
       justify-content: space-evenly;
        flex-wrap:wrap;
         gap:40px 0;
       .wrap_map_text .map_cstm_text {
        display: block; }
         .wrap_map_text .map_cstm_text>div:not(:last-child) {
           margin-bottom: 20px;
         }
        }

 
t4s-product-description [data-lm-content] {
    min-height: 50px !important;
}