/* NXB Hubspot CSS customisations 07/03/2025 */

/* Form Container */

  .hs-form {
          background-color: #3C6762!important;
          padding: 30px !important;
          padding-left:30px!important;
          padding-right:30px!important;
          border-radius: 5px !important;
          font-weight: normal !important;
      }

      /* Form Labels */
      .hs-form label {
          font-size: 16px !important;
          font-weight: normal !important;
          color: #fff !important;
          display: block !important;
          margin-bottom: 5px !important;
      }

      /* Form Input Fields */
      .hs-input {
          width: 100% !important;
          padding: 10px !important;
          margin-bottom: 10px !important;
          border-radius: 3px !important;
          border: 1px solid #ccc !important;
          box-sizing: border-box !important;
      }

      .hs-input:focus {
          border-color: #9b8b84 !important;
          outline: none !important;
      }

      /* Dropdown Caret Styling */
      select.hs-input {
          appearance: none !important;
          background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMUw3IDdsNi02IiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==') no-repeat right 15px center !important;
          padding-right: 40px !important; /* Ensures text doesn't overlap caret */
          background-size: 14px !important;
          background-color: #fff !important;
          border: 1px solid #ccc !important;
      }

      /* Field Validation Messages */
      .hs-error-msg {
          background-color: #8B2A28 !important;
          color: #fff !important;
          padding: 5px !important;
          border-radius: 0px !important;
          margin-top: -9px !important;
          width: 100% !important;
          box-sizing: border-box !important;
          display: block !important;
      }

      /* Checkbox Field Styling */
      .hs-form .inputs-list {
          list-style: none !important;
          padding: 0 !important;
          margin: 0 !important;
      }

      .hs-form .inputs-list li {
          display: flex !important;
          align-items: center !important;
          margin-bottom: 10px !important;
      }

      /* Updated to remove margin-left */
      .hs-form .inputs-list label {
          vertical-align: middle !important;
          white-space: normal !important;
      }

      .hs-form .hs-form-checkbox {
          display: flex !important;
          align-items: center !important;
      }

      .hs-input[type="checkbox"] {
          width: auto !important;
          margin-right: 10px !important;
      }
      
    .hs-input[type="checkbox"], .hs-form-checkbox input {
        width: 20px !important;
        height: 20px !important;
        display: inline-block !important;
        appearance: checkbox !important;
        -webkit-appearance: checkbox !important;
        -moz-appearance: checkbox !important;
    }
    .hs-input[type="radio"] {
        width: 20px !important;
        height: 20px !important;
        padding-right:3px;
        display: inline-block !important;
        appearance: checkbox !important;
        -webkit-appearance: checkbox !important;
        -moz-appearance: checkbox !important;
    }    
    .hs-form-radio span{
      margin-left:5px;
    }

      /* Submit Button */
      .hs-submit input {
          margin-top:30px;
          background-color: #fff !important;
          color: #333 !important;
          border: 1px solid #ccc !important;
          padding: 10px 20px !important;
          border-radius: 5px !important;
          font-size: 16px !important;
          cursor: pointer !important;
          transition: background-color 0.3s ease !important;
      }

      .hs-submit input:hover {
          background-color: #cddee5!important;
      }

      /* reCAPTCHA and Disclaimer Text */
      .hs_recaptcha, .hs-privacy-policy {
          font-size: 12px !important;
          color: #fff !important;
          text-align: center !important;
          margin-top: 10px !important;
      }

      .hs-form .inputs-list label {
           margin-left: 0px !important;
           width: 100%!important;
      }

      .hs-form-required {
           margin-left: 5px;
           color: #8B2A28 !important;
      }

    /* Adjust the ul inside .input */
    .hs-form .input ul {
          margin-top: 15px !important;
          margin-bottom: 10px !important;
    }
    .hs-form .input{
          margin-right:unset!important
    }
     
    .hs-richtext{
        color:#fff;
    }
      
    .form-columns-2 {
        display: flex !important;
        justify-content: space-between !important;
    }
    
    .form-columns-2 .hs-form-field {
        width: 48% !important; /* Ensures even spacing */
        margin-right: 0 !important;
    }     

/* End Hubspot Form Container Customisations */