/* =========================================================
   Hello Elementor Child Main CSS
   ========================================================= */

:root {
    --hec-primary: #0f3843;
    --hec-secondary: #47506f;
    --hec-dark: #121212;
    --hec-light: #ffffff;
    --hec-muted: #f3f3f3;
    --hec-border: #e5e5e5;
    --hec-radius: 14px;
    --hec-transition: all 0.3s ease;
}

body {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
}

.hec-container {
    width: min(1200px, calc(100% - 32px));
    margin-inline: auto;
}

.hec-btn,
.elementor-button.hec-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: var(--hec-radius);
    background: var(--hec-primary);
    color: var(--hec-light);
    border: 1px solid var(--hec-primary);
    text-decoration: none;
    transition: var(--hec-transition);
}

.hec-btn:hover,
.elementor-button.hec-btn:hover {
    background: transparent;
    color: var(--hec-primary);
    transform: translateY(-2px);
}

.hec-card {
    background: var(--hec-light);
    border: 1px solid var(--hec-border);
    border-radius: var(--hec-radius);
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

.hec-before-footer {
    padding: 50px 0;
    background: var(--hec-muted);
}

@media (max-width: 767px) {
    .hec-container {
        width: min(100% - 24px, 1200px);
    }

    .hec-card {
        padding: 18px;
    }

    .hec-btn,
    .elementor-button.hec-btn {
        width: 100%;
    }
}