footer {
    background: #518843;
    margin-top: 2rem !important;
    padding: 0% !important;
}

.footer-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.footer-main img {
    padding-top: 2%;
}

.footer-main p {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.footer-main h1 {
    color: #FFF;
    font-size: 1rem;
}

.frame6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden; /* Hide overflow to prevent images from getting cut off */
}

.frame6 .item {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 70px; /* Set a fixed width for the items */
    height: 70px; /* Set a fixed height for the items */
    margin-left: -10px; /* Negative margin to create overlap */
    margin-right: -10px; /* Negative margin to create overlap */
    box-sizing: border-box; /* Ensure padding doesn't affect width */
    background-color: transparent;
}

.frame6 .item:hover {
    transform: scale(1.1); /* Optional: Scale up the item when hovered */
}

.photo-view {
    background-color: var(--black);
}
.carousel-inners {
    display: flex;
    justify-content: center;
  
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: black;
}
.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-items {
    width: 70% !important;
    margin: auto !important;
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
}
.carousel-image-container {
    width: auto;
    height: 60vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.carousel-items img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    object-fit: contain;
    height: auto;
}
.carousel-items.active {
    display: block  !important;
}

.thumbnail-row {
    scrollbar-width: none;
}
.thumbnail-row {
    /* max-width: calc(7* 100px); */
    scroll-behavior: smooth;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 10px;
    width: 75%;
    margin: auto;
    justify-content: center;
}
.thumbnail-item {
    flex: 0 0 auto;
    width: 100px;
    margin-right: 5px;
    height: fit-content;
    
}
.thumbnail-item img {
    width: 100%;
    height: auto;
}

.fade{
background-color: black;
width: 100%;

}

.modal-body {
background-color: black;
padding: 0% !important;
}
.modal-lg{
    --bs-modal-width: 100% !important;
        height: 100% !important;
        border: transparent !important;
}
.close {
    color: var(--white) !important;
    text-shadow: 0 1px 0 var(--black) !important;
}
.modal-body button{
    z-index: 9999;
    background-color: lightpink;
    border-radius: 11px
}

.img-thumbnail{
    /* background-color:transparent !important; */
    padding: 0% !important;
}

.carousel-control-nextt {
    right: 0;
}

.carousel-control-prevv {
    left: 0;
}

.carousel-control-nextt:focus, .carousel-control-nextt:hover, .carousel-control-prevv:focus, .carousel-control-prevv:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.carousel-control-nextt, .carousel-control-prevv {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
    top: 77% !important;
}