.navbar{
    .nav-link{
        padding: 1rem 1rem;
        margin: 0 1rem;
    }
}

.showcase{

    .about-us-showcase-image {
        width: 100%;
         display: flex;
        justify-content: left;
        color: white;
        letter-spacing: 5px;
        background-position: center;
        background-size: cover;
        background-image: linear-gradient(270deg, transparent, rgba(233, 163, 32, 0.715)), url(/SRC/image-assets/images/about-us/about-us-showcase.jpeg);
    }


    .heading{
        margin-top: 7vw;
        margin-left: 4vw;
    }

    .line-font-1{
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
    }

    .line-font-2{
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

    .line-font-3{
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

    .line-font-4{
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
    }


}

.who-we-are{

    .who-we-are-background{
        background-color: #B64F10;
    }

    

    .line-font-2{
        color: #D9D9D9;
        font-family: 'Rubik', sans-serif;
        font-weight: 300;
    }

    .line-font-3{
        color: #D9D9D9;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
    }   

    .section-heading{
        background-color: #B64F10;
        justify-content: center;
        text-align: center;
    }

    .card{
        border: none;
        margin-bottom: 20px;
        background-color: #B64F10;
    }
}

.mission-vision{

   
    .mission-vision-background{
        background-color: #3b3c42;
    }

    .line-font-1{
        color: #D9D9D9;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
    }

    .line-font-2{
        color: #D9D9D9;
        font-family: 'Rubik', sans-serif;
        font-weight: 300;
    }

    .line-font-3{
        color: #D9D9D9;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
    }

    .line-font-4{
        color: #D9D9D9;
    }

    .line-font-5{
        color: #D9D9D9;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        text-align: left;
    }

    .bullet-point-image{
        max-width: 100%;
    }

    .section-heading{
        background-color: #3b3c42;
        justify-content: center;
        text-align: center;
    }

    .card{
        border: none;
        margin-bottom: 20px;
        background-color: #3b3c42;
    }
}

.our-services{

    .our-services-background{
        background-color: #D9D9D9;
    }

    .line-font-3{
        color: #3b3c42;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
    }

    .line-font-4{
        color: #3b3c42;
    }

    .bullet-point-image{
        max-width: 100%;
    }

    .section-heading{
        background-color: #D9D9D9;
        justify-content: center;
        text-align: center;
    }

    .card{
        border: none;
        margin-bottom: 20px;
        background-color: #D9D9D9;
    }
}

.meet-our-team{

    .meet-our-team-background{
        background-color: #a2b7bb;
    }

    .line-font-3{
        color: #3b3c42;
        font-family: 'Rubik', sans-serif;
        font-weight: 700;
        text-align: left;
    }

    .line-font-4{
        color: #3b3c42;
        font-family: 'Rubik', sans-serif;
        font-weight: 400;
        text-align: left;
    }

    .team-member-image{
        max-width: 100%;
    }

    .section-heading{
        background-color: #a2b7bb;
        justify-content: center;
    }

    .card{
        border: none;
        margin-bottom: 20px;
        background-color: #a2b7bb;
    }
}

#footer{

    background-color: #696969;
   
    .nav-link{
        color: #3b3c42;
        background-color: #696969;
        padding: 0.5rem 3rem;
        margin: 0 1rem;
    }

    .navbar-footer{
        background-color: #696969;
    }

}

.contact-us{

    /* // background-color: rgb(131, 126, 126); */
    background-color: black;


    .logo-image{
        max-width: 80%;
    }

    .line-font-3{
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        text-align: left;
    }

    .line-font-4{
        color: white;
        font-family: 'Montserrat', sans-serif;
        font-weight: 700;
        text-align: left;
    }
}