.navbar, .nav-item .dropdown-menu{
    background: #005a5a;
    color: white!important;
}
.navbar-brand{
    color: white!important;
}
.navbar svg {
    fill: currentColor;    /* apply currentColor to filled paths */
    stroke: currentColor;  /* apply to stroked icons if any */
    width: 20px;
    height: 20px;
}
.main-content{
    margin-top:60px;
    height: calc(100vh - 60px);
    overflow-y: scroll;
}
.text-justify{
    text-align: justify;
}

.hero-section {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 60px);

    background-image: url("/assets/img/background-image.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Dark overlay */
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85); /* Change 0.55 to darker/lighter */
    z-index: 1;
}

/* Content must go above overlay */
.hero-section * {
    position: relative;
    z-index: 2;
}

.intro{
    margin-top: calc(50vh - 220px);
}

.form-square{
    background: rgba(255, 255, 255, 0.4);
}