/* Applying Inter font to the body */
body {
    font-family: 'Inter', sans-serif;
}

/* Custom scroll-behavior */
html {
    scroll-behavior: smooth;
}

/* NEW: Styles for the Hero Section */
#hero {
    height: 70vh; /* 70% of the viewport height */
    position: relative;
    background-image: url('assets/hero-bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Creates a parallax-like effect */
}

/* Orange overlay with transparency */
#hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(249, 115, 22, 0.65); /* orange-500 with 65% opacity */
    z-index: 1;
}

/* Custom styles for section headers */
h2, .custom-h3 {
    display: inline-block;
    background-color: #F97316; /* orange-500 */
    color: white;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

/* Remove the old underline style */
h2::after, .custom-h3::after {
    content: none;
}