.section-statistics {
    padding: 20px 0;
}

.section-statistics .section__body: after {
    display: table;
    clear: both;
    content: '';
}

.section-statistics .section__body .bar-chart-container {
    position: relative;
    float: left;
    width: calc(25% - 10px);
    margin: 0 5px;
}

.bar-chart {
    max-height: 100px!important;
}

.statistic-title {
    display: block;
    text-align: center;
}

@media screen and (max-width: 992px) {
    .section-statistics .section__body .bar-chart-container {
        float: none;
        width: 100%;
        margin: 5px;
    }
}

 .section-charts .chart-wrapper {
    padding: 20px 0;
}

.section-charts .chart__body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
}

.section-charts .charts__container {
    display: flex;
}

.section-charts .chart__body .chart {
    width: 300px;
}

.section-charts .chart__body .chart-wrapper {
    width: 360px;
    margin: auto;
    padding: 0;
}

.section-charts .chart__body .chart-desc {
    width: 300px;
    padding: 15px;
    font-size: 15px;
    background-color: #ebebeb;
    box-shadow: 5px 5px 30px rgba(9,37,64,.05);
    border-radius: 8px;
}

.section-charts .chart-wrapper+.chart-wrapper .chart-desc {
    width: 185px;
}

.section-charts .chart__body .chart-desc ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

.section-charts .chart__body .chart-desc .desc-tag {
    font-weight: 700;
}

.section-charts .chart__body .desc-title {
    display: block;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    padding: 3px 15px;
    border-radius: 5px;
    color: #8d4a96;
    letter-spacing: .5px;
}

.section-charts .chart__body ul li:first-child .desc-title {
    margin-top: 0;
}

.section-charts .chart__body .desc-tag {
    margin-right: 5px;
}

.section-charts .ico {
    height: 25px;
    width: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2.5px 7px 2.5px 0;
}

.section-charts .ico--youtube {
    background-image: url(../images/social-icons/icon-youtube.png);
}

.section-charts .ico--linkedin {
    background-image: url(../images/social-icons/icon-linkedin.png);
}

.section-charts .ico--pinterest {
    background-image: url(../images/social-icons/icon-pinterest.png);
}

.section-charts .ico--facebook {
    background-image: url(../images/social-icons/icon-facebook.png);
}

.section-charts .ico--x {
	background-image: url(../images/social-icons/icon-x.png);
}

.section-charts .ico--instagram {
	background-image: url(../images/social-icons/icon-instagram.png);
}

.section-charts .ico--telegram {
	background-image: url(../images/social-icons/icon-telegram.png);
}

.section-charts .ico--tiktok {
	background-image: url(../images/social-icons/icon-tiktok.png);
}

.section-charts .ico--whatsapp {
	background-image: url(../images/social-icons/icon-whatsapp.png);
}

.section-charts .ico--reddit {
	background-image: url(../images/social-icons/icon-reddit.png);
}

.section-charts .ico--other {
    background-image: url(../images/social-icons/icon-other.png);
}

.section-charts .chart-desc li {
    display: flex;
    align-items: center;
    font-size: 14px;
}

@media screen and (max-width: 1400px) {
    .section-charts .charts__container {
        flex-wrap: wrap;
        width: 100%;
    }

    .section-charts .chart-wrapper {
        width: 100%;
    }

    .section-charts .chart__body {
        justify-content: center;
    }
}

@media screen and (max-width: 1024px) {
    .section-charts .chart__body {
        flex-direction: column-reverse;
    }

    .section-charts .chart__body .chart {
        width: 100%;
    }

    .section-charts .chart__body .chart-desc {
        margin: auto;
    }
   
    #fusion-markets-traffic {
        height: 320px !important;
        width: 320px !important;
        margin: auto;
    } 
}

@media screen and (max-width: 480px) {
    .section-charts .chart-wrapper+.chart-wrapper .chart-desc,.section-charts .chart__body .chart-desc {
        width: 100%;
        padding: 10px 15px;
    }

    .section-charts .chart__body .chart-desc ul {
        margin-bottom: 15px;
    }
}
