body{direction:rtl;font-display:swap;font-family:Almarai,sans-serif;letter-spacing:.3px!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body.bg-mode-dark{background-color:#252525!important}@media (min-width:768px){body:not('.blog-page'){background-color:#e9e9e9!important}}label{margin-bottom:.1em;font-size:.8em}input,select{font-size:.8em!important}.field-error,.help-block{font-size:.7em!important;width:100%;float:right}.custom-textarea{resize:none}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-share{padding:.3em .6em;line-height:.8;border-color:rgb(0 0 0 / .2);color:#fff;margin-bottom:.3em}.btn-share span{font-size:.8em;font-weight:700;line-height:1.2;margin-right:6px}.page .side-share-box .btn-share{padding:.3em .7em}.btn-share:active,.btn-share:focus,.btn-share:hover{color:#fff}.btn-facebook{background-color:#3b5998}.btn-facebook:hover{background-color:#4466ae}.btn-whatsapp{background-color:#25d366}.btn-whatsapp:hover{background-color:#52e086}.btn-linkedin{background-color:#007bb6}.btn-linkedin:hover{background-color:#0090d5}.btn-twitter{background-color:#55acee}.btn-twitter:hover{background-color:#71baf1}.btn-telegram{background-color:#08c}.btn-telegram:hover{background-color:#1ab2ff}.btn-copy{background-color:#a5acaf}.btn-copy:hover{background-color:#aeb4b7}.custom-page-card .card-header{background-color:#fff!important;padding:.65em 1.15em!important;font-weight:600;border-bottom:0!important}.custom-page-card .card-header h3{font-size:1em;margin-right:5px;line-height:.6em}.custom-page-card .card-header i{font-size:.7em}.custom-page-card .card-body{padding-top:.2em!important}.home-navbar{background-color:#fff!important}.home-navbar .site-logo{max-width:90px}.home-header{background-color:#01b1c4!important;padding-top:5em;padding-bottom:4.5em}.home-header .container{max-width:500px}.home-header .icon img{width:75px}.home-header .main-headline h1{font-size:1.6em;font-weight:900;color:#fff;line-height:1.2em}.home-header .buttons .btn-signup{background-color:#fff;border:1px solid #fff;color:#01b1c4!important;font-size:1.1em;font-weight:700}.home-header .buttons{max-width:300px;margin:0 auto}.home-header .buttons .btn-login{background-color:#fff0;border:1.3px solid #fff;color:#fff!important;font-size:1.1em;font-weight:700}.home-suggestions{background-color:#27ae60!important;padding-top:4em;padding-bottom:3em}.home-suggestions .headline h2{font-size:1.2em;font-weight:700;color:#fff}.home-suggestions .suggestion-item{font-size:.9em;font-weight:500;line-height:1.2em;background-color:#fff0;border:1px solid #fff;border-bottom:3px solid #fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:1em;padding-top:.4em;padding-bottom:.5em;color:#fff!important;transition:.3s all}.home-suggestions .suggestion-item:hover{border:1px solid #fff;border-bottom:3px solid #fff;background-color:#fff;color:#27ae60!important;text-decoration:none!important;transition:.3s all}.home-suggestions .suggestion-item-outer:hover{text-decoration:none}.home-suggestions .suggestion-item-outer:nth-child(6n+3) .suggestion-item{border:1px solid #fff;border-bottom:3px solid #fff;background-color:#fff;color:#27ae60!important;text-decoration:none!important;transition:.3s all}@media (max-width:768px){.home-footer .container{max-width:100%;padding-right:5px!important;padding-left:5px!important}}.home-footer .top-area .footer-item{color:#212b35!important;font-size:.8em;font-weight:600;margin-left:.6em;word-spacing:.2px}@media (max-width:768px){.container.page{padding-right:0!important;padding-left:0!important}}.page .page-title h1{font-size:1.4em;font-weight:600}.page article .headline{color:#fff;padding-top:.55em;padding-bottom:.45em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;font-size:.9em;font-weight:400;line-height:1.1em}.page article .template-1 .headline{background-color:#01b1c4!important}.page article .template-2 .headline{background-color:#27ae60!important}.page article .headline i{margin-left:5px}.page article .headline h2{font-size:1em;font-weight:400;margin:0!important;line-height:.6em}.page .page-items-box.height-limited .page-items{max-height:410px;overflow:hidden}.page .btn.load-items{background-color:#fff!important;box-shadow:0 -5px 15px #a6a6a6,0 -8px 16px -4px #a6a6a6;font-size:.9em;font-weight:700}.page article .page-item{font-size:1.1em;line-height:1.9em;padding-top:.6em;padding-bottom:.5em}@media (max-width:768px){.page article .page-item{font-size:.9em;line-height:1.7em}}.page article .template-1 .page-item{border-right:3px solid #01b1c4;border-left:3px solid #01b1c4;background-color:rgb(1 177 196 / .1)}.page article .template-2 .page-item{border-right:3px solid #27ae60;border-left:3px solid #27ae60;background-color:rgb(39 174 96 / .1)}.circle-share-box .text,.page .article-share-box .text,.page .side-share-box .text{font-size:.9em;font-weight:500}@media (min-width:768px){.circle-share-box .text,.page .article-share-box .text{max-width:45%!important}}@media (max-width:768px){.circle-share-box .text,.page .article-share-box .text{margin-bottom:1em}}.circle-share-box .buttons,.page .article-share-box .buttons{text-align:center!important}.page .article-create-new{background-color:#2c3e50!important;color:#fff!important;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.page .article-create-new .icon{font-size:1.6em}.page .article-create-new .main-headline{font-size:1.6em;font-weight:900}.page .article-create-new .sub-headline{font-size:.8em;font-weight:400;letter-spacing:.4px}.page .article-create-new .button .btn{background-color:#fff!important;color:#2c3e50!important;font-weight:600}.page .page-suggestions .headline h2{font-size:1.2em;font-weight:700;color:#212b35!important}.page .page-suggestions .suggestion-item{font-size:.9em;font-weight:500;line-height:1.2em;background-color:#fff0;border:1px solid #ddd;border-bottom:3px solid #01b1c4!important;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:1em;padding-top:.4em;padding-bottom:.5em;color:#212b35!important;transition:.3s all}.page .page-suggestions .suggestion-item:hover{border:1px solid #01b1c4;border-bottom:3px solid #01b1c4;background-color:#01b1c4;color:#fff!important;text-decoration:none!important;transition:.3s all}.page .page-suggestions .suggestion-item-outer:hover{text-decoration:none}.page .page-suggestions .suggestion-item-outer:nth-child(6n+3) .suggestion-item{border:1px solid #01b1c4;border-bottom:3px solid #01b1c4;background-color:#01b1c4;color:#fff!important;text-decoration:none!important;transition:.3s all}.resources-box .resources-list .nav-item{padding-top:.8em;padding-bottom:.6em;border-bottom:1px solid #ddd}.resources-box .resources-list .nav-link{font-weight:500;color:#212b35!important;padding:0!important;display:block}.resources-box .resources-list .nav-link:hover h4{text-decoration:underline}.resources-box .resources-list .nav-link h4{font-size:.98em;line-height:.88em}.resources-box .resources-list .nav-link p{color:#5c6ac4!important;font-size:.72em;font-weight:500;margin:0!important}.page .side-create-new{background-color:#2c3e50!important;color:#fff!important;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.page .side-create-new .icon{font-size:1.2em}.page .side-create-new .main-headline{font-size:1.2em;font-weight:900}.page .side-create-new .sub-headline{font-size:.8em;font-weight:400;letter-spacing:.4px}.page .side-create-new .button .btn{background-color:#fff!important;color:#2c3e50!important;font-weight:600}.dashboard .header .page-title{font-size:1.3em;font-weight:500}.dashboard .pages-list .page-item{border-bottom:5px solid #ddd}.dashboard .pages-list .page-item .page-icon img{max-width:100%;height:auto;max-height:40px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;display:block;margin:0 auto}.dashboard .pages-list .page-item .status-badge{font-size:.5rem!important;padding:.18rem .4rem!important;border-radius:4px}.dashboard .pages-list .page-item .status-badge.active{border:1px solid #2ecc71;color:#2ecc71!important}.dashboard .pages-list .page-item .status-badge.inactive{border:1px solid #c0392b;color:#c0392b!important}.dashboard .pages-list .page-item .created-at{font-size:.6em}.dashboard .pages-list .page-item .created-at,.dashboard .pages-list .page-item .button-options{color:#999}.khetma-page .user-khetma-item .button-options{color:#999;line-height:0}.dashboard .pages-list .page-item .title{font-size:1em;font-weight:600;line-height:1.3em}.dashboard .pages-list .page-item .title a{color:#212b35!important}.dashboard .pages-list .page-item .title a:hover{text-decoration:underline}.dashboard .pages-list .page-item .promotion-box{border-top:1px solid #ddd}.dashboard .pages-list .page-item .promotion-box .icon{text-align:center;font-size:.8rem;color:#555}.dashboard .pages-list .page-item .promotion-box .text{font-size:.8rem;color:#555;line-height:1rem}.dashboard .pages-list .page-item .promotion-box .btn{font-size:.7rem!important}.dashboard .pages-list .page-item .footer-box .button-stats,.dashboard .pages-list .page-item .footer-box .button-share{font-size:.8rem!important;border-radius:0!important;margin:0!important}.btn-oauth.facebook{background-color:#3b5998;color:#fff;border-color:rgb(0 0 0 / .2);display:flex}.btn-oauth.facebook .text{font-size:.8em;line-height:1.8em}.btn-oauth.facebook:hover{background-color:#4466ae;color:#fff;border-color:rgb(0 0 0 / .2)}.access-methods-devider{position:relative}.access-methods-devider .or-text{position:absolute;background-color:#fff;font-size:12px;color:#111;top:-16px;right:50%;padding:7px}#copy-url-modal .modal-header{background-color:rgb(1 177 196 / .9)!important;border-bottom:1px solid #01a0b2!important;color:#fff!important}#copy-url-modal .modal-body{background-color:rgb(1 177 196 / .8)!important}#copy-url-modal .modal-header{line-height:1em}#copy-url-modal .headline{font-size:1em;font-weight:800}#copy-url-modal .close{font-size:.9em;color:#fff!important;cursor:pointer}#copy-url-modal .close:hover{color:#fff!important}#copy-url-modal .modal-body{padding-right:3em;padding-left:3em}#copy-url-modal .btn{background-color:#018998!important;color:#fff!important;font-size:.8em!important;font-weight:700!important}#copy-url-modal hr{background-color:#fff!important;max-width:300px;height:1px;margin-top:1.6em!important;margin-bottom:1.6em!important}#copy-url-modal .or-text{position:absolute;background-color:rgb(1 177 196 / .8)!important;border:1px solid rgb(1 177 196 / .9)!important;font-size:.6em;line-height:.8em;text-align:center;color:#fff;top:-11px;right:50%;padding:6px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}#copy-url-modal textarea{min-height:125px;font-size:.9em}.header-navbar .navbar-brand img{max-width:90px}.header-navbar .nav-link{font-weight:500;color:#fff!important;background-color:#fff0;border:0!important;padding:.5em .6em!important}.header-navbar.bg-white .nav-link{color:#202e3c!important}.header-navbar .nav-link span{font-size:.8em!important}.header-navbar .nav-link i{font-size:1em!important}.header-navbar button{cursor:pointer}@media (max-width:768px){.common-footer .container{max-width:100%;padding-right:5px!important;padding-left:5px!important}}.common-footer .top-area .footer-item{color:#212b35!important;font-size:.8em;font-weight:600;margin-left:.6em;word-spacing:.2px}.common-footer .social-area{max-width:400px}.common-footer .social-headline{font-size:.7em;font-weight:800}.common-footer .social-buttons .btn-social{width:25px;height:25px;line-height:26px;font-size:13px;display:inline-block;text-align:center;border-color:rgb(0 0 0 / .2);color:#fff;margin-bottom:.3em;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.common-footer .social-buttons .btn-share:active,.common-footer .social-buttons .btn-share:focus,.common-footer .social-buttons .btn-share:hover{color:#fff}.common-footer .social-buttons .btn-facebook{background-color:#3b5998}.common-footer .social-buttons .btn-facebook:hover{background-color:#4466ae}.common-footer .social-buttons .btn-twitter{background-color:#55acee}.common-footer .social-buttons .btn-twitter:hover{background-color:#71baf1}.common-footer .social-buttons .btn-instagram{background-color:#405de6}.common-footer .social-buttons .btn-instagram:hover{background-color:#6178ea}.alerts-container{width:100%;float:right;position:fixed;z-index:10000;bottom:25px;max-height:150px}.alert-purple{border-color:#694d9f;background:#694d9f;color:#fff}.alert-info-alt{border-color:#b4e1e4;background:#81c7e1;color:#fff}.alert-danger-alt{border-color:#b63e5a;background:#e26868;color:#fff}.alert-warning-alt{border-color:#f3f3eb;background:#e9ceac;color:#fff}.alert-success-alt{border-color:#19b99a;background:#20a286;color:#fff}.alert i{margin-left:10px;font-size:14px}.legal-page h1{font-size:1.2em;font-weight:800}.legal-page .container{max-width:900px}.legal-page .article-body h2{font-size:1em;font-weight:800;margin-bottom:1.4em;margin-top:3em}.legal-page .article-body h3{font-size:.9em;font-weight:800;margin-bottom:1em}.legal-page .article-body li,.legal-page .article-body p{font-size:.9em;font-weight:400;line-height:1.6em;margin-bottom:.8em}.shake-button{animation:shake-button 1.5s;animation-iteration-count:infinite}.shake-button:hover{animation:none;animation-iteration-count:0}@keyframes shake-button{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.sticky-bottom-alert{background-color:#2c3e50!important;position:fixed;bottom:0;right:0;left:0;z-index:10000;padding-top:.1rem;padding-bottom:.1rem}.sticky-bottom-alert-box{transition:all linear 0.5s;height:100px;padding-top:.6rem;padding-bottom:.6rem;max-width:500px}.sticky-bottom-alert-box.ng-hide{height:0}.sticky-bottom-alert-inner{position:relative}.sticky-bottom-alert .btn-collapse{position:absolute;z-index:4;background-color:#2c3e50!important;color:#FFF;width:35px;text-align:center;padding-top:5px;left:30px;top:-30px;cursor:pointer;border-top-right-radius:5px;border-top-left-radius:5px;display:none}.sticky-bottom-alert .btn{font-size:1em}.sticky-bottom-alert .btn span{font-size:1.2em!important;font-weight:800}.sticky-bottom-alert .hint{color:#fff!important;font-size:.8em;font-weight:400}.sticky-bottom-alert .hint .highlight{color:#ff7979;font-size:1em;font-weight:800;letter-spacing:.4px}.page404-text{font-size:180px;font-weight:800;line-height:90px}.page404-info .title{font-size:16px;font-weight:700}.page404-info .sub-title{font-size:14px;font-weight:400}@media (max-width:768px){.page404-text{font-size:60px;font-weight:600;line-height:60px;margin-bottom:20px}.page404-info .button,.page404-info .sub-title,.page404-info .title{text-align:center!important}}.page404-suggestions .headline h2{font-size:1.2em;font-weight:700}.page404-suggestions .suggestion-item{font-size:.9em;font-weight:500;line-height:1.2em;background-color:#fff0;border:1px solid #27ae60;border-bottom:3px solid #27ae60;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:1em;padding-top:.4em;padding-bottom:.5em;color:#27ae60!important;transition:.3s all}.page404-suggestions .suggestion-item:hover{border:1px solid #27ae60;border-bottom:3px solid #27ae60;background-color:#27ae60;color:#fff!important;text-decoration:none!important;transition:.3s all}.page404-suggestions .suggestion-item-outer:hover{text-decoration:none}.page404-suggestions .suggestion-item-outer:nth-child(6n+3) .suggestion-item{border:1px solid #27ae60;border-bottom:3px solid #27ae60;background-color:#27ae60;color:#fff!important;text-decoration:none!important;transition:.3s all}.page .page-title h1{font-size:1.2em;font-weight:700}.dashboard .custom-dashboard-nav,.page .custom-page-nav{width:100%;border-bottom:1px solid #ddd}.dashboard .custom-dashboard-nav .nav-link,.page .custom-page-nav .nav-link{font-size:.9em;font-weight:400;color:#212b35;cursor:pointer}.dashboard .custom-dashboard-nav .nav-link.active,.page .custom-page-nav .nav-link.active{box-shadow:inset 0 -10px 0 -8px #01b1c4;-webkit-box-shadow:inset 0 -10px 0 -8px #01b1c4}.dashboard .custom-dashboard-nav .nav-link:hover,.page .custom-page-nav .nav-link:hover{background-color:rgb(1 177 196 / .09)}.page .custom-page-nav .nav-link .circle-icon{color:#e74c3c;font-size:12px;margin-right:8px;margin-top:3px;animation:infrontAnimation 1.5s;animation-iteration-count:infinite}@keyframes infrontAnimation{10%,70%{opacity:1}100%,40%{opacity:0}}.page .circle-subscribe-box{background-color:#01b1c4;color:#fff!important;text-align:center!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.page .circle-subscribe-box .title{font-size:1em;font-weight:800}.page .circle-subscribe-box hr{max-width:50px;height:2px;background-color:#fff;margin-top:0!important;margin-bottom:0!important}.page .circle-subscribe-box .headline{font-size:.9em;font-weight:700}.page .circle-subscribe-box .form-box{max-width:350px;display:block;margin:0 auto}.page .circle-subscribe-box .form-box input{font-size:.9em!important}.page .circle-subscribe-box .form-box .btn{background-color:#01b1c4!important;border:2px solid #fff;color:#fff;font-size:1em;font-weight:800}.page .circle-subscribe-box .form-box .btn:hover{background-color:#fff!important;color:#01b1c4}.page .circle-items .circle-title h2{font-size:1em!important;font-weight:800!important}.page .circle-items .buttons-box .main-headline{font-size:.8em!important;font-weight:800!important}.page .circle-items .circle-item{background-color:#f5f5f5;border:1px solid #ddd;position:relative;padding-top:15px;padding-bottom:10px;cursor:pointer}.page .circle-item .counter-box-outline{position:absolute;background-color:#fff;border:1px solid #ddd;top:-5px;right:0;width:100%}.page .circle-item .counter-box-inner{float:right;position:relative}.page .circle-item .steps-box{width:87%;float:right;margin-right:13%}.page .circle-item .steps-box .step-item{float:right;height:8px;box-shadow:inset -7px 0 0 -5.5px #ddd}.page .circle-item .steps-box .step-item:first-child{box-shadow:none!important}.page .circle-item .steps-box .step-item.active{background-color:#2ecc71}.page .circle-item .overview-box{width:13%;position:absolute;right:0;background-color:#fff;border:1px solid #ddd;text-align:center;font-size:.7em!important;font-weight:400;top:-5px}@media (max-width:768px){.page .circle-item .overview-box{width:22%}.page .circle-item .steps-box{width:78%;margin-right:22%}}.page .circle-item .overview-box .number .value{font-size:10px!important;font-weight:700}.page .circle-item .text{font-size:1.1em;line-height:1.5em}.page .circle-item .text.quran{font-weight:600!important;line-height:1.8em!important;letter-spacing:.5px!important}#subscribers-modal .modal-header{background-color:#f5f5f5!important;border-bottom:1px solid #ddd!important}#subscribers-modal .modal-header{line-height:1em}#subscribers-modal .headline{font-size:.8em;font-weight:800;float:right}#subscribers-modal .close{font-size:.9em;color:#202e3c!important;cursor:pointer}#subscribers-modal .modal-body{height:300px;max-height:300px;overflow:auto;overflow-x:hidden;overflow-y:auto}#subscribers-modal .modal-footer{background-color:#f5f5f5!important;border-top:1px solid #ddd!important}#subscribers-modal .modal-footer .button-close{border:1px solid #ccc!important;font-size:.79em;font-weight:500}#subscribers-modal .subscribe-item .subscribe-name{font-size:14px;font-weight:700}#subscribers-modal .subscribe-item .subscribe-time{font-size:11px;font-weight:300;color:#999;text-align:center}.btn-load{border:1px solid #ccc!important}.mobile-navigation-outer{height:100%;width:100%;position:fixed;z-index:10000;top:0;left:0;background-color:rgb(0 0 0 / .4);overflow-x:hidden;transition:all linear 0.2s}.mobile-navigation{height:100%;width:300px;top:0;left:0;background-color:#fff;transition:all linear 0.2s}@media (max-width:768px){.mobile-navigation{width:100%}}.mobile-navigation.ng-hide{width:0}.mobile-navigation .btn-close{font-size:26px;background-color:#fff0;cursor:pointer}.nav.navigation-mobile-menu,.navigation-mobile-menu li,.navigation-mobile-menu li a,.navigation-mobile-menu li button{width:100%}.nav.navigation-mobile-menu-menu li{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.nav.navigation-mobile-menu li a,.nav.navigation-mobile-menu li button{color:#202020!important;font-size:14px}.nav.navigation-mobile-menu li button{text-align:right!important;background-color:#fff0;border:0!important;cursor:pointer;padding:.5em 1em!important}.navigation-social-icon{width:20px;height:20px;float:left;text-align:center;color:#fff!important;font-size:16px;margin-left:5px;margin-bottom:5px}.eu-cookie-notice{position:fixed;z-index:10000;bottom:0;right:0;left:0;background-color:rgb(0 0 0 / .8);color:#FFFFFF!important;text-align:center!important;display:none}.eu-cookie-notice .btn-white{background-color:#FFFFFF!important;color:#202e3c!important}.create-card{max-width:700px}.create-card label{font-weight:700}@media (min-width:768px){.create-circle label{width:100%;text-align:left}}#card-contents-modal .close{font-size:.9em;color:#252525!important;cursor:pointer}.create-card .selected-card-content{cursor:pointer}.contents-list{max-height:380px;overflow:auto;overflow-x:hidden;overflow-y:auto}.contents-list .content-item{border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:.8em;font-weight:500;cursor:pointer}.contents-list .content-item.selected{border:1px solid #007bff;background-color:#f5f5f5}#card-contents-modal .modal-footer .btn-light{border:1px solid #ccc;font-size:.9em}#card-messages-modal .button-close{border:1px solid #CCC}.card-messages-list{height:350px;overflow:auto;overflow-x:hidden;overflow-y:auto;display:none}.card-messages-list .message-item{background-color:#01b1c4!important;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#FFFFFF!important}.card-messages-list .message-item .text{border-bottom:1px solid #FFF;font-size:.9em;font-weight:500;line-height:1.3em}.card-messages-list .message-item .name,.card-messages-list .message-item .time{font-size:.6em}.card-page .share-box-area{max-width:600px}.card-page .share-box-area .text{font-size:1.3em;font-weight:800}.card-page .card-box-outer{max-width:600px;background-color:#FFFFFF!important;padding-bottom:30px;border-bottom:4px solid #2ecc71}.card-page header span{font-weight:900;font-size:1.8em}.card-page header img{width:100%;height:100px}.card-page .card-owner{font-size:.8em;font-weight:500}.card-page .card-text{font-size:1.1em;font-weight:500;line-height:1.6em}.card-page .user-pages{max-width:600px}.card-page .user-pages .headline{font-size:.8em;font-weight:400!important}.card-page .user-pages .empty-headline{font-size:.9em;font-weight:800}.card-page .message-box .headline{font-size:.8em}.card-page .message-box textarea{height:90px;resize:none}.card-page .article-create-new{max-width:600px}.success-card-page .success-card-box-outer{max-width:600px;background-color:#FFFFFF!important;padding-top:30px;padding-bottom:30px;border-bottom:4px solid #2ecc71}.success-card-page .success-card-box-outer .icon{font-size:35px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;color:#2ecc71;border:.1em solid rgb(165 220 134 / .3);padding:8px 8px 2px}.success-card-page .success-card-box-outer .message{font-size:1.1em;font-weight:500}.success-card-page .success-card-box-outer .message b{color:#2ecc71;font-size:1.3em!important;font-weight:800!important}.success-card-page .user-pages{max-width:600px}.success-card-page .user-pages .headline{font-size:.8em;font-weight:400!important}.success-card-page .user-pages .empty-headline{font-size:.9em;font-weight:800}.success-card-page .article-create-new{max-width:600px}.create-list{max-width:450px}.create-list .header-page-title{font-size:1.2em;font-weight:800}.create-list .create-item{background-color:#FFFFFF!important;border:1px solid #DDD;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.create-list .create-item .title{font-size:1.1em;font-weight:800;color:#555}.circle-overview-page .circle-overview-outer{max-width:600px}.circle-overview-page .logo-box img{max-width:90px}.circle-overview-page h2{font-size:1em;font-weight:800}.circle-overview-page p,.circle-overview-page li{font-size:.85em;font-weight:500}.common-navigation-outer{height:40px;position:relative}.common-navigation{position:fixed;z-index:1000;top:0;right:0}.common-navigation-inner{max-width:1100px}.common-navigation .brand-logo-box{padding-top:.7rem}.common-top-navigation .brand-logo-box{padding-top:0!important}.common-navigation .brand-logo,.common-top-navigation .brand-logo{max-width:90px;height:auto}.common-top-navigation .brand-logo{display:block;margin:0 auto}.common-navigation .button-action{border-radius:100%}.common-top-navigation .button-action{background-color:#FFFFFF!important;border-radius:.2rem!important}.common-navigation .options-list .option-item{display:inline-block;color:#202020!important;font-size:.9rem!important;font-weight:700;margin-top:.2rem;padding:.5rem .7rem .3rem .7rem!important}.common-navigation .options-list .option-item:hover{text-decoration:none}@media (max-width:768px){.common-navigation-inner{padding-right:0!important;padding-left:0!important}}.common-navigation .nav-link.active{box-shadow:inset 0 -10px 0 -8px #01b1c4;-webkit-box-shadow:inset 0 -10px 0 -8px #01b1c4}.common-navigation .nav-link .normal-icon{display:block}.common-navigation .nav-link .active-icon{display:none}.common-navigation .nav-link.active .normal-icon{display:none}.common-navigation .nav-link.active .active-icon{display:block}.button-create{width:50px;height:50px;text-align:center;line-height:40px;position:fixed;z-index:3;display:block;bottom:30px;left:20px;border-radius:100%;padding:7px 12px!important;font-size:1.3em!important;-webkit-box-shadow:0 0 10px rgb(0 0 0 / .3);box-shadow:0 0 10px rgb(0 0 0 / .3);color:#FFFFFF!important}@media (min-width:768px){.button-create{display:none}}.article-user-comment{border-right:3px solid #e74c3c!important}.article-user-comment .header{border-top-right-radius:.25em;border-top-left-radius:.25em}.article-user-comment .header .main-headline{font-size:13px;font-weight:bolder;color:#e74c3c!important}.article-user-comment .body input{background-color:#ffffff!important;font-size:13px;border-radius:20px;height:60px}.article-user-comment .body button{opacity:.55}.article-user-comment .body input:hover,.article-user-comment .body input:active,.article-user-comment .body input:focus,.article-user-comment .body button:hover,.article-user-comment .body button:active,.article-user-comment .body button:focus,#article-user-comment-modal .modal-body .form-control:hover,#article-user-comment-modal .modal-body .form-control:active,#article-user-comment-modal .modal-body .form-control:focus{outline:0px!important;-webkit-appearance:none;box-shadow:none!important}#article-user-comment-modal .modal-header{font-size:13px;font-weight:bolder}#article-user-comment-modal .modal-body .form-control{font-size:13px!important}#article-user-comment-modal .modal-body textarea{height:80px;resize:none}#page-comment-success-modal .icon img{width:30px;height:30px}#page-comment-success-modal .headline{color:#2ecc71;font-size:12px;font-weight:900}#page-comment-success-modal .message{font-size:14px;line-height:24px}.dash-welcome-box .icon{color:#2ecc71!important;font-size:18px!important}.dash-welcome-box .text{font-size:.7rem;line-height:1.2rem}.dash-welcome-box .text b{font-size:.8rem!important}.post-box .header .icon .icon-box{width:40px;max-height:40px;display:block;margin:0 auto}.post-box .header .icon .icon-box img{width:100%;height:auto;display:block;margin:0 auto}.post-box .header .details .title{font-size:.85rem;font-weight:600}.post-box .header .details .hint{font-size:.6rem;font-weight:300;color:#999}.post-box .body .text{font-size:.8rem;line-height:1.5rem;font-weight:300;letter-spacing:.6px}.post-box .body .text.center-style{text-align:justify!important;text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center}.post-box.allah-name .body{text-align:center!important}.post-box.allah-name .body .name{font-size:3rem!important;font-weight:900!important}.post-box.allah-name .body .text{font-size:.9rem!important;font-weight:500!important}.post-box .body .image img{width:100%;max-height:280px;border-radius:5px;border:1px solid #ddd}.post-box .body .cta-box{background-color:#f7f8fa;border-radius:10px}.post-box .body .cta-box .cta-icon .cta-icon-box{max-width:30px;max-height:30px;padding:5px;border-radius:100%;display:block;margin:0 auto}.post-box .body .cta-box .cta-icon .cta-icon-box img{width:20px;height:20px;display:block;margin:0 auto}.post-box .body .cta-box .title{font-size:.9em;font-weight:600}.post-box .body .cta-box .description{font-size:.9em}.dash-alert-box{text-align:center!important}.dash-alert-box .main-headline{font-size:19px;font-weight:bolder}.dash-alert-box .sub-headline{font-size:14px;color:#657786!important}.dash-alert-box .button-box .btn{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}.dash-card-box .dash-card-header .icon .icon-box{width:35px;max-height:35px;display:block;margin:0 auto;padding:5px;border-radius:4px}.dash-card-box .dash-card-header .icon .icon-box img{width:100%;height:auto;display:block;margin:0 auto}.dash-card-box .dash-card-header .details .title{font-size:.85rem;font-weight:600}.dash-card-box .dash-card-header .details .hint{font-size:.7rem;font-weight:300;color:#999}.dash-card-box .dash-card-item .title{font-size:.8rem}.dash-card-box .dash-card-item.add-item .title{color:#FFFFFF!important}.dash-card-box .dash-card-item .title span{font-size:.7rem;font-weight:300;color:#657786!important}.dash-card-box .dash-card-item.add-item .title span{color:#FFFFFF!important}.dash-card-box .dash-card-item-outer:last-child .dash-card-item{border-bottom:0!important}.circles-list .circle-item{border-bottom:5px solid #dddddd!important}.circles-list .circle-item .circle-icon img{max-width:100%;height:auto;max-height:40px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;display:block;margin:0 auto}.circles-list .circle-item .status-badge{font-size:.5rem!important;padding:.18rem .4rem!important;border-radius:4px}.circles-list .circle-item .status-badge.active{border:1px solid #2ecc71;color:#2ecc71!important}.circles-list .circle-item .status-badge.warning{border:1px solid #f39c12;color:#f39c12!important}.circles-list .circle-item .status-badge.inactive{border:1px solid #c0392b;color:#c0392b!important}.circles-list .circle-item .title{font-size:1em;font-weight:600;line-height:1.3em}.circles-list .circle-item .title a{color:#212b35!important}.circles-list .circle-item .details{font-size:.6rem}.circles-list .circle-item .details,.circles-list .circle-item .button-options{color:#999}.circles-list .circle-item .footer-box .button-subscriber,.circles-list .circle-item .footer-box .button-share,.khetma-page .user-khetma-item .footer-box .button-subscriber,.khetma-page .user-khetma-item .footer-box .button-share{font-size:.8rem!important;border-radius:0!important;text-align:right!important;margin:0!important}.interactList .interact-item .icon-box{width:40px;height:40px;float:right;display:block;line-height:40px;border-radius:5px;color:#018998!important;font-size:1.2rem!important}.interactList .interact-item .comment-box{background-color:#f0f2f5;border-radius:10px}.interactList .interact-item .details{font-size:.68rem!important;font-weight:900;color:#5b7083!important}.interactList .interact-item .text{font-size:.8rem;line-height:1.5rem;font-weight:300;letter-spacing:.6px}.interactList .interact-item .text b{font-weight:700}.interactList .interact-item .time{font-size:.7rem;font-weight:300;color:#999}.interactList .interact-stats{border-radius:6px}.interactList .interact-stats .interact-count{font-size:1.8rem;font-weight:700}.interactList .interact-stats .hint{font-size:.7rem;font-weight:600}.create-page{max-width:600px;padding-bottom:5rem}.create-button-box{position:fixed;z-index:10000;bottom:0;right:0;left:0;background-color:#FFF;border-top:1px solid #ddd}.create-page .page-title{font-size:.8rem!important;font-weight:700!important}.create-page .header-page-title{font-size:.9rem;font-weight:600}.create-page label{font-weight:700;font-size:.8rem}.create-page .header-box{border-top-right-radius:8px;border-top-left-radius:8px}.create-page .footer-box{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.create-page .box-headline{font-size:.9em;font-weight:700}.create-page .box-sub-headline{font-size:.8em;font-weight:600}.create-page .btn-light{font-size:.83rem!important;font-weight:700}.create-page .btn-option-item{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-page .btn-option-item .selected-item-icon,.create-page .btn-option-item .dropdown-icon{width:5%}.create-page .btn-option-item .name{max-width:85%;text-align:right;text-overflow:ellipsis;overflow:hidden;white-space:inherit}.create-page .btn-option-item.selected{border:1px solid #27ae60!important;background-color:#27ae60!important;color:#ffffff!important}.create-page .btn-option-item .selected-icon{width:5%;display:none}.create-page .btn-option-item.selected .selected-icon{display:inline-block}.create-page .period-days-box input{background-color:#FFFFFF!important}.create-page .period-days-box .btn{padding:.2rem .75rem!important;border:1px solid #ccc}.create-page .create-help{border:2px solid #DDD}.create-page .create-help .icon-outer{background-color:#2D9BBE!important;color:#FFF;text-align:center;border-radius:5px;font-size:1.8rem;padding:8px 0}@media (max-width:768px){.create-page .create-help .icon-outer{font-size:1.4rem}}.create-page .create-help .title{font-size:.9rem;font-weight:700}.create-page .create-help .text{font-size:.8rem;font-weight:500}.select-items-modal .modal-content{border-radius:.6rem!important}.select-items-modal .headline{font-size:.9rem!important;font-weight:800;top:-4px}.select-items-modal .btn-close{border-radius:100%;position:absolute;left:20px;top:10px;padding:.275rem .55rem!important;font-size:.7rem!important}.select-items-modal .items-list{height:50vh!important;overflow:auto;overflow-x:hidden;overflow-y:auto}.select-items-modal .items-list .item-box{cursor:pointer}.select-items-modal .items-list .item-box.active{background-color:#f1f1f1;border-radius:4px!important}.select-items-modal .items-list .item-box .icon{text-align:center}.select-items-modal .items-list .item-box .icon span{width:38px;height:38px;line-height:38px;text-align:center;display:block;font-size:.8rem!important;border-radius:100%}.select-items-modal .items-list .item-box .details .title{font-size:.9rem!important;font-weight:800}.select-items-modal .items-list .item-box .details .hint{color:#999;font-size:.7rem!important;font-weight:300}.select-items-modal .items-list .item-box .select-icon{font-size:1.4rem!important;text-align:left!important}.select-items-modal .items-list .item-box .select-icon .selected,.select-items-modal .items-list .item-box.item-box.active .select-icon .unselected{display:none}.select-items-modal .items-list .item-box.active .select-icon .selected,.select-items-modal .items-list .item-box .select-icon .unselected{display:block}.select-items-modal .items-list .item-box .select-icon .unselected{color:#999999!important}.slide-page{transition:all linear 0.4s;background-color:#FFF;width:100%;height:100vh;position:fixed;z-index:10000;bottom:0;right:0}.slide-page .slide-page-header{height:4vh}.slide-page .slide-page-body{height:90vh;overflow:auto;overflow-x:hidden;overflow-y:auto}.slide-page.ng-hide{width:0;right:-100%}.slide-page .page-title{font-size:.8rem!important;font-weight:700!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#e6e6e6;border-radius:40px;margin-top:5px;margin-bottom:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:40px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.circles-story-box .header{font-size:1rem;font-weight:700}.circles-story-box .sub-header{font-size:.7rem;color:#666}.circles-story-box .body-outer{height:260px;position:relative}.circles-story-box .body{width:100%;overflow-y:hidden;overflow-x:auto;height:260px;white-space:nowrap}.circles-story-box .body::-webkit-scrollbar{width:0;background:#fff0;-webkit-appearance:none;scrollbar-width:none;-ms-overflow-style:-ms-autohiding-scrollbar;display:none}.circles-story-box .body::-webkit-scrollbar-thumb{background:transparent!important}.circles-story-box .carousel-control-prev,.circles-story-box .carousel-control-next{width:5%;background-color:rgb(255 255 255 / .8);color:#555555!important;text-align:center;border:0!important;opacity:1!important}.circles-story-box .carousel-control-prev{display:none}.circles-story-box .body .circle-story-outer{display:inline-block;flex:0 0 42%;max-width:42%;width:100%;padding-left:5px}@media (min-width:768px){.circles-story-box .body .circle-story-outer{flex:0 0 27%;max-width:27%}}.circles-story-box .body .circle-story-item{display:inline-block;width:100%;position:relative}.circles-story-box .body .circle-story-item .story-description{position:absolute;bottom:0;left:0;right:0;text-align:right;font-size:.6rem;font-weight:600;color:#FFF}.circles-story-box .body .circle-story-item img{width:100%;height:250px;border-radius:15px}.custom-khetma-nav{width:100%}.custom-khetma-nav .nav-link{font-size:.8em;font-weight:600;color:#212b35;cursor:pointer;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin-left:.5rem;padding:.35rem .8rem!important;background-color:#e4e6eb!important;border:1px solid #e4e6eb!important}.custom-khetma-nav .nav-link.active{background-color:#01b1c4!important;border:1px solid #01b1c4!important;color:#FFFFFF!important}.custom-khetma-nav .nav-link:hover{background-color:rgb(1 177 196 / .09)}.khetmat-story-box .header{font-size:.9rem;font-weight:700}.khetmat-story-box .sub-header{font-size:.7rem;color:#666}.khetmat-story-box .body-outer{height:230px;position:relative}.khetmat-story-box .body{width:100%;overflow-y:hidden;overflow-x:auto;height:230px;white-space:nowrap}.khetmat-story-box .body::-webkit-scrollbar{width:0;background:#fff0}.khetmat-story-box .body::-webkit-scrollbar-thumb{background:#fff0}.khetmat-story-box .carousel-control-prev,.khetmat-story-box .carousel-control-next{width:5%;background-color:rgb(255 255 255 / .8);color:#555555!important;text-align:center;border:0!important;opacity:1!important}.khetmat-story-box .carousel-control-prev{display:none}.khetmat-story-box .body .khetma-story-outer{display:inline-block;flex:0 0 72%;max-width:72%;width:100%;padding-left:5px}@media (min-width:768px){.khetmat-story-box .body .khetma-story-outer{flex:0 0 42%;max-width:42%}}.khetmat-story-box .body .khetma-story-item{display:inline-block;width:100%;position:relative}.khetmat-story-box .body .khetma-story-item .khetma-title{font-size:.8rem;font-weight:700;white-space:initial;height:46px}.khetmat-story-box .body .khetma-story-item .khetma-hint{font-size:.7rem;color:#777}.khetmat-story-box .body .khetma-story-item img{width:100%;height:100px;border-radius:5px}.user-khetmat-box .header{font-size:.8rem;font-weight:600}.user-khetmat-box .body .user-khetma-item:last-child{border-bottom:0!important}.user-khetmat-box .body .user-khetma-item .image img{width:100%;height:auto;max-height:80px;border-radius:5px}.user-khetmat-box .body .user-khetma-item .details .date{font-size:.7rem;color:#737373!important}.user-khetmat-box .body .user-khetma-item .details .title{font-size:.9rem;font-weight:800;cursor:pointer}.user-khetmat-box .body .user-khetma-item .details .hint{font-size:.75rem;color:#808080!important}.share-page .share-box-outer{max-width:600px}.share-page header{padding-top:1.5rem!important;padding-bottom:2rem!important}.share-page header .message{font-size:.9rem;font-weight:700;color:#ffffff!important}.share-page header .message i{color:#018998!important}.share-page .share-box-body{background-color:#ffffff!important;border-top-right-radius:25px;border-top-left-radius:25px;margin-top:-25px}.share-page .share-box-body .main-headline{font-size:1.1rem;font-weight:700}.share-page .share-box-body .button-box.mobile-share .btn{padding-top:.9rem;padding-bottom:.9rem}.share-page .share-box-body .share-icons .share-icon{font-size:.8rem;color:#999;margin-left:10px}.share-page .share-box-footer{border-top:2px solid #ccc}.share-page .share-box-footer .main-headline{font-size:.9rem;font-weight:400;line-height:1.4rem}.share-page .share-box-footer .help-list .help-item{padding-top:1rem;padding-bottom:1rem}.share-page .share-box-footer .help-list .help-item .title{font-size:.9rem;font-weight:700}.share-page .share-box-footer .help-list .help-item .description{font-size:.8rem;color:#737373}.share-page .share-box-footer .help-list .help-item .btn{padding:.15rem .3rem!important;font-size:.805rem!important}.custom-user-history-nav{width:100%;border-bottom:1px solid #ddd}.custom-user-history-nav .nav-link{font-size:.8em;font-weight:800;color:#777;cursor:pointer}.custom-user-history-nav .nav-link.active{box-shadow:inset 0 -10px 0 -8px #01b1c4;-webkit-box-shadow:inset 0 -10px 0 -8px #01b1c4;color:#01b1c4!important}.custom-user-history-nav .nav-link:hover{background-color:rgb(1 177 196 / .09)}.slideUp-options-box{transition:all linear 0.2s;background-color:#FFF;width:100%;height:200px;position:fixed;z-index:10000;bottom:0;left:0;right:0;border-top-right-radius:25px;border-top-left-radius:25px}.slideUp-options-box.ng-hide{height:0}#create-modal .modal-content{border-radius:10px}.slideUp-options-box .title,#create-modal .title{font-size:.9em;font-weight:800}.slideUp-options-box .option-item,#create-modal .option-item{width:100%;float:right;font-size:.9rem!important;font-weight:400;color:#212b35!important}.slideUp-options-box .option-item i,#create-modal .option-item i{font-size:1.1rem!important;color:#000000!important}.slideUp-options-box .option-item:hover,.slideUp-options-box .option-item:focus,.slideUp-options-box .option-item:active{text-decoration:none!important}.overlay-box{width:100%;height:100%;top:0;bottom:0;left:0;right:0;position:fixed;z-index:9000;background:rgb(0 0 0 / .4)}.modal{z-index:10000!important}.delete-item-modal .main-headline{font-size:.9rem;font-weight:700!important}.delete-item-modal .message{font-size:.9rem!important;line-height:1.3rem;margin-top:.6rem;margin-bottom:.8rem;letter-spacing:.4px}.alert-box{width:100%;position:fixed;z-index:10000;right:0;left:0;bottom:0;background-color:#333E48;padding:.5rem 1rem;font-size:.9rem;color:#FFF;transition:all linear 1s}.alert-box.ng-hide{bottom:0}.circle-page{min-height:100vh;padding-right:0!important;padding-left:0!important}.circle-page .circle-header,.khetma-page .khetma-header{border-top-right-radius:8px;border-top-left-radius:8px}.circle-page .circle-header .icon img{max-width:100%;height:auto;max-height:50px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;display:block;margin:0 auto}.circle-page .circle-header .title h1{font-size:.9em!important;font-weight:bolder;line-height:1.4rem}.circle-page .circle-header .page-name{line-height:.9rem}.circle-page .circle-header .page-name span{font-size:.7rem!important;font-weight:normal!important}.circle-page .circle-header .page-name a{font-size:.7rem!important;font-weight:700}.circle-page .circle-header .details .detaile-item{font-size:.7rem!important}.circle-page .circle-header .details .detaile-item.top{font-size:.5rem!important}.circle-page .circle-header .details .detaile-item .icon{color:#999999!important}.circle-page .circle-header .details .detaile-item .text{color:#777777!important}.circle-page .circle-timeout icon{max-height:80px}.circle-page .circle-timeout .text{color:#999;font-size:.7rem;font-weight:700}.circle-page .circle-subscribe-box{color:#FFFFFF!important;text-align:center!important}.circle-page .circle-subscribe-box .headline{font-size:.9em;font-weight:700}.circle-page .circle-subscribe-box .form-box{max-width:350px;display:block;margin:0 auto}.circle-page .circle-subscribe-box .form-box input{font-size:.9em!important}.circle-page .circle-subscribe-box .form-box .btn{background-color:#01B1C4!important;border:2px solid #FFF;color:#FFF;font-size:1em;font-weight:800}.circle-page .circle-subscribe-box .form-box .btn:hover{background-color:#FFFFFF!important;color:#01B1C4}.circle-page .header-alert{border-radius:.3rem}.circle-page .header-alert .icon img{max-width:100%}.circle-page .header-alert .text{font-size:.9rem;font-weight:700}.circle-page .circle-items .circle-item-outer{border-bottom:1px solid #dddddd!important;margin-bottom:.5rem!important;padding-bottom:.5rem!important}.circle-page .circle-items .circle-item{background-color:#fff;border:1px solid #999;position:relative;padding-top:.7rem!important;padding-bottom:0!important;cursor:pointer;opacity:.55;transition:.4s all;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;margin-bottom:.6rem}.circle-page .circle-items .circle-item.active{padding-top:.7rem!important;padding-bottom:0!important;opacity:unset;border:2px solid #018391!important}.circle-page .circle-item .text{font-size:.9rem;font-weight:700;line-height:1.7rem;text-align:center!important}.circle-page .circle-item .circle-item-footer{margin-top:3rem!important;border-top:1px solid #ddd}.circle-page .circle-item.active .circle-item-footer{border-top:1px solid #018391}.circle-page .circle-item .circle-item-footer .counter-text,.circle-page .circle-item .circle-item-footer .items-total{font-size:.7rem;font-weight:700}.circle-page .circle-item .circleListCounterContainer-outer{position:relative;width:50px;display:block;margin:0 auto}.circle-page .circle-item .circleListCounterContainer{width:50px;height:50px;position:absolute;top:-35px;display:block;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle-page .circle-item .circleListCounterBackground{position:absolute;width:50px;height:50px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;box-shadow:0 0 5px rgb(0 0 0 / .3);background-color:#FFF}.circle-page .circle-item .circleListCounterPie{transition:all 1s;position:absolute;width:50px;height:50px;border-radius:100%;clip:rect(0,25px,50px,0);color:#FFF;background-color:#DDD}.circle-page .circle-item .circleListCounterPie.no-clip{clip:unset!important}.circle-page .circle-item .circleListCounterPie.active{background-color:#018391!important}.circle-page .circle-item .circleListCounterHold{position:absolute;width:50px;height:50px;border-radius:100%;clip:rect(0,50px,50px,25px)}.circle-page .circle-item .circleListCounterHold.no-clip{clip:unset!important}.cirlceListCounter-button{width:42px;height:42px;top:4px;right:4px;position:relative;border-radius:100%;background-color:#FFFFFF!important;font-size:1.2rem!important;font-weight:800;color:#018391;cursor:pointer}.cirlceListCounter-button .button-text{text-align:center}.circle-page .end-circle{position:relative}.circle-page .end-circle hr{height:1px;background-color:#ccc}.circle-page .end-circle div{position:absolute;top:-12px;width:100%;text-align:center}.circle-page .end-circle span{color:#777;font-size:.9rem;background-color:#e9e9e9;padding:2px 12px}.circle-page .circle-help,.khetma-page .khetma-help{border-top:5px solid #018391;border-right:1px solid #DDD;border-left:1px solid #DDD;border-bottom:2px solid #DDD;border-radius:4px}.circle-page .circle-help .icon-outer,.khetma-page .khetma-help .icon-outer{background-color:#018391!important;color:#FFF;text-align:center;border-radius:5px;font-size:1.8rem;padding:8px 0}@media (max-width:768px){.circle-page .circle-help .icon-outer,.khetma-page .khetma-help .icon-outer{font-size:1.4rem}}.circle-page .circle-help .title,.khetma-page .khetma-help .title{font-size:.9rem;font-weight:700}.circle-page .circle-help .text,.khetma-page .khetma-help .text{font-size:.8rem;font-weight:500}.page-page .surah-box .surah-header,.circle-page .surah-box .surah-header,.khetma-page .surah-box .surah-header{background-color:#2c3e50;color:#FFF;text-align:center;border-top-right-radius:6px;border-top-left-radius:6px}.page-page .surah-box .surah-body-outer,.circle-page .surah-box .surah-body-outer,.khetma-page .surah-box .surah-body-outer{position:relative}.page-page .surah-box .surah-top,.circle-page .surah-box .surah-top,.khetma-page .surah-box .surah-top{position:absolute;top:-8px;z-index:8}.page-page .surah-box .surah-name,.circle-page .surah-box .surah-name,.khetma-page .surah-box .surah-name{background-color:#FFF;padding:.2rem .3rem;border-radius:5px;font-weight:700;font-size:.7rem;line-height:1;border:1px solid #e74c3c!important}.page-page .surah-box .surah-footer,.circle-page .surah-box .surah-footer,.khetma-page .surah-box .surah-footer{position:absolute;z-index:8;bottom:-20px;text-align:center}.page-page .surah-box .surah-footer span,.circle-page .surah-box .surah-footer span,.khetma-page .surah-box .surah-footer span{background-color:#FFF;padding:0rem .6rem;border-radius:5px;font-weight:700;font-size:.7rem;line-height:1;border:1px solid #34495e!important}.page-page .surah-box .surah-body{color:#FFFFFF!important}.circle-page .surah-box .surah-body,.khetma-page .surah-box .surah-body{color:#000;border-style:solid;border-width:10px}.page-page .surah-box .surah-body,.circle-page .surah-box .surah-body,.khetma-page .surah-box .surah-body{background:#fff0;text-align:justify!important;text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;font-family:"hafs";font-size:1.3rem;letter-spacing:.8px;word-spacing:-4px!important;font-weight:400;line-height:2.2rem;display:inline-table}.page-page .surah-box .surah-body .verse-number{color:#fac252!important}.circle-page .surah-box .surah-body .verse-number,.khetma-page .surah-box .surah-body .verse-number{color:#e74c3c!important}.page-page .surah-box .surah-body .verse-number .symbol,.circle-page .surah-box .surah-body .verse-number .symbol,.khetma-page .surah-box .surah-body .verse-number .symbol{font-family:'Almarai',sans-serif}.page-page .surah-box .surah-body .verse-outer,.circle-page .surah-box .surah-body .verse-outer,.khetma-page .surah-box .surah-body .verse-outer{display:contents}.page-page .surah-box .surah-body .verse-outer:first-child .verse-text,.circle-page .surah-box .surah-body .verse-outer:first-child .verse-text,.khetma-page .surah-box .surah-body .verse-outer:first-child .verse-text{border-top-right-radius:5px}.page-page .surah-box .surah-body .verse-outer:last-child .verse-number,.circle-page .surah-box .surah-body .verse-outer:last-child .verse-number,.khetma-page .surah-box .surah-body .verse-outer:last-child .verse-number{border-bottom-left-radius:5px}.page-page .surah-box .surah-body .verse-number,.circle-page .surah-box .surah-body .verse-number,.khetma-page .surah-box .surah-body .verse-number{padding-right:3px;padding-left:3px}.page-page .surah-box .surah-body .verse-text.finished,.page-page .surah-box .surah-body .verse-number.finished,.page-page .surah-box .surah-body .verse-number.reading,.circle-page .surah-box .surah-body .verse-text.finished,.circle-page .surah-box .surah-body .verse-number.finished,.circle-page .surah-box .surah-body .verse-number.reading,.khetma-page .surah-box .surah-body .verse-text.finished,.khetma-page .surah-box .surah-body .verse-number.finished,.khetma-page .surah-box .surah-body .verse-number.reading{color:#FFFFFF!important}.page-page .surah-box .surah-body .verse-text.finished,.page-page .surah-box .surah-body .verse-number.finished,.circle-page .surah-box .surah-body .verse-text.finished,.circle-page .surah-box .surah-body .verse-number.finished,.khetma-page .surah-box .surah-body .verse-text.finished,.khetma-page .surah-box .surah-body .verse-number.finished{background-color:#e74c3c}.page-page .surah-box .surah-body .verse-text.reading,.page-page .surah-box .surah-body .verse-number.reading,.circle-page .surah-box .surah-body .verse-text.reading,.circle-page .surah-box .surah-body .verse-number.reading,.khetma-page .surah-box .surah-body .verse-text.reading,.khetma-page .surah-box .surah-body .verse-number.reading{background-color:#ddd;color:#202e3c!important}.page-page .surah-box .surah-body .btn-restart-surah-outer,.circle-page .surah-box .surah-body .btn-restart-surah-outer,.khetma-page .surah-box .surah-body .btn-restart-surah-outer{display:block;width:100%;margin-top:.4rem}.page-page .surah-box .surah-body .btn-restart-surah,.circle-page .surah-box .surah-body .btn-restart-surah,.khetma-page .surah-box .surah-body .btn-restart-surah{border:1px solid #ccc;color:#999;font-size:.675rem;border-radius:4px!important;display:none}.circle-page .circle-footer{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.circle-page .circle-footer.no-border{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.circle-page .circle-footer .title{font-size:.8em!important;font-weight:700}@media (max-width:768px){.circle-page .circle-footer .title{text-align:center!important}}.shake-box{animation:shake-box 1s;animation-iteration-count:infinite}@keyframes shake-box{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.circle-page .circle-create{background-color:#2c3e50!important;color:#fff!important;text-align:center}.circle-page .circle-create .icon{font-size:1em}.circle-page .circle-create .main-headline{font-size:.9rem;font-weight:700}.circle-page .circle-create .button .btn{background-color:#fff!important;color:#2c3e50!important;font-weight:600}.circle-page .circles-suggestion{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.circle-page .circles-suggestion .headline{font-size:.9em!important;font-weight:bolder}.circle-page .circles-suggestion .sub-headline{font-size:.8em!important;font-weight:400}.circle-page .circles-suggestion .suggestion-item .title a{font-size:.9rem!important;font-weight:700!important;color:#2c3e50}.circle-page .circles-suggestion .suggestion-item .title{line-height:1rem}.circle-page .circles-suggestion .suggestion-item .image img{max-width:100%;height:auto;max-height:50px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.circle-page .circles-suggestion .suggestion-item .detaile-item{font-size:.7em!important}.circle-page .circles-suggestion .suggestion-item .detaile-item .icon{color:#999999!important}.circle-page .circles-suggestion .suggestion-item .detaile-item .text{color:#777777!important}.khetma-page{min-height:100vh;padding-right:0!important;padding-left:0!important}.khetma-page .khetma-header{border-radius:8px;-wekbit-border-radius:8px;-moz-border-radius:8px}.khetma-page .khetma-header .icon img{max-width:100%;height:auto;max-height:50px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:block;margin:0 auto}.khetma-page .khetma-header .title h1{font-size:.9rem!important;font-weight:800}.khetma-page .khetma-circle-content-header{font-size:.9rem;font-weight:700}.circle-page .circle-section-header,.khetma-page .khetma-section-header{font-size:.9rem;font-weight:bolder}.circle-page .circle-overview-item .icon,.khetma-page .khetma-overview-item .icon{color:#777777!important;font-size:.9rem;flex:0 0 4.3333333333%!important;max-width:4.3333333333%!important;padding-right:0!important}.circle-page.azakar .join-circle-box .btn{background-color:#1BBC9B!important;border-color:#1BBC9B!important}.circle-page.alnabi .join-circle-box .btn{background-color:#981002!important;border-color:#981002!important}.circle-page.tasbeeh .join-circle-box .btn{background-color:#3486BE!important;border-color:#3486BE!important}.circle-page.quran .join-circle-box .btn{background-color:#5C2175!important;border-color:#5C2175!important}.circle-page .join-circle-header,.khetma-page .join-khetma-header{font-size:.8rem}.khetma-page .khetma-circle-help-box .icon{font-size:2rem}.khetma-page .khetma-circle-help-box .help-text{font-size:.8rem;font-weight:700}.khetma-page .khetma-circle-help-box .button .btn{background-color:#FFFFFF!important}.circle-page .circle-overview-item .text,.khetma-page .khetma-overview-item .text{font-size:.8rem;font-weight:400;color:#111}.khetma-page .khetma-circle-item.active{border:3px solid #01b1c4!important;border-radius:5px;background-color:#f5f6f6;position:relative}.khetma-page .khetma-circle-item .circle-badge{padding:.2rem .8rem .1rem .8rem;border-radius:5px;background-color:#01b1c4;position:absolute;top:-10px;right:10px;color:#FFF;font-size:.8rem;font-weight:700}.khetma-page .khetma-circle-list-item .image img{max-width:100%;height:auto;max-height:50px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.khetma-page .khetma-circle-list-item .title a{font-size:.9rem!important;font-weight:700!important;color:#2c3e50}.khetma-page .khetma-circle-list-item .title{line-height:1rem}.khetma-page .khetma-circle-list-item .details-item{font-size:.7em!important}.khetma-page .khetma-circle-list-item .details-item .icon{color:#999}.khetma-page .khetma-circle-list-item .details-item .text{color:#777777!important}.page-page{position:relative}.page-page .page-actions-buttons-box{width:50px;position:fixed;bottom:200px;text-align:center!important;z-index:10000}.page-page .page-actions-buttons-box .btn-action{background-color:#FFFFFF!important;width:38px;height:38px;float:left;line-height:38px;margin-bottom:10px;color:#202020;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.page-page .page-card{background-color:#353535;color:#FFFFFF!important;border:3px solid #2D2D2D;border-radius:8px}.page-page .page-card.primary-border{border:3px solid #01b1c4}.page-page .prayers-gaza-alert{border-radius:8px;font-size:.9rem!important}.page-page .prayers-gaza-alert a{color:#FFFFFF!important}.page-page .page-card .promotion-box .icon{text-align:center;font-size:.8rem}.page-page .page-card .promotion-box .text{font-size:.8rem;line-height:1rem}.page-page .page-card .promotion-box .btn{font-size:.7rem!important}.page-page .page-header{border-radius:8px;-wekbit-border-radius:8px;-moz-border-radius:8px;color:#FFFFFF!important}.page-page .page-header .icon img{max-width:100%;max-height:70px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;display:block;margin:0 auto}.page-page .page-header .title h1{font-size:1rem!important;font-weight:800;line-height:1.2rem!important}.page-page .page-header .reading-time{font-size:.7rem!important}.page-page .custom-page-nav{width:100%}.page-page .custom-page-nav .nav-link{font-size:.8em;font-weight:600;color:#212b35;cursor:pointer;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin-left:.5rem;padding:.35rem .8rem!important}.page-page .custom-page-nav .nav-link.active{background-color:#01b1c4!important;color:#FFFFFF!important}.page-page .custom-page-nav .nav-link:hover{background-color:rgb(1 177 196 / .09)}.page-page .custom-page-nav .nav-link .circle-icon{color:#e74c3c;font-size:12px;margin-right:8px;margin-top:3px;animation:infrontAnimation 1.5s;animation-iteration-count:infinite}.page-page .custom-page-nav .nav-link.active .circle-icon{color:transparent!important}@keyframes infrontAnimation{10%,70%{opacity:1}100%,40%{opacity:0}}.page-page .page-section .section-header .main-headline{font-size:1rem;font-weight:700;text-align:center}.page-page .page-section .section-header .sub-headline{font-size:.8rem;font-weight:300;text-align:center;color:#FAC252!important}.page-page .tasbeeh-box-outer{height:170px}.page-page .tasbeeh-box-outer .tasbeeh-count{text-align:center;font-size:.7rem}.page-page .tasbeeh-box .tasbeeh-list{text-align:center}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item .btn-item{width:100%!important;background-color:transparent!important;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;font-size:.9rem;font-weight:700;padding:.3rem 0}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item .btn-item:focus{outline:0!important}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+1) .btn-item{border:2px solid #00B5C3;color:#00B5C3}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+1) .btn-item.active{background-color:#00B5C3!important;color:#FFFFFF!important}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+2) .btn-item{border:2px solid #01588E;color:#01588E}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+2) .btn-item.active{background-color:#01588E!important;color:#FFFFFF!important}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+3) .btn-item{border:2px solid #8F6C2C;color:#8F6C2C}.page-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+3) .btn-item.active{background-color:#8F6C2C!important;color:#FFFFFF!important}.page-page .tasbeeh-box .tasbeeh-finish{display:none}.page-page .tasbeeh-box .tasbeeh-finish .message{font-size:1.3rem;font-weight:bolder}.page-page .tasbeeh-box .tasbeeh-finish .button .btn{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;font-size:.9rem!important;font-weight:bold!important}.page-page .tasbeeh-box .tasbeeh-finish .button .btn i{line-height:0!important;font-size:.8rem!important}.page-page .pieContainer{width:130px;height:130px;position:relative;display:block;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page-page .pieBackground{position:absolute;width:130px;height:130px;border-radius:100%;box-shadow:0 0 8px rgb(0 0 0 / .3)}.page-page .tasbeeh-box.animate .pieBackground{animation:tasbeehButtonAnimation 2s;animation-iteration-count:infinite}@keyframes tasbeehButtonAnimation{10%,70%{box-shadow:0 0 10px rgb(0 0 0 / .5)}100%,40%{box-shadow:0 0 8px rgb(0 0 0 / .3)}}.page-page .pie{transition:all 1s;position:absolute;width:130px;height:130px;border-radius:100%;clip:rect(0,60px,130px,0);color:#00B5C3}.page-page .hold{position:absolute;width:130px;height:130px;border-radius:100%;clip:rect(0,150px,150px,75px)}.page-page #pieSlice1 .pie{transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.page-page #pieSlice2{transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.page-page #pieSlice2 .pie{transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.page-page #pieSlice3{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.page-page #pieSlice3 .pie{transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg)}.page-page #pieSlice4{transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}.page-page #pieSlice4 .pie{transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);-o-transform:rotate(270deg);background-color:#323232}.page-page .tasbeeh-button{width:120px;height:120px;top:5px;right:5px;position:relative;border-radius:100%;background-color:#353535!important;font-size:1.2rem!important;font-weight:800;color:#00B5C3;cursor:pointer}.page-page .tasbeeh-button .text{text-align:center}.page-page .du3a-list .du3a-item{font-size:1.1rem;font-weight:700;line-height:1.4rem;border:1px dashed #f9f9f9;margin-bottom:.8rem;padding:.9rem .5rem;border-radius:5px;background-color:#2D2D2D;direction:rtl;text-align:center}.page-page .du3a-list.version-2 .du3a-item{border:1px solid #e6e6e6!important;padding:1.2rem .8rem;border-radius:4px!important;height:140px;text-align:center;display:flex;align-items:center;justify-content:center}.page-page .send-card .sub-headline{font-size:.7rem}.page-page .send-card .icon{font-size:1.6rem;color:#fff}.page-page .send-card .main-headline{font-size:.9rem!important;font-weight:bold!important;color:#ffffff!important}.page-page .send-card .message{font-size:.76rem;font-weight:500;color:#fff}.page-page .send-card .button .btn{font-size:.7rem!important;font-weight:bold!important;background-color:#FFFFFF!important}.page-page .circles-suggestion,.page-page .circles-page{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.page-page .circles-suggestion .headline,.page-page .circles-page .headline{font-size:.8em!important;font-weight:700}.page-page .circles-suggestion .suggestion-item .image img,.page-page .circles-page .circle-item .image img{max-width:100%;height:auto;max-height:50px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.page-page .circles-suggestion .suggestion-item .title a,.page-page .circles-page .circle-item .title a{font-size:.9rem!important;font-weight:700!important;color:#2c3e50}.page-page .circles-suggestion .suggestion-item .title,.page-page .circles-page .circle-item .title{line-height:1rem}.page-page .circles-suggestion .suggestion-item .detaile-item,.page-page .circles-page .circle-item .detaile-item{font-size:.7em!important}.page-page .circles-suggestion .suggestion-item .detaile-item .icon,.page-page .circles-page .cirlce-item .detaile-item .icon{color:#999999!important}.page-page .circles-suggestion .suggestion-item .detaile-item .text,.page-page .circles-page .circle-item .detaile-item .text{color:#777777!important}.page-page .page-create,.circle-page .circle-create,.khetma-page .khetma-create{background-color:#2c3e50!important;color:#fff!important;text-align:center}.page-page .page-create .icon,.cirlce-page .cirlce-create .icon,.khetma-page .khetma-create .icon{font-size:1em}.page-page .page-create .main-headline,.circle-page .circle-create .main-headline,.khetma-page .khetma-create .main-headline{font-size:.9rem;font-weight:700}.page-page .page-create .button .btn,.circle-page .circle-create .button .btn,.khetma-page .khetma-create .button .btn{background-color:#fff!important;color:#2c3e50!important;font-weight:600}.page-page .page-create .button .hint,.circle-page .circle-create .button .hint,.khetma-page .khetma-create .button .hint{font-size:.7rem;font-weight:700}.page-page .page-footer{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.page-page .page-footer.no-border{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.page-page .page-footer .title{font-size:.8em!important;font-weight:700}@media (max-width:768px){.page-page .page-footer .title{text-align:center!important}}.shake-box{animation:shake-box 1s;animation-iteration-count:infinite}@keyframes shake-box{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.page-page .circle-timeout icon{max-height:80px}.page-page .circle-timeout .text{color:#999;font-size:.7rem;font-weight:700}.isLoadingPage-overlay-outer{width:100%;max-width:100%;height:100%;background:#fff;position:fixed;z-index:10000;bottom:0;right:0;left:0;top:0;transition:all linear 3s;padding-top:3rem!important;padding-bottom:5rem!important}.isLoadingPage-overlay-outer.ng-hide{width:0;right:-100%}.isLoadingPage-overlay-outer img{width:30px;height:30px;margin:30vh auto;display:block}.empty-results-box{padding-top:5rem!important;padding-bottom:5rem!important;min-height:90vh}.empty-results-box .image img{height:120px;max-width:100%}.empty-results-box .main-headline{font-size:.9rem!important;font-weight:bold!important}.empty-results-box .sub-headline{font-size:.8rem!important;font-weight:normal!important;line-height:1.4rem}.isLoading-section-box{padding-top:3rem!important;padding-bottom:5rem!important;min-height:90vh}.isLoading-section-box.small-box{padding-top:2rem!important;padding-bottom:2rem!important;min-height:auto!important}.isLoading-section-box img{width:30px;height:30px;margin:30vh auto;display:block}.isLoading-section-box.small-box img{margin:0 auto!important}.settings-page .back a{font-size:.6rem;color:#777;text-decoration:none}.settings-home-page .main-headline,.settings-page .main-headline{font-size:.9rem;font-weight:700}.settings-home-page .sub-headline,.settings-page .sub-headline{font-size:.7rem;font-weight:400;columns:#888}.settings-page .nav .nav-link{color:#202020!important;font-size:.8rem;font-weight:700}.settings-page .settings-form-box{min-height:90vh}.container-box-page{max-width:1200px}@media (max-width:768px){.container-box-page,.container-box-page .right-container-box,.container-box-page .left-container-box{padding-right:0!important;padding-left:0!important}}.access-modal{transition:all linear 0.5s;background-color:#FFF;width:100%;height:90%;position:fixed;z-index:10000;bottom:0;left:0;right:0}.access-modal.ng-hide{height:0}.access-modal .access-modal-content{max-width:500px}.access-modal .main-headline{font-size:.9rem;font-weight:700}.access-modal .sub-headline{font-size:.8rem;font-weight:400;line-height:1.4rem}.access-modal .access-buttons .btn{font-size:.9rem!important;font-weight:bold!important}.access-modal .access-buttons .btn .hint{font-size:.7rem;font-weight:normal!important}.access-modal .switch-access-way{font-size:.7rem!important}.access-modal .switch-access-way .btn{font-size:.7rem!important}.access-modal .btn-cancel{font-size:.7rem!important;color:#888888!important}#download-app-modal .modal-dialog{max-width:400px!important}#download-app-modal .modal-content{border-radius:15px}#download-app-modal .modal-header{border-bottom:0!important}#download-app-modal .modal-header img{max-width:100%;height:80px;margin:0 auto}#download-app-modal .main-headline{font-size:1.1rem;font-weight:bolder}#download-app-modal .sub-headline{font-size:.9rem;line-height:1.4rem}#download-app-modal .buttons .btn{font-size:.9rem!important;font-weight:bold!important}.options-box-modal .modal-dialog{max-width:350px!important}.options-box-modal .modal-content{border-radius:10px!important}.options-box-modal .title{font-size:.9em;font-weight:800}.options-box-modal .option-item{width:100%;float:right;font-size:.9rem!important;font-weight:400;color:#212b35!important}.options-box-modal .option-item i{font-size:1.1rem!important;color:#000000!important}.options-box-modal .option-item:hover,.options-box-modal .option-item:focus,.options-box-modal .option-item:active{text-decoration:none!important}.share-modal .main-headline{font-size:.9rem;font-weight:700}.share-modal .sub-headline{font-size:.8rem;font-weight:400;line-height:1.4rem}.share-modal .btn-cancel,.get-video-modal .btn-cancel{font-size:.7rem!important;color:#888888!important}.share-modal .copy-message-box textarea{height:110px;resize:none;background-color:#FFFFFF!important}.share-modal .copy-message-box textarea:focus,.share-modal .copy-message-box textarea:hover{outline:none!important;box-shadow:none!important}.share-modal .copy-message-box .btn{font-size:.9rem!important;font-weight:bold!important}.share-modal .copy-message-box .btn .text-copied{display:none}.comment-modal .send-form textarea{height:100px;resize:none}.comment-modal .send-form .btn{font-size:.9rem;font-weight:700}.comment-modal .send-form .message-counter{font-size:.8rem;color:#999}.comment-modal .success-box .success-icon img{width:70px;height:70px;display:block;margin:0 auto}.comment-modal .success-box .success-main-headline{font-size:1.1rem;font-weight:bolder}.comment-modal .success-box .success-sub-headline{font-size:.8rem;line-height:1.4rem}.comment-modal .success-box .btn{font-size:.9rem;font-weight:700}#get-video-modal .main-headline{font-size:1.3rem;font-weight:900;text-align:center}#get-video-modal .video-box video{width:100%;height:auto;max-height:300px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:4px solid #01b1c4}.circle-page .share-box .title,.khetma-page .share-box .title{font-size:.8em!important;font-weight:700}@media (max-width:768px){.circle-page .share-box .title,.khetma-page .share-box .title{text-align:center!important}}.overview-page{max-width:500px!important;background-color:#fff}.overview-page .main-headline{font-size:1rem;font-weight:700}.overview-page .sub-headline{font-size:.8rem;line-height:1.4rem}.overview-page .icon img{width:120px;display:block;margin:0 auto;border-radius:100%}.overview-page .video iframe{border:0!important}.overview-page .steps{font-size:.7rem;color:#888}.overview-page .todo-list .todo-item .title{font-size:.9rem;font-weight:700}.overview-page .todo-list .todo-item .button .btn{border-radius:20px;font-size:.8rem;font-weight:700}.overview-page .todo-home-headline{font-size:.8rem;font-weight:700}.overview-page .download-app .download-headline{font-size:.7rem;font-weight:700}.overview-page .app-feature{font-size:.8rem;font-weight:700}.overview-page .app-feature .icon{color:#2ecc71!important}.sticky-circle-alert{bottom:0;right:0;left:0;position:fixed;transition:all linear 0.5s;z-index:10000;background-color:#2c3e50!important;color:#FFFFFF!important}.sticky-circle-alert-inner{max-width:1000px}@media (max-width:768px){.sticky-circle-alert-inner,.sticky-circle-alert-inner .right-container-box,.sticky-circle-alert-inner .left-container-box,.sticky-bottom-alert,.sticky-bottom-alert .right-container-box,.sticky-bottom-alert .left-container-box{padding-right:0!important;padding-left:0!important}}.sticky-circle-alert .message,.sticky-bottom-alert .message{font-size:.8rem;font-weight:700}.sticky-circle-alert .message .sub,.sticky-bottom-alert .message .sub{font-size:.7rem;font-weight:400}.sticky-circle-alert .btn,.sticky-bottom-alert .btn{font-size:.7rem!important}.circle-page .circle-success .header{background-color:#f9f9f9!important}.circle-page .circle-success .header img{width:92px}.circle-page .circle-success .header .main-headline{font-size:1rem;font-weight:bolder}.circle-page .circle-success .header .sub-headline{font-size:.7rem;font-weight:400}.post-page{max-width:500px;min-height:80vh}.post-page .post-box{margin-bottom:.3rem;background-color:#353535;border:6px solid #2d2d2d;border-radius:5px;color:#FFFFFF!important}@media (max-width:768px){.post-page .post-box .post-header .col-1,.post-page .post-box .post-body .col-1{flex:0 0 13.3333333333%;max-width:13.3333333333%}.post-page .post-box .post-header .col-11,.post-page .post-box .post-body .col-11{flex:0 0 86.6666666667%;max-width:86.6666666667%}}.post-page .post-box .post-header .post-icon img{width:100%;max-width:36px;height:auto;border-radius:100%}.post-page .post-box .post-header .title{font-size:.8rem;font-weight:bolder}.post-page .post-box .post-header .time{font-size:.6rem;color:#C3C3C3!important}.post-page .post-box .post-body .title{font-size:1.1rem;line-height:1.5rem;letter-spacing:.6px;font-weight:700}.post-page .post-box .post-body .text{font-size:.9rem;line-height:0;letter-spacing:.6px;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.post-page .post-box .post-body .text.has-title{text-align:center;border:1px dashed #C3C3C3;padding:.8rem .5rem!important;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.post-page .post-box .post-body .text div{line-height:1.5rem}.post-page .post-box .post-body .text.has-bg{min-height:200px;color:#FFF;text-align:center;font-weight:700;padding-top:1.4rem;padding-bottom:1.4rem;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:1.5rem}.post-page .post-box .post-body .images .carousel .carousel-control-prev span,.post-page .post-box .post-body .images .carousel .carousel-control-next span{width:25px;line-height:28px;height:25px;font-size:.8rem;background-color:#FFF;color:#111;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border:1px solid #555}.post-page .post-box .post-body .images .carousel .carousel-item{text-align:center;background-color:#f9f9f9}.post-page .post-box .post-body .images .carousel img{height:400px;width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}@media (max-width:768px){.post-page .post-box .post-body .images .carousel img{height:300px}}.post-page .post-box .post-body .images .carousel .carousel-indicators li{width:5px!important;height:5px!important;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.post-page .post-box .post-footer .actions-box .btn-action{font-size:.8rem;color:#333;font-weight:700}.post-page .post-box .post-footer .actions-box .btn-action:active,.post-page .post-box .post-footer .actions-box .btn-action:focus{outline:0px!important;-webkit-appearance:none;box-shadow:none!important}.tasbeeh-page{max-width:500px;min-height:80vh}.tasbeeh-page .tasbeeh-box{margin-bottom:.3rem;background-color:#FFF;border:1px solid #ddd;border-radius:5px}.tasbeeh-page .tasbeeh-box .tasbeeh-header .main-headline{font-size:1rem;font-weight:700}.tasbeeh-page .tasbeeh-box .tasbeeh-header .sub-headline{font-size:.7rem}.tasbeeh-page .tasbeeh-box .tasbeeh-list{text-align:center}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item .btn-item{width:100%!important;background-color:transparent!important;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;font-size:.9rem;font-weight:700;padding:.3rem 0}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item .btn-item:focus{outline:0!important}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+1) .btn-item{border:2px solid #01B2C4;color:#01B2C4}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+1) .btn-item.active{background-color:#01B2C4!important;color:#FFFFFF!important}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+2) .btn-item{border:2px solid #01588E;color:#01588E}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+2) .btn-item.active{background-color:#01588E!important;color:#FFFFFF!important}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+3) .btn-item{border:2px solid #8F6C2C;color:#8F6C2C}.tasbeeh-page .tasbeeh-box .tasbeeh-list .tasbeeh-list-item:nth-child(1n+3) .btn-item.active{background-color:#8F6C2C!important;color:#FFFFFF!important}.tasbeeh-page .tasbeeh-box .tasbeeh-finish{display:none}.tasbeeh-page .tasbeeh-box .tasbeeh-finish .message{font-size:1.3rem;font-weight:bolder}.tasbeeh-page .tasbeeh-box .tasbeeh-finish .button .btn{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;font-size:.9rem!important;font-weight:bold!important}.tasbeeh-page .tasbeeh-box .tasbeeh-finish .button .btn i{line-height:0!important;font-size:.8rem!important}.tasbeeh-page .tasbeehCounterContainer-outer{position:relative;width:150px;display:block;margin:0 auto}.tasbeeh-page .tasbeehCounterContainer{width:150px;height:150px;position:relative;display:block;margin:0 auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tasbeeh-page .tasbeehCounterBackground{position:absolute;width:150px;height:150px;border-radius:100%;box-shadow:0 0 8px rgb(0 0 0 / .3)}.tasbeeh-page .tasbeeh-box.animate .tasbeehCounterBackground{animation:tasbeehButtonAnimation 2s;animation-iteration-count:infinite}@keyframes tasbeehButtonAnimation{10%,70%{box-shadow:0 0 10px rgb(0 0 0 / .5)}100%,40%{box-shadow:0 0 8px rgb(0 0 0 / .3)}}.tasbeeh-page .tasbeehCounterPie{transition:all 1s;position:absolute;width:150px;height:150px;border-radius:100%;clip:rect(0,75px,150px,0);color:#FFF}.tasbeeh-page .tasbeeh-box .tasbeehCounterHold{position:absolute;width:150px;height:150px;border-radius:100%;clip:rect(0,150px,150px,75px)}.tasbeeh-page .tasbeeh-box .tasbeehCounter-button{width:140px;height:140px;top:5px;right:5px;position:relative;border-radius:100%;background-color:#FFFFFF!important;font-size:1.2rem!important;font-weight:800;color:#01b1c4;cursor:pointer}.tasbeeh-page .tasbeeh-box .tasbeehCounter-button .text{text-align:center}.user-add-page{max-width:600px;min-height:80vh}.user-add-page .user-add-box{background-color:#2D2D2D;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.user-add-page header .header-inner{border-bottom:1px solid #555}.user-add-page header .user-avatar{max-width:50px;height:50px;background-color:#fac252!important;color:#FFF;font-size:1.2rem;font-weight:bolder;text-align:center;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.user-add-page header .user-name h1{font-size:1.5rem;font-weight:bolder;color:#FFF;margin-bottom:.4rem!important}.user-add-page header .user-followers{font-size:.8rem;color:#FFFFFF!important}.user-add-page .download-app-box{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.user-add-page .download-app-box .message{font-size:1rem;font-weight:400;color:#FFF;line-height:2rem}.user-add-page .download-app-box .message span{position:relative;font-size:1.2rem;font-weight:700}.user-add-page .download-app-box .message span::before{content:'';position:absolute;height:2px;width:100%;top:100%;background-color:#01b1c4;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.user-add-page .download-app-box .btn-hint{font-size:.7rem;color:#FFF}.join-khetma-page{max-width:600px;min-height:80vh}.join-khetma-page .join-khetma-box{background-color:#2D2D2D;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.join-khetma-page header .header-inner{border-bottom:1px solid #555}.join-khetma-page header .details .title h1{font-size:1.5rem;font-weight:bolder;color:#FFF;margin-bottom:.4rem!important;padding-top:0!important}.join-khetma-page header .details .info{font-size:.7rem;color:#FFFFFF!important}.join-khetma-page .download-app-box{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.join-khetma-page .download-app-box .title{font-size:1rem;font-weight:400;color:#FFF;line-height:1.6rem}.join-khetma-page .download-app-box .title span{position:relative;font-size:1rem;font-weight:700}.join-khetma-page .download-app-box .title span::before{content:'';position:absolute;height:2px;width:100%;top:100%;background-color:#01b1c4;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}.join-khetma-page .download-app-box .message{font-size:.8rem;font-weight:400;color:#FFF;line-height:1.4rem}.join-khetma-page .download-app-box .btn-hint{font-size:.7rem;color:#FFF}.top-download-app{background-color:#111;border-bottom:1px solid #353535}.top-download-app .user-avatar{max-width:30px;height:30px;background-color:#fac252!important;color:#FFF;font-size:.7rem;font-weight:bolder;text-align:center;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%}.top-download-app .user-name{font-size:.7rem;font-weight:700;color:#FFF}.top-download-app .join-msg{font-size:.7rem;color:#ccc}.top-download-app .btn{font-size:.7rem!important;font-weight:bolder}.tasksList-box{padding:0!important;max-width:500px;color:#FFF;box-shadow:0 0 10px #353535;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin-top:1rem!important;margin-bottom:5rem!important}.tasksList-box .header{background-color:#ae1425;border-top-right-radius:10px;border-top-left-radius:10px}@media (max-width:768px){.tasksList-box{box-shadow:none!important;border-radius:0!important;margin-top:0!important}.tasksList-box .header{border-top-right-radius:0;border-top-left-radius:0}}.tasksList-box .header .title h1{font-size:1.3rem;font-weight:700;padding:0!important}.tasksList-box .description{font-size:.8rem;color:#ccc;line-height:1.4rem}.tasksList-box .header .members-count{font-size:.8rem}.tasksList-box .footer-details .btn{border-radius:50px;background-color:#FFF;color:#252525!important;font-size:.8rem;font-weight:700}.tasksList-box section .section-header{font-size:.9rem;font-weight:700}.tasksList-box section .tasks-list-box{background-color:#353535;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.tasksList-info-item{font-size:.8rem;color:#ccc}.tasksList-box .task-group-box{border-bottom:1px solid #2d2d2d}.tasksList-box .task-group-header{font-size:.9rem;font-weight:700}.tasksList-box .task-group-box img{width:20px;height:20px}.tasksList-box .task-group-body{display:inline-block}.tasksList-box .task-group-item{padding-right:.2rem;padding-left:.2rem;margin-bottom:.5rem;font-size:.8rem;font-weight:400;color:#ccc}.tasksList-sticky-alert{position:fixed;bottom:0;right:0;left:0;background-color:#111;border-top:1px solid #353535}.tasksList-sticky-alert .btn{border-radius:50px;background-color:#FFF;color:#ae1425!important;font-size:.8rem;font-weight:700}.auth-page{border:1px solid #ddd;border-radius:5px;box-shadow:10px 10px 55px -6px rgb(0 0 0 / .46)}.auth-page .content-box{padding-top:1rem;padding-bottom:1rem}.auth-page .main-headline h1{font-size:1.1em;font-weight:800;text-align:center}.auth-page .sub-headline h2{font-size:.9em;font-weight:700;text-align:center}.auth-page .wizard-steps{display:flex;justify-content:space-between;margin-bottom:20px}.auth-page .step{text-align:center;display:flex;opacity:.6}.auth-page .step.active{opacity:1}.auth-page .step-number{width:20px;height:20px;line-height:1.7;border-radius:50%;background-color:#01b1c4;color:#fff;margin:10px auto 0;font-size:.8rem}.auth-page .step-title{font-size:.8rem;margin-top:10px;margin-right:5px}.auth-page .step.active .step-number{background-color:#28a745}.auth-page .testimonial-box{background-color:#004e58;color:#fff;padding:.7rem 1.5rem;border-radius:10px;margin-bottom:1rem;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.auth-page .testimonial-content{font-size:1rem;line-height:1.5rem}.auth-page .testimonial-name{font-size:.8rem;font-weight:700;text-align:right}.tasbeeh-v2-box .headline{font-size:1rem!important;font-weight:700}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item{background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .2);padding:1.2rem .5rem 1rem .5rem;margin-bottom:1rem;text-align:center}.tasbeeh-v2-box.dark-theme .tasbeeh-list .tasbeeh-item{background-color:#2D2D2D;color:#FFF}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .tasbeeh-text{font-size:1.1rem!important;font-weight:700;line-height:2rem}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .tasbeeh-text .custom-word{color:#df9707!important;font-weight:900}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .tasbeeh-text .hint-word{color:#888888!important}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .tasbeeh-hint{font-size:.9rem!important;font-weight:300}.tasbeeh-v2-box.dark-theme .tasbeeh-list .tasbeeh-item .tasbeeh-text{min-height:60px!important}.tasbeeh-v2-box.dark-theme .tasbeeh-list .tasbeeh-item .tasbeeh-hint{min-height:40px!important}@media (min-width:768px){.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .tasbeeh-text{min-height:60px!important}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .tasbeeh-hint{min-height:40px!important}}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .btn-tasbeeh,.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .undo-btn,.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .share-btn{border-radius:10px}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .btn-tasbeeh .count-value{font-size:1.5rem!important;font-weight:700}.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .btn-outline-primary:hover,.tasbeeh-v2-box .tasbeeh-list .tasbeeh-item .btn-outline-primary:focus{background-color:transparent!important;color:#018f9e!important;border-color:0!important}#pageOverviewModal .modal-header{text-align:center}#pageOverviewModal .modal-header h2{font-size:1.5rem;font-weight:700;color:#000}#pageOverviewModal .modal-header h2 span{color:#01b1c4}#pageOverviewModal .divider{border-top:1px solid #ddd;margin:20px 0}#pageOverviewModal .modal-dialog{max-width:400px}#pageOverviewModal .steps{text-align:right}#pageOverviewModal .step{display:flex;align-items:center;margin-bottom:15px}#pageOverviewModal .step .circle{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#01b1c4,#008ca1);color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px rgb(0 0 0 / .1);margin-left:10px}#pageOverviewModal .step p{margin:0;color:#333}.hourly-du3a-page{max-width:600px;background-color:#f8f9fa;border-radius:10px;padding:0!important}.hourly-du3a-page .nav-sections{padding:.5rem 1rem 0 1rem;background-color:#ecf0f1!important;border-top-left-radius:10px;border-top-right-radius:10px}.hourly-du3a-page .top-sections{padding:1rem 1rem 2rem 1rem}.hourly-du3a-page .bottom-sections{padding:1rem 1rem 2rem 1rem;background-color:#ecf0f1!important;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hourly-du3a-page .logo img{max-width:90px}.hourly-du3a-page .main-headline{font-size:1rem!important;font-weight:700}.hourly-du3a-page .sub-headline{font-size:.8rem!important;font-weight:300;color:#111}.hourly-du3a-page .du3a-box{font-size:1.1rem!important;font-weight:700;padding:1.3rem 1rem;background-color:#353535;color:#FFF;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .4);text-align:center;font-family:"Tajawal",serif!important}.hourly-du3a-page .du3a-box .custom-word{color:#FAC252!important}.hourly-du3a-page .du3a-box p{margin-bottom:.4rem}.hourly-du3a-page .shortcut-box .shortcut-hint{font-size:1rem!important;font-weight:500;text-align:center}.hourly-du3a-page .share-box{background-color:#FFDC86!important;padding:1rem .6rem;border-radius:10px}.hourly-du3a-page .share-box .headline{font-size:1rem!important;font-weight:700;text-align:center}.hourly-du3a-page .share-box .sub-headline{font-size:.8rem!important;font-weight:300;text-align:center}.countdown-box{font-size:.9rem!important;font-weight:500;text-align:center}.countdown-headline{font-size:.9rem!important;font-weight:700;margin-bottom:1rem}.countdown-timer{font-size:1rem!important;font-weight:700;color:#dc3545}@media (max-width:768px){.hourly-du3a-page .share-box .buttons{display:flex;flex-wrap:wrap;justify-content:center}.hourly-du3a-page .share-box .buttons .btn{width:45%;margin-left:10px;font-size:.9rem!important}}#helpfulOptionsModal .modal-header{font-size:1.2rem!important;font-weight:700}#helpfulOptionsModal .button-action .text{font-size:.8rem!important;font-weight:700}.sticky-alert{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background-color:#FFF;color:#333;padding:10px 20px;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / .5);display:flex;align-items:center;justify-content:center;transition:bottom 0.5s ease-in-out;text-align:center;width:100%;display:flex;height:0;z-index:10000}.sticky-alert.show{bottom:0;height:22vh}.sticky-alert.show.minmize{height:10vh}.sticky-alert .container{max-width:600px}.sticky-alert .headline{font-size:1rem;font-weight:400}.sticky-alert .headline.hide{display:none}.sticky-alert .hint{font-size:.8rem;font-weight:300}.sticky-alert .close-btn{position:absolute;top:-20px;left:0;border-top-right-radius:10px;background:none;border:none;font-size:1.2rem;cursor:pointer;background-color:#FFF;padding:5px 10px}.sticky-alert .close-btn .full{display:block}.sticky-alert .close-btn .minmize{display:none}.sticky-alert .close-btn.minmize .minmize{display:block}.sticky-alert .close-btn.minmize .full{display:none}.breadcrumb-custom{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}.breadcrumb-custom li{display:inline;font-size:.875rem}.breadcrumb-custom li+li:before{content:">";padding:0 .5rem;color:#111}.breadcrumb-custom li a{color:#01b1c4!important;text-decoration:none;background-color:#fff0}.breadcrumb-custom li a:hover{color:#111;text-decoration:underline}.breadcrumb-custom li.active{color:#111}.home-page .inner-section{max-width:1000px}.home-page section .section-headline{font-size:1.3rem;font-weight:700}.home-page .azkar-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.home-page .azkar-list .azkar-item{background-color:#efedff!important;margin-right:.5rem;margin-bottom:.5rem;color:#333;-webkit-box-flex-grow:1;-moz-box-flex-grow:1;-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1}.home-page .azkar-list .azkar-item:first-child{margin-left:0}.game-page,.leaderboard-page,.share-page{max-width:950px}.game-page .game-box,.game-page .top-game-box,.leaderboard-page .leaderboard-box,.share-page .share-box{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;background-color:#f1f3f8!important}.game-page .game-box .challenge-by{font-size:1.3rem!important;text-align:center}.game-page .game-box .challenge-by span{color:#FA6200!important;font-weight:800}.game-page .game-box .challenge-by b{font-size:1.2rem!important}.game-page .game-box .title{text-align:center}.game-page .game-box .title h1{font-size:1.1rem!important;font-weight:800}.game-page .game-box .created-by{font-size:.8rem;text-align:center}.game-page .game-box .image{text-align:center}.game-page .game-box .image img{max-width:100%;max-height:200px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px}.game-page .game-box .description{text-align:center;font-size:1rem}.game-page .game-box .loading-box{padding-top:6rem;padding-bottom:6rem}.game-page .game-box .loading-box img{width:50px;height:50px}.game-page .game-box .question-image img{max-width:100%;max-height:180px}.game-page .game-box .question{font-size:1.1rem;font-weight:700;text-align:center}.game-page .game-box .answers-list .btn-answer{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}.game-page .game-box .answers-list .btn-answer.correct-answer{animation:blink-green .5s infinite;border:1px solid #28a745;color:#FFFFFF!important}.game-page .game-box .answers-list .btn-answer.wrong-answer{animation:blink-wrong .5s infinite;border:1px solid #dc3545;color:#FFFFFF!important}@keyframes blink-green{0%,100%{background-color:#28a745}50%{background-color:#fff0}}@keyframes blink-wrong{0%,100%{background-color:#dc3545}50%{background-color:#fff0}}.game-page .game-box .instructions .hint{font-size:1.4rem;font-weight:700;color:#6F01FF;text-align:center;box-shadow:0 4px 16px rgb(0 0 0 / .1);line-height:2.3rem}.game-page .game-box .instructions .hint b{color:#FA6200}.game-page .game-box .instructions .countdown{font-size:1.4rem;font-weight:700;color:#FA6200}.game-page .game-box .instructions .countdown #countdown-timer{font-size:1.4rem}.game-page .game-box section.instructions,.game-page .game-box section.content,.game-page .game-box section.loading{display:none}.leaderboard-page .box{width:100%;background-color:#f8f9fa}.leaderboard-page .box-content .endGame-result{background-color:#e3e6e8}.leaderboard-page .box-content .endGame-result .headline{font-size:1.5rem;font-weight:700;text-align:center}.leaderboard-page .box-content .endGame-result .headline b{color:#FA6200}.leaderboard-page .box-content .endGame-result .sub-headline{font-size:.9rem;text-align:center}.leaderboard-page .box-content .leaderboard .main-headline{font-size:1.2rem;font-weight:700}.leaderboard-page .box-content .leaderboard .leaderboard-list{padding:.7rem}.leaderboard-page .box-content .leaderboard .leaderboard-item{padding-top:.1rem;padding-bottom:.1rem;border-radius:10px}.leaderboard-page .box-content .leaderboard .leaderboard-item:nth-child(odd){background-color:#e3e6e8}.leaderboard-page .box-content .leaderboard .leaderboard-item .sort{font-size:1.3rem;font-weight:700;color:#FA6200;text-align:center}.leaderboard-page .box-content .leaderboard .leaderboard-item .userName{font-size:1rem;padding-top:.2rem}.leaderboard-page .box-content .leaderboard .leaderboard-item .title{font-size:.9rem;text-align:center;padding-top:.3rem}.side-suggestion-box{padding:1rem 1rem;border-radius:10px;background-color:#FFF;box-shadow:0 4px 8px rgb(0 0 0 / .1);margin-bottom:1rem}.side-suggestion-box .headline{font-size:1.3rem;font-weight:700}.side-suggestion-box .suggest-item{border-bottom:1px solid #DDD;padding:.5rem 0}.side-suggestion-box .suggest-item a{color:#000;text-decoration:none}.side-suggestion-box .suggest-item .image img{width:100%;border-radius:4px}.side-suggestion-box .suggest-item .title{font-size:1rem;font-weight:500;line-height:1.2rem}