.hbspt-form{
    flex: 1 1 auto;
    padding: 2rem;
    background-color: var(--off-white);
    box-shadow: var(--default-box-shadow);
    & .hs-form-private{
        container-type: inline-size;
        & fieldset{
            max-width: unset;
            display: flex;
            flex-direction: column;
            padding-bottom:2rem;
            gap:1rem;
            &:has(.hs_promo_code){
                display:none; /* HubSpot hidden field. */
            }
            &:has(.hs_company_inquiry){
                display:none; /* HubSpot hidden field. */
            }
            &:has(.hs_referred_by){
                display:none; /* HubSpot hidden field. */
            }
            &:has(.hs-form-booleancheckbox){
                padding-bottom:0;
            }
            & .field.hs-form-field{
                width:unset;
                float:unset;
                flex:1 1 auto;
                & .input{
                    margin-right:0;
                    & .hs-input{
                        border-radius: 5px;
                        border: 1px solid #cbd6e2;
                        padding: .5rem !important;
                        width:100%;
                     
                }
                & input[type=checkbox]{
                    width:1.5rem;
                    height:1.5rem;
                    margin-right:.5rem;
                    cursor:pointer;
                    accent-color:var(--royal-blue);
                }
            }
        }
        & label{
            font-size:1rem;
            font-weight:700;
            color:var(--md-grey);
        }
        & .hs-error-msgs label{
            color:var(--error-red);
            font-size:1rem;
            font-weight: 400;
        }
        &:last-of-type{
            padding:0;
        }
        }
        & .hs-button{
            border-radius: 10px;
            border-width:2px;
            border-style: solid;
            padding:.6rem 1.8rem;
            white-space:nowrap;
            display: inline-block;
            color:white;
            background-color:var(--royal-blue);
            border-color: var(--royal-blue);
            cursor:pointer;
            &:hover{
                background-color:var(--hover-blue);
                border-color:var(--hover-blue);
            }
        }
    } 
    & .inputs-list {
        list-style-type: none;
        padding-left:0;
    }
}

.promo-form .hbspt-form fieldset.form-columns-2{
    flex-direction: column;
    &:first-child{
        padding-bottom: 1rem;
    }
}

@container (width >  500px){
    .hbspt-form .hs-form-private fieldset{
        flex-direction: row;
    }
}