.cta2-container {
  background-color: rgb(var(--lighter-primary-color-rgb)/.8);
}

.cta2-subcontainer {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  max-width: 80rem;

  padding-left: 1.5rem;
  padding-right: 1.5rem;

  padding-top: 3rem;
  padding-bottom: 3rem;
}

.cta2-title-container {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}

.cta2-header {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: rgb(17 24 39);
}

.cta2-logos-container {
  margin-top: 2.0rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

@media (min-width: 640px) {
  .cta2-subcontainer {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cta2-header {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1024px) {
  .cta2-subcontainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .cta2-logos-container {
    margin-top: 0px;
    flex-shrink: 0;
  }
}

.cta2-item-image-wrapper {
  height: 3.5rem;
  width: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: rgb(255 255 255 / 1);

  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);

  --tw-ring-color: rgb(17 24 39 / 0.1);

  border-radius: 0.5rem;
}

.cta2-item-image {
  height: 2.5rem;
  width: 2.5rem;
  flex: none;
  border-radius: 0.5rem;
  background-color: rgb(255 255 255 / 1);
  -o-object-fit: cover;
  object-fit: cover;
}