.work-types__header {
    background-color: #2e2d2b;
    color: #ffffff;
    font-family: 'Ysabeau', sans-serif;
    font-weight: 200;
    font-size: 2.6vw;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 1.56vw 10.6vw;
    margin-bottom: 2.6vw;
}


.work-types__inner {
    background-color: #ffffff;
    padding-left: 10.6vw;
    padding-right: 10.6vw;
}

.work-types__table {
    width: 100%;
    border-collapse: collapse;
}





.work-types__table thead th {
    background-color: #35a638;
    color: #ffffff;
}

.work-types__images-cell {
    background-color: #FFFFFF!important;
    width: 11.8vw;
}

.work-types__images-cell--left{
     text-align: left;
}

.work-types__images-cell img {
    width: 11.8vw;
}



.work-types__col-name {
    border: 1px solid #e4e4e4;
    padding: 1.3vw;
    font-size: 1.35vw;
    font-weight: 500;
    width: 43vw;
    text-align: left;
}

.work-types__col-value{
    border: 1px solid #e4e4e4;
    padding: 1.3vw 0;
    font-size: 1.35vw;
    font-weight: 600;
    width: 11.8vw;
    text-align: center;
}

.work-types__table tbody td {
    font-family: 'Inter', sans-serif;
    border: 1px solid #e4e4e4;
    padding: 1.05vw 1.3vw;
    vertical-align: middle;
    font-size: 1.05vw;
    font-weight: 400;
}

.work-types__table tbody tr:nth-child(even) td {
    background-color: #fafafa;
}

/* клітинка з галочкою */
.is-check {
    text-align: center;
    position: relative;
}

.is-check::before {
    content: "✔";
    display: inline-block;
    font-size: 0.93vw;
    color: #35a638;
}

/* рядок з цінами */
.work-types__prices-row td {
    padding: 1vw 1vw;
    font-weight: 600;
    background-color: #35a638;
    color: #ffffff;
    border: 1px solid #e4e4e4;


}

.work-types__prices-label {
    text-align: right;
    padding: 1.3vw;
    font-size: 1.35vw;
    font-weight: 500;
    width: 43vw;
}

.work-types__prices-value{
    font-family: 'Inter', sans-serif;
    border: 1px solid #e4e4e4;
    padding: 1.3vw 0;
    font-size: 1.35vw;
    font-weight: 600;
    width: 11.8vw;
    text-align: center;
}

/* селект тільки для мобіли */
.work-types__mobile-controls {
    display: none;
}

@media (max-width: 480px) {

    .work-types__header{
        margin-bottom: 6.4vw;
        padding: 8vw 4.26vw;
    }

    .work-types__inner{
        padding: 0;
    }

    .work-types__mobile-controls {
        display: block;
        margin: 0 4.26vw 4vw 4.26vw;
    }

    .work-types__select {
        width: 100%;
        font-size: 6.93vw;
        font-weight: 600;
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 4vw;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("/static/construction/img/arrow-down.svg");
        background-repeat: no-repeat;
        background-position: right 3vw center;
        background-size: 8.8vw;
    }

    /* ховаємо ВСІ тарифні колонки */
    .work-types__table th:nth-child(3),
    .work-types__table th:nth-child(4),
    .work-types__table td:nth-child(3),
    .work-types__table td:nth-child(4) {
        display: none;
    }

    .work-types__col-name {
        padding: 4vw 4.26vw;
        font-size: 5.3vw;
        width: 75vw;
    }

    .work-types__col-value{
        padding: 4vw 0;
        font-size: 5.3vw;
        font-weight: 600;
        width: 25vw;
    }

    .work-types__table tbody td {
        padding: 2.6vw 2.6vw 2.6vw 4.26vw;
        font-size: 3.73vw;
        line-height: 1.4em;
        height: 17vw;
    }

    .is-check::before {
        font-size: 4.8vw;
    }

    .work-types__table thead th {
        background-color: #35a638;
        color: #ffffff;

    }



}