.firstview-container {
    padding-top: 5%;
    padding-bottom: 5%;
    margin-top: 100px;
}

.contactus-container {
    padding-top: 5%;
    padding-bottom: 5%;
}

.aboutus-container {
    padding-top: 5%;
    padding-bottom: 5%;
}

.customers-container {
    padding-top: 5%;
    padding-bottom: 5%;
}

.services-container {
    padding-top: 5%;
    padding-bottom: 5%;
}
.service-container {
    padding-top: 5%;
    padding-bottom: 5%;
}

.projects-container {
    padding-top: 5%;
    padding-bottom: 5%;
}

.project-card-container {
    margin-top: 150px!important;
}

.project-card {
    border-radius: 24px;
    padding: 24px!important;
    /* padding-right: 0px!important;
    padding-left: 0px!important; */
}

.project-card .project-image {
    margin-top: -100px;
    margin-left: 10px;
    width: 95%;
}

.customer-image {
    max-width: 100%;
    /* height: auto; */
    width: auto;
    /* resize: none; */
}

/* md screens */
@media only screen and (max-width: 991px) {
    .firstview-container {
        margin-top: 120px!important;
    }
    .project-card:not(:first-child) {
        margin-top: 130px;
    }
}

/* sm screens */
@media only screen and (max-width: 767px) {
    .firstview-container {
        margin-top: 150px!important;
    }
}

/* xs screens */
@media only screen and (max-width: 576px) {
    .firstview-container {
        margin-top: 200px!important;
    }
}