/* Webform - Source */
#webform-source{
  background-color:#232c61!important;
}
#webform-source .recaptcha-legal{
  color:#fff!important;
}
#webform-source .webform-bg{
    background-color:#232c61!important;
    background-image: 
    /* Layer 1: The Vertical Fade (creates the "glow" falloff) */
    linear-gradient(
      to bottom, 
      rgba(16, 24, 53, 0) 0%, 
      rgba(35, 44, 97, 1) 80%
    ),
    /* Layer 2: The Horizontal Light Source */
    linear-gradient(
      to right, 
      #ff8c61 0%,    /* Soft Orange */
      #e01e9b 20%,   /* Bright Pink/Magenta */
      #6a3093 40%,   /* Deep Purple */
      #3a86ff 60%,   /* Electric Blue */
      #00d4ff 80%,   /* Cyan/Sky Blue */
      #232c61 100%   /* Blend back into navy */
    );
  
  /* Ensures the gradients stack correctly */
  background-blend-mode: normal;
  height:430px;
}
#webform-source .webform-bg::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: inherit;
  filter: blur(20px); /* This softens the color transitions further */
  z-index: -1;
}
#webform-source h2{
  color: #fff!important;
  font-size:64px!important;
  line-height:64px!important;
  width:100%!important;
}
#webform-source .ss-webform-advanced-component__form--items .webform-submission-form .form-item {
    padding: 0 0 0px;
    position: relative;
}
#webform-source .ss-webform-advanced-component__form--container{
  box-shadow:none!important;
  border-radius:14px;
}
#webform-source .ss-webform-advanced-component__form--wrapper{
  margin-top:0px!important;
  box-shadow:none!important;
  border-radius:14px;
  background:none!important;
}
#webform-source label{
  color:#fff!important;
}
#webform-source input{
  background-color:#fff!important;
}

#webform-source .js-webform-type-address{
  display:grid;
}
/*Begin Trial CSS Tweaks*/
#webform-source{
  padding:0px!important;
}
#webform-source .webform-submission-mcae-form-sales-routed-form-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}
#webform-source div[data-drupal-messages] {
    grid-column: 1 / 3;
}
#webform-source div[data-drupal-messages] li a{
  font-size:14px;
}
#webform-source div[data-drupal-messages] div[role="alert"]{
  border-radius: 6px;
    padding: 8px;
background: #FFC423;
  color: #091942;
line-height: 18px; /* 128.571% */
}
#webform-source label.js-form-required.form-required {
    font-weight: bold;
}
#webform-source .form-item-drupal-association-opt-in .description, #webform-source .form-item-privacy-policy-acknowledgement .description{
  display:flex;
  margin-bottom:15px;
}
#webform-source label.js-form-required.form-required::after, #webform-source .description::after {
    content: "*";
    color: red;
    padding-left:4px;
    font-weight:bold;
}
#webform-source fieldset.address--wrapper .fieldset-wrapper .ajax-progress {
    font-size:16px;
}
#webform-source div[aria-label*='Status message'] {
 display:none!important; 
}
#webform-source{
}
#webform-source .form-item-work-email{
  grid-column-start:1;
  grid-column-end:3;
  display:grid;
}
#webform-source .form-item-drupal-association-opt-in, #webform-source .form-item-privacy-policy-acknowledgement{
  display: grid;
    grid-template-columns: fit-content(25px) 1fr;
    grid-column: 1 / 3;
    grid-gap: 20px;
}
#webform-source .form-item-drupal-association-opt-in .form-item--error-message, #webform-source .form-item-privacy-policy-acknowledgement .form-item--error-message{
      grid-row: 2;
    grid-column: 1 / 3;
    margin-top: -30px;
    margin-left: 42px;
}
#webform-source .form-item-drupal-association-opt-in input, #webform-source .form-item-privacy-policy-acknowledgement input{
   width:24px; 
}
#webform-source .form-item-drupal-association-opt-in input[required='required']:focus, #webform-source ..form-item-privacy-policy-acknowledgement input[required="required"]:focus{
  box-shadow:none;
  outline:none;
  border:0px;
}
#webform-source .webform-type-address{
  margin-top:0em;
  margin-bottom:0em;
  line-height:22px;
}
#webform-source select.country{
  border-radius:6px;
  border:1px solid #091942;
  color:#091942;
  font-size:16px;
  padding: 6px 15px;
}
#webform-source .input-box input{
  border-radius:6px;
  border:1px solid #091942;
  color:#091942;
  font-size:16px;
  padding: 6px 15px;
}
#webform-source .input-box:has(.form-item--error-message) input{
  border:1px solid #ce2727;
}
#webform-source .form-item--error-message{
  color:#ce2727;
  line-height:16px;
}
#webform-source .country-container{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-gap:25px;
}
#webform-source .form-item-job-title{
  grid-column-start:1;
  grid-column-end:3;
}
#webform-source .country-container:has([autocomplete="address-level1"]){
  grid-template-columns: 1fr;
    grid-gap: 25px;
}
#webform-source .country-container:has([autocomplete="address-level1"]) .fieldset-wrapper{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-gap: 25px;
}
#webform-source .country-container .form-text, #webform-source .country-container .form-select{
  border-radius:6px;
  border:1px solid #091942;
  color:#091942;
  padding: 6px 15px;
}
#webform-source .country-container label{
}
#webform-source .input-box label{
}
#webform-source .input-box input:focus{
    border:2px solid #006AA9;
  box-shadow:none;
  outline:none;
}
#webform-source .input-box:focus-within{
  color:#006AA9;
}
#webform-source:has(.webform-confirmation__message) .webform-submissions-drupal-cms-trial-form {
    display: grid;
    grid-template-columns: 1fr;
}

#webform-source .webform-submission-drupal-cms-trial-form:has(.webform-confirmation) {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 25px;
    max-width: 900px;
    margin: 0 auto;
}

#webform-source .webform-confirmation {
    font-size: 26px;
    /* text-align: center; */
}
#webform-source .webform-confirmation h2{
    margin-bottom:15px;
}

#webform-source .webform-confirmation__back {
    display: none;
}
#webform-source .webform-confirmation a{
      border-radius: 6px !important;
    background: #091942 !important;
    color: #fff !important;
  border:0px!important;
  text-transform: capitalize!important;
  font-size:16px!important;
  font-weight: bold!important;
  padding: 13px 17px!important;
}
#webform-source [value="Submit"]:focus{
  outline:2px solid #0975E1; 
  outline-offset:1px;
}
#webform-source [value="Submit"]{
 grid-column:3 / span 1;
      border-radius: 6px !important;
    background: #70C3E9 !important;
    color: #232c61 !important;
  border:0px!important;
  text-transform: capitalize!important;
  font-size:16px!important;
}
/*End Trial CSS Tweaks */

@media (min-width: 768px){
  #webform-source .ss-webform-advanced-component__form--items {
        max-width: 61.625rem !important;
        padding: 0rem;
        display: flex;
    }
  #webform-source .ss-webform-advanced-component__form--container {
        flex: 0 0 100%;
    }
  #webform-source .ss-webform-advanced-component__content--container {
        flex: 0 0 100%;
    }
  #webform-source .ckeditor p{
  max-width:none;
  }
  #webform-source .ckeditor ul{
   max-width:none; 
  }
  #webform-source .ss-webform-advanced-component__logo--wrapper {
        flex-direction: row;
        padding: 10px 0 0;
        gap: unset;
    }
    #webform-source .ss-webform-advanced-component__content--body{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
  }
}

@media (min-width: 1024px){
  #webform-source .ss-webform-advanced-component__form--items {
        max-width: 61.625rem !important;
        padding: 0rem;
        display: flex;
    }
  #webform-source .ss-webform-advanced-component__form--container {
        flex: 0 0 48%;
    }
  #webform-source .ss-webform-advanced-component__content--container {
        flex: 0 0 48%;
    }
    #webform-source .ss-webform-advanced-component__content--body{
    display:inline-block;
    grid-template-columns:1fr 1fr;
    gap:15px;
  }
}
@media screen and (min-width: 1440px) {
    #webform-source .ss-webform-advanced-component__form--container {
        flex: 0 0 48.5%;
    }
}
@media (max-width: 896px){
  
}
@media (max-width: 650px){
  #webform-source .webform-submission-mcae-form-sales-routed-form-form{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap:15px;
    max-width: 900px;
    margin: 0 auto;
}
  #webform-source .form-item-job-title {
    grid-column-start: 1; 
    grid-column-end: 1; 
}
#webform-source div[data-drupal-messages] {
    grid-column: 1 / 1;
}
#webform-source .form-item-work-email{
  grid-column-start:1;
  grid-column-end:1;
  display:grid;
}

#webform-source .form-item-drupal-association-opt-in, #webform-source .form-item-privacy-policy-acknowledgement{
        display: grid;
        grid-template-columns: 1fr 17fr;
        grid-column: 1 / 1;
        grid-gap: 20px;
}
#webform-source .form-item-drupal-association-opt-in .form-item--error-message, #webform-source .form-item-privacy-policy-acknowledgement .form-item--error-message{
      grid-row: 2;
    grid-column: 1 / 3;
    margin-top: -30px;
    margin-left: 42px;
}
  #webform-source .country-container{
  display: grid;
  grid-template-columns: 1fr;
  grid-column-start: 1;
  grid-column-end: 1;
  grid-gap:15px;
}
 #webform-source  [value="Submit"]{
 grid-column:1 / span 1;
      border-radius: 6px !important;
    background: #091942 !important;
    color: #fff !important;
  border:0px!important;
  text-transform: capitalize!important;
  font-size:16px!important;
    width:100%!important;
}
   #webform-source .country-container:has([autocomplete="address-level1"]) .fieldset-wrapper{
  display:grid;
  grid-template-columns:1fr;
  grid-gap: 15px;
}
}