
.sfs-showcase{width:100%;background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.90) 27%,rgba(255,255,255,.15) 55%,rgba(255,255,255,0) 100%),var(--sfs-section-image);background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden;font-family:var(--sfs-font);color:var(--sfs-card-text)}
.sfs-showcase *{box-sizing:border-box}
.sfs-inner{width:min(100%,var(--sfs-max));margin:auto;padding:28px 28px 34px;     background: url(https://sfss.in/wp-content/uploads/2026/09/About-Us.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: center left;}
.sfs-top{display:block;min-height:610px}
.sfs-copy{padding:20px 10px 10px 16px;z-index:2}
.sfs-headline{margin:0;font-weight:800;letter-spacing:-1.7px;line-height:1.02;font-size:clamp(30px,var(--sfs-h1),62px);color:var(--sfs-head1)}
.sfs-headline span,.sfs-headline em{display:block}
.sfs-headline em{font-style:normal;color:var(--sfs-head2);font-size:clamp(30px,var(--sfs-h2),62px)}
.sfs-accent{width:58px;height:3px;background:var(--sfs-line);margin:18px 0}
.sfs-intro{font-size:clamp(15px,var(--sfs-intro-size),24px);line-height:1.5;max-width:380px;margin:0 0 24px;color:var(--sfs-intro);font-weight:500}
.sfs-features{display:grid;grid-template-columns:repeat(4,minmax(65px,1fr));gap:18px 12px;max-width:470px}
.sfs-feature{text-align:center;font-size:10px;font-weight:700;line-height:1.35;letter-spacing:.1px}
.sfs-feature-icon{width:68px;height:68px;margin:0 auto 8px;border:1px solid var(--sfs-card-border);border-radius:50%;display:grid;place-items:center;background:#fff;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.sfs-feature-icon img{width:60%;height:60%;object-fit:cover;display:block}
.sfs-feature:hover .sfs-feature-icon{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,.12)}
.sfs-feature-title{color:var(--sfs-card-text)}
.sfs-stage{display:none}
.sfs-object{display:none}

.sfs-bottom{display:grid;grid-template-columns:repeat(4,1fr);background:var(--sfs-bottom-bg);border-radius:13px;box-shadow:0 10px 35px rgba(0,0,0,.1);margin-top:-10px;position:relative;z-index:50;overflow:hidden}
.sfs-bottom-card{display:flex;gap:14px;padding:22px 26px;align-items:flex-start;border-right:1px solid #d8dce2}
.sfs-bottom-card:last-child{border-right:0}
.sfs-bottom-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;overflow:hidden}
.sfs-bottom-icon img{width:100%;height:100%;object-fit:cover;filter:saturate(1.25)}
.sfs-bottom-card h3{margin:0 0 7px;color:var(--sfs-bottom-title);font-size:14px;line-height:1.2;letter-spacing:.2px}
.sfs-bottom-card p{margin:0;color:var(--sfs-bottom-text);font-size:12px;line-height:1.45}
.sfs-reveal{opacity:0;transform:translateY(var(--sfs-distance));transition:opacity var(--sfs-duration) ease var(--delay,0ms),transform var(--sfs-duration) cubic-bezier(.2,.8,.2,1) var(--delay,0ms)}
.sfs-reveal.is-visible{opacity:1;transform:none}
.sfs-showcase[data-animation="fade"] .sfs-reveal{transform:none}
.sfs-showcase[data-animation="zoom"] .sfs-reveal{transform:scale(.88)}
.sfs-showcase[data-animation="zoom"] .sfs-reveal.is-visible{transform:scale(1)}
.sfs-showcase[data-animation="float"] .sfs-reveal.is-visible img{animation:sfsFloat 4s ease-in-out infinite}
.sfs-showcase[data-animation="pulse"] .sfs-reveal.is-visible img{animation:sfsPulse 2.8s ease-in-out infinite}
.sfs-showcase[data-animation="none"] .sfs-reveal{opacity:1;transform:none;transition:none}
@keyframes sfsFloat{0%,100%{transform:scale(var(--sfs-object-scale)) translateY(0)}50%{transform:scale(var(--sfs-object-scale)) translateY(-7px)}}
@keyframes sfsPulse{0%,100%{transform:scale(var(--sfs-object-scale))}50%{transform:scale(calc(var(--sfs-object-scale) + .035))}}
@media(max-width:1100px){
 .sfs-inner{padding:24px 20px 30px}
 .sfs-top{display:block;min-height:auto}
 .sfs-copy{padding:10px 8px 0}
 .sfs-intro{max-width:680px}
 .sfs-bottom{margin-top:18px}
}
@media(max-width:760px){
 .sfs-inner{padding:18px 12px 24px}
 .sfs-headline,.sfs-headline em{font-size:clamp(30px,10vw,46px)}
 .sfs-features{grid-template-columns:repeat(4,1fr);gap:16px 6px;max-width:none}
 .sfs-feature-icon{width:58px;height:58px}
 .sfs-bottom{grid-template-columns:1fr 1fr}
 .sfs-bottom-card{padding:16px 13px;border-bottom:1px solid #d8dce2}
 .sfs-bottom-card:nth-child(2){border-right:0}
 .sfs-bottom-card h3{font-size:12px}
 .sfs-bottom-card p{font-size:11px}
}
@media(max-width:480px){
 .sfs-features{grid-template-columns:repeat(4,1fr)}
 .sfs-feature{font-size:8px}
 .sfs-feature-icon{width:49px;height:49px}
 .sfs-bottom{grid-template-columns:1fr}
 .sfs-bottom-card{border-right:0}
}
