.cta-banner-container{
    margin: 0 auto;
    width: 65%;
    display: flex;
}
.cta-banner-container .columns-container{
    display: flex;
    width: 100%;
    border-radius: 40px;
    overflow: hidden;
    padding: 45px;
    min-height: 33.33vh;
    align-items: center;
    position: relative;
    background-size: cover;
    background-position: center;
}
.cta-banner-container .columns-container::after{
    content: '';
    position: absolute;
    width: 800px;
    height: 800px;
    left: 43%;
    top: -50%;
    transform: rotate(305deg);
    background-image: url('/wp-content/uploads/2025/07/kbell-watermark2.svg');
    z-index: 0;
    opacity: .3;
    background-size: cover;
}
.cta-banner-container .columns-container.column-image::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: linear-gradient(270deg,rgba(17, 22, 54, 0.74) 0%, rgba(17, 22, 54, 0.68) 18%, rgba(17, 22, 54, 0.1) 84%);
}
.cta-banner-container .columns-container > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.cta-banner-container .columns-container > div .left-title,
.cta-banner-container .columns-container > div .right-title{
    font-size: 50px !important;
    color: #ffffff;
}
.cta-banner-container .columns-container > div .left-text,
.cta-banner-container .columns-container > div .right-text{
    color: white;
    font-size: 25px !important;
}
.cta-banner-container .columns-container > div a.sbtn{
    margin-top: 20px;
}
.cta-banner-container .columns-container > .left-column{
    padding-right: 20px;
    z-index: 1;
}
.cta-banner-container .columns-container > .right-column{
    padding-left: 20px;
    z-index: 1;
}
.cta-banner-container.same .columns-container > div{
    width: 50%;
}
.cta-banner-container.left .columns-container > .left-column{
    width: 60%;
}
.cta-banner-container.left .columns-container > .right-column{
    width: 40%;
}
.cta-banner-container.right .columns-container > .left-column{
    width: 40%;
}
.cta-banner-container.right .columns-container > .right-column{
    width: 60%;
}

.cta-banner-container .columns-container .right-form .gform_wrapper,
.cta-banner-container .columns-container .left-form .gform_wrapper{
    margin: 0 auto;
    width: 85%;
}


.cta-banner-container .columns-container .gform_description{
    display: none;
}
.cta-banner-container.same{

}
.cta-banner-container.right{

}




/* ===========================
   DARK LABELS (black text)
   =========================== */
   .form-label-dark .gform_wrapper,
   .form-label-dark .gform_wrapper.gravity-theme {
     /* general text in non-input UI areas */
     --gf-label-color: #000;
   }
   
   /* Labels & headings */
   .form-label-dark .gform_wrapper .gfield > .gfield_label,
   .form-label-dark .gform_wrapper .ginput_complex label,
   .form-label-dark .gform_wrapper .gsection_title,
   .form-label-dark .gform_wrapper .gform_title,
   .form-label-dark .gform_wrapper .gform_subtitle,
   .form-label-dark .gform_wrapper .gfield_consent_label,
   .form-label-dark .gform_wrapper .gform_required_legend,
   .form-label-dark .gform_wrapper .gfield_required {
     color: var(--gf-label-color);
   }
   
   /* Descriptions, instructions, help text */
   .form-label-dark .gform_wrapper .gfield_description,
   .form-label-dark .gform_wrapper .instruction,
   .form-label-dark .gform_wrapper .gform_description,
   .form-label-dark .gform_wrapper .gform_fields .description {
     color: var(--gf-label-color);
   }
   
   /* Validation summary (top) */
   .form-label-dark .gform_wrapper .gform_validation_errors,
   .form-label-dark .gform_wrapper .gform_validation_errors h2,
   .form-label-dark .gform_wrapper .gform_submission_error {
     color: var(--gf-label-color);
   }
   
   /* Field-level validation messages */
   .form-label-dark .gform_wrapper .gfield_validation_message,
   .form-label-dark .gform_wrapper .validation_message {
     color: var(--gf-label-color);
   }
   
   /* Choices (checkbox/radio) text */
   .form-label-dark .gform_wrapper .gfield_checkbox label,
   .form-label-dark .gform_wrapper .gfield_radio label,
   .form-label-dark .gform_wrapper .ginput_container_consent .gfield_consent_label {
     color: var(--gf-label-color);
   }
   
   /* Placeholders inside inputs/textareas */
   .form-label-dark .gform_wrapper input::placeholder,
   .form-label-dark .gform_wrapper textarea::placeholder {
     color: #000;
     opacity: 0.7;
   }
   
   /* Links in descriptions adopt the label color */
   .form-label-dark .gform_wrapper .gform_wrapper a {
     color: var(--gf-label-color);
   }
   
   /* ===========================
      LIGHT LABELS (white text)
      =========================== */
   .form-label-light .gform_wrapper,
   .form-label-light .gform_wrapper.gravity-theme {
     --gf-label-color: #fff;
   }
   
   /* Labels & headings */
   .form-label-light .gform_wrapper .gfield > .gfield_label,
   .form-label-light .gform_wrapper .ginput_complex label,
   .form-label-light .gform_wrapper .gsection_title,
   .form-label-light .gform_wrapper .gform_title,
   .form-label-light .gform_wrapper .gform_subtitle,
   .form-label-light .gform_wrapper .gfield_consent_label,
   .form-label-light .gform_wrapper .gform_required_legend,
   .form-label-light .gform_wrapper .gfield_required {
     color: var(--gf-label-color) !important;
   }
   
   /* Descriptions, instructions, help text */
   .form-label-light .gform_wrapper .gfield_description,
   .form-label-light .gform_wrapper .instruction,
   .form-label-light .gform_wrapper .gform_description,
   .form-label-light .gform_wrapper .gform_fields .description {
     color: var(--gf-label-color) !important;
   }
   
   /* Validation summary (top) */
   .form-label-light .gform_wrapper .gform_validation_errors,
   .form-label-light .gform_wrapper .gform_validation_errors h2,
   .form-label-light .gform_wrapper .gform_submission_error {
     color: var(--gf-label-color) !important;
   }
   
   /* Field-level validation messages */
   .form-label-light .gform_wrapper .gfield_validation_message,
   .form-label-light .gform_wrapper .validation_message {
     color: var(--gf-label-color) !important;
   }
   
   /* Choices (checkbox/radio) text */
   .form-label-light .gform_wrapper .gfield_checkbox label,
   .form-label-light .gform_wrapper .gfield_radio label,
   .form-label-light .gform_wrapper .ginput_container_consent .gfield_consent_label {
     color: var(--gf-label-color) !important;
   }
   
   /* Placeholders inside inputs/textareas */
   .form-label-light .gform_wrapper input::placeholder,
   .form-label-light .gform_wrapper textarea::placeholder {
     color: #fff !important;
     opacity: 0.8;
   }
   
   /* Links in descriptions adopt the label color */
   .form-label-light .gform_wrapper .gform_wrapper a {
     color: var(--gf-label-color) !important;
   }
   
   /* ===========================
      Optional: keep inputs readable
      (only affects placeholder + label; does NOT change input text color)
      If you also want the input's text to flip, uncomment below:
      =========================== */
   /*
   .form-label-light .gform_wrapper input,
   .form-label-light .gform_wrapper textarea,
   .form-label-light .gform_wrapper select {
     color: #fff;
   }
   .form-label-dark .gform_wrapper input,
   .form-label-dark .gform_wrapper textarea,
   .form-label-dark .gform_wrapper select {
     color: #000;
   }
   */


   @media only screen and (max-width: 1130px){
    .cta-banner-container .columns-container{
      flex-direction: column;
    }
    .cta-banner-container .columns-container > .left-column,
    .cta-banner-container .columns-container > .right-column{
      width: 100% !important;
    }
   }