body {
    margin: 0;
    padding: 0;
}
    
main > .container-fluid {
    padding: 0px;
    padding-top: 56px;
}

h1, h2, h3, h4, h5, h6, .navbar-brand, .nav-link {
    letter-spacing: 0.1em;
    font-family: "DM Serif Text", serif;
    font-weight: 400;
    font-style: normal;
}

.navbar-brand {
    font-size: 2em !important;
}

.text-light{
    color: #F3EBDE !important;
}

.hero-section-1 {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
    background: url('/images/home-walking.jpg') no-repeat center top;
    background-size: cover;
}

/* Overlay */
.hero-section-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(97, 93, 87, 0.5); /* Adjust shadow darkness */
}

/* Centered text */
.hero-content-1 {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding: 20px;
}

.hero-section-2 {
    position: relative;
    width: 100%;
    background: url('/images/home-restaurant.jpg') no-repeat center top;
    background-size: cover;
}

/* Overlay */
.hero-section-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(97, 93, 87, 0.7); /* Adjust shadow darkness */
}

/* Centered text */
.hero-content-2 {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    padding: 20px;
}

.hero-section-3 {
    position: relative;
    width: 100%;
    background: url('/images/home-contact.jpg') no-repeat center top;
    background-size: cover;
}

/* Overlay */
.hero-section-3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(97, 93, 87, 0.5); /* Adjust shadow darkness */
}

/* Centered text */
.hero-content-3 {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    width: 100%;
    padding: 20px;
}

.finger {
    cursor: pointer;
}