/* NOTE: Some of the CSS is located in 1-Home/project_section/project_section.css */

.project_big_title{
    padding-bottom: 10rem ;
}

.project_type_showcase{
    margin-top: -8rem !important;
}

.project_type_text{
    color: black;
    font-weight: bold;
    width: 30vw;
}

.commercial_text{
    margin-top: 2rem;
}


.fa-building,
.fa-lightbulb{
    color: white;
    font-size: 50px;
    margin-bottom: 1rem;
}

.fa-cogs,
.fa-lg{
    color: white;
    font-size: 55px;
    margin-bottom: 1rem;
    margin-top: -2rem;

}

.project_type_text{
    color: black;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.project_section{
    margin-top: 7rem;
}

.project_buttons{
    gap: 0rem !important;
    margin: 0 !important;
}

    /* Gallery Selector CSS */
    .gallery_selector{
        width: 100%;
        height: 1VH;
        margin-top: 7rem;
        margin-bottom: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gallery_selector_button{
        background-color: #d2d2d2;
        width: 100px;
        height: 50px;
        border-radius: 200px;
        cursor: pointer;
        position: relative;
        transition: 0.5s;
    }

    .gallery_selector_button::before{
        position: absolute;
        content: '';
        background-color: #fff;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        margin: 2.5px;
        transition: 0.5s;
    }

    input:checked + .gallery_selector_button{
        background-color: #20096d;
    }

    input:checked + .gallery_selector_button::before{
        transform: translateX(50px);
    }

    input{
        display: none;
    }