@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}html{direction:rtl}section{background:url(/assets/bkg-BQX_MBYb.jpg) 50% 20%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}section:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}section>*{z-index:2;position:relative}@media (width<=768px){section{background-position:50%;background-attachment:scroll;min-height:100dvh}}section h1{color:#fff;align-items:center;padding:50px 40%;font-size:50px;font-weight:700}@media (width<=768px){section h1{text-align:center;padding:20px;font-size:32px}}section .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#332a224a;border:1px solid #d7d7d74e;border-radius:10px;width:90%;max-width:650px;margin-right:15%;padding:30px 25px}section .top_sec{border-bottom:1px solid #d7d7d74e;justify-content:space-between;margin-bottom:40px;padding-bottom:40px;display:flex}section .top_sec select{color:#fff;background:#a54f3a;border-radius:5px;outline:none;width:250px;margin-top:10px;padding:2px 10px;font-size:22px}h3{color:#fff;font-size:26px}section .top_sec .date{width:35%}section .top_sec .date h4{color:#fff;font-size:26px}section .prayer-card{color:#fff;background:#c0583e75;border:1px solid #d7d7d74e;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:5px;padding:5px 25px;font-size:24px;display:flex}.prayer-card.active{color:#fff;background:#2ecc71;transform:scale(1.05);box-shadow:0 0 10px #0003}.progress-container{margin-top:20px}.progress-bar{background:#ddd;border-radius:10px;width:100%;height:10px;overflow:hidden}.progress-fill{background:#3498db;height:100%;transition:all .5s}