@charset "UTF-8";.navigation{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:absolute;z-index:999;top:0;left:0;right:0}.navigation .dark-background{position:fixed;height:100%;width:100%;transition:opacity .3s ease,visibility .3s ease;background:#392414d3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);top:0;bottom:0;left:0;right:0;z-index:9;transition:1s ease-in-out}@media (min-width: 950px){.navigation .dark-background{display:none}}.navigation .site-logo img{width:50px;height:auto;filter:drop-shadow(2px 4px 1px rgba(0,0,0,.046));transition:.5s ease-in-out}.navigation .site-logo img:hover{filter:drop-shadow(2px 4px 1px rgba(0,0,0,.2))}.navigation ul{background-color:var(--background-secondary-color);position:fixed;top:0;right:0;bottom:0;left:0;margin-left:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.6s ease-in-out;z-index:9999;padding-left:20px;width:100%;max-height:100vh}@media (min-width: 650px){.navigation ul{width:50%}}@media (min-width: 950px){.navigation ul{margin:0;position:relative;flex-direction:row;justify-content:space-between;width:auto;padding:0;width:80%;background:none;transition:none}}@media (max-height: 440px){.navigation ul{margin:0;position:relative;flex-direction:row;justify-content:space-between;width:auto;padding:0;width:80%;background:none}}.navigation ul .small-screen-size-navigation-menu-header{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 40px;top:0;left:0;right:0}@media (min-width: 950px){.navigation ul .small-screen-size-navigation-menu-header{display:none}}@media (max-height: 440px){.navigation ul .small-screen-size-navigation-menu-header{display:none}}.navigation ul .small-screen-size-navigation-menu-header .close-menu-btn-container{width:30px;cursor:pointer}.navigation ul .small-screen-size-navigation-menu-header .close-menu-btn-container button{width:100%;border:none;background:none}.navigation ul .small-screen-size-navigation-menu-header .close-menu-btn-container button svg{color:var(--accent-color);stroke-width:2px}.navigation ul li{display:block;width:100%;padding:20px;font-size:1.2em}@media (min-width: 950px){.navigation ul li{padding:0;width:auto}}@media (max-height: 440px){.navigation ul li{padding:0;width:auto}}.navigation ul li a{color:#000;font-weight:400;transition:.3s ease-in-out}@media (min-width: 950px){.navigation ul li a{font-size:.8em}}@media (min-width: 1150px){.navigation ul li a{font-size:.85em}}@media (max-height: 440px){.navigation ul li a{font-size:.7em;font-weight:500}}@media (max-height: 330px){.navigation ul li a{font-size:.6em}}@media (min-width: 1300px){.navigation ul li a{font-size:.8em}}.navigation ul li a:hover{opacity:.7}.navigation ul li .active{font-weight:700;position:relative}.navigation ul li .active:after{content:"·";position:absolute;top:4px;left:50%;transform:translate(-50%);display:block;font-size:2em;color:var(--accent-color)}.navigation ul .small-screen-size-navigation-menu-other-links{position:absolute;display:flex;align-items:center;bottom:0;padding:40px 10px 40px 20px;left:0;right:0}@media (min-width: 950px){.navigation ul .small-screen-size-navigation-menu-other-links{display:none}}@media (max-height: 440px){.navigation ul .small-screen-size-navigation-menu-other-links{display:none}}@media (max-width: 330px){.navigation ul .small-screen-size-navigation-menu-other-links{display:none}}.navigation ul .small-screen-size-navigation-menu-other-links li{display:block;width:auto}.navigation ul .small-screen-size-navigation-menu-other-links li a{color:var(--text-secondary-color);font-weight:400;font-size:.6em;padding:0;display:block}.navigation .show-small-screen-size-navigation-menu{margin-left:0;transition:.6s ease-in-out}@media (min-width: 650px){.navigation .show-small-screen-size-navigation-menu{margin-left:50%}}.navigation .navigation-menu-btn-container{display:flex;justify-content:center;align-items:center}@media (min-width: 950px){.navigation .navigation-menu-btn-container{display:none}}@media (max-height: 440px){.navigation .navigation-menu-btn-container{display:none}}.navigation .navigation-menu-btn-container .menu-btn{width:30px;display:flex;justify-content:center;align-items:center;background:none;border:none}.navigation .navigation-menu-btn-container .menu-btn svg{stroke:var(--accent-color);stroke-width:2px}.hide-nav{z-index:1}@media (min-width: 650px){.navigation{padding:40px 70px}}@media (max-height: 440px){.navigation{padding:20px 70px}.surah-nav{background-color:var(--background-primary-color);padding:10px 70px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}}@media (min-width: 950px){.navigation{padding:40px 100px;flex-direction:row-reverse}.surah-nav{background-color:var(--background-primary-color);padding:10px 100px;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;position:fixed}}@media (min-width: 1150px){.navigation{padding:30px 180px}.surah-nav{padding:10px 180px}}@media (min-width: 1300px){.navigation{padding:30px 250px}.surah-nav{padding:9px 250px;position:fixed}}@media (min-width: 1420px){.navigation{padding:30px 300px}.surah-nav{padding:10px 300px}}@media (min-width: 1550px){.navigation{padding:30px 370px}.surah-nav{padding:10px 370px}}@media (min-width: 1750px){.navigation{padding:30px 450px}.surah-nav{padding:10px 450px}}@media (min-width: 1850px){.navigation{padding:30px 510px}.surah-nav{padding:10px 510px}}@media (min-width: 2150px){.navigation{padding:30px 850px}.surah-nav{padding:10px 850px}}@media (min-width: 2850px){.navigation{padding:30px 1500px}.surah-nav{padding:10px 1500px}}@media (min-width: 5000px){.navigation{padding:30px 2200px}.surah-nav{padding:10px 2200px}}.success-feedback-popup{display:flex;justify-content:center;align-items:center;flex-direction:column}.success-feedback-popup .cancel{margin-left:80%;transform:translateY(60%);font-size:1.2em;cursor:pointer}.success-feedback-popup .thank-you-title{font-weight:600;font-size:1.2em;margin-bottom:20px;margin-top:20px;transform:translateY(-110%)}.success-feedback-popup .success-img-container{display:flex;justify-content:center;align-items:center;padding:20px}.success-feedback-popup .success-img-container img{width:50%;filter:drop-shadow(3px 2px 2px rgba(0,0,0,.165))}.success-feedback-popup .success-img-container .quran-loading{height:220px;width:220px;border-radius:50%;background:var(--accent-color);margin:auto;filter:blur(5px);opacity:.03}.success-feedback-popup .feedback-message{text-align:center;padding:20px;width:90%;margin:auto;font-size:.9em;font-weight:500}.feedback-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#392414d3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feedback-popup .popup-content{transition:transform .3s ease;width:90%;border-radius:4px;height:fit-content;margin-bottom:0}@media (min-width: 650px){.feedback-popup .popup-content{width:70%}}@media (min-width: 950px){.feedback-popup .popup-content{width:55%}}@media (min-width: 1150px){.feedback-popup .popup-content{width:48%}}@media (min-width: 1300px){.feedback-popup .popup-content{width:38%}}@media (min-width: 1420px){.feedback-popup .popup-content{width:37%}}@media (min-width: 1550px){.feedback-popup .popup-content{width:35%}}@media (min-width: 1750px){.feedback-popup .popup-content{width:32%}}@media (min-width: 1850px){.feedback-popup .popup-content{width:28%}}@media (min-width: 2150px){.feedback-popup .popup-content{width:23%}}@media (min-width: 2850px){.feedback-popup .popup-content{width:17%}}@media (min-width: 5000px){.feedback-popup .popup-content{width:12%}}@media (max-width: 330px){.feedback-popup .popup-content{max-height:85%;overflow:scroll}}@media (max-height: 440px){.feedback-popup .popup-content{width:70%;max-height:80%;overflow-y:scroll}}.feedback-popup .popup-content .main-content{background:var(--background-secondary-color);border-radius:4px;padding:20px 10px 10px;height:auto}.feedback-popup .popup-content .main-content .feedback-header{padding:10px 20px 0;display:flex;justify-content:space-between;align-items:center}.feedback-popup .popup-content .main-content .feedback-header .feedback-title{font-size:1.2em;font-weight:500}.feedback-popup .popup-content .main-content .feedback-header .cancel-btn{cursor:pointer}.feedback-popup .popup-content .main-content .rating-and-message-section{padding:20px;border-radius:8px;max-height:none}.feedback-popup .popup-content .main-content .rating-and-message-section .rating-question{font-weight:400}.feedback-popup .popup-content .main-content .rating-and-message-section .star-rating{font-size:2em;margin-right:20px;display:block;margin-bottom:10px}.feedback-popup .popup-content .main-content .rating-and-message-section .star-rating span{cursor:pointer;transition:.1s ease-in-out}.feedback-popup .popup-content .main-content .rating-and-message-section .filled{color:var(--accent-color)}.feedback-popup .popup-content .main-content .rating-and-message-section .empty{color:#dad7d7}.feedback-popup .popup-content .main-content .rating-and-message-section .tell-us{font-weight:500;margin-bottom:10px}.feedback-popup .popup-content .main-content .rating-and-message-section .feedback-input{margin-bottom:20px}.feedback-popup .popup-content .main-content .rating-and-message-section .feedback-input textarea{width:100%;background:none;border:2px solid lightgrey;border-radius:4px;padding:10px;color:var(--text-secondary-color)}.feedback-popup .popup-content .main-content .rating-and-message-section .feedback-input .text-area-error{border:2px solid rgba(122,7,7,.2470588235);margin-bottom:-10px}.feedback-popup .popup-content .main-content .rating-error-message .error-message{font-size:.35em;margin:-8px 0 0;font-weight:500;color:#7a0707ab;padding:0}.feedback-popup .popup-content .main-content .feedback-error-message .error-message{font-size:.8em;margin:-10px 0 20px;font-weight:500;color:#7a0707ab;padding:0}.feedback-popup .popup-content .main-content .feedback-actions button{padding:10px 15px;border:none;background:none;font-weight:500;border-radius:24px;transition:.3s ease-in-out}.feedback-popup .popup-content .main-content .feedback-actions button:disabled{opacity:.8;cursor:not-allowed}.feedback-popup .popup-content .main-content .feedback-actions .share-feedback-btn{background-color:var(--accent-color);color:#fff;margin-right:10px;border:2px solid rgba(255,255,255,.229)}.feedback-popup .popup-content .main-content .feedback-actions .share-feedback-btn:hover{background-color:#a6643b}.feedback-popup .popup-content .main-content .feedback-actions .cancel-feedback-btn{font-weight:700;color:var(--text-secondary-color)}.feedback-popup .popup-content .main-content .feedback-actions .cancel-feedback-btn:hover{font-weight:bolder;color:#000}.star-and-eclipse-icons{transition:.3s ease-in-out}.star-and-eclipse-icons .star{position:absolute;top:-3%;right:10%;transition:.3s ease-in-out}@media (min-width: 650px){.star-and-eclipse-icons .star{left:45%;top:5%}}@media (min-width: 950px){.star-and-eclipse-icons .star{left:40%;top:17%}}@media (min-width: 1150px){.star-and-eclipse-icons .star{left:40%;top:15%}}@media (min-width: 1280px){.star-and-eclipse-icons .star{left:37%;top:15%}}.star-and-eclipse-icons .star svg{animation:twinklingAnimation 5s infinite;transition:1s ease-in-out}.star-and-eclipse-icons .eclipse-icon{position:absolute;top:-1%;right:4%}@media (min-width: 650px){.star-and-eclipse-icons .eclipse-icon{top:-5%;right:5%}}@media (min-width: 950px){.star-and-eclipse-icons .eclipse-icon{top:0%;right:3%}}@media (min-width: 1150px){.star-and-eclipse-icons .eclipse-icon{top:-4%;right:4%}}@media (min-width: 1280px){.star-and-eclipse-icons .eclipse-icon{top:7%;right:8%}}footer{position:relative;padding:20px;overflow:hidden}footer .footer-content{transition:.3s ease-in-out;position:relative}footer .footer-content .footer-title-feedback-btn-and-quran-image-container{display:flex;justify-content:space-between;align-items:center;margin-top:30px;margin-bottom:10px}@media (min-width: 950px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container{margin-top:0}}footer .footer-content .footer-title-feedback-btn-and-quran-image-container .title-and-btn{width:auto}@media (min-width: 650px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container .title-and-btn{width:50%}}footer .footer-content .footer-title-feedback-btn-and-quran-image-container .title-and-btn h2{text-align:left}footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img{display:flex;justify-content:center;align-items:center}@media (min-width: 650px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img{width:45%}}footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img img{filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4));width:170px}@media (min-width: 650px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img img{width:200px}}@media (min-width: 950px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img img{width:220px}}@media (min-width: 1150px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img img{width:200px}}@media (min-width: 1300px){footer .footer-content .footer-title-feedback-btn-and-quran-image-container .quran-img img{width:180px}}footer .footer-content .small-screen-feedback-btn{margin-bottom:40px}footer .footer-content .small-screen-feedback-btn button{padding:12px 23px;border-radius:30px 40px 40px 30px;white-space:nowrap}footer .footer-content .small-screen-feedback-btn .fund-our-work{display:block;margin-top:15px}footer .footer-content .big-screen-feedback-btn{display:none}@media (min-width: 650px){footer .footer-content .big-screen-feedback-btn{display:flex;justify-content:start;align-items:center;font-size:.9em}}footer .footer-content .big-screen-feedback-btn button{white-space:nowrap}footer .footer-content .big-screen-feedback-btn .fund-our-work{display:block;margin-left:10px}@media (min-width: 650px){footer .footer-content .site-logo-and-footer-links{display:flex;justify-content:space-between;align-items:center;border-top:2px solid rgba(255,255,255,.652);border-bottom:2px solid rgba(255,255,255,.652);padding-bottom:10px;padding-top:10px;margin-top:40px;margin-bottom:30px}}footer .footer-content .site-logo-and-footer-links .site-logo-and-name{display:flex;justify-content:start;align-items:center;margin-bottom:30px}@media (min-width: 650px){footer .footer-content .site-logo-and-footer-links .site-logo-and-name{justify-content:center;flex-direction:column;margin-bottom:0}}footer .footer-content .site-logo-and-footer-links .site-logo-and-name a img{margin-right:10px;filter:drop-shadow(2px 4px 1px rgba(0,0,0,.127));transition:.5s ease-in-out}@media (min-width: 650px){footer .footer-content .site-logo-and-footer-links .site-logo-and-name a img{margin-bottom:0}}@media (min-width: 650px){footer .footer-content .site-logo-and-footer-links .site-logo-and-name .site-name{font-size:.9em;margin-bottom:10px}}@media (min-width: 1300px){footer .footer-content .site-logo-and-footer-links .site-logo-and-name .site-name{font-size:.8em}}footer .footer-content .site-logo-and-footer-links .footer-links{border-top:2px solid rgba(255,255,255,.908);border-bottom:2px solid rgba(255,255,255,.908);padding:5px;display:flex;justify-content:start;font-weight:400;font-size:.95em;margin-bottom:30px}@media (min-width: 650px){footer .footer-content .site-logo-and-footer-links .footer-links{border:none;margin-bottom:0;width:60%;font-size:.95em}}footer .footer-content .site-logo-and-footer-links .footer-links a{display:block;padding-bottom:5px;color:var(--text-primary-color);font-size:.9em}footer .footer-content .site-logo-and-footer-links .footer-links .primary-links{border-right:2px solid rgba(255,255,255,.908);padding-top:20px;width:60%}@media (min-width: 650px){footer .footer-content .site-logo-and-footer-links .footer-links .primary-links{border-right:none;border-left:2px solid rgba(255,255,255,.652);padding-left:40px}}footer .footer-content .site-logo-and-footer-links .footer-links .secondary-links{margin-left:30px;padding-top:20px;text-align:left}footer .footer-content .copyright{text-align:center}@media (min-width: 650px){footer .footer-content .copyright{display:flex;justify-content:center}}footer .footer-content .copyright .copyright-info{font-weight:200px;margin-bottom:15px;font-size:.6em}@media (min-width: 650px){footer .footer-content .copyright .copyright-info{font-weight:300;font-size:.7em}}.move-left{transform:translate(0)}@media (min-width: 950px){.move-left{transform:translate(150px)}}@media (min-width: 650px){footer{padding:60px}}@media (min-width: 950px){footer{padding:100px 100px 50px;box-shadow:#00000029 0 1px 4px}}@media (min-width: 1150px){footer{padding:100px 180px 50px}}@media (min-width: 1300px){footer{padding:80px 250px 20px}}@media (min-width: 1420px){footer{padding:80px 300px 20px}}@media (min-width: 1550px){footer{padding:100px 370px 50px}}@media (min-width: 1750px){footer{padding:100px 450px 50px}}@media (min-width: 1850px){footer{padding:100px 510px 50px}}@media (min-width: 2150px){footer{padding:100px 850px 50px}}@media (min-width: 2850px){footer{padding:100px 1500px 50px}}@media (min-width: 5000px){footer{padding:100px 2200px 50px}}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2) format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-ext-400-normal-F_7Nq69v.woff2) format("woff2"),url(/assets/dm-serif-display-latin-ext-400-normal-BqbNUkRK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-B8alCAS1.woff2) format("woff2"),url(/assets/dm-serif-display-latin-400-normal-CW1v3QHq.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.stars-and-eclipse-icons .star:nth-of-type(1){right:14%;top:20%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(1){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(2){right:14%;top:20%}.stars-and-eclipse-icons .star:nth-of-type(3){left:14%;top:20%}.stars-and-eclipse-icons .star:nth-of-type(4){left:30%;top:46%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(4){visibility:visible}}.stars-and-eclipse-icons .eclipse{position:absolute;z-index:-99;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .eclipse{visibility:visible}}.stars-and-eclipse-icons .left-eclipse{left:5%;top:75%}.stars-and-eclipse-icons .right-eclipse{right:5%;top:75%}#not-found-page{padding-top:90px;padding-bottom:10px;position:relative}#not-found-page .not-found-page-hero{position:relative;z-index:9;margin-top:100px;margin-bottom:100px}@media (min-width: 1250px){#not-found-page .not-found-page-hero{margin-top:50px;margin-bottom:65px}}#not-found-page .not-found-page-hero .title-and-info h2{text-align:center;font-size:7em;margin-bottom:60px;font-weight:400;letter-spacing:-.015em}@media (min-width: 650px){#not-found-page .not-found-page-hero .title-and-info h2{width:90%}}@media (min-width: 950px){#not-found-page .not-found-page-hero .title-and-info h2{width:100%}}@media (min-width: 1300px){#not-found-page .not-found-page-hero .title-and-info h2{font-size:7em;margin-bottom:50px}}@media (max-width: 330px){#not-found-page .not-found-page-hero .title-and-info h2{font-size:7em}}@media (max-height: 440px){#not-found-page .not-found-page-hero .title-and-info h2{font-size:7em}}#not-found-page .not-found-page-hero .title-and-info p{width:90%;margin:auto auto 30px;font-size:1em;font-weight:400;line-height:24px;text-align:center;z-index:99999}@media (min-width: 950px){#not-found-page .not-found-page-hero .title-and-info p{padding-inline:50px}}@media (min-width: 1300px){#not-found-page .not-found-page-hero .title-and-info p{font-size:.9em;padding-inline:110px;margin-top:20px}}#not-found-page .not-found-page-hero .title-and-info .show-in-small-screen{display:block}@media (min-width: 950px){#not-found-page .not-found-page-hero .title-and-info .show-in-small-screen{display:none}}#not-found-page .not-found-page-hero .title-and-info .show-in-big-screen{display:none}@media (min-width: 950px){#not-found-page .not-found-page-hero .title-and-info .show-in-big-screen{display:block}}@media (min-width: 650px){#not-found-page .not-found-page-hero h2,#not-found-page .not-found-page-hero p{width:85%;margin:auto auto 30px}#not-found-page .not-found-page-hero h2{margin-bottom:20px}}@media (min-width: 950px){#not-found-page .not-found-page-hero h2{width:75%}}@media (min-width: 1150px){#not-found-page .not-found-page-hero h2{width:80%}}#not-found-page .not-found-page-hero .btn{margin-bottom:40px;justify-content:center}@media (min-width: 650px){#not-found-page{padding:120px 50px 20px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}}@media (min-width: 950px){#not-found-page{padding:140px 70px 20px}}@media (min-width: 1150px){#not-found-page{padding:130px 140px 30px}}@media (min-width: 1300px){#not-found-page{padding:140px 230px 20px}}@media (min-width: 1420px){#not-found-page{padding:140px 290px 20px}}@media (min-width: 1550px){#not-found-page{padding:140px 360px 20px}}@media (min-width: 1750px){#not-found-page{padding:140px 400px 20px}}@media (min-width: 1850px){#not-found-page{padding:140px 510px 20px}}@media (min-width: 2150px){#not-found-page{padding:140px 850px 20px}}@media (min-width: 2850px){#not-found-page{padding:140px 1500px 20px}}@media (min-width: 5000px){#not-found-page{padding:140px 2200px 20px}}.stars-and-eclipse-icons{position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:-99999}.stars-and-eclipse-icons .star{position:absolute;width:20px;height:20px}.stars-and-eclipse-icons .star:nth-of-type(1){right:14%;top:18%}.stars-and-eclipse-icons .star:nth-of-type(2){right:5%;top:39%}.stars-and-eclipse-icons .star:nth-of-type(3){left:18%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(4){left:30%;top:46%}.stars-and-eclipse-icons .star:nth-of-type(5){left:5%;top:25%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(5){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(6){right:5%;top:25%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(6){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(7){left:15%;top:80%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(7){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(7) svg{width:18px}.stars-and-eclipse-icons .star:nth-of-type(8){right:15%;top:80%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(8){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(8) svg{width:18px}.stars-and-eclipse-icons .star:nth-of-type(9){left:10%;top:50%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(9){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(9) svg{width:18px}.stars-and-eclipse-icons .star:nth-of-type(10){right:10%;top:50%;visibility:hidden}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(10){visibility:visible}}.stars-and-eclipse-icons .star:nth-of-type(10) svg{width:18px}@media (min-width: 650px){.stars-and-eclipse-icons .star:nth-of-type(1){right:20%;top:65%}.stars-and-eclipse-icons .star:nth-of-type(2){right:10%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(3){left:10%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(4){left:20%;top:65%}}@media (min-width: 950px){.stars-and-eclipse-icons .star:nth-of-type(1){right:25%;top:65%}.stars-and-eclipse-icons .star:nth-of-type(2){right:15%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(3){left:15%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(4){left:25%;top:65%}}@media (min-width: 1150px){.stars-and-eclipse-icons .star:nth-of-type(2){right:20%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(3){left:20%;top:43%}}@media (min-width: 1300px){.stars-and-eclipse-icons .star:nth-of-type(1){right:35%;top:65%}.stars-and-eclipse-icons .star:nth-of-type(2){right:28%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(3){left:28%;top:43%}.stars-and-eclipse-icons .star:nth-of-type(4){left:35%;top:65%}}.stars-and-eclipse-icons .star:nth-of-type(1){animation:twinklingAnimation 3s infinite,glowAnimation 3s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(2){animation:twinklingAnimation 2s infinite,glowAnimation 2s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(3){animation:twinklingAnimation 4s infinite,glowAnimation 4s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(4){animation:twinklingAnimation 2.5s infinite,glowAnimation 2.5s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(5){animation:twinklingAnimation 3.5s infinite,glowAnimation 3.5s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(6){animation:twinklingAnimation 2.5s infinite,glowAnimation 2.5s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(7){animation:twinklingAnimation 4s infinite,glowAnimation 4s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(8){animation:twinklingAnimation 3s infinite,glowAnimation 3s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(9){animation:twinklingAnimation 3.8s infinite,glowAnimation 3.8s infinite alternate}.stars-and-eclipse-icons .star:nth-of-type(10){animation:twinklingAnimation 2.7s infinite,glowAnimation 2.7s infinite alternate}@keyframes twinklingAnimation{0%{opacity:.5}50%{opacity:1}to{opacity:.8}}@keyframes glowAnimation{0%{filter:drop-shadow(0 0 5px rgb(250,250,250))}to{filter:drop-shadow(0 0 5px rgb(237,237,237))}}.stars-and-eclipse-icons .eclipse{position:absolute;z-index:-99}.stars-and-eclipse-icons .left-eclipse{left:7%;top:30%}.stars-and-eclipse-icons .right-eclipse{right:15%;top:58%}.stars-and-eclipse-icons .bottom-eclipse{display:none}@media (min-width: 650px){.stars-and-eclipse-icons .left-eclipse{left:7%;top:25%}.stars-and-eclipse-icons .right-eclipse{right:7%;top:58%}.stars-and-eclipse-icons .bottom-eclipse{display:block;left:13%;bottom:8%}}@media (min-width: 950px){.stars-and-eclipse-icons .left-eclipse{left:10%;top:25%}.stars-and-eclipse-icons .right-eclipse{right:10%;top:58%}}@media (min-width: 1150px){.stars-and-eclipse-icons .left-eclipse{left:18%;top:25%}.stars-and-eclipse-icons .right-eclipse{right:18%;top:58%}.stars-and-eclipse-icons .bottom-eclipse{left:19%}}@media (min-width: 1300px){.stars-and-eclipse-icons .left-eclipse{left:25%;top:25%}.stars-and-eclipse-icons .right-eclipse{right:25%;top:58%}.stars-and-eclipse-icons .bottom-eclipse{left:26%;bottom:12%}}#home-hero{position:relative;padding-top:50px;display:flex;justify-content:center;align-items:center;height:100svh}#home-hero .trapezium-light{position:absolute;top:0;left:10%;right:10%;height:400px;z-index:-99;background:var(--linear-gradient);clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%)}@media (min-width: 650px){#home-hero .trapezium-light{right:20%;left:20%}}@media (min-width: 950px){#home-hero .trapezium-light{right:24%;left:24%}}@media (min-width: 1150px){#home-hero .trapezium-light{right:28%;left:28%}}@media (min-width: 1300px){#home-hero .trapezium-light{right:35%;left:35%}}@media (min-width: 1550px){#home-hero .trapezium-light{right:38%;left:38%}}#home-hero .hero-content h1{width:100%;margin:auto auto 20px;font-size:2.7em;font-weight:400;line-height:45px;letter-spacing:-.015em;text-align:center}@media (min-width: 650px){#home-hero .hero-content h1{margin-top:100px;font-size:3.5em;line-height:65px;width:90%;letter-spacing:0}}@media (min-width: 950px){#home-hero .hero-content h1{margin-top:150px;font-size:2.8em;line-height:55px;width:100%}}@media (min-width: 1300px){#home-hero .hero-content h1{margin-top:150px;font-size:2.5em;line-height:45px;text-shadow:2px 2px 4px rgba(0,0,0,.05)}}@media (max-width: 330px){#home-hero .hero-content h1{margin-top:30px;font-size:2em;line-height:1.1}}@media (max-height: 330px){#home-hero .hero-content h1{margin-top:50px}}@media (max-height: 440px){#home-hero .hero-content h1{font-size:2.8em;line-height:1;margin-top:50px}}#home-hero .hero-content .quran-image{display:flex;justify-content:center;align-items:center;filter:drop-shadow(0px 30px 10px rgba(0,0,0,.133));width:75%;margin:auto}@media (min-width: 650px){#home-hero .hero-content .quran-image{width:45%}}@media (min-width: 950px){#home-hero .hero-content .quran-image{width:50%}}#home-hero .hero-content .quran-image img{width:100%;animation:bobble 2s ease-in-out infinite}@keyframes bobble{0%,to{transform:translateY(10px)}50%{transform:translateY(0)}}#home-hero .hero-content .quran-img-loading{height:220px;width:220px;border-radius:50%;background:var(--accent-color);margin:auto;filter:blur(5px);opacity:.03}#home-hero .hero-content .scroll-down-icon{margin-top:30px;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}#home-hero .hero-content .scroll-down-icon svg{animation:bounce 1s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 330px){#home-hero{height:auto}}@media (max-height: 330px){#home-hero{height:auto}}@media (min-width: 650px){#home-hero{padding:60px;height:auto}}@media (min-width: 950px){#home-hero{padding:10px 80px 20px}}@media (min-width: 1150px){#home-hero{padding:10px 100px 30px}}@media (min-width: 1300px){#home-hero{padding:10px 200px 40px}}@media (min-width: 1420px){#home-hero{padding:10px 250px 40px}}@media (min-width: 1400px){#home-hero{padding:50px 350px}}@media (min-width: 1550px){#home-hero{padding:50px 380px}}@media (min-width: 1750px){#home-hero{padding:50px 450px}}@media (min-width: 1850px){#home-hero{padding:50px 550px}}@media (min-width: 2150px){#home-hero{padding:50px 650px}}@media (min-width: 2850px){#home-hero{padding:50px 1500px}}@media (min-width: 5000px){#home-hero{padding:50px 2200px}}.cant-pick-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#392414d3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cant-pick-popup .cant-pick-popup-content{transition:transform .3s ease;width:90%;border-radius:4px;height:fit-content;margin-bottom:20px}@media (min-width: 650px){.cant-pick-popup .cant-pick-popup-content{width:70%}}@media (min-width: 950px){.cant-pick-popup .cant-pick-popup-content{width:60%}}@media (min-width: 1150px){.cant-pick-popup .cant-pick-popup-content{width:48%}}@media (min-width: 1300px){.cant-pick-popup .cant-pick-popup-content{width:40%}}@media (min-width: 1420px){.cant-pick-popup .cant-pick-popup-content{width:37%}}@media (min-width: 1550px){.cant-pick-popup .cant-pick-popup-content{width:32%}}@media (min-width: 1750px){.cant-pick-popup .cant-pick-popup-content{width:29%}}@media (min-width: 1850px){.cant-pick-popup .cant-pick-popup-content{width:26%}}@media (min-width: 2150px){.cant-pick-popup .cant-pick-popup-content{width:22%}}@media (min-width: 2850px){.cant-pick-popup .cant-pick-popup-content{width:17%}}@media (min-width: 5000px){.cant-pick-popup .cant-pick-popup-content{width:12%}}@media (max-height: 440px){.cant-pick-popup .cant-pick-popup-content{width:70%;margin-top:5px;max-height:80%;overflow:scroll}}.cant-pick-popup .cant-pick-popup-content .main-content{background:var(--background-secondary-color);border-radius:8px;padding:25px}.cant-pick-popup .cant-pick-popup-content .main-content .popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.cant-pick-popup .cant-pick-popup-content .main-content .popup-header .cancel-button svg{cursor:pointer;transition:.1s ease-in-out}.cant-pick-popup .cant-pick-popup-content .main-content .popup-header .cancel-button svg:hover{filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.cant-pick-popup .cant-pick-popup-content .main-content .time-picker-title{text-align:center;margin:0 0 40px;font-size:1.1rem;color:#412005;font-weight:500}@media (max-width: 330px){.cant-pick-popup .cant-pick-popup-content .main-content .time-picker-title{font-size:.95em}}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker{margin-top:20px;position:relative}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker input[type=range]{width:90%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#d0ad90;border-radius:5px;outline:none;display:block;margin:auto;transition:.2s ease-in-out}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:38px;cursor:pointer;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="38" viewBox="0 0 41 38" fill="none"><path opacity="0.3" d="M20.71 0.313477L38.0051 9.71146V28.5074L20.71 37.9054L3.41483 28.5074V9.71146L20.71 0.313477Z" fill="%23AF794B"/><path d="M20.7099 8.92773L30.0789 14.0187V24.2007L20.7099 29.2917L11.341 24.2007V14.0187L20.7099 8.92773Z" fill="%23AF794B"/></svg>') center/contain no-repeat;border-radius:5px}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings{position:relative;height:15px;border-radius:5px;margin:10px auto auto;width:90%;padding:0}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking{position:absolute;display:flex;justify-content:center;text-align:center;font-size:.7em;flex-direction:column;color:var(--accent-color);font-weight:500}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(1){margin-left:5px}@media (min-width: 650px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(1){margin-left:-4px}}@media (min-width: 950px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(1){margin-left:-6px}}@media (min-width: 1300px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(1){margin-left:-4px}}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(2){margin-left:1px}@media (min-width: 650px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(2){margin-left:-2px}}@media (min-width: 950px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(2){margin-left:-2px}}@media (min-width: 1300px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(2){margin-left:-2px}}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(3){margin-left:-3px}@media (min-width: 650px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(3){margin:auto}}@media (min-width: 950px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(3){margin-left:2px}}@media (min-width: 1300px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(3){margin:auto}}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(4){margin-left:-6px}@media (min-width: 650px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(4){margin-left:2px}}@media (min-width: 950px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(4){margin-left:6px}}@media (min-width: 1300px){.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking:nth-of-type(4){margin-left:2px}}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking .line{margin-bottom:10px;width:2px;height:20px;background-color:#d0ad90}.cant-pick-popup .cant-pick-popup-content .main-content .time-range-picker .time-markings .time-marking span{width:50px;padding-left:0;text-align:left;margin-left:-10px}.cant-pick-popup .cant-pick-popup-content .main-content .action-container{margin-bottom:1px;display:flex;justify-content:space-between;align-items:center;margin-top:80px}.cant-pick-popup .cant-pick-popup-content .main-content .action-container .selected-surah-link{padding:10px;text-align:left;display:inline-block;font-size:.9em;text-decoration:underline;color:var(--accent-color);cursor:pointer}@media (max-width: 330px){.cant-pick-popup .cant-pick-popup-content .main-content .action-container .selected-surah-link{font-size:.7em}}.cant-pick-popup .cant-pick-popup-content .main-content .action-container .pick-for-me-button{padding:12px 20px;border-radius:24px;border:none;background:var(--accent-color);font-weight:400;color:#fff;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;transition:.2s ease-in-out;font-size:.82em}.cant-pick-popup .cant-pick-popup-content .main-content .action-container .pick-for-me-button:hover{background-color:#a6643b;box-shadow:#6767391a 0 4px 16px,#5d60531a 0 8px 24px,#9daf711a 0 16px 56px}@media (max-width: 330px){.cant-pick-popup .cant-pick-popup-content .main-content .action-container .pick-for-me-button{font-size:.7em}}.search-surah-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#392414d3;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:99999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-surah-popup .popup-content{transition:transform .3s ease;width:90%;border-radius:4px;height:fit-content;margin-bottom:50px}@media (min-width: 650px){.search-surah-popup .popup-content{width:70%}}@media (min-width: 950px){.search-surah-popup .popup-content{width:60%}}@media (min-width: 1150px){.search-surah-popup .popup-content{width:52%}}@media (min-width: 1300px){.search-surah-popup .popup-content{width:45%}}@media (min-width: 1420px){.search-surah-popup .popup-content{width:41%}}@media (min-width: 1550px){.search-surah-popup .popup-content{width:38%}}@media (min-width: 1750px){.search-surah-popup .popup-content{width:34%}}@media (min-width: 1850px){.search-surah-popup .popup-content{width:31%}}@media (min-width: 2150px){.search-surah-popup .popup-content{width:25%}}@media (min-width: 2850px){.search-surah-popup .popup-content{width:20%}}@media (min-width: 5000px){.search-surah-popup .popup-content{width:15%}}@media (max-height: 440px){.search-surah-popup .popup-content{width:80%;margin-top:30px}}.search-surah-popup .popup-content .search-input{display:flex;align-items:center;margin-bottom:20px;margin-top:20px;border-radius:50px;background:#fff;border:2px solid white;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.search-surah-popup .popup-content .search-input .search-icon{padding:15px 0 10px 15px;border-radius:50px;font-weight:700}.search-surah-popup .popup-content .search-input .search-icon svg{stroke:#626262;font-weight:bolder}.search-surah-popup .popup-content .search-input input{width:100%;color:var(--text-secondary-color);padding:15px;border:none;border-radius:50px;background:none}.search-surah-popup .popup-content .search-input input::placeholder{color:var(--text-secondary-color);font-size:1em;font-weight:500}.search-surah-popup .popup-content .listed-surahs-container{background:var(--background-secondary-color);border-radius:8px;padding:20px}.search-surah-popup .popup-content .listed-surahs-container .title{font-size:.7em;padding:1px 10px 10px 0;font-weight:500;border-bottom:1px solid rgba(128,128,128,.354);margin-bottom:10px;color:#7c7c7c;text-transform:uppercase}@media (min-width: 950px){.search-surah-popup .popup-content .listed-surahs-container .title{padding-left:10px}}.search-surah-popup .popup-content .listed-surahs-container .surahs-list{padding:0 20px 0 0;border-radius:8px;height:220px;overflow:auto}@media (min-width: 950px){.search-surah-popup .popup-content .listed-surahs-container .surahs-list{padding-left:10px}}@media (max-height: 440px){.search-surah-popup .popup-content .listed-surahs-container .surahs-list{max-height:150px;overflow-y:scroll}}.search-surah-popup .popup-content .listed-surahs-container .surahs-list .surah{color:#282525;padding:10px 10px 10px 0;margin-bottom:5px;display:flex;align-items:center;font-weight:500;font-size:.85em;cursor:pointer;transition:.1s ease-in-out}.search-surah-popup .popup-content .listed-surahs-container .surahs-list .surah svg{width:1.5em;margin-right:10px}.search-surah-popup .popup-content .listed-surahs-container .surahs-list .surah:hover{font-weight:700;background:#403e3e0b}.search-surah-popup .popup-content .listed-surahs-container .surahs-list::-webkit-scrollbar{width:.2em;box-shadow:#58545405 0 1px 3px,#1b1f2326 0 0 0 1px;border-radius:50px;opacity:.8}@media (min-width: 650px){.search-surah-popup .popup-content .listed-surahs-container .surahs-list::-webkit-scrollbar{width:.5em}}.search-surah-popup .popup-content .listed-surahs-container .surahs-list::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #8b8b8a4d;border-radius:50px}.search-surah-popup .popup-content .listed-surahs-container .surahs-list::-webkit-scrollbar-thumb{background-color:#736f6f;outline:1px solid #282525;border-radius:50px;box-shadow:#3b3d3f 3px 3px 6px inset,#33323280 -3px -3px 6px 1px inset}.active{opacity:1;visibility:visible}.skeleton{opacity:.8}.skeleton .surah-name{height:4px;border-radius:50px;opacity:.3;margin-bottom:5px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);animation:skeleton 5s linear infinite;transition:1s linear ease-in-out}.skeleton .surah-name-translated{background:var(--accent-color);width:70%;height:4px;border-radius:50px;opacity:.3}.skeleton .surah-verses{background:var(--accent-color);height:4px;border-radius:50px;opacity:.3}.skeleton .surah-number{opacity:.5}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:200px 0}}#quran-section{background-color:var(--background-secondary-color);padding-top:40px;padding-bottom:40px;position:relative}#quran-section .title-and-info p{width:90%;margin:auto auto 30px;font-size:1em;font-weight:400;line-height:24px;text-align:center}@media (min-width: 1300px){#quran-section .title-and-info p{font-size:.9em;margin-top:0}}#quran-section .search-bar{display:flex;justify-content:space-between;align-items:center;border:3px solid rgba(255,255,255,.757);border-radius:24px;background:#e8d7c9;padding:0;margin-bottom:20px;cursor:text;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}@media (min-width: 1150px){#quran-section .search-bar{border:2px solid rgba(255,255,255,.867);box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}}#quran-section .search-bar .search-input{width:68%;padding-left:10px;border-radius:12px}#quran-section .search-bar .search-input .placeholder{padding:10px;border-radius:12px;border:none;width:100%;background:none;color:#585858;font-size:.8em;display:flex;justify-content:start;align-items:center;white-space:nowrap}@media (min-width: 650px){#quran-section .search-bar .search-input .placeholder{font-size:1em;padding:15px;width:100%}}@media (min-width: 1300px){#quran-section .search-bar .search-input .placeholder{font-size:.8em;padding:10px}}#quran-section .search-bar .search-input .placeholder svg{margin-right:5px}@media (min-width: 650px){#quran-section .search-bar .search-input .placeholder svg{margin-right:10px}}@media (min-width: 1300px){#quran-section .search-bar .search-input .placeholder svg{margin-right:10px}}#quran-section .search-bar .cant-pick{width:32%;border-radius:24px}@media (min-width: 650px){#quran-section .search-bar .cant-pick{width:25%}}#quran-section .search-bar .cant-pick button{background:var(--accent-color);color:var(--white-color);border:none;padding:12px 5px;border-radius:24px;width:100%;display:block;justify-content:center;align-items:center;font-weight:300;transition:.3s ease-in-out;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}@media (max-width: 330px){#quran-section .search-bar .cant-pick button{font-size:.65em}}@media (min-width: 1150px){#quran-section .search-bar .cant-pick button{font-weight:400}}#quran-section .search-bar .cant-pick button svg{stroke:var(--white-color)}#quran-section .search-bar .cant-pick button:hover{box-shadow:#0e1e251f 0 2px 4px,#00000052 0 2px 16px;background-color:#a6643b}@media (min-width: 650px){#quran-section .search-bar .cant-pick button{padding:15px 10px;font-size:.9em}}#quran-section .suggested-surahs{display:flex;justify-content:start;align-items:center;margin-bottom:30px}@media (min-width: 1150px){#quran-section .suggested-surahs{margin-bottom:50px}}#quran-section .suggested-surahs .suggest-text{text-align:left;margin:0 5px 0 0;font-size:.7em;font-weight:300}@media (min-width: 650px){#quran-section .suggested-surahs .suggest-text{font-size:.8em}}#quran-section .suggested-surahs .suggested-list{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;font-size:.6em;font-weight:400;width:100%}@media (min-width: 650px){#quran-section .suggested-surahs .suggested-list{font-size:.8em}}@media (min-width: 950px){#quran-section .suggested-surahs .suggested-list{margin-left:10px}}@media (min-width: 1150px){#quran-section .suggested-surahs .suggested-list{font-size:.8em}}#quran-section .suggested-surahs .suggested-list .surah-suggested{width:auto;background:var(--white-color);color:#585858;font-weight:500;box-shadow:#c9b2a032 3px 3px 6px inset,#8e542d17 -3px -3px 6px 1px inset;display:flex;border:1px solid rgba(255,255,255,.66);align-items:center;justify-content:center;padding:4px 10px;border-radius:32px;cursor:pointer;transition:.3s ease-in-out;font-size:.95em}@media (min-width: 650px){#quran-section .suggested-surahs .suggested-list .surah-suggested{padding:6px 15px}}@media (min-width: 950px){#quran-section .suggested-surahs .suggested-list .surah-suggested{padding:5px;width:18%;font-size:.95em}}#quran-section .suggested-surahs .suggested-list .surah-suggested:hover{background:#ffffff23}#quran-section .suggested-surahs .suggested-list .show-in-big-screen-only{display:none}@media (min-width: 650px){#quran-section .suggested-surahs .suggested-list .show-in-big-screen-only{display:flex}}@media (min-width: 650px){#quran-section h2,#quran-section p,#quran-section .search-bar,#quran-section .suggested-surahs{width:85%;margin:auto auto 30px}#quran-section h2{margin-bottom:20px}}@media (min-width: 950px){#quran-section h2,#quran-section .search-bar,#quran-section .suggested-surahs{width:75%}#quran-section p{width:85%}}@media (min-width: 1150px){#quran-section h2,#quran-section .search-bar,#quran-section .suggested-surahs{width:80%}#quran-section p{width:85%}}@media (min-width: 1300px){#quran-section .search-bar,#quran-section .suggested-surahs{width:75%}#quran-section h2{margin-bottom:10px}}#quran-section .surah-list{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-bottom:30px}@media (min-width: 650px){#quran-section .surah-list{justify-content:center}}#quran-section .surah-list .surah{width:100%;margin-bottom:10px;border-radius:8px;cursor:pointer}@media (min-width: 650px){#quran-section .surah-list .surah{width:47%;border-radius:0;margin:5px}}@media (min-width: 950px){#quran-section .surah-list .surah{width:32%}}@media (min-width: 1150px){#quran-section .surah-list .surah{width:31%}}@media (min-width: 1300px){#quran-section .surah-list .surah{border-radius:0}}#quran-section .surah-list .surah a{display:block;width:100%;height:100%;padding:11px;display:flex;justify-content:space-around;align-items:center;color:var(--text-primary-color);box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;background-color:var(--card-color);border:1px solid var(--white-color);transition:.4s ease-in-out;border-radius:8px}#quran-section .surah-list .surah a:hover{box-shadow:#8c8ca540 0 13px 27px -5px,#0000004d 0 8px 16px -8px}@media (min-width: 650px){#quran-section .surah-list .surah a{border:2px solid var(--white-color);border-radius:0}}@media (min-width: 950px){#quran-section .surah-list .surah a{padding:10px;font-size:.9em}}@media (min-width: 1300px){#quran-section .surah-list .surah a{padding:13px 15px;font-size:.8em}}#quran-section .surah-list .surah .surah-number{width:40px;height:40px;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:50%;margin-right:10px;font-family:var(--title-font);font-size:1.1em;font-weight:500;background-color:#d0ad90;border:1px solid #af794b}@media (min-width: 950px){#quran-section .surah-list .surah .surah-number{font-size:1em}}@media (min-width: 1150px){#quran-section .surah-list .surah .surah-number{width:30px;height:30px}}#quran-section .surah-list .surah .surah-name-with-translation{text-align:left;font-size:1em;margin-right:20px;width:53%;padding-left:10px;white-space:nowrap}#quran-section .surah-list .surah .surah-name-with-translation .surah-name{font-size:.9em;font-weight:700}@media (min-width: 650px){#quran-section .surah-list .surah .surah-name-with-translation .surah-name{font-size:1em}}#quran-section .surah-list .surah .surah-name-with-translation .surah-name-translated{color:#585858;font-size:.8em}@media (min-width: 650px){#quran-section .surah-list .surah .surah-name-with-translation .surah-name-translated{font-size:.9em}}#quran-section .surah-list .surah .surah-verses{font-size:.7em;text-align:right;margin-right:3px;color:#585858;font-weight:500;margin-bottom:10px}@media (min-width: 650px){#quran-section .surah-list .surah .surah-verses{width:25%;text-align:left}}@media (min-width: 650px){#quran-section .btn{justify-content:center}}#quran-section .star{position:absolute;top:14%}@media (min-width: 950px){#quran-section .star{top:17%;left:10%}}@media (min-width: 1150px){#quran-section .star{top:16%;left:14%}}#quran-section .star svg{animation:twinklingAnimation 5s infinite;transition:1s ease-in-out}@keyframes twinklingAnimation{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@media (min-width: 650px){#quran-section{padding-top:70px;padding-bottom:70px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}}@media (min-width: 950px){#quran-section{padding:80px 70px}}@media (min-width: 1150px){#quran-section{padding:60px 150px}}@media (min-width: 1300px){#quran-section{padding:80px 240px}}@media (min-width: 1420px){#quran-section{padding:80px 290px}}@media (min-width: 1550px){#quran-section{padding:80px 360px}}@media (min-width: 1750px){#quran-section{padding:80px 400px}}@media (min-width: 1850px){#quran-section{padding:80px 510px}}@media (min-width: 2150px){#quran-section{padding:80px 850px}}@media (min-width: 2850px){#quran-section{padding:80px 1500px}}@media (min-width: 5000px){#quran-section{padding:80px 2200px}}.our-prophet-section-icons{position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1}.our-prophet-section-icons .eclipse-top{position:absolute;top:.8%;left:1%;z-index:-999;opacity:.5}@media (min-width: 650px){.our-prophet-section-icons .eclipse-top{left:35%;top:1%;opacity:1}}@media (min-width: 950px){.our-prophet-section-icons .eclipse-top{left:35%;top:5%}}@media (min-width: 1150px){.our-prophet-section-icons .eclipse-top{left:40%;top:5%}}.our-prophet-section-icons .star{position:absolute;top:8%;right:10%;z-index:-99}@media (min-width: 650px){.our-prophet-section-icons .star{left:43%;top:14%}}@media (min-width: 950px){.our-prophet-section-icons .star{left:40%;top:18%}}@media (min-width: 1150px){.our-prophet-section-icons .star{left:45%;top:18%}}.our-prophet-section-icons .star svg{animation:twinklingAnimation 5s infinite;transition:1s ease-in-out}.our-prophet-section-icons .eclipse-bottom{position:absolute;top:26%;right:1%;opacity:.5;z-index:-999}@media (min-width: 650px){.our-prophet-section-icons .eclipse-bottom{left:15%;top:80%;opacity:1}.our-prophet-section-icons .eclipse-bottom svg{transform:rotate(30deg)}}@media (min-width: 950px){.our-prophet-section-icons .eclipse-bottom{left:15%;top:80%}}@media (min-width: 1150px){.our-prophet-section-icons .eclipse-bottom{left:20%;top:80%}}@media (min-width: 1300px){.our-prophet-section-icons .eclipse-bottom{left:25%}}#our-prophet-life-section{padding-top:40px;padding-bottom:40px;position:relative}@media (min-width: 650px){#our-prophet-life-section{display:flex;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0}}@media (min-width: 650px){#our-prophet-life-section .title-and-info{width:46%}}#our-prophet-life-section .title-and-info h2{text-align:left}#our-prophet-life-section .title-and-info .desk{display:none}@media (min-width: 650px){#our-prophet-life-section .title-and-info .desk{display:flex}}#our-prophet-life-section .our-prophet-story-events{margin-bottom:40px;margin-top:40px}@media (min-width: 650px){#our-prophet-life-section .our-prophet-story-events{width:43%;margin-top:0;margin-bottom:0}}@media (min-width: 1150px){#our-prophet-life-section .our-prophet-story-events{width:40%}}@media (min-width: 1300px){#our-prophet-life-section .our-prophet-story-events{width:35%}}#our-prophet-life-section .our-prophet-story-events .event-card{margin-bottom:15px;border:1px solid rgb(255,255,255);box-shadow:#0000000c 0 10px 15px -3px,#0000 0 4px 6px -2px}#our-prophet-life-section .our-prophet-story-events .event-card:first-child,#our-prophet-life-section .our-prophet-story-events .event-card:last-child{opacity:.8;cursor:default;box-shadow:none}#our-prophet-life-section .our-prophet-story-events .event-card:first-child .event:hover,#our-prophet-life-section .our-prophet-story-events .event-card:last-child .event:hover{cursor:default;box-shadow:none;background:none}#our-prophet-life-section .our-prophet-story-events .event-card:first-child .event:before,#our-prophet-life-section .our-prophet-story-events .event-card:last-child .event:before{display:none}@media (min-width: 650px){#our-prophet-life-section .our-prophet-story-events .event-card:last-child{margin-bottom:0}}#our-prophet-life-section .our-prophet-story-events .event{position:relative;display:flex;justify-content:space-around;align-items:center;padding:10px;cursor:pointer;transition:.5s ease-in-out}@media (min-width: 650px){#our-prophet-life-section .our-prophet-story-events .event{padding-top:15px;padding-bottom:15px}}@media (min-width: 1300px){#our-prophet-life-section .our-prophet-story-events .event{padding:15px}}#our-prophet-life-section .our-prophet-story-events .event .event-img{border-radius:50%;display:flex;justify-content:center;align-items:center;background:linear-gradient(1deg,#fff -55.43%,#fff0 50%);width:80px;height:80px}@media (min-width: 650px){#our-prophet-life-section .our-prophet-story-events .event .event-img{height:60px;width:60px}}#our-prophet-life-section .our-prophet-story-events .event .event-img img{width:90%}#our-prophet-life-section .our-prophet-story-events .event .event-title{font-weight:500;font-size:1em;flex-grow:1;margin-left:20px}#our-prophet-life-section .our-prophet-story-events .event:hover{background:var(--white-color);box-shadow:0 54px 64px #5d40292b}#our-prophet-life-section .our-prophet-story-events .event:before{content:"";display:block;position:absolute;width:3%;height:70%;margin-left:-3%;top:50%;transform:translateY(-50%);z-index:-9999;background:none;transition:.5s ease-in-out;left:0;opacity:1}#our-prophet-life-section .our-prophet-story-events .event:hover:before{background-color:var(--accent-color)}#our-prophet-life-section .our-prophet-story-events .event:first-child{border-top:0}#our-prophet-life-section .our-prophet-story-events .event:last-child{border-bottom:0}@media (min-width: 650px){#our-prophet-life-section .our-prophet-story-events .event:last-child{margin-bottom:0}}#our-prophet-life-section .btn{display:flex;justify-content:center;align-items:center}@media (min-width: 650px){#our-prophet-life-section .btn{justify-content:start}}@media (min-width: 650px){#our-prophet-life-section .show-in-small-screen-only{display:none}}#other-prophets-life-section{background:var(--background-secondary-color);padding-top:40px;padding-bottom:40px;position:relative}@media (min-width: 650px){#other-prophets-life-section .title-and-info{flex-grow:1;margin:5px;transform:translate(20px)}}@media (min-width: 950px){#other-prophets-life-section .title-and-info{margin:10px}}@media (min-width: 1300px){#other-prophets-life-section .title-and-info{margin:5px;transform:translate(30px)}}#other-prophets-life-section .title-and-info h2{text-align:left}#other-prophets-life-section .prophet-stories-events{margin-bottom:40px}@media (min-width: 650px){#other-prophets-life-section .prophet-stories-events{display:flex;justify-content:center;align-items:center}}@media (min-width: 950px){#other-prophets-life-section .prophet-stories-events{justify-content:center}}@media (min-width: 650px){#other-prophets-life-section .prophet-stories-events .event-wrapper{display:flex;justify-content:start;align-items:center;min-width:55%;overflow:auto;border-radius:8px;border-right:5px double rgba(143,83,46,.0274509804);border-left:5px double rgba(143,83,46,.0274509804);transform:translate(-30px)}}@media (min-width: 950px){#other-prophets-life-section .prophet-stories-events .event-wrapper{min-width:65%}}#other-prophets-life-section .prophet-stories-events .event-wrapper::-webkit-scrollbar{width:12px;height:5px}#other-prophets-life-section .prophet-stories-events .event-wrapper::-webkit-scrollbar-track{background:#3838381d;border-radius:10px;margin-inline:200px}#other-prophets-life-section .prophet-stories-events .event-wrapper::-webkit-scrollbar-thumb{background:#535353;border-radius:10px;background-color:var(--accent-color)}#other-prophets-life-section .prophet-stories-events .event-card{margin-bottom:20px}@media (min-width: 650px){#other-prophets-life-section .prophet-stories-events .event-card{margin-bottom:0;margin-top:0;min-width:300px;margin-left:-10px}}@media (min-width: 950px){#other-prophets-life-section .prophet-stories-events .event-card{margin-bottom:0;margin-top:0}}@media (min-width: 1300px){#other-prophets-life-section .prophet-stories-events .event-card{margin-bottom:0;margin-top:0}}@media (min-width: 1550px){#other-prophets-life-section .prophet-stories-events .event-card{width:37%;margin:0 10px}}#other-prophets-life-section .prophet-stories-events .event{background:var(--card-color);padding:18px;border:1px solid #fff7f1;box-shadow:#63636333 0 2px 8px;transition:.3s ease-in-out;cursor:pointer;transform:translateY(0)}@media (min-width: 650px){#other-prophets-life-section .prophet-stories-events .event{padding:20px}}@media (min-width: 950px){#other-prophets-life-section .prophet-stories-events .event{padding:25px}}@media (min-width: 1150px){#other-prophets-life-section .prophet-stories-events .event{padding:30px}}@media (min-width: 1300px){#other-prophets-life-section .prophet-stories-events .event{padding:24px}}#other-prophets-life-section .prophet-stories-events .event .event-img{background:#f8f1ec;display:flex;justify-content:center;align-items:center;padding:50px;margin-bottom:20px}#other-prophets-life-section .prophet-stories-events .event .event-img img{width:50%;filter:drop-shadow(3px 2px 2px rgba(0,0,0,.165))}#other-prophets-life-section .prophet-stories-events .event .event-story{display:flex;align-items:center;justify-content:start;margin:auto auto 10px}#other-prophets-life-section .prophet-stories-events .event .event-story svg{margin-right:5px}#other-prophets-life-section .prophet-stories-events .event .event-title{font-weight:600;font-size:1.4em;width:90%;margin:auto auto 20px}#other-prophets-life-section .prophet-stories-events .event:hover{box-shadow:#14141415 0 7px 29px;transform:translateY(-15px)}#other-prophets-life-section .prophet-stories-events .prophet-link{text-decoration:none;color:#1b1b1b}#other-prophets-life-section .btn{display:flex;justify-content:center;align-items:center}@media (min-width: 650px){#other-prophets-life-section .btn{justify-content:start}}@media (min-width: 650px){#other-prophets-life-section .show-in-small-screen-only{display:none}}@media (min-width: 650px){#other-prophets-life-section .star{position:absolute;top:5%;right:10%}}@media (min-width: 950px){#other-prophets-life-section .star{right:30%}}#other-prophets-life-section .star svg{animation:twinklingAnimation 5s infinite;transition:1s ease-in-out}@keyframes twinklingAnimation{0%{opacity:.1}50%{opacity:1}to{opacity:.1}}@media (min-width: 650px){#other-prophets-life-section .bottom-star{top:92%;right:55%}}@media (min-width: 950px){#other-prophets-life-section .bottom-star{top:94%}}@media (min-width: 650px){#other-prophets-life-section .eclipse{position:absolute;top:38%;right:3%}}@media (min-width: 950px){#other-prophets-life-section .eclipse{right:10%;top:34%}}@media (min-width: 1150px){#other-prophets-life-section .eclipse{right:15%;top:28%}}@media (min-width: 650px){#other-prophets-life-section{padding-top:80px;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}}:root{--background-primary-color: #e6d9cb;--background-secondary-color: #f6ede3;--text-primary-color: #1b1b1b;--text-secondary-color: #666666;--text-heading-color: #1c0e02;--white-color: white;--accent-color: #8f532e;--card-color: #edddd0;--linear-gradient: linear-gradient( 180deg, #f7f2e7 0%, rgba(239, 232, 215, 0) 77.3% );--base-font-family: "Poppins", sans-serif;--heading-font-family: "DM Serif Display", serif}*{padding:0;margin:0;box-sizing:border-box;list-style:none;text-decoration:none;outline:transparent;font-family:var(--base-font-family);-webkit-tap-highlight-color:transparent}body{background-color:var(--background-primary-color);color:var(--text-primary-color)}.section-padding{padding:20px;overflow:hidden}@media (min-width: 650px){.section-padding{padding:60px}}@media (min-width: 950px){.section-padding{padding:100px}}@media (min-width: 1150px){.section-padding{padding:180px}}@media (min-width: 1300px){.section-padding{padding:250px}}@media (min-width: 1420px){.section-padding{padding:300px}}@media (min-width: 1550px){.section-padding{padding:370px}}@media (min-width: 1750px){.section-padding{padding:450px}}@media (min-width: 1850px){.section-padding{padding:510px}}@media (min-width: 2150px){.section-padding{padding:850px}}@media (min-width: 2850px){.section-padding{padding:1500px}}@media (min-width: 5000px){.section-padding{padding:2200px}}h1,h2{font-family:var(--heading-font-family);color:var(--text-heading-color)}h1 span,h2 span{font-family:var(--heading-font-family);color:var(--accent-color)}h2{font-size:1.8em;font-weight:400;line-height:35px;letter-spacing:-.02em;text-align:center;margin-bottom:20px}@media (min-width: 650px){h2{font-size:2.3em;margin-bottom:30px}}p{margin:auto auto 30px;font-size:1em;font-weight:400;line-height:24px;letter-spacing:0em;color:var(--text-secondary-color)}button{cursor:pointer}.styled-btn-container{display:flex;justify-content:center;align-items:center}@media (min-width: 650px){.styled-btn-container{justify-content:start}}.styled-btn-container button{display:flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:40px;border:1px;gap:8px;background-color:var(--accent-color);color:var(--white-color);font-size:.9em;box-shadow:#00000014 0 4px 12px;transition:.3s ease-in-out;border:none}.styled-btn-container button:hover{box-shadow:#11111a1a 0 4px 16px,#11111a1a 0 8px 24px,#11111a1a 0 16px 56px;transform:scale(1.03);background-color:#a6643b}.styled-btn-container button:hover svg{left:5px}.star svg{width:30px;height:auto}@media (min-width: 1300px){.star svg{width:25px}}.small-star svg{width:18px;height:auto}@media (min-width: 650px){.small-star svg{width:20px}}.animation-a svg{animation:twinkling 9s infinite alternate}@keyframes twinkling{0%,to{opacity:.3}50%{opacity:1}}.animation-b svg{animation:twinkling 7s infinite alternate}.animation-c svg{animation:twinkling 6s infinite alternate}@keyframes twinkling{0%,to{opacity:.5}50%{opacity:1}}@media (min-width: 1300px){.eclipse svg{width:60px;height:auto}}.show-in-big-screen-only{display:none}@media (min-width: 650px){.show-in-big-screen-only{display:block}}.show-in-small-screen-only{display:block}@media (min-width: 650px){.show-in-small-screen-only{display:none}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}