.cl-benefits{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
background:#fffaf6;
border:1px solid #efe3da;
border-radius:12px;
padding:18px 22px;
overflow:hidden
}
.cl-benefits__item{
position:relative;
display:flex;
align-items:center;
min-width:0;
gap:16px;
padding:4px 28px;
text-decoration:none;
color:inherit;
transition:opacity .2s ease
}
a.cl-benefits__item:hover{opacity:.78}
.cl-benefits__icon{
display:grid;
place-items:center;
width:52px;
height:52px;
flex:0 0 52px;
border-radius:999px;
background:#fff1e7;
color:#b95432
}
.cl-benefits__icon i{font-size:28px}
.cl-benefits__icon svg{width:28px;height:28px;fill:currentColor}
.cl-benefits__content{min-width:0}
.cl-benefits__title,.cl-benefits__subtitle{color:#382821}
.cl-benefits__title{font-size:15px;font-weight:600;line-height:1.4}
.cl-benefits__subtitle{margin-top:2px;font-size:14px;font-weight:500;line-height:1.45}
.cl-benefits--divider .cl-benefits__item:not(:last-child)::after{
content:"";
position:absolute;
top:10%;
right:0;
width:1px;
height:80%;
background:#eaded6
}
@media(max-width:1024px){
.cl-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cl-benefits--divider .cl-benefits__item::after{display:none}
.cl-benefits__item{padding:8px 16px}
}
@media(max-width:767px){
.cl-benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}
.cl-benefits__item{gap:10px;padding:8px}
.cl-benefits__icon{width:42px;height:42px;flex-basis:42px}
.cl-benefits__icon i{font-size:22px}
.cl-benefits__icon svg{width:22px;height:22px}
.cl-benefits__title{font-size:13px}
.cl-benefits__subtitle{font-size:12px}
}
@media(max-width:420px){
.cl-benefits{grid-template-columns:1fr}
.cl-benefits__item{padding:10px 8px}
}