body{margin:0;padding:0;font-family:Cairo,sans-serif;font-weight:400;direction:rtl}
.light-gray{background-color:rgb(230 230 230 / 40%)}
nav.navbar{background:#593357;padding:33px}
.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:#fff;font-weight:700}
.navbar-light .navbar-nav .nav-link{color:#fff;font-weight:400;font-size:15px}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#fff}
li.nav-item{position:relative;padding:0 10px}
li.nav-item:after{content:"";position:absolute;left:-2px;bottom:15px;width:5px;height:5px;background:#fff}
li.nav-item:last-child:after{display:none}
.wareef-cn{width:1470px;margin-right:auto;margin-left:auto}
.banner{position:relative;height:100vh;width:100%;overflow:hidden}
.videoembed{position:absolute;top:0;left:0;z-index:-99;width:100%;height:100%;object-fit:cover}
.videocontainer{height:100%;display:flex;align-items:flex-end;background:#fff;background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(0,0,0,.76234243697479) 100%)}
.banner-title{padding-bottom:130px}
.banner-title-regular{width:50%}
.banner-title-bold{color:#fff;font-size:38px;font-weight:700;padding-bottom:20px}
.main-title{font-size:40px;color:#593357;font-weight:600}
.description{font-size:16px;color:#fff;font-weight:400;text-align:justify}
.purble-bg{background:#593357;padding:80px 120px}
.purble-bg.description{line-height:1.8}
section.sec1{padding-top:80px;padding-bottom:37px}
section.sec1 .main-title{padding-bottom:97px}
.w100{width:100%;height:auto}
section.sec1 .description{margin-bottom:37px;width:94%;text-align:justify}
.sec1-img{width:94%}
.white-box{background:#fff;display:inline-block;position:absolute;bottom:0;right:0;padding:163px 120px;text-align:center}
.relative{position:relative}
.gray-bg{background-color:#e6e6e6}
section.sec2 .description{color:#9a9a99}
section.sec2 .gray-bg{padding:100px 0;margin-bottom:37px}
section.sec3 .white-box,section.sec7 .white-box{position:relative;width:100%;padding:94px 0}
section.sec3{background-image:url(../images/sec3-bg.jpg);padding:100px 0;background-size:cover;background-position:center}
section.sec4 .description{color:#9a9a99;padding-top:55px;width:80%}
.bg-withTitle{position:relative}
.bg-withTitle span{color:#fff;position:absolute;right:6%;bottom:10%;font-size:28px;font-weight:300}
section.sec4,section.sec6{padding:38px 0}
a.navbar-brand{margin:0}
.container-fluid.wareef-cn{padding:0}
section.sec7{background-image:url(../images/sec7-bg.jpg);padding:228px 0;background-size:cover;background-position:center}
section.sec8 video{width:100%;height:670px;object-fit:cover}
.purble-title{background:#593357;text-align:center;padding:72px 0;margin-bottom:47px}
.purble-title.main-title{color:#fff}
section.sec8{padding:80px 0}
.white-bg{background-color:#fff;position:relative;padding-top:138px;margin-top:-190px;padding-bottom:35px}
section.sec9 .description{padding-top:40px;padding-bottom:117px;color:#9a9a99}
.sec9-desc2 .description{padding-top:82px!important;padding-bottom:60px!important}
.download-btn-cn a{color:#fff;text-decoration:none;width:100%}
.download-btn{width:100%;background:#593357;text-align:center;padding:9px}
ul.icon-list{padding:0;margin:0;list-style:none}
.icons-list-inner-cn{display:flex;align-items:center;padding-bottom:43px}
.icon-time-cn{text-align:center;padding-left:6%;min-width:115px}
.icon-time{font-size:63px;line-height:.8;color:#706f6f;font-weight:300;text-align:left}
.icon-time-text{color:#706f6f;font-size:15px;text-align:left}
.icon-text{color:#706f6f;font-size:26px;font-weight:400}
.icon{padding-right:126px;padding-left:40px}
.icon svg{width:65px;height:auto}
ul.icon-list li:last-child .icons-list-inner-cn{padding-bottom:0}
.icons-cn{padding-bottom:116px}
.sec9-mg2{padding-right:126px}
.sec9-mg2 img{padding-bottom:38px}
section.sec10 .main-title{color:#fff;text-align:right}
.sec10-content{width:95%}
.sec10-content .download-btn-cn{padding:31px 0}
.vid-cn video{width:100%;height:500px;object-fit:cover}
.vid-cn{padding-top:65px}
.sec9-mg img{height:953px;object-fit:cover;object-position:bottom}
.light-title{font-size:28px;color:#706f6f;font-weight:400}
.input-animation{display:flex;flex-direction:column;position:relative;margin-bottom:26px}
.input-animation .input-newtask{border:none;background:0 0;width:100%;height:100%;border-bottom:1px solid #afafaf;padding:1rem 0 .5rem;font-size:12px;color:#9a9a99;direction:rtl}
.input-animation .input-newtask:focus{outline:0;border-bottom:1px solid #afafaf}
.input-animation .label-newtask{position:absolute;bottom:0;right:0;width:100%;height:100%;pointer-events:none}
.input-animation .label-newtask .content{position:absolute;bottom:11px;right:0;transition:all .3s ease;color:#9a9a99;font-size:15px;font-weight:400}
.input-animation .input-newtask:focus+.label-newtask .content,.input-animation .input-newtask:valid+.label-newtask .content{transform:translateY(-150%);color:#9a9a99;font-size:13px}
.Submitwrapper button{display:block;width:280px;height:44px;line-height:35px;font-size:22px;text-decoration:none;color:#fff;border:none;text-align:center;position:relative;transition:all .35s;background:0 0;cursor:pointer;float:left;font-weight:400;margin-top:17px}
.Submitwrapper button span{position:relative;z-index:2}
.Submitwrapper button:after{position:absolute;content:"";top:0;right:0;width:100%;height:100%;background:#593357;transition:all .35s}
.Submitwrapper button:before{position:absolute;content:"";top:0;right:0;width:0%;height:100%;background:#e6e6e6;transition:all .35s}
.Submitwrapper button:hover{color:#593357}
.Submitwrapper button:hover:after{width:0%;height:100%}
.Submitwrapper button:hover:before{width:100%;height:100%}
section.sec12 .main-title{padding:84px 0}
section.sec12 .light-title{padding-bottom:45px}
.contact-info{color:#9a9a99;font-size:20px;font-weight:400}
.clear{clear:both}
.contact-cn{padding-bottom:119px}
.copyrights{background:#e6e6e6;text-align:center;color:#0b0205;font-size: 12px;padding-top:30px;padding-bottom:25px}
.copyrights a{color:#0b0205;text-decoration:none}
.menu{background-color:transparent;border:none;cursor:pointer;display:flex;padding:0}
.line{fill:none;stroke:#fff;stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}
.line1{stroke-dasharray:60 207;stroke-width:6}
.line2{stroke-dasharray:60 60;stroke-width:6}
.line3{stroke-dasharray:60 207;stroke-width:6}
.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}
.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}
.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}
button.menu{display:none}
section{overflow:hidden}
.button{border:none;position:relative;color:#fff}
.button::after,.button::before{position:absolute;top:0;left:0;width:100%;height:100%}
.button--hyperion{color:#593357;width:100%;background:#e6e6e6;text-align:center;padding:9px;opacity:1}
.button--hyperion span{display:block;position:relative}
.button--hyperion>span{overflow:hidden;display:flex;align-items:center;justify-content:center}
.button--hyperion>span>span{overflow:hidden;color:#fff}
.button--hyperion:hover>span>span{overflow:hidden;color:#000}
.button--hyperion:hover>span>span{animation:MoveUpInitial .2s forwards,MoveUpEnd .2s forwards .2s}
@keyframes MoveUpInitial{
to{transform:translate3d(0,-105%,0)}
}
@keyframes MoveUpEnd{
from{transform:translate3d(0,100%,0)}
to{transform:translate3d(0,0,0)}
}
.button--hyperion::before{content:'';background:#593357;transition:transform .3s cubic-bezier(.7,0,.2,1);transform-origin:100% 50%}
.button--hyperion:hover::before{transform:scale3d(0,1,1);transform-origin:0 50%}
.download-icon svg{width:36px;padding-right:10px}
.button--hyperion:hover .clsDownload-1{fill:#000}
.aaa{animation:sss .7s ease;animation-direction:alternate;animation-iteration-count:infinite}
@keyframes sss{
0%{transform:translate(0,-5px)}
100%{transform:translate(0,0)}
}
section.privacy{padding:180px 0 100px 0; }
section.privacy .description{color:#9a9a99}
@media screen and (max-width:1680px){
.wareef-cn{width:1030px}
nav.navbar{padding:18px}
.navbar-light .navbar-nav .nav-link{font-size:14px}
.banner-title-bold{font-size:30px;padding-bottom:12px}
.main-title{font-size:28px}
section.sec1 .main-title{padding-bottom:70px}
.purble-bg{padding:65px 70px}
.light-title{font-size:23px}
.white-box{padding:135px 100px}
section.sec1{padding-top:65px}
section.sec2 .gray-bg{padding:65px 0}
.description{font-size:15px}
section.sec3 .white-box,section.sec7 .white-box{padding:50px 0}
section.sec4 .description{padding-top:29px}
.bg-withTitle span{font-size:23px}
section.sec7{padding:180px 0}
.purble-title{padding:60px 0;margin-bottom:37px}
section.sec8 video{height:570px}
section.sec8{padding:60px 0}
.white-bg{padding-top:100px;margin-top:-150px;padding-bottom:20px}
section.sec9 .description{padding-top:34px;padding-bottom:90px}
.sec9-desc2 .description{padding-top:63px!important;padding-bottom:45px!important}
.sec9-mg img{height:692px}
.icon{padding-right:70px;padding-left:30px}
.icon svg{width:58px}
.icon-time{font-size:52px}
.icon-text{font-size:19px}
.icons-list-inner-cn{padding-bottom:30px}
.sec9-mg2{padding-right:70px}
.sec10-content .download-btn-cn{padding:15px 0}
.vid-cn video{height:450px}
section.sec12 .main-title{padding:55px 0}
section.sec12 .light-title{padding-bottom:30px}
.input-animation{margin-bottom:20px}
.contact-info{font-size:17px}
.Submitwrapper button{width:250px;height:40px;font-size:18px}
.contact-cn{padding-bottom:80px}
.copyrights{font-size:19px;padding-top:25px;padding-bottom:18px}
}
@media only screen and (max-width:1024px){
.wareef-cn{width:90%}
li.nav-item:after{display:none}
li.nav-item{text-align:center}
.banner{height:65vh}
.banner-title{padding-bottom:70px}
nav.navbar{padding:18px 0}
.purble-bg{padding:30px 25px}
section.sec1 .main-title{padding-bottom:50px}
.white-box{padding:75px 50px}
section.sec2 .gray-bg{padding:35px 0}
section.sec3 .white-box,section.sec7 .white-box{padding:40px 0}
section.sec4 .description{padding-top:10px}
section.sec7{padding:100px 0}
.main-title{font-size:22px}
.purble-title{padding:48px 0;margin-bottom:30px}
section.sec8{padding:35px 0}
section.sec8 video{height:400px}
.white-bg{padding-top:60px;margin-top:-100px}
section.sec9 .description{padding-top:25px;padding-bottom:50px}
.sec9-mg img{height:500px}
.sec9-desc2 .description{padding-top:45px!important;padding-bottom:25px!important}
.icon{padding-right:45px;padding-left:5px}
.sec9-mg2{padding-right:45px}
.icon-time{font-size:43px}
.icon svg{width:45px}
.icons-list-inner-cn{padding-bottom:25px}
.icon-text{font-size:17px}
.icons-cn{padding-bottom:60px}
.icon-time-cn{padding-left:5%;min-width:80px}
.sec10-mg img{height:100%}
.sec10-mg{height:100%}
.sec10-content .download-btn-cn{padding:10px 0}
.vid-cn video{height:250px}
section.sec12 .main-title{padding:30px 0}
section.sec12 .light-title{padding-bottom:22px}
.input-animation{margin-bottom:15px}
.Submitwrapper button{width:140px;height:38px;font-size:17px}
.contact-cn{padding-bottom:40px}
.copyrights{font-size: 12px;padding-top:18px;padding-bottom:18px}
ul.navbar-nav{padding:0}
}
@media only screen and (max-width:1023px){
button.menu{display:block}
}
@media only screen and (max-width:650px){
.banner-title-regular{width:80%}
section.sec1 .description{margin-bottom:20px;width:100%}
.sec1-img{width:100%;margin-bottom:20px}
.white-box{padding:35px 20px}
.light-title{font-size:19px}
section.sec1 .main-title{padding-bottom:30px}
section.sec1{padding-top:45px}
section.sec2 .description{padding-top:10px}
section.sec3{padding:40px 0}
section.sec4 .description{width:100%;padding-bottom:20px}
section.sec4,section.sec6{padding:30px 0}
section.sec5 .main-title{padding-top:15px}
section.sec7{padding:70px 0}
section.sec3 .white-box,section.sec7 .white-box{padding:27px 0}
.purble-title{padding:40px 0}
section.sec8 video{height:250px}
.white-bg{padding-top:25px;margin-top:-60px}
section.sec9 .description{padding-top:20px;padding-bottom:35px;width:90%}
.icons-cn{padding-bottom:30px;padding-top:35px}
.icon{padding-right:0;padding-left:15px}
.sec9-mg2{padding-right:0}
.sec9-mg2 img{padding-bottom:20px}
section.sec10 .main-title{padding-bottom:15px}
.sec10-content{width:100%;padding-bottom:15px}
.vid-cn{padding-top:40px}
.vid-cn video{height:150px}
.contact-form{padding-bottom:50px}
.banner-title-bold{font-size:23px}
.banner-title{padding-bottom:30px}
}