html {
    font-size: 14px;
}

body {
    padding-top: 60px; /* لتجنب اختفاء المحتوى خلف الـ navbar */
}


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}




@media (max-width: 768px) {
    .section-header h1 {
        font-size: 2rem;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}