.cto-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;

  .section {
    min-height: unset;
    gap: 24px;

    .bg-image {
      background-position: center;
      background-size: cover;
    }

    .card {
      padding: 30px 10px;
    }
  }
}

.cto-banner {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  height: 300px;
  background-position: center;
}

@media (max-width: 768px) {
  .cto-section {
    margin-bottom: 0px;
    &.container-fluid {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }

    .section {
      .card {
        order: 1 !important;
      }
      .bg-image {
        order: 0 !important;
      }
    }
  }

  .cto-banner {
    display: none;
  }
}

@media (min-width: 1600px) {
  .cto-section {
    width: 80%;
  }
}