:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-5839386 *//* =========================================================
   NOEL VENTURES — FORMINTOR CONTACT FORM
   NAVY + GOLD GLASSMORPHISM
   FONT: CORMORANT GARAMOND
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');


/* =========================================================
   COLORS
   ========================================================= */

.forminator-ui {
    --navy: #071b2d;
    --navy-2: #0a2238;
    --cream: #e9eef4;
    --soft: #c4d0da;
    --muted: #8ea3b5;
    --gold: #e8c77f;

    --gold-border: rgba(232, 199, 127, 0.38);
    --gold-soft: rgba(232, 199, 127, 0.16);

    --glass: rgba(10, 34, 56, 0.78);
    --glass-light: rgba(255, 255, 255, 0.055);
}


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

.forminator-ui.forminator-custom-form {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    color: var(--cream) !important;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(232, 199, 127, 0.12),
            transparent 30%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(232, 199, 127, 0.07),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #071b2d 0%,
            #0a2238 55%,
            #071b2d 100%
        ) !important;

    border: 1px solid rgba(232, 199, 127, 0.25) !important;

    border-radius: 16px !important;

    padding: 28px !important;

    box-sizing: border-box !important;

    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.30),
        inset 0 1px 0 rgba(255, 255, 255, 0.07),
        inset 0 0 35px rgba(232, 199, 127, 0.025) !important;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}


/* =========================================================
   FORM ROW SPACING
   ========================================================= */

.forminator-ui .forminator-row {
    margin-bottom: 20px !important;
}


/* =========================================================
   LABELS
   ========================================================= */

.forminator-ui .forminator-label {

    display: block !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 17px !important;

    font-weight: 600 !important;

    letter-spacing: 0.3px !important;

    line-height: 1.25 !important;

    color: var(--cream) !important;

    margin-bottom: 7px !important;
}


/* Required star */

.forminator-ui .forminator-required {

    color: var(--gold) !important;

    font-weight: 700 !important;
}


/* =========================================================
   ALL INPUTS
   ========================================================= */

.forminator-ui input.forminator-input,
.forminator-ui textarea.forminator-textarea,
.forminator-ui select.forminator-select--field {

    box-sizing: border-box !important;

    width: 100% !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    letter-spacing: 0.2px !important;

    color: var(--cream) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.055),
            rgba(232,199,127,0.025)
        ) !important;

    border: 1px solid rgba(232,199,127,0.30) !important;

    border-radius: 9px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 6px 18px rgba(0,0,0,0.12) !important;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease !important;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}


/* =========================================================
   TEXT INPUTS
   ========================================================= */

.forminator-ui input.forminator-input {

    height: 54px !important;

    padding: 12px 16px !important;
}


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

.forminator-ui textarea.forminator-textarea {

    min-height: 165px !important;

    padding: 14px 16px !important;

    resize: vertical !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.forminator-ui input::placeholder,
.forminator-ui textarea::placeholder {

    color: var(--muted) !important;

    opacity: 0.75 !important;
}


/* =========================================================
   INPUT HOVER
   ========================================================= */

.forminator-ui input.forminator-input:hover,
.forminator-ui textarea.forminator-textarea:hover,
.forminator-ui select.forminator-select--field:hover {

    border-color: rgba(232,199,127,0.52) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.065),
            rgba(232,199,127,0.045)
        ) !important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

.forminator-ui input.forminator-input:focus,
.forminator-ui textarea.forminator-textarea:focus,
.forminator-ui select.forminator-select--field:focus {

    border-color: var(--gold) !important;

    box-shadow:
        0 0 0 1px rgba(232,199,127,0.15),
        0 0 22px rgba(232,199,127,0.12),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.075),
            rgba(232,199,127,0.055)
        ) !important;

    transform: translateY(-1px);
}


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

/* Forminator dropdown container */

.forminator-ui .forminator-select-container {

    width: 100% !important;

    position: relative !important;
}


/* Select field */

.forminator-ui select.forminator-select--field {

    height: 54px !important;

    min-height: 54px !important;

    padding: 10px 48px 10px 16px !important;

    cursor: pointer !important;

    appearance: none !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;
}


/* Dropdown arrow area */

.forminator-ui .forminator-select-container:after {

    content: "";

    position: absolute;

    right: 18px;

    top: 50%;

    width: 8px;

    height: 8px;

    border-right: 1.5px solid var(--gold);

    border-bottom: 1.5px solid var(--gold);

    transform: translateY(-65%) rotate(45deg);

    pointer-events: none;

    transition: transform 0.3s ease;
}


/* Arrow when select is focused */

.forminator-ui .forminator-select-container:focus-within:after {

    transform: translateY(-25%) rotate(225deg);
}


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

.forminator-ui select.forminator-select--field option {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 17px !important;

    color: var(--cream) !important;

    background-color: var(--navy-2) !important;

    padding: 12px !important;
}


/* Selected option */

.forminator-ui select.forminator-select--field option:checked {

    color: var(--gold) !important;

    background-color: var(--navy) !important;
}


/* =========================================================
   FORMINTOR CUSTOM SELECT DROPDOWN
   For browsers / Forminator versions using custom dropdown
   ========================================================= */

.forminator-ui .forminator-select-dropdown {

    background:
        linear-gradient(
            145deg,
            rgba(7,27,45,0.97),
            rgba(10,34,56,0.97)
        ) !important;

    border: 1px solid rgba(232,199,127,0.35) !important;

    border-radius: 9px !important;

    box-shadow:
        0 18px 40px rgba(0,0,0,0.35),
        0 0 25px rgba(232,199,127,0.05) !important;

    backdrop-filter: blur(18px);

    -webkit-backdrop-filter: blur(18px);

    overflow: hidden !important;
}


/* Dropdown items */

.forminator-ui .forminator-select-dropdown li,
.forminator-ui .forminator-select-dropdown .forminator-option {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 17px !important;

    font-weight: 500 !important;

    color: var(--soft) !important;

    background: transparent !important;

    padding: 13px 16px !important;

    transition:
        color 0.25s ease,
        background 0.25s ease !important;
}


/* Dropdown hover */

.forminator-ui .forminator-select-dropdown li:hover,
.forminator-ui .forminator-select-dropdown .forminator-option:hover {

    color: var(--gold) !important;

    background:
        rgba(232,199,127,0.10) !important;
}


/* Selected dropdown item */

.forminator-ui .forminator-select-dropdown li.selected,
.forminator-ui .forminator-select-dropdown li[aria-selected="true"],
.forminator-ui .forminator-select-dropdown .forminator-option.selected {

    color: var(--gold) !important;

    background:
        rgba(232,199,127,0.08) !important;
}


/* =========================================================
   MESSAGE CHARACTER COUNT
   ========================================================= */

.forminator-ui .forminator-count {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 14px !important;

    color: var(--muted) !important;

    opacity: 0.9 !important;
}


/* =========================================================
   HELP / DESCRIPTION TEXT
   ========================================================= */

.forminator-ui .forminator-description {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    color: var(--muted) !important;

    font-size: 14px !important;
}


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

.forminator-ui button.forminator-button-submit {

    width: 100% !important;

    min-height: 54px !important;

    padding: 12px 26px !important;

    font-family: "Cormorant Garamond", Georgia, serif !important;

    font-size: 18px !important;

    font-weight: 600 !important;

    letter-spacing: 0.5px !important;

    color: var(--navy) !important;

    background:
        linear-gradient(
            120deg,
            rgba(232,199,127,0.82),
            rgba(232,199,127,0.52),
            rgba(232,199,127,0.76)
        ) !important;

    border: 1px solid rgba(232,199,127,0.70) !important;

    border-radius: 9px !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.35) !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;
}


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

.forminator-ui button.forminator-button-submit:hover {

    color: var(--navy) !important;

    background:
        linear-gradient(
            120deg,
            #e8c77f,
            #f1d795,
            #e8c77f
        ) !important;

    border-color: var(--gold) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 12px 30px rgba(232,199,127,0.18),
        0 0 25px rgba(232,199,127,0.10),
        inset 0 1px 0 rgba(255,255,255,0.45) !important;
}


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

.forminator-ui button.forminator-button-submit:active {

    transform: translateY(0) !important;
}


/* =========================================================
   ERROR
   ========================================================= */

.forminator-ui .forminator-error {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    color: #e8a4a4 !important;

    font-size: 14px !important;
}


.forminator-ui .forminator-has-error input.forminator-input,
.forminator-ui .forminator-has-error textarea.forminator-textarea,
.forminator-ui .forminator-has-error select.forminator-select--field {

    border-color: rgba(220,120,120,0.75) !important;

    box-shadow:
        0 0 14px rgba(220,120,120,0.08) !important;
}


/* =========================================================
   SUCCESS MESSAGE
   ========================================================= */

.forminator-ui .forminator-response-message {

    font-family: "Cormorant Garamond", Georgia, serif !important;

    color: var(--cream) !important;

    background:
        rgba(10,34,56,0.80) !important;

    border:
        1px solid rgba(232,199,127,0.35) !important;

    border-radius: 9px !important;

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);
}


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

@media (max-width: 767px) {

    .forminator-ui.forminator-custom-form {

        padding: 20px 16px !important;

        border-radius: 14px !important;
    }


    .forminator-ui .forminator-row {

        margin-bottom: 17px !important;
    }


    .forminator-ui .forminator-label {

        font-size: 16px !important;

        margin-bottom: 6px !important;
    }


    .forminator-ui input.forminator-input,
    .forminator-ui select.forminator-select--field {

        height: 51px !important;

        min-height: 51px !important;

        font-size: 16px !important;
    }


    .forminator-ui textarea.forminator-textarea {

        min-height: 145px !important;

        font-size: 16px !important;
    }


    .forminator-ui button.forminator-button-submit {

        min-height: 52px !important;

        font-size: 17px !important;
    }
}


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

@media (max-width: 400px) {

    .forminator-ui.forminator-custom-form {

        padding: 17px 12px !important;
    }


    .forminator-ui .forminator-label {

        font-size: 15px !important;
    }


    .forminator-ui input.forminator-input,
    .forminator-ui textarea.forminator-textarea,
    .forminator-ui select.forminator-select--field {

        font-size: 15px !important;
    }
}/* End custom CSS */