form.webform-submission-form{
  margin: 25px 0px;
  .js-webform-radios-other,
  .webform-type-radios,
  .js-webform-type-checkboxes{
    legend{
      span{
        color: #00529F;
        font-size: 20px;
      }
    }
    .js-webform-radios{
      display: flex;
      flex-wrap: wrap;
      column-gap: 20px;
    }
  }
.js-webform-radios{
  flex-direction:column;
  row-gap:10px;
}
  .webform-radios-other-input {
    input.form-control{
      width: fit-content !important;
      margin-top: 12px;
    }
  }
  .form-item{
    margin-bottom: 20px;
    &.form-type-radio{
      width: fit-content;
      margin-bottom: 0;
    }
    label{
      color: #00529F;
      font-weight: 500;
      margin-bottom: 8px;
    }
    input{
      &:not(.form-checkbox):not(.form-radio){
        width: 100% !important;
        border: 0;
        padding: 1rem 0.75rem;
        border-radius: 10px;
        transition: all 0.2s ease-in;
        border: 1px solid rgba(0, 86, 179, 0.5);
        &:focus,&:focus-within{
          outline: 0;
          box-shadow: 0 0 5px rgba(0, 86, 179, 0.5);
        }
      }
      &.form-checkbox,&.form-radio{
        -webkit-appearance: none;
      }
      &.form-checkbox:checked + label:after,
      &.form-radio:checked + label:after{  
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 7px;
        width: 6px;
        height: 11px;
        border: solid ;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
      }
    }
    &.form-type-checkbox,&.form-type-radio{
      label{
        position: relative;
        color: #000000;
        cursor: pointer;
        &:before{
        top:-2px;
          content:'';
          background-color: transparent;
          border: 2px solid #00529F;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
          padding: 8px;
          display: inline-block;
          position: relative;
          vertical-align: middle;
          cursor: pointer;
          margin-right: 5px;
          border-radius: 10px;        
        }
      }
    }
    textarea,select {
      width: 100%;
      border: 0;
      border-radius: 8px;
      transition: all 0.2s ease-in;
      padding: 1rem 0.75rem;
      border: 1px solid rgba(0, 86, 179, 0.5);
      &:focus,&:focus-within{
        outline: 0;
        box-shadow: 0 0 5px rgba(0, 86, 179, 0.5);
      }
    }
  }
  .form-actions{
    input.form-submit{
      margin-top: 20px;
    }
  }
}

