.elementor-4161 .elementor-element.elementor-element-25549777{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}.elementor-4161 .elementor-element.elementor-element-15964a49{width:var( --container-widget-width, 86% );max-width:86%;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-4161 .elementor-element.elementor-element-15964a49 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-4161 .elementor-element.elementor-element-15964a49.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-4161 .elementor-element.elementor-element-15964a49 .elementor-heading-title{font-size:40px;font-weight:600;text-transform:uppercase;line-height:3.2rem;color:var( --e-global-color-primary );}.elementor-4161 .elementor-element.elementor-element-26f9eb93{width:auto;max-width:auto;text-align:start;}.elementor-4161 .elementor-element.elementor-element-26f9eb93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4161 .elementor-element.elementor-element-26f9eb93.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-4161 .elementor-element.elementor-element-26f9eb93 .elementor-heading-title{font-size:17px;font-weight:400;text-transform:none;color:#F5F5F599;}.elementor-4161 .elementor-element.elementor-element-b82717b > .elementor-widget-container{padding:0px 0px 8px 0px;}@media(max-width:1366px){.elementor-4161 .elementor-element.elementor-element-15964a49{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;}.elementor-4161 .elementor-element.elementor-element-15964a49 > .elementor-widget-container{margin:-9px 0px 0px 0px;}.elementor-4161 .elementor-element.elementor-element-15964a49 .elementor-heading-title{font-size:42px;line-height:50px;}}@media(max-width:1200px){.elementor-4161 .elementor-element.elementor-element-15964a49{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:1024px){.elementor-4161 .elementor-element.elementor-element-15964a49{width:initial;max-width:initial;}.elementor-4161 .elementor-element.elementor-element-15964a49 .elementor-heading-title{line-height:1.3em;}}@media(max-width:767px){.elementor-4161 .elementor-element.elementor-element-25549777{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-4161 .elementor-element.elementor-element-15964a49{width:100%;max-width:100%;}.elementor-4161 .elementor-element.elementor-element-15964a49 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4161 .elementor-element.elementor-element-15964a49.elementor-element{--order:-99999 /* order start hack */;}.elementor-4161 .elementor-element.elementor-element-15964a49 .elementor-heading-title{font-size:22px;line-height:1.4em;}.elementor-4161 .elementor-element.elementor-element-26f9eb93 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4161 .elementor-element.elementor-element-26f9eb93 .elementor-heading-title{font-size:15px;line-height:1.4rem;}.elementor-4161 .elementor-element.elementor-element-b82717b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4161 .elementor-element.elementor-element-b82717b.elementor-element{--align-self:stretch;}}/* Start custom CSS for html, class: .elementor-element-b82717b */.price-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #2C2C2C; /* Осветляем таблицу, но оставляем в рамках темной темы */
    color: #F5F5F5; /* Белый текст для лучшей читаемости */
}

.price-table th, .price-table td {
    text-align: left;
    padding: 15px;
    border-bottom: 1px solid #444; /* Границы становятся мягче */
}

.price-table th {
    background-color: #3A3A3A; /* Темнее, чтобы выделить заголовки */
    font-size: 18px;
}

.price-table tbody tr:hover {
    background-color: #383838; /* Эффект наведения */
}


/* Скругление углов */
.price-table thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
}

.price-table thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
}

.price-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.price-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}


.price-table-container {
    overflow-x: auto; /* Добавляет горизонтальную прокрутку */
       display: block;
    width: 100%;
}
    
@media screen and (max-width: 600px) {
    .price-table {
        min-width: 400px; /* Минимальная ширина таблицы, чтобы избежать сжатия */
    }

    .price-table th, .price-table td {
        padding: 10px; /* Меньше отступов для компактности */
        font-size: 14px; /* Уменьшаем шрифт, чтобы текст лучше помещался */
        text-align: center; /* Центрируем текст */
        white-space: nowrap; /* Запрещает перенос строк внутри ячеек */
        
    }

    /* Скрываем заголовок "Срок выполнения" для упрощения */
    .price-table thead th:nth-child(3),
    .price-table tbody td:nth-child(3) {
        display: none;
    }
}

/* Кнопка */
.toggle-prices-btn {
    margin-top: 15px;
    margin-bottom: 8px; /* Добавлен отступ снизу */
    background-color: #FF9800;
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

/* Адаптивность */
@media screen and (max-width: 600px) {
.price-table th, .price-table td {
    padding: 10px;
    font-size: 14px;
}

.toggle-prices-btn {
    width: 100%;
    padding: 14px;
}
}/* End custom CSS */