/*--------------------CSS RESET--------------------------*/
a, abbr, acronym, address, article, aside, audio, b, blockquote, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strong, sub, sup, tfoot, thead, u, ul, var { background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: top; }
ul { list-style: none; }
blockquote, q { quotes: none; }
img { vertical-align: top; border: 0; }
embed { vertical-align: top; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }
input, textarea { border: 0; padding: 0; margin: 0; outline: 0; }
iframe { border: 0; margin: 0; padding: 0; }
input, textarea, select, button { margin: 0; padding: 0px; font:400 13px/30px ubuntu; color: #747474; }
input[type=text] { text-indent: 5px; }
html { }
body { margin: 0px; font: 13px/30px ubuntu;font-weight:400; color: #000; direction: ltr; background: #fff; }
a, span { display: inline-block; }
a { text-decoration: none; color: #595959; outline: none; -moz-transition: .4s; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
a:hover { color: #f16523; }
strong { font-weight: bold; }
em { font-style: italic; }
ol { list-style: decimal; }
div, section, nav, aside, footer, article { margin: 0 auto; }
p { margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; }
.hidden { display: none; }
.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }
.justify { text-align: justify; }
.rel { position: relative; }
.nobg { background: 0 !important; }
.noborder { border: none !important; }
.right { float: right !important; }
.left { float: left !important; }

@font-face {
  font-family: ubuntu;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/400.woff2') format('woff2'),
}

@font-face {
  font-family: ubuntu;
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/400i.woff2') format('woff2'),
}

@font-face {
  font-family: ubuntu;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/500.woff2') format('woff2'),
}

@font-face {
  font-family: ubuntu;
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/500i.woff2') format('woff2'),
}

@font-face {
  font-family: ubuntu;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/700.woff2') format('woff2'),
}

@font-face {
  font-family: ubuntu;
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/700i.woff2') format('woff2'),
}

/*--------------------------------OWL---------------------------------*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/*--------------------------------MAIN---------------------------------*/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
.center {
  font: 14px/25px ubuntu;
  font-weight: 400;
  max-width: 1200px;
  box-sizing: border-box;
  width: 96%;
}
.tgmenu{display: none;}
header{position: fixed;top:0;left: 0;right: 0;z-index: 1000;}
.headContainer{height: 80px;position: fixed;top:0;left: 0;right: 0;}
.headContent{padding: 10px 0;}
.headContent .center{display: flex;gap: 50px;justify-content: center;}
.logo{margin:0}

.floatmenu{position: fixed;top:0;background: #fff;left: 0;right: 0;z-index: 1000;box-shadow: 0 5px 30px rgba(0,0,0,0.1);}
.floatmenu .topmenu li a{color:#1C1C1E}
.floatmenu .topmenu > li > a:hover{color:#f16523}

.intro{height:100vh;margin-bottom: 140px;position: relative;background: url(../images/dubai.avif) center center no-repeat;background-size: cover;}
.intro::before{content: '';position: absolute;background: linear-gradient(90deg, rgba(252, 106, 5, 0.90) 0.87%, rgba(249, 70, 4, 0.90) 99.03%);display: block;top:0;left: 0;right: 0;bottom: 0;z-index: 1;}
.curves{display: block;position: absolute;bottom: -1px;left:0;right: 0;z-index: 2;}
.curves img{width: 100%;height: auto;}
.intro .center{position: relative;z-index: 3;height: 100vh;}
.introContent{padding-top: 32vh;}

.headText{width: 500px;margin:0;color:#fff;}
.prevFig{}
.prevFig img{height: calc(100vh - 210px);width: auto;position: absolute;bottom: 0;right: -50px;}
.headText > h1{font-weight: 700;font-size: 60px;line-height: 60px;margin-bottom: 15px;}
.headText > h2{font-weight: 300;font-size: 24px;line-height: 50px;font-style: italic;margin-bottom: 15px;}
.headText .cmspage{font-size: 15px;margin-bottom: 35px;}
.topDlButtonPane{display: flex;gap: 12px;}
.topDlButton{background: #000;border-radius: 10px;font-weight: 700 !important;font-size: 15px !important;line-height: 44px;padding:0 20px;color:#fff;}
.topDlButton img{padding: 10px 7px 7px 0px;}

.aboutSection{display: flex;margin-bottom: 150px;gap: 80px;}

.aboutContent{padding-top: 30px;}
.aboutContent > h2{font-weight: 700;font-size: 40px;margin-bottom: 15px;color:#1C1C1E;line-height: 40px;}
.aboutContent .cmspage{margin-bottom: 40px;color:#3f3f3f;font-size: 14px;}
.aboutContent .cmspage p{padding: 5px 0;}

.stats{background: #f164235f;padding: 20px;border-radius: 30px 0 30px 0;}
.followers{display: flex;justify-content: space-between;}
.followers li{padding-left: 76px;position: relative;padding-top: 10px;height: 54px;font-weight: 500;}
.followers li img{position: absolute;top:0;left: 0;filter: brightness(0) saturate(100%) invert(39%) sepia(80%) saturate(3250%) hue-rotate(354deg) brightness(93%) contrast(111%);;}
.followers li strong{font-weight: 700;font-size: 24px;display: block;}
.followers li span{line-height: 24px;}



.featureSection{margin-bottom: 140px;}
.headlineH2{text-align: center;color: #1C1C1E;line-height: 50px;margin-bottom: 50px;font-weight: 700;font-size: 42px;}
.headlineH2 span{display: block;font-weight: 400;font-size: 36px;color:#3f3f3f}

.features{display: flex;flex-wrap: wrap;gap: 20px;}
.features > li{width: calc(25% - 17px);;border:1px solid rgba(250, 88, 5, 0.3);border-radius: 20px;}
.featureItem{padding: 15px;}
.featureItem img{margin-bottom: 10px;}
.featureItem h3{color:#1C1C1E;font-weight: 700;font-size: 16px;margin-bottom: 5px;}
.featureItem p{color:#3f3f3f;font-weight: 400;}

.partnerSection{margin-bottom: 140px;}
.brandCarousel{}
.brandItem{text-align: center;}
.brandItem img{border-radius: 24px;border:1px solid #ccc;}

.downloadSection{margin-bottom: 100px;}
.dlAppFig{text-align: center;margin-bottom: 50px;}

.dlLinks{display: flex;gap: 20px;justify-content: center;}
.dlLinks > li{}
.dlLinks > li > a{font-weight: 700;font-size: 18px;line-height: 22px;border-radius: 12px;background: #000;color:#fff;padding: 8px 25px 8px 65px;display: block;position: relative;;height: 44px;}
.dlLinks > li > a img{position: absolute;top:13px;left: 25px;}
.dlLinks > li > a span{display: block;line-height: 18px;font-size: 11px;font-weight: 400;}



footer{background-color: #1C1C1E;padding-top: 30px;color:#838B95}
.ftContent{display: flex;gap: 50px;padding-bottom: 44px;}
.ftAbout{flex: 2;margin:0}
.ftContact{flex:1;margin:76px 0 0 0}
.ftLogo{display: flex;gap: 20px;margin-bottom: 16px;}
.ftLogoType{margin:0}
.ftLogoType h2{font-weight: 700;font-size: 26px;color:#fff;line-height: 35px;}
.ftLogoType h3{font-weight: 700;font-size: 16px;color:#838B95;line-height: 25px;}
.ftTitle{font-weight: 700;margin-bottom: 8px;font-size: 16px;color:#fff;}
.ftContact p{margin-bottom: 15px;}
.contactList{color:#fff;margin-bottom: 22px;}
.contactList > li{position: relative;padding-left: 34px;margin-bottom: 5px;}
.contactList > li > img{position: absolute;top:0;left: 0;}
.socials{display: flex;gap: 10px;margin-left: -2px;}
.socials > li{}
.socials > li > a{}
.cmspage{}
.cmspage h3{font-weight: 700;margin:10px 0 5px}
.cmspage ul{list-style: circle;list-style-position: inside;line-height: 28px;}
.copy{display: flex;justify-content: space-between;border-top: 1px solid #838B95;padding: 12px 0;line-height: 30px;}
.copyright{margin:0;color:#838B95}
.cLink{display: flex;gap: 20px;}
.cLink li{}
.cLink li a{color:#838B95;}