.feature-section{font-family:Arial,sans-serif;padding:80px 0}.feature-container{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:auto;max-width:1300px;padding:0 20px}.feature-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.05);overflow:hidden;padding:35px;position:relative;transition:all .3s ease}.feature-card:hover{background:#eef1f5;border-color:#d1d5db;box-shadow:0 12px 35px rgba(0,0,0,.08);transform:translateY(-6px)}.feature-card:after{background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.feature-card:hover:after{opacity:1}.icon-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;height:60px;justify-content:center;margin-bottom:20px;width:60px}.icon-box img{height:26px;object-fit:contain;width:26px}.feature-title{color:#1f2b4d;font-size:20px;font-weight:600;margin-bottom:12px}.feature-text{color:#6b7280;font-size:15px;line-height:1.6}@media (max-width:768px){.feature-section{padding:60px 0}.feature-card{padding:25px}.feature-title{font-size:18px}.feature-text{font-size:14px}}@media (max-width:480px){.feature-container{gap:20px}.feature-card{padding:22px}.icon-box{height:50px;width:50px}.icon-box img{height:22px;width:22px}}