/* infografics-top5-exchangers */

.infografics-top5-exchangers {
    margin-top: 30px;
}
.infografics-top5-exchangers h3 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}
.infografics-top5-exchangers .image-wrap {
    margin: auto;
    margin-top: 50px;
    width: 890px;
    height: 525px;
    background: url('/assets/img/infografics/top5-exchangers-bg.svg') top center no-repeat;
    position: relative;
}
.infografics-top5-exchangers a {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    display: block;
    transition: 0.2s;
}
.infografics-top5-exchangers a img {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    max-width: 98px;
}
.infografics-top5-exchangers .pl {
    position: absolute;
    width: 160px;
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.infografics-top5-exchangers .pl-01 {
    top: 5px;
    left: 55px;
    width: 130px;
}
.infografics-top5-exchangers .pl-02 {
    top: 238px;
    left: 127px;
    height: 140px;
}
.infografics-top5-exchangers .pl-03 {
    top: 335px;
    left: 365px;
    height: 155px;
}
.infografics-top5-exchangers .pl-04 {
    height: 155px;
    top: 238px;
    left: 600px;
}
.infografics-top5-exchangers .pl-05 {
    top: 5px;
    left: 695px;
}

@media (max-width: 1400px) {
    .infografics-top5-exchangers {
        margin-top: 20px;
    }
    .infografics-top5-exchangers h3 {
        font-size: 32px;
    }
    .infografics-top5-exchangers .image-wrap {
        margin-top: 35px;
        width: 670px;
        height: 393px;
        background-size: cover;
    }
    .infografics-top5-exchangers .pl {
        width: 117px;
        height: 117px;
        scale: 0.7;
    }
    .infografics-top5-exchangers .pl-01 {
        top: 5px;
        left: 28px;
        width: 117px;
    }
    .infografics-top5-exchangers .pl-02 {
        top: 175px;
        left: 101px;
        width: 117px;
        height: 117px;
    }
    .infografics-top5-exchangers .pl-03 {
        top: 251px;
        left: 276px;
        width: 117px;
        height: 117px;
    }
    .infografics-top5-exchangers .pl-04 {
        top: 173px;
        left: 455px;
        width: 117px;
        height: 117px;
    }
    .infografics-top5-exchangers .pl-05 {
        top: 5px;
        left: 522px;
        width: 117px;
        height: 117px;
    }

}

@media (max-width: 1200px) {

}

@media (max-width: 720px) {
    .infografics-top5-exchangers {
        margin-top: 35px;
    }
    .infografics-top5-exchangers h3 {
        font-size: 28px;
        text-align: left;
    }
    .infografics-top5-exchangers .image-wrap {
        margin-top: 30px;
        width: 288px;
        height: 567px;
        background: url('/assets/img/infografics/top5-exchangers-bg-mob.svg') top center no-repeat;
        background-size: cover;
    }
    .infografics-top5-exchangers .pl-01 {
        top: 177px;
        left: -4px;
    }
    .infografics-top5-exchangers .pl-02 {
        top: 320px;
        left: 12px;
    }
    .infografics-top5-exchangers .pl-03 {
        top: 437px;
        left: 86px;
    }
    .infografics-top5-exchangers .pl-04 {
        top: 320px;
        left: 161px;
    }
    .infografics-top5-exchangers .pl-05 {
        top: 177px;
        left: 177px;
    }
}

/* infografics-top5-directions */

.infografics-top5-directions {
    margin-top: 70px;
    margin-bottom: 30px;
}
.infografics-top5-directions h3 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
}
.infografics-top5-directions .image-wrap {
    margin: auto;
    margin-top: 50px;
    width: 890px;
    height: 445px;
    background: url('/assets/img/infografics/top5-directions-bg.svg') top center no-repeat;
    position: relative;
}
.infografics-top5-directions .pl {
    position: absolute;
    width: 154px;
    height: 154px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.infografics-top5-directions .pl-01 {
    left: 71px;
    top: 70px;
}
.infografics-top5-directions .pl-02 {
    left: 223px;
    top: 227px;
}
.infografics-top5-directions .pl-03 {
    left: 372px;
    top: 70px;
}
.infografics-top5-directions .pl-04 {
    left: 518px;
    top: 227px;
}
.infografics-top5-directions .pl-05 {
    left: 668px;
    top: 70px;
}
.infografics-top5-directions .pl a {
    display: inline-block;
    width: 100%;
    transition: 0.2s;
}
.infografics-top5-directions .pl span {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    display: block;
}
.infografics-top5-directions .pl span:last-child {
    text-align: right;
}
.infografics-top5-directions .pl .dir-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    margin-bottom: 5px;
}
.infografics-top5-directions .pl .dir-wrap .dir {
    width: 50px;
    height: 50px;
}
.infografics-top5-directions .pl .dir-wrap .str {}

@media (max-width: 1400px) {
    .infografics-top5-directions {
        margin-top: 50px;
        margin-bottom: 0px;
    }
    .infografics-top5-directions  h3 {
        font-size: 32px;
    }
    .infografics-top5-directions  .image-wrap {
        margin-top: 35px;
        width: 670px;
        height: 345px;
        background-size: cover;
    }
    .infografics-top5-directions  .pl {
        scale: 0.7;
    }
    .infografics-top5-directions .pl-01 {
        left: 31px;
        top: 39px;
    }
    .infografics-top5-directions .pl-02 {
        left: 147px;
        top: 159px;
    }
    .infografics-top5-directions .pl-03 {
        left: 265px;
        top: 38px;
    }
    .infografics-top5-directions .pl-04 {
        left: 377px;
        top: 158px;
    }
    .infografics-top5-directions .pl-05 {
        left: 494px;
        top: 37px;
    }

}

@media (max-width: 1200px) {

}

@media (max-width: 768px) {
    .infografics-top5-directions h3 {
        font-size: 28px;
        text-align: left;
    }
    .infografics-top5-directions .image-wrap {
        margin-top: 20px;
        width: 307px;
        height: 605px;
        background: url('/assets/img/infografics/top5-directions-bg-mob.svg') top center no-repeat;
        background-size: cover;
    }
    .infografics-top5-directions .pl-01 {
        left: 128px;
        top: 25px;
    }
    .infografics-top5-directions .pl-02 {
        left: 25px;
        top: 133px;
    }
    .infografics-top5-directions .pl-03 {
        left: 127px;
        top: 237px;
    }
    .infografics-top5-directions .pl-04 {
        left: 25px;
        top: 336px;
    }
    .infografics-top5-directions .pl-05 {
        left: 123px;
        top: 441px;
    }

}