a, a:hover, a:focus, a:active{
    text-decoration: none;
    color: inherit;
}

.hero{
    margin-bottom: 5em;
    padding-top: 8em;
    border-bottom: none;
    position: relative;
    /* z-index: -2; */
}

.hero > img{
    position: absolute;
    top: 5em;
    left: 0;
    z-index: -1;
}

.btn-success{
    background: linear-gradient(90deg, #1A6F2E 0%, #04BF68 100%);
}

.project-card{
    padding: 2em 2em 4em 2em;
    position: relative;
}

.project-card .card-header{
    border: none;
    background-color: transparent;
    padding: 2em 0;
}

.project-card h1{
    position: relative;
}

/* line next to h1 */
.project-card h1{
    border-bottom: 5px solid var(--primary-color); 
    line-height: 0.1em;
    margin: 10px 0 20px; 
}

.project-card h1 span{
    background: #fff; 
    padding: 0 10px; 
}

.project-card label{
    position: relative;
    margin: 0.5em 0 0.5em 1em;
    font-weight: bold;
}

.project-card label.text-secondary::before{
    content: '';
    position: absolute;
    top: 10px;
    left: -0.8em;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: var(--secondary-color);
}

.project-card .form-control,.project-card .form-select{
    background-color: #E5E5E5 !important;
    border: none;
}

.project-card .form-control:focus,.project-card .form-select:focus{
    background-color: #E5E5E5 !important;
    border: 2px solid var(--secondary-color) !important;
    box-shadow: none;
}

.project-card .form-control::placeholder{
    color:#ACACAC;
}

.project-card button{
    position: absolute;
    bottom: -2em;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* End project */

/* Begin Media Queries */
@media (max-width: 768px){
    .hero{
        border-top: 7px solid #D9D9D9;
    }
    .project-card{
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .project-card h1{
        font-size: 16px;
    }
    .project-card .card-header{
        padding-bottom: 0;
    }
    .project-card button{
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        margin: 0 auto;
    }
}