.modal-av .modalBody {
    padding: 2rem;
}
    .modal-av .modalBody .modal-primary-button {
        margin-top: 1.5rem;
    }
    .modal-av .modalBody .modal-secondary-button {
        margin-top: 1.25rem;
    }

    .modal-av .modalBody .btn-tertiary-default {
        padding: 1.5rem 0 0 0;
       
    }

    .modal-av .modalBody .third-modal-button {
        color: #0190A0;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-decoration-line: underline;
        border: none;
        padding: 0px;
    }

    .modal-av .modalBody .modal-title {
        color: var(--ui-colors-text, #1b1b1b);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-bottom: 24px;
    }

    .modal-av .modalBody .modal-button {
        width: 100%;
    }

    .modal-av .modalBody .modal-text {
        color: var(--ui-colors-text-lighten, #5a5a5a);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
    }

        .modal-av .modalBody .modal-text .emailStyle {
            overflow: hidden;
            text-overflow: ellipsis;
            margin-bottom: 0px;
        }

    .modal-av .modalBody .modal-icon {
        margin-bottom: 16px;
    }

.modal-content .modal-header {
    padding: 0;
    align-self: end;
    border-bottom: 0;
    flex-direction: row-reverse;
}

.modal-content .modal-header .material-symbols-outlined{
    font-size: 20px;
}

@media screen and (min-width: 768px) {
    .modal-av .modalBody {
        max-width: 440px;
    }

        .modal-av .modalBody .modal-icon {
            margin-bottom: 16px;
        }


    .modal-av .modal-dialog {
        justify-content: center;
    }

        .modal-av .modal-dialog .modal-content {
            width: auto;
            height: auto;
        }

}

@media screen and (max-width: 440px) {
    .modal-av .modalBody {
        padding: 24px;
    }

    .modal-av .modal-icon {
        margin-bottom: 32px;
    }
}


@media screen and (max-width: 575px) {
    .modal-av .modal-dialog .modal-content {
        margin: 0px;
    }
}