#sn-control-panel-layout,#sn-main-layout{--primarySrc:21,101,250;--primary:rgb(var(--primarySrc));--on-primary:#fff;--surface:#fff;--on-surface:#222;--background:#fcfcfc;--background-s:#f8f8f8;--on-background:#232323;--danger:#f02121;--header-height-lg:96px;--header-height-sm:76px;--cubic:cubic-bezier(0.81,0,0.22,0.99);--cubic2:cubic-bezier(0.87,-0.41,0.19,1.44);--transition:0.3s var(--cubic);--transition2:0.3s var(--cubic2)}#sn-control-panel-layout.dark-mode,#sn-main-layout.dark-mode{--primarySrc:144,202,249;--primary:rgb(var(--primarySrc));--on-primary:#000;--surface:#333;--on-surface:#fff;--background:#222;--background-s:#262626;--on-background:#fafafa;--danger:#ff8484}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Tajawal-Regular;src:url(/assets/fonts/tajawal/regular.ttf)}html{scroll-behavior:smooth}ul{list-style:none}a{text-decoration:none}body{direction:rtl;text-align:right;background-color:var(--background);font-family:Tajawal-Regular;min-height:100vh;max-height:100vh}body.ltr{direction:ltr;text-align:left}body #sn-main-layout{color:var(--on-background);background-color:var(--background)}body #sn-control-panel-layout{position:relative;display:-ms-grid;display:grid;max-height:100vh;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:"header header" "nav body";min-height:100vh;color:var(--on-background)}body #sn-control-panel-layout>#sn-control-panel-body{-ms-grid-row:2;-ms-grid-column:2;grid-area:body;box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1);padding:1rem;background-color:var(--background);overflow:auto}.text-center{text-align:center;margin:auto}.flex-center{display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ccc}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.sn-navbar{-ms-grid-row:2;-ms-grid-column:1;grid-area:nav;min-height:100%;display:flex;flex-direction:column;background-color:var(--surface);padding:.5rem;grid-gap:1rem;gap:1rem;align-items:center}.sn-navbar .sn-navbar-logo img{width:100px}.sn-navbar .sn-navbar-menu{overflow-y:auto;max-height:100%}.sn-navbar .sn-navbar-menu>ul{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.sn-navbar .sn-navbar-menu>ul li{height:40px;width:100%}.sn-navbar .sn-navbar-menu>ul li a{height:100%;display:-ms-grid;display:grid;-ms-grid-columns:30px 1fr;grid-template-columns:30px 1fr;grid-gap:8px;gap:8px;align-items:center;justify-content:center;padding:0 1rem;border-radius:5px;color:var(--on-surface)}.sn-navbar .sn-navbar-menu>ul li a svg{-ms-grid-column-align:center;justify-self:center;color:var(--primary)}.sn-navbar .sn-navbar-menu>ul li a div{white-space:nowrap}.sn-navbar .sn-navbar-menu>ul li a:hover{background-color:rgba(122,122,122,.5)}.sn-navbar .sn-navbar-menu>ul li.selected a{color:var(--on-primary);background-color:var(--primary)}.sn-navbar .sn-navbar-menu>ul li.selected a svg{color:var(--on-primary)!important}.sn-navbar .sn-navbar-toggle svg{transition:.3s}.sn-navbar.collapse .sn-navbar-logo img{width:60px}.sn-navbar.collapse .sn-navbar-menu{overflow-y:inherit}.sn-navbar.collapse .sn-navbar-menu>ul li{position:relative}.sn-navbar.collapse .sn-navbar-menu>ul li a{padding:0 .5rem;grid-gap:0;gap:0}.sn-navbar.collapse .sn-navbar-menu>ul li a svg{color:var(--on-surface)}.sn-navbar.collapse .sn-navbar-menu>ul li a div{color:var(--on-surface);position:absolute;right:calc(100% + 1.5rem);background-color:var(--surface);padding:.5rem 1rem;border-radius:5px;box-shadow:1px 1px 10px 0 rgba(0,0,0,.05);z-index:2;opacity:0;transform:scale(0);transition:opacity .2s ease-out}.sn-navbar.collapse .sn-navbar-menu>ul li a:hover div{opacity:1;transform:scale(1)}.sn-navbar.collapse .sn-navbar-toggle svg{transform:rotateY(180deg)}body.ltr .sn-navbar.collapse .sn-navbar-menu>ul li a div{right:auto;left:calc(100% + 1.5rem)}body.ltr .sn-navbar .sn-navbar-toggle{transform:rotateY(180deg)}#sn-control-panel-layout.dark-mode .sn-navbar .sn-navbar-logo img{filter:brightness(1.8) grayscale(.5) brightness(1.1)}.sn-header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:header;width:100%;height:60px;background-color:var(--surface);display:flex;justify-content:space-between;align-items:center;padding:1rem;color:var(--on-surface)}.sn-header .sn-header-actions{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.sn-user-avatar-info{padding:.5rem 1rem;grid-gap:.5rem;gap:.5rem;align-items:center;display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr}.sn-user-avatar-info span:not(.sn-user-avatar-info-value){color:gray}.sn-loading{position:absolute;left:50%;top:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:2rem;gap:2rem;transform:translate(-50%,-50%)}.sn-loading>div{display:flex;grid-gap:1rem;gap:1rem}.sn-loading>div div{width:20px;height:20px;border-radius:50%;background-color:var(--primary)}.sn-loading>div div:first-of-type{-webkit-animation:loadingAnimation .3s ease-out 0s infinite alternate;animation:loadingAnimation .3s ease-out 0s infinite alternate}.sn-loading>div div:nth-of-type(2){-webkit-animation:loadingAnimation .3s ease-out .1s infinite alternate;animation:loadingAnimation .3s ease-out .1s infinite alternate}.sn-loading>div div:nth-of-type(3){-webkit-animation:loadingAnimation .3s ease-out .2s infinite alternate;animation:loadingAnimation .3s ease-out .2s infinite alternate}.sn-loading>div div:nth-of-type(4){-webkit-animation:loadingAnimation .3s ease-out .3s infinite alternate;animation:loadingAnimation .3s ease-out .3s infinite alternate}.sn-loading span{color:#fff}.sn-small-loading{width:30px;height:30px;border-radius:50%;border:1px solid var(--primary);border-top:none;-webkit-animation:rotateAnimation .3s linear 0s infinite both;animation:rotateAnimation .3s linear 0s infinite both;margin:auto}@-webkit-keyframes loadingAnimation{0%{transform:scale(1) translateY(0)}to{transform:scale(1.5) translateY(-10px)}}@keyframes loadingAnimation{0%{transform:scale(1) translateY(0)}to{transform:scale(1.5) translateY(-10px)}}@-webkit-keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes rotateAnimation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.login-page{background-color:#080710;height:100vh;width:100vw;position:relative}.login-page .shape{height:200px;width:200px;position:absolute;border-radius:50%;-webkit-animation:circleAnimation 10s ease-out 0s infinite alternate;animation:circleAnimation 10s ease-out 0s infinite alternate;box-shadow:inset 10px 10px 10px 0 rgba(0,0,0,.5)}@media (max-width:767px){.login-page .shape{height:100px;width:100px}}.login-page .shape:first-of-type{background:linear-gradient(#1845ad,#23a2f6);left:30%;top:12%;transform-origin:44%}@media (max-width:767px){.login-page .shape:first-of-type{left:10%;top:5%}}.login-page .shape:last-of-type{background:linear-gradient(90deg,#ff512f,#f09819);transform-origin:46%;right:28%;bottom:14%;animation-direction:alternate-reverse}@media (max-width:767px){.login-page .shape:last-of-type{right:10%;bottom:5%}}.login-page form{width:400px;background-color:rgba(255,255,255,.13);position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);box-shadow:0 0 40px rgba(8,7,16,.6);padding:30px;display:flex;flex-direction:column;align-items:center}.login-page form h3{font-size:32px;font-weight:500;line-height:42px;text-align:center}.login-page .input{position:relative;width:100%}.login-page .input label{display:block;margin-top:30px;font-size:16px;font-weight:500;color:#fff}.login-page .input input{color:#fff;letter-spacing:.5px;outline:none;border:none;display:block;height:50px;width:100%;background-color:rgba(255,255,255,.07);border-radius:3px;padding:0 10px 0 50px;margin-top:8px;font-size:14px;font-weight:300}.login-page .input svg{position:absolute;left:15px;bottom:15px;color:#fff}.login-page :-ms-input-placeholder{color:#e5e5e5}.login-page ::-moz-placeholder{color:#e5e5e5}.login-page ::placeholder{color:#e5e5e5}.login-page button{margin-top:50px;width:100%;background-color:#fff;color:#080710;padding:15px 0;font-size:18px;font-weight:600;border-radius:5px;cursor:pointer;font-family:Tajawal-Regular;outline:none;border:none}.login-page .sn-small-loading{border:1px solid #1565fa;border-top:none}@-webkit-keyframes circleAnimation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes circleAnimation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.gallery-grid .gallery-item{cursor:pointer;background-color:var(--surface);border-radius:10px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1);margin:6px;padding:1em}.gallery-grid .gallery-item img{border-radius:10px}.gallery-grid:not(.with-delete) .gallery-item:hover{border:1px solid #666}.gallery-grid:not(.with-delete) .gallery-item.selected{border:1px solid #5dda58}.gallery-grid.with-delete .gallery-item{position:relative}.gallery-grid.with-delete .gallery-item:after{content:"";position:absolute;left:0;bottom:100%;right:0;top:0;transition:.25s;background-color:var(--danger);border-radius:10px}.gallery-grid.with-delete .gallery-item svg{left:50%;top:50%;position:absolute;color:var(--on-primary);z-index:2;font-size:40px;transition:.25s;transform:translate(-50%,-50%) scale(0)}.gallery-grid.with-delete .gallery-item:hover svg{transform:translate(-50%,-50%) scale(1)}.gallery-grid.with-delete .gallery-item:hover:after{bottom:0}.dark-mode .gallery-grid.with-delete .gallery-item:after{background-color:rgba(0,0,0,.9)}.dark-mode .gallery-grid.with-delete .gallery-item svg{color:var(--danger)}.sn-floating-position{position:fixed;transition:.3s}.sn-floating-button{padding:.5rem 1rem;border-radius:30px;background-color:var(--primary);color:var(--on-primary);cursor:pointer;display:flex;justify-content:center;align-items:center;grid-gap:.7rem;gap:.7rem;border:1px solid var(--primary);transition:.3s;box-shadow:1px 1px 20px 0 rgba(0,0,0,.2);z-index:2}.sn-floating-button .sn-floating-button-popupLoading{background-color:rgba(0,0,0,.5);width:100%;position:absolute;bottom:0;z-index:-1;transition:.3s}.sn-floating-button.reverse-colors,.sn-floating-button:hover:not(.popupLoading){background-color:var(--surface);color:var(--primary)}.sn-floating-button.reverse-colors:hover:not(.popupLoading){background-color:var(--primary);color:var(--on-primary)}.sn-floating-button .sn-floating-button-icon{font-size:20px;display:flex;justify-content:center;align-items:center}.sn-floating-button.with-icon:not(.with-text){padding:0;border-radius:50%;width:60px;height:60px}.sn-floating-button.with-icon:not(.with-text) .sn-floating-button-icon{font-size:25px}.sn-floating-button.sn-floating-button-animation{-webkit-animation:uploadImageAnimation .5s ease 0s infinite alternate;animation:uploadImageAnimation .5s ease 0s infinite alternate}.sn-floating-button.popupLoading{width:300px!important;height:300px!important;overflow:hidden;cursor:default;position:relative;transform:translate(-50%,50%)!important;-webkit-animation:none;animation:none;z-index:5}.sn-floating-button.popupLoading .sn-floating-button-text{display:none}@-webkit-keyframes uploadImageAnimation{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.1)}}@keyframes uploadImageAnimation{0%{transform:translateY(0) scale(1)}to{transform:translateY(-3px) scale(1.1)}}.alsahil-comment{display:-ms-grid;display:grid;-ms-grid-rows:(auto)[3];grid-template-rows:repeat(3,auto);background-color:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 0 20px 0 rgba(0,0,0,.1);height:100%;transition:var(--transition2)}.alsahil-comment .alsahil-comment-header{background-image:linear-gradient(to right top,var(--primary),var(--primary));padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.alsahil-comment .alsahil-comment-header .alsahil-comment-header-image{display:flex;justify-content:center;align-items:center;color:var(--on-primary)}.alsahil-comment .alsahil-comment-header .alsahil-comment-header-info{flex-grow:1;display:flex;align-items:center;justify-content:space-between;color:var(--on-primary)}.alsahil-comment .alsahil-comment-header .alsahil-comment-header-info .alsahil-comment-header-info-name{margin:0 1rem;font-size:1.5rem;color:var(--on-primary)}.alsahil-comment .alsahil-comment-header .alsahil-comment-header-info .alsahil-comment-header-info-date{display:-ms-grid;display:grid;-ms-grid-columns:(auto)[2];grid-template-columns:repeat(2,auto);align-items:center;-webkit-column-gap:.5em;grid-column-gap:.5em;-moz-column-gap:.5em;column-gap:.5em}.alsahil-comment .alsahil-comment-header .alsahil-comment-header-info .alsahil-comment-header-info-date svg{color:var(--on-primary)}.alsahil-comment .alsahil-comment-content{padding:1.5rem;white-space:pre-line;max-width:100%;overflow:hidden;color:var(--on-surface)}.alsahil-comment .alsahil-comment-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.alsahil-comment .alsahil-comment-footer>svg{color:rgba(var(--primarySrc),.2);font-size:3em}.alsahil-comment .alsahil-comment-footer .alsahil-comment-footer-actions{display:flex;justify-content:space-between;align-items:center}.alsahil-comment .alsahil-comment-footer .alsahil-comment-footer-actions .react-switch{margin:0 5px}.alsahil-comments{overflow:hidden;position:relative}.alsahil-comments .alsahil-comments-container{display:inline-flex;flex-wrap:nowrap;align-items:center;width:100%;justify-content:center;padding:1.5rem}.alsahil-comments .alsahil-comments-container.start-container-animation{-webkit-animation:alsahil-comments-container-animation linear infinite;animation:alsahil-comments-container-animation linear infinite;justify-content:flex-start;width:auto}.alsahil-comments .alsahil-comments-container.start-container-animation .alsahil-comment{margin:.7rem}.alsahil-comments .alsahil-comments-container.start-container-animation .alsahil-comment:nth-child(odd){transform:rotate(2deg)}.alsahil-comments .alsahil-comments-container.start-container-animation .alsahil-comment:hover:nth-child(odd),.alsahil-comments .alsahil-comments-container.start-container-animation .alsahil-comment:nth-child(2n){transform:rotate(-2deg)}.alsahil-comments .alsahil-comments-container.start-container-animation .alsahil-comment:hover:nth-child(2n){transform:rotate(2deg)}@-webkit-keyframes alsahil-comments-container-animation{0%,to{transform:translateX(0)}50%{transform:translateX(calc(100% - 70vw))}}@keyframes alsahil-comments-container-animation{0%,to{transform:translateX(0)}50%{transform:translateX(calc(100% - 70vw))}}@-webkit-keyframes alsahil-comments-container-animation-ltr{0%,to{transform:translateX(0)}50%{transform:translateX(calc(-100% + 70vw))}}@keyframes alsahil-comments-container-animation-ltr{0%,to{transform:translateX(0)}50%{transform:translateX(calc(-100% + 70vw))}}.alsahil-rating{display:inline-flex;flex-wrap:nowrap;cursor:pointer}.alsahil-rating svg{color:var(--primary);padding:2px;transition:.2s ease-out}.alsahil-rating svg:not([data-is-reated]){opacity:.5}.alsahil-rating:not(.is-readonly)[data-rate-value="0"] svg:first-child{-webkit-animation:rate-animation .75s linear .16667s infinite alternate;animation:rate-animation .75s linear .16667s infinite alternate}.alsahil-rating:not(.is-readonly)[data-rate-value="0"] svg:nth-child(2){-webkit-animation:rate-animation .75s linear .33333s infinite alternate;animation:rate-animation .75s linear .33333s infinite alternate}.alsahil-rating:not(.is-readonly)[data-rate-value="0"] svg:nth-child(3){-webkit-animation:rate-animation .75s linear .5s infinite alternate;animation:rate-animation .75s linear .5s infinite alternate}.alsahil-rating:not(.is-readonly)[data-rate-value="0"] svg:nth-child(4){-webkit-animation:rate-animation .75s linear .66667s infinite alternate;animation:rate-animation .75s linear .66667s infinite alternate}.alsahil-rating:not(.is-readonly)[data-rate-value="0"] svg:nth-child(5){-webkit-animation:rate-animation .75s linear .83333s infinite alternate;animation:rate-animation .75s linear .83333s infinite alternate}.alsahil-rating:not(.is-readonly):hover{flex-direction:row-reverse}.alsahil-rating:not(.is-readonly):hover svg{-webkit-animation:none!important;animation:none!important;color:gray}.alsahil-rating:not(.is-readonly):hover svg:hover,.alsahil-rating:not(.is-readonly):hover svg:hover~svg{opacity:1;color:var(--primary)}.alsahil-rating.is-readonly{cursor:default}@-webkit-keyframes rate-animation{0%{opacity:.2}to{opacity:1}}@keyframes rate-animation{0%{opacity:.2}to{opacity:1}}.sn-overlay{position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:4}.statistics{display:flex;justify-content:space-between;flex-wrap:wrap}.statistics .statistics-title{margin-bottom:.5rem;text-align:center}.statistics .statistics-programs-download,.statistics .statistics-visits{width:400px}.statistics .statistics-title{color:var(--primary);font-weight:700}.alsahil-shortcuts-item{display:flex;flex-direction:column;align-items:center;background-color:var(--surface);-ms-grid-rows:auto auto;grid-template-rows:auto auto;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-row-gap:1em;row-gap:1em;padding:1em;box-shadow:1px 1px 5px 0 rgba(0,0,0,.1);border-radius:.2em;border:2px solid var(--primary);transition:.2s ease-out;width:100%}.alsahil-shortcuts-item svg{color:var(--primary);transition:inherit}.alsahil-shortcuts-item div{transition:inherit;color:var(--on-surface)}.alsahil-shortcuts-item:hover{background-color:var(--primary)}.alsahil-shortcuts-item:hover div,.alsahil-shortcuts-item:hover svg{color:var(--on-primary)}.MuiSnackbar-root{width:auto!important;padding:15px 0!important}.MuiSnackbar-root .MuiPaper-root{align-items:center}.MuiSnackbar-root .MuiPaper-root .MuiAlert-message{padding:0 20px;font-family:Tajawal-Regular}.alsahil-header{position:absolute;left:0;top:0;right:0;height:var(--header-height-lg);transition:opacity .5s ease-out;z-index:100}@media (max-width:1199px){.alsahil-header{height:var(--header-height-sm)}}.alsahil-header.overlay-soon{opacity:0}.alsahil-header.overlay{background-image:linear-gradient(180deg,rgba(255,255,255,.6) 98%,rgba(255,255,255,0));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px 0 rgba(0,0,0,.05);position:fixed;opacity:1}.alsahil-header .alsahil-container{display:flex;justify-content:space-between;align-items:center;height:100%}.alsahil-header .alsahil-header-logo{padding:5px 0}.alsahil-header .alsahil-header-logo img{max-height:80px}@media (max-width:1199px){.alsahil-header .alsahil-header-logo img{max-height:60px}}.alsahil-header .alsahil-header-menu{display:flex;align-items:center;height:100%;overflow:hidden}@media (max-width:1199px){.alsahil-header .alsahil-header-menu{display:none}}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item{height:100%;cursor:pointer}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item a{color:var(--on-background);pointer-events:none;padding:10px 25px;height:100%;position:relative;white-space:nowrap;transition:.2s ease-out;display:flex;justify-content:center;align-items:center}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item a:after,.alsahil-header .alsahil-header-menu .alsahil-header-menu-item a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);width:4px;height:4px;border-left:2px solid var(--on-background);border-bottom:2px solid var(--on-background);opacity:0;transition:.2s ease-out}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item a:before{left:auto;right:0;border-left:none;border-right:2px solid var(--on-background);transform:translateY(-50%) rotate(-45deg)}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item a svg{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);transition:.2s ease-out}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item.active a,.alsahil-header .alsahil-header-menu .alsahil-header-menu-item:hover a{color:var(--primary)}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item.active a:after,.alsahil-header .alsahil-header-menu .alsahil-header-menu-item:hover a:after{left:12px;opacity:1}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item.active a:before,.alsahil-header .alsahil-header-menu .alsahil-header-menu-item:hover a:before{right:12px;opacity:1}.alsahil-header .alsahil-header-menu .alsahil-header-menu-item.active a svg,.alsahil-header .alsahil-header-menu .alsahil-header-menu-item:hover a svg{transform:translate(-50%,-10px);color:var(--primary)}.dark-mode .alsahil-header.overlay{background-image:linear-gradient(180deg,rgba(0,0,0,.6) 98%,transparent)}.dark-mode .alsahil-header .alsahil-header-logo img{filter:brightness(1.8) grayscale(.5) brightness(1.1)}.alsahil-footer{width:100%;box-shadow:inset 0 0 30px rgba(0,0,0,.05);transition:.3s ease-out;padding:4em}.alsahil-footer .container,.alsahil-footer .container .alsahil-footer-bottom{display:flex;justify-content:center;align-items:center}.alsahil-footer .container .alsahil-footer-bottom{position:relative;flex-direction:column;grid-gap:1em;gap:1em}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-logo{transition:.3s ease-out}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-logo img{width:200px}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-copyright{margin:10px}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a{padding:1em}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a svg.Facebook{color:#4267b2}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a svg.Youtube{color:red}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a svg.Twitter{color:#1da1f2}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a svg.Instagram{color:#c13584}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a svg.WhatsApp{color:#25d366}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a svg{transition:.3s ease-out;border-radius:5px}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social a:hover svg{color:var(--background)}.alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-social-word{position:absolute;opacity:0;left:50%;top:50%;color:#000;font-weight:bolder;transform:translate(-50%);transition:.3s ease-out;font-size:4em}.alsahil-footer.active-Facebook{background-color:rgba(66,103,178,.7)}.alsahil-footer.active-Facebook .alsahil-footer-bottom .alsahil-footer-social svg.Facebook{color:var(--background);background-color:rgba(var(--background),.2)}.alsahil-footer.active-Youtube{background-color:rgba(255,0,0,.7)}.alsahil-footer.active-Youtube .alsahil-footer-bottom .alsahil-footer-social svg.Youtube{color:var(--background);background-color:rgba(var(--background),.2)}.alsahil-footer.active-Twitter{background-color:rgba(29,161,242,.7)}.alsahil-footer.active-Twitter .alsahil-footer-bottom .alsahil-footer-social svg.Twitter{color:var(--background);background-color:rgba(var(--background),.2)}.alsahil-footer.active-Instagram{background-color:rgba(193,53,132,.7)}.alsahil-footer.active-Instagram .alsahil-footer-bottom .alsahil-footer-social svg.Instagram{color:var(--background);background-color:rgba(var(--background),.2)}.alsahil-footer.active-WhatsApp{background-color:rgba(37,211,102,.7)}.alsahil-footer.active-WhatsApp .alsahil-footer-bottom .alsahil-footer-social svg.WhatsApp{color:var(--background);background-color:rgba(var(--background),.2)}.alsahil-footer.active-Facebook,.alsahil-footer.active-Instagram,.alsahil-footer.active-Twitter,.alsahil-footer.active-WhatsApp,.alsahil-footer.active-Youtube{box-shadow:inset 0 0 100px 200px rgba(0,0,0,.1)}.alsahil-footer.active-Facebook .alsahil-footer-bottom .alsahil-footer-logo,.alsahil-footer.active-Instagram .alsahil-footer-bottom .alsahil-footer-logo,.alsahil-footer.active-Twitter .alsahil-footer-bottom .alsahil-footer-logo,.alsahil-footer.active-WhatsApp .alsahil-footer-bottom .alsahil-footer-logo,.alsahil-footer.active-Youtube .alsahil-footer-bottom .alsahil-footer-logo{opacity:0}.alsahil-footer.active-Facebook .alsahil-footer-bottom .alsahil-footer-social-word,.alsahil-footer.active-Instagram .alsahil-footer-bottom .alsahil-footer-social-word,.alsahil-footer.active-Twitter .alsahil-footer-bottom .alsahil-footer-social-word,.alsahil-footer.active-WhatsApp .alsahil-footer-bottom .alsahil-footer-social-word,.alsahil-footer.active-Youtube .alsahil-footer-bottom .alsahil-footer-social-word{transform:translate(-50%,calc(-50% - 70px));opacity:.2}.dark-mode .alsahil-footer .container .alsahil-footer-bottom .alsahil-footer-logo{filter:brightness(1.8) grayscale(.5) brightness(1.1)}body .alsahil-hamburger{display:none;position:relative;width:26px;height:20px;cursor:pointer}body .alsahil-hamburger div{position:absolute;width:100%;height:2px;background-color:var(--on-background);border-radius:3px;top:0;left:0;transition:.3s}body .alsahil-hamburger div:nth-of-type(2){top:50%;transform:translateY(-50%)}body .alsahil-hamburger div:nth-of-type(3){top:auto;bottom:0}body .alsahil-hamburger:hover div{background-color:var(--primary)}@media (max-width:1199px){body .alsahil-hamburger{display:block}}body .alsahil-hamburger-list{position:fixed;left:0;right:0;bottom:0;top:0;display:none;visibility:hidden;transition:visibility 1.2s ease;background-color:rgba(0,0,0,.7);z-index:200}body .alsahil-hamburger-list .alsahil-hamburger-list-close{background-color:var(--primary);width:35px;height:35px;border-radius:50%;position:fixed;cursor:pointer;transition:transform .4s var(--cubic2) .9s,background-color .2s ease-out;transform:translate(-50%,-50%) scale(0);left:50%;top:50%;box-shadow:1px 1px 10px 0 rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}body .alsahil-hamburger-list .alsahil-hamburger-list-close svg{font-size:1.75em;color:var(--on-primary)}body .alsahil-hamburger-list .alsahil-hamburger-list-close:hover{background-color:rgba(0,0,0,.5)}body .alsahil-hamburger-list .alsahil-header-menu-item{position:fixed;box-shadow:1px 1px 10px 0 rgba(0,0,0,.2);transform:translate(-50%,-50%) scale(0);left:50%;top:50%;border-radius:20px;background-color:var(--surface);white-space:nowrap;overflow:hidden;z-index:-1;cursor:pointer;display:flex;justify-content:center;align-items:center}body .alsahil-hamburger-list .alsahil-header-menu-item a{pointer-events:none;transition:.2s ease-out;width:100%;height:100%;padding:10px;color:var(--on-surface)}body .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(2){transition:left .4s var(--cubic2) .1s,top .4s var(--cubic2) .1s,transform .4s var(--cubic2) .1s,background-color .2s ease-out,color .2s ease-out}body .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(3){transition:left .4s var(--cubic2) .2s,top .4s var(--cubic2) .2s,transform .4s var(--cubic2) .2s,background-color .2s ease-out,color .2s ease-out}body .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(4){transition:left .4s var(--cubic2) .3s,top .4s var(--cubic2) .3s,transform .4s var(--cubic2) .3s,background-color .2s ease-out,color .2s ease-out}body .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(5){transition:left .4s var(--cubic2) .4s,top .4s var(--cubic2) .4s,transform .4s var(--cubic2) .4s,background-color .2s ease-out,color .2s ease-out}body .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(6){transition:left .4s var(--cubic2) .5s,top .4s var(--cubic2) .5s,transform .4s var(--cubic2) .5s,background-color .2s ease-out,color .2s ease-out}body .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(7){transition:left .3s var(--cubic) .6s,top .3s var(--cubic) .6s,transform .3s var(--cubic) .6s,background-color .2s ease-out,color .2s ease-out}body .alsahil-hamburger-list .alsahil-header-menu-item.active,body .alsahil-hamburger-list .alsahil-header-menu-item:hover{background-color:var(--primary)}body .alsahil-hamburger-list .alsahil-header-menu-item.active a,body .alsahil-hamburger-list .alsahil-header-menu-item:hover a{color:var(--on-primary)}@media (max-width:1199px){body .alsahil-hamburger-list{display:block}}body.hamburger .alsahil-hamburger-list{visibility:visible}body.hamburger .alsahil-hamburger-list .alsahil-hamburger-list-close{transform:translate(-50%,-50%) scale(1);transition-delay:0s}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item{transform:translate(-50%,-50%) scale(1)}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(2){left:calc(50% - 130px);top:50%}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(3){left:calc(50% - 65px);top:65%}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(4){left:calc(50% + 65px);top:65%}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(5){left:calc(50% + 130px);top:50%}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(6){left:calc(50% + 65px);top:35%}body.hamburger .alsahil-hamburger-list .alsahil-header-menu-item:nth-of-type(7){left:calc(50% - 65px);top:35%}@media (max-width:1199px){body.hamburger .alsahil-hamburger-list{display:block}}.alsahil-top-page{height:100vh;padding-top:var(--header-height-lg);position:relative;overflow:hidden}@media (max-width:1199px){.alsahil-top-page{padding-top:var(--header-height-sm)}}.alsahil-top-page:after,.alsahil-top-page:before,.alsahil-top-page>.alsahil-carousel:after,.alsahil-top-page>.alsahil-carousel:before{content:"";width:300px;height:300px;border-radius:50%;background-color:var(--primary);position:absolute;left:400px;top:110px;box-shadow:2px 2px 15px 0 rgba(0,0,0,.2);z-index:5;transition:.4s var(--cubic);-webkit-animation:bubbles-animation 12s linear infinite alternate;animation:bubbles-animation 12s linear infinite alternate}@media (max-width:1199px){.alsahil-top-page:after,.alsahil-top-page:before,.alsahil-top-page>.alsahil-carousel:after,.alsahil-top-page>.alsahil-carousel:before{content:none}}.alsahil-top-page>.alsahil-carousel:after{width:150px;height:150px;left:50px;top:500px;z-index:4;-webkit-animation-delay:.2s;animation-delay:.2s}.alsahil-top-page>.alsahil-carousel:before{width:500px;height:500px;left:-10px;top:70px;z-index:4;-webkit-animation:bubbles-reverse-animation 12s linear infinite alternate;animation:bubbles-reverse-animation 12s linear infinite alternate;-webkit-animation-delay:.6s;animation-delay:.6s}.alsahil-top-page:before{width:400px;height:400px;left:250px;bottom:50px;top:auto;z-index:3;-webkit-animation-delay:.4s;animation-delay:.4s}.alsahil-top-page.animation:after{left:-30px;top:70px}.alsahil-top-page.animation:before{left:-6px}.alsahil-top-page.animation>.alsahil-carousel:after{left:220px;top:110px}.alsahil-top-page.animation>.alsahil-carousel:before{left:220px;top:90px}.alsahil-top-page .alsahil-carousel{height:100%;display:-ms-grid;display:grid;-ms-grid-rows:1fr 50px;grid-template-rows:1fr 50px;align-items:center}.alsahil-top-page .alsahil-carousel .alsahil-container{height:100%}.alsahil-top-page .alsahil-carousel-items{height:100%;position:relative}.alsahil-top-page .alsahil-carousel-items:after,.alsahil-top-page .alsahil-carousel-items:before{content:"";position:absolute;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--primary);box-shadow:2px 2px 15px 0 rgba(0,0,0,.2);filter:blur(2px);-webkit-animation:small-bubbles-animation1 12s linear infinite alternate;animation:small-bubbles-animation1 12s linear infinite alternate}@media (max-width:1199px){.alsahil-top-page .alsahil-carousel-items:after,.alsahil-top-page .alsahil-carousel-items:before{left:calc(50% - 40px);top:50%}}.alsahil-top-page .alsahil-carousel-items:before{width:60px;height:60px;filter:blur(5px);top:calc(50% - 160px);left:50%;-webkit-animation:small-bubbles-animation2 12s linear infinite alternate;animation:small-bubbles-animation2 12s linear infinite alternate;-webkit-animation-delay:.2s;animation-delay:.2s}.alsahil-top-page .alsahil-carousel-items-item{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;z-index:6;transition:.4s var(--cubic);transform:scaleX(0);opacity:0}.alsahil-top-page .alsahil-carousel-items-item.active{transform:scaleX(1);opacity:1}@media (max-width:1199px){.alsahil-top-page .alsahil-carousel-items-item{flex-direction:column-reverse}.alsahil-top-page .alsahil-carousel-items-item-text{text-align:center}}.alsahil-top-page .alsahil-carousel-items-item-text-title{font-size:4rem;color:var(--primary)}@media (max-width:1199px){.alsahil-top-page .alsahil-carousel-items-item-text-title{font-size:2.5rem}}.alsahil-top-page .alsahil-carousel-items-item-text-start{margin-top:2rem}.alsahil-top-page .alsahil-carousel-items-item-text-start p{margin-bottom:1rem}@media (max-width:1199px){.alsahil-top-page .alsahil-carousel-items-item-text-start{margin-top:10px}}.alsahil-top-page .alsahil-carousel-items-item-text-desc{font-size:1.5rem}@media (max-width:1199px){.alsahil-top-page .alsahil-carousel-items-item-text-desc{font-size:1rem}.alsahil-top-page .alsahil-carousel-items-item-image img{width:300px;height:300px}}.alsahil-top-page .alsahil-carousel-dots{display:flex;justify-content:center;align-items:center;z-index:10;margin-top:1rem}.alsahil-top-page .alsahil-carousel-dots-dot{width:18px;height:18px;border:2px solid var(--primary);border-radius:50%;margin:0 3px;transition:.4s var(--cubic);cursor:pointer;box-shadow:0 0 5px 1px rgba(0,0,0,.2);background-color:var(--background)}.alsahil-top-page .alsahil-carousel-dots-dot:hover{transform:translateY(-2px)}.alsahil-top-page .alsahil-carousel-dots-dot.active{width:21px;height:21px;transform:translateY(-2px);background-color:var(--primary)}.dark-mode .alsahil-top-page .alsahil-carousel-items:after,.dark-mode .alsahil-top-page .alsahil-carousel-items:before,.dark-mode .alsahil-top-page:after,.dark-mode .alsahil-top-page:before,.dark-mode .alsahil-top-page>.alsahil-carousel:after,.dark-mode .alsahil-top-page>.alsahil-carousel:before{background-color:#666}body.ltr .alsahil-top-page:after,body.ltr .alsahil-top-page:before,body.ltr .alsahil-top-page>.alsahil-carousel:after,body.ltr .alsahil-top-page>.alsahil-carousel:before{left:auto;right:400px}body.ltr .alsahil-top-page>.alsahil-carousel:after{left:auto;right:50px}body.ltr .alsahil-top-page>.alsahil-carousel:before{left:auto;right:-10px}body.ltr .alsahil-top-page:before{left:auto;right:250px}body.ltr .alsahil-top-page.animation:after{left:auto;right:-30px}body.ltr .alsahil-top-page.animation:before{left:auto;right:-6px}body.ltr .alsahil-top-page.animation>.alsahil-carousel:after,body.ltr .alsahil-top-page.animation>.alsahil-carousel:before{left:auto;right:220px}@-webkit-keyframes bubbles-animation{0%,to{transform:rotate(0);transform-origin:47%}50%{transform:rotate(1turn)}}@keyframes bubbles-animation{0%,to{transform:rotate(0);transform-origin:47%}50%{transform:rotate(1turn)}}@-webkit-keyframes bubbles-reverse-animation{0%,to{transform:rotate(0);transform-origin:53%}50%{transform:rotate(-1turn)}}@keyframes bubbles-reverse-animation{0%,to{transform:rotate(0);transform-origin:53%}50%{transform:rotate(-1turn)}}@-webkit-keyframes small-bubbles-animation1{0%,to{transform:translate(-50%,-50%) rotate(0);transform-origin:42%}50%{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes small-bubbles-animation1{0%,to{transform:translate(-50%,-50%) rotate(0);transform-origin:42%}50%{transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes small-bubbles-animation2{0%,to{transform:translate(-50%,-50%) rotate(0);transform-origin:42%}50%{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes small-bubbles-animation2{0%,to{transform:translate(-50%,-50%) rotate(0);transform-origin:42%}50%{transform:translate(-50%,-50%) rotate(-1turn)}}.alsahil-container{--container-padding-lg:6rem;--container-padding-md:4rem;--container-padding-sm:1em;padding:0 var(--container-padding-lg)}@media (max-width:1199px){.alsahil-container{padding:0 var(--container-padding-md)}}@media (max-width:767px){.alsahil-container{padding:0 var(--container-padding-sm)}}.alsahil-btn{font-family:Tajawal-Regular;display:inline-block;padding:10px 13px;border-radius:3px;color:var(--background);border-width:1px;border-style:solid;position:relative;overflow:hidden;transition:var(--transition);cursor:pointer;background-color:transparent;z-index:1}.alsahil-btn:before{content:"";position:absolute;width:100%;height:100%;left:2px;top:-2px;border-radius:inherit;transition:inherit;transform:translateX(calc(-100% - 2px));z-index:-1}.alsahil-btn:hover:before{transform:translateX(0)}.alsahil-btn.alsahil-btn-default{border-color:var(--primary);color:var(--background)}.alsahil-btn.alsahil-btn-default:before{transform:translateX(0);background-color:var(--primary)}.alsahil-btn.alsahil-btn-default:hover{color:var(--primary)}.alsahil-btn.alsahil-btn-default:hover:before{transform:translateX(calc(100% + 2px))}.alsahil-btn.alsahil-btn-default.alsahil-btn-reverse{color:var(--primary)}.alsahil-btn.alsahil-btn-default.alsahil-btn-reverse:before{transform:translateX(calc(-100% - 2px))}.alsahil-btn.alsahil-btn-default.alsahil-btn-reverse:hover{color:var(--background)}.alsahil-btn.alsahil-btn-default.alsahil-btn-reverse:hover:before{transform:translateX(0)}.alsahil-btn:disabled{border-color:#aaa;cursor:auto}.alsahil-btn:disabled:before{background-color:#aaa}.alsahil-btn:disabled:hover{color:#fff}.alsahil-btn:disabled:hover:before{transform:translateX(0)}.alsahil-section{padding-top:var(--header-height-lg);padding-bottom:var(--header-height-lg);position:relative}@media (min-width:401px){.alsahil-section{padding-top:var(--header-height-sm);padding-bottom:var(--header-height-sm)}}.alsahil-section:nth-of-type(2n){background-color:var(--background-s)}.alsahil-section .alsahil-section-title{text-align:center;text-shadow:1px 4px 6px var(--background),0 0 0 #000,1px 4px 6px var(--background);color:var(--primary);margin:1.75em 0}.alsahil-section:not(:first-child):after{content:"";position:absolute;left:0;right:0;top:0;height:2rem;background:linear-gradient(-45deg,transparent 33.33%,var(--background-s) 33.33%,var(--background-s) 66.66%,transparent 66.66%),linear-gradient(45deg,transparent 33.33%,var(--background-s) 33.33%,var(--background-s) 66.66%,transparent 66.66%);background-size:2rem 4rem;transform:rotate(180deg)}.alsahil-section:nth-of-type(2n):after{background:linear-gradient(-45deg,transparent 33.33%,var(--background) 33.33%,var(--background) 66.66%,transparent 66.66%),linear-gradient(45deg,transparent 33.33%,var(--background) 33.33%,var(--background) 66.66%,transparent 66.66%);background-size:2rem 4rem}.scp-input{display:flex;flex-direction:column;margin-bottom:15px}.scp-input input,.scp-input textarea{padding:.75em 1em;margin-top:5px;border-radius:4px;transition:.3s ease-out;outline:none;color:var(--on-surface);border:1px solid var(--surface);box-shadow:1px 1px 10px 0 rgba(0,0,0,.05);background-color:var(--surface)}.scp-input input:focus,.scp-input textarea:focus{border-color:var(--primary);outline:none}.scp-btn{padding:7px 10px;border-radius:3px;transition:var(--transition);text-align:center;cursor:pointer}.scp-btn.scp-btn-main,.scp-btn.scp-btn-main.scp-btn-reverse:hover{background-color:var(--primary);border:1px solid var(--primary);color:var(--on-primary)}.scp-btn.scp-btn-main.scp-btn-reverse,.scp-btn.scp-btn-main:hover{background-color:var(--background);color:var(--primary)}.create-btn{position:fixed;left:30px;bottom:30px;border-radius:30px;padding:10px 20px;display:-ms-grid;display:grid;-ms-grid-columns:(auto)[2];grid-template-columns:repeat(2,auto);-webkit-column-gap:13px;grid-column-gap:13px;-moz-column-gap:13px;column-gap:13px;align-items:center;transition:var(--transition)}.create-btn,.create-btn:hover{background-color:var(--primary);color:var(--background)}.scp-logout-btn{margin:auto 8px;border-radius:3px;transition:.3s var(--cubic);padding:7px 5px 5px 7px;cursor:pointer}.scp-logout-btn:hover{background-color:rgba(255,255,255,.4)}.fill-content-loading{position:relative;border-radius:5px}.fill-content-loading:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);background-size:300% 100%;-webkit-animation:fill-content-loading 1s linear infinite alternate;animation:fill-content-loading 1s linear infinite alternate}.fill-content-loading-div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@-webkit-keyframes fill-content-loading{0%{background-position:0 0}to{background-position:100% 0}}@keyframes fill-content-loading{0%{background-position:0 0}to{background-position:100% 0}}.alsahil-mainprogram{padding:1rem;box-shadow:1px 1px 10px 0 rgba(0,0,0,.05);display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px;grid-template-columns:1fr 80px;-ms-grid-rows:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"name image" "desc desc" "actions actions";grid-gap:1rem 1.5rem;gap:1rem 1.5rem;height:100%;position:relative;border-radius:5px;background-color:var(--surface)}@media (max-width:767px){.alsahil-mainprogram{-ms-grid-rows:auto auto 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"name image" "actions image" "desc desc"}}.alsahil-mainprogram:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;z-index:-1;background-color:var(--primary);transform:rotate(.4deg);transition:all .3s ease-out}.alsahil-mainprogram:hover:before{transform:rotate(-.4deg)}.alsahil-mainprogram img{-ms-grid-row:1;-ms-grid-column:2;grid-area:image;width:100%}.alsahil-mainprogram .alsahil-mainprogram-name{-ms-grid-row:1;-ms-grid-column:1;grid-area:name;font-weight:700;font-size:1.2rem;transition:all .3s ease-out;color:var(--primary)}.alsahil-mainprogram .alsahil-mainprogram-desc{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:desc;-ms-grid-row-align:start;align-self:start}.alsahil-mainprogram .alsahil-mainprogram-actions{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:actions;-ms-grid-row-align:end;align-self:end}.alsahil-mainprogram.fill-content-loading{box-shadow:none}.alsahil-mainprogram.fill-content-loading div{opacity:0}.alsahil-product{margin-top:100px;box-shadow:1px 1px 10px 0 rgba(0,0,0,.05);display:-ms-grid;display:grid;-ms-grid-rows:200px auto auto 1fr auto;grid-template-rows:200px auto auto 1fr auto;grid-gap:1rem 1.5rem;gap:1rem 1.5rem;position:relative;border-radius:5px;background-color:var(--surface);border-top:3px solid var(--primary);border-bottom:3px solid var(--primary);transition:.2s ease-out;padding-bottom:1rem;z-index:1;width:100%}.alsahil-product .alsahil-product-rope{position:absolute;height:200px;width:80px;border:4px solid var(--primary);border-radius:50%;left:50%;bottom:calc(100% - (200px / 2));transform:translateX(-50%);z-index:-1}.alsahil-product .alsahil-product-image{background-color:var(--background);width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:1rem}.alsahil-product .alsahil-product-image img{height:100%;max-width:100%}.alsahil-product .alsahil-product-image svg{font-size:5rem;color:var(--primary)}.alsahil-product .alsahil-product-name{color:var(--primary)}.alsahil-product .alsahil-product-price{color:var(--primary);justify-content:start}.alsahil-product div:not(:first-child){padding:0 1rem;transition:inherit}.alsahil-product:hover{background-color:var(--primary)}.alsahil-product:hover .alsahil-product-desc,.alsahil-product:hover .alsahil-product-name,.alsahil-product:hover .alsahil-product-price{color:var(--background)}.alsahil-loader:after,.alsahil-loader:before{content:"";z-index:5000;position:fixed;left:0;right:100%;top:0;bottom:0;background-color:var(--primary);transition:.5s ease-out}.alsahil-loader:before{left:100%;right:0}.alsahil-loader-bracket-left,.alsahil-loader-bracket-right{transition:.5s ease-out;width:100px;height:100px;position:fixed;left:calc(100% - 70px);top:50%;transform:translate(-50%,-50%);z-index:5001;opacity:0;visibility:hidden}@media (max-width:767px){.alsahil-loader-bracket-left,.alsahil-loader-bracket-right{width:60px;height:60px}}.alsahil-loader-bracket-left:after,.alsahil-loader-bracket-left:before,.alsahil-loader-bracket-right:after,.alsahil-loader-bracket-right:before{content:"";position:absolute;right:0;top:50%;transform:translateY(calc(-50% + 3px)) rotate(45deg);transform-origin:right;background-color:var(--background);width:100%;height:10px;border-radius:2px}@media (max-width:767px){.alsahil-loader-bracket-left:after,.alsahil-loader-bracket-left:before,.alsahil-loader-bracket-right:after,.alsahil-loader-bracket-right:before{border-radius:0;height:8px;transform:translateY(calc(-50% + 1px)) rotate(45deg)}}.alsahil-loader-bracket-left:before,.alsahil-loader-bracket-right:before{transform:translateY(calc(-50% - 4px)) rotate(-45deg)}.alsahil-loader-bracket-left{left:70px}.alsahil-loader-bracket-left:after,.alsahil-loader-bracket-left:before{right:auto;left:0;transform-origin:left;transform:translateY(calc(-50% + 3px)) rotate(-45deg)}.alsahil-loader-bracket-left:before{transform:translateY(calc(-50% - 4px)) rotate(45deg)}.alsahil-loader-dash{position:fixed;left:50%;top:50px;transform:translate(-50%,-50%) rotate(30deg) scale(0);width:10px;height:150px;background-color:var(--background);border-radius:2px;transition:top .5s ease-out;z-index:5001;visibility:hidden}@media (max-width:767px){.alsahil-loader-dash{width:8px;height:90px}}.alsahil-loader-dots{position:fixed;left:calc(50%);width:20px;height:20px;background-color:var(--background);border-radius:50%;top:calc(50% + 60px);transform:translate(-50%,-50%);z-index:5001;visibility:hidden}@media (max-width:767px){.alsahil-loader-dots{top:calc(50% + 35px);width:12px;height:12px}}.alsahil-loader-dots.d2{left:calc(50% + 25px)}.alsahil-loader-dots.d3{left:calc(50% + 50px)}.alsahil-loader.loader-show .alsahil-loader-bracket-left,.alsahil-loader.loader-show .alsahil-loader-bracket-right,.alsahil-loader.loader-show .alsahil-loader-dash,.alsahil-loader.loader-show .alsahil-loader-dots,.alsahil-loader.loader-show:after,.alsahil-loader.loader-show:before{visibility:visible}.alsahil-loader.loader-show:after{right:50%}.alsahil-loader.loader-show:before{left:50%}.alsahil-loader.loader-show .alsahil-loader-bracket-right{left:calc(50% + 90px);transform:translate(-50%,-50%);opacity:1}.alsahil-loader.loader-show .alsahil-loader-bracket-left{left:calc(50% - 90px);transform:translate(-50%,-50%);opacity:1}.alsahil-loader.loader-show .alsahil-loader-dash{transform:translate(-50%,-50%) rotate(30deg) scale(1);top:50%}.alsahil-loader.loader-show.loader-animation .alsahil-loader-bracket-right{-webkit-animation:bracket-right-animation .8s ease-out .5s infinite;animation:bracket-right-animation .8s ease-out .5s infinite}.alsahil-loader.loader-show.loader-animation .alsahil-loader-bracket-left{-webkit-animation:bracket-left-animation .8s ease-out .5s infinite;animation:bracket-left-animation .8s ease-out .5s infinite}.alsahil-loader.loader-show.loader-animation .alsahil-loader-dash{-webkit-animation:dash-animation 1.6s ease-out .5s infinite;animation:dash-animation 1.6s ease-out .5s infinite}.alsahil-loader.loader-show.loader-animation .alsahil-loader-dots.d1{-webkit-animation:dots-d1-animation 1.6s linear .5s infinite;animation:dots-d1-animation 1.6s linear .5s infinite}.alsahil-loader.loader-show.loader-animation .alsahil-loader-dots.d2{-webkit-animation:dots-d2-animation 1.6s linear .5s infinite;animation:dots-d2-animation 1.6s linear .5s infinite}.alsahil-loader.loader-show.loader-animation .alsahil-loader-dots.d3{-webkit-animation:dots-d3-animation 1.6s linear .5s infinite;animation:dots-d3-animation 1.6s linear .5s infinite}@-webkit-keyframes bracket-right-animation{0%,to{left:calc(50% + 70px)}50%{left:calc(50% + 140px)}}@keyframes bracket-right-animation{0%,to{left:calc(50% + 70px)}50%{left:calc(50% + 140px)}}@-webkit-keyframes bracket-left-animation{0%,to{left:calc(50% - 70px)}50%{left:calc(50% - 140px)}}@keyframes bracket-left-animation{0%,to{left:calc(50% - 70px)}50%{left:calc(50% - 140px)}}@-webkit-keyframes dash-animation{0%,to{transform:translate(-50%,-50%) rotate(30deg) scale(1)}25%{top:calc(50% - 50px)}50%{transform:translate(-50%,-50%) rotate(-30deg) scale(1);top:50%}75%{top:calc(50% - 50px)}}@keyframes dash-animation{0%,to{transform:translate(-50%,-50%) rotate(30deg) scale(1)}25%{top:calc(50% - 50px)}50%{transform:translate(-50%,-50%) rotate(-30deg) scale(1);top:50%}75%{top:calc(50% - 50px)}}@-webkit-keyframes dots-d2-animation{0%,to{left:calc(50% + 25px)}50%{left:calc(50% - 25px)}}@keyframes dots-d2-animation{0%,to{left:calc(50% + 25px)}50%{left:calc(50% - 25px)}}@-webkit-keyframes dots-d3-animation{0%,to{left:calc(50% + 50px)}50%{left:calc(50% - 50px)}}@keyframes dots-d3-animation{0%,to{left:calc(50% + 50px)}50%{left:calc(50% - 50px)}}.alsahil-video{box-shadow:0 0 8px 0 rgba(0,0,0,.2);display:-ms-grid;display:grid;-ms-grid-rows:1fr auto;grid-template-rows:1fr auto;background-color:var(--surface);border-radius:.5em;height:100%;padding:.3em}.alsahil-video .alsahil-video-title{text-align:center;padding:.7em}.alsahil-video .alsahil-video-iframe{border-radius:.2em .2em .5em .5em;overflow:hidden}.alsahil-video .alsahil-video-iframe iframe{width:100%}.alsahil-tutorial{box-shadow:0 0 8px 0 rgba(0,0,0,.2);display:-ms-grid;display:grid;-ms-grid-rows:200px auto auto 50px;grid-template-rows:200px auto auto 50px;grid-gap:1rem 1.5rem;gap:1rem 1.5rem;margin:.5rem;height:100%;position:relative;border-radius:5px;background-color:var(--surface);border-top:3px solid var(--primary);border-bottom:3px solid var(--primary);transition:.2s ease-out;padding-bottom:1rem}.alsahil-tutorial .alsahil-tutorial-image{background-color:var(--surface);width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:1rem}.alsahil-tutorial .alsahil-tutorial-image img{height:100%;max-width:100%}.alsahil-tutorial .alsahil-tutorial-image svg{font-size:5rem;color:var(--primary)}.alsahil-tutorial .alsahil-tutorial-name{color:var(--primary)}.alsahil-tutorial .alsahil-tutorial-download{display:flex;justify-content:center;align-items:center;background-color:var(--primary);color:#fff;margin:0 1em;border-radius:.2em;transition:inherit}.alsahil-tutorial .alsahil-tutorial-download svg{margin:0 .5em}.alsahil-tutorial div:not(:first-child){padding:0 1em;transition:inherit}.alsahil-tutorial:hover{background-color:var(--primary)}.alsahil-tutorial:hover .alsahil-tutorial-desc,.alsahil-tutorial:hover .alsahil-tutorial-name{color:var(--on-primary)}.alsahil-tutorial:hover .alsahil-tutorial-download{background-color:var(--surface);color:var(--primary)}.alsahil-phone{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;grid-gap:.5rem;gap:.5rem;align-items:center}.alsahil-phone .alsahil-phone-icon{color:var(--primary)}.alsahil-phone .alsahil-phone-number{direction:ltr;color:var(--on-surface)}.alsahil-phone .alsahil-phone-number:hover{color:var(--primary)}.alsahil-group{margin:.5em;background-color:var(--surface);border-radius:.3em;box-shadow:0 0 15px rgba(0,0,0,.05)}.alsahil-group .alsahil-group-title{border-top:2px solid var(--primary);border-bottom:2px solid var(--primary);border-radius:.3em;padding:1em 1.5em}.alsahil-group .alsahil-group-items{padding:1em 1.5em;display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.alsahil-group.alsahil-group-social .alsahil-group-items .alsahil-social{margin:0 .5em;padding:5px;border-radius:5px}.alsahil-group.alsahil-group-social .alsahil-group-items .alsahil-social svg.facebook{color:#4267b2}.alsahil-group.alsahil-group-social .alsahil-group-items .alsahil-social svg.youtube{color:red}.alsahil-group.alsahil-group-social .alsahil-group-items .alsahil-social svg.twitter{color:#1da1f2}.alsahil-group.alsahil-group-social .alsahil-group-items .alsahil-social svg.instagram{color:#c13584}.alsahil-group.alsahil-group-social .alsahil-group-items .alsahil-social svg.whatsapp{color:#25d366}.alsahil-map{padding:2em;background-color:var(--surface);border-radius:.3em;box-shadow:0 0 15px rgba(0,0,0,.05);border-top:3px solid var(--primary);border-bottom:3px solid var(--primary)}@media (max-width:767px){.alsahil-map{padding:1em}}.alsahil-map .alsahil-map-title{margin-bottom:1.1em;text-align:center}@media (max-width:767px){.alsahil-map .alsahil-map-title{margin-bottom:.55em}}.alsahil-map .alsahil-map-iframe{width:100%;height:500px}@media (max-width:767px){.alsahil-map .alsahil-map-iframe{height:400px}}.alsahil-map .alsahil-map-iframe iframe{width:100%;height:100%}