.custom_cta_banner{
    position: relative;
}
.cta-banner-container{
    margin: 0 auto;
    width: 65%;
    display: flex;
}


.custom_cta_banner a.sbtn.outline:hover {
  background-color: var(--buttons-btn-bg) !important;
  color: var(--outline-color-hover) !important;
}
.custom_cta_banner a.sbtn.gradient-green {
  border: none !important;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(25, 29, 56, 1) 0%,
    rgba(6, 151, 130, 1) 48%
  );
}
.custom_cta_banner a.sbtn.gradient-green:hover {
  border: none !important;
  color: #ffffff !important;
  background: linear-gradient(
    90deg,
    rgba(6, 151, 130, 1) 0%,
    rgba(25, 29, 56, 1) 80%
  );
}
.custom_cta_banner a.sbtn.gradient-navy {
  border: none !important;
  color: #ffffff;
  background: linear-gradient(
    90deg,
    rgba(28, 45, 90, 1) 0%,
    rgba(43, 71, 148, 1) 100%
  );
}
.custom_cta_banner a.sbtn.gradient-navy:hover {
  border: none !important;
  color: #ffffff !important;
  background: linear-gradient(
    90deg,
    rgba(43, 71, 148, 1) 0%,
    rgba(28, 45, 90, 1) 100%
  );
}
.custom_cta_banner a.sbtn:hover {
  background-color: var(--buttons-btn-bg) !important;
  color: var(--buttons-hov-text) !important;
}


.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.banner-gradient-navy{
    background: linear-gradient(90deg,rgba(25, 29, 56, 1) 38%, rgba(44, 58, 116, 1) 100%);
}
.cta-banner-container .columns-container.banner-gradient-green{
    background: linear-gradient(
    90deg,
    rgba(25, 29, 56, 1) 0%,
    rgba(6, 151, 130, 1) 48%
  );
}
.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-column > *:not(:first-child){
    margin-top: 40px;
}
.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: center;
    /* align-items: center; */
}
.cta-banner-container .columns-container > div .col-img{
  width: 250px;             
  aspect-ratio: 1 / 1;       
  border-radius: 50%;
  overflow: hidden;          
  flex: 0 0 auto; 
}
.cta-banner-container .columns-container > div .col-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;         
  object-position: center;   
  display: block; 
}
.cta-banner-container .columns-container > div .left-title,
.cta-banner-container .columns-container > div .right-title{
    font-size: 50px !important;
    color: #ffffff;
    margin: 0;
}
.cta-banner-container .columns-container > div .left-text,
.cta-banner-container .columns-container > div .right-text{
    color: white;
    font-size: 25px !important;
    margin: 0;
    /* text-align: center; */
}
.cta-banner-container .columns-container > div a.sbtn{
    margin: 0;
}
.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;
    text-align: left;
}
.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;
   }
   


   @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;
    }
    .cta-banner-container .columns-container .right-form .gform_wrapper, .cta-banner-container .columns-container .left-form .gform_wrapper {
      width: 100%;
    }
    .cta-banner-container .columns-container > .right-column {
      padding-left: 0;

    }
    .cta-banner-container .columns-container > .left-column {
      padding-right: 0;
      margin-bottom: 30px;
    }
    .cta-banner-container .columns-container > div .left-text, .cta-banner-container .columns-container > div .right-text {
      font-size: 22px !important;
    }
   }

   @media only screen and (max-width: 640px){
    .cta-banner-container .columns-container > div .left-title, .cta-banner-container .columns-container > div .right-title {
      font-size: 40px !important;
    }
    .cta-banner-container .columns-container > div .left-text, .cta-banner-container .columns-container > div .right-text {
      font-size: 18px !important;
    }
    .posts_slider_module .shortlist-intro {
      margin: 40px auto;
    }
    .posts_slider_module .slider-arrows {
      width: 75%; 
    }
    .posts_slider_module .navigate {
        margin: 40px auto;
    }
        .cta-banner-container {
        width: 90%;
    }
  }

  @media only screen and (max-width: 475px){
    .cta-banner-container {
      width: 90%; 
    }
    .buttons-ctas-container{
      flex-direction: column;

    }
    .buttons-ctas-container > .sbtn{
      width: 100%;
    }
    .image_text_repeater_module .image_text_repeater_module__content p {
      font-size: 17px;
    }
    .posts_slider_module .shortlist-intro {
      width: 90%; 
    }
  }