.logos_sec {
  margin: auto;
}
.logos_sec .logos {
  overflow: hidden;
  border: 1px solid #e5eee6;
}
.logos_sec .logos .slick-slide {
  border-right: 1px solid #e5eee6;
  padding: 20px;
}

/* Desktop Layout - 4 column grid */
.new-design-boxes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}

.new-design-boxes .box {
  background-color: #fff;
  padding: 32px;
  text-align: center;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.06);
}

.new-design-boxes .box.box-blue {
  background-color: var(--primary_color);
  color: #fff;
}

/* Desktop: alternating heights for visual interest */
@media (min-width: 768px) {
  /* First row alternating positions */
  .new-design-boxes:nth-of-type(1) .box:nth-child(1) {
    align-self: start;
  }
  .new-design-boxes:nth-of-type(1) .box:nth-child(2) {
    align-self: start;
    margin-top: 40px;
  }
  .new-design-boxes:nth-of-type(1) .box:nth-child(3) {
    align-self: start;
  }
  .new-design-boxes:nth-of-type(1) .box:nth-child(4) {
    align-self: start;
    margin-top: 40px;
  }

  /* Second row alternating positions */
  .new-design-boxes:nth-of-type(2) .box:nth-child(1) {
    align-self: start;
    margin-top: 40px;
  }
  .new-design-boxes:nth-of-type(2) .box:nth-child(2) {
    align-self: start;
  }
  .new-design-boxes:nth-of-type(2) .box:nth-child(3) {
    align-self: start;
    margin-top: 40px;
  }
  .new-design-boxes:nth-of-type(2) .box:nth-child(4) {
    align-self: start;
  }
}

/* Mobile Layout - single column */
@media (max-width: 767px) {
  .new-design-boxes {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .m_pt_30{
    padding-top: 30px;
  }

  .f_c_b{
    color: black !important;
  }

  .f_c_w{
    color: white !important;
  }

  .new-design-boxes .box {
    padding: 24px 20px;
    min-height: auto;
    font-size: 14px;
  }

  /* Reorder for mobile view */
  .new-design-boxes:nth-of-type(1) {
    order: 1;
  }

  .new-design-boxes:nth-of-type(2) {
    order: 2;
  }

  /* Remove alternating heights on mobile */
  .new-design-boxes:nth-of-type(1) .box:nth-child(2),
  .new-design-boxes:nth-of-type(1) .box:nth-child(4),
  .new-design-boxes:nth-of-type(2) .box:nth-child(1),
  .new-design-boxes:nth-of-type(2) .box:nth-child(3) {
    margin-top: 0;
  }

  /* All odd boxes white on mobile, even boxes blue */
  .new-design-boxes:nth-of-type(1) .box:nth-child(1),
  .new-design-boxes:nth-of-type(1) .box:nth-child(3),
  .new-design-boxes:nth-of-type(2) .box:nth-child(2),
  .new-design-boxes:nth-of-type(2) .box:nth-child(4) {
    background-color: #fff;
    color: var(--text_color);
  }

  .new-design-boxes:nth-of-type(1) .box:nth-child(2),
  .new-design-boxes:nth-of-type(1) .box:nth-child(4),
  .new-design-boxes:nth-of-type(2) .box:nth-child(1),
  .new-design-boxes:nth-of-type(2) .box:nth-child(3) {
    background-color: var(--primary_color);
    color: #fff;
  }

  .f_r_aj_center {
    flex-wrap: wrap;
  }

  iframe {
    height: 200px;
  }

  .f_w_b{
    font-weight: bold !important;
    font-size: 18px !important;
  }
}