body {
    background-color: #0f1a1a;
}

.footer {
    display: none;
}

::-webkit-scrollbar {
    display: none;
}

.network {
    padding: 0;
}

.network .article-wrapper {
    width: 100%;
    overflow: hidden;
}

.network {
    background: url(../images/network-bg.jpg) no-repeat;
    background-size: cover;
}

.world-map {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.world {
    width: 90%;
}

.pin {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.pin p {
    color: #6a9797de;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Play';
    letter-spacing: 0.02em;
}

.pin-kr {
    top: 44%; left: 67%;
}
.pin-cn {
    top: 45%; left: 57%;
}
.pin-fr {
    top: 36%; left: 13%;
}
.pin-be {
    top: 32.5%; left: 13.5%;
}
.pin-nl {
    top: 30.5%; left: 14%;
}
.pin-de {
    top: 34%; left: 16%;
}
.pin-it {
    top: 40%; left: 18%;
}
.pin-es {
    top: 41%; left: 10.5%;
}
.pin-uk {
    top: 30%; left: 11%;
}
.pin-nr {
    top: 23%; left: 15%;
}
.pin-sw {
    top: 20%; left: 19%;
}
.pin-fn {
    top: 22%; left: 22%;
}
.pin-dn {
    top: 28%; left: 16%;
}
.pin-il {
    top: 15%; left: 6%;
}


.gps {
    position: relative;
    width: 26px;
    height: 26px;
}

.gps::before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 100%;
    background-color: #2c5050b9;
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.gps::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #6a9797b2;
    border-radius: 100%;
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33);
    }

    80%,
    100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.8);
    }
}


/*==================================================*/
@media (max-width: 1650px) {
    .network {
        height: 100vh;
    }
}


@media (max-width: 1050px) {
    .pin p {
        font-size: 13px;
    }
    
    .gps {
        width: 18px;
        height: 18px;
    }
}


@media (max-width: 768px) {   
    #container {
        display: block !important;
    }
    
    .network {
        width: fit-content;
        height: auto;
        padding-top: 100px;
    }
    
    .world-map {
        width: 950px;
        min-width: 950px;
    }

    .world {
        width: 920px;
        min-width: 920px;
        margin-left: 40px;
    }
}