body {
    font-family: 'Work Sans', sans-serif;
    color: #333333;
}


.iti {
    width: 100%;
}


.parallax-decoration {
    opacity: 0.5;
    transform-origin: center;
    transition: transform 0.3s ease-out;
}


.progress-circle {
    width: 120px;
    height: 120px;
}

.progress-bar {
    height: 6px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    overflow: hidden;
}


.faq-question .fa-chevron-down {
    transition: transform 0.3s ease;
}

.faq-question.active .fa-chevron-down {
    transform: rotate(180deg);
}


#mobileMenu {
    transition: all 0.3s ease;
}


#cookieConsentBanner {
    transition: all 0.3s ease;
}


#formModal, #cookieSettingsModal {
    transition: opacity 0.3s ease;
}


.hero-section {
    background-position: center;
    background-attachment: fixed;
}


a:focus, button:focus, input:focus, textarea:focus {
    outline: 2px solid #D4AF37;
    outline-offset: 2px;
}


::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #F8F5F0;
}

::-webkit-scrollbar-thumb {
    background: #D4AF37;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #A67C00;
}


.art-deco-border {
    position: relative;
}

.art-deco-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(90deg, #D4AF37 25%, #0F1A2A 25%, #0F1A2A 50%, #D4AF37 50%, #D4AF37 75%, #0F1A2A 75%, #0F1A2A 100%);
    background-size: 16px 8px;
}


@media print {
    header, footer, #cookieConsentBanner, #cookieSettingsModal, #formModal {
        display: none !important;
    }
    
    body {
        color: black;
        background: white;
    }
    
    .container {
        width: 100%;
        max-width: none;
    }
}


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}


.js-focus-visible :focus:not(.focus-visible) {
    outline: none;
}

.js-focus-visible .focus-visible {
    outline: 2px solid #D4AF37;
    outline-offset: 2px;
}