.htb {
    background-image: url(data:image/png;base64,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);
    background-color: #11202C;
    padding: 30px 0;
}


.htb_w {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.htb_s {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 1200px) {


    .htb_s:nth-child(2) {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

}



/*Первые три */

@media (min-width: 768px) {
    .htb_s:nth-child(-n+3) {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 992px) {
    .htb_s:nth-child(-n+3) {
        /*flex-basis: 0;*/
        flex-grow: 1;
        max-width: 100%;
    }
}

/* Последние две */


@media (min-width: 768px) {
    
    .htb_s:nth-child(n+4) {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.htb_s {
    margin-top: 20px;
}


.htb_i {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
    background: #FFF;
    transition: all 250ms linear;
    padding: 20px;
    height: 100%;
    border-radius: 8px;
    border: 1px solid #eaebea;
}

.htb_h {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.htb_h h3 {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.htb_h h3 > span {
    color: #fff;
    background: var(--color-main);
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    margin-right: 5px;
}

.htb_h svg {
    width: 60px;
    height: 60px;
    fill: var(--color-main);
}

.htb_i p {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px;
    max-height: 66px;
    letter-spacing: 0.5px;
}

.htb_m {
    margin-bottom: 10px;
}

.htb_m h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
    margin: 6px;
    color: #fff;
    white-space: nowrap;
}

.htb_m h2 > span {
    color: var(--color-main);
}

.htb_m p {
    color: #fff;
    font-weight: 500;
    margin: 6px;
}