.elementor-28 .elementor-element.elementor-element-b11cda6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-28 .elementor-element.elementor-element-b11cda6:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-b11cda6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #1C1C41 0%, #1A1A2E 100%);}.elementor-28 .elementor-element.elementor-element-9205836{padding:0px 0px 0px 0px;}.elementor-28 .elementor-element.elementor-element-0e1bbbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28 .elementor-element.elementor-element-0e1bbbd:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-0e1bbbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDFBF7;}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-b11cda6{--content-width:1200px;}}/* Start custom CSS for container, class: .elementor-element-0e1bbbd *//* =====================================================
   THE MUSE VALE
   PREMIUM LIGHT GLASS CONTACT FORM
===================================================== */


/* =====================================================
   MAIN WRAPPER
===================================================== */

.muse-contact-wrapper {
    position: relative;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    padding: 45px 25px;
    isolation: isolate;
}


/* =====================================================
   SOFT NAVY GLOW
   ONLY ON LEFT & RIGHT SIDES
===================================================== */

.muse-contact-glow {
    position: absolute;
    inset: 12% -2%;
    z-index: -2;
    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            rgba(26, 26, 46, 0.35) 0%,
            rgba(26, 26, 46, 0.16) 12%,
            rgba(255,255,255,0) 30%,
            rgba(255,255,255,0) 70%,
            rgba(26, 26, 46, 0.16) 88%,
            rgba(26, 26, 46, 0.35) 100%
        );

    filter: blur(38px);
    opacity: 0.42;

    pointer-events: none;
}


/* =====================================================
   MAIN GLASS CARD
===================================================== */

.muse-contact-card {
    position: relative;
    overflow: hidden;

    padding: 55px 50px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.98),
            rgba(248,248,250,0.94)
        );

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

    border: 1px solid #C9A96E;

    border-radius: 28px;

    box-shadow:
        -25px 0 55px rgba(26,26,46,0.20),
        25px 0 55px rgba(26,26,46,0.20),
        0 22px 50px rgba(26,26,46,0.15),
        inset 0 1px 0 rgba(255,255,255,0.9);

    transition:
        box-shadow 0.4s ease,
        background 0.4s ease;

    transform: translateZ(0);

    will-change: transform;
}


/* =====================================================
   SOFT GLASS LIGHT
===================================================== */

.muse-contact-card::before {
    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    top: -180px;
    left: -100px;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,0.75),
            rgba(255,255,255,0)
        );

    pointer-events: none;

    z-index: 0;
}


/* =====================================================
   SUBTLE GOLD GLOW
===================================================== */

.muse-contact-card::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    bottom: -180px;
    right: -120px;

    background:
        radial-gradient(
            circle,
            rgba(201,169,110,0.10),
            rgba(201,169,110,0)
        );

    pointer-events: none;

    z-index: 0;
}


/* =====================================================
   HOVER ANIMATION
   ZOOM ONCE THEN RETURN TO NORMAL
===================================================== */

.muse-contact-card:hover {

    animation:
        museCardHover 1s ease-out forwards;

    box-shadow:
        -30px 0 60px rgba(26,26,46,0.28),
        30px 0 60px rgba(26,26,46,0.28),
        0 28px 65px rgba(26,26,46,0.20),
        0 0 25px rgba(201,169,110,0.10);
}


@keyframes museCardHover {

    0% {
        transform:
            translateZ(0)
            scale(1);
    }

    35% {
        transform:
            translateZ(0)
            scale(1.008);
    }

    100% {
        transform:
            translateZ(0)
            scale(1);
    }

}


/* =====================================================
   HEADER
===================================================== */

.muse-contact-header {
    position: relative;
    z-index: 2;

    text-align: center;

    margin-bottom: 38px;
}


/* BRAND NAME */

.muse-contact-eyebrow {
    display: inline-block;

    font-family:
        "Josefin Sans",
        sans-serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 3px;

    color:
        #C9A96E;

    margin-bottom: 15px;
}


/* MAIN HEADING */

.muse-contact-header h2 {

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(32px, 4vw, 48px);

    font-weight:
        600;

    line-height:
        1.2;

    color:
        #1A1A2E;

    margin:
        0 0 15px;
}


/* DESCRIPTION */

.muse-contact-header p {

    font-family:
        "Josefin Sans",
        sans-serif;

    font-size:
        16px;

    line-height:
        1.7;

    color:
        rgba(26,26,46,0.68);

    max-width:
        580px;

    margin:
        0 auto;
}


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

.muse-contact-form {
    position: relative;
    z-index: 2;
}


.muse-contact-form .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 20px;
}


/* =====================================================
   INPUT FIELDS
===================================================== */

.muse-contact-form input:not([type="submit"]),
.muse-contact-form textarea,
.muse-contact-form select {

    width: 100%;

    font-family:
        "Josefin Sans",
        sans-serif;

    font-size:
        15px;

    font-weight:
        500;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #1A1A2E,
            #25253D
        );

    border:
        1px solid rgba(201,169,110,0.50);

    border-radius:
        12px;

    padding:
        17px 20px;

    outline:
        none;

    box-shadow:
        0 8px 20px rgba(26,26,46,0.12);

    transition:
        border-color 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease;
}


/* TEXTAREA */

.muse-contact-form textarea {

    min-height:
        150px;

    resize:
        vertical;
}


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

.muse-contact-form input::placeholder,
.muse-contact-form textarea::placeholder {

    color:
        rgba(255,255,255,0.62);

    font-family:
        "Josefin Sans",
        sans-serif;

    letter-spacing:
        0.3px;

    opacity:
        1;
}


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

.muse-contact-form input:not([type="submit"]):hover,
.muse-contact-form textarea:hover {

    border-color:
        #C9A96E;

    box-shadow:
        0 10px 24px rgba(26,26,46,0.18);
}


/* =====================================================
   INPUT FOCUS
   NO MOVEMENT = NO TEXT BLUR
===================================================== */

.muse-contact-form input:not([type="submit"]):focus,
.muse-contact-form textarea:focus,
.muse-contact-form select:focus {

    border-color:
        #C9A96E;

    background:
        #1A1A2E;

    box-shadow:
        0 0 0 4px rgba(201,169,110,0.08),
        0 8px 22px rgba(26,26,46,0.18);

    transform:
        none;
}


/* =====================================================
   PREMIUM FULL WIDTH BUTTON
===================================================== */

.muse-contact-form input[type="submit"] {

    width:
        100%;

    border:
        1px solid #1A1A2E;

    border-radius:
        50px;

    padding:
        18px 30px;

    margin-top:
        8px;

    font-family:
        "Josefin Sans",
        sans-serif;

    font-size:
        14px;

    font-weight:
        700;

    letter-spacing:
        2px;

    text-transform:
        uppercase;

    color:
        #FFFFFF;

    background:
        #1A1A2E;

    cursor:
        pointer;

    box-shadow:
        0 12px 28px rgba(26,26,46,0.25);

    transition:
        background 0.4s ease,
        color 0.4s ease,
        box-shadow 0.4s ease,
        transform 0.3s ease;
}


/* BUTTON HOVER */

.muse-contact-form input[type="submit"]:hover {

    background:
        #C9A96E;

    color:
        #1A1A2E;

    border-color:
        #C9A96E;

    transform:
        translateY(-2px);

    box-shadow:
        0 18px 40px rgba(26,26,46,0.45);
}


/* BUTTON ACTIVE */

.muse-contact-form input[type="submit"]:active {

    transform:
        scale(0.985);
}


/* =====================================================
   CONTACT FORM 7 RESPONSE
===================================================== */

.muse-contact-form .wpcf7-response-output {

    margin:
        25px 0 0;

    padding:
        14px 18px;

    border-radius:
        10px;

    font-family:
        "Josefin Sans",
        sans-serif;

    color:
        #1A1A2E;

    background:
        rgba(255,255,255,0.85);

    border:
        1px solid #C9A96E;
}


/* ERROR MESSAGE */

.muse-contact-form .wpcf7-not-valid-tip {

    font-family:
        "Josefin Sans",
        sans-serif;

    font-size:
        12px;

    color:
        #A47D3E;

    margin-top:
        6px;
}


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

@media (max-width: 767px) {

    .muse-contact-wrapper {

        padding:
            25px 12px;
    }


    .muse-contact-card {

        padding:
            35px 22px;

        border-radius:
            22px;
    }


    .muse-contact-header h2 {

        font-size:
            32px;
    }


    .muse-contact-header p {

        font-size:
            14px;
    }


    .muse-contact-form input:not([type="submit"]),
    .muse-contact-form textarea {

        padding:
            15px 16px;
    }


    .muse-contact-form input[type="submit"] {

        padding:
            16px 20px;

        font-size:
            12px;
    }


    .muse-contact-glow {

        opacity:
            0.28;

        filter:
            blur(30px);
    }

}/* End custom CSS */