:root {
    --color-background: #f8f9fa;
    --color-blue: #233651;
    --color-green: #919b71;
    --color-orange: #eaa481;
    --color-gray: #8d9ca1;
    --color-beige: #f7f1e8;
    --color-bg-gray: #f4f4f4;
    --font-title: 'Poppins', sans-serif;
    --font-body: 'Poppins', sans-serif;
}

body {
    font-family: var(--font-body);
}

.hero-bg {
    background-color: var(--color-background);
}

.logo-header {
    height: 8vw;
    width: auto;
    max-width: 500px;
    max-height: 100px;
}

.logo-footer {
    height: 6vw;
    width: auto;
    max-width: 500px;
    max-height: 100px;
}

.form-container {
    max-width: 400px;
}

.progress-bar-line {
    height: 2px;
    background-color: #e0e0e0;
}

.progress-bar-line-active {
    height: 2px;
}

.progress-bar-step {
    width: 33.33%;
}

.progress-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}