.action-content {
    font-size: 14px;
    color: #fff;
}

@media (min-width: 1251px) {
    .action-card {
        padding-bottom: 110%;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {
    .action-card {
        padding-bottom: 180%;
    }
}

@media (min-width: 768px) and (max-width: 989px) {
    .action-card {
        padding-bottom: 40%;
    }
}

@media (max-width: 767px) {
    .action-card {
        padding-bottom: 100%;
    }
}

.action-content hr {
    border: none;
    margin: 5px 0;
}

.flip-icon svg {
    height: 120px;
    margin-bottom: 25px !important;
    padding: 30px;
}

.action-card .card-front {
    background: #f8f8f8;
}

.action-card .card-back {
    background: #0176C0 ;
}

.insights .action-card .card-back {
    background: #004A9F ;
}

.compliance .action-card .card-back {
    background: #0E91DF ;
}

.revenue .action-card .card-back {
    background: #6CC0F8 ;
}

.expenses .action-card .card-back {
    background: #002F6C ;
}

.portrait-image img {
    width: 300px;
}