.blog-header {
    margin-top: 10rem;
}

.about-more-col.blog p {
    width: 450px;
}

.mailestone {
    margin-bottom: 8em;
}

.sub-wrap {
    display: flex;
    margin-bottom: 4em;
    padding: 2em;
}

.sub-col-left p,
.sub-col-right p {
    font-size: var(--font-small);
    padding-top: 4em;
    padding-left: 10em;
    max-width: 40vw;
}


.bg-pin {
    position: relative;
    width: 100vw;
    height: 100%;
}

.pinpoint {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lable-pin {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.text-pin {
    align-content: center;
    font-family: "PP Neue Montreal";
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    background: rgba(225, 76, 108, .9);
    padding: 5px 10px;
    border-radius: 10px;
}

.pin .text-pin {
    display: none;
}

.pin:hover .text-pin {
    display: block;
}

.icon-pin img {
    width: 45px;
    height: 45px;
    animation: beat .5s infinite alternate;
    transform-origin: center;
}

/* Heart beat animation */
@keyframes beat {
    to {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
}

.one {
    position: absolute;
    top: 80%;
    left: 23%;
}

.two {
    position: absolute;
    top: 35%;
    left: 35%;
}

.tree {
    position: absolute;
    top: 40%;
    left: 55%;
}

.four {
    position: absolute;
    top: 55%;
    left: 70%;
}

.four:hover {
    position: absolute;
    left: 54.9%;
}

.border p {
    text-wrap: wrap;
}

.border h3 {
    margin-top: 1rem;
}

.list-whay-choose {
    max-width: 260px;
    color: #fff;
}

@media (max-width: 900px) {
    .column {
        flex-direction: column;
    }

    .sub-wrap {
        width: 100%;
        gap: 0;
    }

    .sub-col-left p,
    .sub-col-right p {
        padding-left: 0;
        max-width: 100%;
    }

    .about-more-col.blog p {
        width: 100%;
        font-size: 20px;
    }

    .icon-pin img {
        width: 15px;
        height: 15px;
    }

    .four:hover {
        position: absolute;
        left: 9.5%;
    }
}