.card:hover {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

.card-img-top {
    width: 100%;
    height: auto;
    display: block;
}

body {
    background: #f4f8fc;
    font-family: 'Poppins', sans-serif;
}


/* Navbar */
.navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e8dfd3;
}

/* Card */
.card {
    background: #ffffff;
    border: 1px solid #eee3d4 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .03) !important;
}

.bg-all {
    background: #1f2937 !important;

    color: #fff !important;

    position: relative;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .06);

    box-shadow:
        0 10px 30px rgba(0, 0, 0, .25);
}

/* Mini Aura */
.bg-all::before {
    content: '';

    position: absolute;

    top: -60px;
    right: -60px;

    width: 180px;
    height: 180px;

    background:
        radial-gradient(circle,
            rgba(255, 255, 255, .06) 0%,
            transparent 70%);

    border-radius: 50%;

    pointer-events: none;
}

/* Small Light */
.bg-all::after {
    content: '';

    position: absolute;

    bottom: -40px;
    left: -40px;

    width: 140px;
    height: 140px;

    background:
        radial-gradient(circle,
            rgba(255, 255, 255, .04) 0%,
            transparent 70%);

    border-radius: 50%;

    pointer-events: none;
}