:root {
            --primary-red: #ff4733;
            --bg-black: #080808;
            --card-bg: #121212;
            --text-gray: #a0a0a0;
            --transition: all 0.3s ease;
            /* Fixed missing variable */
            --gradient-red: linear-gradient(180deg, #8b0000 0%, #ff4733 100%);
        }

        body {
            margin: 0;
            padding: 0;
            font-family: 'Inter', sans-serif;
            /*background-color: #f4f4f4;*/
        }

        /* --- THE DYNAMIC CHEVRON FOOTER --- */
        .footer {
            background: linear-gradient(1deg, #0a0909 0%, #14132494 100%);
            color: white;
            position: relative;
            /* Adjusted padding for different screens */
            padding-top: clamp(120px, 15vw, 180px);
            padding-bottom: 20px;
            overflow: hidden;
            margin-top: 50px;
        }

        /* LAYER 1: Deep Red Gradient Base */
        .footer::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: clamp(100px, 15vw, 160px);
            background: var(--gradient-red);
            clip-path: polygon(0 0, 100% 0, 100% 30%, 50% 100%, 0 30%);
            z-index: 1;
        }

        /* LAYER 2: Silver/White Gradient Stripe */
        .footer::after {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: clamp(80px, 12vw, 135px);
            background: linear-gradient(180deg, #ffffff 0%, #d1d1d1 100%);
            clip-path: polygon(0 0, 100% 0, 100% 35%, 50% 100%, 0 35%);
            z-index: 2;
        }

        .chevron-inner::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: clamp(60px, 10vw, 110px);
            background: linear-gradient(180deg, #1a1a1a 0%, #080808 100%);
            clip-path: polygon(0 0, 100% 0, 100% 40%, 50% 100%, 0 40%);
            z-index: 3;
        }

        .chevron-inner::after {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: clamp(40px, 8vw, 80px);
            background: linear-gradient(180deg, #ff6b5c 0%, #ff4733 100%);
            clip-path: polygon(0 0, 100% 0, 100% 50%, 50% 100%, 0 50%);
            z-index: 4;
            filter: drop-shadow(0 5px 15px rgba(255, 71, 51, 0.4));
        }

        /* --- CONTENT LAYOUT --- */
        .footer-container {
            max-width: 1250px;
            margin: 0 auto;
            position: relative;
            z-index: 20;
            display: grid;
            /* Flexible grid: 1 column on mobile, 2 on tablet, 4 on desktop */
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px;
            padding: 0 25px;
        }

        /* Branding & Logo */
        .footer-logo { margin-bottom: 20px; }
        .footer-logo img {
            max-width: 180px;
            height: auto;
         filter: brightness(0) invert(1);
        }

        .footer-col p { color: #dee1b9; line-height: 1.6; font-size: 14px; margin-bottom: 25px; }

        /* Headlines */
        .footer-col h3 { 
            font-size: 18px; 
            margin-bottom: 25px; 
            position: relative; 
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .footer-col h3::after {
            content: '';
            position: absolute;
            bottom: -8px; left: 0;
            width: 35px; height: 2px;
            background: var(--primary-red);
        }

        /* Lists */
        .footer-col ul { list-style: none; padding: 0; }
        .footer-col ul li {
            color: #dee1b9;
            margin-bottom: 12px;
            font-size: 14px;
            transition: var(--transition);
            cursor: pointer;
            display: flex;
            align-items: center;
        }
        .footer-col ul li::before {
            content: '▲';
            color: #64ccff;
            font-size: 8px;
            margin-right: 12px;
        }
        .footer-col ul li:hover { color: white; transform: translateX(5px); }

        /* Contact Cards */
        .contact-box {
            /*background: #1111110f;*/
            /*border: 1px solid #222;*/
            padding: 12px 15px;
            border-radius: 6px;
            margin-bottom: 40px;
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 13px;
            transition: var(--transition);
        }
        .contact-box i { color: #64ccff; min-width: 16px; }
 
        /* Socials */
        .social-row { display: flex; gap: 12px; margin-top: 20px; }
        .social-row a {
            width: 38px; height: 38px;
            background: #3e82b5;
            border-radius: 50%;
            display: flex;
            align-items: center; justify-content: center;
            color: white; text-decoration: none;
            transition: var(--transition);
        }
        .social-row a:hover { background: var(--primary-red); transform: translateY(-3px); }

        /* Bottom Copyright Section */
   .footer-bottom {
  margin-top: 60px;
  padding-top: 20px;
  border-top: 1px solid #ffffff36;
  display: flex;
  justify-content: center;   /* centers content horizontally */
  align-items: center;
  font-size: 12px;
  color: #c6e962;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;        /* ensures text itself is centered */
}


        /* --- MOBILE RESPONSIVENESS --- */
        @media (max-width: 768px) {
            .footer-container {
                grid-template-columns: 1fr; /* Stack columns on mobile */
                text-align: center;
            }
            
            .footer-col h3::after {
                left: 50%;
                transform: translateX(-50%);
            }
            
            .footer-col ul li {
                justify-content: center;
            }

            .footer-logo, .social-row {
                justify-content: center;
            }

            .contact-box {
                justify-content: center;
                text-align: left;
            }

            .footer-bottom {
                flex-direction: column;
                text-align: center;
            }
        }

/* Container: Two narrow columns */
.contact-col {
    display: grid;
    grid-template-columns: repeat(2, 280px); 
    gap: 12px;
    width: fit-content;
}

/* Individual Cards */
.contact-box {
    /*background: #1111110f;*/
    /*border: 1px solid #222;*/
    padding: 15px; /* Reduced padding for a smaller feel */
    border-radius: 6px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    box-sizing: border-box;
}

/* Icons: Smaller to match compact box */
.contact-box i {
    color: #64ccff;
    font-size: 16px; 
    margin-top: 3px;
    flex-shrink: 0;
}

/* Text: Small and tight */
.contact-box strong {
    display: block;
    color: #ffffff;
    font-size: 14px; /* Smaller font */
    margin-bottom: 4px;
}

.contact-box div {
    color: #dee1b9;
    font-size: 12px; /* Small text for address */
    line-height: 1.4;
}

/* Title "Contact Us" */
.contact-col h3 {
    grid-column: 1 / -1;
    font-size: 18px;
    margin-bottom: 15px;
}

/* Links */
.contact-box a {
    color: inherit;
    text-decoration: none;
}

/* Mobile */
@media (max-width: 600px) {
    .contact-col {
        grid-template-columns: 1fr;
        width: 280px;
    }
}