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

.showcase {

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

    .fire-damage-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, #C25037), url(/src/image-assets/images/fire-damage/fire-damage-cover-image-1.png);
        /* background-image: linear-gradient(270deg,
                transparent,
                #C25037,
            ),
            url(/src/image-assets/images/fire-damage/fire-damage-cover-image-1.png); */
    }


    .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;
    }

    .book-btn {
        background-color: #A65D4D;
        color: black;
        padding: 14px 28px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 10px;
    }
      
    .fire-damage {
        border: 3px solid black;
        border-color: #C25037;
        color: white;
    }
      
    .fire-damage:hover {
        background-color: white;
        color: #C25037;
    }
}

.fire-damage{

    .fire-damage-background{
        background-color: #A65D4D;
    }

    

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

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

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

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

.gallery{

    .fire-damage-gallery-background{
        background-color: #EFD4CE; 
    }

    .fire-damage-gallery-image{
        max-width: 100%;
        border: 5px solid #C25037; 
    }

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

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

    .section-heading{
        justify-content: center;
        text-align: center;
    }

}

.instagram{
    background-color: #C25037;

    .line-font-3{
        color: white;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
        text-decoration: none;
        font-size: xx-large;
    }
    
    img{
        height: 60px;
    }
    
}


.process-steps{

    .process-steps-background{
        background-color: #D9D9D9;
    }

    .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: 300;
        text-align: left;
    }

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


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

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

#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;
    }
}