* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; } /* Feature Section Wrapper */ .features-section { width: 100%; padding: 40px 20px; background-color: transparent; display: flex; justify-content: center; } /* Container - Max Width 1378px */ .features-container { max-width: 1378px; width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } /* Individual Feature Card Style */ .feature-card { background: linear-gradient(135deg, #f0f6ff 0%, #e6f0fa 100%); border-radius: 20px; padding: 28px 24px; display: flex; align-items: center; gap: 20px; border: 1px solid rgba(0, 102, 255, 0.08); box-shadow: 0 8px 20px rgba(0, 102, 255, 0.02); transition: all 0.3s ease; } .feature-card:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 102, 255, 0.08); border-color: rgba(0, 102, 255, 0.2); } /* Circular Icon Wrapper */ .feature-icon-box { width: 65px; height: 65px; background-color: #dbeafe; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .feature-icon-box svg { width: 32px; height: 32px; stroke: #0066ff; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; } /* Vertical Divider Line */ .feature-divider { width: 1.5px; height: 52px; background-color: #0066ff; flex-shrink: 0; opacity: 0.25; } /* Content Text Box */ .feature-content { display: flex; flex-direction: column; } .feature-title { font-size: 19px; font-weight: 700; color: #0b132a; margin-bottom: 6px; line-height: 1.25; } .feature-desc { font-size: 13.5px; color: #64748b; line-height: 1.5; font-weight: 400; } /* RESPONSIVE BREAKPOINTS */ @media (max-width: 1024px) { .features-container { gap: 16px; } .feature-card { padding: 22px 18px; gap: 14px; } .feature-title { font-size: 17px; } .feature-desc { font-size: 13px; } } @media (max-width: 880px) { .features-container { grid-template-columns: 1fr; gap: 20px; } .feature-card { padding: 25px 22px; gap: 18px; } }

Fresh Perspective

Tired of outdated designs? I bring modern, trend-setting ideas that set your brand apart.

Focused on Quality

No generic templates or rushed work. Every pixel is crafted carefully to boost your sales.

Ready to Deliver

Struggling with late deadlines? Get fast communication and on-time delivery for your project.