:root{--quickFont:'Tajawal', sans-serif;--robotoFont:'Cairo', sans-serif;--greenColor:#09d35f;--blackColor:#1d1e1c;--whiteColor:#ffffff;--bs-accordion-btn-focus-border-color:transparent}
body,html{padding:0;margin:0;font-family:var(--quickFont);overflow-x:hidden;direction: rtl;}
.ltr{direction: ltr;}
.Fullvideo{width:100%;height:100vh;overflow:hidden;position:relative}
.Fullvideo video{width:100%;height:118%;object-fit:cover;object-position:bottom;position:relative;top:-10%}
.FixedVideoLogo{width:25vw;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgb(29 30 28 / 60%)}
.FixedVideoSlogn{color:#fff;padding-top:30px;font-size:18px;font-weight:400;text-align: center;padding-left: 50px;padding-right: 50px;}
.fixed-Whatsapp{position:fixed;top:50px;left:0;z-index:10;background:var(--greenColor);width:110px;padding:5px}
.fixed-Whatsapp svg{width:30px}
nav.navbar{position:fixed;z-index:9999;top:0;right:4%;padding:0;background-color:rgb(29 30 28 / 50%)!important}
ul.navbar-nav{display:block}
ul.navbar-nav li{justify-content:center;display: -webkit-flex;display: flex;}
a.nav-link{padding:27px 0;margin:0;writing-mode:vertical-rl;text-orientation:mixed;font-size:14px;color:var(--whiteColor)!important}
.whiteColor{color:var(--whiteColor)}
.nav-item:first-child a.nav-link{padding-top:63px}
.nav-item:last-child a.nav-link{padding-bottom:27px}
.central7-cn{width:1470px;margin:0 auto}
.main-title{font-size:43px;font-family:var(--robotoFont);line-height:1.2}
.font400{font-weight:400}
.blackColor{color:var(--blackColor)}
img.first-line-img{width:100%}
.greenColor{color:var(--greenColor)}
.main-description{font-size:18px;text-align:justify;font-family:var(--quickFont)}
.pad-desc{padding:132px 0 113px 0}
.width95{width:95%}
.relative{position:relative}
.sec1-fixed-images-left{position:absolute;top:33%;right:0}
.sec1-fixed-images-right{position:absolute;top:14%;left:0}
.sec2UL{padding-right:36%;padding-left:10%}
.w100{width:100%}
.sec3-pad{padding-top:140px}
.flipping-sec{padding:65px 0}
.flipping-row{width:100%;height:166px;overflow:hidden;position:relative;-webkit-transition:top .8s cubic-bezier(.65,.05,.36,1);transition:top .8s cubic-bezier(.65,.05,.36,1);border-top:1px solid var(--greenColor)}
.flipping-last-row{border-bottom:1px solid var(--greenColor)}
.flipping-cn{margin-top:30px}
.flipping-inner-container-1{height:170px;display:flex;align-items:center;justify-content:center;position:relative;z-index:9}
.flipping-inner-container-2{height:166px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:100%;right:0;z-index:0}
.flip-content{display:flex;align-items:center;width:100%}
.flip-content2{display:flex;align-items:center;width:100%;padding-right:10%}
.pad-r-6{padding-left:6%}
.flip-number{font-size:43px}
.flip-name{font-family:var(--roboto);font-size:60px;font-weight:300}
.flip-desc-light{font-size:20px;width:25%;line-height:1.2}
.flip-list{width:49%;font-size:18px}
.flip-list ul li{line-height:1.2}
.flip-image{position:relative;float:left}
.flipUp{animation:flippingUp 1s forwards}
.flipBottom{animation:flippingBottom 1s forwards}
.flip-image img{transition:all .8s cubic-bezier(.4,0,1,1)}
.flip-image:before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background:#fff}
@keyframes flippingUp{
from{transform:translate3d(0,0 ,0)}
to{transform:translate3d(0,-100% ,0)}
}
@keyframes flippingBottom{
from{transform:translate3d(0,100% ,0)}
to{transform:translate3d(0,0 ,0)}
}
.op-0{opacity:0}
.fadeUp{animation:fadingUp 1.8s forwards}
@keyframes fadingUp{
from{opacity:0}
to{opacity:1}
}
.fadeDown{animation:fadingDown .5s forwards}
@keyframes fadingDown{
from{opacity:1}
to{opacity:0}
}
.flipBeforeUp:before{animation:flipBeforeUp 1s forwards}
@keyframes flipBeforeUp{
from{top:0}
to{top:-100%}
}
.flipBeforeDown:before{animation:flipBeforeDown 1s forwards}
@keyframes flipBeforeDown{
from{top:100%}
to{top:0}
}
.flip-list-80{width:80%}
.box-info{width:100%;height:465px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:100px}
.box-info .main-title{padding-bottom:60px}
.box2-bg{background:url(../images/sec4-box2.jpg);background-size:cover}
.box2-bg .box-info{width:50%;background-color:#1d1e1c;margin:0 auto}
img.BoxImg{height:465px;width:100%;object-fit:cover;object-position:center}
.box2-info .main-description{padding-bottom:15px}
.box2-info{background:var(--greenColor)}
a{text-decoration:none}
.box2-info .main-title{padding-bottom:0}
.black-box{width:100%;background-color:#1d1e1c;margin:0 auto;height:465px}
.box2-info .main-description ul{-moz-column-count:2;-moz-column-gap:20px;-moz-column-fill:auto;-webkit-column-count:2;-webkit-column-gap:20px;-webkit-column-fill:auto;column-count:2;column-gap:59px;column-fill:auto;list-style-position:inside;margin:0;padding:0;padding-top:30px;list-style:unset}
.font-light{font-weight:100}
ul.Oasis-ul{list-style:none;padding:0;margin:0}
ul.Oasis-ul li{padding-bottom:20px;display:flex;align-items:center;font-size:18px;line-height:1.2}
.Oasis-icons{padding-left:25px}
.office-space-cn{padding-top:162px;padding-bottom:127px}
.space-office-image{padding-top:130px}
.office-text{width:75%;margin:0 auto;padding:32px 0 38px 0;font-size:18px}
.office-icon-cn{margin-top:125px;margin-bottom:60px}
.bold{font-weight:700}
.office-icon{min-height:75px;display:flex;align-items:center;justify-content:center}
.green-bg{background:var(--greenColor);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:100px}
.blackColor a{color:var(--blackColor)}
.space-office-download{width:100%;height:100%}
.black-bg{background:var(--blackColor);padding:162px 0}
.white-bg{background:var(--whiteColor);padding:122px 0}
.input-animation{display:flex;flex-direction:column;position:relative;margin-bottom:23px}
.input-animation .input-newtask{border:none;background:0 0;width:100%;height:100%;border-bottom:1px solid rgb(9 211 95 / 24%);padding:1rem 0 .5rem;font-size:12px;color:#000}
.input-animation .input-newtask:focus{outline:0;border-bottom:1.2px solid rgb(9 211 95 / 24%)}
.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:5px;right:0;transition:all .3s ease;color:#000;font-size:18px;font-weight:700}
.input-animation .input-newtask:focus+.label-newtask .content,.input-animation .input-newtask:valid+.label-newtask .content{transform:translateY(-150%);color:#000;font-size:13px}
.Submitwrapper button{display:block;width:100px;height:40px;line-height:40px;font-size:18px;text-decoration:none;color:#333;border:none;letter-spacing:2px;text-align:center;position:relative;transition:all .35s;background:0 0;cursor:pointer;float:left;font-family:var(--quickFont);font-weight:700}
.Submitwrapper button span{position:relative;z-index:2}
.Submitwrapper button:after{position:absolute;content:"";top:0;right:0;width:50%;height:100%;background:#09d35f;transition:all .35s}
.Submitwrapper button:hover{color:#000}
.Submitwrapper button:hover:after{width:100%}
.m-0{--bs-gutter-x:0rem}
.dis-mob{display:none}
.dis-comp{display:block}
.dis-mob-block{display:none}
.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:0;border-bottom-left-radius:0}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:0;border-top-right-radius:0}
.accordion-button:not(.collapsed){color:#212529;background-color:#09d35f;box-shadow:none}
.accordion-item{border:none}
:focus{outline:0!important;box-shadow:0 0 0 0 rgba(0,0,0,0)!important}
.accordion-header{border-top:1px solid #09d35f}
.last-accordion-header{border-bottom:1px solid #09d35f}
.dis-less-res-block{display:none}
.dis-less-res-none{display:none}
.footer-copyRight{padding-bottom:15px;font-size:16px}
.footer-copyRight a{color:#1d1e1c}
.main-title a:hover{display:inline-block;background:linear-gradient(110deg,#1d1e1c,45%,#fff,55%,#1d1e1c);background-size:260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 1.5s ease-out infinite forwards;display: -webkit-box;}
@keyframes textShine{
to{background-position:-200%}
}
@media screen and (max-width:1680px){
.central7-cn{width:960px;margin:0 auto}
.sec1-fixed-images-right img{width:65%;float:left}
.sec1-fixed-images-left img{width:65%;float:right}
img.first-line-img{width:100%;height:279px;object-fit:cover;object-position:center}
.main-title{font-size:37px}
a.nav-link{padding:15px 0}
.nav-item:first-child a.nav-link{padding-top:43px}
.FixedVideoLogo img{width:60%}
.sec2UL{padding-right:30%}
.main-description{font-size:15px}
.pad-desc{padding:80px 0 65px 0}
.sec3-pad{padding-top:105px}
.flip-name{font-size:32px;}
.flip-number{font-size:30px}
.flip-image-right img{width:500px;height:166px;object-fit:cover}
.flip-list{font-size:15px}
.flip-desc-light{font-size:17px;width:30%;line-height:1.2}
.flip-image-center img{width:300px;height:166px;object-fit:cover}
.black-box,.box-info,img.BoxImg{height:365px}
.box-info{padding:40px}
.office-text{font-size:15px}
.office-space-cn{padding-top:120px;padding-bottom:80px}
.space-office-image{padding-top:100px}
.green-bg{padding:100px 70px}
.black-bg{padding:130px 0}
.input-animation .label-newtask .content{font-size:16px}
.Submitwrapper button{font-size:16px}
ul.Oasis-ul li{font-size:16px}
}
@media screen and (max-width:1115px){
.sec1-fixed-images-left,.sec1-fixed-images-right{display:none}
.main-title{font-size:28px}
.flip-image-right img{width:430px}
.flip-list{font-size:13px}
.flip-desc-light{font-size:15px}
.flip-name{font-size:25px;}
.black-box,.box-info,img.BoxImg{height:300px}
}
@media screen and (max-width:915px){
.central7-cn{width:100%;margin:0 auto}
.Fullvideo{height:60vh}
.form-cn,.main-description,.main-title{padding-right:15px!important;padding-left:15px!important}
.pad-desc{padding:40px 0 20px 0}
.sec3-pad{padding-top:35px}
.flipping-cn .flipping-row{display:none}
.dis-mob{display:flex}
.dis-mob-block{display:block}
.dis-comp{display:none}
.main-title{font-size:33px}
.text-center-res{text-align:center}
.text-center-res .des-res-pad{width:80%;margin:0 auto!important;padding:30px 0!important}
.text-center-res .main-description{text-align:center}
.flip-name{font-size:25px;}
.flip-list{width:100%}
nav.navbar{top:50px!important;background-color:rgb(0 0 0/ 0%)!important}
header{width:100%;height:117px;position:fixed;z-index:100;background:#1d1e1c;top:0;left:0;box-shadow:0 2px 10px #1d1e1c}
nav.navbar{top:17px!important;right:0}
.fixed-Whatsapp{top:195px}
nav{width:100%;text-align:center;right:0}
.container-fluid{width:100%;padding:0}
ul.navbar-nav{display:block;background:rgb(0 0 0 / 79%);margin-top:11px;text-align:center}
a.nav-link{margin:0 auto;writing-mode:inherit;text-orientation:mixed}
.navbar-toggler{margin-right:20px}
a.nav-link{font-size:20px}
.navbar-brand img{width:75%}
span.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.navbar-toggler{border:1px solid #fff}
.FixedVideoLogo{display:none}
.navbar-brand{text-align:right}
.dis-less-res-block{display:none}
.dis-less-res-none{display:block}
}
@media screen and (max-width:600px){
.flip-name{font-size:17px;}
.navbar-brand img{width:50%}
header{height:90px}
.navbar-toggler{font-size:15px;margin-right:20px;padding:2px 7px}
a.nav-link{font-size:17px}
.fixed-Whatsapp{top:150px;width:60px}
.main-title{font-size:27px}
.ftitle-res{padding:38px 0}
.box2-info{height:200px}
.green-bg{padding:40px 46px}
.green-bg .main-title{padding-bottom:20px}
.black-bg{padding:40px 0}
.white-bg{background:var(--whiteColor);padding:40px 0}
.white-bg .main-title{padding-bottom:10px}
form.form-cn{padding-top:40px}
.last-res-box{height:473px}
.last-res-box ul{column-count:1;column-gap:0;column-fill:1}
.last-res-box ul{column-count:auto!important}
.dis-less-res-block{display:block}
.dis-less-res-none{display:none}
.office-icon-cn{margin-top:50px;margin-bottom:35px}
.space-office-download{text-align:center}
.office-space-cn{padding-top:65px;padding-bottom:40px}
}