.faq-help-and-support{color:var(--alrajhi-black);position:relative}.faq-help-and-support .guides-icon-container{width:40px;height:40px}.faq-help-and-support .guide-category-container{z-index:99;background-color:#fff;border-top:1px solid #0000451a;justify-content:center;gap:40px;max-height:100vh;padding:48px;display:flex;position:sticky;top:56px;overflow:scroll}.faq-help-and-support .article-topic-index{max-height:100vh;position:sticky;top:245px;overflow:scroll}.faq-help-and-support .article-topic-index ul{padding:10px;list-style:none}.faq-help-and-support .article-topic-index ul li{width:fit-content;color:var(--grey-400);cursor:pointer;border-radius:8px;margin-left:5px;padding:10px;transition:all .3s ease-in;position:relative}.faq-help-and-support .article-topic-index-mobile{border:1px solid var(--grey-200);background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:10px;display:flex}.faq-help-and-support .article-topic-index-mobile ul,.faq-help-and-support .article-topic-index-mobile ul li{padding:0}ul .topic-list-item.active{background-color:var(--alrajhi-black);border-left:1px solid var(--alrajhi-black);color:#fff;transition:all .3s ease-in}ul .topic-list-item.mobile-active{color:var(--alrajhi-primary-600)}.faq-help-and-support .menu-icon{transition:all .2s ease-in}.menu-icon.active{transition:all .2s ease-in;transform:rotate(270deg)}.float-mobile-index{z-index:10;background-color:#fff;height:fit-content;margin:0 10px;position:sticky;top:163px}.modal-dialog-centered{align-items:end;height:100vh;margin:0 auto}.custom-modal-content{background-color:#fff;border-radius:20px 20px 0 0}.custom-modal-content .article-topic-index ul{padding:24px}.custom-modal-content .topic-list-item{width:100%;font-size:16px;font-weight:500;font-family:"PingARLTMedium", var(--font-ping);border-bottom:.5px solid #bcc6db;border-radius:0;margin:0}.custom-modal-content .topic-list-item:last-child{border:none}.custom-close-button{justify-content:space-between}.custom-close-button.offcanvas-header{padding:24px 24px 0}.custom-close-button .offcanvas-title{margin:0 auto;font-size:14px;font-weight:600}@media (max-width:1200px){.faq-help-and-support .guide-category-container{top:-10px}}@media (max-width:768px){.faq-help-and-support .guide-category-container{justify-content:center;gap:20px}}@media (max-width:576px){.faq-help-and-support .guide-category-container{max-width:100%}}
