/* Card Popup */
.ui-dialog .card-popup {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    .card {
        text-align: center;
        padding: 40px 10px;
        background-color: color("white");
        width: 300px;
        overflow: hidden;
        cursor: pointer;
        @include transition(all 0.2s ease-in-out);
        &:hover { 
            background-color: color("pattens-blue");
            .card-icon { background-color: color("white"); }
        }
        h3 { font-size: 20px; margin-bottom: 26px; color: color("black2"); font-family: $base-font-semibold; font-weight: normal; } 
        ul { 
            padding: 0; 
            margin: 0;
            list-style: none; 
            li {
                padding: 2px 0;
                margin-top: 10px;
                font-size: $medium;
                font-family: $base-font;
                &:first-child { margin-top: 0; }
                a {
                    text-decoration: underline;
                    color: color("black2");
                    @include transition(all 0.4s ease-in-out);
                    &:hover { color: color("shamrock"); }
                }
            }
        }
        .card-icon {
            width: 75px;
            height: 75px;
            margin: 0 auto;
            background-color: color("white-smoke");
            @include border-radius(50px);
            @include flexbox();
            justify-content: center;
            align-items: center;
            i {
                width: 40px;
                height: 40px;
                background-size: 40px 40px;
                background-position: center center;
            }
        }
    }
}