.stats {
    background: linear-gradient(180deg, #32384a 0%, #070127 100%);
    color: #fff;
}

.stats__grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -45px;
    margin-right: -45px;
    margin-top: 50px;
}

.stats__item {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    position: relative;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 45px;
}

.stats__big-img img {
    width: 100%;
    height: auto;
    opacity: 0.8;
    transition: all 0.4s ease-out 0s;
}

.stats__big-img img:hover {
    opacity: 1;
    transform: scale(1.01);
}

.stats__item>img {
    max-width: 80px;
}

.stats__text {
    margin-top: 15px;
}

.stats__text *+* {
    margin-top: 15px;
}

.stats__text p {
    font-size: 18px;
}

.custom-body-class .stats {
    background: var(--grey);
}

@media (max-width: 1199px) {
    .stats__item {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 35px;
    }
    .stats__grid {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .stats__item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .stats__text p {
        font-size: 16px;
    }
    .stats__item>img {
        max-width: 60px;
    }
    .stats__text {
        margin-top: 5px;
    }
    .stats__text *+* {
        margin-top: 5px;
    }
    .stats__grid {
        margin-left: -10px;
        margin-right: -10px;
    }
}