*{ margin:0; padding:0; box-sizing:border-box; } html, body{ width:100%; min-height:100%; overflow-x:hidden; font-family:'Poppins',sans-serif; background:#fff; } body{ display:block; } .container{ width:min(1200px,92%); margin-inline:auto; } .hero{ width:100%; min-height:65vh; background:linear-gradient(135deg,#0d6efd,#0056d6); display:flex; align-items:center; justify-content:center; text-align:center; padding:120px 20px; position:relative; overflow:hidden; } .hero::after{ content:""; position:absolute; left:0; bottom:-1px; width:100%; height:120px; background:white; border-radius:100% 100% 0 0; } .hero h1{ font-size:clamp(38px,6vw,72px); font-weight:700; margin-bottom:20px; color:#111; } .hero p{ font-size:clamp(18px,2vw,24px); max-width:850px; margin:auto; line-height:1.7; } .section{ padding:100px 20px; width:100%; } .grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(350px,1fr)); gap:35px; align-items:start; }
From Our Blog
From Our blog and Event fanpage
