.elementor-3793 .elementor-element.elementor-element-15fe593{--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-3793 .elementor-element.elementor-element-15fe593:not(.elementor-motion-effects-element-type-background), .elementor-3793 .elementor-element.elementor-element-15fe593 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f23b4a6 );}/* Start custom CSS for html, class: .elementor-element-1673f21 *//* --- FOOTER VARIABLES --- */
:root {
    --footer-bg: #070707;       /* Very Dark Gray/Black */
    --footer-text: #fefefe;     /* Soft Gray */
    --accent-color: #E65D0A;    /* Your Brand Orange */
    --accent-blue: #04aff5;     /* Your Brand Blue */
    --font-heading: 'Teko', sans-serif;
}

/* --- FOOTER CONTAINER --- */
.premium-footer {
    background-color: var(--footer-bg);
    color: var(--footer-text);
    /* Increased top padding to give the new banner space */
    padding: 100px 0 30px 0;
    font-family: 'kanit', sans-serif;
    border-top: 1px solid rgba(255,255,255,0.05);
    position: relative;
    overflow: hidden;
}

/* Optional: Top Glow Effect */
.premium-footer::before {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 60%; height: 1px;
    background: radial-gradient(circle, var(--accent-blue) 0%, transparent 100%);
    opacity: 0.5;
}

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }


/* ========================================= */
/* --- PREMIUM CTA BANNER (UPGRADED) --- */
/* ========================================= */

.footer-cta-banner {
    text-align: center;
    padding: 50px 40px;
    margin-bottom: 50px;
    position: relative;
    /* Glass Card Look */
    background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0) 100%);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 30px; /* Soft rounded corners */
    overflow: hidden;
}

/* Background Glow Effect */
.footer-cta-banner::before {
    content: '';
    position: absolute;
    top: -50%; left: 50%;
    transform: translateX(-50%);
    width: 900px; height: 700px;
    background: radial-gradient(circle, rgba(4, 175, 245, 0.15) 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
}

/* Typography Styling */
.footer-cta-banner h2 {
    font-family: var(--font-heading);
    font-size: 60px; /* Massive size */
    line-height: 0.9;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
}

/* "Hollow" Outline Text Effect for the first part */
.footer-cta-banner h2 {
    -webkit-text-stroke: 1px rgba(255,255,255,0.5);
    color: transparent; /* Makes the fill invisible */
}

/* Solid Color for the Brand Name */
.footer-cta-banner .highlight {
    display: block; /* Puts Shout Wow on a new line if needed, or inline */
    margin-top: 10px;
    -webkit-text-stroke: 0; /* Remove outline */
    color: var(--accent-color); /* Solid Orange */
    text-shadow: 0 0 30px rgba(230, 93, 10, 0.4); /* Orange Glow */
}

.footer-cta-banner p {
    font-size: 18px;
    color: #fefefe;
    max-width: 600px;
    margin: 0 auto 40px auto;
    position: relative;
    z-index: 1;
    letter-spacing: 0.5px;
}

/* Button Styling */
.footer-btn {
    position: relative;
    z-index: 1;
    padding: 10px 20px;
    font-size: 18px; /* Larger text */
    border-radius: 5px;
    letter-spacing: 2px;
    background: var(--accent-color);
    box-shadow: 0 0 20px rgba(230, 93, 10, 0.4); /* Strong glow */
    transition: 0.3s;
}

.footer-btn:hover {
    background: #fff;
    color: var(--accent-color);
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.6); /* White flash on hover */
    transform: translateY(-5px);
}

/* --- MOBILE ADJUSTMENTS (FIXED CENTERING) --- */
@media (max-width: 600px) {
    .premium-footer { 
        padding: 50px 0 20px 0; 
    }
    
    /* Mobile CTA Banner */
    .footer-cta-banner { padding: 40px 20px; border-radius: 20px; }
    .footer-cta-banner h2 { font-size: 40px; }
    .footer-cta-banner p { font-size: 16px; }
    .footer-btn { font-size: 22px; width: 100%; text-align: center; }

    /* Footer Columns */
    .footer-top {
        grid-template-columns: 1fr; /* Stack vertically */
        gap: 40px;
        text-align: center; /* Center text */
    }

    /* FIX: REMOVE LIST PADDING so links are perfectly centered */
    .footer-links {
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Center the Heading Underline */
    .footer-col h3::after {
        left: 50%;
        transform: translateX(-50%);
    }

    /* Center Brand & Contact Elements */
    .footer-logo img { margin: 0 auto 20px auto; display: block; }
    .footer-desc { margin: 0 auto 25px auto; }
    .footer-socials { justify-content: center; }
    .footer-contact-info p { justify-content: center; }

    /* Stack Bottom Footer */
    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

/* --- TOP SECTION (GRID LAYOUT) --- */
.footer-top {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
    gap: 40px;
    margin-bottom: 50px;
}

/* Headings */
.footer-col h3 {
    font-family: var(--font-heading);
    color: #fff; font-size: 26px; text-transform: uppercase;
    margin-bottom: 25px; letter-spacing: 1px; position: relative; display: inline-block;
}

/* Heading Underline Accent */
.footer-col h3::after {
    content: ''; position: absolute; left: 0; bottom: -5px;
    width: 40px; height: 2px; background: var(--accent-color);
}

/* --- BRAND COLUMN --- */
.footer-logo img { height: 60px; width: auto; margin-bottom: 20px; }
.footer-desc { font-size: 15px; line-height: 1.6; margin-bottom: 25px; max-width: 300px; }

/* Social Icons */
.footer-socials { display: flex; gap: 5px; }
.footer-socials a {
    width: 40px; height: 30px; background: rgba(255,255,255,0.05);
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #fff; transition: 0.3s; font-size: 16px;
}
.footer-socials a:hover {
    background: var(--accent-blue); transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(4, 175, 245, 0.3);
}

/* --- LINKS COLUMNS --- */
.footer-links li { margin-bottom: 12px; }
.footer-links a { font-size: 15px; transition: 0.3s; display: inline-block; }
.footer-links a:hover { color: var(--accent-blue); transform: translateX(5px); }

/* --- NEWSLETTER COLUMN --- */
.newsletter-col p { margin-bottom: 20px; font-size: 14px; }
.footer-form { display: flex; position: relative; margin-bottom: 25px; }
.footer-form input {
    width: 100%; padding: 12px 15px; background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1); color: #fff; border-radius: 4px; outline: none;
}
.footer-form input:focus { border-color: var(--accent-blue); }
.footer-form button {
    position: absolute; right: 5px; top: 5px; bottom: 5px;
    background: var(--accent-color); border: none; color: #fff;
    width: 40px; border-radius: 3px; cursor: pointer; transition: 0.3s;
}
.footer-form button:hover { background: #fff; color: var(--accent-color); }
.footer-contact-info p { font-size: 14px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.footer-contact-info i { color: var(--accent-blue); }

/* --- BOTTOM BAR --- */
.footer-divider { height: 1px; background: rgba(255,255,255,0.1); margin-bottom: 25px; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; font-size: 14px; }
.footer-bottom span { color: var(--accent-blue); font-weight: bold; }
.footer-legal a { margin-left: 20px; color: #888; transition: 0.3s; }
.footer-legal a:hover { color: #fff; }

/* --- RESPONSIVE MEDIA QUERIES --- */
@media (max-width: 992px) {
    .footer-top { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
    .premium-footer { padding: 70px 0 20px 0; }
    
    /* Mobile CTA Banner */
    .footer-cta-banner h2 { font-size: 28px; } /* Smaller heading on mobile */
    .footer-cta-banner p { font-size: 16px; }
    .footer-cta-banner { padding-bottom: 20px; margin-bottom: 20px; }

    .footer-top { grid-template-columns: 1fr; gap: 30px; text-align: center; }
    .footer-col h3::after { left: 50%; transform: translateX(-50%); }
    .footer-logo img { margin: 0 auto 20px auto; display: block; }
    .footer-desc { margin: 0 auto 25px auto; }
    .footer-socials { justify-content: center; }
    .footer-contact-info p { justify-content: center; }
    .footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
    .footer-legal a { margin: 0 10px; }
}/* End custom CSS */