body {
    background-color: rgb(239,243,246);
}
.carousel .carousel-indicators li {
    background-color: black;
}
.carousel .carousel-indicators li.active {
    background-color: black;
}
.gmap_canvas {
    opacity: 60%;
}
.set-nav-absolute {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.carousel-item {
    height: auto;
    background: rgb(239,243,246);
    color: black;
    position: relative;
    background-position: center;
    background-size: cover;
}

.img-css {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.Mimg {
    height: 100vh;
}
.limit {
    height: 100vh;
}
/* Add media Queries to handle the responsive ness */

@media only screen and (max-width: 800px) {
    .scroll1 {
        height: auto !important;
    }
    .Mimg {
        text-align: center !important;
    }
}
@media only screen and (max-width: 770px) {
    .content_ {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 480px) {
    .content_ {
        height: 40vh;
        align-items: center;
    }
    .Mimg {
        height: 60vh;
    }
    .Mimg img {
        height: 100%;
        width: 100%;
    }
    .content_ {
        font-size: 10px !important;
    }
}
/*--  FROM HERE IS THE CSS FOR THE CAROUSEL TO MOVE VERTICALLY  --*/
.vertical.carousel .carousel-item {
    overflow: hidden;
}

.vertical.carousel .active.carousel-item-end,
.vertical.carousel .carousel-item-next:not(.carousel-item-start) {
    transform: translateY(100%);
}

.vertical.carousel .active.carousel-item-start,
.vertical.carousel .carousel-item-prev:not(.carousel-item-end) {
    transform: translateY(-100%);
}

.vertical.carousel .carousel-indicators {
    top: 0;
    left: unset;

    margin-left: unset !important;
    margin-right: 1rem;

    flex-direction: column;
}

.vertical.carousel .carousel-indicators [data-bs-target] {
    height: 30px;
    width: 3px;
}

.vertical.carousel .carousel-control-next,
.vertical.carousel .carousel-control-prev {
    width: 100%;
    height: 60px;
}

.vertical.carousel .carousel-control-next-icon,
.vertical.carousel .carousel-control-prev-icon {
    transform: rotateZ(90deg);
}

.vertical.carousel .carousel-control-next {
    top: unset;
    bottom: 0;
}