.feature-strip{
background:#f3f3f3 !important;
position:relative !important;
z-index:2 !important;
padding:20px 0 !important;
width:100% !important;
max-width:none !important;
box-shadow:none !important;
border:none !important;
}
.feature-strip::before,
.feature-strip::after{
display:none !important;
content:none !important;
}
.feature-strip__viewport{
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 10px !important; background:transparent !important;
box-shadow:none !important;
border:none !important;
}
.feature-strip__track{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)) !important;
gap:20px !important;
width:100% !important;
background:transparent !important;
background-image:none !important;
box-shadow:none !important;
border:none !important;
}
.feature-strip__item{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
gap:12px !important;
min-width:0 !important;
padding:28px 18px !important;
background:rgba(255,255,255,0.72) !important; background-image:none !important;
border:1px solid rgba(255,255,255,0.9) !important;
border-radius:14px !important;
box-shadow:0 10px 24px rgba(0,0,0,.06) !important;
backdrop-filter:blur(8px) !important;
-webkit-backdrop-filter:blur(8px) !important;
position:relative !important;
}
.feature-strip__item::after{
display:none !important;
content:none !important;
}
.feature-strip__svg{
width:82px !important;   
height:82px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 0 4px !important;
background:transparent !important;
}
.feature-strip__svg svg{
width:52px !important; height:52px !important;
}
.feature-strip__svg svg,
.feature-strip__svg svg *{
fill:none !important;
stroke:currentColor !important;
stroke-width:2.2 !important;
}
.feature-strip__img{
width:52px !important;
height:52px !important;
object-fit:contain !important;
}
.feature-strip__text{
color:#111 !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1.3 !important;
}
.feature-strip__item{
background:#ffffff !important;
border:1px solid rgba(0,0,0,.06) !important;
box-shadow:
0 6px 16px rgba(0,0,0,.06) !important;
}  .feature-strip{
background:#f6f7f8 !important;
} .feature-strip__item{
background:#f6f7f8 !important;
} .feature-strip,
.feature-strip *{
background-image:none !important;
} .feature-strip__item{
box-shadow:none !important;
border:1px solid rgba(0,0,0,0.04) !important;
}  .feature-strip{
background:#f8fafc !important;
padding:20px 0 !important;
} .vl24-services{
background:#f8fafc !important;
} .feature-strip__item{
background:#ffffff !important;
border:1px solid rgba(0,0,0,0.05) !important;
box-shadow:
0 6px 20px rgba(0,0,0,0.06) !important;
border-radius:14px !important;
} .feature-strip::before,
.feature-strip::after,
.vl24-services::before,
.vl24-services::after{
display:none !important;
} .feature-strip,
.feature-strip *{
background-image:none !important;
}  @media (min-width:768px) and (max-width:1024px){
.feature-strip__track{
grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
gap:12px !important;
}
.feature-strip__item{
padding:18px 10px !important;
min-width:0 !important;
}
.feature-strip__svg{
width:56px !important;
height:56px !important;
}
.feature-strip__svg svg{
width:34px !important;
height:34px !important;
}
.feature-strip__text{
font-size:12px !important;
line-height:1.25 !important;
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
}
} @media (max-width:767px){
.feature-strip__viewport{
overflow-x:auto !important;
overflow-y:hidden !important;
-webkit-overflow-scrolling:touch !important;
scrollbar-width:none !important;
padding:0 10px !important;
}
.feature-strip__viewport::-webkit-scrollbar{
display:none !important;
}
.feature-strip__track{
display:grid !important;
grid-auto-flow:column !important;
grid-auto-columns:minmax(160px, 78vw) !important;
grid-template-columns:none !important;
gap:12px !important;
width:max-content !important;
}
.feature-strip__item{
min-width:160px !important;
padding:18px 12px !important;
}
.feature-strip__svg{
width:56px !important;
height:56px !important;
}
.feature-strip__svg svg{
width:34px !important;
height:34px !important;
}
.feature-strip__text{
font-size:13px !important;
line-height:1.3 !important;
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
}
} @media (max-width:767px){
.feature-strip{
padding:12px 0 !important;
}
.feature-strip__viewport{
overflow:visible !important;
padding:0 4px !important;
}
.feature-strip__track{
display:grid !important;
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
gap:4px !important;
width:100% !important;
padding-bottom:0 !important;
}
.feature-strip__item{
min-width:0 !important;
padding:10px 4px !important;
border-radius:8px !important;
gap:6px !important;
}
.feature-strip__svg{
width:28px !important;
height:28px !important;
margin:0 auto 2px !important;
}
.feature-strip__svg svg{
width:20px !important;
height:20px !important;
}
.feature-strip__img{
width:20px !important;
height:20px !important;
}
.feature-strip__text{
max-width:100% !important;
margin:0 auto !important;
font-size:10px !important;
line-height:1.15 !important;
letter-spacing:-0.03em !important;
text-align:center !important;
white-space:normal !important;
word-break:break-word !important;
overflow-wrap:anywhere !important;
}
}
@media (max-width:767px){
.feature-strip__track{
align-items:stretch !important;
}
.feature-strip__item{
height:100% !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
}
}
@media (max-width:767px){
.feature-strip__item{
justify-content:flex-start !important; align-items:center !important;
padding-top:20px !important;
}
.feature-strip__svg{
margin-top:0 !important;
margin-bottom:6px !important;
}
}
@media (max-width:767px){
.feature-strip__text{
max-width:120px !important; 
margin:0 auto !important;
text-align:center !important;
}
}  .feature-strip__item{
transition:all .3s ease;
box-shadow:
0 8px 22px rgba(0,0,0,.06),
0 2px 6px rgba(0,0,0,.04) !important;
} .feature-strip__item:hover{
transform:translateY(-4px);
box-shadow:
0 20px 50px rgba(0,0,0,.12),
0 8px 18px rgba(0,0,0,.08) !important;
} .feature-strip__item:hover{
background:#dc2626 !important; border-color:#dc2626 !important;
} .feature-strip__item:hover .feature-strip__text{
color:#fff !important;
} .feature-strip__item:hover .feature-strip__svg svg,
.feature-strip__item:hover .feature-strip__svg svg *{
stroke:#fff !important;
fill:none !important;
} .feature-strip__item:hover .feature-strip__img{
filter:brightness(0) invert(1);
} .feature-strip__svg{
transition:transform .3s ease;
}
.feature-strip__item:hover .feature-strip__svg{
transform:translateY(-2px) scale(1.05);
}
.feature-strip__track{
padding-bottom:20px !important;
}
.feature-strip__track{
grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}