@keyframes map-anim {
    0% {
        transform: translateY(-120%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
.title h1 img {
    margin-left: 3.33vw;
    margin-right: 0.52vw;
    height: 4.25vh;
    width: auto;
    object-fit: contain;
}
.foreground-container {
    position: absolute;
    left: 10.41vw;
    bottom: 4.9vh;
    width: 87.03vw;
    height: 79.25vh;
    z-index: 7;
    overflow: hidden;
}
.map-viwer {
    position: absolute;
    right: 0;
    top: 0;
    width: 82.81vw;
    height: 100%;
}
.map {
    position: relative;
    width: 100%;
    height: 100%;
    animation: map-anim 1.5s cubic-bezier(.57,.27,0,.98);
}
.map-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-container {
    position: absolute;
    left: -4.96%;
    top: 8.43%;
}
.box {
    width: 12.85vw;
    height: 7.04vh;
    margin-bottom: 0.37vh;
}
.box a {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 1.57vh;
}
.flag {
    position: absolute;
    width: 6.25vw;
    height: 18.61vh;
}
.flag-background {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.flag-logo-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 8.24vh;
}
.flag-logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 4.16vh;
    width: auto;
    object-fit: contain;
}