.cpib102-wrap{
    width:100%;
    padding:54px 7%;
    background:#373737;
    box-sizing:border-box;
}
.cpib102-grid{
    width:100%;
    max-width:1240px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:52px;
    align-items:center;
}
.cpib102-item{
    min-width:0;
    display:flex;
    align-items:center;
    gap:22px;
    transition:transform .28s ease;
}
.cpib102-item:hover{transform:translateY(-4px)}
.cpib102-icon{
    width:88px;
    height:88px;
    min-width:88px;
    border:2px solid #dce8e2;
    border-radius:999px;
    color:#dce8e2;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    transition:color .28s ease,border-color .28s ease,transform .28s ease,box-shadow .28s ease;
}
.cpib102-item:hover .cpib102-icon{
    transform:scale(1.05);
    box-shadow:0 10px 24px rgba(0,0,0,.20);
}
.cpib102-icon svg{width:56%;height:56%;display:block}
.cpib102-title{
    color:#fff;
    font-size:22px;
    line-height:1.45;
    font-weight:400;
    letter-spacing:.01em;
    transition:color .28s ease;
}
@media (max-width:1024px){
    .cpib102-wrap{padding:42px 5%}
    .cpib102-grid{gap:28px}
    .cpib102-item{gap:16px}
    .cpib102-title{font-size:18px}
}
@media (max-width:767px){
    .cpib102-wrap{padding:34px 24px}
    .cpib102-grid{grid-template-columns:1fr;gap:24px;max-width:520px}
    .cpib102-item{gap:18px}
    .cpib102-title{font-size:18px}
}