.plants {
  .SingleCell {
    box-shadow: none !important;
    border: none !important;

    p {
      color: #431934 !important;
      height: 40px;
    }

    img {
      border-radius: 20px !important;
    }
  }
}
.list-style-none ul {
  list-style-type: disc;
  list-style-position: outside;

  margin: 0;
  padding-left: 1.5em; 
  overflow-wrap: break-word;
}

.btn-more {
  padding: 5px 8px !important;
}

@media (max-width: 576px) {
  .plants {
    .title {


      h2 {
        font-size: 1.0rem !important;
        padding: 9px !important;
      }
    }
  }

  .mostSalling,
  .BestOffers {
    & .title {
      h2 {
        font-size: 1.0rem !important;
        padding: 9px !important;
      }
    }
  }

  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 21px !important;
  }

  .MainSwiper {
    .swiper-slide {
      height: 200px;
    }

    .swiper-slide-product-item-text {
      font-size: 1rem !important;
    }
  }

  .BuyByOccasions {
    padding: 0px 0px !important;

    .swiper-slide {
      img {
        width: 70px;
        height: 70px;
      }

      h4 {
        font-size: .775rem !important;
      }
    }

    .Occasions {
      .swiper-wrapper {
        height: 140px !important;
      }
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev,
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      display: none !important;
    }
  }

  .mostSalling,
  .BestOffers {
    .SingleCell {
      min-height: 366px;
      padding-top: 5px !important;

      img {
        border-radius: 20px;
      }
    }
  }

  .avaible {
    span {
      font-size: 0.7rem;
      padding: 0px 5px !important;
      margin-bottom: .3rem !important
    }

    .dot {
      width: 7px !important;
      height: 7px !important;
    }

    ;
  }

  .btn-more {
    padding: 5px 8px !important;
    font-size: 0.8rem;
  }

  .Review {

    padding: 0px 0px !important;
    padding-top: 10px !important;

    .swiper-slide {
      height: 300px !important;
    }

    h4 {
      font-size: 15px !important;
    }
  }

}

@media (min-width: 768px) {
  .shop-page {
    padding-top: 50px !important;
  }
}

.navbar-shadow {
  box-shadow: rgba(94, 43, 83, 0.3) 0px 10px 15px, rgba(94, 43, 83, 0.2) 0px 4px 6px;
}

@media (max-width: 769px) {

  .small{
    font-size: 11px !important;
  }
  .Hero {
    padding-top: 100px;
  }

  .navbar {
    background-color: #fff !important;

  

  }

  .site-name {
    font-size: .9rem !important;
    padding: 0px !important;
    margin: 0px !important;
  }

  .hhh {
    margin-inline-start: -20px !important;
    margin-block-start: -20px !important;
    display: flex !important;
    text-align: center !important;
    justify-content: center !important;


    a {
      font-size: .4rem !important;
      padding: 6px !important;
      margin: 0px !important;
      margin-left: 0px !important;
      text-align: center !important;

    }

    .kk {
      margin-inline-start: -15px !important;
      text-align: center !important;
    }
  }

  .shop-page {
    padding-top: 40px !important;
  }

  .Landscape, .Events {
    padding-top: 0px !important;
  }

  .landscape-title {

    h2 {
      padding: 0px !important;
      margin: 0px !important;
      font-size: 1.2rem !important;
    }
  }

  .whatsapp-icon {

    padding: 0px !important;
    margin: 0px !important;
    width: 40px;
    height: 40px;
    font-size: 0.5rem !important;
    margin-bottom : 30px !important;
  }

  .cart-count {
    font-size: .5rem !important;
    margin-left: 2px !important;
  }

  .footer-card {
    img {
      width: 40px !important;
      height: 40px !important;
    }

    h5 {
      font-size: .9rem !important;
      margin: 0px !important;
      padding: 0px !important;
    }
  }

  .delivery-options {

    h5 {
      font-size: .7rem !important;


    }

    .input-delivery {
      padding: 5px !important;
      width: 150px;

      span {
        font-size: .8rem !important;
      }

      label {
        font-size: .8rem !important;
      }

      input {
        font-size: .8rem !important;
      }

    }
  }

  .price {
    h5, h4 {
      font-size: .8rem !important;
      font-weight: 800 !important;
      padding: 5px !important;
      margin: 0px !important
    }
  }

  .btn-order {
    padding: 7px !important;
    font-size: .8rem !important;
    margin-top: 7px !important;
  }

  .cart-icon {
    font-size: 1.2rem !important;
    margin-top: -10px !important;
  }

  .cart-count {
    font-size: .6rem !important;
    top: -10px !important;
    margin-top: -10px !important;
  }

  .icons-navbar {
    /* padding: 0px !important;
  margin: 0px !important; */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 2px !important;

    a {
      padding: 0px !important;
      margin: 0px !important;
      font-size: .9rem !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important
    }


  }

  .Events {
    padding-top: 100px !important;

   
    h1 {
      font-size: 1.2rem !important;
       margin: 0px !important;
      padding: 0px !important;
    }
    .gallery-filter {
      margin: 0px !important;
      padding: 0px !important;
    }
  }
    .hide-sm{
      display: none !important;
    }

    .LoginSection{
      padding-top: 100px !important;
      .login_form{
        padding: 20px !important;
        margin: 20px !important;

      }
      .title{
        padding-top: 10px !important;
        margin: 0px !important;
      }
      img{
        width: 40px !important;
        padding: 0px !important;
        
        
      }
      h1{
       
        font-size: 1.rem !important;
      }
      h4{
         padding: 0px !important;
        margin: 0px !important;
        font-size: 1.2rem !important;
      }
      h2{
         padding: 0px !important;
        margin: 0px !important;
        font-size: 1.2rem !important;
      }
      button {
       margin-top: 10px !important;
       margin-bottom: 10px !important;
        font-size: .8rem !important;
        
      }
      p {
        font-size: .8rem !important;
      }
    }
    .cart-category{
     width: 140px !important;
     height: 170px !important;
     .cat-title{
      padding: 0px !important;
      margin: 0px !important
     }
    }

    .Footer {
      padding: 0px !important;
      hr {
        height: 2px;
            margin-bottom: -41px !important;
                margin-top: 96px;      
      }
    }

    .cardss{
      padding: 0px !important;
      margin: 0px !important;
      .footer-card{
        padding: 0px !important;
        margin: 0px !important;
      }
    }



}

  #welcomeCouponModal .modal-dialog {
    max-width: 500px; 
    margin: 1.75rem auto;
  }

  @media (max-width: 576px) {
    #welcomeCouponModal .modal-dialog {
      max-width: 80%;  
      margin: 1rem auto; 
    }
    #welcomeCouponModal .modal-content {
      padding: 0.1rem; 
    }
    #welcomeCouponModal .modal-header .modal-title {
      font-size: 1rem;
    }
    #welcomeCouponModal .modal-body p,
    #welcomeCouponModal .modal-body h3,
    #welcomeCouponModal .modal-body small {
      font-size: 0.9rem;
    }
    #welcomeCouponModal .modal-body h3 {
      margin-bottom: 0.1rem;
    }
    #welcomeCouponModal .copy-coupon {
      padding: 0.15rem 0.2rem;
      font-size: 0.8rem;
    }
    #welcomeCouponModal .modal-footer button {
      padding: 0.300rem 0.50rem;
      font-size: 0.85rem;
    }
  }