.presentModal .modal-content {
    background: none;
    border: none !important;
}

.presentModal.fade:not(.show) {
    display: none;
}

.presentModal {
    --bs-modal-width: 1032px !important;
}

.presentBanner {
    background: var(--present-banner-desk, none) left bottom no-repeat;
    background-size: contain;
    width: 1032px;
    height: 515px;
    display: block;
}

.presentBanner__lines {
    padding: 100px 100px 50px 400px;
}

.presentBanner__line._1 {
    color: #192F4E;
    font-family: "Times New Roman", Times, serif, sans-serif;
    font-size: 5.75rem;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    line-height: 1;
}

.presentBanner__line._2 {
    color: #192F4E;
    font-family: "Times New Roman", Times, serif, sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.presentBanner__line._3 {
    text-transform: uppercase;
    color: #000000;
    font-size: 1.125rem;
    padding-top: 2rem;
    padding-bottom: 3.625rem;
}

.presentBanner__line._4 {
    padding-left: 50%;
}

.presentBanner__line._5 {
    color: #808080;
    font-size: 0.875rem;
    padding-top: 1.125rem;
}

.presentModal.modal-right .modal-dialog {
    top: auto !important;
    right: 130px;
    left: auto;
    bottom: 2rem;
    position: absolute;
    margin: 0 !important;
    transition: transform .5s !important;
    transform: translateX(50px) !important;
}

.presentModal.modal-right.show .modal-dialog {
    transform: translateX(0) !important;
}

@media (max-width: 991px) {
    .presentModal {
        display: flex;
        justify-content: center;
        --bs-modal-width: 100% !important;
    }

    .presentModal .modal-dialog {
        max-width: 570px;
        width: 100%;
    }

    .presentBanner {
        background-image: var(--present-banner-mob, var(--present-banner-desk, none));
        background-position: center;
        width: auto;
        height: auto;
        background-size: cover;
        padding-bottom: 132%;
    }

    .presentBanner__lines {
        padding: 50px 4vw 0;
    }

    .presentBanner__line._1 {
        font-size: 4rem;
    }

    .presentBanner__line._2 {
        font-size: 2.5rem;
    }

    .presentBanner__line._3 {
        padding-bottom: 1rem;
    }

    .presentBanner__line._4 {
        padding-left: 0;
    }

    .presentBanner__line._4 .w-100 {
        width: 240px !important;
    }
}

@media (max-width: 576px) {
    .presentModal .modal-content {
        width: 96% !important;
    }
}
