:root{--BlueColor:#00c2ee;--WhiteColor:#ffffff;--TerquazeColor:#006377;--GreenColor:#dfe070}
body{font-family:Almarai}
.navbar-nav .nav-link.active,.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover,a.nav-link{font-family:Almarai;font-size:19px;font-weight:700;color:var(--BlueColor)}
.caroosh-nav-cn{width:90%;margin:100px 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}
.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;left:-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;left: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:right;padding-right: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-right: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-bottom:90px}
.tic-container ul li{display:flex;align-items:center;justify-content:flex-end;font-size:49px;font-weight:400;color:var(--WhiteColor)}
.tic-container ul li span{padding-left:3%;position:relative;display:flex;align-items:center}
.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-right:20px}
.sec3-list ul li{font-size:29px;color:var(--TerquazeColor)}
.sec3-cn{padding-bottom:10%}
section.sec3::after{width:300px;height:300px;position:absolute;left:0;bottom:0;border-right:2px solid var(--BlueColor);border-top:2px solid var(--BlueColor);content:"";border-radius:0 100% 0 0;opacity:.8}
section.sec4::before{width:300px;height:300px;position:absolute;left:0;bottom:0;border-right:3px solid rgb(128 222 244);border-top:3px solid rgb(128 222 244);content:"";border-radius:0 100% 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%;right:-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-left: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-left:35px}
span.sec4-list-text{font-size:25px;color:#fff}
.sec4{position:relative}
section.sec4::after{content:"";position:absolute;right:0;top:34%;width:365px;height:650px;border-top-left-radius:830px;border-bottom-left-radius:830px;border:3px solid rgb(128 222 244);border-right:0}
.sec5{position:relative;padding-bottom:120px}
.sec5:after{width:300px;height:300px;position:absolute;left:0;top:0;border-right:3px solid rgb(128 222 244);border-bottom:3px solid rgb(128 222 244);border-radius:0 0 100% 0;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;left:25px;top:-60px;width:300px;height:300px;border:2px solid var(--GreenColor);border-radius:100%}
.dir-rtl{direction:rtl}
.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-left: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-left: 15%;}
.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}
.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;right:0;z-index:0;top:50%}
.sec8{position:relative}
.sec8::before{content:"";width:773px;height:560px;position:absolute;left:0;z-index:0;bottom:0;background:url(../images/half-circle.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;left: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:0 50% 50% 0}
}
@keyframes border{
0%{border-radius:0}
100%{border-radius:0 50% 50% 0}
}
.res-ipad-logo-block{display:block!important}
.res-ipad-logo-none{display:none!important}
.opening-soon-cn{background:#47c1ea;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.open-top-theme{text-align:center;position:absolute;top:0;left:50%;transform:translate(-50%,0)}
.open-bottom-left-theme{position:absolute;left:0;bottom:0}
.open-bottom-right-theme{position:absolute;right:0;bottom:0}
.open-bottom-left-theme img{height:365px}
.open-bottom-right-theme img{width:200px}
.open-top-theme img{width:500px}
.opening-inner{text-align:center}
.opening-logo{padding-bottom:0;position:absolute;left:50%;bottom:10%;transform:translate(-50%,0)}
.opening-soon-logo img{width:350px}
.opening-soon-logo{padding-bottom:0}
.opening-logo img{width:220px}
.opening-text{padding-bottom:15%;font-size:65px;direction:rtl;font-family:Cairo;color:#c5d92f;font-weight:700}
body{padding-right:0!important}
.modal-header .btn-close{padding:5px;width:2em;height:2em;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1.8em auto no-repeat;color:#fff;opacity:1}
@media screen and (max-width:1680px){
.sec1-image-banner{width:400px;height:400px;left:-17%;margin-top:20%}
.sec1-arrow-down{width:80px;height:80px;border-radius:100%;bottom:140px;left: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-left: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;right:0;top:6%;width:209px;height:436px;border-top-left-radius:830px;border-bottom-left-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-left:5%}
.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}
.opening-text{font-size:48px}
.opening-soon-logo img{width:250px}
.opening-logo img{width:195px}
.open-bottom-right-theme img{width:170px}
.open-bottom-left-theme img{height:286px}
.open-top-theme img{width:375px}
}
@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:56vh;margin-top:11%}
.sec1-image-banner{margin-top:-20%;width:270px;height:270px;left:5%}
.bottom-sec1-logo{padding-right:5%;margin-top:-60px}
.sec2-cn{padding-top:5%;margin-top:10%}
.tic-container ul li{font-size:25px}
.first-sec-title{font-size:22px;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;right: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-left:19%}
.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;left: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}
.open-bottom-right-theme img{width:130px}
.open-bottom-left-theme img{height:235px}
.open-top-theme img{width:280px}
.opening-soon-logo img{width:225px}
.opening-text{font-size:43px}
}
@media (max-width:650px){
.sec5::after{width:75px;height:80px}
.sec7-circle{width:250px;height:250px;margin-left:5%}
.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;left:-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-right: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;left:38%}
#all svg{width:250px}
.open-top-theme img{width:210px}
.opening-text{font-size:34px}
.opening-soon-logo img{width:170px}
.open-bottom-left-theme img{height:160px}
.open-bottom-right-theme img{width:85px}
.opening-logo img{width:150px}
}