@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap");:root{--hue-color:157;--first-color:hsl(var(--hue-color),53%,49%);--clock-rounder:#c7c7c7;--title-color:hsl(var(--hue-color),53%,15%);--text-color:hsl(var(--hue-color),12%,35%);--text-color-light:hsl(var(--hue-color),12%,65%);--white-color:#fff;--body-color:hsl(var(--hue-color),24%,94%);--body-font:"Poppins",sans-serif;--biggest-font-size:clamp(2.5rem,3vw,3.5rem);--small-font-size:clamp(0.75rem,1vw,0.875rem);--smaller-font-size:clamp(0.625rem,0.85vw,0.813rem);--tiny-font-size:clamp(0.5rem,0.7vw,0.75rem);--font-medium:500;--mb-0-25:0.25rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2-5:2.5rem;--z-normal:1;--z-tooltip:10}.highlight-blink{animation:pulse-animation 1s infinite,color-transition 1s infinite}@keyframes pulse-animation{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes color-transition{0%,to{text-shadow:0 0 10px rgba(38,36,36,.5)}50%{color:#f2c14e;text-shadow:0 0 20px rgb(53,53,51)}}@keyframes blink-animation{to{visibility:hidden}}.highlight-blink #next-prayer-time{font-size:clamp(1rem,3.5vh,1.875rem);font-weight:800}.highlight-blink #next-prayer-name{font-weight:800}.qr-container{position:relative;width:10vw;height:10vw;display:flex;justify-content:center;align-items:center}.qr-background{position:relative;width:100%;height:100%;object-fit:contain}.qr-scanner{position:absolute;width:60%;height:auto;top:64%;left:50%;transform:translate(-50%,-50%)}header{height:9vh}.header{padding:.5rem}.header,.header .masjidName{display:flex;align-items:center;justify-content:center}.header .masjidName{text-align:center;flex:1;flex-direction:column;z-index:1}.header img{height:5.5vh}.appscanner{color:#154f30;display:flex;align-items:center;flex-direction:column;gap:.625rem}.clock label{position:absolute;inset:.625rem;text-align:center;transform:rotate(calc(var(--i) * (1turn / 12)))}.clock label span{display:inline-block;font-weight:600;color:#113F27;transform:rotate(calc(var(--i) * (-1turn / 12)))}.clock_right{min-width:min(24vw,19.6875rem);display:flex;flex-direction:column;align-items:center;color:white}.clock__content{background-color:#154f30;background-image:url(/public/photos/bgnew.webp);background-repeat:no-repeat;background-size:cover;background-position:25% 65%;background-blend-mode:multiply}.clock_right{width:42vw}#next-prayer-name{font-size:clamp(1.5rem,2.5vw,2.5em)}.clock_right #next-prayer{display:flex;flex-direction:row;font-size:clamp(1.2rem,1.7vw,1.7em)}.clock_ishraq{flex-direction:column}.clock_ishraq,.israq{display:flex;align-items:center;gap:.625rem}.israq{background:white;width:24vw;padding:.25rem;justify-content:center;border-radius:clamp(.5rem,1.25vw,1.25rem);box-shadow:.125rem .125rem .3125rem .1875rem #00000014;color:#2e382e}.othertimings{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.othertimings::-webkit-scrollbar{display:none}.jummatime{display:flex;flex-direction:column;align-items:center;padding:2vh 1.5vw;border:1px solid;box-shadow:2px 2px 5px 3px #00000014;border-radius:1.25rem;color:#2e382e;margin:1vh 0;flex:1;min-width:12vw;max-width:14vw;height:18vh;box-sizing:border-box;text-align:center;overflow:hidden;word-wrap:break-word;justify-content:center}.aitimings img{height:1.25rem}.jummatime span{display:flex;gap:.625rem;align-items:center;justify-content:center;font-size:larger;font-weight:700;color:white;padding-top:.1vh;text-wrap-mode:nowrap}.prayer-times-container{height:41vh}.prayer-times{width:100%;border-collapse:collapse;margin:0 auto;text-align:center}.prayer-times td,.prayer-times th{padding:2vh 1.5vw}.prayer-times th{padding:1.6vh 1.5vw}.prayer-times .time-slot{font-weight:500;font-size:clamp(.9rem,1.5vw,2rem);margin:0 clamp(.25rem,.5vw,.625rem);text-wrap-mode:nowrap;line-height:clamp(1.4rem,2.2vw,2.8rem)}.prayer-times .prayerTimeName{font-size:clamp(.7rem,1vw,1.6rem);line-height:clamp(1rem,1.6vw,2.25rem)}.prayer-name{font-weight:700;margin-bottom:.3125rem;display:flex;align-items:center;gap:.5rem;justify-content:center}.OtherSalahMarquee .rfm-child,.OtherSalahMarquee .rfm-initial-child-container{flex:1}body.dark-theme{--title-color:hsl(var(--hue-color),12%,95%);--text-color:hsl(var(--hue-color),12%,75%);--body-color:hsl(var(--hue-color),10%,16%)}.clock__theme{position:absolute;top:-1rem;right:-1rem;display:flex;padding:.25rem;border-radius:50%;box-shadow:inset -1px -1px 1px hsla(var(--hue-color),0%,100%,1),inset 1px 1px 1px hsla(var(--hue-color),30%,86%,1);color:var(--first-color);cursor:pointer;transition:.4s}.dark-theme .normal{box-shadow:6px 6px 16px hsla(var(--hue-color),8%,12%,1),-6px -6px 16px hsla(var(--hue-color),8%,20%,1),inset -6px -6px 16px hsla(var(--hue-color),8%,20%,1),inset 6px 6px 12px hsla(var(--hue-color),8%,12%,1)}.dark-theme .clock__theme{box-shadow:inset -1px -1px 1px hsla(var(--hue-color),8%,20%,1),inset 1px 1px 1px hsla(var(--hue-color),8%,12%,1)}*{box-sizing:border-box;padding:0}*,body{margin:0}body{font-family:var(--body-font);background-color:var(--body-color);color:var(--text-color);transition:.4s}a{text-decoration:none}.mid-container{height:52vh;padding:.625rem;background-repeat:no-repeat;background-attachment:fixed;width:100vw;background-size:cover}.flex-container{display:flex;align-items:center;justify-content:space-around;min-width:0}.clock__container{overflow:visible;min-width:0;min-height:0;flex:1 1 0%;margin-top:calc(-50 * 100vh / 1080);position:relative;top:-20px;transform:translateY(-20px)}.mid-container.mid-container--announcement{margin-top:0}.clock__container.clock__container--announcement{margin-top:0;top:0;transform:none;align-items:center}@media screen and (width:1280px) and (height:720px){.clock__container.clock__container--announcement{margin-top:0;top:0;transform:translateY(-20px);padding-top:0}.clock_right{margin-inline-start:-4.6vw!important;padding-inline-start:3.2vw!important;padding-inline-end:3.2vw!important}.clock_right [data-testid=prayer-time]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:0}.clock_right #next-prayer-time{width:100%;margin-inline-start:0!important;justify-content:center!important}}@media screen and (width:1920px) and (height:1080px){.mid-container.mid-container--announcement{margin-top:3.6vh}.clock__container.clock__container--announcement{margin-top:calc(-50 * 100vh / 1080);top:-20px;transform:translateY(-20px)}}@media screen and (max-width:960px) and (max-height:540px){.clock-stack>.clock{margin-inline-end:clamp(-1.2vw,-.9vw,-.6vw)}.mid-container{margin-top:0!important;padding-top:.5vh;padding-bottom:.5vh}.clock__container{top:0!important;transform:none!important;align-items:center}.appscanner,.clock__container{margin-top:0!important}.clock_right{margin-inline-start:-3.25vw!important;padding-inline-start:clamp(1.1vw,2vw,2.8vw)!important;padding-inline-end:clamp(2vw,3.5vw,5vw)!important}.clock_right [data-testid=prayer-time]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:clamp(.6vw,1.2vw,2vw)}.clock_right #next-prayer-time{margin-inline-start:0!important;width:100%;justify-content:center!important}}@media screen and (max-width:1024px) and (max-height:576px){.clock-stack>.clock{margin-inline-end:clamp(-1.1vw,-.8vw,-.5vw)}.clock_right{margin-inline-start:-3.6vw!important;padding-inline-start:clamp(1vw,1.7vw,2.5vw)!important;padding-inline-end:clamp(1.8vw,3vw,4.8vw)!important}.clock_right [data-testid=prayer-time]{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-inline:clamp(.5vw,1vw,1.8vw)}.clock_right #next-prayer-time{margin-inline-start:0!important;width:100%;justify-content:center!important}}.norm_clock{border:clamp(.3rem,.5vw,.75rem) solid #154f30;background:white;position:relative;width:min(14vw,14vh);height:min(14vw,14vh);border-radius:50%;justify-self:center;display:flex;justify-content:center;align-items:center;transition:.4s}.clock__content{align-self:center;row-gap:3.5rem}.clock__nine,.clock__six,.clock__three,.clock__twelve{position:absolute;width:1rem;height:1px;background-color:var(--text-color-light)}.clock__six,.clock__twelve{transform:translateX(-50%) rotate(90deg)}.clock__twelve{top:1.25rem;left:50%}.clock__three{top:50%;right:.75rem}.clock__six{bottom:1.25rem;left:50%}.clock__nine{left:.75rem;top:50%}.clock__rounder{width:.25rem;height:.25rem;background-color:var(--clock-rounder);border-radius:50%;border:.125rem solid var(--body-color);z-index:var(--z-tooltip)}.clock__hour,.clock__minutes,.clock__seconds{position:absolute;display:flex;justify-content:center}.clock__hour{width:6.5625rem;height:5.375rem}.clock__hour:before{content:"";position:absolute;width:.25rem;height:4rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__minutes{width:8.5rem;height:7.75rem}.clock__minutes:before{content:"";position:absolute;width:.25rem;height:5rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__seconds{width:8.125rem;height:6.25rem}.clock__seconds:before{content:"";position:absolute;background-color:black;width:.105rem;height:5rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__logo{width:max-content;justify-self:center;margin-bottom:var(--mb-2-5);font-size:var(--smaller-font-size);font-weight:var(--font-medium);color:var(--text-color-light);transition:.3s}.clock__logo:hover{color:var(--first-color)}.clock__text{display:flex;justify-content:center}.clock__text-hour,.clock__text-minutes{font-size:var(--biggest-font-size);font-weight:var(--font-medium);color:var(--title-color)}.clock__text-ampm{font-size:var(--tiny-font-size);color:var(--title-color);font-weight:var(--font-medium);margin-left:var(--mb-0-25)}.clock__date{text-align:center;font-size:var(--small-font-size);font-weight:var(--font-medium)}.prayer-times .iqama-change{font-size:clamp(.5rem,.8vw,1.4rem);line-height:clamp(1rem,1.3vw,1.9rem)}.clock__logo{margin-bottom:clamp(1.5rem,2.5vw,3rem)}@media screen and (min-width:1200px){.norm_clock{border:.75rem solid #154f30;position:relative;width:min(14vw,14vh);height:min(14vw,14vh);border-radius:50%;justify-self:center;transition:.4s}.israq,.norm_clock{background:white;display:flex;justify-content:center;align-items:center}.israq{width:24vw;border-radius:1.25rem;box-shadow:2px 2px 5px 3px #00000014;gap:.625rem;color:#2e382e}.clock__hour,.clock__minutes,.clock__seconds{position:absolute;display:flex;justify-content:center}.clock__hour{width:6.5625rem;height:6.25rem}.clock__hour:before{content:"";position:absolute;width:.25rem;height:4rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__minutes{width:8.5rem;height:7.75rem}.clock__minutes:before{content:"";position:absolute;width:.25rem;height:5rem;border-radius:.75rem;z-index:var(--z-normal)}.clock__seconds{width:8.125rem;height:8.125rem}}.clock_ishraq{gap:clamp(.75rem,1.5vh,1.25rem)}.header{padding:clamp(.4rem,1vh,1.25rem)}@media screen and (max-height:768px){.clock:not(.clock-proportional)>.clock__hour{width:5rem;height:4rem}.clock:not(.clock-proportional)>.clock__hour:before{height:3rem}.clock:not(.clock-proportional)>.clock__minutes{width:6.5rem;height:6rem}.clock:not(.clock-proportional)>.clock__minutes:before{height:3.75rem}.clock:not(.clock-proportional)>.clock__seconds{width:6rem;height:4.75rem}.clock:not(.clock-proportional)>.clock__seconds:before{height:3.75rem}}.clock-proportional{container-type:size;container-name:peaceful-dial;overflow:visible}.clock-proportional>.clock__rounder{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(.3rem,1.5cqh,.9rem);height:clamp(.3rem,1.5cqh,.9rem);border-radius:50%;background-color:#888;border:clamp(.06rem,.25cqh,.15rem) solid var(--body-color);z-index:20}.clock-proportional>.clock__hour,.clock-proportional>.clock__minutes,.clock-proportional>.clock__seconds{position:absolute;left:50%;top:auto;width:auto;overflow:visible;display:flex;justify-content:center;align-items:flex-end}.clock-proportional>.clock__hour{bottom:calc(50% - 10cqh);height:40cqh;transform-origin:50% calc(100% - 10cqh);z-index:3}.clock-proportional>.clock__minutes{bottom:calc(50% - 10cqh);height:52cqh;transform-origin:50% calc(100% - 10cqh);z-index:4}.clock-proportional>.clock__seconds{bottom:calc(50% - 12cqh);height:54cqh;width:.12rem;min-width:.12rem;transform-origin:50% calc(100% - 12cqh);z-index:5}.clock-proportional>.clock__hour:before,.clock-proportional>.clock__minutes:before{display:none}.clock-proportional>.clock__hour img,.clock-proportional>.clock__minutes img{display:block;height:100%;width:auto;max-width:20cqh;object-fit:contain;object-position:center bottom;pointer-events:none}.clock-proportional>.clock__seconds:before{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:.1rem;height:100%;border-radius:.75rem;background-color:black;z-index:var(--z-normal)}