:root {
    --primary: #4f8fb5;
    --primary-dark: #001121;
    --secondary: #f1c579;
    --secondary-dark: #ad6300;
    --dark: #001121;
    --light: #F9FAFB;
    --gray: #94A3B8;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --gray-800: #1f2937;
    --gray-900: #111827;
    --gray-light: #1E293B;
    --success: #22C55E;
    --warning: #FBBF24;
    --danger: #EF4444;
    --white: #FFFFFF;
    --lexend-font: "Lexend Deca", sans-serif;
    --source-font: "Source Serif 4", serif;
    --playfair-font: "Playfair Display", serif;
    --geom-font: "Geom", sans-serif;
    --fredericka-font: "Fredericka the Great", serif;
    --open-sans-font: "Open Sans", sans-serif;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: var(--open-sans-font);
}

body { background-color: var(--light); }
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mr-1400 {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.section-header {
    text-align: center;
    margin-bottom: 64px;
}

.section-subtitle {
    color: var(--gray);
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
    font-family: var(--lexend-font);
}

.section-title {
    font-size: 40px;
    font-weight: 700;
    color: var(--dark);
    font-family: var(--geom-font);
}

.section-title span { color: var(--primary); }
.section-desc {
    color: var(--gray);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}

.btn {
    border-radius: 35px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}

.provider-btn {
    padding: 15px 25px;
    color: var(--dark);
    background: var(--secondary);
}


@media (max-width: 726px) {
    .mr-1400 {
        max-width: 100%;
    }
}