body {
    background-color: #eceff5 !important;
}

.subscard {
    transition: background-color 0.5s ease, color 0.5s ease;
}

.subscard-header {
    border-bottom: unset !important;
}

svg {
    fill: white;
    transition: fill 0.5s ease, color 0.5s ease;
}

.subscard-popular {
    background-color: #181C32!important;
    color: #eceff5 !important;
    cursor: unset !important;
    transition: background-color 0.5s ease, color 0.5s ease !important;
}

/* Hover Effects */
.subscard:hover {
    background-color: #0e1925 !important;
    color: white;
}

    .subscard:hover .subscard-button {
        background-color: #eff1f7 !important;
        color: #0e1925!important;
        transition: background-color 0.5s ease, color 0.5s ease;
    }

    .subscard:hover .subscard-popular {
        background-color: #eff1f7 !important;
        color: #0e1925!important;
    }


    .subscard:hover svg {
        fill: #0e1925 !important;
    }

    .subscard:hover .subscard-button:hover {
        background-color: #0e1925 !important;
        border: #eff1f7 solid 1px !important;
        color: #eff1f7 !important;
    }
/* END :: Hover Effect */