/* Start:/bitrix/templates/aspro-priority_copy/css/tech_support.css?17791860962648*/

.features {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
    margin: 0 auto;
}

.feature-card {
    background-color: #fff;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    padding: 28px;
    transition: all 0.25s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
    height: 100%;
    display: flex;
    flex-direction: column;
    border-left: 4px solid #007bff;
    cursor: pointer;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(43, 125, 224, 0.15);
    border-color: rgba(43, 125, 224, 0.2);
}

/* Модальное окно */
.modal-overlay {
    display: none;
    position: fixed;
    top: 10%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 20000;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    box-sizing: border-box;
}

.modal-overlay.active {
    opacity: 1;
}

.modal-content {
    background: #fff;
    width: 95%;
    max-width: 100%;
    max-height: 75%;
    overflow-y: auto;
    padding: 40px 30px 30px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    transform: scale(0.95);
    transition: transform 0.3s ease;
}

.modal-overlay.active .modal-content {
    transform: scale(1);
}

.close-modal {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10001;
    background: transparent;
    border: none;
    padding: 0;
}

.close-modal::before,
.close-modal::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #777;
    transition: background 0.2s ease;
}

.close-modal::before { transform: rotate(45deg); }
.close-modal::after  { transform: rotate(-45deg); }

.close-modal:hover::before,
.close-modal:hover::after { background: #333; }

body.modal-open { overflow: hidden; }

/* Таблицы */
h1, h2 { color: #2E2E2E; }
h2 { margin-top: 1.5em; }
table { border-collapse: collapse; margin: 1em 0; width: 100%; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background-color: #f2f2f2; }
.note { font-size: 0.9em; color: #666; font-style: italic; }

/* Адаптивность */
@media (max-width: 1100px) {
    .features { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .features { grid-template-columns: 1fr; gap: 15px; padding: 15px; }
    .feature-card { padding: 24px; font-size: 14px; }
    .modal-content { padding: 30px 20px 20px; }
}
/* End */


/* Start:/bitrix/components/aspro/form.priority/templates/order_capt_new/style.css?1779186095181*/
.styled-block{margin:4px 0 -25px !important;background:#eef2f4 !important;padding: 29px 0 53px !important;border:none !important;}
*[id^=comp] > .row{margin-left:0;margin-right:0;}
/* End */
/* /bitrix/templates/aspro-priority_copy/css/tech_support.css?17791860962648 */
/* /bitrix/components/aspro/form.priority/templates/order_capt_new/style.css?1779186095181 */