@media (min-width: 768px) {
    #brx-header {
        background: transparent;
        box-shadow: none;
        backdrop-filter: blur(0);
        -webkit-backdrop-filter: blur(0);

        transition:
            background 0.3s ease,
            box-shadow 0.3s ease,
            backdrop-filter 0.3s ease;
    }

    #brx-header.scrolling {
        background: rgba(255, 255, 255, 0.79);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(12.1px);
        -webkit-backdrop-filter: blur(12.1px);
    }
}


/* =========================================================
   FORMINATOR FORM #236
   FULL CSS — REPLACE ALL OLD CSS
   ========================================================= */


/* =========================================================
   01. DESKTOP SETTINGS
   Chỉnh thông số chủ yếu ở đây
   ========================================================= */

:root {

    /* =========================
       FORM
       ========================= */




    --pi-form-padding-top: 62px;
    --pi-form-padding-right: 40px;
    --pi-form-padding-bottom: 38px;
    --pi-form-padding-left: 40px;

    --pi-form-radius: 20px;


    /* =========================
       ROW / COLUMN SPACING
       ========================= */

    /* Khoảng cách giữa các row */
    --pi-row-gap: 2rem;

    /* Khoảng cách Email ↔ Phone */
    --pi-column-gap: 1rem;


    /* =========================
       LABEL
       ========================= */

    --pi-label-font-size: 1rem;
    --pi-label-font-weight: 500;
    --pi-label-line-height: 1.2;

    --pi-label-color: #0B1735;

    /* Label -> input */
    --pi-label-gap: 0.5rem;


    /* =========================
       INPUT + SELECT
       ========================= */

    --pi-input-height: 42px;

    --pi-input-padding-left: 20px;
    --pi-input-padding-right: 20px;

    --pi-input-bg: #FFFFFF;

    --pi-input-radius: 999px;

    --pi-input-font-size: 14px;
    --pi-input-font-weight: 400;
    --pi-input-line-height: 1.4;

    --pi-input-color: #081636;

    --pi-placeholder-color: #B9BFCA;


    /* =========================
       SELECT ARROW
       ========================= */

    --pi-select-arrow-right: 18px;
    --pi-select-arrow-size: 14px;

    --pi-select-arrow-color: #081636;


    /* =========================
       TEXTAREA
       ========================= */

    --pi-textarea-height: 170px;

    --pi-textarea-padding-top: 13px;
    --pi-textarea-padding-right: 20px;
    --pi-textarea-padding-bottom: 13px;
    --pi-textarea-padding-left: 20px;

    --pi-textarea-radius: 18px;

    --pi-textarea-font-size: 14px;
    --pi-textarea-font-weight: 400;
    --pi-textarea-line-height: 1.5;


    /* =========================
       BUTTON
       ========================= */

    /* Textarea -> button */
    --pi-button-margin-top: 26px;

    --pi-button-width: 262px;
    --pi-button-height: 54px;

    --pi-button-padding-left: 28px;
    --pi-button-padding-right: 28px;

    --pi-button-font-size: 20px;
    --pi-button-font-weight: 600;

    --pi-button-radius: 999px;

    --pi-button-border-width: 2px;

    --pi-button-bg: transparent;
    --pi-button-color: #FFFFFF;
    --pi-button-border-color: #FFFFFF;

    --pi-button-hover-bg: #FFFFFF;
    --pi-button-hover-color: #081636;


    /* =========================
       DROPDOWN
       ========================= */

    --pi-dropdown-radius: 14px;

    --pi-dropdown-font-size: 14px;

    --pi-dropdown-option-padding-y: 11px;
    --pi-dropdown-option-padding-x: 14px;
}



/* =========================================================
   02. FORM
   Chỉ FORM này có background.
   Không style background/border cho container bên ngoài.
   ========================================================= */

#forminator-module-236 {
    display: block !important;

    width: 100% !important;
    max-width: var(--pi-form-max-width) !important;

    margin: 0 auto !important;

    padding:
        var(--pi-form-padding-top)
        var(--pi-form-padding-right)
        var(--pi-form-padding-bottom)
        var(--pi-form-padding-left) !important;

    background: var(--pi-form-bg) !important;

    border: 0 !important;
    border-radius: var(--pi-form-radius) !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}



/* =========================================================
   03. RESET FORMINATOR DEFAULT SPACING
   ========================================================= */

#forminator-module-236 .forminator-row {
    display: flex !important;

    width: 100% !important;

    gap: var(--pi-column-gap) !important;

    margin: 0 0 var(--pi-row-gap) 0 !important;

    padding: 0 !important;
}


#forminator-module-236 .forminator-col {
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


#forminator-module-236 .forminator-col-12 {
    width: 100% !important;

    flex: 0 0 100% !important;
}


#forminator-module-236 .forminator-col-6 {
    width: calc(50% - (var(--pi-column-gap) / 2)) !important;

    flex:
        0
        0
        calc(50% - (var(--pi-column-gap) / 2)) !important;
}


#forminator-module-236 .forminator-field {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}



/* =========================================================
   04. LABEL
   ========================================================= */

#forminator-module-236 .forminator-label {
    display: block !important;

    margin:
        0
        0
        var(--pi-label-gap)
        0 !important;

    padding: 0 !important;

    font-size: var(--pi-label-font-size) !important;
    font-weight: var(--pi-label-font-weight) !important;
    line-height: var(--pi-label-line-height) !important;

    color: var(--pi-label-color) !important;
}



/* =========================================================
   05. INPUT
   ========================================================= */

#forminator-module-236 .forminator-input {
    display: block !important;

    width: 100% !important;
    height: var(--pi-input-height) !important;

    margin: 0 !important;

    padding:
        0
        var(--pi-input-padding-right)
        0
        var(--pi-input-padding-left) !important;

    background: var(--pi-input-bg) !important;

    border: 0 !important;
    border-radius: var(--pi-input-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-size: var(--pi-input-font-size) !important;
    font-weight: var(--pi-input-font-weight) !important;
    line-height: var(--pi-input-line-height) !important;

    color: var(--pi-input-color) !important;

    box-sizing: border-box !important;

    transition:
        box-shadow 0.2s ease,
        background-color 0.2s ease !important;
}



/* =========================================================
   06. PLACEHOLDER
   ========================================================= */

#forminator-module-236 .forminator-input::placeholder,
#forminator-module-236 .forminator-textarea::placeholder {
    color: var(--pi-placeholder-color) !important;

    opacity: 1 !important;
}



/* =========================================================
   07. INPUT FOCUS
   ========================================================= */

#forminator-module-236 .forminator-input:focus,
#forminator-module-236 .forminator-textarea:focus {
    outline: 0 !important;

    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.18) !important;
}



/* =========================================================
   08. SELECT FIELD WRAPPER
   ========================================================= */

#forminator-module-236 #select-1,
#forminator-module-236 #select-1 .forminator-field {
    width: 100% !important;
}



/* =========================================================
   09. SELECT2 CONTAINER
   ========================================================= */

#forminator-module-236 .select2-container.forminator-select {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}



/* =========================================================
   10. SELECT BOX
   ========================================================= */

#forminator-module-236
.select2-container.forminator-select
.select2-selection--single {

    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    height: var(--pi-input-height) !important;
    min-height: var(--pi-input-height) !important;

    margin: 0 !important;

    padding:
        0
        calc(var(--pi-select-arrow-right) + 26px)
        0
        var(--pi-input-padding-left) !important;

    background: var(--pi-input-bg) !important;

    border: 0 !important;
    border-radius: var(--pi-input-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box !important;
}



/* =========================================================
   11. SELECT TEXT
   ========================================================= */

#forminator-module-236
.select2-selection--single
.select2-selection__rendered {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    font-size: var(--pi-input-font-size) !important;
    font-weight: var(--pi-input-font-weight) !important;
    line-height: var(--pi-input-line-height) !important;

    color: var(--pi-input-color) !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}



/* Select placeholder */

#forminator-module-236
.select2-selection__placeholder {

    color: var(--pi-placeholder-color) !important;

    opacity: 1 !important;
}



/* =========================================================
   12. SELECT ARROW
   Không dùng icon font Forminator
   ========================================================= */

#forminator-module-236
.select2-selection--single
.select2-selection__arrow {

    position: absolute !important;

    top: 50% !important;
    right: var(--pi-select-arrow-right) !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Ẩn icon font mặc định của Forminator */

#forminator-module-236
.select2-selection__arrow
.forminator-icon-chevron-down {

    display: none !important;
}


/* Tự vẽ chevron bằng CSS */

#forminator-module-236
.select2-selection--single
.select2-selection__arrow::before {

    content: "" !important;

    display: block !important;

    width: 7px !important;
    height: 7px !important;

    border-right: 2px solid var(--pi-select-arrow-color) !important;
    border-bottom: 2px solid var(--pi-select-arrow-color) !important;

    transform: rotate(45deg) translate(-1px, -1px) !important;

    box-sizing: border-box !important;
}


/* Chặn pseudo icon mặc định nếu Forminator inject thêm */

#forminator-module-236
.select2-selection__arrow
.forminator-icon-chevron-down::before,

#forminator-module-236
.select2-selection__arrow
.forminator-icon-chevron-down::after {

    content: none !important;
    display: none !important;
}



/* =========================================================
   13. SELECT OPEN / FOCUS
   ========================================================= */

#forminator-module-236
.select2-container--open
.select2-selection--single {

    box-shadow:
        0 0 0 2px rgba(255, 255, 255, 0.18) !important;
}



/* =========================================================
   14. NATIVE SELECT FALLBACK
   Dùng khi Select2 chưa render trong Bricks editor
   ========================================================= */

#forminator-module-236 select.forminator-select--field {
    width: 100% !important;
    height: var(--pi-input-height) !important;

    margin: 0 !important;

    padding:
        0
        45px
        0
        var(--pi-input-padding-left) !important;

    background-color: var(--pi-input-bg) !important;

    border: 0 !important;
    border-radius: var(--pi-input-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-size: var(--pi-input-font-size) !important;
    font-weight: var(--pi-input-font-weight) !important;

    color: var(--pi-input-color) !important;

    box-sizing: border-box !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}



/* =========================================================
   15. TEXTAREA
   ========================================================= */

#forminator-module-236 .forminator-textarea {
    display: block !important;

    width: 100% !important;

    height: var(--pi-textarea-height) !important;
    min-height: var(--pi-textarea-height) !important;

    margin: 0 !important;

    padding:
        var(--pi-textarea-padding-top)
        var(--pi-textarea-padding-right)
        var(--pi-textarea-padding-bottom)
        var(--pi-textarea-padding-left) !important;

    background: var(--pi-input-bg) !important;

    border: 0 !important;
    border-radius: var(--pi-textarea-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-size: var(--pi-textarea-font-size) !important;
    font-weight: var(--pi-textarea-font-weight) !important;
    line-height: var(--pi-textarea-line-height) !important;

    color: var(--pi-input-color) !important;

    resize: none !important;

    box-sizing: border-box !important;
}



/* =========================================================
   16. BUTTON ROW
   ========================================================= */

#forminator-module-236 .forminator-row-last {
    display: block !important;

    width: 100% !important;

    margin:
        var(--pi-button-margin-top)
        0
        0
        0 !important;

    padding: 0 !important;
}


#forminator-module-236
.forminator-row-last
.forminator-col {

    display: block !important;

    width: 100% !important;

    flex: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


#forminator-module-236
.forminator-row-last
.forminator-field {

    display: flex !important;

    width: 100% !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}



/* =========================================================
   17. BUTTON
   ========================================================= */

#forminator-module-236 .forminator-button-submit {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: var(--pi-button-width) !important;
    height: var(--pi-button-height) !important;

    margin: 0 auto !important;

    padding:
        0
        var(--pi-button-padding-right)
        0
        var(--pi-button-padding-left) !important;

    background: var(--pi-button-bg) !important;

    border:
        var(--pi-button-border-width)
        solid
        var(--pi-button-border-color) !important;

    border-radius: var(--pi-button-radius) !important;

    outline: 0 !important;
    box-shadow: none !important;

    font-size: var(--pi-button-font-size) !important;
    font-weight: var(--pi-button-font-weight) !important;
    line-height: 1 !important;

    color: var(--pi-button-color) !important;

    text-align: center !important;
    white-space: nowrap !important;

    cursor: pointer !important;

    box-sizing: border-box !important;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease !important;
}


#forminator-module-236 .forminator-button-submit:hover {
    background: var(--pi-button-hover-bg) !important;

    color: var(--pi-button-hover-color) !important;

    border-color: var(--pi-button-border-color) !important;

    box-shadow: none !important;
}


#forminator-module-236 .forminator-button-submit:active {
    transform: scale(0.98) !important;
}



/* =========================================================
   18. SELECT2 DROPDOWN
   Select2 append dropdown ra ngoài <form>
   nên không được thêm #forminator-module-236 phía trước
   ========================================================= */

.forminator-select-dropdown.forminator-custom-form-236 {
    margin-top: 6px !important;

    padding: 6px !important;

    background: #FFFFFF !important;

    border: 0 !important;
    border-radius: var(--pi-dropdown-radius) !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.14) !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}



/* Hide search because field has data-search="false" */

.forminator-select-dropdown.forminator-custom-form-236
.select2-search--hide {

    display: none !important;
}



/* Dropdown result list */

.forminator-select-dropdown.forminator-custom-form-236
.select2-results {

    margin: 0 !important;
    padding: 0 !important;
}


.forminator-select-dropdown.forminator-custom-form-236
.select2-results__options {

    margin: 0 !important;
    padding: 0 !important;
}



/* Dropdown option */

.forminator-select-dropdown.forminator-custom-form-236
.select2-results__option {

    margin: 0 !important;

    padding:
        var(--pi-dropdown-option-padding-y)
        var(--pi-dropdown-option-padding-x) !important;

    background: #FFFFFF !important;

    border-radius: 8px !important;

    font-size: var(--pi-dropdown-font-size) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    color: #081636 !important;

    cursor: pointer !important;
}



/* Selected */

.forminator-select-dropdown.forminator-custom-form-236
.select2-results__option--selected {

    background: #EEF1F6 !important;

    color: #081636 !important;
}



/* Hover */

.forminator-select-dropdown.forminator-custom-form-236
.select2-results__option--highlighted {

    background: #E7EBF2 !important;

    color: #081636 !important;
}



/* =========================================================
   19. ERROR / SUCCESS MESSAGE
   ========================================================= */

#forminator-module-236 .forminator-response-message {
    margin: 0 0 16px 0 !important;

    border-radius: 10px !important;
}



/* =========================================================
   20. MOBILE SETTINGS
   Chỉ chỉnh các biến trong đây nếu muốn thay mobile
   ========================================================= */

@media (max-width: 767px) {

    :root {

        /* =========================
           MOBILE FORM
           ========================= */

        --pi-form-max-width: 100%;

        --pi-form-padding-top: 32px;
        --pi-form-padding-right: 20px;
        --pi-form-padding-bottom: 28px;
        --pi-form-padding-left: 20px;

        --pi-form-radius: 18px;


        /* =========================
           MOBILE SPACING
           ========================= */

        --pi-row-gap: 12px;
        --pi-column-gap: 12px;

        --pi-label-gap: 5px;


        /* =========================
           MOBILE LABEL
           ========================= */

        --pi-label-font-size: 13px;


        /* =========================
           MOBILE INPUT / SELECT
           ========================= */

        --pi-input-height: 44px;

        --pi-input-padding-left: 18px;
        --pi-input-padding-right: 18px;

        --pi-input-font-size: 14px;


        /* =========================
           MOBILE TEXTAREA
           ========================= */

        --pi-textarea-height: 150px;

        --pi-textarea-padding-top: 12px;
        --pi-textarea-padding-right: 18px;
        --pi-textarea-padding-bottom: 12px;
        --pi-textarea-padding-left: 18px;

        --pi-textarea-font-size: 14px;


        /* =========================
           MOBILE BUTTON
           ========================= */

        --pi-button-margin-top: 22px;

        --pi-button-width: 100%;
        --pi-button-height: 50px;

        --pi-button-font-size: 17px;

        --pi-button-padding-left: 20px;
        --pi-button-padding-right: 20px;
    }



    /* =====================================================
       MOBILE — STACK EMAIL + PHONE
       ===================================================== */

    #forminator-module-236 .forminator-row {
        flex-direction: column !important;

        gap: var(--pi-row-gap) !important;
    }


    #forminator-module-236 .forminator-col-6,
    #forminator-module-236 .forminator-col-12 {

        width: 100% !important;

        flex: 0 0 100% !important;
    }



    /* =====================================================
       MOBILE BUTTON CENTER
       ===================================================== */

    #forminator-module-236 .forminator-button-submit {
        width: var(--pi-button-width) !important;

        max-width: 280px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }
}
#forminator-module-236 .forminator-label {
  color: #fff !important;
}
<button class="forminator-button forminator-button-submit">Submit Enquiry</button>