.modal-opened {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll; /* Keep scrollbar if needed within the fixed body */
}
.custom-dashed-border {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23B6B6B6FF' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 20px;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Adjusts for the element's own size */
}

.zoom-box {
  transition: transform 0.3s ease; /* Smooth transition for the zoom effect */
}

.zoom-box:hover {
  transform: scale(1.01); /* Zooms the div to 120% of its original size */
}