.elementor-39 .elementor-element.elementor-element-3a299b1{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-2973a24 *//* ROOF GUARDS - THE "BIG TEXT" FOOTER STYLE */

:root {
    --bg-dark: #0a0101; 
    --accent-red: #B22222;
    --text-dim: #a0a0a0;
    --glass-white: rgba(255, 255, 255, 0.05);
}

.rg-footer {
    background: var(--bg-dark);
    color: #ffffff;
    padding: 100px 0 40px 0;
    position: relative;
    overflow: hidden; /* This keeps the big text inside the footer */
    font-family: 'Montserrat', sans-serif;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 30px;
    position: relative;
    z-index: 10; /* Keeps your links and icons above the big text */
}

/* --- THE BIG TEXT (WATERMARK) --- */
.footer-watermark {
    position: absolute;
    bottom: 50px; /* Adjust to move it up or down */
    left: 50%;
    transform: translateX(-50%);
    
    /* Massive size relative to screen width */
    font-size: 26vw; 
    font-weight: 900;
    text-transform: lowercase;
    white-space: nowrap;
    line-height: 1;
    letter-spacing: -5px;
    
    /* Non-interactive so people can click links over it */
    pointer-events: none; 
    user-select: none;
    z-index: 1;

    /* The Gradient Fade Look */
    background: linear-gradient(180deg, 
                rgba(255, 255, 255, 0.06) 0%, 
                rgba(178, 34, 34, 0.08) 50%, 
                transparent 95%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* --- Content Sections --- */
.footer-brand, .footer-nav, .footer-content {
    margin-bottom: 40px;
}

.footer-logo {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 20px;
}

.footer-logo span { color: var(--accent-red); }

.footer-brand p {
    color: var(--text-dim);
    line-height: 1.6;
    max-width: 320px;
}

/* Social Buttons */
.social-links { display: flex; gap: 10px; margin-top: 20px; }
.social-links a {
    width: 40px; height: 40px;
    background: var(--glass-white);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex; align-items: center; justify-content: center;
    border-radius: 6px; color: #fff; transition: 0.3s;
}
.social-links a:hover { background: var(--accent-red); transform: translateY(-3px); }

/* Navigation & Contact */
.footer-nav ul { list-style: none; padding: 0; }
.footer-nav ul li { margin-bottom: 10px; }
.footer-nav ul li a { color: var(--text-dim); text-decoration: none; transition: 0.2s; }
.footer-nav ul li a:hover { color: #fff; }

.contact-item { display: flex; gap: 12px; margin-bottom: 15px; color: var(--text-dim); }
.contact-item i { color: var(--accent-red); margin-top: 4px; }

/* --- Bottom Bar --- */
.footer-bottom {
    margin-top: 80px;
    padding: 30px 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #666;
    position: relative;
    z-index: 10;
}

.footer-bottom b { color: var(--accent-red); font-weight: 400; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-watermark { font-size: 35vw; bottom: 100px; }
    .footer-bottom { flex-direction: column; text-align: center; gap: 15px; }
}/* End custom CSS */