/* Start:/local/templates/hualian/components/bitrix/news.list/solutions/style.css?17906680453939*/
.solutionCatalog__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.solutionCatalog__cards {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px
}

.solutionCatalog__image {
    max-height: 283.4px;
    margin: auto
}

.solutionCatalog__image img {
    height: 100%;
    object-fit: cover
}

.solutionCatalog__card {
    display: flex;
    flex-direction: column;
    gap: 24px;

    max-width: 602px;
    padding: 24px;
    
    border-radius: 20px;
    background: #fff;
    color: #2c3336;
}

.solutionCatalog__card h3 {
    line-height: 1.28
}

.solutionCatalog__card-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #2c3336;
}

.solutionCatalog__card-info li {
    display: flex;
    align-items: center;
    gap: 16px
}

.solutionCatalog__card-icon {
    padding: 8px;
    border-radius: 8px;
    background: #e2e3e9
}

.solutionCatalog__card-icon img {
    width: 24px;
    height: 24px;
    max-width: none
}

.solutionCatalog__card-name {
    font-weight: 400;
    font-size: 18px;
    color: #70828a;
    white-space: nowrap
}

.solutionCatalog__card-value {
    font-weight: 500;
    font-size: 18px
}

.solutionCatalog__card-dots {
    flex: 1;
    border-bottom: 2px dotted #cdd1d2;
    margin-bottom: -10px
}

.solutionCatalog__card-price {
    flex: 0 0 248px;
    font-size: 24px;
    font-weight: 100
}

.solutionCatalog__card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.solutionCatalog__card-bottom .primary-btn {
    flex: 1;
    text-align: center;
    padding: 13.5px 24px
}

.solutionCatalog .pagger {
    padding: 0
}

.solutionCatalog .pagger button {
    background: transparent
}

.solutionCatalog .pagger button,.solutionCatalog .pagger a {
    padding: 9.1px 15.2px;
    font-weight: 500
}

@media (max-width: 1500px) {
    .solutionCatalog__cards {
        grid-template-columns:repeat(2,1fr)
    }

    .solutionCatalog__card {
        max-width: 100%
    }
}

@media (max-width: 990px) {
    .solutionCatalog__card-info li:first-child .solutionCatalog__card-value {
        max-width:70px
    }

    .solutionCatalog__card-value {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .solutionCatalog__card-price {
        flex: 0 0 150px
    }
}

@media (max-width: 900px) {
    .solutionCatalog__cards {
        grid-template-columns:repeat(1,1fr)
    }

    .solutionCatalog__card-info li:first-child .solutionCatalog__card-value {
        max-width: none
    }
}

@media (max-width: 576px) {
    .solutionCatalog__cards {
        gap:8px
    }

    .solutionCatalog__image img {
        max-height: 180px
    }

    .solutionCatalog__card {
        padding: 16px;
        gap: 16px
    }

    .solutionCatalog__card h3 {
        line-height: 1.22
    }

    .solutionCatalog__card-icon {
        padding: 6px
    }

    .solutionCatalog__card-info li {
        gap: 8px
    }

    .solutionCatalog__card-name,.solutionCatalog__card-value {
        font-size: 14px
    }

    .solutionCatalog__card-price {
        flex: 0 0 179px;
        font-size: 18px
    }

    .solutionCatalog__card .primary-btn {
        padding: 10px 16px
    }
}

@media (max-width: 420px) {
    .solutionCatalog__card-info li:first-child .solutionCatalog__card-value {
        max-width:100px
    }

    .solutionCatalog__card-price,.solutionCatalog__card .primary-btn {
        flex: none
    }
}

@media (max-width: 380px) {
    .solutionCatalog__card-info li .solutionCatalog__card-value {
        max-width:60px
    }

    .solutionCatalog__card-info li:first-child .solutionCatalog__card-value {
        max-width: 50px
    }
}

/* End */
/* /local/templates/hualian/components/bitrix/news.list/solutions/style.css?17906680453939 */