.cb-icon-cards{
    color:#163642;
    margin-bottom:30px;
}
.cb-icon-cards *{
    box-sizing:border-box
}
.cb-icon-cards>h2{
    margin:0 0 12px;
    font-size:clamp(1.5rem,3vw,2rem)
}
.cb-icon-cards__intro{
    margin:0 0 20px;
    color:#617985
}
.cb-icon-cards__intro>:first-child{
    margin-top:0
}
.cb-icon-cards__intro>:last-child{
    margin-bottom:0
}
.cb-icon-cards__list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:12px;
    padding:0;
    margin:0;
    list-style:none
}
.cb-icon-cards__item{
    display:flex;
    min-width:0
}
.cb-icon-cards__card{
    display:grid;
    width:100%;
    min-height:96px;
    padding:16px 18px;
    grid-template-columns:48px minmax(0,1fr);
    gap:14px;
    align-items:center;
    border:1px solid #d7e1e5;
    border-radius:14px 0 14px 0;
    color:#395764;
    background:#fff;
    line-height:1.45;
    text-decoration:none;
    font-size:0.94rem;
}
.cb-icon-cards a.cb-icon-cards__card:hover{
    border-color:#00759a;
    box-shadow:0 5px 16px rgba(22,54,66,.1);
    transform:translateY(-2px)
}
.cb-icon-cards a.cb-icon-cards__card:focus-visible{
    outline:3px solid #ffdc00;
    outline-offset:3px
}
.cb-icon-cards__icon{
    display:grid;
    width:48px;
    height:48px;
    place-items:center;
    border-radius:11px 0 11px 0;
    background:#e1f0f6
}
.cb-icon-cards__icon--green{
    background:#e8f1d2
}
.cb-icon-cards__icon--yellow{
    background:#fff4bd
}
.cb-icon-cards__icon--beige{
    background:#f2e8dc
}
.cb-icon-cards__icon--olive{
    background:#edf0d6
}
.cb-icon-cards__image{
    display:block;
    width:26px;
    height:26px;
    object-fit:contain
}
@media(max-width:575.98px){
    .cb-icon-cards__list{
        grid-template-columns:1fr
    }
}