/* global styles */
      html,body {scroll-behavior: smooth;font-family: 'Roboto', sans-sans-serif;}

      .fancy-font {font-family: 'Hammersmith One', sans-serif;}

      .cart-prod-img {width: 100%;max-width: 150px;}

/* navigation and body */
      body {
        padding-top: 120px;
      }

      body>footer {
        position: sticky;
        top: 100vh;
      }

      main {
        margin-top: 20px;
      }

      main.no-margin {
        margin-top: 0px;
      }

      body .btn-primary.focus,
      body .btn-primary:focus {
        box-shadow: none;
      }

      nav {
        box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 10%);
      }

      .nav-item.active {
        font-weight: bold
      }

      @media screen and (max-width: 992px) {
        .nav-item.active {
          border-radius: 0px !important
        }
      }

/* top slider in sticky menu */
      #headerslide {
        visibility:hidden;
          position: relative;
          height:30px;
      }

      #headerslide .headerslide-box {
        position:absolute;
        width:100%;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
      }

      .headerslide-inner{display:flex;align-items:center;text-transform: uppercase;    justify-content: center;}
      .headerslide-inner img{margin-right:5px;width:100%;max-width:28px}

/* main title with background */
      .main-section-title {
        font-family: 'Hammersmith One';
        text-align: center;
        background: url('/core/img/back-title.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        margin: 15px 0px;
        padding: 40px 0px 30px;
        font-size: 42px
      }

      @media (max-width:992px){.main-section-title{font-size:32px}}
      @media (max-width:600px){.main-section-title{font-size:30px}}
      @media (max-width:400px){.main-section-title{font-size:26px}}
/* main subtitle title */
      .main-section-subtitle {
        text-align: center;
        font-weight: 300;
        font-size: 24px;
        max-width: 60%;
        margin: auto auto 60px
      }
      @media (max-width:992px){.main-section-subtitle{font-size:20px}}
      @media (max-width:768px){.main-section-subtitle{font-size:18px;max-width:300px}}

/* scrollbar colors */
        ::-webkit-scrollbar{width:10px;height:10px}
        ::-webkit-scrollbar-button{width:0;height:0}
        ::-webkit-scrollbar-thumb{background:#bfbfbf;border:0 #fff;border-radius:0}
        ::-webkit-scrollbar-thumb:hover{background:#bfbfbf}
        ::-webkit-scrollbar-thumb:active{background:#bfbfbf}
        ::-webkit-scrollbar-track{background:#f7f7f7;border:0 #fff;border-radius:0}
        ::-webkit-scrollbar-track:hover{background:#f7f7f7}
        ::-webkit-scrollbar-track:active{background:#f7f7f7}
        ::-webkit-scrollbar-corner{background:0 0}

/* toast */
        .custom-toast {
          border-radius: 20px !important;
          overflow: hidden !important
        }

        .custom-toast .toast-body {
          color: white;
          font-weight: bold;
          background: #659a40;
          padding: 10px 20px;
          font-size: 15px;
        }
        @media (max-width:992px){
          .custom-toast{
              width: 100%;
              right:0px !important;
              max-width: 100%;
              border-radius: 0px !important;
              text-align: center;
              display: block;
              z-index: 999;}
        }
/* btn global */
        .btn-add {
          background: #659A40;
          border: 2px solid transparent;
          color: #fff !important;
          text-transform: uppercase;
        }

        .btn-more {
          background: #fff;
          border: 2px solid #659A40;
          color: #659A40;
          text-transform: uppercase;
        }

        .btn-add:hover {
          filter: brightness(1.1);
        }

        .btn-more:hover {
          background: #659A40;
          color: #fff;
        }


/* slider-dots-default */
        .slider-dots .slick-dots{display: flex;justify-content: center;gap: 15px;margin: 15px auto;padding:0px;    font-size: 0px;}
        .slider-dots .slick-dots button{width: 12px;height: 12px;border-radius: 100px;padding: 0;border: 0px;background: #a0d27e;}
        .slider-dots .slick-dots .slick-active button{background: #659a41;}
        .slick-dots > li:only-child {
                display: none;
            }
/* page sidebar */
        .container-with-sidebar{display: grid;grid-template-columns: 70% auto;gap:10px}
        @media (max-width:992px){
          .container-with-sidebar{grid-template-columns: auto}
        }

        .page-sidebar{padding:10px;padding-top:0px}

        .product-sidebar{margin-bottom:10px;background: #efefef;border-radius:10px;padding:10px;}

        .product-sidebar a{display: flex;color:black;
            justify-content: flex-start;
            align-content: center;
            align-items: center;gap:5px;}
        .product-sidebar a:hover,.product-sidebar a:focus{text-decoration: none;color:black}

        .product-sidebar a:hover div span:nth-child(1),.product-sidebar a:focus div span:nth-child(1){font-weight:bold}

        .product-sidebar img{padding: 10px;
            background: white;
            border-radius: 10px;
            width: 100%;
            max-width: 60px;}

        .product-sidebar div span:nth-child(1){display: block;}
        @media (max-width:992px){
          .page-sidebar{
            display: grid;
                grid-template-columns: repeat( auto-fit, minmax(223px, 1fr) );
                gap: 10px;
                padding: 0px;
          }
        }


/* product-card for list */
        .product-list-container{max-width: 1200px;}
        @media screen and (max-width: 1200px) {
          .product-list-container{max-width: 700px;}
        }


        .product-card{text-align: center;padding-bottom: 15px;}

        .product-card-inner{
          padding: 5px;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          align-content: space-between;
          height: 100%;
        }

        .product-card-top {}
        .product-card-btm{}

        .product-desc{font-size: 18px;;margin:0px}

        .product-card-top img{width:100%;max-width: fit-content;}

        .product-price{font-size: 30px;display: flex;align-items: center;justify-content: center;gap: 5px;flex-wrap: wrap;}
        .product-price del{color: black;font-size:80%;    white-space: nowrap;}
        .product-price span{color:red;font-weight: bold;font-size:90%;line-height: 19px;    white-space: nowrap;}

          .product-card .product-action-btns{display:flex;gap:10px;justify-content: center;}

        .product-reviews{display: flex;justify-content: center;gap: 5px;align-items: center;flex-wrap:wrap;font-size: 19px;    margin-bottom: 5px;}
        .product-reviews div:nth-child(1){color: #ffc107;font-size: 70%;}
        .product-reviews div:nth-child(2){font-size: 100%;}

        @media screen and (max-width: 900px) {
          .product-card-inner{padding: 0px;}
          .product-card .product-action-btns{flex-wrap: wrap;margin-top: 10px;flex-direction: column-reverse;}
          .product-card .product-action-btns a{font-size: 14px;padding: 5px;margin:0px auto;width:100%;max-width: 130px;}

.product-card .product-action-btns{gap:0px}
            .product-card .product-action-btns a:nth-child(2) {
              margin-bottom:10px;

          }
          .product-desc{font-size: 16px;}
          .product-price{font-size: 25px;}
          .product-reviews{font-size: 15px;}
        }
        @media screen and (max-width: 400px) {
          .product-card-btm {margin-top: 5px;}
          .product-reviews{gap:0px}
          .product-desc{font-size: 14px;line-height: 16px;}
          .product-price{font-size: 22px;}
          .product-reviews{font-size: 13px;}
          .product-card .product-action-btns a{max-width: 105px;}
        }

/*product list out of stock*/
        .product-card.outofstock .product-card-top img{opacity: 0.5;}
        .product-card.outofstock .product-action-btns {filter:grayscale(1);}

        .product-card.outofstock .product-price{text-transform: uppercase;font-size: 18px;font-weight: bold;color: grey;}

        .product-card.outofstock .product-action-btns a,.product-card.outofstock .product-card-top a{pointer-events: none;cursor: default;}

/*popup - modal*/
        .modal-package{padding:0px;padding-right:0px !important}


        .modal-dialog{max-width: 630px;}
        .modal-package .modal-content  {overflow: hidden}
        .modal-package .modal-body{padding:0px;}
        .modal-package .modal-body .header-popup{background: black;text-align: center;padding: 10px;text-transform: uppercase;font-weight: bold;color: white;}
        .modal-package .modal-body-inner{padding: 10px;}
        @media (max-width:992px){
          .modal-package .modal-body-inner{padding: 10px 3px;}
          .modal-package .package-select-row{padding:0px}
        }

/* packages */
        .package-select-row {
          display: grid;
          grid-template-columns: 33% 33% 33%;
          margin-bottom: 10px;
          gap: 3px;
        }

        .package-select {
          flex: 1;
          margin:0px;
          display: flex;
          align-items: end;
        }

        .package-select .label-package img {
          width: 100%;
          max-width: 120px
        }

        @media (max-width:992px){
          .package-select-row{padding:0px 5px;gap: 2px;}
          .package-select{width:100%}
          .package-select .label-package img {max-width: 90px}
        }


/* CHECKED STYLES */
        .package-select input {
          position: absolute;
          opacity: 0;
          width: 0;
          height: 0;
        }

        .package-select input+.label-package {
          cursor: pointer;
          height: 100%;
          box-shadow:none;
          background:none;
          transition: box-shadow 0.2s ease-in-out, background 0.4s ease-in-out;
        }

        .package-select input:checked+.label-package {
          transition: box-shadow 0.2s ease-in-out, background 0.5s ease-in-out;
          /* border-width: 2px !important; */
        }




        .label-package {
          border-style: solid;
          border-width: 1px;
          border-radius: 6px;
          overflow: hidden;
          text-align: center;
          font-size: 14px;
          line-height: 14px;

          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          width: 100%;

align-items: center;
        }


        .label-package-inner {
          padding: 5px;
        }

        .package-off {
          display: flex;
          flex-wrap: nowrap;
          justify-content: center;
          text-transform: uppercase;
          align-items: center;
          color: white;
          gap: 10px;
          font-size: 12px;
          text-align: center;
          font-weight: bold;
          padding: 5px 4px;
          width: 100%;
          align-self: flex-start;
        }

        .product-package-select.nooff {
          height: 100% !important;
          padding-top: 0px;
        }

        .package-off span:nth-child(2) {
          text-transform: uppercase;
          white-space: nowrap;
        }


        @media screen and (max-width: 500px) {
          .label-package {
          align-items: baseline;
}
        }

        @media screen and (max-width: 400px) {
          .package-off span:nth-child(2) {
            font-size: 0.9em;
          }
        }

        .package-name {
          display: block;
          margin-bottom: 0px;
          padding: 0px 10px;
        }

        .package-price {
          font-weight: bold;
          color: black;
          margin: 5px;
          margin-bottom: 0px;
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          white-space: nowrap;
          gap:3px;
        }
        .package-price del{font-weight:400;}
        .package-save {
          display: block;
          font-size: 80%;
          color: #000;
          text-transform: capitalize;
        }
      .label-package-inner  .package-unit{margin-bottom:3px}
.package-ship{margin-top:3px}
.package-ship{color: #000000;
    font-size: 90%;}

        .product-package-select .package-off {
          font-size: 11px;
        }

        .product-package-select .package-off span:nth-child(1) {
          font-size: 13px;
        }

        .product-package-select .package-off span:nth-child(2) {
          font-weight: 400;
        }

        @media screen and (max-width: 1200px) {
          .product-package-select .package-off {
            flex-wrap: wrap;
            text-align: center;
            justify-content: center;
            gap: 5px;
          }
          .product-package-select .package-off span:nth-child(1) {
            width: 100%
          }
          .product-package-select.nooff {
            height: 100% !important;
            padding-top: 0px;
          }
        }
        @media screen and (max-width: 370px) {

          .product-package-select .package-off span:nth-child(1) {
            font-size: 11px;
          }
        }

/* modal and action buttons */
                .modal-action-btns {
                  display: flex;
                  justify-content: center;
                  align-content: center;
                  gap: 10px;
                  text-align: center;
                  margin-bottom: 10px;
                  font-size: 13px;
                }

                .modal-action-btns a {
                  text-transform: uppercase;
                  font-size: 15px;
                  align-content: center;
                  align-items: center;
                  justify-content: center;
                  display: flex;
                }

                .product-page-cart-btns a {
                  width: 100%;
                  font-size: 18px;
                }

                @media screen and (max-width: 600px) {
                  .modal-action-btns a {
                    font-size: 11px;
                    padding: 5px;
                    width: 100%;
                  }
                  .product-page-cart-btns a {
                    font-size: 13px;
                  }
                }


/*popup badges*/
        .choose-pack-badges {
          justify-content: center;
          font-size: 12px;
          line-height: 14px;
          color: #000;
          display: flex;
          gap: 10px;
        }

        #producttop .choose-pack-badges {
          color: #8e8e8e
        }

        .choose-pack-badges div {
          display: flex;
          align-items: center;
          gap: 3px;
          justify-content: center;
        }

        .choose-pack-badges img {}



        @media screen and (min-width: 501px) {
          .choose-pack-badge-text-m{display: none}
          .choose-pack-badge-text-d{display: block}
        }
        @media screen and (max-width: 500px) {
          .choose-pack-badge-text-m{display: block}
          .choose-pack-badge-text-d{display: none}
        }

        @media screen and (max-width: 500px) {
            .choose-pack-badges div {
                  flex-wrap: wrap;
                  max-width: 138px;
                  text-align: center;
            }
              .choose-pack-badges span{width:100%}

        }
/* blog-list section */
          .blog-list-section {}

          .blog-list-row {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 10px;
          }

          .blog-list-box {
            position: relative;
            width: 100%;
            height: 100%;
            flex-wrap: wrap;
            padding: 10px;
            box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
          }

          .blog-list-box-img {
            margin-bottom: 0px;
            position: relative;
          }

          .blog-list-box-img-shadow:after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            ;
            left: 0px;
            background-image: linear-gradient( to top, rgb(52 52 52 / 100%) 0%, rgba(165, 25, 73, 0) 67%);
          }

          .blog-list-box-img b {
            position: absolute;
            bottom: 0px;
            color: white;
            margin: 10px;
            margin-bottom: 2px;
            font-size: 22px;
            line-height: 21px;
            font-weight: normal
          }

          .blog-list-box-img-shadow img {
            width: 100%;
          }

          .blog-list-box span {
            font-size: 18px;
            font-weight: 300;
            margin-top: 10px;
          }

          .blog-list-box.slick-slide {
            margin: 10px;
          }

          .blog-slider .slick-track,
          .blog-list-row-page {
            display: flex !important;
            gap: 10px;
          }

          .blog-slider .slick-slide {
            height: inherit !important;
            margin: 5px;
            display: flex !important
          }

          .blog-list-row-page .blog-list-box {
            height: 100%;
            margin: 5px;
            display: flex !important
          }

          .blog-list-row-page {
            display: grid !important;
            grid-template-columns: repeat( auto-fit, minmax(280px, 1fr));
            margin-top: 20px
          }

          @media (max-width:992px) {
            .blog-list-box.slick-slide {
              box-shadow: none
            }
          }

          @media (max-width:600px) {
            .blog-list-box.slick-slide {
              min-height: 470px;
              margin: 5px;
            }
            .blog-list-box.slick-slide {
              margin: 5px;
            }
          }

          .blog-list-box b span {
            display: block;
            margin: 0px;
            font-size: 13px;
            font-family: sans-serif;
            color: #f3f3f3;
            font-weight: bold;
          }

          .blog-section-card {
            background: white;
            padding: 10px;
            box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
          }

          .blog-list-learn-more {
            display: flex;
            align-items: center;
            width: fit-content;
            margin: 0px auto;
            height: 40px;
            background: #fff;
            border: 2px solid #659A40;
            color: #659A40;
            text-transform: uppercase;
            margin-top: 10px;
            align-self: flex-end;
          }

          .blog-list-learn-more:hover {
            background: #659A40;
            color: #fff;
          }

          .blog-list-link {
            width: 100%
          }

          .blog-list-link:hover img {
            opacity: 0.8
          }


/* blog single page */
          .blog-page-section {}

          .blog-page-header {
            width: 100%;
            background: #efefef;
            margin: 10px 0px;
            border-radius: 10px;
            padding: 10px;
            margin-top: 0px;
            text-align: left;
          }

          .blog-page-header h1 {
            font-size: 30px;
            font-weight: bold;
          }

          .blog-page-header span {
            font-size: 18px
          }

          .blog-page-image {
            width: 100%;
            height: 400px;
            object-fit: contain;
          }
          @media (max-width:992px) {
            .blog-page-image {
              height: auto;
            }
          }
          .blog-page-content {
            margin-top: 20px
          }
          .blog-page-content h3 {
            color: #659a40;
            font-size: 22px;
            font-weight: bold;
          }

          .blog-banner {width:100%;display:block;margin:10px 0px}
          @media (min-width:993px) {
            .blog-banner-m {display: none}
            .blog-banner-d {display: block}
          }
          @media (max-width:992px) {
            .blog-banner-m {display: block}
            .blog-banner-d {display: none}
          }

/* cookies           */
          #cookie {
            position: fixed;
                z-index: 999;
                left: 50%;
                transform: translate(-50%, 0px);
                bottom: 15px;
                padding: 1em;
                background: #000;
                color: #fff;
                border-radius: 0.5em;
                text-align: center;
                box-shadow: 0 2px 3px rgb(51 51 51 / 25%);
                opacity: 0.8;
          }
          @media (max-width:992px){
            #cookie{width:95%;bottom:7px;padding: 7px;font-size: 14px;}
          }

          #cookie button {
            border: 0;
            background: #f1f1f1;
            padding: 0.5em;
            border-radius: inherit;
            box-shadow: inherit;
            margin-left: 5px;
            cursor: pointer;
            box-shadow: none;
          }
          #cookie button:hover {
            background: #fcfcfc;
          }