.modal-custom {
    max-width: 1000px; /* Set your desired width here */
    width: 90%; /* Ensure responsiveness */
}

.modal-custom p, .modal-custom h2, .modal-custom ol li {
    font-family: "AppleBerry", Pangolin;
    color: #1D5532;
    text-transform: none;
}

.modal-custom h2 {
    font-size: 3em;
    margin-bottom: 0;
}

.modal-custom a {
    color: #1D5532;
    text-decoration: none;
    word-break: break-all;
}

.modal-custom ol li {
    font-family: 'Pangolin', cursive;
}

.modal-custom .btn-close {
    position: absolute;
    right: 0.7em;
    top: 0.4em;
    font-size: 3em;
    background: none;
    color: #1D5532;
    border: 0;
}

.modal-custom .btn-close--footer {
    top: unset;
    bottom: -0.7em;
    height: 70px;
    right: 0.5em;
}

.modal-custom ol {
    margin-bottom: 0;
}

.modal-custom h2 {
    text-transform: uppercase;
}

.modal-custom .strong {
    font-family: "AppleBerry", Pangolin;
}

.modal-custom .image {
    max-height: 160px;
}

.modal-custom p {
    margin-bottom: 0;
    font-family: 'Pangolin', cursive;
}

.modal-custom .mb-2 {
    margin-bottom: 2em;
}

.modal-custom img {
    max-width: 100%;
}

@media (max-width: 940px) {
    .modal-custom h2 {
        font-size: 2em;
    }

    .modal-custom .btn-close {
        top: 0.6em;
        font-size: 2em;
    }

    .modal-custom .btn-close--footer {
        top: unset;
        right: 1em;
    }
}

@media (max-width: 768px) {
    .modal-custom .btn-close {
        top: 0;
    }

    .modal-custom .btn-close--footer {
        top: 3em;
    }
}

@media (max-width: 650px) {
    .modal-custom h2 {
        font-size: 1.5em;
        margin: 1em 0;
    }
    .modal-custom .btn-close {
        font-size: 1.5em;
        right: 1.5em;
    }

    .modal-custom .btn-close--footer {
        top: 4em;
        right: 1.5em;
        height: auto;
    }
}

@media (max-width: 500px) {
    .modal-custom h2 {
        font-size: 1em;
        margin: 1em 0;
    }
    .modal-custom .btn-close {
        font-size: 1em;
        right: 2em;
    }
    .modal-custom p, .modal-custom ol li {
        font-size: 0.8em;
    }

    .modal-custom .btn-close--footer {
        top: 5em;
        right: 2em;
        height: auto;
    }
}