/* Large NAVY diagonal background */
.navy-shape {
    background: #001F3F;
    clip-path: polygon(
        -50% 95%,   /* push the diagonal way down */
        100% 5%,  /* top right slightly higher to maintain angle */
        80% 100%,
        0% 100%
    );
}



.btn-quote {
    /* Purple → red horizontal gradient */
    background: linear-gradient(90deg, #4b0c6b 0%, #7a1354 55%, #D62828 100%);
}

.btn-quote {
    /* Purple → red horizontal gradient */
    background: linear-gradient(90deg, #4b0c6b 0%, #7a1354 55%, #D62828 100%);
}

/* Thin RED right-hand slice */
.red-shape {
    background: #D60000;
    /* red */
    clip-path: polygon(100% 0%,
            /* upper start of red slice */
            100% 50%,
            /* top-right */
            100% 100%,
            /* bottom-right */
            80% 100%
            /* bottom-left of red slice */
        );
}

@media (max-width: 640px) {
    .navy-shape {
        clip-path: polygon(0% 85%, 100% 20%, 100% 100%, 0% 100%);
    }

    .red-shape {
        clip-path: polygon(100% 0%, 100% 45%, 100% 100%, 80% 100%);
    }
}