.elementor-56 .elementor-element.elementor-element-02b7118{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-56 .elementor-element.elementor-element-02b7118:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-02b7118 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3D3D3D;}/* Start custom CSS for html, class: .elementor-element-67e2846 *//* Contact/Footer */
.contact {
    padding: 4rem 2rem;
    background: #000000;
    color: var(--white);
    text-align: center;
}

.contact-info {
    max-width: 600px;
    margin: 0 auto 2rem;
}

.contact-info p {
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
    color: var(--silver);
}

.contact-info a {
    color: var(--green); /* Green Accent */
    text-decoration: none;
}

.contact-info a:hover {
    text-decoration: underline;
}

/* .footer-logo and .footer-logo img styles were not present in the HTML but defined in CSS, 
   I'm including them just in case you plan to add the logo later */
.footer-logo {
    margin-bottom: 1rem;
}

.footer-logo img {
    max-width: 200px;
    opacity: 0.8;
}

.copyright {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    color: var(--silver);
    font-size: 0.9rem;
}
/* CSS Variables (Required for the above styles to work) */
:root {
    --green: #8BC34A;
    --dark-gray: #2C2C2C;
    --silver: #C0C0C0;
    --white: #FFFFFF;
}/* End custom CSS */