footer {
    margin-top: 60px;
}
.btn path {
    fill: white;
}

body {
    background: #F8F8F8;
}

.modal-custom-size {
    max-width: 40%;
}

.modal-content{
    cursor: pointer;
    transition: transform 0.25s ease;
}

.zoomed-in {
    /*transform: scale(1.3);*/
}

.carousel button {
    /*color: #fff !important;*/
    background: var(--flame);
    border-radius: 50%;
    top: calc(50% - 20px);
}
.carousel-control-prev,
.carousel-control-next {
    width: 40px;
    height: 40px;
}

.carousel-control-prev-icon,.carousel-control-next-icon {
    background-size: 60%;!important;
}




.img-container {
    height: auto;
}


.img-container {
    position: relative;
    overflow: hidden;
}

.img-container >img {
    cursor: pointer;
    max-height: 760px;
}


.carousel-inner img {
    cursor: zoom-in;
}

.modal-content img {
    max-height: 90vh;
    max-width: fit-content!important;
}
.image-container0, .image-container1 {
    cursor: zoom-in;
}

#zoom-image0 ,#zoom-image1 {
    transition: transform 0.3s ease;
}


@media (max-width: 1280px) {
    .img-container{
        width: 100%;
    }
    .img-container svg {
        width: auto;
        height: auto;
    }
    .modal-custom-size {
        max-width: 60%; /* Adjust as needed */
    }

    /*.carousel-control-prev {*/
    /*    left: 0;*/
    /*}*/

    /*.carousel-control-next {*/
    /*    right: 0;*/
    /*}*/
}

@media (min-width: 992px) {

    .bigWidth img {
        width: auto!important;
    }

    .bigWidth {
        width: 840px;
    }
}
@media (max-width: 992px) {
    .floor-info span {
        font-size: 11px;
        font-weight: 600;
        line-height: 20px;
        margin-right: 5px;
    }

    .modal-custom-size {
        max-width: 100%;
    }

    .img-container >img {
        height: auto;
    }



}