.elementor-13801 .elementor-element.elementor-element-4f1d76a{--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-13801 .elementor-element.elementor-element-74306802:not(.elementor-motion-effects-element-type-background), .elementor-13801 .elementor-element.elementor-element-74306802 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://12awards.com/wp-content/uploads/2026/03/Art-Gallery-Mockup-MLS.jpg");background-position:center center;background-size:cover;}.elementor-13801 .elementor-element.elementor-element-74306802 > .elementor-container{min-height:87vh;}.elementor-13801 .elementor-element.elementor-element-74306802{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-13801 .elementor-element.elementor-element-74306802 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13801 .elementor-element.elementor-element-3db8cfc1 > .elementor-element-populated{margin:0% 57% 0% 0%;--e-column-margin-right:57%;--e-column-margin-left:0%;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 > .elementor-widget-container{--e-transform-translateX:-130px;--e-transform-translateY:265px;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .ld-fh-element, .elementor-13801 .elementor-element.elementor-element-1a0fbf60 .ld-fh-element a{color:#FFFFFF;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .ld-fh-element{font-family:"Italiana", Sans-serif;font-size:68px;line-height:0.95em;letter-spacing:-0.7px;margin:0em 0em 0.2em 0em;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .lqd-highlight-inner, .elementor-13801 .elementor-element.elementor-element-1a0fbf60 .lqd-highlight-inner .lqd-highlight-brush-svg{height:0.275em;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .lqd-highlight-inner{bottom:0em;left:0em;}.elementor-13801 .elementor-element.elementor-element-f689b6a{--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-13801 .elementor-element.elementor-element-0588ef7{width:100%;max-width:100%;}.elementor-13801 .elementor-element.elementor-element-0588ef7 > .elementor-widget-container{margin:-34px -34px -34px -34px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-13801 .elementor-element.elementor-element-f689b6a{--width:100%;}}@media(max-width:1024px){.elementor-13801 .elementor-element.elementor-element-74306802 > .elementor-container{min-height:93vh;}.elementor-13801 .elementor-element.elementor-element-3db8cfc1 > .elementor-element-populated{margin:0% 36% 0% 0%;--e-column-margin-right:36%;--e-column-margin-left:0%;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 > .elementor-widget-container{--e-transform-translateX:117px;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60{--container-widget-width:757px;--container-widget-flex-grow:0;width:var( --container-widget-width, 757px );max-width:757px;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .ld-fancy-heading{text-align:left;}}@media(max-width:767px){.elementor-13801 .elementor-element.elementor-element-3db8cfc1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 > .elementor-widget-container{--e-transform-translateX:-83px;--e-transform-translateY:-41px;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60{--container-widget-width:495px;--container-widget-flex-grow:0;width:var( --container-widget-width, 495px );max-width:495px;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60.elementor-element{--align-self:center;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .ld-fancy-heading{text-align:center;}.elementor-13801 .elementor-element.elementor-element-1a0fbf60 .ld-fh-element{font-size:9.3vw;}}/* Start custom CSS for html, class: .elementor-element-0588ef7 */@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Italiana&display=swap');

/* =========================================
   1. GLOBAL ENVIRONMENT
   ========================================= */
.unified-contact-environment {
    margin: 0;
    padding: 80px 20px;
    font-family: 'Didact Gothic', -apple-system, sans-serif;
    display: flex;
    justify-content: center;
    background-color: #ffffff;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(212, 175, 55, 0.05), transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(200, 220, 240, 0.1), transparent 50%);
    color: #111;
}

.unified-container-box {
    max-width: 1300px; 
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 60px; /* Space between the two main cards */
    position: relative;
    z-index: 2;
}

/* =========================================
   2. THE MASTER LIQUID GLASS CARDS
   ========================================= */
.master-glass-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(245, 245, 247, 0.6) 100%);
    backdrop-filter: blur(30px) saturate(150%);
    -webkit-backdrop-filter: blur(30px) saturate(150%);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-left: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 32px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.05);
    padding: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

/* =========================================
   3. LEFT SIDE: TITLES & INFO
   ========================================= */
.card-left-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-main-title {
    font-family: 'Italiana', serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    font-weight: 700;
    color: #111;
    margin: 0 0 15px 0;
    letter-spacing: -1px;
}

.card-intro-text {
    font-size: 1.15rem;
    line-height: 1.6;
    color: #555;
    margin-bottom: 40px;
}

/* Details List (Address, Email, Socials) */
.card-info-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.info-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.info-label {
    font-size: 0.85rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #D4AF37; 
}

.info-text {
    font-size: 1.2rem;
    color: #111;
    font-weight: 600;
    margin: 0;
}

/* Social Link specific styling */
.social-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #111;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: color 0.3s ease;
    margin-top: 5px;
}

.social-link svg {
    width: 20px;
    height: 20px;
    color: #111;
    transition: color 0.3s ease, transform 0.3s ease;
}

.social-link:hover, .social-link:hover svg {
    color: #D4AF37;
}

.social-link:hover svg {
    transform: scale(1.1);
}

/* =========================================
   4. RIGHT SIDE: THE FORM BOXES
   ========================================= */
.card-right-col {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
}

.inner-form-title {
    font-family: 'Italiana', serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2rem;
    margin: 0 0 25px 0;
    text-align: center;
    border-bottom: 2px solid #D4AF37;
    padding-bottom: 15px;
    display: block;
}

/* Form Structure */
.form-field-group {
    margin-bottom: 15px;
    width: 100%;
}

.cf7-glass-row {
    display: flex;
    gap: 20px;
}

.cf7-glass-row .form-field-group {
    flex: 1;
}

/* Labels */
.wpcf7-form label,
.unified-label {
    display: block !important;
    font-size: 0.8rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #555 !important;
    margin-bottom: 6px !important;
    font-family: 'Didact Gothic', sans-serif !important;
}

/* Inputs & Textareas (CF7 and Subscribe Form) */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea,
.unified-input {
    width: 100% !important;
    box-sizing: border-box !important;
    background: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px !important;
    padding: 12px 18px !important;
    font-family: 'Didact Gothic', sans-serif !important;
    font-size: 1.05rem !important;
    color: #111 !important;
    outline: none !important;
    transition: all 0.3s ease !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.02) !important;
    margin-bottom: 0 !important;
}

.wpcf7-form textarea {
    min-height: 100px !important;
    resize: vertical !important;
}

/* Focus & Hover Glow */
.wpcf7-form input[type="text"]:hover,
.wpcf7-form input[type="email"]:hover,
.wpcf7-form textarea:hover,
.unified-input:hover {
    background: rgba(255, 255, 255, 1) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus,
.unified-input:focus {
    background: #ffffff !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2), inset 0 2px 5px rgba(0,0,0,0.02) !important;
}

/* Unified Submit Buttons */
.wpcf7-form input[type="submit"],
.unified-submit {
    background: linear-gradient(60deg, #D4AF37, #B89B5E) !important;
    color: #ffffff !important;
    font-family: 'Didact Gothic', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    padding: 14px 40px !important;
    border: none !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3) !important;
    margin-top: 15px !important;
}

.wpcf7-form input[type="submit"]:hover,
.unified-submit:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 25px rgba(212, 175, 55, 0.4) !important;
    background: linear-gradient(60deg, #e5c048, #c9a765) !important;
}

.form-disclaimer {
    font-size: 0.85rem;
    color: #888;
    text-align: center;
    margin: 15px 0 0 0;
    font-weight: 500;
}

/* =========================================
   5. MOBILE RESPONSIVE
   ========================================= */
@media (max-width: 992px) {
    .master-glass-card {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 40px 30px;
    }
    .card-main-title { text-align: center; font-size: 3rem; }
    .card-intro-text { text-align: center; }
    .card-info-list { align-items: center; text-align: center; }
}

@media (max-width: 768px) {
    .unified-contact-environment { padding: 40px 15px; }
    .master-glass-card { padding: 30px 20px; }
    .card-right-col { padding: 25px 15px; }
    .cf7-glass-row { flex-direction: column; gap: 0; }
}/* End custom CSS */