.how-amal-work-page{display:flex;flex-direction:column;gap:20px;padding:20px}.how-amal-work-page p{text-align:center}.how-amal-work-page h3{font-size:20px;font-weight:600;text-align:center}.how-amal-work-page .points-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:10px}.how-amal-work-page .points-container div{background-color:var(--input-background);box-shadow:0 3px 8px rgba(0,0,0,.24);padding:20px;border-radius:10px;cursor:pointer}.step-page{display:flex;flex-direction:column;gap:20px;padding:20px}.step-page h3{font-size:20px;font-weight:600;justify-content:center}.step-page .step-container{display:flex;flex-direction:column;gap:20px}.step-page .step-container div h4{color:var(--primary-color);margin-bottom:10px}.step-page .step-container .video-box{margin:20px auto;display:grid;grid-template-columns:2fr 4fr;max-width:400px;background-color:var(--input-background);border-radius:10px;overflow:hidden}.step-page .step-container .video-box img{height:100%;object-fit:cover}.step-page .step-container .video-box .details{display:flex;flex-direction:column;gap:10px;padding:15px}.step-page .step-container .video-box .details h4{margin-bottom:0}.step-page .step-container .video-box .details h2{font-weight:600;font-size:18px}@media(max-width:768px){.how-amal-work-page{padding-bottom:80px}.how-amal-work-page .points-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.step-page{padding-bottom:80px}}