/* Flexible Content layout: cta_with_bg — template-parts/flexible/sections/cta_with_bg.php */
.cta-with-bg {
  padding: 48px 0;
  background-color: var(--fs-color-gray-light);
  color: var(--fs-color-white-soft);
}

.cta-with-bg__inner:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, #0968F6 0%, #0968F6 60%, rgba(9, 104, 246, 0) 100%);
}
.cta-with-bg__inner {
  overflow: hidden;
  background-image: var(--cta-with-bg-image);
  background-size: cover;
  background-position: center center;
  padding: 48px;
  border-radius: 20px;
  position: relative;
}
.cta-with-bg__inner * {
  position: relative;
  z-index: 2;
}

.cta-with-bg__title {
  color: var(--fs-color-white-soft) !important;
  font-size: clamp(32px, 4vw, 40px);
  line-height: 112%;
  width: 100%;
  max-width: 600px;
  margin-bottom: 16px;
}

.cta-with-bg__text {
  margin-bottom: 32px;
}

.cta-with-bg__button.button {
  background-color: var(--fs-color-white-soft);
  color: var(--fs-color-blue);
  transition: all 0.3s ease-in-out;
}

.cta-with-bg__button.button svg path {
  stroke: var(--fs-color-blue);
  transition: all 0.3s ease-in-out;
}

.cta-with-bg__button.button:hover svg path {
  stroke: var(--fs-color-white-soft);
}

@media (max-width: 500px) {
  .cta-with-bg {
    display: none;
  }
}