.fi {
  position: relative;
  overflow: hidden;
}

.fi .row {
  row-gap: 3.75rem;
}

@media (min-width: 768px) {
  .fi .row {
    row-gap: 3.25rem;
    --bs-gutter-x: 6.875rem;
  }
}

@media (min-width: 1200px) {
  .fi .row {
    --bs-gutter-x: 9.25rem;
  }
}

.fi-box svg {
  width: 8.3125rem;
  height: 8.3125rem;
  object-fit: cover;
  transition: all 2s ease;
}

.fi-box-content {
  margin-top: 1.5rem;
}

.fi-box-content h3 {
  color: var(--blue);
  font-size: 2.5rem;
  max-width: 20.375rem;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

.fi-box-content p {
  color: var(--blue);
  font-size: 1.0625rem;
  font-weight: 600;
  max-width: 18.75rem;
  margin: 0 auto;
  line-height: 1.1;
}

.fi-box:hover svg {
  transform: scale(1.1);
}