:root {
  --plainclr:#fff;
  --gradientone:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(250,250,250,0.9));
  --darkclr:#555;
  --lightbg:#f8f9fa;
  --main-border:rgb(101, 102, 105);
}

.box.special.features.container {
  background: var(--plainclr);
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 8px 30px rgba(27, 31, 35, 0.06);
}

.features-row {
  margin-bottom: 24px;
}

.section {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 16px;
  border-radius: 10px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  background: var(--gradientone);
  height: 100%;
  border: 1px solid var(--main-border);
}

.section:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(34, 41, 47, 0.06);
}

.section img {
  width: 84px;
  height: 84px;
  -o-object-fit: contain;
     object-fit: contain;
  flex: 0 0 84px;
  border-radius: 8px;
  background: var(--plainclr);
  padding: 8px;
  box-shadow: 0 4px 12px rgba(34, 41, 47, 0.04);
}

.section h1 {
  font-size: 1.25rem;
  margin: 0 0 6px 0;
  font-weight: 700;
}

.section p {
  margin: 0;
  color: var(--darkclr);
  line-height: 1.45;
  font-size: 0.95rem;
}

/* Small screens: stack content nicely */
@media (max-width: 767.98px) {
  .section {
    flex-direction: row;
    gap: 14px;
  }
  .section img {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
  }
}/*# sourceMappingURL=ourBrandsDesign3.css.map */