.slider-heading {
    background-color: #2E3192;
    padding: 15px;
    border: 2px solid #ffffff;
    opacity: 0.6;
}

.slider2-content {
    background-color: #000000;
    padding: 10px;
    opacity: 0.6;
    border: 2px solid #2E3192;
    margin-right: 45px;
}

.project-description {
    width: 600px;
}

.owl-carousel-image-1 {
    height: 600px
}

.owl-carousel-image-2 {
    height: 600px
}

.about-index-image {
    height: 550px;
}

.gallery-index-image {
    height: 300px;
}

.gallery-image {
    height: 300px;
    border-radius: 10%;
}

.footer-image {
    height: 60px;
}

.request-a-call {
    height: 420px
}

.setscreen {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.project-address {
    text-shadow: 0.5px 0.5px white;
    font-size: 27px !important;
}

.project-size {
    font-size: large;
}

@media screen and (max-width: 1024px) {
    .project-description {
        width: 100%;
    }
    .project-card {
        max-width: 610px;
        position: relative;
        margin-left: auto;
        padding: 40px 30px;
        background-color: #fff;
        border: 5px solid #f0f0f0;
        margin-right: 0px !important;
        /* bottom: -100px */
    }
}

@media only screen and (max-width:767px) {
    .slider-heading {
        background-color: #000000;
        padding: 5px;
        opacity: 0.6;
        border: 2px solid #2E3192;
    }

    .owl-carousel-image-1 {
        height: 300px
    }

    .owl-carousel-image-2 {
        height: 400px
    }

    .about-index-image {
        height: 300px;
    }

    img.mfp-img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        line-height: 0;
        box-sizing: border-box;
        padding: 40px 0;
        margin: 0 auto;
        height: 350px;
    }

    .flaticon-right-chevron:before {
        content: "\f11a";
        font-size: 20px;
    }

    .flaticon-left-chevron:before {
        content: "\f11b";
        font-size: 20px;
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .owl-carousel-image-1 {
        height: 300px
    }

    .owl-carousel-image-2 {
        height: 400px
    }

    .about-index-image {
        height: 300px;
    }

    img.mfp-img {
        width: auto;
        max-width: 100%;
        height: auto;
        display: block;
        line-height: 0;
        box-sizing: border-box;
        padding: 40px 0;
        margin: 0 auto;
        height: 350px;
    }
}