:root{--color-blue:#4485ED;--color-red:#DB3236;--color-yellow:#F4C20D;--color-green:#3CBA54;--color-white:#FEFEFE;--color-black:#1A1A1A;--color-gray:gray}*{margin:0;padding:0;box-sizing:border-box;direction:ltr;font-family:'Tajawal',sans-serif;user-select:none}html,body{height:100%;scroll-behavior:smooth;min-height:100%}html::-webkit-scrollbar{width:6px;background-color:var(--color-blue)}html::-webkit-scrollbar-thumb{background-color:var(--color-yellow)}nav{position:fixed;z-index:9;left:0;top:0;right:0;height:85px;border-bottom:3px dashed var(--color-blue);background-color:rgb(244 244 244)}nav .logo{width:40%;float:left;height:100%;display:flex;align-items:center}nav .logo img{width:170px}nav .links{padding:0;margin:0;width:60%;height:100%;display:flex;flex-direction:row-reverse;float:right;justify-content:space-around;align-items:center}nav .links li{list-style-type:none}nav .links a{text-decoration:none;font-weight:700;display:block;color:var(--color-black);position:relative;padding:1em}nav .links a::before{content:'';position:absolute;bottom:8px;right:0;width:0%;height:0;background-color:var(--color-red);transition:all 0.5s ease}nav .links a:hover::before{width:100%;height:3px}nav #nav-toggle{position:absolute;top:-100%}nav .icon-burger{display:none;position:absolute;left:5%;top:50%;transform:translateY(-50%)}nav .icon-burger .line{width:30px;height:5px;border-radius:4px;background-color:var(--color-blue);margin:5px;transition:all 0.3s ease}@media screen and (max-width:820px){nav .logo{float:none;width:auto;justify-content:center;align-items:center}nav .links{float:none;position:fixed;left:0;right:0;top:85px;width:auto;flex-direction:column;justify-content:flex-start;height:auto;bottom:100%;overflow:hidden;z-index:9;transition:all 0.5s ease-in-out;background-color:rgba(0,0,0,.8)}nav .links a{font-size:20px;color:var(--color-yellow);font-weight:700}nav .icon-burger{display:block}nav :checked~.links{bottom:0}nav :checked~.icon-burger .line:nth-child(1){transform:translateY(10px) rotate(225deg)}nav :checked~.icon-burger .line:nth-child(2){opacity:0}nav :checked~.icon-burger .line:nth-child(3){transform:translateY(-10px) rotate(-225deg)}}body main.main-page-down{height:100%;position:relative}body main.main-page-down .parent-main-page-down{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,var(--color-yellow),var(--color-blue),var(--color-green))}body main.main-page-down .text-title-main-page-down{font-weight:bolder;font-size:20px;text-align:center;color:#fff}body main.main-page-down .row-button-main-page-down{display:flex;width:100%;margin-top:10px}body main.main-page-down .parent-main-page-down .row-button-main-page-down .button-one,.button-two{font-size:20px;outline:none;font-weight:bolder;color:var(--color-blue);padding:10px;margin:0 5px;border:none;transition:0.5s all ease-in-out;border-radius:5px;background-color:var(--color-white);cursor:pointer}body main.main-page-down .row-button-main-page-down .button-two{color:var(--color-red)}body main button.button-one:hover,button.button-two:hover{box-shadow:0 33px 50px rgba(0,0,0,.2);position:relative;transform:translateY(-6px)}body main .btn-go-to-khadmat{position:absolute;bottom:35px;cursor:pointer;transition:0.5s all ease;animation-name:popdownicon;animation-duration:2s;animation-iteration-count:infinite;left:50%;transform:translateX(-50%);color:var(--color-white)}section.content-khdmat div.parent-card-group{margin:15px auto;width:100%;height:auto}section.content-khdmat div.parent-card-group div.card-group{display:flex;flex-wrap:wrap;flex-direction:row-reverse;width:inherit;justify-content:center;align-items:center}section.content-khdmat div.parent-card-group div.card-group .card{width:18rem;min-width:17rem;padding:10px;margin:10px;height:150px;text-align:center;background-color:var(--color-white);border-image:linear-gradient(var(--color-blue),var(--color-yellow),var(--color-green),var(--color-red))10;border-width:4px;border-style:solid;border-radius:3px}section.content-khdmat div.parent-card-group div.card-group .card:hover{box-shadow:0 33px 50px rgba(0,0,0,.2);position:relative;transform:translateY(-2px)}section.content-khdmat div.parent-card-group div.card-group .card .card-icon{font-size:25px;color:var(--color-red)}section.content-khdmat div.parent-card-group div.card-group .card .card-title{font-size:20px;font-weight:bolder;color:var(--color-blue)}section.content-khdmat div.parent-card-group div.card-group .card .card-body{font-weight:bolder;color:var(--color-green)}body .ahdaf{width:100%}body .ahdaf .parent-ahdaf{width:inherit;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center}body .ahdaf .parent-ahdaf .column-ahdaf{display:flex;width:50%;flex-direction:column}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-content{background-color:var(--color-blue);font-weight:bolder;width:70%;margin:5px 0;padding:10px;display:flex;border-radius:3px;flex-direction:row-reverse}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-content .icon-ahdaf-column-content{font-size:20px}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-one{color:#fff;background-color:var(--color-blue)}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-two{color:#fff;background-color:var(--color-green)}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-three{color:#fff;background-color:var(--color-red)}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-four{color:#fff;background-color:var(--color-yellow)}section.section-info{width:100%}section.section-info .parent-info{width:inherit;min-height:110px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-image:url(images/bg-body.jpg);background-attachment:fixed;background-size:cover}section.section-info .parent-info .column-info-one,.column-info-two,.column-info-three{text-align:center;padding:10px;color:#fff;width:17rem;font-size:20px}section.section-info .parent-info .column-info-title{font-weight:bolder}section.section-info .parent-info .column-info-answer{font-weight:bolder}body section.tahdethat{width:100%}body section.tahdethat .parent-tahdethat{display:flex;flex-wrap:wrap;width:inherit;justify-content:space-evenly;align-items:center}body section.tahdethat .parent-tahdethat .column-tahdethat-one{width:50%;display:flex;flex-direction:column}body section.tahdethat .parent-tahdethat .column-tahdethat-one .card-version{padding:10px;width:70%;text-align:right;font-weight:bolder;background-color:var(--color-blue);margin:5px 0;border-radius:3px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;color:#fff}body section.tahdethat .parent-tahdethat .column-tahdethat-one .version-final{background-color:var(--color-red)}body section.tahdethat .parent-tahdethat .column-tahdethat-one .version-not-final{background-color:var(--color-green)}body section.download-form{width:100%}body section.download-form .parent-download-form{display:flex;flex-direction:column;align-items:center;width:inherit}body section.download-form .parent-download-form .download-info-row{display:flex;width:inherit;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-evenly;align-items:center}body section.download-form .parent-download-form .download-info-row .column-info-app{display:flex;width:50%;flex-direction:column}body section.download-form .parent-download-form .download-info-row .column-info-app .info-app{display:flex;padding:5px;flex-direction:row-reverse;align-items:center;width:70%}body section.download-form .parent-download-form .download-info-row .column-info-app .info-app .box-info-app-icon .info-app-icon>i{font-size:20px;height:20px;width:20px;color:var(--color-red)}body section.download-form .parent-download-form .download-info-row .column-info-app .info-app .box-info-app-title .info-app-title{font-weight:bolder;font-size:18px;color:var(--color-blue)}body section.download-form .parent-download-form .download-info-row .column-info-app .info-app .box-info-app-answer .info-app-answer{font-weight:bolder;font-size:18px;color:var(--color-green)}body section.download-form .parent-download-form .download-info-row .column-info-app .row-button-download{text-align:center}body section.download-form .parent-download-form .download-info-row .column-info-app .row-button-download>button{padding:10px;margin:5px;width:20%;color:#fff;font-weight:bolder;font-size:16px;cursor:pointer;outline:none;border:none;transition:0.3s all ease-in-out;border-radius:3px;background-color:var(--color-blue)}body section.download-form .parent-download-form .download-info-row .column-info-app .row-button-download>.button-download-2{background-color:var(--color-red)}body section.download-form .parent-download-form .download-info-row .column-info-app .row-button-download>button:hover{background-color:var(--color-yellow)}body #footer-page{margin-top:15px;width:100%;min-height:150px;background:url(images/footer.svg);background-size:contain;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-top:1.5px dotted var(--color-blue)}body footer .row-social-media-footer{display:flex}body footer .row-social-media-footer div>a{color:var(--color-blue)!important;font-size:30px}body footer .row-social-media-footer>div{width:50px}body footer .copy-right{font-size:18px;padding:5px;border-radius:3px;font-weight:700;color:#fff;background-color:rgba(0,0,0,.5)}@keyframes popdownicon{50%{opacity:.2}100%{opacity:1}}.overlay-loading{position:fixed;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;font-weight:bolder;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8)}.overlay-loading .overlay-text{color:var(--color-yellow);font-size:18px;margin-bottom:5px}body .overlay-download{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}body .overlay-download .overlay-containear{display:flex;width:inherit;height:inherit;align-items:center;justify-content:center}body .overlay-download .card-overlay-download{width:100%;margin:0 20px;position:relative;border-radius:3px;background-color:#fff;padding:25px 10px}body .overlay-download .card-overlay-download .overlay-download-parent{display:flex;flex-direction:column;align-items:center;justify-content:center}body .overlay-download .card-overlay-download .overlay-download-parent .overlay-download-text{font-weight:bolder;font-size:20px;text-align:center;color:var(--color-blue);margin-top:15px}body .overlay-download .card-overlay-download .overlay-download-parent .overlay-download-button{width:100%}body .overlay-download .card-overlay-download .overlay-download-parent .overlay-download-button>button{border:none;margin:5px 0;outline:none;color:var(--color-white);width:100%;font-size:17px;transition:0.3s background-color ease;cursor:pointer;border-radius:3px;font-weight:bolder;background-color:var(--color-green);padding:10px}body .overlay-download .card-overlay-download .overlay-download-parent .overlay-download-button>button:hover{background-color:var(--color-black)}body .overlay-download .card-overlay-download .overlay-download-parent .btn-1 button{background-color:var(--color-red)}body .overlay-download .card-overlay-download .alert{color:var(--color-red)!important;margin-top:2px!important}body .overlay-download .card-overlay-download .closed{position:absolute;width:30px;height:30px;text-align:center;right:15px;cursor:pointer;top:10px;border-radius:50%;color:#fff;font-weight:700;padding:5px;background-color:var(--color-red)}@media (min-width:850px){body main.main-page-down .parent-main-page-down{flex-direction:row-reverse;justify-content:space-around}body .overlay-download .card-overlay-download{width:40%}}@media (max-width:550px){body .ahdaf .parent-ahdaf{flex-direction:column-reverse}body .ahdaf .parent-ahdaf .column-ahdaf{width:100%}body .ahdaf .parent-ahdaf .column-ahdaf .ahdaf-column-content{width:98%;margin:3px}body section.tahdethat .parent-tahdethat{flex-direction:column-reverse}body section.tahdethat .parent-tahdethat .column-tahdethat-one{width:100%}body section.tahdethat .parent-tahdethat .column-tahdethat-one .card-version{width:98%;margin:3px}body section.download-form .parent-download-form .download-info-row .box-image-download{background-color:rgba(128,128,128,.03);padding:10px;border-radius:10px}body section.download-form .parent-download-form .download-info-row .box-image-download>img{width:130px}body section.download-form .parent-download-form .download-info-row{flex-direction:column}body section.download-form .parent-download-form .download-info-row .column-info-app,body section.download-form .parent-download-form .download-info-row .column-info-app .info-app{width:100%}body section.download-form .parent-download-form .download-info-row .column-info-app .row-button-download>button{width:35%}}.section-title div.title{width:fit-content;padding:5px;border:2.5px dotted var(--color-blue);text-align:center;margin:10px auto;font-weight:bolder}a{text-decoration:none}.ds-none{display:none!important}