.elementor-33636 .elementor-element.elementor-element-8deb117:not(.elementor-motion-effects-element-type-background), .elementor-33636 .elementor-element.elementor-element-8deb117 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E293B;}.elementor-33636 .elementor-element.elementor-element-8deb117{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-33636 .elementor-element.elementor-element-8deb117 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-33636 .elementor-element.elementor-element-efc3286 .elementor-heading-title{color:#FFFFFF;}.elementor-33636 .elementor-element.elementor-element-7d42b3db > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-33636 .elementor-element.elementor-element-4381164e .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-33636 .elementor-element.elementor-element-18a9ab1c{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33636 .elementor-element.elementor-element-2729d081 iframe{height:496px;}/* Start custom CSS for section, class: .elementor-element-55c5bc1 *//* ===================================
   RESPONSIVE TABLE STYLES
   =================================== */

/* Базовые стили для таблиц */
.responsive-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.responsive-table thead {
    background-color: #0066cc;
    color: #ffffff;
}

.responsive-table thead th {
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
}

.responsive-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.responsive-table tbody tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.responsive-table tbody tr:last-of-type {
    border-bottom: 2px solid #0066cc;
}

.responsive-table tbody td {
    padding: 12px 15px;
}

.responsive-table tbody tr:hover {
    background-color: #f1f1f1;
}

/* Адаптация для мобильных устройств */
@media screen and (max-width: 768px) {
    
    /* Скрываем thead на мобильных */
    .responsive-table thead {
        display: none;
    }
    
    /* Делаем строки таблицы блоками */
    .responsive-table,
    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table td {
        display: block;
        width: 100%;
    }
    
    .responsive-table tr {
        margin-bottom: 15px;
        border: 1px solid #dddddd;
        border-radius: 4px;
        padding: 10px;
        background-color: #ffffff;
    }
    
    .responsive-table td {
        text-align: left;
        padding: 10px 5px;
        border: none;
        position: relative;
        padding-left: 50%;
        min-height: 40px;
    }
    
    /* Показываем заголовки колонок перед каждым значением */
    .responsive-table td:before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 600;
        color: #333;
    }
    
    .responsive-table tbody tr:nth-of-type(even) {
        background-color: #ffffff;
    }
    
    .responsive-table tbody tr:hover {
        background-color: #f9f9f9;
    }
}

/* Дополнительная адаптация для очень маленьких экранов */
@media screen and (max-width: 480px) {
    .responsive-table {
        font-size: 14px;
    }
    
    .responsive-table td {
        padding-left: 45%;
    }
    
    .responsive-table td:before {
        width: 40%;
        font-size: 13px;
    }
}/* End custom CSS */