.cityDiv{color:#fff;font-size:1.6vw;font-weight:500}#methodString{color:#fff;font-size:1.5vw;font-weight:500;text-align:center}#dateDiv{color:#fff;font-size:1.6vw;font-weight:500;text-align:center}#hijriDiv{color:#fff;font-size:1.6vw;font-weight:500}.prayer-section{display:flex;justify-content:center;width:100%;align-items:center;margin-top:2vw;position:relative;z-index:1}.prayer-card{width:100%;height:8vw;display:flex;flex-direction:column;justify-content:center;padding:5vw 3vw;text-align:center}.prayer-card:nth-child(even)::after{content:"";position:absolute;bottom:0;left:0;height:.5vw;width:var(--loader-width,0%);background-color:var(--prayer-card-odd);transition:background-color 5s ease-in-out,color 5s ease-in-out}.prayer-card:nth-child(odd)::after{content:"";position:absolute;bottom:0;left:0;height:.5vw;width:var(--loader-width,0%);background-color:var(--prayer-card-even);transition:background-color 5s ease-in-out,color 5s ease-in-out}.prayer-card.active{background:linear-gradient(to bottom,#3cbfa4,#36b0ad,#35adae,#31a2b5);color:#ff0;transform:scale(1.2)}.prayer-time{font-size:2.083vw;font-weight:400;text-transform:uppercase;color:#fff}.prayer-name{font-size:2.083vw;font-weight:bolder;margin-bottom:.2vw;color:#fff}.prayer-counter{color:#ff0;font-size:1vw;font-weight:400}.prayer-card.active .prayer-name{color:#fff}.prayer-card.active .prayer-time{color:#fff}.prayer-section .prayer-card:nth-child(even){background:var(--prayer-card-even)}.prayer-section .prayer-card:nth-child(odd){background:var(--prayer-card-odd)}