.policy-cards,
.policy-card,
.policy-card>.policy-card-inside {
    position: relative;    
}
.policy-cards {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}
.policy-card {
    text-decoration: none;
}
.policy-card>.policy-card-inside {
    display: flex;
    /* padding: 20px 30px 20px 0; */
    text-align: left;
    border-radius: var(--cpn-card-border-radius);
    color: rgba(var(--cpn-color-black),1);
    background-color: rgba(var(--cpn-color-white),1);
    overflow: hidden;
    text-decoration: none !important;
    min-height: 70px;
    padding: 20px 30px;
    cursor: pointer;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;

}
.policy-card:hover>.policy-card-inside {
    color: rgba(var(--cpn-color-on-primary),1);
    background-color: rgba(var(--cpn-color-primary),1);
}
.policy-card>.policy-card-inside>.policy-card-col {
    position: relative;
}
.policy-card>.policy-card-inside>.policy-card-col.this-col-info {
    width: calc(100% - 10px);
    padding-right: 15px;
}
.policy-card>.policy-card-inside>.policy-card-col.this-col-action {
    width: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    opacity: 0.2;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}
.policy-card:hover>.policy-card-inside>.policy-card-col.this-col-action {
    opacity: 1;
}

/* xxl */
@media (min-width: 1400px) {}

/* xxl - 1 */
@media (min-width:1500px) and (max-width: 1599.98px) {}

/* xxl - 2 */
@media (min-width: 1400px) and (max-width: 1499.98px) {}

/* xl */
@media (min-width: 1200px) and (max-width: 1399.98px) {}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* md - sm - xs */
@media (max-width: 991.98px) {

    .policy-cards {
        gap: 10px;
        grid-template-columns: repeat(1, 1fr);
    }

}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* sm - xs */
@media (max-width: 767.98px) {

    .policy-card>.policy-card-inside {
        padding: 15px 20px;
        min-height: 55px;
    }
    
}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* xs */
@media (max-width: 575.98px) {}

/* xs custom */
@media (max-width: 399.98px) {}