.modal-header {
    border-bottom: none;
}

.modal-content {
    background: transparent linear-gradient(59deg, #95D3E6 0%, #067090 100%) 0% 0% no-repeat padding-box;
    border: 0.25px solid #FFFFFF45;
    border-radius: 42px;
}

.modal .form-row {
    text-align: left;
}

.modal-header {
    padding: 2em 2em 0;
}

.modal-body {
    padding: 0.5em 3em 3em;
    color: #fff;
}

.modal input.form-control {
    border: 1px solid #ffffff99;
    background: transparent;
    color: white;
    border-radius: 1px;
    outline: none !important;
    box-shadow: none !important;
}

.modal small {
    font-size: 0.75rem;
}

.modal label {
    font-size: 0.85rem;
    display: block;
    margin-bottom: 3px;
}

.modal .result {
    color: black;
}

.modal .btn-primary {
    border: 1px solid white;
    background: transparent;
    color: white;
    font-weight: 600;
    font-size: 0.85rem !important;
    padding-left: 2rem;
    padding-right: 2rem;
}

.modal strong {
    font-size: 1.1rem;
    line-height: 1;
}

.modal .btn-close {
    filter: invert(100%) brightness(119%);
}


@media (orientation: landscape) {

    .modal-dialog {
        position: fixed;
        right: 100px;
        bottom: 150px;
        left: auto;
        top: auto;
        width: 450px;

    }
}

@media (orientation: portrait) {

    .modal-dialog {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
        margin: 0;
    }

    .modal-content {
        width: 100vw;
    }
}