div#shopify-section-template--19565281149180__logolist_DbbKcT{
   .brand-logo {
      max-width: 100%;
      height: 150px;
      object-fit: contain;
  }
     h2.main__evis__heading {
        font-size: 4rem;
        font-weight: 500;
  }
}

div#shopify-section-template--19593717219580__logolist_DbbKcT .brand-logo {
    max-width: 100%;
    height: 120px;
    object-fit: contain;
}

.logolist__slider {
  width: 100%;
  overflow: hidden;
}

.logolist__slider.slider {
    padding-bottom: 50px;
}

.logolist__slider.slider h2 {
    text-align: center;
    padding-bottom: 40px;
}
.slide-track {
  display: flex;
  flex-wrap: nowrap;
}

.brand-logo-item {
  margin-right: 0px;
}

.brand-logo {
  max-width: 100px;
  height: 100px;
  object-fit: contain;
}

.logolist__slider.slider div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

h2.main__evis__heading {
    font-size: 3rem;
    font-weight: 500;
    color: #3D5229;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 0;
}

div#shopify-section-template--19565281149180__about_us_bottom_JqF98g .logolist__slider .slide-track {
    gap: 30px;
    margin-bottom: 50px;
}
div#shopify-section-template--19593717219580__logolist_DbbKcT .icon-heading {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    text-align: center;
  }
#shopify-section-template--19593717219580__logolist_DbbKcT .brand-logo-item {
    margin-right: 25px;
    margin-left: 25px;
  }

@media screen and (min-width:991px){
  h2.main__evis__heading {
    font-size: 4rem;
    font-weight: 500;
    color: #3D5229;
    margin-bottom: 0;
    margin-top: 35px;
    padding: 0;
  }
  div#shopify-section-template--19593717219580__logolist_DbbKcT .brand-logo {
      max-width: 100%;
      height: 150px;
      /*height: 210px;*/
      object-fit: contain;
  }
  
}
@media screen and (min-width:1200px){
 div#shopify-section-template--19593717219580__about_us_bottom_JqF98g
  .brand-logo {
      max-width: 150px;
      height: auto;
      object-fit: contain;
  }
}
@media screen and (min-width:1200px){
  #shopify-section-template--19593717219580__about_us_bottom_q83HDh .brand-logo {
      max-width: 150px;
      height: auto;
      object-fit: contain;
  }
  .brand-logo {
      max-width: 250px;
      height: auto;
      object-fit: contain;
  }
  
}

@media screen and (max-width:600px){
  div#shopify-section-template--19593717219580__logolist_DbbKcT .icon-heading {
    font-size: 12px;
  }
  #shopify-section-template--19593717219580__logolist_DbbKcT .brand-logo-item {
    margin-right: 10px;
    margin-left: 10px;
  }
  div#shopify-section-template--19593717219580__logolist_DbbKcT .brand-logo {
    height: 80px;
  }
  
}

/* Container grid */
.brand-logos {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important; /* 4 columns */
  gap: 0; /* borders align perfectly */
  border-top: 0; /* optional outer styling */
  width: 100%;
  box-sizing: border-box;
}

/* Basic item styling */
.brand-logo-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 22px 16px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  background: transparent;
}

/* Image & heading */
.brand-logo-item .brand-logo {
  max-width: 80px;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
.brand-logo-item .icon-heading {
  font-size: 16px;
  line-height: 1.1;
  margin: 0;
}

/* border style variable */
:root {
  --logo-border: 1px solid #e0e0e0; /* change color/thickness here */
}

/* Reset - no borders by default */
.brand-logo-item { border: none; }

/* First row (1–4): Only apply right borders and bottom border to row */
.brand-logo-item:nth-child(1),
.brand-logo-item:nth-child(2),
.brand-logo-item:nth-child(3) {
  border-right: 1px solid #ccc;
}
.brand-logo-item:nth-child(1),
.brand-logo-item:nth-child(2),
.brand-logo-item:nth-child(3),
.brand-logo-item:nth-child(4) {
  border-bottom: 1px solid #ccc;
}

/* Optional: For row 2 (5–8), just apply right borders again */
.brand-logo-item:nth-child(5),
.brand-logo-item:nth-child(6),
.brand-logo-item:nth-child(7) {
  border-right: 1px solid #ccc;
}

/* Responsive: switch to 2 columns on narrow screens and update border patterns */
@media (max-width: 800px) {
  .brand-logos { grid-template-columns: repeat(2, 1fr) !important; }

  /* For two columns: treat nth-child(1) as left top, nth-child(2) as right top, etc. */
  .brand-logos .brand-logo-item { border: none; }

  /* 1 -> right + bottom */
  .brand-logos .brand-logo-item:nth-child(1) {
    border-right: var(--logo-border);
    border-bottom: var(--logo-border);
  }
  /* 2 -> left + bottom */
  .brand-logos .brand-logo-item:nth-child(2) {
    border-left: var(--logo-border);
    border-bottom: var(--logo-border);
  }
  /* 3 -> right + bottom */
  .brand-logos .brand-logo-item:nth-child(3) {
    border-right: var(--logo-border);
    border-bottom: var(--logo-border);
  }
  /* 4 -> left + bottom */
  .brand-logos .brand-logo-item:nth-child(4) {
    border-left: var(--logo-border);
    border-bottom: var(--logo-border);
  }
  /* row 2 items */
  .brand-logos .brand-logo-item:nth-child(5),
  .brand-logos .brand-logo-item:nth-child(6),
  .brand-logos .brand-logo-item:nth-child(7),
  .brand-logos .brand-logo-item:nth-child(8) {
    border-top: var(--logo-border);
  }
}

/* small tweak for very small screens */
@media (max-width: 420px) {
  .brand-logos { grid-template-columns: 1fr !important; }
  .brand-logo-item { border: none; border-bottom: var(--logo-border); }
  .brand-logo-item:last-child { border-bottom: none; }
}