.modal-content {
    background: #191919;
}

body.magnificpopupnoscroll {
    overflow-y: hidden !important;
}

/* Container needed to position the button. Adjust the width as needed */
.modelimg {
    position: relative;

}

/* Make the image responsive */
.modelimg img {
    height: auto;
}

/* Style the button and place it in the middle of the modelimg/image */
.modelimg .modelbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}

.modelimg .modal-title {
    position: absolute;
    font-weight: 900;
    color: white;
    border: none;
    border-radius: 5px;
    position: absolute;
    bottom: 2px;
    left: 16px;
    font-size: 20px;
    text-transform: capitalize;
    font-family: "Trebuchet MS";
}

.modal-body .description {
    /* color: rgb(255, 255, 255); */
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    text-justify: inter-word;
}

.modal-body .description:first-letter {
    text-transform: uppercase;
}

.homedescription {
    text-align: justify;
    text-justify: inter-word;
}

.homedescription:first-letter {
    text-transform: uppercase;
}