.mfp-container {
    cursor: default !important;
}

.mfp-img {
    object-fit: cover;
    width: 100%;
    height: 100%; /* Ensure the image fits within the area without distortion */
    cursor: default !important;
    
    /* Enable vertical scrolling */
}

.mfp-content {
    position: relative; /* Ensure the close button is positioned relative to the content */
}

.mfp-content .mfp-close {
    font-size: 0;
    width: 40px;
    height: 40px; /* Ensure the height is set */
    position: absolute; /* Position relative to the content */
    top: 45px; /* Adjust the position to be within the content */
    right: 10px; /* Adjust the position to be within the content */
    z-index: 1046; /* Ensure it is above other elements */
    background: rgba(0, 0, 0, 0.5); /* Add background for better visibility */
    border-radius: 50%; /* Make it circular */
    text-align: center;
    line-height: 40px; /* Center the icon vertically */
    cursor: pointer;
}

.mfp-content .mfp-close:after {
    content: '\e937';
    font-family: 'dentco';
    font-size: 20px; /* Adjust the font size */
    color: #fff; /* Ensure the icon color is white for better visibility */
    line-height: 40px; /* Center the icon vertically */
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    left: 8%;
}

.mfp-content .mfp-close:hover {
    background: rgba(0, 0, 0, 0.8); /* Darken the background on hover */
    cursor: default !important; /* Ensure the cursor remains default on hover */
}

.mfp-arrow.mfp-arrow-left:after {
    content: ""; /* Remove unnecessary content */
}