* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;margin:0;padding:0;}body{margin:0;font-family:"Brown Regular", Arial, sans-serif;line-height:1.6;color:#333;}img{width:100%;height:auto;display:block;}.container{max-width:70%;margin:2% 15% 0% 15%;}h1, h2{text-align:center;margin-bottom:20px;}h1{font-size:2rem;color:#222;}h2{font-size:1.5rem;color:#444;}p{margin-bottom:20px;text-align:center;}.step-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;}.step{text-align:center;width:calc(33.33% - 20px);}.step-number{background-color:#FFCE00;color:white;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold;margin:0 auto 10px;}.step-content{background-color:#f5f5f5;border-radius:10px;padding:20px;}.bubble-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px;}.bubble{border:1px solid #333;border-radius:10px;padding:20px;background-color:#fff;position:relative;width:calc(33.33% - 20px);text-align:center;}.bubble h3{color:#FFCE00;font-size:1.2rem;margin-bottom:10px;}.bubble p{font-size:1rem;color:#555;}@font-face{font-family:"Brown Regular";src:url("/path/to/brown-regular.woff2") format("woff2"), 
      url("/path/to/brown-regular.woff") format("woff");font-weight:normal;font-style:normal;}@media (max-width: 768px){.step{width:calc(50% - 20px);}.bubble{width:calc(50% - 20px);}}@media (max-width: 480px){.step{width:100%;}.bubble{width:100%;}}