.body {
 position: relative;
}


.product-popup {
 display: none;
 position: fixed;
 top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 background-color: white;
 width: 100vw;
 height: 100vh;
 z-index: 5;
}

.product-popup img {
 width: 100%;
 height: 100%;
 object-fit:contain;

}

.close-popup {
 top: 20px;
 right: 30px;
 position: absolute;
 text-align: end;
 z-index: 3;
 /* background-color: blue; */
}

.close-popup:hover {
 cursor: pointer;
}

/* .close-popup img {
 filter: invert(1);
} */

.fa-xmark {
 font-size: 3rem;
}

.main-image-arrow-left {
 position: absolute;
 left: 30px;
 top: 85%;
 width:35px;


}
.main-image-arrow-right {
 position: absolute;

 right: 30px;
 top: 85%;
 width:35px;
}

.main-image-arrow-right-popup {
 position: absolute;

 right: 10%;
 bottom: 20%;
 width:55px;
}

.main-image-arrow-left-popup {
 position: absolute;
 left: 10%;
 bottom: 20%;
 width:55px;

}




.show {
 display: block;
}