.type-site {
    background: var(--background-section);
    padding: 50px 0;
    h2.wrapper {
        margin-bottom: 20px;
    }
    table {
        width: max-content;
        margin: 0 auto;
        border-collapse: collapse;
        th, td {
            border: 1px solid var(--color-border-table);
            border-collapse: collapse;
            padding: 10px 20px;
        }
        td:first-child {
            font-weight: 700;
        }
    }
}
.price-info {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
    &.content > div {
        width: 80%;
    }
    &.content ul li {
        margin-bottom: 5px;
    }
    h2 {
        margin-bottom: 40px;
    }
    .text {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-bottom: 15px;
    }
    p {
        font-size: 18px;
    }
    h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    ul {
        margin: 15px 0;
    }
}
.price {
    h2 {
        margin-bottom: 40px;
        color: var(--main-color-white);
    }
    p {
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
        color: var(--main-color-white);
    }
    .table-wrapper {
        overflow: auto;
        width: 100%;
    }
    table {
        margin: 0 auto;
        border-collapse: collapse;
        margin-bottom: 20px;
        th, td {
            border: 1px solid var(--main-color-white);
            border-collapse: collapse;
            padding: 10px 20px;
            color: var(--main-color-white);
        }
    }
}
.reviews {
    padding: 60px 0;
    h2 {
        margin-bottom: 40px;
    }
    p {
        font-size: 18px;
        margin-bottom: 20px;
    }
    a {
        color: var(--color-text);
        font-size: 18px;
        text-decoration: underline;
        margin-bottom: 10px;
        &:last-child {
            display: inline-flex;
            margin-left: 50px;
        }
    }
}
.last.content {
    padding: 60px 0;
    flex-direction: column;
    gap: 10px;
    h2 {
        margin-bottom: 20px;
    }
    ul li {
        gap: 10px;
    }
}
@media screen and (max-width: 1370px) {
    .type-site {
        background: var(--background-section);
        padding: 50px 0;
        .wrapper {
            max-width: 100%;
            overflow: auto;
        }
        table {
            width: max-content;
            margin: 0 auto;
            border-collapse: collapse;
            th, td {
                border: 1px solid var(--color-border-table);
                border-collapse: collapse;
                padding: 10px 20px;
            }
            td:first-child {
                font-weight: 700;
            }
        }
    }
}