*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before,
*:after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Добавьте в ваш CSS файл или в <style> в head */
.calculator-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    max-width: 400px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    z-index: 10000;
    overflow: hidden;
    animation: slideIn 0.3s ease;
    border-left: 4px solid #ff9800;
}

.notification-warning {
    border-left-color: #ff9800;
}

.notification-content {
    display: flex;
    align-items: flex-start;
    padding: 16px 20px;
}

.notification-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff9800;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    margin-right: 15px;
    flex-shrink: 0;
}

.notification-message {
    flex: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.notification-message strong {
    font-size: 16px;
    color: #000;
}

.notification-message ul {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.notification-message li {
    padding: 4px 0 4px 24px;
    position: relative;
    color: #666;
}

.notification-message li:before {
    content: "•";
    color: #ff9800;
    font-size: 18px;
    position: absolute;
    left: 8px;
    top: 2px;
}

.notification-close {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #999;
    font-size: 18px;
    transition: all 0.2s;
    border-radius: 50%;
    flex-shrink: 0;
}

.notification-close:hover {
    background: #f5f5f5;
    color: #333;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Подсветка полей */
.highlight-error {
    animation: shake 0.5s ease;
    border: 2px solid #ff9800 !important;
    border-radius: 8px;
    box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.2);
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
/* Стили для калькулятора */
    .rooms-section {
        margin: 25px 0;
        padding: 20px;
        background: #f8f9fa;
        border-radius: 12px;
        border: 1px solid #e9ecef;
    }
    
    .rooms-title {
        font-size: 1.1rem;
        font-weight: 600;
        color: #00326c;
        margin-bottom: 15px;
    }
    
    .cable-input-section {
        margin-top: 10px;
    }
    
    .cable-input-group {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 15px;
    }
    
    .cable-input {
        width: 150px;
        padding: 12px 16px;
        border: 2px solid #00326c;
        border-radius: 8px;
        font-size: 1rem;
        color: #00326c;
        background: white;
    }
    
    .cable-input:focus {
        outline: none;
        border-color: #0056b3;
        box-shadow: 0 0 0 3px rgba(0, 50, 108, 0.1);
    }
    
    .cable-label {
        font-size: 1rem;
        color: #495057;
        font-weight: 500;
    }
    
    .individual-option {
        margin-top: 15px;
        padding: 15px;
        background: #e7f1ff;
        border-radius: 8px;
        border-left: 4px solid #00326c;
    }
    
    .individual-input-group {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .individual-input {
        width: 120px;
        padding: 10px 14px;
        border: 2px solid #00326c;
        border-radius: 6px;
        font-size: 0.95rem;
        color: #00326c;
        background: white;
    }
    
    .individual-label {
        font-size: 0.95rem;
        color: #495057;
        font-weight: 500;
    }
    
    .settings-section {
        margin: 25px 0;
        padding: 20px;
        background: #f8f9fa;
        border-radius: 12px;
        border: 1px solid #e9ecef;
    }
    
    .settings-row {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 30px;
    }
    
    .setting-item {
        background: white;
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #dee2e6;
    }
    
    .setting-title {
        font-size: 1.1rem;
        font-weight: 600;
        color: #00326c;
        margin-bottom: 15px;
    }
    
    .setting-options {
        display: flex;
        gap: 20px;
    }
    
    .setting-option {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
    }
    
    .setting-option input[type="radio"] {
        width: 18px;
        height: 18px;
        accent-color: #00326c;
    }
    
    .setting-option-text {
        font-size: 1rem;
        color: #495057;
    }
    
    .storage-options {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    /* ===== КРАСИВЫЕ УВЕДОМЛЕНИЯ ===== */
.calculator-notification {
    position: fixed;
    top: 20px;
    right: 20px;
    max-width: 350px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    transform: translateX(400px);
    transition: transform 0.3s ease;
    z-index: 9999;
    overflow: hidden;
}

.calculator-notification.show {
    transform: translateX(0);
}

.notification-content {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    position: relative;
}

.notification-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-right: 15px;
}

.notification-success .notification-icon {
    background: #4CAF50;
    color: white;
}

.notification-error .notification-icon {
    background: #f44336;
    color: white;
}

.notification-info .notification-icon {
    background: #2196F3;
    color: white;
}

.notification-message {
    flex: 1;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    white-space: pre-line;
}

.notification-close {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #999;
    font-size: 16px;
    transition: color 0.2s;
}

.notification-close:hover {
    color: #333;
}

/* Подсветка незаполненных полей */
.highlight-error {
    animation: highlightPulse 0.5s ease;
    border: 2px solid #f44336 !important;
    border-radius: 8px;
}

@keyframes highlightPulse {
    0% { box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.4); }
    50% { box-shadow: 0 0 0 10px rgba(244, 67, 54, 0); }
    100% { box-shadow: 0 0 0 0 rgba(244, 67, 54, 0); }
}

/* Успешная отправка внутри модального окна */
.calculator-success {
    text-align: center;
    padding: 30px 20px;
}

.success-animation {
    margin-bottom: 20px;
}

.checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}

.checkmark-circle {
    stroke: #4CAF50;
    stroke-width: 2;
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-check {
    stroke: #4CAF50;
    stroke-width: 2;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.4s forwards;
}

@keyframes stroke {
    100% { stroke-dashoffset: 0; }
}

.success-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.success-message {
    font-size: 16px;
    color: #666;
    margin-bottom: 25px;
    line-height: 1.5;
}

.success-close-btn {
    background: #00326c;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.success-close-btn:hover {
    background: #002244;
}
    .storage-option-group {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        margin-bottom: 15px;
    }
    
    .storage-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 12px;
        background: #f8f9fa;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
        border: 2px solid transparent;
    }
    
    .storage-option:hover {
        background: #e7f1ff;
    }
    
    .storage-option input[type="radio"]:checked + .storage-option-text + .storage-hdd {
        background: #00326c;
        color: white;
    }
    
    .storage-option input[type="radio"] {
        display: none;
    }
    
    .storage-option input[type="radio"]:checked ~ .storage-option-text {
        color: #00326c;
        font-weight: 600;
    }
    
    .storage-option input[type="radio"]:checked ~ * {
        border-color: #00326c;
    }
    
    .storage-option-text {
        font-size: 0.9rem;
        color: #6c757d;
        margin-bottom: 5px;
        text-align: center;
    }
    
    .storage-hdd {
        font-size: 0.85rem;
        padding: 4px 8px;
        background: #dee2e6;
        border-radius: 4px;
        color: #495057;
        font-weight: 500;
        text-align: center;
    }
    
    .custom-storage {
        margin-top: 15px;
        padding: 15px;
        background: #e7f1ff;
        border-radius: 8px;
        border-left: 4px solid #00326c;
    }
    
    .custom-storage-group {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .custom-storage-input {
        width: 100px;
        padding: 10px 14px;
        border: 2px solid #00326c;
        border-radius: 6px;
        font-size: 0.95rem;
        color: #00326c;
        background: white;
    }
    
    .custom-storage-label {
        font-size: 0.95rem;
        color: #495057;
        font-weight: 500;
    }
    
    .custom-storage-hdd {
        font-size: 0.9rem;
        padding: 6px 12px;
        background: #00326c;
        color: white;
        border-radius: 6px;
        font-weight: 500;
        min-width: 100px;
        text-align: center;
    }
    
    .total-section {
        margin-top: 30px;
        padding-top: 20px;
        border-top: 2px solid #e9ecef;
        text-align: center;
    }
    
    .total-price {
        font-size: 2rem;
        font-weight: bold;
        color: #00326c;
        margin: 15px 0;
    }
    
    .btn-request {
        background: #00326c;
        color: white;
        border: none;
        padding: 15px 40px;
        border-radius: 8px;
        font-size: 1.1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.3s;
        display: inline-block;
        text-decoration: none;
    }
    
    .btn-request:hover {
        background: #002050;
    }
    
    /* Стили для модального окна калькулятора */
    .calculation-summary {
        background: #f8f9fa;
        border-radius: 10px;
        padding: 20px;
        margin: 20px 0;
        border-left: 4px solid #00326c;
    }
    
    .calculation-item {
        display: flex;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #e9ecef;
        font-size: 14px;
    }
    
    .calculation-item:last-child {
        border-bottom: none;
    }
    
    .calculation-label {
        color: #495057;
        font-weight: 500;
    }
    
    .calculation-value {
        color: #00326c;
        font-weight: 600;
        text-align: right;
    }
    
    .calculation-total {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 2px solid #00326c;
        font-size: 16px;
        font-weight: bold;
    }
    
    .calculation-total .calculation-value {
        font-size: 18px;
        color: #00326c;
    }
    
    .form-message {
        margin-top: 15px;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        font-size: 0.9rem;
        display: none;
    }
    
    .form-message.success {
        background: #d4edda;
        color: #155724;
        border: 1px solid #c3e6cb;
        display: block;
    }
    
    .form-message.error {
        background: #f8d7da;
        color: #721c24;
        border: 1px solid #f5c6cb;
        display: block;
    }
    
    /* Адаптивность */
    @media (max-width: 992px) {
        .settings-row {
            grid-template-columns: 1fr;
            gap: 20px;
        }
        
        .storage-option-group {
            grid-template-columns: repeat(3, 1fr);
        }
    }
    
    @media (max-width: 768px) {
        .storage-option-group {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .setting-options {
            flex-direction: column;
            gap: 10px;
        }
        
        .cable-input-group {
            flex-direction: column;
            align-items: flex-start;
        }
        
        .cable-input {
            width: 100%;
        }
        
        .individual-input-group,
        .custom-storage-group {
            flex-direction: column;
            align-items: flex-start;
        }
        
        .individual-input,
        .custom-storage-input {
            width: 100%;
        }
    }
    
    @media (max-width: 480px) {
        .storage-option-group {
            grid-template-columns: 1fr;
        }
        
        .rooms-section,
        .settings-section {
            padding: 15px;
        }
    }

/*конец калькулятора*/
     /* Шапка сайта */
        .main-header2 {
            background: linear-gradient(135deg, #00326C 0%, #002047 100%);

            position: relative;
        }
.service-img svg {fill:#fff;height:116px;}
.image-container {position:relative;}
.fancybox-content2 {
    background: linear-gradient(135deg, 
        #ffffff 0%, 
        #f8fafd 25%, 
        #f0f5ff 50%, 
        #e8f0ff 75%, 
        #ffffff 100%);border-radius: 10px;
    background-size: 200% 200%;
    animation: gentleGradient 8s ease infinite;
    border: 1px solid rgba(101, 212, 214, 0.15);
    box-shadow: 
        0 25px 50px rgba(0, 50, 108, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.8);
}
    /* УБЕДИМСЯ, ЧТО FONT AWESOME РАБОТАЕТ */
        .contact-page-reset i.fas,
        .contact-page-reset i.far,
        .contact-page-reset i.fab {
            font-family: 'Font Awesome 6 Free' !important;
            font-weight: 900;
        }

        /* Шапка сайта */
        .contact-header {
            background: linear-gradient(135deg, #00326C 0%, #002047 100%);
            padding: 20px 0;
            position: relative;
        }

        .contact-header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .contact-header-logo img {
            height: 40px;
            width: auto;
        }

        .contact-menu-list {
            display: flex;
            list-style: none;
            gap: 25px;
        }

        .contact-menu-link {
            color: #fff;
            text-decoration: none;
            font-weight: 500;
            font-size: 15px;
            transition: color 0.3s ease;
        }

        .contact-menu-link:hover {
            color: #65D4D6;
        }

        .contact-phone {
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        /* Основной контент */
        .contact-main {
            padding: 60px 0 80px;
            min-height: calc(100vh - 180px);
        }

        .contact-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .contact-section-title {
            text-align: center;
            margin-bottom: 40px;
        }

        .contact-section-title h1 {
            font-size: 36px;
            font-weight: 700;
            color: #00326C;
            margin-bottom: 10px;
        }

        .contact-section-title p {
            font-size: 16px;
            color: #666;
            max-width: 500px;
            margin: 0 auto;
        }

        /* Компактный блок контактов */
        .contact-info-block {
            background: white;
            border-radius: 16px;
            padding: 40px;
            box-shadow: 0 10px 25px rgba(0, 50, 108, 0.08);
            margin-bottom: 40px;
        }

        .contact-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-bottom: 30px;
        }

        .contact-info-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 15px;
            border-radius: 10px;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .contact-info-item:hover {
            background: rgba(101, 212, 214, 0.08);
            transform: translateY(-3px);
        }

        .contact-info-icon {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #00326C 0%, #65D4D6 100%);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            flex-shrink: 0;
        }

        /* ДОБАВЛЯЕМ ПРАВИЛО ДЛЯ ИКОНОК ВНУТРИ БЛОКОВ */
        .contact-info-icon i,
        .contact-address-section i,
        .contact-form-submit i,
        .contact-footer-icon {
            font-family: 'Font Awesome 6 Free' !important;
            font-weight: 900;
        }

        .contact-info-content h3 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
            color: #00326C;
        }

        .contact-info-content p, 
        .contact-info-content a {
            font-size: 15px;
            color: #555;
            text-decoration: none;
        }

        .contact-info-content a:hover {
            color: #65D4D6;
        }

        .contact-work-hours {
            font-size: 13px;
            color: #777;
            margin-top: 4px;
        }

        /* Адрес под контактами */
        .contact-address-section {
            background: rgba(0, 50, 108, 0.03);
            border-radius: 12px;
            padding: 25px;
            border-left: 4px solid #65D4D6;
        }

        .contact-address-section h3 {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 10px;
            color: #00326C;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .contact-address-section p {
            font-size: 15px;
            color: #555;
            line-height: 1.5;
        }

        .contact-metro-info {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 8px;
            font-size: 14px;
            color: #666;
        }

        .contact-metro-dot {
            width: 8px;
            height: 8px;
            background: #65D4D6;
            border-radius: 50%;
        }

        /* Карта */
        .contact-map-block {
            background: white;
            border-radius: 16px;
            padding: 30px;
            box-shadow: 0 10px 25px rgba(0, 50, 108, 0.08);
            margin-bottom: 40px;
        }

        .contact-map-title {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 20px;
            color: #00326C;
            text-align: center;
        }

        #contact-map {
            width: 100%;
            height: 400px;
            border-radius: 10px;
            overflow: hidden;
            border: 2px solid rgba(101, 212, 214, 0.2);
        }

        .contact-map-loading {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            color: #666;
            font-size: 16px;
        }

        .contact-map-spinner {
            width: 40px;
            height: 40px;
            border: 4px solid rgba(101, 212, 214, 0.2);
            border-top: 4px solid #65D4D6;
            border-radius: 50%;
            animation: contact-spin 1s linear infinite;
            margin-bottom: 15px;
        }

        @keyframes contact-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Форма обратной связи */
        .contact-form-block {
            background: linear-gradient(135deg, #00326C 0%, #002047 100%);
            border-radius: 16px;
            padding: 35px;
            box-shadow: 0 10px 25px rgba(0, 50, 108, 0.15);
        }

        .contact-form-title {
            font-size: 24px;
            font-weight: 600;
            color: white;
            margin-bottom: 8px;
            text-align: center;
        }

        .contact-form-subtitle {
            font-size: 15px;
            color: rgba(255, 255, 255, 0.8);
            margin-bottom: 25px;
            text-align: center;
        }

        .contact-form-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }

        .contact-form-group {
            margin-bottom: 0;
        }

        .contact-form-group-full {
            grid-column: 1 / -1;
        }

        .contact-form-input, 
        .contact-form-textarea {
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            font-size: 14px;
            font-family: "Inter", sans-serif;
        }

        .contact-form-input::placeholder, 
        .contact-form-textarea::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .contact-form-input:focus, 
        .contact-form-textarea:focus {
            outline: none;
            background: rgba(255, 255, 255, 0.15);
        }

        .contact-form-textarea {
            min-height: 120px;
            resize: vertical;
        }

        .contact-form-submit {
            grid-column: 1 / -1;
            padding: 16px;
            background: linear-gradient(135deg, #65D4D6 0%, #48C1DC 100%);
            color: #00326C;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
        }

        .contact-form-submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(101, 212, 214, 0.3);
        }

        /* Подвал сайта */
        .contact-footer {
            background: #00326C;
            color: white;
            padding: 40px 0 20px;
            margin-top: 40px;
        }

        .contact-footer-container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .contact-footer-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 30px;
        }

        .contact-footer-column h3 {
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #65D4D6;
        }

        .contact-footer-links {
            list-style: none;
        }

        .contact-footer-links li {
            margin-bottom: 10px;
        }

        .contact-footer-links a {
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            font-size: 14px;
        }

        .contact-footer-links a:hover {
            color: #65D4D6;
        }

        .contact-footer-contact div {
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 14px;
        }

        .contact-footer-icon {
            color: #65D4D6;
            width: 16px;
            text-align: center;
        }

        .contact-footer-bottom {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 13px;
            color: rgba(255, 255, 255, 0.7);
        }

        /* Адаптивность */
        @media (max-width: 768px) {
            .contact-menu-list {
                display: none;
            }
            
            .contact-header-container {
                justify-content: center;
            }
            
            .contact-phone {
                position: absolute;
                right: 20px;
                font-size: 14px;
            }
            
            .contact-info-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }
            
            .contact-info-block,
            .contact-map-block,
            .contact-form-block {
                padding: 25px;
            }
            
            .contact-form-wrapper {
                grid-template-columns: 1fr;
            }
            
            .contact-footer-grid {
                grid-template-columns: 1fr;
                gap: 25px;
            }
            
            .contact-section-title h1 {
                font-size: 28px;
            }
            
            #contact-map {
                height: 300px;
            }
        }

        @media (max-width: 480px) {
            .contact-info-item {
                flex-direction: column;
                text-align: center;
                gap: 10px;
            }
            
            .contact-info-icon {
                margin: 0 auto;
            }
            
            .contact-section-title h1 {
                font-size: 24px;
            }
            
            .contact-section-title p {
                font-size: 14px;
            }
        }

        /* Анимации */
        @keyframes contact-fadeIn {
            from {
                opacity: 0;
                transform: translateY(15px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .contact-info-block,
        .contact-map-block,
        .contact-form-block {
            animation: contact-fadeIn 0.5s ease-out;
        }

        .contact-info-block {
            animation-delay: 0.1s;
        }

        .contact-map-block {
            animation-delay: 0.2s;
        }

        .contact-form-block {
            animation-delay: 0.3s;
        }

        /* Индикатор загрузки карты */
        #contact-map.loading {
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f5f7fa;
        }
@keyframes gentleGradient {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
.modal-title-f {
font-family: "Exo 2", sans-serif;
  font-weight: 800;
  font-size:30px;
  color: #00326C;
  text-align: center;
  padding: 0px 0px 20px 0px;
  margin: 0;
  line-height: 1.2;
}
.aggree-2modal{margin-top:20px !important;margin-bottom:0px !important;}
.title-formm-sdf{
font-weight: 700;margin-bottom:30px;
font-size: 32px;
color:rgba(0, 50, 108, 1);}
  /* Кнопка */
        .submit-btn2 {
            width: 100%;
            padding: 18px;
            background-color:rgba(0, 50, 108, 1);
            color:#fff;
            border: none;
            border-radius: 10px;
            font-family: "Exo 2", sans-serif;
            font-weight: 700;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .submit-btn2:hover {
            background-color: rgba(80, 190, 192, 1);
            animation: pulse 0.5s ease;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(101, 212, 214, 0.4);
        }
        
        .submit-btn2:active {
            transform: translateY(0);
        }

.text-left-g h2 {margin-top:0px;
font-weight: 700;
font-size: 32px;
color:rgba(0, 50, 108, 1);
}
.section-text-afterb {margin-top:50px;margin-bottom:70px;}
.text-left-g {
font-weight: 700;
font-size: 18px;
color:rgba(0, 50, 108, 1);
}

.form-gridd {
  display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap: 25px;margin-bottom:15px;
}
.form-grid-modal {  display: grid;
  grid-template-columns:1fr 1fr;
  gap: 25px;}
.form-input12 {
  width: 100%;
  padding: 15px;height:58px;
  border: 2px solid rgba(0, 50, 108, 0.2);
  border-radius: 10px;
  font-family: "Exo 2", sans-serif;
  font-size: 16px;
  color:rgba(0, 50, 108, 1);
  transition: all 0.3s ease;
  background-color: rgb(101, 212, 214);
}
.biz-g-security-block {margin-top:70px;margin-bottom:70px;}
.img-safes {position:relative;}
.safe-zonne {position:absolute;bottom:-20px;}
.safe-img {margin-bottom:20px;}
.safe-bizz {border: 1px solid rgba(101, 212, 214, 1);
  border-radius: 20px;padding:10px;
font-weight: 700;
font-size: 14px;
color:#fff;text-align: center;
	
}
.max-600d {max-width:650px;text-align:center;
font-weight: 700;margin-bottom:15px;margin-top:90px;
font-size: 32px;
color:rgba(0, 50, 108, 1);

}
.block-biznes-safe {
  display: grid;
  grid-template-columns: 650px auto;
  gap: 25px;
}

.safe-tt {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap: 25px;
}
.title-safe-b {
font-weight: 500;
font-size: 20px;margin-bottom:20px;
color:#fff;
text-align: center;
}
.form-input2 {
            width: 100%;
            padding: 15px;
            border: 2px solid rgba(0, 50, 108, 0.2);
            border-radius: 10px;
            font-family: "Exo 2", sans-serif;
            font-size: 16px;
            color:#000;
            transition: all 0.3s ease;
            background-color:rgba(217, 217, 217, 0.3);
        }
        
        .form-input2:focus {
            outline: none;
            border-color: rgba(0, 50, 108, 0.8);
            box-shadow: 0 0 0 3px rgba(0, 50, 108, 0.1);
        }
        
.checkbox-input2.error {background:#ff0048;border:1px solid #ff0048;}
.error input[placeholder]          {-o-text-overflow:ellipsis;text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-webkit-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.error::-moz-placeholder     {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-moz-placeholder      {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important} 
.error:-ms-input-placeholder {text-overflow:ellipsis; font-style:italic; color:#ff0048 !important}
.thankyou {color:#fff;font-size:22px;text-align:center;}
.thankyou2 {color:color: rgba(0, 50, 108, 1);;font-size:22px;text-align:center;}

/* Мобильное меню - бургер иконка */
.mobile-menu-toggle {
    display: none;
    width: 30px;
    height: 24px;
    position:absolute;
    cursor: pointer;
    z-index: 100;
 
	top: 20px;
  right: 10px;
}
.form-supject {
  opacity: 0;
  display: none;
  pointer-events: none;
}
.burger-icon {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.burger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Анимация бургера при открытии */
.mobile-menu-toggle.active .burger-icon span:nth-child(1) {
    transform: translateY(10px) rotate(45deg);
}

.mobile-menu-toggle.active .burger-icon span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active .burger-icon span:nth-child(3) {
    transform: translateY(-11px) rotate(-45deg);
}

/* Оверлей для меню */
.mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 50, 108, 0.9);
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
}

/* Контейнер меню */
.mobile-menu-container {
    position: fixed;
    top: 0;
    right: -100%;
    width: 320px;
    height: 100vh;
    background: linear-gradient(135deg, #00326C 0%, #002047 100%);
    z-index: 1000;
    transition: right 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: -5px 0 30px rgba(0, 0, 0, 0.2);
    overflow-y: auto;
}

.mobile-menu-container.active {
    right: 0;
}

/* Шапка мобильного меню */
.mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-logo img {
    height: 40px;
    width: auto;
}

.mobile-menu-close {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    font-size: 32px;
    font-weight: 300;
    transition: transform 0.3s ease;
}

.mobile-menu-close:hover {
    transform: scale(1.1);
    color: #65D4D6;
}

/* Навигация в мобильном меню */
.mobile-nav {
    padding: 20px 0;
}

.mobile-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mobile-menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-menu-item:last-child {
    border-bottom: none;
}

.mobile-menu-link {
    display: block;
    padding: 18px 25px;
    color: #fff;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
    font-weight: 500;
    font-size: 18px;
    transition: all 0.3s ease;
    position: relative;
}

.mobile-menu-link:hover,
.mobile-menu-link:active {
    background-color: rgba(101, 212, 214, 0.15);
    color: #65D4D6;
    padding-left: 30px;
}

.mobile-menu-link::after {
    content: '→';
    position: absolute;
    right: 25px;
    opacity: 0.5;
    transition: all 0.3s ease;
}

.mobile-menu-link:hover::after {
    opacity: 1;
    right: 20px;
    color: #65D4D6;
}

/* Контактная информация в меню */
.mobile-contact-info {
    padding: 25px;
    margin-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-phone {
    display: block;
    color: #65D4D6;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.mobile-phone:hover {
    color: #fff;
    transform: translateX(5px);
}

.mobile-work-hours,
.mobile-address {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
}

/* Адаптивность */
@media (max-width: 992px) {
    /* Показываем бургер на мобильных */
    .mobile-menu-toggle {
        display: block;
    }
    
    /* Скрываем десктопное меню */
    .header-menu {
        display: none;
    }
    
    /* Адаптируем хедер для мобильных */
    .header-container {
        justify-content: space-between;
        padding: 0 15px;
    }
    
    .header-logo {
        flex: 0 0 auto;
    }
    
    .phone-contact {
        font-size: 16px;
    }
    
    .phone-contact:before {
        width: 25px;
        height: 20px;
    }
}

@media (max-width: 480px) {
    .mobile-menu-container {
        width: 100%;
    }
    
    .mobile-menu-link {
        font-size: 16px;
        padding: 16px 25px;
    }
    
    .mobile-phone {
        font-size: 18px;
    }
}


.card-content a {text-decoration:none;}
.main-block {margin-top:70px;}
img {
  max-width: 100%;
  height: auto;
}
a {transition: all 0.5s ease;}
html, body {
  overflow-x: hidden !important;
}
body {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
    margin: 0;
  font-family: "Exo 2", sans-serif;
}
/*Для бизнеса*/
.text-afterb-grid {
 display: grid;
  grid-template-columns: 1fr 500px ;
  gap: 25px;	
}

.grid-foot-f {
            display: grid;
            grid: auto auto / 1fr auto;
          align-items: first baseline;
            padding: 20px;
            gap: 15px;

        }
        
        .grid-foot-f > div:first-child {
            font: 14px Arial;
            color: #333;
        }
        
        .grid-foot-f > div:nth-child(2) {
            grid-column: 2;
            grid-row: 1 / span 2;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }
.dev {
    text-align:right;margin-top:10px;
}
.dev a {
    display: block;

}

.dev a img {
    display: inline-block;
    vertical-align: middle;height:30px;
}

.dev a span {
    display: inline-block;
    vertical-align:bottom;
    margin-left: 10px;line-height: 1.2em;
    text-align: left;
font-weight: 400;
font-size: 14px;
color:rgba(0, 50, 108, 1);
    position: relative;
    transition: .3s color;
}
 .dev a:hover {text-decoration:none;}
 .dev a:hover span {
    color:rgba(0, 50, 108, 1);
}

/*Блок4*/
  .biz-g {
            font-family: 'Exo 2', sans-serif;
  
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .biz-g-security-block {
            background: linear-gradient(90.36deg, #00326C 0.3%, #48C1DC 142.56%);
            border-radius: 40px;
            width: 100%;
            max-width: 1280px;
            height: auto;
  
            position: relative;
            overflow: hidden;
            padding: 0px;
            box-shadow: 0 20px 40px rgba(0, 50, 108, 0.2);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
        }
        
        .biz-g-security-block:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 60px rgba(0, 50, 108, 0.4);
        }
        
        .biz-g-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
            height: 100%;
        }
        
        .biz-g-text-content {
            flex: 1;
            min-width: 300px;
            color: white;
			padding:30px;}
        
        .biz-g-main-title {
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-size: 24px;
            line-height: 121%;
            letter-spacing: 0%;
            text-align: left;
            margin-bottom: 40px;
            max-width: 500px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            position: relative;
        }
        
        .biz-g-main-title::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 0;
            width: 80px;
            height: 4px;
            background: rgba(101, 212, 214, 1);
            border-radius: 2px;
            transition: width 0.4s ease;
        }
        
        .biz-g-security-block:hover .biz-g-main-title::after {
            width: 200px;
        }
        
        .biz-g-features-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-bottom: 40px;

        }
        
        .biz-g-feature-item {
            background-color:rgb(101, 212, 214);
            backdrop-filter: blur(15px);
            border-radius: 20px;
            padding: 20px;
       
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            cursor: pointer;
            border: 1px solid rgba(255, 255, 255, 0.25);
            position: relative;
            overflow: hidden;
        }
        
        .biz-g-feature-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.7s ease;
        }
        
        .biz-g-feature-item:hover::before {
            left: 100%;
        }
        
        .biz-g-feature-item:hover {
            background-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-12px) scale(1.05);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
            border-color: rgba(101, 212, 214, 0.7);
        }
        
        .biz-g-feature-icon {
    width:45px;height:45px;
            margin-bottom: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.4s ease;
        }
        
        .biz-g-feature-item:hover .biz-g-feature-icon {
            transform: rotate(10deg) scale(1.2);
        }
        
        .biz-g-feature-title {
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-size: 16px;
            margin-bottom: 8px;margin-top:0px;
            color:rgba(0, 50, 108, 1);

            transition: all 0.3s ease;
        }
        
        .biz-g-feature-item:hover .biz-g-feature-title {
            color: rgba(101, 212, 214, 1);
            text-shadow: 0 0 10px rgba(101, 212, 214, 0.5);
        }
        
        .biz-g-feature-description {
            font-family: 'Exo 2', sans-serif;
            font-weight: 400;
            font-size: 12px;
   
            color:rgba(0, 50, 108, 1);
        }
        
        .biz-g-order-button {
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0%;
            text-align: center;
            background: linear-gradient(to right, rgba(101, 212, 214, 1), rgba(72, 193, 220, 1));
            color: #00326C;
            border: none;
            border-radius: 27px;
            width: 225px;
text-decoration:none;
            cursor: pointer;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: block;
            margin-top: 20px;
            box-shadow: 0 10px 20px rgba(101, 212, 214, 0.4);
            position: relative;
            overflow: hidden;
			margin:0 auto;
			padding:15px 0px 16px;
        }
        
        .biz-g-order-button::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
            transition: left 0.7s ease;
        }
        
        .biz-g-order-button:hover::before {
            left: 100%;
        }
        
        .biz-g-order-button:hover {
            background: linear-gradient(to right, rgba(120, 225, 227, 1), rgba(92, 203, 230, 1));
            transform: translateY(-5px) scale(1.05);
            box-shadow: 0 15px 30px rgba(101, 212, 214, 0.6);
            color: #001f3f;
        }
        
        .biz-g-order-button:active {
            transform: translateY(0) scale(0.98);
            box-shadow: 0 5px 15px rgba(101, 212, 214, 0.4);
        }
        
        .biz-g-image-container {
            flex-shrink: 0;
            width: 522px;
            height: 522px;
            border-radius: 40px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
        }
        
        .biz-g-image-container::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(45deg, rgba(0, 50, 108, 0.1), rgba(72, 193, 220, 0.1));
            mix-blend-mode: overlay;
            transition: opacity 0.4s ease;
        }
        
        .biz-g-security-block:hover .biz-g-image-container {
            transform: scale(1.03) rotate(1deg);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
        }
        
        .biz-g-security-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.8s ease;
            filter: brightness(1.05) contrast(1.1);
        }
        
        .biz-g-image-container:hover .biz-g-security-image {
            transform: scale(1.1);
        }
        
        .biz-g-security-block:hover .biz-g-image-container::after {
            opacity: 0.5;
        }
        
        @media (max-width: 1100px) {
            .biz-g-container {
                flex-direction: column;
            }
            
            .biz-g-text-content {
                padding-right: 0;
                margin-bottom: 40px;
            }
            
            .biz-g-image-container {
                width: 100%;
                max-width: 522px;
                height: auto;
                aspect-ratio: 1/1;
                margin: 0 auto;
            }
            
            .biz-g-features-grid {
                max-width: 100%;
                justify-content: center;
            }
            
            .biz-g-feature-item {
                width: 100%;
                max-width: 160px;
            }
        }
        
        @media (max-width: 768px) {
            .biz-g-security-block {
                padding: 30px 20px;
                border-radius: 30px;
            }
            
            .biz-g-main-title {
                font-size: 20px;
                text-align: center;
            }
            
            .biz-g-main-title::after {
                left: 50%;
                transform: translateX(-50%);
            }
            
            .biz-g-features-grid {
                grid-template-columns: 1fr;
                justify-items: center;
            }
            
            .biz-g-feature-item {
                max-width: 200px;
            }
            
            .biz-g-order-button {
                margin-left: auto;
                margin-right: auto;
            }
            
            .biz-g-image-container {
                border-radius: 30px;
            }
        }
        
        /* Анимация появления элементов с префиксом */
        @keyframes biz-g-fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes biz-g-pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.02); }
            100% { transform: scale(1); }
        }
        
        .biz-g-main-title {
            animation: biz-g-fadeInUp 0.8s ease-out forwards;
        }
        
        .biz-g-feature-item:nth-child(1) {
            animation: biz-g-fadeInUp 0.8s ease-out 0.2s forwards;
            opacity: 0;
        }
        
        .biz-g-feature-item:nth-child(2) {
            animation: biz-g-fadeInUp 0.8s ease-out 0.3s forwards;
            opacity: 0;
        }
        
        .biz-g-feature-item:nth-child(3) {
            animation: biz-g-fadeInUp 0.8s ease-out 0.4s forwards;
            opacity: 0;
        }
        
        .biz-g-feature-item:nth-child(4) {
            animation: biz-g-fadeInUp 0.8s ease-out 0.5s forwards;
            opacity: 0;
        }
        
        .biz-g-order-button {
            animation: biz-g-fadeInUp 0.8s ease-out 0.7s forwards, biz-g-pulse 2s infinite 3s;
            opacity: 0;
        }
        
        .biz-g-image-container {
            animation: biz-g-fadeInUp 1s ease-out 0.9s forwards;
            opacity: 0;
        }
        
        /* Эффект для всего блока при загрузке */
        @keyframes biz-g-blockAppear {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .biz-g-security-block {
            animation: biz-g-blockAppear 1.2s ease-out;
        }

/*Блок 4 конец*/

.block-biznes-safe{background: linear-gradient(90.36deg, #00326C 0.3%, #48C1DC 142.56%);
-webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
	
	position: relative;
  padding: 20px;
}


        /* Карточка */
        .card {

            background-color: #ffffff;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        /* Верхняя часть - ВСЕ содержимое */
        .card-top {
            width: 100%;
            background-color: #65d4d6;
            padding: 20px 20px 10px 20px;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        }

        /* Блок с цифрой и заголовком в одну строку */
        .title-row {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            gap: 15px;
            margin-bottom: 0px;
        }

        /* Круг с цифрой */
        .number-circle {
            width: 44px;
            height: 44px;
            background-color: #00326c;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 20px;
            flex-shrink: 0;
        }

        /* Заголовок справа от цифры */
        .card-title-top {
            font-weight: 600;
            font-size: 15px;
            line-height: 1.3;
            color: #00326c;
            text-align: left;
        }

        /* Текстовый блок по центру */
        .card-text {
            font-weight: 400;
            font-size: 14px;
            line-height: 1.4;
            color: rgba(0, 50, 108, 0.9);
            text-align: center;
            width: 100%;
            margin-top: 5px;
        }

        .card-text p {
            margin-bottom: 2px;
        }

        /* Нижняя часть с картинкой */
        .card-bottom {
            height: calc(343px - 140px);
            width: 100%;
            overflow: hidden;
        }

        .card-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        /* Сетка из 3 карточек в строку */
        .cards-grid {
            display: grid;
            grid-template-columns: repeat(3, 288px);
            gap: 30px;margin-top:80px;
            justify-content: center;
            margin-bottom: 70px;
        }

        /* Адаптивность */
        @media (max-width: 992px) {
            .cards-grid {
                grid-template-columns: repeat(2, 288px);
                gap: 20px;
            }
        }

        @media (max-width: 640px) {
            .cards-grid {
                grid-template-columns: 288px;
                gap: 20px;
            }
        }

        /* Анимации */
        .card {
            transition: all 0.3s ease;
        }

        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
        }

        .card:hover .number-circle {
            background-color: #65d4d6;
            color: #00326c;
            transform: scale(1.1);
            border: 2px solid #00326c;
        }

        .card:hover .card-image {
            transform: scale(1.05);
            transition: transform 0.5s ease;
        }

     
.arrow-prev {margin-left:-60px;}
.arrow-next {margin-right:-60px;}
/*табы проектов*/
      /* Теги */
        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-bottom: 40px;
            justify-content: center;
        }

        .tag {
            padding: 10px 20px;
            background: rgba(101, 212, 214, 0.74);
            border-radius: 27px;
            color: rgba(0, 50, 108, 1);
            font-family: 'Exo 2', sans-serif;
            font-weight: 500;
            font-size: 14px;
            line-height: 100%;
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            white-space: nowrap;
            flex-shrink: 0;
        }

        .tag:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .tag.active {
            background: rgba(101, 212, 214, 1);
            border-color: #ffffff;
            font-weight: 600;
        }

        /* Основной блок */
        .main-block {
            background: rgba(0, 50, 108, 1);
            border-radius: 40px;
            padding: 40px 40px 80px 40px;margin-bottom:60px;
            position: relative;
            min-height: 768px;
        }

        /* Контент */
        .content-wrapper {
            display: flex;
            gap: 30px;
            align-items: flex-start;
            height: 100%;
        }

        /* Левая часть - изображение и слайдер */
        .image-slider {
            flex: 0 0 570px;
            display: flex;
            flex-direction: column;
            position: relative;
        }

        .main-image {
            width: 570px;
            height: 570px;
            border-radius: 40px;
            overflow: hidden;
            background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%);
            position: relative;
            margin-bottom: 20px;
            flex-shrink: 0;
        }

        .main-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .image-counter {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(0, 50, 108, 0.8);
            color: white;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: 500;
            z-index: 2;
        }

        .slider-dots {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }

        .dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
            flex-shrink: 0;
        }

        .dot.active {
            background-color: #65d4d6;
            transform: scale(1.2);
        }

        /* Правая часть - табы и текст */
        .right-content {
            flex: 1;
            color: white;
            display: flex;
            flex-direction: column;
            height: 100%;
        }

        .project-header {
            margin-bottom: 25px;
        }

        .project-date {
            font-size: 16px;
            color: #65d4d6;
            margin-bottom: 5px;
        }

        .project-location {
            font-size: 14px;
            opacity: 0.8;
            margin-bottom: 8px;
        }

        .project-title {
            font-size: 28px;
            font-weight: 600;
            line-height: 1.2;
            margin-bottom: 25px;
        }

        /* Табы контента */
        .content-tabs {
            flex: 1;
            display: flex;
            flex-direction: column;
            margin-bottom: 20px;
        }

        .tab-buttons {
            display: flex;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
            margin-bottom: 20px;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .tab-buttons::-webkit-scrollbar {
            height: 4px;
        }

        .tab-buttons::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
        }

        .tab-buttons::-webkit-scrollbar-thumb {
            background: #65d4d6;
            border-radius: 2px;
        }

        .tab-btn {
            padding: 12px 20px;
            background: transparent;
            border: none;
            color: rgba(255, 255, 255, 0.7);
            font-family: 'Exo 2', sans-serif;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            position: relative;
            transition: all 0.3s ease;
            white-space: nowrap;
            flex-shrink: 0;
        }

        .tab-btn:hover {
            color: white;
        }

        .tab-btn.active {
            color: white;
        }

        .tab-btn.active::after {
            content: '';
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #65d4d6;
            border-radius: 2px;
        }

        .tab-content {
            font-size: 15px;
            line-height: 1.6;
            opacity: 0.9;
            flex: 1;
            overflow-y: auto;
            padding-right: 10px;
            max-height: 300px;
        }

        .tab-content::-webkit-scrollbar {
            width: 6px;
        }

        .tab-content::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 3px;
        }

        .tab-content::-webkit-scrollbar-thumb {
            background: #65d4d6;
            border-radius: 3px;
        }

        .project-price {
            font-size: 22px;
            font-weight: 600;
            margin: 20px 0;
            color: #65d4d6;
        }

        /* Кнопки */
        .action-buttons {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }

        .btn {
            padding: 14px 28px;
            border-radius: 27px;
            font-family: 'Exo 2', sans-serif;
            font-size: 15px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            flex: 1;
            text-align: center;
            white-space: nowrap;
        }

        .btn-primary {
            background: rgba(101, 212, 214, 0.74);
            color: rgba(0, 50, 108, 1);
        }

        .btn-primary:hover {
            background: rgba(101, 212, 214, 1);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(101, 212, 214, 0.3);
        }

        .btn-secondary {
            background: transparent;
            color: white;
            border: 2px solid rgba(255, 255, 255, 0.3);
        }

        .btn-secondary:hover {
            border-color: #65d4d6;
            color: #65d4d6;
            transform: translateY(-3px);
        }

        /* Стрелки навигации между проектами */
        .projects-nav {
            position: absolute;
            top: 50%;
            width: calc(100% - 80px);
            left: 40px;
            transform: translateY(-50%);
            display: flex;
            justify-content: space-between;
            pointer-events: none;
            z-index: 20;
        }

        .project-arrow {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background:rgb(101, 212, 214);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            pointer-events: all;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
            flex-shrink: 0;
        }

        .project-arrow:hover {
            background: white;
            transform: scale(1.1);
        }

        .project-arrow svg {
            width: 24px;
            height: 24px;
        }

        .project-arrow.disabled {
            opacity: 0.3;
            cursor: not-allowed;
            pointer-events: none;
        }

        /* Слайдер внутри проекта (точки для фото внутри проекта) */
        .project-slider-nav {
            display: flex;
            justify-content: center;
            gap: 10px;
         margin-top: -50px;
  position: relative;
        }

        .project-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .project-dot.active {
            background-color: #65d4d6;
            transform: scale(1.2);
        }

        /* Скрытые проекты */
        .hidden-projects {
            display: none;
        }

        .project-item {
            display: none;
        }

        /* Адаптивность */
        @media (max-width: 1300px) {
        
            
            .main-block {
                padding: 30px;
            }
            
            .content-wrapper {
                gap: 40px;
            }
            
            .image-slider {
                flex: 0 0 500px;
            }
            
            .main-image {
                width: 500px;
                height: 500px;
            }
            
            .projects-nav {
                width: calc(100% - 60px);
                left: 30px;
            }
        }

        @media (max-width: 1150px) {
            .content-wrapper {
                flex-direction: column;
                gap: 40px;
            }
            
            .image-slider {
                flex: none;
                width: 100%;
                max-width: 570px;
                margin: 0 auto;
            }
            
            .main-image {
                width: 100%;
                height: auto;
                aspect-ratio: 1/1;
            }
            
            .right-content {
                width: 100%;
            }
            
            .main-block {
                min-height: auto;
            }
            
            .projects-nav {
                width: calc(100% - 60px);
                left: 30px;
            }
        }

        @media (max-width: 768px) {
   
            
            .main-block {
                padding: 25px 20px;
                border-radius: 30px;
            }
            
            .tags-container {
                margin-bottom: 25px;
                justify-content: flex-start;
                overflow-x: auto;
                padding-bottom: 5px;
                -webkit-overflow-scrolling: touch;
            }
            
            .tags-container::-webkit-scrollbar {
                height: 3px;
            }
            
            .tags-container::-webkit-scrollbar-track {
                background: rgba(0, 0, 0, 0.1);
            }
            
            .tags-container::-webkit-scrollbar-thumb {
                background: #65d4d6;
            }
            
            .tag {
                padding: 8px 15px;
                font-size: 13px;
            }
            
            .project-title {
                font-size: 22px;
            }
            
            .tab-btn {
                padding: 10px 15px;
                font-size: 14px;
            }
            
            .tab-content {
                font-size: 14px;
                max-height: 250px;
            }
            
            .project-price {
                font-size: 20px;
                margin: 15px 0;
            }
            
            .action-buttons {
                flex-direction: column;
                gap: 10px;
            }
            
            .btn {
                padding: 12px 20px;
                font-size: 14px;
            }
            
            .projects-nav {
               width: calc(100% - 160px);
    left: 80px;
            }
            
            .project-arrow {
                width: 40px;
                height: 40px;
            }
            
            .project-arrow svg {
                width: 20px;
                height: 20px;
            }
            
            .image-counter {
                top: 15px;
                right: 15px;
                padding: 6px 12px;
                font-size: 12px;
            }
        }

        @media (max-width: 480px) {
            .main-block {
                padding: 20px 15px;
                border-radius: 25px;
            }
            
            .content-wrapper {
                gap: 30px;
            }
            
            .main-image {
                border-radius: 25px;
            }
            
            .project-title {
                font-size: 20px;
            }
            
            .project-date {
                font-size: 14px;
            }
            
            .project-location {
                font-size: 13px;
            }
            
            .tab-content {
                font-size: 13px;
                line-height: 1.5;
            }
            
            .project-arrow {
                width: 35px;
                height: 35px;
            }
        }

/*конец табов проектов*/
  .calculator-container {
            width: 100%;padding-right: 30px;
        }
.section-choose-calc {margin-top: 30px;
  padding-top: 60px;}
        .calculator-header h2 {
    
font-weight: 700;
font-size: 32px;margin-top:0px;margin-bottom:0px;
color:rgba(0, 50, 108, 1);

        }


        .calculator-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            margin-bottom: 30px;
        }

        @media (max-width: 640px) {
            .calculator-content {
                grid-template-columns: 1fr;
                gap: 20px;
            }
        }

        .services-section h2,
        .additional-section h2 {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: rgba(0, 50, 108, 1);
            padding-bottom: 8px;
            border-bottom: 1px solid rgba(101, 212, 214, 0.3);
        }

        .services-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .service-item {
            display: flex;
            align-items: center;
            padding: 12px;
            border-radius: 10px;
            background-color: #f8fafc;
            transition: all 0.2s ease;
        }

        .service-item:hover {
            background-color: rgba(101, 212, 214, 0.08);
        }

        .service-checkbox {
            width: 20px;
            height: 20px;
            margin-right: 15px;
            cursor: pointer;
            accent-color: rgba(101, 212, 214, 1);
            flex-shrink: 0;
        }

        .service-label {
            font-size: 1rem;
            color: rgba(0, 50, 108, 1);
            cursor: pointer;
            flex-grow: 1;
        }

        /* Правая колонка с дополнительными услугами и блоком стоимости */
        .right-column {
            display: flex;
            flex-direction: column;
        }

        .total-section {
            background: linear-gradient(135deg, rgba(0, 50, 108, 0.05) 0%, rgba(101, 212, 214, 0.05) 100%);
            border-radius: 12px;
            padding: 25px;
            text-align: center;
            margin-top: 20px;
            border: 2px solid rgba(101, 212, 214, 0.2);
        }

        .total-price {
            font-size: 2.2rem;
            font-weight: 800;
            color: rgba(0, 50, 108, 1);
            margin: 15px 0 20px;
        }

        .btn-request {
            background: linear-gradient(135deg, rgba(101, 212, 214, 1) 0%, rgba(0, 50, 108, 1) 100%);
            color: white;
            border: none;
            padding: 16px 32px;
            font-size: 1.1rem;
            font-weight: 600;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            width: 100%;
            box-shadow: 0 4px 15px rgba(101, 212, 214, 0.3);
        }

        .btn-request:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(101, 212, 214, 0.4);
        }

        /* Секция с количеством комнат */
        .rooms-section {

            margin-top: 30px;
        }

        .rooms-title {
            font-size: 1.1rem;
            font-weight: 600;
            text-align: center;
            margin-bottom: 20px;
            color: rgba(0, 50, 108, 1);
        }

        .rooms-slider {
            position: relative;
            padding: 0 20px;
            margin-bottom: 40px;
        }

     .slider-track {
    position: absolute;
    top: 7.5px; /* половина от 15px */
    left: 20px;
    right: 20px;
    height: 2px;
    background-color: rgba(101, 212, 214, 0.3);
    border-radius: 1px;
    z-index: 1;
}

.slider-fill {
    position: absolute;
    top: 7.5px;
    left: 20px;
    height: 2px;
    background-color: rgba(101, 212, 214, 1);
    border-radius: 1px;
    z-index: 2;
    transition: width 0.3s ease;
}

.rooms-options {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    padding: 0 10px;
}

      .room-option {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: white;
    border: 2px solid rgba(101, 212, 214, 0.3);
    position: relative;
    margin: 0 5px;
}

.room-option:hover {
    border-color: rgba(101, 212, 214, 0.8);
    transform: scale(1.3);
}

.room-option.active {
    background-color: rgba(101, 212, 214, 1);
    border-color: rgba(101, 212, 214, 1);
    transform: scale(1.4);
}
.img-calc-h {object-fit:cover;height:100%;-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;}
.room-number {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.9rem;
    color: rgba(0, 50, 108, 0.8);
    font-weight: 500;
    white-space: nowrap;
}
.calculator-header{margin-top:30px;}
        .footer-note {
            text-align: center;
            margin-top: 20px;
            font-size: 0.85rem;
            color: #666;margin-bottom:20px;
            font-style: italic;
        }
/*Внутренняя страница*/

 .link-home-j {
 
            padding: 18px 30px;
            background-color: rgba(101, 212, 214, 1);
            color: rgba(0, 50, 108, 1);
            border: none;
            border-radius: 10px;
            font-family: "Exo 2", sans-serif;
            font-weight: 700;
            font-size: 18px;text-decoration:none;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .link-home-j:hover {
            background-color: rgba(80, 190, 192, 1);
            animation: pulse 0.5s ease;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(101, 212, 214, 0.4);
        }
        
        .link-home-j:active {
            transform: translateY(0);
        }
        


.grid-home-choose {
    display: grid;
  grid-template-columns:1fr 1fr;
  gap: 90px; 
}
.section-choose-h {padding-top:100px;}
.grid-calculat { display: grid;
  grid-template-columns:430px 1fr;border: 3px solid rgba(101, 212, 214, 1);-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  gap: 25px; }
.home-ch-title{
font-weight: 700;
font-size: 32px;margin-bottom:20px;
color:rgba(0, 50, 108, 1);}
.home-ch-title2{
font-weight: 400;margin-bottom:30px;
font-size: 20px;
color:rgba(0, 50, 108, 1);
}
.section-ytp-biz {background:url(../i/biznes-ytp.png) no-repeat left rgba(0, 50, 108, 1);background-size: contain;padding-bottom: 50px;min-height:600px;padding-top:70px;}
.home-ch-img {margin-bottom:85px;}
.home-ch-img2 {margin-top:110px;}
.ytp-home {background:url(../i/right-ytp-h.png) no-repeat right rgba(95, 96, 100, 1);min-height:400px;padding-top:30px;
-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.section-ytp2 {padding-top:100px;}
.form-home-g {max-width:500px;margin-left:150px;}
.title-ytp-h2{
font-weight: 800;
font-size: 36px;
color:#fff;margin-bottom:30px;
text-align: center;
}

.inside  {background:rgba(0, 50, 108, 1); }

.ytp-home-t{
font-weight: 800;
font-size: 36px;margin-bottom:50px;
color:#fff;text-transform:uppercase;text-align: center;
}
.ytp-home-d{
font-weight: 800;
font-size: 20px;
color:#fff;margin-bottom:30px;
text-align: center;
}
.ytp-home-d2{
font-weight: 500;
font-size: 20px;
color:#fff;margin-bottom:30px;
text-align: center;
}
.section-vid h2{
font-weight: 700;
font-size: 32px;
color:rgba(0, 50, 108, 1);}
.section-ytp-home {background:url(../i/man-home.png) no-repeat left rgba(0, 50, 108, 1);padding-bottom: 50px;min-height:600px;padding-top:60px;}
.grid-home-g {
    display: grid;
  grid-template-columns:1fr 1fr;
  gap: 25px; 
}
.title-s {
font-weight: 500;
font-size: 20px;
color:rgba(0, 50, 108, 1);
text-align: center;
}
.section-vid {padding:60px 0px 60px 0px;}
.grid-vid {
    display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  gap: 25px; 
}
.title-div{
font-weight: 500;
font-size: 20px;
color:rgba(0, 50, 108, 1);
    text-align: center;
}
 /* Стили навигационного меню */
        .nav-menu {
            padding: 0px;
            margin-bottom: 0px;
        }
        
        .nav-list {
            list-style: none;
            display: flex;padding-left: 0px;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .nav-item {
            flex: 0 0 auto;
        }
        
        .nav-link {
            display: block;
            text-decoration: none;
            font-family: 'Exo 2', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 20px;
            line-height: 100%;
            letter-spacing: 0%;
            text-align: center;
            color: rgba(0, 50, 108, 1);
            padding: 12px 24px;
            border-radius: 8px;
            transition: all 0.3s ease;
            white-space: nowrap;
        }
        
        .nav-link:hover {
            background-color: rgba(0, 50, 108, 0.1);
            transform: translateY(-2px);
        }
        
        .nav-link:active {
            background-color: rgba(0, 50, 108, 0.2);
            transform: translateY(0);
        }
        
        /* Адаптивность для мобильных устройств */
        @media (max-width: 768px) {
            .nav-list {
                flex-direction: column;
                gap: 10px;
            }
            
            .nav-link {
                width: 100%;
                padding: 15px;
            }
  
        }

/* Альтернативный вариант с Grid */
.discount-section.dis2 .discount-container {
    max-width: 800px;
margin:0 auto;margin-top:70px;
    padding: 0;position: relative;z-index:100;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
    background:rgba(0, 50, 108, 0.5);
    display: grid;
    grid-template-columns:350px 1fr; /* Две равные колонки + разделитель */
    align-items: center;
}

 /* Чекбокс */
        .checkbox-group2 {
            display: flex;
            align-items: flex-start;
margin-top:20px;
            position: relative;
        }
.left-f-hh {
font-weight: 800;
font-size: 25px;
color:#fff;margin-bottom:40px;
}    
.dis-description {
font-weight: 500;
font-size: 20px;
color:#fff;}
        .checkbox-input2 {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .checkbox-custom2 {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            min-width: 20px;
            border: 2px solid #fff;
            border-radius: 4px;
            margin-right: 12px;
            margin-top: 2px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .checkbox-input2:checked + .checkbox-custom2 {
            background-color: rgba(0, 50, 108, 1);
            border-color: rgba(0, 50, 108, 1);
        }
        
        .checkbox-input2:checked + .checkbox-custom2::after {
            content: "✓";
            position: absolute;
            color: white;
            font-size: 14px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
.mar-b20 {margin-bottom:20px;}
        .checkbox-label2 {
            font-family: "Exo 2", sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.4;
            color: #fff;
            cursor: pointer;
        }
        
        .checkbox-label2 a {
            color: rgba(0, 50, 108, 1);
            text-decoration: underline;
        }






.discount-section.dis2 .discount-text {
    grid-column: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

.discount-section.dis2 .discount-form {
    grid-column: 3;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.discount-section.dis2 .divider {
    grid-column: 2;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    align-self: stretch;
}

@media (max-width: 768px) {
    .discount-section.dis2 .discount-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }
    
    .discount-section.dis2 .discount-text {
        grid-column: 1;
        grid-row: 1;
    }
    
    .discount-section.dis2 .divider {
        grid-column: 1;
        grid-row: 2;
        width: 100%;
        height: 1px;
        margin: 0;
    }
    
    .discount-section.dis2 .discount-form {
        grid-column: 1;
        grid-row: 3;
    }
}
.container{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.container-fluid{
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row{
	margin-right: -15px;
	margin-left: -15px;
}
.row-flex{
	display: flex;
	flex-flow: row wrap;
}


/*Главная*/  

  .card-container {
            width: 390px;
            height: 277px;
            position: relative;
            cursor: pointer;
            border-radius: 24px;
            overflow: hidden;
            outline: 2px solid rgba(255, 255, 255, 1);
        }
        
        .card-background {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            border-radius: 24px;
            overflow: hidden;
        }
        
        .background-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        
        .card-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.76);
            z-index: 2;
            border-radius: 24px;
            transition: all 0.5s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            text-align: center;
        }
        
        .card-tag {
            position: absolute;
            top: 20px;
            right: 20px;
            z-index: 4;
            background: rgba(255, 255, 255, 0.9);
            padding: 8px 16px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 600;
            color: #000;
            transform: translateY(-10px);
            opacity: 0;
            transition: all 0.4s ease 0.1s;
        }
        
        .card-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 3;
            transition: all 0.5s ease;
            transform: translateY(0);
        }
        
        .card-title {
            font-family: 'Exo 2', sans-serif;
            font-weight: 800;
            font-size: 35px;
            line-height: 100%;
            color: rgba(255, 255, 255, 1);
            margin-bottom: 15px;
            transition: all 0.5s ease;
        }
        
        .card-icon {
            height: 122px;margin-top:20px;
            filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));
            transition: all 0.5s ease;
        }
        
        /* Эффект бликов */
        .glare {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 3;
            border-radius: 24px;
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        
        .glare::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: linear-gradient(
                45deg,
                transparent 30%,
                rgba(255, 255, 255, 0.1) 50%,
                transparent 70%
            );
            transform: rotate(30deg);
            animation: shine 3s infinite linear;
        }
        
        /* Анимация бликов */
        @keyframes shine {
            0% {
                transform: translateX(-100%) translateY(-100%) rotate(30deg);
            }
            100% {
                transform: translateX(100%) translateY(100%) rotate(30deg);
            }
        }
        
        /* Hover эффекты */
        .card-container:hover .card-overlay {
            background: rgba(72, 193, 220, 0.7);
            border-color: rgba(72, 193, 220, 0.5);
        }
        
        .card-container:hover .background-image {
            transform: scale(1.05);
        }
        
        /* Анимация движения заголовка и иконки */
        .card-container:hover .card-content {
            transform: translateY(-10px);
        }
        
        .card-container:hover .card-title {
            color: rgba(255, 255, 255, 0.95);
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            transform: translateY(-3px);
        }
        
        .card-container:hover .card-icon {
            transform: translateY(3px) scale(1.1);
            filter: drop-shadow(0 6px 12px rgba(0,0,0,0.4));
        }
        
        .card-container:hover .card-tag {
            transform: translateY(0);
            opacity: 1;
        }
        
        .card-container:hover .glare {
            opacity: 1;
        }
        /* Стили для контейнера меню */
.header-menu {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Основной список меню */
.menu-list {
  background-color: rgba(217, 217, 217, 0.14);
  border-radius: 27px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  list-style: none;
  padding: 10px 20px;
  margin: 0;
}

/* Элементы меню */
.menu-item {
  position: relative;
}

/* Ссылки меню */
.menu-link {
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 500;line-height: 2em;
  padding: 5px 16px;
  border-radius: 27px;
  transition: background-color 0.3s ease;
}

/* Активное состояние (предполагаем, что для активного элемента будет добавлен класс .active) */
.menu-item.active .menu-link,
.menu-link:hover,
.menu-link:focus {
  background-color: rgba(101, 212, 214, 1);
  color: #fff;
}

/* Специальный маркер для активного элемента */
.menu-item.active::before {
  content: '';
  position: absolute;
  top: 70px;
  left: 825px;
  width: 109px;
  height: 26px;
  background-color: rgba(101, 212, 214, 1);
  border-radius: 27px;
  z-index: -1;
}

/* Если нужно позиционировать меню абсолютно */
.container.header-container {
  position: relative;
}

/* Альтернативный вариант - активный элемент с абсолютным позиционированием */
.menu-item.active .menu-link {
  position: relative;
  z-index: 2;
}

/* Если вам нужны точные координаты как в макете */
.header-container {
  position: relative;
}



/* Медиа-запросы для адаптивности */
@media (max-width: 1200px) {
  .menu-list {
    position: static;
    margin: 0 auto;
  }
}

@media (max-width: 768px) {
  .menu-list {
    width: 100%;
    max-width: 456px;
    height: auto;
    flex-wrap: wrap;
    padding: 10px;
    border-radius: 20px;
  }
  
  .menu-item {
    margin: 5px 0;
  }
}
   .phone-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #fff;
    line-height: 1;
    gap: 8px;
}

.phone-contact:before {
    content: '';
    display: inline-block;
    width: 35px;
    height: 30px;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmsAAAISCAYAAACTYYjtAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAALiMAAC4jAXilP3YAAAXRaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA5LjEtYzAwMiA3OS5iN2M2NGNjZjksIDIwMjQvMDcvMTYtMTI6Mzk6MDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNi4xIChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNS0xMi0xMVQxNDo0NjowNCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNS0xMi0xMVQxNDo0NjowNCswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjUtMTItMTFUMTQ6NDY6MDQrMDM6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZDgxNDM2YTYtZTI0YS00ZjY2LWE2ZmEtNTY3OTlhMGQ3ODNhIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YTgwNjlkZjMtODRkMy1lMzQ1LWI2NTgtYWNhNjhmMWZkMThlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTUxYTMyZmEtMTQ4Ni00NGJkLWJiNTItODI5M2RlZTgxNGE3IiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NTUxYTMyZmEtMTQ4Ni00NGJkLWJiNTItODI5M2RlZTgxNGE3IiBzdEV2dDp3aGVuPSIyMDI1LTEyLTExVDE0OjQ2OjA0KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuMSAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDgxNDM2YTYtZTI0YS00ZjY2LWE2ZmEtNTY3OTlhMGQ3ODNhIiBzdEV2dDp3aGVuPSIyMDI1LTEyLTExVDE0OjQ2OjA0KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjYuMSAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1w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SSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCmZZkyRJKphlTZIkqWCWNUmSpIJZ1iRJkgpmWZMkSSqYZU2SJKlgljVJkqSCWdYkSZIKZlmTJEkqmGVNkiSpYJY1SZKkglnWJEmSCvb/Ab33WKMOt7lbAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0;
    vertical-align: middle;
}

.cat-grid { display: grid;max-width:800px;margin:0 auto;margin-top: 80px;
  grid-template-columns:1fr 1fr;
  gap: 25px; }
.main-header {position: relative;z-index: 100;padding:25px 0px 25px 0px;}
/* Блок с фоновым видео */
.main-video {
    position: relative;
    width: 100%;
   height: 100vh;
    min-height: 1000px;
    overflow: hidden;
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
}

/* Затемнение поверх видео */
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

/* Контент поверх видео */
.video-content {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-text {
    text-align: center;
    color: white;
    max-width: 800px;
    padding: 0 20px;
    animation: fadeInUp 1s ease-out;
}

.video-title {
    font-family: "Exo 2", sans-serif;
    font-weight: 900;
    font-size: 64px;
    line-height: 1.1;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.video-subtitle {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 40px;
    font-weight: 300;
    opacity: 0.9;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.video-button {
    display: inline-block;
    padding: 18px 40px;
    background-color: rgba(101, 212, 214, 1);
    color: rgba(0, 50, 108, 1);
    border: none;
    border-radius: 10px;
    font-family: "Exo 2", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.video-button:hover {
    background-color: rgba(80, 190, 192, 1);
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    color: rgba(0, 50, 108, 1);
}

.video-button:active {
    transform: translateY(-1px);
}

/* Анимация появления текста */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность для видео блока */
@media (max-width: 992px) {
    .video-title {
        font-size: 48px;
    }
    
    .video-subtitle {
        font-size: 20px;
    }
}

@media (max-width: 768px) {

    
    .video-title {
        font-size: 36px;
        margin-bottom: 15px;
    }
    
    .video-subtitle {
        font-size: 18px;
        margin-bottom: 30px;
    }
    
    .video-button {
        padding: 15px 30px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {

    
    .video-title {
        font-size: 28px;
    }
    
    .video-subtitle {
        font-size: 16px;
    }
    
    .video-button {
        padding: 12px 25px;
        font-size: 14px;
    }
}

/* Если видео не поддерживается */
.no-video .video-overlay {
    background-color: rgba(0, 50, 108, 0.9);
}

.no-video .video-background {
    display: none;
}

.no-video .video-container {
    background-image: url('i/video-fallback.jpg');
    background-size: cover;
    background-position: center;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.section-adv {padding:40px 0px 40px 0px;}
.grid-adv {   display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap: 25px;  }
.adv {text-align: center;}
.img-adv {height:90px;  }


.title-adv { 
font-weight: 900;margin-bottom:10px;
font-size: 20px;color:rgba(0, 50, 108, 1);
    text-align: center;min-height:49px;}

.desc-adv { 
font-weight: 400;
font-size: 16px;color:rgba(0, 50, 108, 1);
text-align: center;}


/*Услуги*/
.section-services {background: 
    linear-gradient(90.11deg, #65D4D6 30.45%, rgba(53, 111, 112, 0) 99.89%) left / 500px 100% no-repeat,
    rgba(0, 50, 108, 1); padding: 20px 0px 20px 0px;}

.services-grid {
 display: grid;
  grid-template-columns:1fr 1fr 1fr;
  gap: 25px; 
}

.section-services h2{
font-weight: 500;margin-top:0px;
font-size: 42px;margin-bottom:20px;
color:#fff;text-align: center;
}
.desc-h2 {max-width:230px;margin:0 auto;color:#fff;
font-weight: 400;
font-size: 16px;
text-align: center;margin-bottom:40px;
}

.service{border:1px solid #fff;
-webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
padding:20px;    
height: 100%;
}
.service-img {text-align: center;margin-top:20px;}
.services-title{font-family: "Inter";
font-weight: 800;
font-size: 20px;
color:#fff;
text-align: center;
}
.slogn-serv {text-align: center;margin-top:30px;}
.serv-blue {background:rgba(0, 50, 108, 1);
-webkit-border-radius: 9px;height:140px;
  -moz-border-radius: 9px;
  border-radius: 9px;text-align: center;padding:11px 0px 17px 0px;
}
.serv-title{font-family: "Inter";
font-weight: 700;margin-top:15px;
font-size: 20px;
color:rgba(0, 50, 108, 1);text-align: center;
}
.services-grid2 {
 display: grid;margin-top:40px;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr;
  gap: 25px; 
}


.section-etap {background:rgba(0, 50, 108, 1);
padding:50px 0px 0px 0px;
}


.section-etap22{border-top:10px solid rgba(101, 212, 214, 1);
background:rgba(0, 50, 108, 1);
padding:50px 0px 0px 0px;
margin-bottom:70px;

}
  .stage-section {
 display: grid;
  grid-template-columns:1fr 1fr;
  gap: 25px; 
        }
        
.etap-grid22 {
   display: grid;
  grid-template-columns:1fr 1fr;
  gap: 25px; 
    width: 900px;
  margin: 0 auto;
}
    
        .image-container {
            flex: 0 0 45%;
        }
        
        .image-container img {

position:absolute;
			bottom:0px;

        }
        
        .content-container {
            flex: 1;
        }
        
        .stage-number {
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
            letter-spacing: 1px;
        }
        
        .stage-title {
color:#fff;
font-weight: 900;
font-size: 18px;
        }
        
  .stage-widget {
            width: 100px;
            height: 20px;
      position: relative;
            opacity: 1;
        }
        
        .stage-background {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(217, 217, 217, 0.18);
            border-radius: 7px;
        }
        
        .circle {
            position: absolute;
            width: 8px;
            height: 8px;
          top: 6px; /* 199px - 195px = 4px */
            left: 5px; /* 802px - 797px = 5px */
            background-color: rgba(101, 212, 214, 1);
            border-radius: 50%;
            opacity: 1;
        }
        
        .stage-text {
            position: absolute;
            font-family: 'Exo 2', sans-serif;
            font-weight: 500;
            font-size: 16px;
            line-height: 100%;
            letter-spacing: 0%;
            color: #FFF;
            text-align: center;
            width: 100%;
            top: 50%;
            transform: translateY(-50%);
        }

        .stage-description {

font-weight: 300;

font-size: 15px;
color:rgba(255, 255, 255, 1);

        }
        
        /* Адаптивность */
        @media (max-width: 992px) {
            .stage-section {
                flex-direction: column;
                gap: 40px;
            }
            
            .image-container {
                width: 100%;
                max-width: 500px;
                margin: 0 auto;
            }
            
            .content-container {
                width: 100%;
                text-align: center;
            }
        }
        
        @media (max-width: 576px) {
            .stage-title {
                font-size: 28px;
            }
            
       
        }
.etap-grid { display: grid;
  grid-template-columns:330px 500px 1fr;
  gap: 25px; }

.section-etap h2.h22 {
  font-weight: 500;
  margin-top: 0px;
  font-size: 42px;
  margin-bottom: 50px;
  color: #fff;
  text-align: center;
}
/* Блок формы*/
.section-form {background:url(../i/bg-form.png) no-repeat;width:100%;background-size:cover;
padding:50px 0px 50px 0px;min-height: 530px;margin:70px 0px 100px 0px;
}
 .form-container {
            width: 100%;
            max-width: 400px;
            background: white;
            border-radius: 20px;
            box-shadow: 0 15px 30px rgba(0, 50, 108, 0.15);
            padding: 40px 30px;
            position: relative;margin: 0 auto;
            overflow: hidden;
            animation: fadeIn 0.8s ease-out;
        }
        
        /* Декоративные элементы */
        .form-container::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: linear-gradient(90deg, #00326C 0%, #65D4D6 100%);
        }
        
        .form-decoration {
            position: absolute;
            border-radius: 50%;
            opacity: 0.1;
            z-index: 0;
        }
        
        .decoration-1 {
            width: 100px;
            height: 100px;
            background: #00326C;
            top: -30px;
            right: -30px;
        }
        
        .decoration-2 {
            width: 70px;
            height: 70px;
            background: #65D4D6;
            bottom: -20px;
            left: -20px;
        }
        
        /* Анимация */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-5px); }
        }
        
        /* Заголовок */
        .form-header {
            text-align: center;
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }
        
        .form-title {
            font-family: "Exo 2", sans-serif;
            font-weight: 800;
            font-size: 48px;
            line-height: 80%;
            letter-spacing: 0%;
            color: rgba(0, 50, 108, 1);
            margin-bottom: 15px;
            animation: float 3s ease-in-out infinite;
        }
        
        .form-subtitle {
            font-family: "Exo 2", sans-serif;
            font-weight: 500;
            font-size: 15px;
            line-height: 100%;
            letter-spacing: 0%;
            color: rgba(0, 50, 108, 1);
            margin-top: 5px;
        }
        
        /* Поля формы */
        .form-content {
            position: relative;
            z-index: 1;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-label {
            display: block;
            font-family: "Exo 2", sans-serif;
            font-weight: 500;
            font-size: 14px;
            color: rgba(0, 50, 108, 0.8);
            margin-bottom: 8px;
        }
        
        .form-input {
            width: 100%;
            padding: 15px;
            border: 2px solid rgba(0, 50, 108, 0.2);
            border-radius: 10px;
            font-family: "Exo 2", sans-serif;
            font-size: 16px;
            color:#fff;
            transition: all 0.3s ease;
            background-color:rgba(217, 217, 217, 0.3);
        }
        
        .form-input:focus {
            outline: none;
            border-color: rgba(0, 50, 108, 0.8);
            box-shadow: 0 0 0 3px rgba(0, 50, 108, 0.1);
        }
        
        .form-row {
            display: flex;
            gap: 15px;
        }
        
        .form-row .form-group {
            flex: 1;
        }
        
        /* Чекбокс */
        .checkbox-group {
            display: flex;
            align-items: flex-start;
            margin-bottom: 25px;
            position: relative;
        }
        
        .checkbox-input {
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        
        .checkbox-custom {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            min-width: 20px;
            border: 2px solid rgba(0, 50, 108, 0.3);
            border-radius: 4px;
            margin-right: 12px;
            margin-top: 2px;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .checkbox-input:checked + .checkbox-custom {
            background-color: rgba(0, 50, 108, 1);
            border-color: rgba(0, 50, 108, 1);
        }
        
        .checkbox-input:checked + .checkbox-custom::after {
            content: "✓";
            position: absolute;
            color: white;
            font-size: 14px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .checkbox-label {
            font-family: "Exo 2", sans-serif;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.4;
            color: rgba(0, 50, 108, 0.7);
            cursor: pointer;
        }
        
        .checkbox-label a {
            color: rgba(0, 50, 108, 1);
            text-decoration: underline;
        }
        
        /* Кнопка */
        .submit-btn {
            width: 100%;
            padding: 18px;
            background-color: rgba(101, 212, 214, 1);
            color: rgba(0, 50, 108, 1);
            border: none;
            border-radius: 10px;
            font-family: "Exo 2", sans-serif;
            font-weight: 700;
            font-size: 18px;
            cursor: pointer;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .submit-btn:hover {
            background-color: rgba(80, 190, 192, 1);
            animation: pulse 0.5s ease;
            transform: translateY(-2px);
            box-shadow: 0 8px 15px rgba(101, 212, 214, 0.4);
        }
        
        .submit-btn:active {
            transform: translateY(0);
        }
        
        /* Сообщение об успехе */
        .success-message {
            display: none;
            text-align: center;
            padding: 20px;
            background-color: rgba(101, 212, 214, 0.1);
            border-radius: 10px;
            margin-top: 20px;
            animation: fadeIn 0.5s ease-out;
        }
        
        .success-message.show {
            display: block;
        }
        
        .success-icon {
            font-size: 40px;
            color: rgba(0, 50, 108, 1);
            margin-bottom: 15px;
        }
        
        .success-text {
            font-family: "Exo 2", sans-serif;
            font-weight: 600;
            color: rgba(0, 50, 108, 1);
            font-size: 16px;
        }
        
        /* Адаптивность */
        @media (max-width: 480px) {
            .form-container {
                padding: 30px 20px;
            }
            
            .form-title {
                font-size: 40px;
            }
            
            .form-row {
                flex-direction: column;
                gap: 0;
            }
            
            .form-row .form-group {
                margin-bottom: 15px;
            }
        }
        
        @media (max-width: 350px) {
            .form-title {
                font-size: 36px;
            }
            
            .form-subtitle {
                font-size: 14px;
            }
        }
/* Выполненные работы*/
.section-works {background:rgba(0, 50, 108, 1);
padding:40px 0px 40px 0px;
}
.works {padding:20px;}
.works-img {margin-bottom:15px;}
.section-works h2 {
font-weight: 500;
font-size: 32px;margin-top:0px;
color:#fff;
}
.works-title {
font-weight: 500;
font-size: 15px;
color:#fff;margin-bottom:35px;
}
.works-city {
font-weight: 300;margin-bottom:15px;
font-size: 13px;
color:rgba(255, 255, 255, 0.8);
}
.works:hover {background:rgba(101, 212, 214, 1);transition: all 0.5s ease;-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.works:hover .works-title,.works:hover .works-city,.works:hover .works-title2, .works:hover .work-desc{color:rgba(0, 50, 108, 1);}
.works:hover .about-w {color:rgba(0, 50, 108, 1); border:1px solid rgba(0, 50, 108, 1);}
.works-img img{object-fit: cover;
  width: 100%;}
.work-desc {
font-weight: 300;
font-size:15px;
color:rgba(255, 255, 255, 0.8);
}
.works-title2{
font-weight: 800;margin-bottom:15px;
font-size: 17px;
color:rgba(255, 255, 255, 0.8);
}
.about-w {border: 1px solid rgba(101, 212, 214, 1);display: table;
color:rgba(255, 255, 255, 0.8);padding:12px 18px;margin-top:10px;line-height: .8em;
    -webkit-border-radius: 6px;text-decoration: none;
  -moz-border-radius: 6px;
  border-radius: 6px;
    
}




/*Блок клиенты*/
.section-clients {padding:90px 0px 90px 0px;}
.grid-clients {   display: grid;align-items: center;
  grid-template-columns:400px 1fr;
  gap: 25px;  }
.grid-clients h2 { 
font-weight: 500;margin-bottom:10px;margin-top:0px;
font-size: 32px;max-width:200px;
color:rgba(0, 50, 108, 1);
}
.grid-clients-logo {  display: grid;align-items: center;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;margin-top:20px;
  gap: 25px; }
.desc-cl {
font-weight: 700;
font-size: 15px;
color:rgba(0, 50, 108, 1);
}
.img-about-vg {object-fit: cover;
  height: 100%;}
.line3px {height:3px;width:100%;background: linear-gradient(90deg, #00326C 0%, #65D4D6 100%);margin-top:20px;}
.line-cl {background: linear-gradient(90deg, #00326C 0%, #65D4D6 100%);
height:4px;max-width:200px;
}

/*О нас*/
.relative {position: relative;height: 100%;}
.section-about-us {background:rgba(217, 217, 217, 0.32);}
.grid-about {
     display: grid;align-items: center;
  grid-template-columns:500px 1fr;
  gap: 25px; 
}
.content-ab h2 {
font-weight: 500;
font-size: 32px;
margin-top:0px;
color:rgba(0, 50, 108, 1);
}
.link-about {
font-weight: 800;
font-size: 16px;
display: table;margin-top:20px;
    background:rgba(0, 50, 108, 1);
    -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
    color:#fff;
    text-decoration: none;
padding:20px 45px;    
}
.content-ab {
font-weight: 400;
font-size: 16px;
color:rgba(0, 0, 0, 1);}
/*Блок FAQ*/
  .section-faq {
            padding: 80px 0;
            background-color: #fff;
        }
        
        .section-title {
            font-family: "Exo 2", sans-serif;
            font-weight: 800;
            font-size: 42px;
            color: #00326C;
            margin-bottom: 50px;
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 0;
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #00326C 0%, #65D4D6 100%);
            border-radius: 2px;
        }
        
        .faq-grid {
            display: grid;
            grid-template-columns: 1fr 360px;
            gap: 60px;
        }
        
        /* Стили для аккордеона FAQ */
        .faq-accordion {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        
        .faq-item {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0, 50, 108, 0.08);
            transition: all 0.3s ease;
        }
        
        .faq-item:hover {
            box-shadow: 0 6px 20px rgba(0, 50, 108, 0.12);
        }
        
        .faq-question {
            background-color: #f8fafd;
            padding: 22px 25px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.3s ease;
        }
        
        .faq-question:hover {
            background-color: #f0f5fd;
        }
        
        .faq-question h3 {
            font-family: "Exo 2", sans-serif;
            font-weight: 600;
            font-size: 18px;
            color: #00326C;
            margin: 0;
            padding-right: 20px;
        }
        
        .faq-icon {
            position: relative;
            width: 20px;
            height: 20px;
            flex-shrink: 0;
        }
        
        .faq-icon::before,
        .faq-icon::after {
            content: '';
            position: absolute;
            background-color: #65D4D6;
            transition: all 0.3s ease;
        }
        
        .faq-icon::before {
            width: 20px;
            height: 2px;
            top: 9px;
            left: 0;
        }
        
        .faq-icon::after {
            width: 2px;
            height: 20px;
            top: 0;
            left: 9px;
        }
        
        .faq-item.active .faq-icon::after {
            transform: rotate(90deg);
            opacity: 0;
        }
        
        .faq-item.active .faq-question {
            background-color: rgba(101, 212, 214, 0.1);
        }
        
        .faq-answer {
            padding: 0 25px;
            max-height: 0;
            overflow: hidden;
            transition: all 0.4s ease;
            background-color: #fff;
        }
        
        .faq-item.active .faq-answer {
            padding: 20px 25px 25px;
            max-height: 500px;
        }
        
        .faq-answer p {
            font-family: "Inter", sans-serif;
            font-weight: 400;
            font-size: 16px;
            line-height: 1.6;
            color: #00326C;
            margin: 0;
            opacity: 0.9;
        }
        
        /* Стили для блока контактов */
        .contacts-sidebar {
            background: linear-gradient(135deg, #00326C 0%, #002047 100%);
            border-radius: 16px;
            padding: 30px;
            color: white;
            box-shadow: 0 10px 30px rgba(0, 50, 108, 0.15);
            height: fit-content;
            position: sticky;
            top: 30px;
        }
        
        .contacts-title {
            font-family: "Exo 2", sans-serif;
            font-weight: 700;
            font-size: 24px;
            margin-top: 0;
            margin-bottom: 25px;
            color: white;
            position: relative;
            padding-bottom: 15px;
        }
        
        .contacts-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: #65D4D6;
            border-radius: 2px;
        }
        
        .contact-item {
            margin-bottom: 25px;
        }
        
        .contact-item:last-child {
            margin-bottom: 0;
        }
        
        .contact-label {
            font-family: "Exo 2", sans-serif;
            font-weight: 600;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: 8px;
            display: block;
        }
        
        .contact-value {
            font-family: "Inter", sans-serif;
            font-weight: 500;
            font-size: 16px;
            color: white;
            line-height: 1.5;
        }
        
        .contact-value a {
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .contact-value a:hover {
            color: #65D4D6;
            transform: translateY(-2px);
        }
        
        .address-line {
            margin-bottom: 5px;
        }
        
        .metro-info {
            display: flex;
            align-items: center;
            margin-top: 8px;
            font-size: 14px;
            opacity: 0.9;
        }
        
        .metro-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #65D4D6;
            margin-right: 8px;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .social-link {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .social-link:hover {
            background-color: #65D4D6;
            transform: translateY(-3px);
        }
        
        /* Адаптивность */
        @media (max-width: 992px) {
            .faq-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .contacts-sidebar {
                position: static;
            }
            
            .section-title {
                font-size: 36px;
            }
        }
        
        @media (max-width: 768px) {
            .section-faq {
                padding: 60px 0;
            }
            
            .section-title {
                font-size: 32px;
                margin-bottom: 30px;
            }
            
            .faq-question h3 {
                font-size: 16px;
            }
            
            .faq-question {
                padding: 18px 20px;
            }
            
            .faq-item.active .faq-answer {
                padding: 15px 20px 20px;
            }
            
            .contacts-sidebar {
                padding: 25px;
            }
        }
        
        @media (max-width: 480px) {
            .section-title {
                font-size: 28px;
            }
            
            .contacts-title {
                font-size: 20px;
            }
            
            .contact-value {
                font-size: 15px;
            }
        }


.line-bg-blue {background:url(../i/bg-blue.png) no-repeat;background-size:cover;width:100%;min-height:133px;margin-top: 50px;}
.content-blue { 
    
display: flex;
  align-items: center;
  justify-content: space-between;    
    min-height:133px; max-width:1200px;margin:0 auto;padding:18px 0px 18px 0px;}
.slogan-fs{color:#fff;
font-weight: 600;
font-size: 30px;
text-align: center;
}

footer {margin-top:70px;}

.grid-footer {    display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  gap: 25px; }

.mer15px {margin-top:15px;}
.menu-ul ul{margin:0px;padding:0px;}
.menu-ul ul li a {
font-weight: 400;color:rgba(0, 50, 108, 1);
font-size: 20px;
text-decoration: none;
}
.menu-ul ul li a:hover {color:rgb(65, 155, 177);}

.contact-info div {margin-bottom:10px;}
.contact-info {
font-weight: 400;
color:rgba(0, 50, 108, 1);
font-size: 20px;
}

.contact-info a {color:rgba(0, 50, 108, 1);}
.link-foot {
    display: inline-block;
    background: linear-gradient(135deg, #00326C 0%, #65D4D6 100%);
    color: #fff;
    padding: 16px 50px;
    border-radius: 27px;
    font-family: "Exo 2", sans-serif;
    font-weight: 800;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: none;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 10px 20px rgba(0, 50, 108, 0.2);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* Эффект свечения */
.link-foot::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.7s ease;
    z-index: -1;
}

/* Градиентная анимация фона */
.link-foot:hover {
    background: linear-gradient(135deg, #65D4D6 0%, #00326C 100%);
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 15px 30px rgba(101, 212, 214, 0.4);
    letter-spacing: 1px;
}



/* Мобильная адаптивность */
@media (max-width: 768px) {
    .link-foot {
        padding: 18px 30px;
        font-size: 14px;
        width: 100%;
        max-width: 300px;
    }
}

/* Анимация появления кнопки при загрузке */
@keyframes buttonAppear {
    from {
        opacity: 0;
        transform: translateY(20px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.link-foot {
    animation: buttonAppear 0.6s ease-out 0.3s both;
}



.menu-ul ul li  {list-style: none;margin-bottom: 10px;}
.title-f{margin-bottom:13px;
font-weight: 600;
font-size: 20px;
color:rgba(0, 50, 108, 1);
}




.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
	float: left;
}
.col-xs-12{
	width: 100%;
}
.col-xs-11{
	width: 91.66666667%;
}
.col-xs-10{
	width: 83.33333333%;
}
.col-xs-9{
	width: 75%;
}
.col-xs-8{
	width: 66.66666667%;
}
.col-xs-7{
	width: 58.33333333%;
}
.col-xs-6{
	width: 50%;
}
.col-xs-5{
	width: 41.66666667%;
}
.col-xs-4{
	width: 33.33333333%;
}
.col-xs-3{
	width: 25%;
}
.col-xs-2{
	width: 16.66666667%;
}
.col-xs-1{
	width: 8.33333333%;
}
.col-xs-offset-12{
	margin-left: 100%;
}
.col-xs-offset-11{
	margin-left: 91.66666667%;
}
.col-xs-offset-10{
	margin-left: 83.33333333%;
}
.col-xs-offset-9{
	margin-left: 75%;
}
.col-xs-offset-8{
	margin-left: 66.66666667%;
}
.col-xs-offset-7{
	margin-left: 58.33333333%;
}
.col-xs-offset-6{
	margin-left: 50%;
}
.col-xs-offset-5{
	margin-left: 41.66666667%;
}
.col-xs-offset-4{
	margin-left: 33.33333333%;
}
.col-xs-offset-3{
	margin-left: 25%;
}
.col-xs-offset-2{
	margin-left: 16.66666667%;
}
.col-xs-offset-1{
	margin-left: 8.33333333%;
}
.col-xs-offset-0{
	margin-left: 0;
}
.col-xs-tac{
	text-align: center;
}
.col-xs-tar{
	text-align: right;
}
.col-xs-tal{
	text-align: left;
}
.col-xs-taj{
	text-align: justify;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after{
	display: table;
	content: " ";
}
.container:after,
.container-fluid:after,
.row:after{
	clear: both;
}
.container {
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px
}