@font-face{font-family:cairo;src:url(../media/TheYearofTheCamel_Regular-s.p.b7ca0234.otf)format("opentype");font-display:swap}@font-face{font-family:cairo Fallback;src:local(Arial);ascent-override:86.02%;descent-override:45.16%;line-gap-override:0.0%;size-adjust:93.0%}.cairo_93558206-module__CCt28a__className{font-family:cairo,cairo Fallback}.cairo_93558206-module__CCt28a__variable{--font-cairo:"cairo","cairo Fallback"}
@font-face{font-family:arefRuqaa;src:url(../media/ArefRuqaa_Bold-s.p.61f3a9fe.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:arefRuqaa Fallback;src:local(Arial);ascent-override:116.54%;descent-override:23.29%;line-gap-override:9.35%;size-adjust:104.77%}.arefruqaa_e8b219ad-module__BZBsEa__className{font-family:arefRuqaa,arefRuqaa Fallback;font-weight:700}.arefruqaa_e8b219ad-module__BZBsEa__variable{--font-aref:"arefRuqaa","arefRuqaa Fallback"}
@keyframes leftToRight{0%{left:-100%}to{left:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown2{0%{opacity:0;height:fit-content;display:block}20%{opacity:0;transform:translateY(-20px)}to{opacity:1;height:fit-content;display:block;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}body{font-family:var(--font-cairo),Arial,sans-serif;direction:rtl;background-color:#faf0e5;margin:0}.btn-readMore{color:#092d58;font-family:var(--font-cairo);cursor:pointer;background:#fff;border:1px solid #fff;border-radius:20px;width:fit-content;margin-top:1rem;padding:.5rem 1.5rem;font-size:1.0125rem;text-decoration:none;transition:all .3s}.btn-readMore:hover{color:#fff;background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.banner{height:100%;position:relative}.banner .imgBackground{object-fit:cover;width:100%;min-height:100vh}.banner__Overlay{background:linear-gradient(0deg,var(--color-azure-17,#001e57)0%,var(--color-azure-17,#001e57)25%,var(--color-azure-170,#001e5700)70%);width:100%;min-height:100%}.banner__Overlay__content{max-width:72rem;margin:6rem auto 0}.banner__Overlay__content .info{text-align:center;animation:.8s ease-out slideDown}.banner__Overlay__content .info .title{font-family:var(--font-aref);color:#fff;margin:0 0 3.75rem;font-size:8rem}@media only screen and (max-width:768px){.banner__Overlay__content .info .title{font-size:6rem}}.banner__Overlay__content .info .subtitle{color:#fff;width:66%;margin:0 auto;font-size:1.5rem}.banner__Overlay__content .lastNews{justify-content:space-between;margin-top:8rem;padding-bottom:6rem;display:flex}@media only screen and (max-width:768px){.banner__Overlay__content .lastNews{flex-direction:column;align-items:center;gap:2rem;margin-top:4rem;padding:0 1.5rem}}.banner__Overlay__content .lastNews-left{flex-direction:column;display:flex}.banner__Overlay__content .lastNews-left .news{color:#fff;font-size:1.0125rem}.banner__Overlay__content .lastNews-left .newsTitle{font-family:var(--font-aref);color:#fff;margin:0;font-size:4.5rem}.banner__Overlay__content .lastNews-right .imgNews{object-fit:cover;border-radius:.25rem;width:36rem;height:24rem}@media only screen and (max-width:768px){.banner__Overlay__content .lastNews-right .imgNews{width:100%;padding-bottom:.5rem}}.navbar{-webkit-backdrop-filter:blur(10px);width:100%;font-family:var(--font-cairo);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0000001a}.navbar-top{border-bottom:1px solid #ffffff1a;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-top__left{align-items:center;gap:.75rem;display:flex}.navbar-top__left .btn-join,.navbar-top__left .btn-login{color:#fff;font-family:var(--font-cairo);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;padding:.5rem 1.5rem;font-size:.9rem;transition:all .3s}.navbar-top__left .btn-join:hover,.navbar-top__left .btn-login:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.navbar-top__left .navbar-top__user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:160px;font-size:.9rem;font-weight:600;font-family:var(--font-cairo);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;transition:all .3s;overflow:hidden}.navbar-top__left .navbar-top__user-name:hover{background:#fff3}.navbar-top__left .btn-theme{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.navbar-top__left .btn-theme:hover{background:#fff3;transform:rotate(180deg)}.navbar-top__center{flex:1;justify-content:center;align-items:center;display:flex}.navbar-top__center .logo{width:10.6154rem;height:6rem}.navbar-top__right .date-info{color:#fff;align-items:center;gap:.25rem;display:flex}.navbar-top__right .date-info .date-english,.navbar-top__right .date-info .date-hijri{color:#fff;font-size:.85rem;font-weight:400}.navbar-top__right .date-info .date-hijri{opacity:.9;font-size:.75rem}.navbar-menu{border-bottom:1px solid #fff;width:max-content;margin:0 auto;padding:.75rem 2rem}.navbar-menu__list{justify-content:center;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-menu__item{position:relative}.navbar-menu__link{color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:block}.navbar-menu__link:hover{background:#ffffff26;transform:translateY(-2px)}.navbar-menu__link:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.navbar-menu__link:hover:after{width:80%}@media (max-width:1024px){.navbar-menu__list{gap:1rem}.navbar-menu__link{padding:.4rem .8rem;font-size:.85rem}}@media (max-width:768px){.navbar-top{flex-wrap:wrap;gap:1rem;padding:.75rem 1rem}.navbar-top__left{order:3;justify-content:center;width:100%}.navbar-top__center{flex:0;order:1}.navbar-top__right{order:2}.navbar-menu{padding:.5rem 1rem}.navbar-menu__list{flex-wrap:wrap;justify-content:center;gap:.5rem}.navbar-menu__link{padding:.35rem .7rem;font-size:.8rem}}.navbar-desktop{display:block}@media (max-width:768px){.navbar-desktop{display:none}}.navbar-mobile-wrapper{display:none}@media (max-width:768px){.navbar-mobile-wrapper{display:block}}.navbar-mobile{width:100%;font-family:var(--font-cairo);display:block}.navbar-mobile__date{color:#fff;flex-direction:column;font-size:.75rem;display:flex}.navbar-mobile__date .date-english,.navbar-mobile__date .date-hijri{color:#fff;font-size:.75rem}.navbar-mobile__container{background:#092d58;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:relative}.navbar-mobile__logo{margin:0 auto}.navbar-mobile__logo img{width:80px;height:auto}.navbar-mobile__spacer{width:70px}.navbar-mobile__hamburger{cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:all .3s;display:flex}.navbar-mobile__hamburger .navbar-mobile__menu-label{color:#fff;font-size:.8rem;font-family:var(--font-cairo)}.navbar-mobile__hamburger-lines{flex-direction:column;gap:5px;display:flex}.navbar-mobile__hamburger-lines span{background:#fff;width:20px;height:2px;transition:all .3s;display:block}.navbar-mobile__hamburger.active .navbar-mobile__hamburger-lines span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-mobile__hamburger.active .navbar-mobile__hamburger-lines span:nth-child(2){opacity:0}.navbar-mobile__hamburger.active .navbar-mobile__hamburger-lines span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navbar-mobile__menu{background:#092d58;max-height:0;transition:max-height .3s;overflow:hidden}.navbar-mobile__menu.open{max-height:1000px}.navbar-mobile__list{margin:0;padding:1rem;list-style:none}.navbar-mobile__item{border-bottom:1px solid #ffffff1a}.navbar-mobile__item:last-child{border-bottom:none}.navbar-mobile__link{color:#fff;padding:.75rem 0;font-size:.95rem;text-decoration:none;transition:all .3s;display:block}.navbar-mobile__link:hover{color:#fffc;padding-right:.5rem}.navbar-mobile__user-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-cairo);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;flex:1;padding:.6rem 1rem;transition:all .3s;overflow:hidden}.navbar-mobile__user-name:hover{background:#fff3}.navbar-mobile__actions{border-top:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:1rem;display:flex}.navbar-mobile__actions .btn-login,.navbar-mobile__actions .btn-join{color:#fff;font-family:var(--font-cairo);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;flex:1;padding:.6rem 1rem;font-size:.85rem;transition:all .3s}.navbar-mobile__actions .btn-login:hover,.navbar-mobile__actions .btn-join:hover{background:#fff3}.News{max-width:72rem;margin:4rem auto}@media only screen and (max-width:768px){.News{padding:0 1.5rem}}.News__Container__Header .title{font-family:var(--font-aref);color:#092d58;margin:0 0 1rem;font-size:4.5rem}@media only screen and (max-width:768px){.News__Container__Header .title{font-size:3rem}}.News__Container__Header .subTitle{color:#000;margin:0 0 1.5rem;font-size:1.0125rem}.News__Container__Content{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.News__Container__Content .CardNews{border-radius:.5rem;width:calc(50% - .5rem);height:12.25rem;overflow:hidden}@media only screen and (max-width:768px){.News__Container__Content .CardNews{width:100%}}.News__Container__Content .CardNews__Info{background-color:#0006;border-radius:.5rem;height:100%;padding:1.25rem}.News__Container__Content .CardNews__Info__header{justify-content:space-between;margin-bottom:1.25rem;display:flex}.News__Container__Content .CardNews__Info__header .headerTitle{font-size:1.875rem;font-family:var(--font-aref);color:#fff}.News__Container__Content .CardNews__Info__header .date,.News__Container__Content .CardNews__Info__content .contentTitle{color:#fff;font-size:1.0125rem}.News__Container__Content .CardNews__Info__footer{justify-content:space-between;align-items:center;display:flex}.News__Container__Content .CardNews__Info__footer .icon{width:2rem;height:2rem}.page-loading{background-color:#faf0e5;justify-content:center;align-items:center;min-height:100vh;display:flex}.page-loading__spinner{border:4px solid #092d5833;border-top-color:#092d58;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.Home{min-height:100vh}.banner-home{min-height:60vh;position:relative;overflow:hidden}.banner-home__video-container{z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.banner-home__video{object-fit:cover;width:100%;height:100%}.banner-home__overlay{background:linear-gradient(#092d58 0%,#092d58cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (max-width:768px){.banner-home{min-height:50vh}}.banner-home__container{width:100%;max-width:1200px;margin:0 auto}.banner-home__content{text-align:center;color:#fff;padding:2rem 4rem}.banner-home__title{font-family:var(--font-aref);color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700;line-height:1.3;animation:.8s ease-out slideDown}@media only screen and (max-width:1024px){.banner-home__title{font-size:3rem}}@media only screen and (max-width:768px){.banner-home__title{font-size:2.5rem}}@media only screen and (max-width:640px){.banner-home__title{font-size:2rem}}.banner-home__subtitle{font-family:var(--font-cairo);color:#ffffffe6;margin-top:1rem;font-size:1.5rem;font-weight:400}@media only screen and (max-width:768px){.banner-home__subtitle{font-size:1.25rem}}@media only screen and (max-width:640px){.banner-home__subtitle{font-size:1rem}}.services-section{background-color:#faf0e5;padding:4rem 2rem}@media only screen and (max-width:768px){.services-section{padding:4rem 1.5rem}}@media only screen and (max-width:640px){.services-section{padding:3rem 1rem}}.services-section__container{max-width:1200px;margin:0 auto}.services-section__header{text-align:center;margin-bottom:4rem}@media only screen and (max-width:768px){.services-section__header{margin-bottom:3rem}}.services-section__title{font-family:var(--font-aref);color:#092d58;margin-bottom:1.5rem;font-size:4.5rem;font-weight:700;line-height:1.4}@media only screen and (max-width:1024px){.services-section__title{font-size:2.25rem}}@media only screen and (max-width:768px){.services-section__title{font-size:2rem}}@media only screen and (max-width:640px){.services-section__title{font-size:1.75rem}}.services-section__subtitle{font-family:var(--font-cairo);color:#666;font-size:1.25rem;line-height:1.8}@media only screen and (max-width:768px){.services-section__subtitle{font-size:1.125rem}}@media only screen and (max-width:640px){.services-section__subtitle{font-size:1rem}}.services-section__cards{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}@media only screen and (max-width:768px){.services-section__cards{grid-template-columns:1fr;gap:2rem}}.service-card{text-align:center;background-color:#fff;border-radius:24px;padding:1.5rem}@media only screen and (max-width:768px){.service-card{border-radius:20px;padding:2.5rem 2rem}}@media only screen and (max-width:640px){.service-card{border-radius:16px;padding:2rem 1.5rem}}@media only screen and (max-width:768px){.service-card__icon{font-size:3rem}}@media only screen and (max-width:640px){.service-card__icon{margin-bottom:1rem;font-size:2.5rem}}.service-card__title{font-family:var(--font-aref);color:#092d58;margin:0 0 1rem;font-size:1.75rem;font-weight:700}@media only screen and (max-width:768px){.service-card__title{font-size:1.5rem}}@media only screen and (max-width:640px){.service-card__title{font-size:1.375rem}}.service-card__description{font-family:var(--font-cairo);color:#555;text-align:center;font-size:1rem;line-height:1.8}@media only screen and (max-width:640px){.service-card__description{font-size:.95rem;line-height:1.7}}.main-content-home{background-color:#faf0e5;padding:4rem 2rem}@media only screen and (max-width:768px){.main-content-home{padding:3rem 1.5rem}}.main-content-home__container{max-width:1200px;margin:0 auto}.main-content-home__card{gap:8rem;padding:1.25rem;display:flex}@media only screen and (max-width:1024px){.main-content-home__card{padding:2.5rem}}@media only screen and (max-width:768px){.main-content-home__card{border-radius:16px;flex-direction:column;gap:.5rem;padding:2rem}}@media only screen and (max-width:640px){.main-content-home__card{padding:1.5rem}}.main-content-home__card.card-video{align-items:center}.main-content-home__card.card-video .main-content-home__author-image{width:350px;height:100%}.main-content-home__card.card-video .main-content-home__author-image video{object-fit:cover;border-radius:24px;width:100%;height:100%}.main-content-home__card.card-video .main-content-home__author-image .video-wrapper{cursor:pointer;position:relative}.main-content-home__card.card-video .main-content-home__author-image .video-wrapper__play-btn{cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-content-home__card.card-video .main-content-home__author-image .video-wrapper:hover .video-wrapper__play-btn{opacity:1}.main-content-home__text{text-align:right;direction:rtl}.main-content-home__title{font-family:var(--font-aref);color:#092d58;margin:0 0 1.5rem;font-size:4.5rem;font-weight:700;line-height:1.4}@media only screen and (max-width:768px){.main-content-home__title{text-align:center;font-size:1.75rem}}.main-content-home__description{font-family:var(--font-cairo);color:#333;text-align:justify;font-size:1.125rem;line-height:2}.main-content-home__description .link{color:#092d58;font-size:.875rem;text-decoration:underline;transition:opacity .3s}.main-content-home__description .link:hover{opacity:.8}@media only screen and (max-width:768px){.main-content-home__description{text-align:center;font-size:1rem;line-height:1.8}}.main-content-home__author{justify-content:center;align-items:center;margin-top:2rem;display:flex}.main-content-home__author-image{border-radius:24px;width:300px;height:400px;overflow:hidden;box-shadow:0 8px 24px #0000001f}@media only screen and (max-width:768px){.main-content-home__author-image{border-radius:16px;width:250px;height:250px}}@media only screen and (max-width:640px){.main-content-home__author-image{width:200px;height:200px}}.main-content-home__author-image .placeholder-image{background:linear-gradient(135deg,#092d58 0%,#092d58b3 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.main-content-home__author-image .placeholder-image img{object-fit:cover;width:100%;height:100%}.joinUs{background-color:#faf0e5;padding:4rem 2rem}.joinUs__container{flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;display:flex}.joinUs__container .title{font-family:var(--font-aref);color:#092d58;margin:0 0 1.5rem;font-size:4.5rem;font-weight:700}@media only screen and (max-width:768px){.joinUs__container .title{text-align:center;font-size:2.5rem}}.joinUs__container .subTilte{font-family:var(--font-cairo);color:#000;text-align:center;font-size:1.25rem;line-height:1.8}@media only screen and (max-width:768px){.joinUs__container .subTilte{text-align:center}}.joinUs__container .btn-join{color:#fff;font-family:var(--font-cairo);cursor:pointer;background:#092d58;border:1px solid #092d58;border-radius:30px;margin-top:2rem;padding:.75rem 2rem;font-size:1.125rem;transition:all .3s}.joinUs__container .btn-join:hover{color:#fff;background:#092d58cc;border-color:#092d58cc;transform:translateY(-2px)}.aboutUs{background-color:#faf0e5;min-height:100vh}.aboutUs .navbar .navbar-menu{border-color:#0000}.aboutUs .navbar .navbar-menu__link{color:#000}.aboutUs .navbar .navbar-menu__link:after{background:#000}.aboutUs .navbar .date-info,.aboutUs .navbar .date-english,.aboutUs .navbar .date-hijri,.aboutUs .navbar span{color:#000}.aboutUs .navbar .btn-theme,.aboutUs .navbar .btn-login{color:#000;background-color:#fff}.aboutUs .navbar .btn-join{color:#fff;background-color:#092d58}.aboutUs__Container{width:1200px;margin:0 auto}@media only screen and (max-width:1280px){.aboutUs__Container{width:90%;padding:0 1rem}}.aboutUs__Container__Header{justify-content:space-between;align-items:center;padding:4rem 0;display:flex}@media only screen and (max-width:768px){.aboutUs__Container__Header{text-align:center;flex-direction:column-reverse;padding-bottom:1rem}}.aboutUs__Container__Header .title{font-size:4.5rem;font-family:var(--font-aref);color:#092d58;margin:0;animation:.8s ease-out slideDown}@media only screen and (max-width:768px){.aboutUs__Container__Header .title{font-size:3rem}}.aboutUs__Container__Header__Right{flex-shrink:0}.aboutUs__Container__Header__Right img{object-fit:cover;border-radius:16px;width:550px;height:350px;animation:1s ease-out fadeIn}@media only screen and (max-width:768px){.aboutUs__Container__Header__Right img{width:100%;height:260px}}.timeline-container{font-family:var(--font-cairo);direction:rtl;background-color:#faf0e5;margin:0 auto;padding:60px 20px;overflow-x:hidden}.timeline-header{text-align:center;margin-bottom:80px}.timeline-header .timeline-title{font-family:var(--font-aref);color:#092d58;margin:0 0 30px;font-size:48px;font-weight:700;line-height:1.3}.timeline-header .timeline-subtitle{font-family:var(--font-cairo);color:#000;margin:0;font-size:18px;font-weight:400;line-height:1.8}.timeline{padding:0 40px;position:relative}.timeline .timeline-line{background-color:#092d58;width:3px;position:absolute;top:0;bottom:0;right:50%;transform:translate(50%)}.timeline .timeline-item{align-items:flex-start;margin-bottom:100px;display:flex;position:relative}.timeline .timeline-item:last-child{margin-bottom:0}.timeline .timeline-item .timeline-dot{z-index:2;background-color:#092d58;border-radius:50%;width:20px;height:20px;position:absolute;top:0;right:50%;transform:translate(50%);box-shadow:0 0 0 6px #faf0e5}.timeline .timeline-item .timeline-content{width:45%;margin-top:-15px}.timeline .timeline-item .timeline-content .timeline-year{font-family:var(--font-aref);color:#092d58;margin-bottom:15px;font-size:28px;font-weight:700;display:block}.timeline .timeline-item .timeline-content .timeline-text{font-family:var(--font-aref);color:#000;margin:0;font-size:20px;font-weight:400;line-height:1.8}.timeline .timeline-item--right{justify-content:flex-end}.timeline .timeline-item--right .timeline-content{text-align:right;margin-top:-15px;padding-right:60px}.timeline .timeline-item--left{justify-content:flex-start}.timeline .timeline-item--left .timeline-content{text-align:left;padding-left:60px}@media (max-width:768px){.timeline-container{padding:40px 15px;overflow-x:hidden}.timeline-header{margin-bottom:40px}.timeline-header .timeline-title{font-size:28px}.timeline-header .timeline-subtitle{font-size:14px}.timeline{padding:0 10px}.timeline .timeline-line{left:auto;right:20px;transform:none}.timeline .timeline-item{flex-direction:row;margin-bottom:40px;justify-content:flex-end!important}.timeline .timeline-item .timeline-dot{width:16px;height:16px;left:auto;right:3px;transform:none}.timeline .timeline-item .timeline-content{width:calc(100% - 50px);margin-left:0;margin-right:50px;text-align:right!important;padding:0!important}.timeline .timeline-item .timeline-content .timeline-year{margin-bottom:8px;font-size:20px}.timeline .timeline-item .timeline-content .timeline-text{font-size:13px;line-height:1.6}.timeline .timeline-item--right .timeline-content,.timeline .timeline-item--left .timeline-content{text-align:right;padding-left:0;padding-right:0}}.news-detail{min-height:100vh;font-family:var(--font-cairo);background-color:#faf0e5}.news-detail .navbar .navbar-menu{border-color:#0000}.news-detail .navbar .navbar-menu__link{color:#000}.news-detail .navbar .navbar-menu__link:after{background:#000}.news-detail .navbar .date-info,.news-detail .navbar .date-english,.news-detail .navbar .date-hijri,.news-detail .navbar span{color:#000}.news-detail .navbar .btn-theme,.news-detail .navbar .btn-login{color:#000;background-color:#fff}.news-detail .navbar .btn-join{color:#fff;background-color:#092d58}.news-detail__header{text-align:center;max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.news-detail__title{font-family:var(--font-aref);color:#092d58;margin:0 0 1rem;font-size:4rem;line-height:1.4}@media only screen and (max-width:768px){.news-detail__title{font-size:2.5rem}}.news-detail__subtitle{color:#000;margin:0;font-size:1.125rem}.news-detail__content{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem}.news-detail__image-container{justify-content:center;margin-bottom:2.5rem;display:flex}.news-detail__image{border-radius:.5rem;width:280px;height:280px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.news-detail__image img{object-fit:cover;width:100%;height:100%}@media only screen and (max-width:768px){.news-detail__image{width:220px;height:220px}}.news-detail__image-placeholder{background:linear-gradient(135deg,#1a4b8c 0%,#2d6bc4 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.news-detail__article{text-align:center;margin-bottom:3rem}.news-detail__article-title{font-family:var(--font-aref);color:#092d58;margin:0 0 1.5rem;font-size:1.75rem}@media only screen and (max-width:768px){.news-detail__article-title{font-size:1.5rem}}.news-detail__article-content{color:#000;text-align:center;margin:0;font-size:1rem;line-height:2}.news-detail__audio{background-color:#fff;border-radius:1rem;margin-bottom:2.5rem;padding:1.5rem 2rem;box-shadow:0 4px 20px #0000000d}@media only screen and (max-width:768px){.news-detail__audio{padding:1.25rem 1.5rem}}.news-detail__audio-header{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.news-detail__audio-icon{font-size:1.5rem}.news-detail__audio-label{font-family:var(--font-cairo);color:#092d58;font-size:1rem;font-weight:600}.news-detail__audio-player{text-align:center;width:100%}.news-detail__audio-element{border-radius:.5rem;outline:none;width:100%;height:50px}.news-detail__audio-element::-webkit-media-controls-panel{background-color:#092d580d;border-radius:.5rem}.news-detail__audio-element::-webkit-media-controls-play-button{background-color:#092d58;border-radius:50%}.news-detail__audio-element::-webkit-media-controls-current-time-display{color:#092d58;font-family:var(--font-cairo)}.news-detail__audio-element::-webkit-media-controls-time-remaining-display{color:#092d58;font-family:var(--font-cairo)}.news-detail__subscription{justify-content:center;margin-bottom:2rem;display:flex}.news-detail__subscription-box{text-align:center;background-color:#fff;border-radius:1rem;width:100%;padding:2.5rem 3rem;box-shadow:0 4px 20px #0000000d}@media only screen and (max-width:768px){.news-detail__subscription-box{padding:2rem 1.5rem}}.news-detail__subscription-icon{margin-bottom:1rem;font-size:1.5rem}.news-detail__subscription-title{font-family:var(--font-cairo);color:#092d58;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.news-detail__subscription-text{color:#000;margin:0 0 1.5rem;font-size:.9rem;line-height:1.8}.news-detail__subscription-btn{color:#fff;width:100%;max-width:280px;font-family:var(--font-cairo);cursor:pointer;background-color:#092d58;border:none;border-radius:2rem;margin:0 auto 1rem;padding:.875rem 2rem;font-size:1rem;transition:all .3s;display:block}.news-detail__subscription-btn:hover{background-color:#04152a;transform:translateY(-2px)}.news-detail__subscription-trial{color:#092d58;font-size:.875rem;text-decoration:underline;transition:opacity .3s;display:inline-block}.news-detail__subscription-trial:hover{opacity:.7}.news-detail .youtube-embed{border-radius:.75rem;width:100%;margin:2rem 0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.news-detail .youtube-embed iframe{border:none;border-radius:.75rem;width:100%;height:100%;position:absolute;top:0;left:0}.news-detail__back{padding-top:2rem}.news-detail__back-link{color:#092d58;font-size:.9rem;text-decoration:none;transition:opacity .3s}.news-detail__back-link:hover{opacity:.7}.not-found{min-height:100vh;font-family:var(--font-cairo);background-color:#faf0e5}.not-found .navbar .navbar-menu{border-color:#0000}.not-found .navbar .navbar-menu__link{color:#000}.not-found .navbar .navbar-menu__link:after{background:#000}.not-found .navbar .date-info,.not-found .navbar .date-english,.not-found .navbar .date-hijri,.not-found .navbar span{color:#000}.not-found .navbar .btn-theme,.not-found .navbar .btn-login{color:#000;background-color:#fff}.not-found .navbar .btn-join{color:#fff;background-color:#092d58}.not-found__content{justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:2rem;display:flex}.not-found__text{color:#0009;text-align:center;margin:0;font-size:1.25rem}@media only screen and (max-width:768px){.not-found__text{font-size:1rem}}.footer{width:100%;font-family:var(--font-cairo);background-color:#faf0e5;border-top:1px solid #0000001a;padding:80px 0}.footer__container{max-width:1200px;margin:0 auto;padding:0 40px}.footer__content{justify-content:space-between;align-items:flex-start;gap:80px;display:flex}.footer__logo-section{flex:none;max-width:100%}.footer__logo-section .logo{width:100%}@media only screen and (max-width:768px){.footer__logo-section .logo{width:50%}}.footer__info-section{text-align:right;flex-direction:column;flex:1;gap:30px;display:flex}.footer__description{font-family:var(--font-cairo);color:#000;max-width:600px;margin:0;font-size:1.0125rem;font-weight:400;line-height:2}.footer__nav{gap:4rem;margin-top:10px;display:flex}.footer__nav-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer__nav-list .title a{color:#092d58;text-decoration:underline}.footer__nav-item{align-items:center;gap:8px;display:flex}.footer__nav-item:before{content:"■";color:#000;font-size:8px;line-height:1}.footer__nav-link{font-family:var(--font-cairo);color:#000;font-size:1.0125rem;font-weight:400;text-decoration:none;transition:color .3s}.footer__nav-link:hover{color:#092d58;text-decoration:underline}.footer__powered-by{text-align:center;font-family:var(--font-cairo);color:#888;border-top:1px solid #0000001a;margin-top:3rem;padding-top:1.5rem;font-size:.85rem}.footer__powered-by a{color:#092d58;font-weight:600;text-decoration:none}.footer__powered-by a:hover{text-decoration:underline}@media (max-width:992px){.footer{padding:60px 0}.footer__container{padding:0 30px}.footer__content{gap:60px}.footer__logo-text{font-size:60px}.footer__description{font-size:13px}}@media (max-width:768px){.footer{padding:50px 0}.footer__container{padding:0 20px}.footer__content{flex-direction:column;align-items:center;gap:40px}.footer__logo-section{text-align:center;max-width:100%}.footer__logo-text{font-size:70px}.footer__info-section{text-align:center;align-items:center;width:100%}.footer__description{text-align:center}.footer__nav-list{align-items:center}}@media (max-width:480px){.footer{padding:40px 0}.footer__logo-text{font-size:50px}.footer__description{font-size:12px;line-height:1.8}.footer__nav-link{font-size:13px}}.audio-player{z-index:9999;background:#181818;border-top:1px solid #282828;align-items:center;height:72px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0}.audio-player__container{align-items:center;gap:16px;width:100%;height:100%;padding:0 16px;display:flex}.audio-player__info{flex-shrink:0;align-items:center;gap:12px;min-width:180px;max-width:250px;display:flex}.audio-player__cover{background:#282828;border-radius:4px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.audio-player__cover img{object-fit:cover;width:100%;height:100%}.audio-player__meta{flex-direction:column;gap:2px;display:flex;overflow:hidden}.audio-player__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;font-family:var(--font-cairo);overflow:hidden}.audio-player__artist{color:#a7a7a7;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-family:var(--font-cairo);overflow:hidden}.audio-player__controls{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;max-width:600px;margin:0 auto;display:flex}.audio-player__buttons{align-items:center;gap:16px;display:flex}.audio-player__btn{cursor:pointer;color:#a7a7a7;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s,transform .15s;display:flex}.audio-player__btn:hover{color:#fff;transform:scale(1.1)}.audio-player__btn--play{color:#181818;background:#fff;border-radius:50%;width:36px;height:36px}.audio-player__btn--play:hover{color:#181818;background:#fff;transform:scale(1.08)}.audio-player__btn--skip{color:#a7a7a7;padding:4px;position:relative}.audio-player__btn--skip:hover{color:#fff}.audio-player__skip-text{color:inherit;font-size:8px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-player__progress-wrapper{align-items:center;gap:8px;width:100%;display:flex}.audio-player__time{color:#a7a7a7;text-align:center;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;min-width:36px;font-size:11px}.audio-player__progress{cursor:pointer;background:#4d4d4d;border-radius:2px;flex:1;height:4px;transition:height .1s;position:relative}.audio-player__progress:hover{height:6px}.audio-player__progress:hover .audio-player__progress-thumb{opacity:1}.audio-player__progress-bar{background:#fff;border-radius:2px;height:100%;transition:background .15s;position:relative}.audio-player__progress:hover .audio-player__progress-bar{background:#092d58}.audio-player__progress-thumb{opacity:0;pointer-events:none;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000004d}.audio-player__right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-width:160px;display:flex}.audio-player__volume{cursor:pointer;background:#4d4d4d;border-radius:2px;width:80px;height:4px;position:relative}.audio-player__volume:hover{height:6px}.audio-player__volume-bar{background:#fff;border-radius:2px;height:100%;transition:background .15s}.audio-player__volume:hover .audio-player__volume-bar{background:#092d58}.play-audio-btn{color:#fff;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-cairo);background:#092d58;border:none;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;transition:background .2s,transform .15s;display:inline-flex}.play-audio-btn:hover{background:#051a33;transform:scale(1.03)}.play-audio-btn__icon{justify-content:center;align-items:center;display:flex}.play-audio-btn__text{line-height:1}body:has(.audio-player){padding-bottom:72px}@media (max-width:768px){.audio-player{height:64px}.audio-player__info{min-width:100px;max-width:140px}.audio-player__cover{width:40px;height:40px}.audio-player__title{font-size:12px}.audio-player__right{min-width:auto}.audio-player__volume,.audio-player__btn--volume{display:none}body:has(.audio-player){padding-bottom:64px}}.drawer-overlay{z-index:999;opacity:0;visibility:hidden;background:#00000080;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.drawer-overlay.active{opacity:1;visibility:visible}.drawer{z-index:1000;width:100%;max-width:500px;max-height:85vh;font-family:var(--font-cairo);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;direction:rtl;background:#fff;border-radius:24px 24px 0 0;transition:bottom .4s;position:fixed;bottom:-100%;left:50%;overflow:hidden auto;transform:translate(-50%)}.drawer::-webkit-scrollbar{display:none}@media only screen and (max-width:640px){.drawer{max-width:100%}}.drawer.active{bottom:0}.drawer--full{max-width:100%}.drawer__handle{cursor:grab;justify-content:center;padding:12px 0 8px;display:flex}.drawer__handle span{background:#ddd;border-radius:4px;width:40px;height:4px}.drawer__content{box-sizing:border-box;padding:1rem 1.5rem 2rem}.drawer__title{font-family:var(--font-aref);color:#092d58;text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.drawer__subtitle{color:#666;text-align:center;margin-bottom:.25rem;font-size:.95rem;line-height:1.7}.drawer__success{color:#16a34a;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin:1.5rem 0;padding:1.5rem 1rem;font-size:.9rem;line-height:1.8}.drawer__success p{margin:0}.drawer__success p:not(:last-child){margin-bottom:.5rem}.drawer__features{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:center;gap:.75rem;margin:1.5rem auto;display:flex;overflow-x:auto}.drawer__features::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){.drawer__features{flex-wrap:wrap}}.drawer__feature-card{text-align:center;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;flex:none;align-items:center;width:140px;padding:1rem .75rem;transition:all .3s;display:flex}@media only screen and (max-width:768px){.drawer__feature-card{flex:unset;width:calc(50% - .75rem)}}@media only screen and (max-width:640px){.drawer__feature-card{flex:unset;width:100%}}.drawer__feature-card:hover{border-color:#092d58;box-shadow:0 2px 8px #00000014}.drawer__feature-card .feature-icon{margin-bottom:.5rem;font-size:1.5rem}.drawer__feature-card .feature-title{color:#092d58;margin-bottom:.25rem;font-size:.9rem;font-weight:700}.drawer__feature-card .feature-desc{color:#888;font-size:.75rem;line-height:1.5}.drawer__btn{color:#fff;width:100%;max-width:500px;font-family:var(--font-cairo);cursor:pointer;background:#092d58;border:none;border-radius:12px;margin:1rem auto 0;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;display:block}.drawer__btn:hover{opacity:.9}.drawer__skip{text-align:center;color:#999;width:100%;max-width:500px;font-family:var(--font-cairo);cursor:pointer;background:0 0;border:none;margin:0 auto;padding:.75rem;font-size:.85rem;text-decoration:underline;display:block}.drawer__skip:hover{color:#666}.drawer__form{margin-top:1.5rem}.drawer__form-group{margin-bottom:1.25rem}.drawer__form-group label{color:#333;text-align:right;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.drawer__form-group input{width:100%;font-family:var(--font-cairo);box-sizing:border-box;direction:rtl;border:1px solid #ddd;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .3s}.drawer__form-group input::placeholder{color:#bbb}.drawer__form-group input:focus{border-color:#092d58}.drawer__forgot-password{text-align:left;margin-top:-.5rem;margin-bottom:.5rem}.drawer__forgot-password button{color:#888;font-family:var(--font-cairo);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.drawer__forgot-password button:hover{color:#092d58}.drawer__error{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.drawer__btn:disabled{opacity:.6;cursor:not-allowed}.drawer__form-group input:disabled{cursor:not-allowed;background:#f5f5f5}.drawer__form-footer{text-align:center;color:#888;margin-top:1rem;font-size:.85rem}.drawer__form-footer a,.drawer__form-footer button{color:#092d58;font-family:var(--font-cairo);cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.drawer__form-footer a:hover,.drawer__form-footer button:hover{opacity:.8}.login-page{min-height:100vh;font-family:var(--font-cairo);direction:rtl;background:linear-gradient(#092d58 0%,#092d58e6 100%);justify-content:center;align-items:center;padding:2rem;display:flex}.login-page__card{background:#fff;border-radius:24px;width:100%;max-width:420px;padding:3rem 2.5rem;box-shadow:0 16px 48px #00000026}.login-page__title{font-family:var(--font-aref);color:#092d58;text-align:center;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-page__subtitle{color:#888;text-align:center;margin-bottom:2rem;font-size:.9rem}.login-page__form-group{margin-bottom:1.25rem}.login-page__form-group label{color:#333;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.login-page__form-group input{width:100%;font-family:var(--font-cairo);direction:rtl;border:1px solid #ddd;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .3s}.login-page__form-group input::placeholder{color:#bbb}.login-page__form-group input:focus{border-color:#092d58}.login-page__btn{color:#fff;width:100%;font-family:var(--font-cairo);cursor:pointer;background:#092d58;border:none;border-radius:12px;margin-top:1.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;display:block}.login-page__btn:hover{opacity:.9}.login-page__footer{text-align:center;color:#888;margin-top:1.25rem;font-size:.85rem}.login-page__footer a{color:#092d58;text-decoration:underline}.login-page__footer a:hover{opacity:.8}.login-page__back{text-align:center;color:#fff;margin-top:1rem;font-size:.9rem;text-decoration:none;display:block}.login-page__back:hover{text-decoration:underline}.drawer__message{text-align:center;border-radius:10px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.drawer__message--success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.drawer__message--error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.account-drawer__email{text-align:center;color:#9ca3af;direction:ltr;margin-bottom:1.25rem;font-size:.85rem}.account-drawer__divider{background:#ffffff1a;height:1px;margin:1.5rem 0}.account-drawer__deactivate-btn{color:#ef4444;width:100%;font-family:var(--font-cairo);cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:12px;padding:.875rem;font-size:.9rem;font-weight:600;transition:all .3s;display:block}.account-drawer__deactivate-btn:hover{background:#ef44441a}.account-drawer__confirm{text-align:center;background:#ef44440d;border:1px solid #ef444433;border-radius:12px;padding:1rem}.account-drawer__confirm-text{color:#fca5a5;margin-bottom:1rem;font-size:.85rem;line-height:1.6}.account-drawer__confirm-actions{gap:.75rem;display:flex}.account-drawer__confirm-yes{color:#fff;font-family:var(--font-cairo);cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex:1;padding:.625rem;font-size:.85rem;font-weight:600;transition:all .3s}.account-drawer__confirm-yes:hover{background:#dc2626}.account-drawer__confirm-yes:disabled{opacity:.6;cursor:not-allowed}.account-drawer__confirm-no{color:#fff;font-family:var(--font-cairo);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;flex:1;padding:.625rem;font-size:.85rem;font-weight:600;transition:all .3s}.account-drawer__confirm-no:hover{background:#ffffff0d}.account-drawer__confirm-no:disabled{opacity:.6;cursor:not-allowed}.account-drawer__signout-btn{color:#fff;width:100%;font-family:var(--font-cairo);cursor:pointer;background:#ffffff14;border:none;border-radius:12px;margin-top:1rem;padding:.875rem;font-size:.9rem;font-weight:600;transition:all .3s;display:block}.account-drawer__signout-btn:hover{background:#ffffff26}.payment-popup{z-index:1100;text-align:center;width:90%;max-width:400px;font-family:var(--font-cairo);direction:rtl;background:#fff;border-radius:20px;padding:2.5rem 2rem 2rem;animation:.3s popupSlideIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0003}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.payment-popup__overlay{z-index:1099;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;position:fixed;top:0;left:0}.payment-popup__icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;display:flex}.payment-popup__icon span{color:#fff;font-size:2rem;font-weight:700}.payment-popup__icon--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b9814d}.payment-popup__icon--error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef44444d}.payment-popup__icon--cancelled{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 24px #f59e0b4d}.payment-popup__title{font-family:var(--font-aref);color:#1f2937;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.payment-popup__message{color:#6b7280;margin-bottom:1.5rem;font-size:.9rem;line-height:1.7}.payment-popup__btn{color:#fff;width:100%;font-family:var(--font-cairo);cursor:pointer;background:#092d58;border:none;border-radius:12px;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;display:block}.payment-popup__btn:hover{opacity:.9;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}