.hero-section{align-items:center;background-position:50%;background-size:cover;color:white;display:flex;justify-content:center;min-height:500px;padding:50px 0;position:relative;text-align:center}.hero-section img{height:100%;object-fit:cover;width:100%}.hero-section .overlay{background:rgb(0 0 0/50%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-section .content{position:relative;z-index:2}.hero-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.left-content{background:rgb(255 255 255/80%);max-width:60%}.left-content,.right-content{border-radius:10px;color:#000;flex:1 1;padding:20px}.right-content{background:rgb(255 255 255/90%);max-width:35%}.card{border-radius:10px;transition:all .3s ease}.card:hover{box-shadow:0 4px 15px rgb(0 0 0/10%);transform:translateY(-5px)}.income-card{background-color:#eafaf1}.expenses-card{background-color:#f8d7da}.card-body{padding:1.5rem}.card-title{font-size:1.5rem;font-weight:700}.card-text{font-size:2rem;margin-bottom:1.5rem}.button{background-color:#28a745;border:none;border-radius:5px;color:white;cursor:pointer;font-size:16px;padding:10px;width:100%}.button:hover{background-color:#218838}.loader-container{background-color:#f0f0f0;height:100vh}.loader-container,.spinner-container{align-items:center;display:flex;justify-content:center}.namaz-timetable{background:white;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0/10%);margin:0 auto;max-width:300px;padding:15px;width:100%}@media (max-width:992px){.hero-section{min-height:350px}.hero-content{flex-direction:column;text-align:center}.left-content,.right-content{margin-bottom:20px;max-width:100%}.namaz-timetable{max-width:100%}}