/* ========================================= HP PRODUCT CONTENT FIX ========================================= */ .hp-overview, .hp-key-selling-points, .hp-features { width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px 20px; box-sizing: border-box; } /* ---------- HP OVERVIEW ---------- */ .hp-overview { font-size: 16px; line-height: 1.7; color: #333; } .hp-overview p { margin: 0; } /* ---------- KEY SELLING POINTS ---------- */ .hp-key-selling-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; align-items: start; } .hp-key-selling-points > div { width: 100%; min-width: 0; text-align: center; } .hp-key-selling-points img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto 15px; object-fit: contain; } .hp-key-selling-points h3, .hp-key-selling-points h4 { margin: 10px 0 8px; font-size: 18px; line-height: 1.35; font-weight: 600; color: #222; } .hp-key-selling-points p { margin: 0; font-size: 14px; line-height: 1.6; color: #555; } /* ---------- FEATURES ---------- */ .hp-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; } .hp-features > div, .hp-features > li { min-width: 0; } .hp-features img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; margin-bottom: 12px; } .hp-features ul { padding: 0; margin: 0; list-style: none; } .hp-features li { margin-bottom: 18px; line-height: 1.6; font-size: 14px; color: #444; } /* ---------- HEADINGS ---------- */ .hp-overview h2, .hp-overview h3, .hp-key-selling-points h2, .hp-features h2 { margin-top: 0; margin-bottom: 20px; line-height: 1.3; } /* ---------- REMOVE BAD FIXED WIDTHS ---------- */ .hp-overview *, .hp-key-selling-points *, .hp-features * { max-width: 100%; box-sizing: border-box; } /* ---------- TABLET ---------- */ @media (max-width: 991px) { .hp-key-selling-points, .hp-features { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ---------- MOBILE ---------- */ @media (max-width: 767px) { .hp-overview, .hp-key-selling-points, .hp-features { padding: 20px 15px; } .hp-key-selling-points, .hp-features { grid-template-columns: 1fr; gap: 20px; } .hp-key-selling-points h3, .hp-key-selling-points h4 { font-size: 17px; } } /* ---------- PREVENT HP INLINE CONTENT OVERFLOW ---------- */ .hp-overview img, .hp-key-selling-points img, .hp-features img, .hp-overview iframe, .hp-key-selling-points iframe, .hp-features iframe, .hp-overview video, .hp-key-selling-points video, .hp-features video { max-width: 100% !important; } /* Important if HP content contains hardcoded width */ .hp-overview [style*="width"], .hp-key-selling-points [style*="width"], .hp-features [style*="width"] { max-width: 100% !important; }

Welcome to Clarion Computers Pvt. Ltd