:root{--BlueColor:#00c2ee;--WhiteColor:#ffffff;--TerquazeColor:#006377;--GreenColor:#dfe070}
body{font-family:Cairo,sans-serif;direction:rtl}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,a.nav-link{font-family:Cairo,sans-serif;font-size:19px;font-weight:700;color:var(--BlueColor)}
.caroosh-nav-cn{width:90%;margin:70px auto 10px auto;display:flex;align-items:center;transition:all 1s ease}
.First-Sec-box{width:0;height:90vh;background-color:var(--GreenColor);animation:animate 2s ease 3s forwards,border 2s ease 3s forwards;display:flex;align-items:center;justify-content:center}
.light-white{background-color:rgb(255 255 255 / 90%)}
.first-sec-title{font-size:50px;color:var(--WhiteColor);font-weight:700;text-align:left}
.fade-in-bottom{-webkit-animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both;animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both}
nav.navbar{padding:0}
#includedLogo img,#includedLogo svg,.res-logo img{width:98px;height:88px;object-fit:contain}
.sec1-image-banner{border-radius:100%;width:570px;height:570px;object-fit:cover;position:relative;right:-20%;margin-top:15%;-webkit-animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both;animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both}
.relative{position:relative}
.sec1-image{display:flex;align-items:center}
.sec1-arrow-down{width:140px;height:140px;background:var(--BlueColor);display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;bottom:90px;right:20%;-webkit-animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both;animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both}
.bottom-sec1-logo{text-align:left;padding-left:10%;-webkit-animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both;animation:fade-in-bottom 1s cubic-bezier(.39,.575,.565,1) 5s both}
.navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link{padding-left:0}
.ovr-f-h{overflow:hidden}
.darkHeader{background:rgb(255 255 255 / 85%);padding:0;transition:all 1s ease}
.navbar{transition:all 1s ease}
.darkHeader .caroosh-nav-cn{margin:10px auto 10px auto;transition:all 1s ease}
.blue-bg{background:var(--BlueColor)}
.tic-container{text-align:right}
.tic-container ul{list-style:none;margin:0;padding-left:0;padding-bottom:90px;padding-right:0}
.tic-container ul li{display:flex;align-items:center;justify-content:flex-end;font-size:49px;font-weight:400;color:var(--WhiteColor);flex:1}
.tic-container ul li span{padding-right:3%;position:relative;display:flex;align-items:center;text-align:left}
.tic-container ul li span.tic-img::after{content:"";position:absolute;left:20px;bottom:-10px;background:var(--GreenColor);width:42px;height:42px;border-radius:100%;z-index:0}
.tic-container ul li span img{position:relative;z-index:1}
.sec2-image{text-align:right}
.text-right{text-align:right}
.caroosh-container{width:1470px;margin:0 auto}
.sec2-cn{padding-top:11%}
.sec3-img-cn{text-align:right}
.tic-text{padding-top:18px}
.blue-color{color:var(--BlueColor)}
.sec3-title{padding-top:48%;padding-bottom:11%}
.sec3-list{text-align:right}
.sec3-list ul{margin:0;padding-left:20px;text-align:left;direction:ltr}
.sec3-list ul li{font-size:29px;color:var(--TerquazeColor)}
.sec3-cn{padding-bottom:10%}
section.sec3::after{width:300px;height:300px;position:absolute;right:0;bottom:0;border-left:2px solid var(--BlueColor);border-top:2px solid var(--BlueColor);content:"";border-radius:100% 0 0 0;opacity:.8}
section.sec4::before{width:300px;height:300px;position:absolute;right:0;bottom:0;border-left:3px solid rgb(128 222 244);border-top:3px solid rgb(128 222 244);content:"";border-radius:100% 0 0 0;z-index:1}
section.sec3{position:relative}
.title-with-circle{text-align:center;display:inline-block;width:auto;position:relative;margin:0 auto;z-index: 10;}
.title-with-circle span{width:140px;height:140px;content:"";border: 2px solid var(--GreenColor);position:absolute;border-radius:100%;left:-35px;top:-35px;z-index: -40;}
.sec4-cn{padding: 15% 0 20% 0;}
.sec4-img img{height:829px}
span.sec4-list-icon img{width:60px;height:60px;object-fit:contain}
.sec4-list{padding-right:12%}
.sec4-list ul{list-style:none;padding:0;margin:0}
.sec4-list ul li{display:flex;align-items:center;padding-top:30px}
span.sec4-list-icon{padding-right:35px}
span.sec4-list-text{font-size:25px;color:#fff}
.sec4{position:relative}
section.sec4::after{content:"";position:absolute;left:0;top:34%;width:365px;height:650px;border-top-right-radius:830px;border-bottom-right-radius:830px;border:3px solid rgb(128 222 244);border-left:0}
.sec5{position:relative;padding-bottom:120px}
.sec5:after{width:300px;height:300px;position:absolute;right:0;top:0;border-left:3px solid rgb(128 222 244);border-bottom:3px solid rgb(128 222 244);border-radius:0 0 0 100%;content:"";z-index:1}
.sec5-banner-image img{width:550px;height:550px;border-radius:100%;object-fit:cover}
.sec5-banner-image{display:flex;align-items:center;justify-content:center;position:relative}
.sec5-banner-image::after{content:"";position:absolute;right:25px;top:-60px;width:300px;height:300px;border:2px solid var(--GreenColor);border-radius:100%}
.dir-rtl{direction:ltr}
.icon-text{font-size:24px;color:var(--TerquazeColor)}
.inner-icon{text-align:center;padding:0 15px 25px 15px}
.icon-img{padding-bottom:11px}
.icon-img img{width:90px;height:90px;object-fit:contain}
.sec6-icon-text{font-size:25px;color:var(--WhiteColor)}
.sec6-icon-image{padding-right:20px}
.sec6-icon-image img{width:130px;height:130px;object-fit:cover}
.sec6-icons-inner-cn{padding-bottom:30px}
.sec6{padding-top:200px;padding-bottom:80px}
.sec7-subtitle{font-size:29px;color:#fff}
.sec7-circle{width:570px;height:570px;background:var(--BlueColor);display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:100%;position:relative;margin-right: 35%;}
.sec7-banner-image img{width:300px;height:300px;border-radius:100%;object-fit:cover}
.sec7-banner-image{display:flex;align-items:center;justify-content:center;position:absolute;right:-250px;top:15px;z-index:-1}
.sec7-green-circle{width:132px;height:132px;background:#bfd900;border-radius:100%;position:absolute;right:-225px;top:250px}
.sec7{padding-top: 280px;padding-bottom:125px}
.w50{width:50%}
.location-cn iframe{width:100%;height:550px;position:relative;z-index:9}
.social-cn ul{list-style:none;padding:0;position:relative;z-index:1}
.social-cn ul li a span img{width:23px}
.social-cn ul li{padding-top:0}
.social-cn ul li a{text-decoration:none;font-size:23px;color:var(--WhiteColor);display:flex;align-items:center;flex-direction:row-reverse}
.social-cn ul li a span{padding-right:15px;margin-bottom:4px}
.d-flex-between{display:flex;align-items:baseline;justify-content:space-between;flex-direction:column}
.sec8-cn{padding:200px 0}
.sec8::after{content:"";width:35%;height:2px;background:#fff;position:absolute;left:0;z-index:0;top:50%}
.sec8{position:relative}
.sec8::before{content:"";width:773px;height:560px;position:absolute;right:0;z-index:0;bottom:0;background:url(../images/half-circle-en.png);background-size:cover}
.special-services-cn{position:relative}
.special-services-cn::before{content:"";width:506px;height:301px;position:absolute;right:0;z-index:0;bottom:0;background:url(../images/half-circle-right.png);background-size:cover}
.btn12{position:absolute;width:60px;height:60px;top:17px;right:86%;transition-duration:.5s;display:none}
.btn12 .icon{transition-duration:.5s;position:absolute;height:4px;width:30px;top:30px;background-color:#00c2ee}
.btn12 .icon:before{transition-duration:.5s;position:absolute;width:30px;height:4px;background-color:#00c2ee;content:"";top:-10px}
.btn12 .icon:after{transition-duration:.5s;position:absolute;width:30px;height:4px;background-color:#00c2ee;content:"";top:10px}
.btn12.open .icon{transition-duration:.5s;background:0 0}
.btn12.open .icon:before{transform:rotateZ(45deg) scaleX(1.25) translate(6.5px,6.5px)}
.btn12.open .icon:after{transform:rotateZ(-45deg) scaleX(1.25) translate(6px,-6px)}
.btn12:hover{cursor:pointer}
.dis-block{display:block}
.dis-none{display:none}
a.nav-link.active{color:#dfe070!important;font-weight:700!important}
.letter{opacity:0;animation:showLetter 1s linear forwards;animation-delay:1s}
.car-body{animation:carbody 2s linear;-webkit-animation:carbody 1s linear}
@keyframes carbody{
0%{transform:translate(-200px,2px)}
10%{transform:translate(-180px,0)}
20%{transform:translate(-160px,2px)}
30%{transform:translate(-140px,0)}
40%{transform:translate(-120px,2px)}
50%{transform:translate(-100px,0)}
60%{transform:translate(-80px,2px)}
70%{transform:translate(-60px,0)}
80%{transform:translate(-40px,2px);transform:translate(-20px,0)}
100%{transform:translate(0,2px)}
}
@-webkit-keyframes carbody{
0%{transform:translate(-200px,2px)}
10%{transform:translate(-180px,0)}
20%{transform:translate(-160px,2px)}
30%{transform:translate(-140px,0)}
40%{transform:translate(-120px,2px)}
50%{transform:translate(-100px,0)}
60%{transform:translate(-80px,2px)}
70%{transform:translate(-60px,0)}
80%{transform:translate(-40px,2px);transform:translate(-20px,0)}
100%{transform:translate(0,2px)}
}
@keyframes showLetter{
0%{opacity:0}
100%{opacity:1}
}
#all{width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;align-content:center;position:fixed;z-index:99999999999;top:50%;left:50%;transform:translate(-50%,-50%)}
.ovr-f-h{overflow:hidden}
#all svg{width:400px}
@-webkit-keyframes fade-in-bottom{
0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes fade-in-bottom{
0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@-webkit-keyframes animate{
0%{width:0}
100%{width:100%}
}
@keyframes animate{
0%{width:0}
100%{width:100%}
}
@-webkit-keyframes border{
0%{border-radius:0}
100%{border-radius:50% 0 0 50%}
}
@keyframes border{
0%{border-radius:0}
100%{border-radius:50% 0 0 50%}
}
.res-ipad-logo-block{display:block!important}
.res-ipad-logo-none{display:none!important}
@media screen and (max-width:1680px){
.sec1-image-banner{width:400px;height:400px;right:-17%;margin-top:20%}
.sec1-arrow-down{width:80px;height:80px;border-radius:100%;bottom:140px;right:21%}
.sec1-arrow-down img{width:35%}
.caroosh-nav-cn{margin:15px auto 5px auto}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:11px;padding-left:11px}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,a.nav-link{font-size:14px}
.first-sec-title{font-size:32px}
.bottom-sec1-logo img{width:220px}
.caroosh-container{width:986px}
.tic-container ul li span.tic-img::after{left:20px;bottom:-7px;width:35px;height:35px}
.tic-container ul li{font-size:35px}
.tic-container ul li span{padding-right:5%}
.sec2-image img,.sec3-img-cn img{width:350px}
.First-Sec-box{height:87vh}
#includedLogo img,#includedLogo svg,.res-logo img{width:87px;height:75px}
.sec3-list ul li{font-size:20px}
.sec7-subtitle{font-size:22px}
section.sec3::after{width:255px;height:240px}
section.sec4::before{width:255px;height:240px}
.sec5::after{width:255px;height:240px}
.sec4-cn{padding:10% 0}
.sec4-img img{height:605px}
span.sec4-list-text{font-size:19px}
.sec4-list{padding-left:5%}
.sec4-list ul li{padding-top:15px}
span.sec4-list-icon img{width:40px;height:50px}
section.sec4::after{content:"";position:absolute;left:0;top:6%;width:209px;height:436px;border-top-right-radius:830px;border-bottom-right-radius:830px}
.sec5-banner-image img{width:450px;height:450px}
.inner-icon{text-align:center;padding:0 10px 30px 10px}
.icon-text{font-size:17px}
.icon-img img{width:70px;height:70px}
.sec6-icon-text{font-size:18px}
.sec6-icon-image img{width:90px;height:90px;object-fit:cover}
.sec6{padding-top:150px;padding-bottom:60px}
.sec7-circle{width:440px;height:440px;margin-right: 30%;}
.sec7{padding-top:135px;padding-bottom:80px}
.sec8::before{width:550px;height:400px}
.location-cn iframe{height:460px}
.footer-logo img{width:250px}
.social-cn ul li a{font-size:18px}
.special-services-cn::before{width:360px;height:260px}
}
@media only screen and (min-width:1366px) and (max-width:1600px){
.caroosh-container{width:1086px}
}
@media screen and (max-width:1152px){
.caroosh-container{width:90%}
.sec4-img img{height:572px}
}
@media (min-width:992px){
.navbar-expand-lg .navbar-nav{flex-direction:row-reverse}
.navbar-expand-lg .navbar-nav .nav-link{padding-right:16px;padding-left:16px}
}
@media (max-width:768px){
#includedLogo img,#includedLogo svg,.res-logo img{width:65px}
nav.navbar{background:#fffc}
.caroosh-nav-cn{margin:5px auto 5px auto}
.navbar-toggler{margin-left:auto}
.sec4-img span img{display:block}
.First-Sec-box{height:60vh;margin-top:13%}
.sec1-image-banner{margin-top:-20%;width:270px;height:270px;right:5%}
.bottom-sec1-logo{padding-left:5%;margin-top:-60px}
.sec2-cn{padding-top:5%;margin-top:10%}
.tic-container ul li{font-size:25px;justify-content:flex-end}
.first-sec-title{font-size:28px;padding-bottom:30px}
.sec3-title{padding-top:8%;padding-bottom:11%}
.sec3-list ul li{font-size:17px}
.sec4-cn{padding-top:70px;padding-bottom:40px}
.sec4-list{padding-left:0;width:90%;padding-bottom:11%}
.sec6-icons-inner-cn{padding-bottom:10px}
.sec6-icon-text{font-size:16px}
.sec6{padding-top:50px}
.sec6-icon-image img{width:60px;height:60px}
.sec7-circle{width:100%;height:auto}
.sec5-banner-image img{width:250px;height:250px}
.sec5-banner-image::after{left:15px;top:-5px;width:100px;height:100px}
.title-with-circle span{width:50px;height:50px;left:0;top:-5px}
.sec5::after{width:195px;height:195px}
.sec4-img.d-flex{display:block!important}
.sec8::after,.sec8::before,.special-services-cn::before{display:none}
.sec8-cn{padding:60px 0}
.social-cn{padding:27px 0 10px 0}
.location-cn iframe{height:310px}
.sec7-circle{width:300px;height:300px;margin-right:36%}
.sec7-banner-image img{width:200px;height:200px}
.sec7-banner-image{right:-160px;top:15px}
.sec7-green-circle{width:85px;height:85px;right:-140px;top:165px}
.sec4-img img{height:350px;width:100%;object-fit:none}
section.sec4::after{width:150px;height:306px}
section.sec4::before{width:195px;height:195px}
.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;position:fixed;top:104px;background:#fffc;width:100%;left:0;right:0;text-align:center}
.btn12{display:block}
.footer-logo img{width:160px}
.d-flex-between{display:flex;align-items:baseline;justify-content:space-between;flex-direction:row}
.sec1-arrow-down{width:80px;height:80px;border-radius:100%;bottom:80px;right:36%}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,a.nav-link{font-size:16px}
.res-ipad-logo-block{display:none!important}
.res-ipad-logo-none{display:block!important}
.sec7-title{text-align:center!important}
.navbar-brand{margin-left:0rem;margin-right:0rem}
}
@media (max-width:650px){
.sec5::after{width:75px;height:80px}
.sec7-circle{width:250px;height:250px;margin-right:20%}
.sec7-subtitle,.sec7-title{width:90%;margin:0 auto;text-align:center}
.sec7-banner-image{right:-55px;top:-123px}
.sec7-green-circle{width:85px;height:85px;right:-45px;top:165px}
.sec7{padding-top:200px}
section.sec4::after{width:80px;height:160px;top:8%}
section.sec3::after{width:90px;height:90px}
.orderMob-1{order:1}
.orderMob-2{order:2}
.orderMob-3{order:3}
#sec1{padding-top:23%}
.sec1-image-banner{margin-top:-21%;width:200px;height:200px;right:-9%}
.sec2-image img,.sec3-img-cn img{width:100%;padding-top:15px}
.sec2-image,.sec3-img-cn{text-align:center}
section.sec4::before{width:75px;height:80px}
.sec5-banner-image{padding-bottom:15%}
.dis-block{display:none}
.dis-none{display:block}
.tic-container ul{display:flex;flex-direction: row-reverse;}
.first-sec-title{font-size:26px;padding-bottom:5px;}
.sec2-cn{padding-top:0;margin-top:20%}
.bottom-sec1-logo{padding-left:4%;margin-top:-30px}
.sec4-img img{width:90%;margin:0 auto;height:330px;object-fit:cover}
.sec1-arrow-down{width:80px;height:80px;border-radius:100%;bottom:80px;right:38%}
#all svg{width:250px}
.navbar-nav{padding:0;margin:0;text-align:center}
.navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link{padding-right:0;padding-left:0}
}