/* Footer Styles for Golden Tree */
.footer-brand-box, .f-s-box { padding: 10px; color: #fff; font-family: sans-serif; }
.footer-brand-box h2 { font-size: 28px; font-weight: 800; margin-bottom: 15px; color: #fff; }
.footer-brand-box h2 span { color: #ffb400; }
.footer-brand-box p { font-size: 15px; line-height: 1.6; color: #9ca3af; max-width: 350px; margin-bottom: 25px; }
.footer-socials { display: flex; gap: 20px; }
.footer-socials a { color: #fff; font-size: 22px; transition: 0.3s; }
.footer-socials a:hover { color: #ffb400; }
.f-title { color: #ffb400; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; display: block; }
.s-item { display: flex; gap: 15px; margin-bottom: 15px; }
.s-item i { color: #ffb400; font-size: 18px; }
.s-item p { font-size: 15px; margin: 0; color: #fff; }
.phone { font-size: 24px; font-weight: 700; color: #fff; }
.status-box { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 12px; margin-top: 20px; display: inline-flex; align-items: center; gap: 10px; }
.dot { width: 10px; height: 10px; border-radius: 50%; }


    /* Force MetaSlider to be 100% Viewport Width */
    .metaslider-4549 {
        width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        max-width: 100vw !important;
    }

    /* Fix for the images inside */
    .metaslider-4549 img {
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    /* RESPONSIVE HEIGHT: 
       This prevents the slider from being 800px tall on a small phone.
    */
    @media (max-width: 768px) {
        .metaslider-4549, 
        .metaslider-4549 .slides, 
        .metaslider-4549 .flex-viewport {
            max-height: 400px !important; /* Shorter on Tablet */
        }
    }

    @media (max-width: 480px) {
        .metaslider-4549, 
        .metaslider-4549 .slides, 
        .metaslider-4549 .flex-viewport {
            max-height: 300px !important; /* Perfect for Mobile */
        }
    }