.banner-v4__image {
  max-width: 6rem;
}

.banner-v4__title {
  font-size: calc(var(--font-body-scale) * 2.4rem);
  font-family: var(--font-custom-family);
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: rgb(var(--color-foreground));
}

.banner-v4__content {
  padding-top: 2rem;
  color: rgba(var(--color-foreground), 0.6);
  font-size: calc(var(--font-body-scale) * 1.8rem);
}

.banner-v4 {
  padding: clamp(3rem, calc(3.75vw + 1.5rem), 6rem) clamp(2rem, calc(2.5vw + 1rem), 4rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid rgb(var(--color-accent));
  border-right: 1px solid rgb(var(--color-accent));
}
.banner-v4:nth-child(3) {
  border-right: unset;
}
.banner-v4:nth-child(4), .banner-v4:nth-child(5), .banner-v4:nth-child(6) {
  border-bottom: unset;
}
.banner-v4:nth-child(6) {
  border-right: unset;
}
@media (max-width: 1199px) {
  .banner-v4:nth-child(2), .banner-v4:nth-child(4) {
    border-right: unset;
  }
  .banner-v4:nth-child(3) {
    border-right: 1px solid rgb(var(--color-accent));
  }
  .banner-v4:nth-child(4) {
    border-bottom: 1px solid rgb(var(--color-accent));
  }
}
@media (max-width: 767px) {
  .banner-v4:nth-child(1) {
    border-right: unset;
  }
  .banner-v4:nth-child(3) {
    border-right: unset;
  }
  .banner-v4:nth-child(5) {
    border-bottom: unset;
    border-right: unset;
  }
}
@media (max-width: 575px) {
  .banner-v4:nth-child(5) {
    border-bottom: 1px solid rgb(var(--color-accent));
  }
}