.ban_wrap .banner_main .banner_text{
    text-align: left;
    padding-left: 75px;
    width: 100%;
    max-width: 55%;
    top: 50%;
    transform: translateY(-50%);
    bottom: unset;
    position: absolute;
}
.ban_wrap .banner_main .banner_text h2{
    padding-left: 0;
    color: #fff;
    font-size: 45px;
        font-family: 'Cresing';
          font-weight: normal;
          text-align: left;
          margin-bottom: 0;
}
.banner_text h3{
    color: #fff;
    padding: 15px 0 25px;
    font-family: var(--font-family-p), serif;
    font-weight: 400;
}

.banner_btns{
    display: inline-block;
}

.banner_btns ul{
    display: flex;
    column-gap: 5px;
}

.banner_btns .smt_btn{
    background-color: #007336;
    color: #fff;
    padding: 10px 25px;
    font-size: 18px;
    display: inline-block;
    font-family: "Tenor Sans", sans-serif;
    font-weight: 400;
}



.listing_main{
    background-color: #f8f8f8;
    padding-bottom: 60px;
}

.listing_box_sec{
    margin-top: -45px;
    background-color: #fff;
    position: relative;
    border-radius: 20px;
    padding: 50px 40px 40px;
}

.listing_heading{
    text-align: center;
    padding-bottom: 40px;
}

.listing_heading h2{
    margin-bottom: 0;
}

.listing_heading p{
  padding: 0 15%;
}

.filters_accord_wrap{
    padding-right: 15px;
}

.filters_accord_wrap ul li{
    margin-bottom: 5px;
}

.product_list_wrap{
    padding-left: 15px;
}

.listing_accord {
    background-color: #fff;
   display: flex;
   justify-content: space-between;
   align-items: center;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: 1px solid #ddd;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  
  
  .listing_accord:after {
    content: "";
   clear: both;
   background-image: url(/images/arrow_down.png);
   background-repeat: no-repeat;
   background-size: cover;
   height: 16px;
   width: 16px;
   display: inline-block;
   transition: 0.2s;
  }
  
  .accordion_active:after {
   transform: rotate(180deg);
  }
  
  .accord_content {
    padding: 0 10px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }

  .listing_wrap{
    display: grid;
    grid-template-columns: 25% 75%;
  }

  .product_grid{
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);
  }

  .product_grid .product_grid_item{
    border: 1px solid #ddd;
    padding: 15px;
  
  }

  .product_img{
    overflow: hidden;
  }

  .product_img img{
    transition: 0.5s;
  }

  .mobile-filter-button {
    display: none; 
}

.product_grid_item p{
    text-align: center;
  }

  @media screen and (min-width: 768px){
    .product_grid_item:hover img{
      transform: scale(1.1);
      transition: 0.5s;
    }
  }

@media only screen and (max-width: 768px) {

  .listing_main{
    background-color: #fff;
    padding-bottom: 0;
}


  section.ban_wrap.topbanner .banner_main .banner_text{
        padding: 0px;
        max-width: 100%;
        text-align: center;
    }

    .ban_wrap .banner_main .banner_text h2{
      font-size: 25px;
      line-height: normal;
    }

    .banner_text h3{
      font-size: 15px;
      padding: 15px 0;
    }

    .banner_btns .smt_btn{
      font-size: 15px;
    }

    .listing_box_sec{
        padding: 0 0 50px;
    }

    .listing_main .container{
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }

    .listing_box_sec{
      margin-top: -35px;
    }

    .mobile-filter-button {
        padding: 9px 10px;
        font-size: 17px;
        color: #ffffff;
        display: inline-block;
        margin-bottom: 10px;
        background-color: #9bca3b;
        font-family: "Tenor Sans", sans-serif;
    }

    .filters_accord_wrap {
        display: none; 
    }

    .filters_accord_wrap.show-filters {
        display: block; 
        padding-right: 0;
    }

    .mobile-filter-button:after{
         content: "";
       clear: both;
       background-image: url(/images/white_down_arrow.png);
       background-repeat: no-repeat;
       background-size: cover;
       height: 16px;
       width: 16px;
       display: inline-block;
       transition: 0.2s;
       vertical-align: middle;
       margin-left: 10px;
    }

      .show-filters-active:after {
       transform: rotate(180deg);
      }

    .listing_wrap{
        display: block;
      }

      .listing_heading p{
        display: none;
      }
      .listing_heading h2{
        line-height: normal;
      }

      .listing_heading{
        padding: 30px 30px 40px;
      }

      .product_list_wrap{
        padding: 0;
      }

      .product_grid{
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
      }

      .product_grid_item p{
        line-height: normal;
      }
}