/* Footer */
.footer {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    background-image: url("../../images/partials/footer-bg-img-section-top.webp");
    background-repeat: no-repeat;
    background-position: 0 -100px;
    background-size: cover;
    height: clamp(1100px, 94vw, 1250px);
}

/* Footer Section Top */
.footer-section-top {
    position: relative;
    display: flex;
    flex: 1 1 55%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
}

/* Footer Section Bottom */
.footer-section-bottom {
    position: relative;
    display: flex;
    flex: 1 1 45%;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
    background-image: url("../../images/partials/footer-bg-img-section-bottom.webp");
    background-repeat: no-repeat;
    background-position: 0 85%;
    background-size: cover;
}

/* Footer Section Top - Textures */
.footer-section-top .texture-blue-line[texture-overlay] {
    position: absolute;
    bottom: -15.5%;
    left: 0;
    width: 100%;
    height: 35%;
    scale: 1 1.15;
    /* backdrop-filter: blur(5px); */
    /* mix-blend-mode: difference; */
}

/* Footer Section Bottom - Textures */
/* .footer-section-bottom .texture-blue-line[texture-overlay] {
    position: absolute;
    top: -8%;
    left: 34%;
    width: 24%;
    height: 20%;
    scale: 1.75;
    border-radius: 20%;
    rotate: 180deg;
} */

/* Footer Section Top - Children */
/* Footer Top Heading Map */
.footer-section-top img.footer-top-map {
    aspect-ratio: 4 / 3;
    object-fit: contain;
    height: clamp(75px, 24vw, 350px);
    width: auto;
}
.footer-section-top img.footer-top-map + .footer-top-map-pointer {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 13%;
    margin-top: 18.75%;
    height: 36%;
    color: var(--primary-color);
    font-size: clamp(30px, 6.5vw, 110px);
}
/* Footer Top Heading Map */
/* Cars Row */
.footer-section-top .car-object {
    position: absolute;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: auto;
    height: clamp(5px, 30vw, 300px);
}
.footer-section-top .car-object:nth-child(1) {
    /* top: -98%; */
    top: -13vw;
    /* left: 20%; */
    left: 19vw;
    z-index: 1;
}
.footer-section-top .car-object:nth-child(2) {
    /* top: -88%; */
    top: -12vw;
    /* left: 31%; */
    left: 30vw;
    scale: -1 1;
    z-index: 1;
    height: clamp(4px, 28vw, 280px);
}
.footer-section-top .car-object:nth-child(3) {
    /* top: -74%; */
    top: -10vw;
    /* left: 41.95%; */
    left: 41vw;
    z-index: 1;
    height: clamp(3px, 24vw, 238px);
}
.footer-section-top .car-object:nth-child(4) {
    /* top: -92%; */
    top: -12.5vw;
    /* left: 51.5%; */
    left: 50.75vw;
    scale: -1 1;
    z-index: 1;
    /* height: clamp(18px, 50vw, 300px); */
}
.footer-section-top .car-object:nth-child(5) {
    /* top: -92%; */
    top: -12vw;
    /* left: 61.25%; */
    left: 60vw;
    z-index: 1;
    /* height: clamp(18px, 50vw, 300px); */
}
/* Cars Row */

/* Footer Section Bottom - Children */
.footer-section-bottom ul.footer-bottom-links {
    display: flex;
    /* flex-wrap: nowrap; */ /** Handled with Bootstrap */
    justify-content: space-between;
    align-items: center;
    list-style: none;
    gap: 0;
    margin: 0;
    padding: 0;
    font-size: 1px;
}
.footer-section-bottom ul.footer-bottom-links li {
    display: inline-flex;
    flex-shrink: 0;
}