/* Add custom CSS styles below */ 
body {
    background-color: #fff;
}
#mainnav .inner {
    background-color: #818181 !important;
}
.navbar-brand img {
    max-height: 5rem;
}
.sec_brand .container .brand_grid .item_brand img {
    padding: 15px;
}
.sec_brand .container .brand_grid {
    grid-template-columns: repeat(3, minmax(0, 180px)) !important;
    justify-content: center;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(5,minmax(0,170px));
    align-items: flex-end;
    gap: 30px;
}
.lazy__bg {
    background-repeat: no-repeat;
  background-position: bottom;
   background-size: contain !important;
   
}
.banner-entry ,.two-row .banner-entry:first-child {
     height: 150px !important;
      background-color: transparent;
      padding: 0px;
      color: #fff;
 overflow: hidden;
  position: relative;
  transition: 0.5s;
   }
.one-row .banner-entry,
.two-row .banner-entry,
.one-row .banner-entry:first-child,
.two-row .banner-entry:first-child {
  grid-column: span 1;
  grid-row: span 1;
}
.sm\:py-16 {
    padding-top: 0;
    padding-bottom: 4rem;
}
@media (max-width: 767px){
  .navbar-brand img {
    max-height: 4rem;
}

  .md\:grid-cols-3 {
    grid-template-columns: repeat(5,minmax(0,80px));
    align-items: flex-end;
    gap: 20px;
}
.banner-entry ,.two-row .banner-entry:first-child {
    height:60px !important;
  }
  .sec_brand .container .brand_grid {
    grid-template-columns: repeat(3, minmax(0, 100px)) !important;
}
  .sec_brand .container .brand_grid .item_brand img {
    height: 100px;
    width: 100px;
}
}