.elementor-404 .elementor-element.elementor-element-b70de49{--display:flex;--min-height:817px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-404 .elementor-element.elementor-element-b70de49:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-b70de49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spezia.com.au/wp-content/uploads/2026/07/9dc92eee0c33df644c8b420c8cb06624c9d27e2f-scaled.webp");background-position:center center;background-repeat:repeat-x;background-size:auto;}.elementor-404 .elementor-element.elementor-element-701e06a{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-404 .elementor-element.elementor-element-701e06a:not(.elementor-motion-effects-element-type-background), .elementor-404 .elementor-element.elementor-element-701e06a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ebae92 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-404 .elementor-element.elementor-element-a12d2ed{text-align:center;}.elementor-404 .elementor-element.elementor-element-a12d2ed .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-e2a81cd );}@media(min-width:768px){.elementor-404 .elementor-element.elementor-element-701e06a{--width:760px;}}@media(max-width:1024px) and (min-width:768px){.elementor-404 .elementor-element.elementor-element-701e06a{--width:80%;}}@media(min-width:1600px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-404 .elementor-element.elementor-element-a12d2ed .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:1024px){.elementor-404 .elementor-element.elementor-element-b70de49{--min-height:80dvh;--padding-top:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-404 .elementor-element.elementor-element-701e06a{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-404 .elementor-element.elementor-element-a12d2ed .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}}@media(max-width:767px){.elementor-404 .elementor-element.elementor-element-b70de49{--min-height:90dvh;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-404 .elementor-element.elementor-element-701e06a{--width:100%;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-404 .elementor-element.elementor-element-a12d2ed .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-404 .elementor-element.elementor-element-b6ac0b1{width:initial;max-width:initial;}}/* Start custom CSS for shortcode, class: .elementor-element-b6ac0b1 *//* =========================================
   Gravity Forms Custom Style
   Form ID: 2
========================================= */

/* -----------------------------------------
   Variables
----------------------------------------- */

body #gform_wrapper_2 {
    --border-color: #E3DCB5;
    --text-color: #E3DCB5;
}

/*body #gform_wrapper_2 .gform-datepicker-toggle {*/
/*    display: none;*/
/*}*/

body #gform_wrapper_2 .gform-datepicker-toggle,
body #gform_wrapper_2 .gform-datepicker-toggle .dashicons,
body #gform_wrapper_2 .gform-datepicker-toggle .dashicons::before {
    color: var(--text-color) !important;
}

body #gform_wrapper_2 input[type="number"]::-webkit-inner-spin-button,
body #gform_wrapper_2 input[type="number"]::-webkit-outer-spin-button {
    opacity: 1 !important;
    filter: none!important;
}

.gform-theme--framework .gform-datepicker-calendar {
    background-color: #E4DDB6!important;
}

.gform-theme--framework .gform-datepicker-calendar table.calendar td.dayMarked span {
    background-color: #42121E!important;
    border: none!important;
}

.gform-theme--framework .gform-datepicker-calendar table.calendar td.day:where(:not(.selected,.dayMarked,.disabled)) span:hover {
    background-color: #42121E!important;
    border: none!important;
    color: #fff!important;
}

/* -----------------------------------------
   Form Fields
----------------------------------------- */

body #gform_wrapper_2 input[type="text"],
body #gform_wrapper_2 input[type="email"],
body #gform_wrapper_2 input[type="tel"],
body #gform_wrapper_2 input[type="number"],
body #gform_wrapper_2 input[type="password"],
body #gform_wrapper_2 input[type="url"],
body #gform_wrapper_2 input[type="search"],
body #gform_wrapper_2 input[type="time"],
body #gform_wrapper_2 input[type="datetime-local"],
body #gform_wrapper_2 input[type="month"],
body #gform_wrapper_2 input[type="week"],
body #gform_wrapper_2 select,
body #gform_wrapper_2 textarea,
body #gform_wrapper_2 .gform-datepicker {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-radius: 0 !important;
    color: var(--text-color) !important;
    padding: 20px 0 !important;
    outline: none !important;
    box-shadow: none !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-66702e0-font-size) !important;
    text-transform: var(--e-global-typography-66702e0-text-transform) !important;
}


/* -----------------------------------------
   Placeholder
----------------------------------------- */

body #gform_wrapper_2 input::placeholder,
body #gform_wrapper_2 textarea::placeholder {
    color: var(--text-color) !important;
    opacity: 0.7 !important;
}


/* -----------------------------------------
   Focus
----------------------------------------- */

body #gform_wrapper_2 input:focus,
body #gform_wrapper_2 textarea:focus,
body #gform_wrapper_2 select:focus {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: #A63D24 !important;
    box-shadow: none !important;
    outline: none !important;
}


/* -----------------------------------------
   Labels
----------------------------------------- */

body #gform_wrapper_2 .gfield_label {
    color: var(--text-color) !important;
    margin-bottom: 8px !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-66702e0-font-size) !important;
    text-transform: var(--e-global-typography-66702e0-text-transform) !important;
}


/* -----------------------------------------
   Name Field
----------------------------------------- */

body #gform_wrapper_2 .ginput_container_name {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 30px !important;
}

body #gform_wrapper_2 .ginput_container_name > span {
    width: 100% !important;
}


/* -----------------------------------------
   Datepicker
----------------------------------------- */

body #gform_wrapper_2 .gform-datepicker {
    cursor: pointer !important;
}


/* Datepicker icon */

body #gform_wrapper_2 .gform-datepicker-toggle {
    color: var(--text-color) !important;
    background: transparent !important;
    border: none !important;
}


/* -----------------------------------------
   Select
----------------------------------------- */

body #gform_wrapper_2 select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}


/* -----------------------------------------
   Number Spinner
----------------------------------------- */

body #gform_wrapper_2 input[type="number"]::-webkit-inner-spin-button,
body #gform_wrapper_2 input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}


/* -----------------------------------------
   Field Spacing
----------------------------------------- */

body #gform_wrapper_2 .gfield {
    margin-bottom: 1px !important;
}


/* -----------------------------------------
   Gravity Forms Grid
----------------------------------------- */

body #gform_wrapper_2 .gform_fields {
    column-gap: 40px !important;
}


/* -----------------------------------------
   Validation
----------------------------------------- */

body #gform_wrapper_2 .validation_message,
body #gform_wrapper_2 .gfield_validation_message {
    color: #ffb5b5 !important;
    font-size: 14px !important;
}


/* -----------------------------------------
   Error
----------------------------------------- */

body #gform_wrapper_2 .gfield_error input,
body #gform_wrapper_2 .gfield_error textarea,
body #gform_wrapper_2 .gfield_error select {
    border-bottom-color: #ff6b6b !important;
}


/* -----------------------------------------
   Submit Button
----------------------------------------- */

/*
   IMPORTANT:
   Gravity Forms menggunakan <button>,
   bukan <input type="submit">
*/

body #gform_wrapper_2 .gform-footer button.gform_button,
body #gform_wrapper_2 button#gform_submit_button_2 {
    background: #A63D24 !important;
    color: #E3DCB5 !important;

    border: none !important;
    border-radius: 4px !important;

    padding: 20px 40px !important;
    margin-top: 90px !important;

    cursor: pointer !important;
    transition: background-color 0.3s ease,
                color 0.3s ease !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-66702e0-font-size) !important;
    text-transform: var(--e-global-typography-66702e0-text-transform) !important;
}


/* -----------------------------------------
   Submit Button Hover
----------------------------------------- */

body #gform_wrapper_2 .gform-footer button.gform_button:hover,
body #gform_wrapper_2 button#gform_submit_button_2:hover {
    background: #E3DCB5 !important;
    color: #42121E !important;
}


/* -----------------------------------------
   Autofill
----------------------------------------- */

body #gform_wrapper_2 input:-webkit-autofill,
body #gform_wrapper_2 textarea:-webkit-autofill,
body #gform_wrapper_2 select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    -webkit-text-fill-color: #E3DCB5 !important;
    transition: background-color 9999s ease-in-out 0s !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    body #gform_wrapper_2 .gform_fields {
        column-gap: 30px !important;
    }

    body #gform_wrapper_2 .ginput_container_name {
        column-gap: 20px !important;
    }

}


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

@media (max-width: 767px) {

    body #gform_wrapper_2 .gform_fields {
        grid-template-columns: 1fr !important;
        row-gap: 20px !important;
    }

    body #gform_wrapper_2 .ginput_container_name {
        grid-template-columns: 1fr !important;
        row-gap: 20px !important;
    }

    body #gform_wrapper_2 .gform-footer button.gform_button,
    body #gform_wrapper_2 button#gform_submit_button_2 {
        margin-top: 40px !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26dd451 *//* =========================================
   HubSpot Form
   Form ID: b2feadfa-4bd8-44a2-a1da-39049d196ad4
========================================= */


/* -----------------------------------------
   Submit Button
----------------------------------------- */

.hs-form-b2feadfa-4bd8-44a2-a1da-39049d196ad4 .hs-button {
    background: #A63D24 !important;
    color: #E3DCB5 !important;

    border: none !important;
    border-radius: 4px !important;

    padding: 20px 40px !important;
    margin-top: 90px !important;

    cursor: pointer !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-66702e0-font-size) !important;
    text-transform: var(--e-global-typography-66702e0-text-transform) !important;

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

.hs-form-b2feadfa-4bd8-44a2-a1da-39049d196ad4 .hs-button:hover {
    background: #E3DCB5 !important;
    color: #42121E !important;
}


/* -----------------------------------------
   Field Label
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .hs-form-field > label:not(.hs-error-msg) {
    color: #E3DCB5 !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: 12px !important;
}


/* -----------------------------------------
   Required Asterisk
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .hs-form-required {
    color: #E3DCB5 !important;
}


/* -----------------------------------------
   Form Input
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .hs-input {
    color: #E3DCB5 !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: 16px !important;
}


/* -----------------------------------------
   Input Fields
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 input[type="date"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="email"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="number"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="password"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="search"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="tel"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="text"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="time"],
.elementor-404 .elementor-element.elementor-element-26dd451 input[type="url"],
.elementor-404 .elementor-element.elementor-element-26dd451 select,
.elementor-404 .elementor-element.elementor-element-26dd451 textarea {
    background-color: transparent !important;

    border: none !important;
    border-bottom: 1px solid #E3DCB5 !important;
    border-radius: 0 !important;
}


/* -----------------------------------------
   Active / Focus State
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .hs-input:focus,
.elementor-404 .elementor-element.elementor-element-26dd451 input:focus,
.elementor-404 .elementor-element.elementor-element-26dd451 select:focus,
.elementor-404 .elementor-element.elementor-element-26dd451 textarea:focus {
    border-top: none !important;
    border-right: none !important;
    border-bottom: 1px solid #E3DCB5 !important;
    border-left: none !important;

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


/* -----------------------------------------
   Error Message
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .hs-error-msgs,
.elementor-404 .elementor-element.elementor-element-26dd451 .hs-error-msgs label,
.elementor-404 .elementor-element.elementor-element-26dd451 .hs-error-msg {
    color: #E3DCB5 !important;

    font-family: var(--e-global-typography-66702e0-font-family), Sans-serif !important;
    font-size: 8px !important;
}


/* -----------------------------------------
   Error Message Spacing
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .no-list {
    margin-top: 10px !important;
}


/* -----------------------------------------
   Field Spacing
----------------------------------------- */

.elementor-404 .elementor-element.elementor-element-26dd451 .hs-form-field {
    margin-bottom: 20px !important;
}


.fn-date-picker.pika-single {
    background:#E3DCB5 !important;
}

.elementor-404 .elementor-element.elementor-element-26dd451 .pika-label {
    background-color: #E3DCB5 !important;
}



.elementor-404 .elementor-element.elementor-element-26dd451 option {
    color : #000!important;
    background-color: #E3DCB5 !important;
    
}/* End custom CSS */