@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html{direction:rtl}body{overflow-x:hidden}section{background:url(/assets/bg-Csxbly8Y.jpg) 50%/cover;align-items:center;min-height:100vh;display:flex}section .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#dd00004e;border:1px solid #d7d7d74e;border-radius:10px;width:650px;margin:0 auto;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}section .top_sec h3{color:#fff;font-size:26px}section .top_sec .date{width:250px}section .top_sec .date h4{color:#fff;font-size:26px}section .prayer{color:#fff;background:#c0583e75;border:1px solid #c0583e75;border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:5px 25px;font-size:24px;display:flex}@media (width<=768px){section .container{width:100%;margin-right:0;padding:20px}section .top_sec{flex-direction:column;align-items:flex-start;gap:20px}section .top_sec select{width:100%;font-size:18px}section .top_sec .date{width:100%}section .top_sec h3,section .top_sec .date h4{font-size:22px}section .prayer{padding:10px 15px;font-size:20px}}@media (width<=480px){section .container{width:100%;padding:15px}section .top_sec h3,section .top_sec .date h4{font-size:18px}section .top_sec select{font-size:16px}section .prayer{text-align:center;flex-direction:column;gap:5px;font-size:18px}}