.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

html {
    position: relative;
    min-height: 100%;
}

.bg-gray {
    background-color: #f4f7f9;
}

.bg-navbar {
    background-color: #e3f2fd;
}

.btn-qr {
    color: #fff;
    background-color: #1982c5;
    border-color: #007bff;
}

    .btn-qr:hover {
        color: #fff;
        background-color: #416386;
        border-color: #3e556d;
    }

.row-item {
    border-bottom: 1px solid lightgray;
}

a.btn {
    cursor: pointer;
}

.smartphone {
    position: relative;
    width: 100%;
    height: 480px;
    border: 16px black solid;
    border-top-width: 60px;
    border-bottom-width: 60px;
    border-radius: 36px;
}

    /* The horizontal line on the top of the device */
    .smartphone:before {
        content: '';
        display: block;
        width: 60px;
        height: 5px;
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #333;
        border-radius: 10px;
    }
.package-border {
    border: 1px solid lightgray;
}