* {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;

}

.logo {
    width: 3rem;
}

.cinzel {
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.bg-blue {
    background-color: #3e73b3;
}

.bg-orange {
    background-color: #f79625;
}

.text-blue {
    color: #3e73b3;
}

.text-orange {
    color: #f79625;
}

.text-yellow {
    color: #ffc30f;
}

.container {
    max-width: 1680px;
}

.white-bg {
    background: url('images/white-bg.jpg');
    background-size: cover;
    max-width: 100%;
}

.page-index {
    background: url('images/background-2.jpg') no-repeat;
    background-size: cover;
    max-width: 100%;
}

.carousel-top {
    padding: 0;
    overflow: hidden;

    img {
        width: 100%;
        height: 55rem;
        object-fit: cover;
        transform: scaleX(-1);
    }

    .carousel-caption {
        h1 {
            font-size: 4.5rem;
        }

        position: absolute;
        top: 18rem;
        left: 60%;
        text-align: left;
    }
}

.services {
    .card {
        width: 27rem;
        background: none;
    }

    .card-img-top {
        width: auto;
        height: 18rem;
        object-fit: cover;
    }
}

.about-us {
    .card {
        width: 100%;
    }

    .card-img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
}

.testimonials {
    img {
        height: 150px;
    }

    .carousel {
        height: 400px;
    }
}

.page-services {
    .card {
        background: none;
    }

    img {
        width: 100%;
        height: 450px;
        object-fit: cover;
        border-radius: 4px;
    }
}

#map {
    width: 100%;
    height: 100%;
}

.contact {
    background: url('images/gray-bg.jpg');
    background-size: contain;
}

.page-our-work {
    img {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
}

@media screen and (max-width: 1400px) {
    .testimonials {
        .carousel {
            height: 455px;
        }
    }
}

@media(max-width: 768px) {
    .logo {
        width: 2rem;
    }

    h2 {
        font-size: 1.3rem;
    }

    h3 {
        font-size: 1rem;
    }

    h4 {
        font-size: 1rem;
    }

    h5 {
        font-size: 0.77rem;
    }

    p {
        font-size: 0.77rem;
    }

    .display-4 {
        font-size: 1.5rem;
    }

    li {
        font-size: 0.77rem;
    }


    .carousel-top {
        img {
            width: 100%;
            height: 40rem;
            object-fit: cover;
            transform: scaleX(-1);
        }

        .carousel-caption {
            h1 {
                font-size: 1.6rem;
            }

            position: absolute;
            top: 13rem;
            left: 35%;
            text-align: left;
        }
    }

    .about-us {
        .card-img {
            width: 100%;
            height: 500px;
        }
    }


    #map {
        width: 100%;
        height: 400px;
    }

    .page-our-work {
        img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }
    }
}

@media (max-width: 991.98px) {
    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1rem;
    }

    h4 {
        font-size: 1rem;
    }

    p {
        font-size: 0.79rem;
    }

    .display-4 {
        font-size: 1.7rem;
    }

    li {
        font-size: 0.79rem;
    }

    .carousel-top {
        .carousel-caption {
            position: absolute;
            top: 13rem;
            left: 45%;
            text-align: left;
        }
    }

    .testimonials {
        img {
            height: 150px;
        }

        .carousel {
            height: 405px;
            font-size: 0.9rem;
        }
    }

    .page-services {

        img {
            width: 500px;
            height: 500px;
            object-fit: cover;
            border-radius: 4px;
        }
    }

    .page-our-work {
        img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }
    }
}