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

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Black.woff2') format('woff2'),
        url('../fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('../fonts/Poppins-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std 65';
    src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std';
    src: url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
}

body {
	font-family: 'Poppins';
	color: #161824;
    font-weight: normal;
    font-style: normal;
	font-size: 12px;
	background: #1a0e60 ;
	overflow-x: hidden;
}

body.arabic{
	direction: rtl;
	text-align: right;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	direction: ltr;
}

a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
	-moz-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: transparent; 
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	font-family: 'Poppins';
    font-weight: normal;
	font-size: 28px;
	margin: 0px;
	padding: 0px;	
}

h2 {
	font-family: 'Poppins';
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5, h6 {
	font-family: 'Poppins';
    font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px;	
}

form, input, select, textarea, p {
	margin: 0px;
	padding: 0;
}

textarea {
	resize: none;
}

input:focus, textarea:focus {
	outline: none;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, time {  
	display: block; 
	margin: 0px;
	padding: 0; 
} 

.customClear {
	clear: both;
	font-size: 0em;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

/*IE below 9*/
#ieWrapper {
	background: #000;
	position: fixed;
	z-index: 100;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
	position: relative; 
	width: 555px;
	padding: 20px;
	margin: 200px auto 0 auto;
	background: #FFF;
	border: 7px solid #2b2927;
}

.btnIeUpdate {
	background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
	width: 144px;
	height: 37px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.ieLogo {
	float: left;
	width: 134px;
	height: 139px;
	background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
}

.ieContent strong {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
/*End IE below 9*/

.flex{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

#page_header {
    position: absolute;
    width: 100%;
    z-index: 1;
}

.header-page-center{
	max-width: 1638px;
	width:100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.header-page-center{
	padding: 80px 0 0;
	align-items: center;
}

.header-page-center .header-top-right{
	flex:1 0 0;
}


.header-page-center .top-main-menu ul {
	padding: 0;
	margin: 0;
	display: flex;
	list-style: none;
	justify-content: flex-end;
	font-size: 20px;
	font-weight: 300;
	
}

.header-page-center .top-main-menu ul li:not(:last-child){
	padding-right: 30px;
}

.arabic .header-page-center .top-main-menu ul li:not(:last-child){
	padding-right: 0px;
	padding-left:30px;
}

.header-page-center .top-main-menu ul li a{
	color:#fff;
	transition: all ease .3s;
}

.home-banner .bg-main {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	
}

.home-banner .bg-main img ,.mountain-two img,.mountain-three img{
	visibility: hidden;
}

.banner-text{
	position: absolute;
	top: 18vw;
	left: 0;
	text-align: center;
	width: 100%;
	z-index: 0;
	font-weight: normal;
	font-size: 2.778vw;
	line-height: 3.111vw;
	letter-spacing: 1.95vw;
	color: #fff;
	text-transform: uppercase;
}

.banner-text span{
	font-weight: 900;
	font-size: 12.444vw;
	display: block;
	letter-spacing: normal;
	line-height: 3.111vw;
	padding-top: 4.444vw;
}

.mountain-two{
	position: absolute;
	width: 100%;
	background-size: cover;
	left: 0;
	top: 26vw;
	z-index: 0;
}

.mountain-three{
	position: absolute;
	width: 32.889vw;
	background-size: cover;
	/* height: 67.556vw; */
	right: 0;
	top: 7.556vw;
	z-index: 0;
}



.page-center{
	max-width: 1302px;
	width: 100%;
	position: relative;
	z-index: 0;
	margin: 0 auto;
	box-sizing: border-box;
}

.header-page-center.flex a{
	flex-shrink: 0;
}

.home-banner{
	height: 54vw;
}

.services-image-block .service-item, .services-image-block .service-item img{
	border-radius: 8px;
}

.services-image-block .service-item{
	position: relative;
	max-width: 410px;
	width: 100%;
 }

 .services-image-block .service-item:not(:last-child){
	 margin-right: 37px;
 }

 .services-image-block .service-item:not(:last-child){
	margin-right: 0;
	margin-left: 37px;
}


.service-img-caption{
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 35px;
	border-radius: 35px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
}

.service-img-caption.bg-orange{
	background:#ff7257;
}

.service-img-caption.bg-yellow{
	background:#f48c27;
}

.service-img-caption.bg-green{
	background:#21b374;
}

.services-image-block .service-item::after{
	position: absolute;
    content: '';
    left: 25px;
    bottom: -6px;
    height: 20px;
    width: calc(100% - 50px);
    background-color: #0d0833;
    z-index: -1;
    border-radius: 8px;
}


.see-the-world-wrapper{
	padding: 100px 0px 275px;
	font-size: 17px;
	font-weight: 200;
	color: #cfcaef;
	text-align: center;
	position: relative;
}

.see-the-world-wrapper h1{
	font-size: 60px;
	color: #fff;
	font-weight: bold;
}

.see-the-world-wrapper h1 span{
	display: block;
	color: #37a6f4;
	font-size: 25px;
	font-weight: 500;
	text-transform: uppercase;	
}

.see-the-world-wrapper p{
	padding: 58px 0 0 ;
}

.see-the-world-wrapper .bottom-img{
	position: absolute;
	bottom: -250px;
	right: 0;
	z-index: -1;
}

.services-slider-wrapper{
	background-color: #2b1a87;
	padding: 114px 0;
	font-size: 16px;
	font-weight: 200;
	color: #cfcaef;
}

.services-slider-list-wrapper{
	max-width: 314px;
	width: 100%;
	flex-shrink: 0;
}

.services-slider-list-wrapper span{
	display: block;
	padding-left: 29px;
	position: relative;
	font-size: 20px;
	font-weight: normal;
	border:solid 1px #4b39ae;
	padding: 28px 15px 28px 70px;
	margin-bottom: 22px;
	border-radius: 10px;
	cursor: pointer;
	transition: all ease .3s;
}

.arabic .services-slider-list-wrapper span{
	padding: 28px 70px 28px 15px;
}

.services-slider-list-wrapper span:first-child.active{
	border-color: #ff7257;
}

.services-slider-list-wrapper span:nth-child(2).active{
	border-color: #f48c27;
}

.services-slider-list-wrapper span:nth-child(3).active{
	border-color: #21b374;
}

.services-slider-list-wrapper span::before{
	position: absolute;
	content: '';
	top: 34px;
	left: 30px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
}

.arabic .services-slider-list-wrapper span::before{
	left: unset;
	right: 30px;
}

.services-slider-list-wrapper span:first-child::before{
	background: #ff7257;
}

.services-slider-list-wrapper span:nth-child(2)::before{
	background: #f48c27;
}

.services-slider-list-wrapper span:nth-child(3)::before{
	background: #21b374;
}


.services-slider{
	max-width: 478px;
	width: 100%;
	background: url(../images/blueRoundbig.png) no-repeat 0 0;
	background-position: center;
	height: 394px;
	flex-shrink: 0;
	margin: 0px auto;
	position: relative;
	top:-190px;
}

.services-slider .slider-main {
	position: absolute;
	max-width: 275px;
    width: 100%;
    top: -30px;
    left: 50%;
	transform: translateX(-50%);
}

.services-slider .slider-main img{
	padding: 40px 0 0 ;
}


.services-slider .slider-main .slider-item{
	text-align: center;
	position: relative;
	top:-30px;
}

.services-slider .slider-main::before {
    position: absolute;
    content: '';
    background: url(../images/bgPlant.png) no-repeat 0 0;
    width: 45px;
    height: 81px;
	left: -36px;
    bottom: 45px;
    z-index: -1;
}


.services-slider .slider-top{
	max-width: 193px;
	width: 100%;
 	background-color: #fff;
 	padding: 13px 13px 0px 13px;
 	border-radius: 25px;
	position: absolute;
	top: 100%;
	left: 90%;
	transform: translate(-80%,-80%);
	box-sizing: border-box;
}

.arabic .services-slider .slider-top{
	left:38%;
}

.services-slider .slider-top img{
	border-radius: 25px;
}


.services-slider .slider-top .single-item{
	position: relative;
}

.services-slider .slider-top h3{
	font-size: 13px;
	font-weight: 600;
	color: #160b54;
	padding:10px 42px 0 0;
}

.arabic .services-slider .slider-top h3{
	padding:10px 0 0 42px;
	text-align: right;
}

.services-slider .slider-top h4{
	font-size: 10px;
	font-weight: normal;
	padding: 0 40px 15px 15px;
	color: #160b54;
	position: relative;
}

.arabic .services-slider .slider-top h4{
	padding: 0 15px 15px 40px;
	text-align: right;
}

.services-slider .slider-top h4::before{
	position: absolute;
	top:2px;
	left: 0;
	content: '';
	background: url(../images/iconLocation.png) no-repeat 0 0;
	width: 9px;
	height: 12px;
}

.arabic .services-slider .slider-top h4::before{
	right: 0;
	left: unset;
}


.services-slider .slider-top .favourite{
	padding: 6px;
	background-color: #fff;
	position: absolute;
	top: 155px;
	transform: translateY(-85%);
	right: 15px;
	border-radius: 50%;
	display: none;
}

.arabic .services-slider .slider-top .favourite{
	left: 15px;
	right: unset;

}

.favourite-bg{
	background: rgb(255,102,72);
	background: linear-gradient(90deg, rgba(255,102,72,1) 0%, rgba(255,116,89,1) 100%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0px 0px 18px 7px rgba(255,102,72,0.56);
	-webkit-box-shadow: 0px 0px 18px 7px rgba(255,102,72,0.56);
	-moz-box-shadow: 0px 0px 18px 7px rgba(255,102,72,0.56);
}

.favourite-bg img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.services-slider-description{
	padding:0 30px 0 30px;
	max-width: 510px;
	width: 100%;
	box-sizing: border-box;
}



.services-slider-wrapper .flex{
	align-items: center;
}

.services-slider-description h2{
	font-size: 50px;
	font-weight: 600;
	line-height: 48px;
	padding-bottom: 40px;

}

.arabic .services-slider-description h2,.arabic .services-slider-description p{
	text-align: right;
}

.services-slider .slider-main .slick-dots li{
	margin:0px 2px;
}

.services-slider .slider-main  .slick-dots li button:before{
	font-size: 15px;
	opacity: 1;
	content: ''!important;
}

.services-slider .slider-main .slick-dots li button{
	width: 8px;
	height: 10px;
	border-radius: 50%;
	transition: all ease .3s;
}


.services-slider .slider-main  .slick-dots li:nth-of-type(1) button{
	background-color: #ff7257;
}

.services-slider .slider-main  .slick-dots li:nth-of-type(2) button{
	background-color: #f48c27;
}

.services-slider .slider-main  .slick-dots li:nth-of-type(3) button{
	background-color: #21b374;
}

.services-slider .slider-main .slick-dots li.slick-active button {
    width: 20px;
    height: 10px;
    border-radius: 15px;
}

.services-slider .slider-main .slick-dots{
	bottom: -50px;
}

.services-slider .slider-main .slick-dots li{
	width: auto;
	margin: 0 5px 0 0 ;
}

.how-it-works-wrapper{
	background: rgb(26,14,97);
	/* background: radial-gradient(circle, rgba(39,21,130,1) 0%, rgba(27,14,98,1) 50%, rgba(26,14,97,1) 100%); */
	padding: 107px 0 165px;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	position: relative;
	z-index:0 ;
}

.how-it-works-wrapper h2{
	font-size: 50px;
	font-weight: 600;
	text-align: center;
}

.how-it-works-wrapper p{
	padding-top: 27px;
}

.how-it-works-blocks{
	padding-top: 77px;
	position: relative;
}

.how-it-works-blocks .page-center{
	max-width: 1202px;
	width:100%;
	margin: 0 auto;
}

.how-it-works-blocks .dots-bg{
	background: url(../images/imgDots.png) no-repeat 0 0;
	background-position: center center;
	background-size: cover;
	opacity: 0.5;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 1434px;
	width: 100%;
	height: 194px;
	z-index: -1;
}

.how-it-works-blocks .single-item:not(:last-child){
	margin-right: 160px;
}

.arabic .how-it-works-blocks .single-item:not(:last-child){
	margin-left: 160px;
	margin-right: 0px;
	
}


.how-it-works-blocks h3{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 30px 0 15px;
	margin:0;
}

.how-it-works-blocks p{
	font-size: 16px;
	font-weight: 200;
	padding: 0;
	margin:0;
	color:#cfcaef;
}

.how-it-works-blocks .single-item{
	max-width: 316px;
	width: 100%;
}

.how-it-works-wrapper .bottom-img {
    position: absolute;
    bottom: -175px;
    left: 0;
    z-index: -1;
}

.download-app-wrapper{
	background-color: #2b1a87;
	position: relative;
	z-index: 0;
	padding: 120px 0 130px;
	font-size: 20px;
	font-weight: normal;
	overflow:hidden;
}

.download-app-wrapper .flex{
	justify-content: center;
	flex-direction: column;
	color: #fff;
	
}

.download-app-wrapper .page-center h3{
	font-size: 25px;
	color: #37a6f4;
	font-weight: 500;
	text-transform: uppercase;
}

.download-app-wrapper .page-center h4{
	font-size: 50px;
	font-weight: 600;
	padding: 30px 0;
	line-height: 48px;
}

.download-app-wrapper .content-wrapper{
	max-width: 678px;
	width: 100%;
}

.download-app-wrapper .page-center h4{
	max-width: 514px;
	width: 100%;
}

.arabic .download-app-wrapper .content-wrapper p{
	max-width: 85%;
}

.download-btn-wrapper {
	padding-top: 50px;
}

.download-btn-wrapper a{
	margin-right: 20px;
}

.download-app-right-image{
	position: absolute;
    right: -150px;
    top: -195px;
    z-index: -1;
	max-width: 875px;
    width: 100%;
}

.arabic .download-app-right-image{
	left: -240px;
	right: unset;
}

.arabic .download-app-right-image img{
	transform: rotate(60deg);
}

.download-app-right-image img{
	width: 100%;
}

.closer-look-wrapper{
	background-color: #1a0e60;
	position: relative;
	z-index: 0;
	padding: 150px 0;
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	text-align: center;
}

.closer-look-wrapper h3{
	font-size: 50px;
	font-weight: 600;
	padding-bottom: 5px;
}

.closer-look-slider{
	padding-top: 75px;
	margin: auto;
    max-width: 1148px;
    width: 100%;
}


.closer-look-slider .slick-dots li {
    width: auto;
    margin: 0 5px 0 0;
}

.closer-look-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    transition: all ease .3s;
	background-color: #edeef3;
}

.closer-look-slider .slick-dots li button:before {
    content: ''!important;
}

.closer-look-slider .slick-dots{
	bottom: -50px;
}

.closer-look-slider .slick-dots li.slick-active button {
    width: 35px;
    height: 10px;
    border-radius: 15px;
	background-color: #00b0da;
}

.subscribe-contact-wrapper{
	background-color: #322191;
	color: #fff;
	font-family: 'Avenir LT Std';
	
}

.subscribe-contact-wrapper h4{
	font-size: 45px;
	font-weight: 600;
	padding: 0;
	margin:0;
}

.arabic .subscribe-contact-wrapper h4{
	font-size: 42px;
}

.subscribe-contact-wrapper h4 span{
	color: #fce100;
}

.subscribe-contact-wrapper .left-div{
	max-width: 654px;
	width: 100%;
}

.subscribe-contact-wrapper .right-div{
	max-width: 654px;
	width: 100%;
	position: relative;
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.subscribe-wrapper{
	max-width: 428px;
	width: 100%;
	padding: 100px 0;
	box-sizing: border-box;
}

.subscribe-wrapper p{
	font-size: 20px;
	padding-top: 45px;
}

.subscribe-form{
	padding-top: 65px;
	color: #fff;
}

.subscribe-form .email{
	max-width: 328px;
	width: 100%;
	flex-grow: 1;
}


.subscribe-form  input[type='email'],.subscribe-form input[type='text']{
	background: transparent;
	border:none;
	border-bottom: solid 1px #bdc2cb;
	font-family: 'Avenir LT Std';
	font-size: 18px;	
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	padding: 0 10px 25px 35px;
}

.arabic .subscribe-form  input[type='email'],.arabic  .subscribe-form input[type='text']{
	padding: 0 35px 25px 10px;
}


.subscribe-form .form-group.email{
	position: relative;
}

.subscribe-form .form-group.email::before{
	position: absolute;
	content:'';
	background:url(../images/iconEnvelope.png) no-repeat 0 0;
	left: 0;
	top:0;
	width: 24px;
	height: 17px;
}

.arabic .subscribe-form .form-group.email::before{
	left: unset;
	right: 0;
}


.subscribe-form input[type='submit'],.subscribe-form input[type='button']{
	font-family: 'Avenir LT Std 65';
	font-size: 18px;
	font-weight: 500;
	background: transparent;
	border:none;
	border-bottom: solid 1px #bdc2cb;
	color: #fff;
	padding: 0 0 25px 0;
	cursor: pointer;
}

.subscribe-form  input[type='email']::-webkit-input-placeholder { /* Edge */
	color: #fff;
  }
  
  .subscribe-form  input[type='email'] :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
  }
  
  .subscribe-form  input[type='email']::placeholder {
	color: #fff;
  }

  .subscribe-contact-wrapper .right-div-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
	background-color: #2b1a87;
}

.subscribe-contact-wrapper .right-div-inner::after{
    width: 50vw;
    background: #2b1a87;
    height: 100%;
    position: absolute;
    left: 0;
	top: 0;
	content: '';
}

.arabic .subscribe-contact-wrapper .right-div-inner::after{
	left:unset;
	right: 0;
}


.contact-wrapper{
	position: relative;
	z-index: 1;
	max-width: 400px;
	width: 100%;
	margin: auto;
	padding: 100px 0;
	box-sizing: border-box;
}

.contact-form-wrapper{
	padding-top: 10px;
}

.contact-form-wrapper label{
	font-family: 'Avenir LT Std';
	font-size: 18px;
	display: block;
	padding: 25px 0 0;
}

.contact-form-wrapper .form-group input[type='email'],.contact-form-wrapper .form-group input[type='text']{
	background: transparent;
	border:none;
	border-bottom: solid 1px #bdc2cb;
	font-family: 'Avenir LT Std';
	font-size: 18px;	
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	padding: 10px 10px 10px 0px;
}

.contact-form-wrapper .form-group textarea{
	background: transparent;
	border:none;
	border-bottom: solid 1px #bdc2cb;
	font-family: 'Avenir LT Std';
	font-size: 18px;	
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	padding: 10px 10px 10px 0px;
	resize: none;
	height: 45px;
}

.arabic .contact-form-wrapper .form-group input[type='email'],
.arabic .contact-form-wrapper .form-group input[type='text'],
.arabic .contact-form-wrapper .form-group  textarea
{
	text-align: right;
}



.contact-form-wrapper input[type='submit'],.contact-form-wrapper input[type='button']{
	font-family: 'Avenir LT Std';
    font-weight: 900;
	font-size: 18px;
	background: #fce100;
	border:none;
	color: #5b5207;
	padding: 15px 25px;
	border-radius: 8px;
	cursor: pointer;
	margin-top: 30px;
}


footer{
	background-color: #1a0e60;
	padding: 50px 0 50px;
	color: #fff;
}

.copyright{
	font-size: 15px;
	font-weight: 300;
}

footer a{
	transition: all ease .3s;
	color:#fff
}

footer a:hover{
	color:#fce100
}

.footer-menu ul{
	list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu ul li{
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
}

.footer-menu ul li:not(:last-child){
	padding-right: 20px;
}

.arabic .footer-menu ul li:not(:last-child){
	padding-left: 20px;
	padding-right: 0px;
}

footer .flex{
	justify-content: space-between;
}

.footer-bottom {
	padding: 30px 0 0;
}

.social-links a:not(:last-child){
	margin-right: 10px;
}

.arabic .social-links a:not(:last-child){
	margin-left: 10px;
	margin-right: 0px;
}

.top-main-menu ul li{
	padding: 10px 15px;
	transition: all ease .3s;
	cursor: pointer;
	
}

.top-main-menu ul li:last-child{
	border: solid 1px #fff;
	border-radius: 8px;
}

.top-main-menu ul li:last-child:hover{
	border-color: #fce100;
	
}

.top-main-menu ul li:last-child:hover a,.top-main-menu ul li a:hover{
	color:#fce100;
}

.icon-nav {
    width: 40px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: absolute;
    top: 38px;
    right: 30px;
    z-index: 10;
    display: none;
}

.arabic .icon-nav {
	left: 30px;
	right: unset;
}

.icon-nav span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate( 
0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate( 
0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.icon-nav span:nth-child(1) {
    top: 0px;
}

.icon-nav span:nth-child(2), .icon-nav span:nth-child(3) {
    top: 10px;
}

.icon-nav span:nth-child(4) {
    top: 20px;
}

.icon-nav.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.icon-nav.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-nav.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.icon-nav.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.slider-main .slick-slider,.slider-top .slick-slider {
	touch-action: auto;
	-ms-touch-action: auto;
}

.how-it-works-blocks .single-item{
	position: relative;
}

.how-it-works-blocks .single-item .bg-round{
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	top: 40px;
	z-index: -1;
	width: 275px;
	height: 275px;
	border-radius: 50%;
}


.how-it-works-blocks .single-item .bg-round.blue-round{
	background-color: #3578ff;
}

.how-it-works-blocks .single-item .bg-round.orange-round{
	background-color: #ff7257;
}

.how-it-works-blocks .single-item .bg-round.yellow-round{
	background-color: #f4a927;
}

.how-it-works-blocks .single-item .bg-round.blue-round .span-right{
	position: absolute;
	right: 9px;
    top: 28px;
	width:32px;
	height: 31px;
	background-color: #3578ff;
	border-radius: 50%;
}

.how-it-works-blocks .single-item .bg-round.blue-round .span-left{
	position: absolute;
	left: -30px;
    bottom: 32px;
	width:60px;
	height: 61px;
	background-color: #3578ff;
	border-radius: 50%;
}


.how-it-works-blocks .single-item .bg-round.orange-round .span-right{
	position: absolute;
	right: -38px;
    top: 145px;
	width:60px;
	height: 61px;
	background-color: #ff7257;
	border-radius: 50%;
}

.how-it-works-blocks .single-item .bg-round.orange-round .span-left{
	position: absolute;
	left: 15px;
    bottom: 5px;
	width:32px;
	height: 31px;
	background-color: #ff7257;
	border-radius: 50%;
}


.how-it-works-blocks .single-item .bg-round.yellow-round .span-right{
	position: absolute;
	right: -15px;
    top: 5px;
	width:60px;
	height: 61px;
	background-color: #f4a927;
	border-radius: 50%;
}

.how-it-works-blocks .single-item .bg-round.yellow-round .span-left{
	position: absolute;
	left: -20px;
    bottom: 80px;
	width:32px;
	height: 31px;
	background-color: #f4a927;
	border-radius: 50%;
}

.copyright p{
	display: inline;
}

.language-translation-wrapper{
	color: #fff;
	padding-bottom: 8px;
	justify-content: flex-end;
	font-size: 16px;
}

a.langauge-box{
	position: relative;
    padding: 2px 4px 0px 4px;
	cursor: pointer;
	transition: all ease .3s;
}

a.langauge-box img{
	width: 20px;
}

.arabic a.langauge-box:not(:last-child){
	margin-left: 5px;
}

a.langauge-box:not(:last-child){
    margin-right: 5px;
}

a.langauge-box.active{
	color: #fce100;
	border-bottom: solid 1px #fce100;
}

.arabic  .contact-form-wrapper .submit-form-wrapper{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.arabic  .contact-form-wrapper .submit-form-wrapper input[type='submit']{
	order: 1;
}

@media screen and (min-width:2300px) {
	.mountain-two{
		top: 380px;
	}

	.banner-text{
		top: 280px;
	}
}

@media screen and (min-width:1990px) {
	.banner-text{
		top: 340px;
		font-size: 50px;
		line-height: 56px;
		letter-spacing: 25px;
	}
	
	.banner-text span{
		font-size: 224px;
		line-height: 56px;
		padding-top: 100px;
	}
	
	.mountain-two{
		top: 470px;
	}
	
	.mountain-three{
		width: 592px;
		top: 300px;
	}

	.home-banner{
		height: 1075px;
	}

	
} 



@media screen and (max-width:1700px) {
	.header-page-center{
		max-width: 100%;
		padding: 25px 30px;
	}

	.mountain-three{
		top: 10vw;
	}

	.services-slider-list-wrapper {
		flex-shrink: unset;
	}
}


@media screen and (max-width:1400px)  {
	.services-image-block.page-center,
	.see-the-world-wrapper .page-center,
	.services-slider-wrapper .page-center,
	.how-it-works-blocks .page-center,
	.how-it-works-wrapper .page-center,
	.download-app-wrapper .page-center,
	.closer-look-wrapper .page-center,.subscribe-contact-wrapper .page-center,
	footer .page-center
	{
		max-width: 100%;
		padding: 0px 50px;
	}

	.services-slider-list-wrapper span{
		font-size: 17px;
	}
}

@media screen and (max-width:1302px)  {
	.header-page-center .top-main-menu ul{
		font-size: 18px;
	}
	
	.service-img-caption {
		padding: 8px 30px;
		font-size: 20px;
	}
	
	.see-the-world-wrapper h1 span{
		font-size: 21px;
	}
	
	.see-the-world-wrapper h1 {
		font-size: 50px;
	}
	
	.see-the-world-wrapper p {
		padding: 30px 0 0;
	}
	
	.see-the-world-wrapper{
		padding: 100px 0px 200px;
		font-size: 15px;
	}

	.services-slider-list-wrapper {
		max-width: 18vw;
	}

	.services-slider-wrapper {
		padding: 8vw 0;
		font-size: 16px;
	}

	.services-slider-list-wrapper span {
		font-size: 16px;
		padding: 1vw 15px 1vw 4vw;
		margin-bottom: 1.5vw;
	}


	.arabic .services-slider-list-wrapper span {
		padding: 1vw 5vw 1vw 15px;
		margin-bottom: 1.5vw;
	}

	.services-slider-list-wrapper span::before {
		top: 1.4vw;
		left: 1.5vw;
		width: 1.3vw;
		height: 1.3vw;
	}

	.arabic .services-slider-list-wrapper span::before {
		top: 1.6vw;
		right: 1.5vw;
	}

	.services-slider {
		max-width: 40vw;
		height: 42vw;
		top: -15vw;
	}

	.services-slider .slider-main {
		max-width: 27vw;
		top: -2vw;
	}

	.services-slider .slider-top {
		max-width: 16vw;
		padding: 1.3vw 1.3vw 0px 1.3vw;
	}

	.services-slider .slider-top .favourite{
		right:1.2vw;
	}

	.services-slider-description {
		padding: 0 3vw 0 3vw;
		max-width: 35vw;
	}

	.services-slider-description h2 {
		font-size: 4vw;
		font-weight: 600;
		line-height: 4vw;
		padding-bottom: 2vw;
	}

	.download-app-wrapper .content-wrapper {
		max-width: 50vw;
	}

	.download-app-right-image {
		right: -20vw;
	}

	.arabic .download-app-right-image {
		left: -20vw;
	}

	   /* the slides */
	.closer-look-slider .slick-slide {
		margin: 0 15px;
	}
	/* the parent */
	.closer-look-slider .slick-list {
	margin: 0 -15px;
	}

	.how-it-works-wrapper h2{
		font-size: 40px;
	}

	.how-it-works-wrapper p {
		padding-top: 10px;
	}

	.how-it-works-wrapper{
		font-size: 17px;
	}

	.subscribe-contact-wrapper h4 {
		font-size: 32px;
		line-height: 40px;
	}

	.subscribe-wrapper p {
		font-size: 18px;
		padding-top: 30px;
	}

	.subscribe-form input[type='email'], .subscribe-form input[type='text'],
	.subscribe-form input[type='submit'], .contact-form-wrapper label,
	.contact-form-wrapper .form-group input[type='email'],
	 .contact-form-wrapper .form-group input[type='text'],
	 .contact-form-wrapper .form-group textarea,
	 .contact-form-wrapper input[type='submit'], .contact-form-wrapper input[type='button']
	{
		font-size: 17px;
	}

	.closer-look-wrapper h3 {
		font-size: 40px;
	}

	.closer-look-wrapper{
		font-size: 18px;
	}
	
	.services-slider .slider-top {
		top:75%;
	}

}

@media screen  and (max-width:1200px){
	.closer-look-slider{
		max-width: 100%;
	}

	.top-main-menu ul li {
		padding: 5px 15px;
	}

	.how-it-works-blocks .single-item .bg-round{
		width: 255px;
		height: 255px;
	}

	.how-it-works-blocks .single-item .bg-round.blue-round .span-right{
		right: 4px;
	}

	.how-it-works-blocks .single-item .bg-round.blue-round .span-left{
		left: -20px;
	}
}

@media screen  and (max-width:1150px){
	.download-app-right-image {
		right: -40vw;
	}

	.arabic .download-app-right-image {
		left: -40vw;
	}
	
}

@media screen and (max-width:1100px) {
	.contact-wrapper{
		max-width: 80%;
	}

	.contact-form-wrapper input[type='submit'], .contact-form-wrapper input[type='button']{
		padding: 12px 20px;
	}
}

@media screen and (max-width:1024px) {
	.header-page-center.flex a img{
		max-width: 120px;
	}

	.header-page-center .top-main-menu ul li:not(:last-child) {
		padding-right: 20px;
	}

	.arabic .header-page-center .top-main-menu ul li:not(:last-child) {
		padding-left: 20px;
		padding-right: 20px;
	}

	.services-image-block .flex{
		flex-wrap: wrap;
    	justify-content: center;
	}

	.services-image-block .service-item,.services-image-block .service-item:not(:last-child){
		margin: 0px 15px 30px 15px;
	}

	.services-slider-list-wrapper {
		max-width: 300px;
	}

	.services-slider-wrapper .flex{
		flex-wrap: wrap;
	}

	.how-it-works-blocks h3 {
		padding: 15px 0 10px;
	}

	.how-it-works-wrapper p {
		padding-top: 0px;
	}

	.services-slider-description {
		padding: 70px 0 0;
		margin: auto;
	}


	.closer-look-wrapper{
		padding: 90px 0;
	}

	.see-the-world-wrapper {
		padding: 60px 0px 120px;
	}

	.services-slider {
		max-width: 478px;
		height: 394px;
	}

	.services-slider .slider-top {
		max-width: 193px;
		padding: 13px 13px 0px 13px;
		top: 100%;
	}

	.services-slider-description {
		padding: 80px 0px 0 0px;
		max-width: 100%;
	}


	.services-slider-description h2 {
		font-size: 40px;
		line-height: 48px;
		padding-bottom: 30px;
	}

	.services-slider-wrapper {
		padding: 100px 0;
	}

	.download-app-wrapper .content-wrapper {
		max-width: 100%;
	}

	.download-app-wrapper .page-center h4 {
		font-size: 40px;
		padding: 15px 0;
	}

	.download-app-wrapper .page-center h3 {
		font-size: 21px;
	}

	.download-app-wrapper{
		font-size: 17px;
	}

	.content-wrapper p{
		max-width: 70%;
	}

	

}

@media screen and (max-width:991px) {
	.icon-nav {
		display: block;
	}

	.top-menu{
		display: none;
	}

	.top-menu ul {
		flex-direction: column;
		position: absolute;
		top:20px;
		right: 0px;
		width: 240px;
		padding: 0;
		background: #1a0e60;
		z-index: 150;
		-webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 75%);
		-moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 75%);
		display: block;
		
	}

	.arabic .top-menu ul {
		right: unset;
		left: 0px;
	}

	.top-menu ul li a {
		padding: 15px 15px 15px 15px;
		border-bottom: solid 1px #fff;
    	color: #fff;
		display: block;
    	box-sizing: border-box;
	}

	.top-menu ul li:last-child a{
		border-bottom: none;
	}

	.top-main-menu ul li {
		padding: 0 15px;
	}

	.top-main-menu ul li:last-child{
		border: none;
	}

	.banner-text span{
		font-size: 11vw;
	}

	.service-img-caption{
		font-size: 16px;
		bottom: -15px;

	}

	.how-it-works-blocks .single-item {
		max-width: 45%;
	}

	.how-it-works-blocks .single-item:not(:last-child) , .how-it-works-blocks .single-item,
	.arabic .how-it-works-blocks .single-item:not(:last-child) , .how-it-works-blocks .single-item
	{
		margin: 0 auto 50px
	}

	.how-it-works-blocks .flex{
		flex-wrap: wrap;
	}

	/* the slides */
	.closer-look-slider .slick-slide {
		margin: 0 10px;
	}	

	/* the parent */
	.closer-look-slider .slick-list {
	margin: 0 10px;
	}

	.closer-look-slider .slick-slide img{
		margin: auto;
	}

	.closer-look-wrapper{
		font-size: 16px;
	}


	.subscribe-contact-wrapper .page-center.flex{
		flex-direction: column;
		padding: 0;
	}

	.subscribe-contact-wrapper .left-div,.subscribe-contact-wrapper .right-div  {
		max-width: 100%;
	}

	.subscribe-wrapper {
		max-width: 80%;
		margin: auto;
	}

	.subscribe-form .email {
		max-width: 90%;
	}

	.language-translation-wrapper {
		position: relative;
		top: -40px;
		padding-bottom: 3px;
	}

	.header-page-center {
		padding: 35px 30px;
	}

	a.langauge-box img {
		width: 16px;
	}

	.arabic .download-app-wrapper .content-wrapper p {
		max-width: 50%;
	}

	.how-it-works-blocks .dots-bg{
		display: none;
	}
		
}






@media screen and (max-width:890px) {
	.services-slider-wrapper .page-center.flex{
		flex-direction: column;
	}

	.services-slider {
		top: 30px;
	}

	.services-slider-description {
		padding: 200px 0px 0 0px;
		margin:100px 0 0;
	}

	.services-slider{
		background: none;
	}

	.services-slider .slider-top {
		left:80%;
	}

	.services-slider .slider-main{
		max-width: 100%;
	}

	.arabic .services-slider .slider-main{
		left: 100%;
	}

	.arabic .services-slider .slider-top {
		left: 55%;
	}

	.services-slider-list-wrapper span {
		font-size: 16px;
		padding: 15px 15px 15px 40px;
		margin-bottom: 22px;
	}

	.arabic .services-slider-list-wrapper span {
		padding: 15px 40px 15px 15px;
		margin-bottom: 22px;
	}

	.services-slider-list-wrapper span::before {
		position: absolute;
		content: '';
		top: 18px;
		left: 10px;
		width: 15px;
		height: 15px;
		border-radius: 50%;
	}

	.arabic .services-slider-list-wrapper span::before {
		top: 18px;
		right: 10px;
	}

	.services-slider-list-wrapper {
		max-width: 100%;
	}

	.services-slider-description{
		max-width: 100%;
	}

	.services-slider-description h2 {
		font-size: 35px;
		line-height: 48px;
		padding-bottom: 10px;
	}

	.download-app-right-image{
		display: none;
	}

	.content-wrapper p {
		max-width: 100%;
	}

	.download-app-wrapper{
		padding: 70px 0 70px;
	}
}

@media screen and (max-width:768px) {
	.header-page-center{
		padding: 35px 30px;
	}

	.icon-nav {
		top:35px;
		right: 30px;
	}

	.see-the-world-wrapper .page-center,
	.how-it-works-blocks .page-center, .how-it-works-wrapper .page-center,
	footer .page-center,
	.services-slider-wrapper .page-center,
	.closer-look-wrapper .page-center,
	.download-app-wrapper .page-center,.services-image-block.page-center
	{
		padding: 0px 20px;
	}

	.how-it-works-blocks .single-item {
		max-width: 100%;
	}

	.how-it-works-wrapper {
		padding: 80px 0 80px;
	}

	.how-it-works-wrapper h2 {
		font-size: 35px;
	}

	.how-it-works-wrapper,.how-it-works-blocks h3 {
		font-size: 16px;
	}

	.how-it-works-blocks {
		padding-top: 50px;
	}

	.how-it-works-blocks p {
		font-size: 15px;
	}

	.closer-look-wrapper h3 {
		font-size: 35px;
	}

	.closer-look-slider {
		padding-top: 40px;
	}

	.see-the-world-wrapper h1 {
		font-size: 40px;
	}

	.footer-top.flex,.footer-bottom.flex{
		flex-direction: column;
	}

	.footer-top .footer-left{
		margin: 0 auto 20px;
	}
	.footer-top .footer-left img{
		max-width: 120px;
	}

	.footer-menu{
		text-align: center;
	}
	
	.copyright{
		text-align: center;
		font-size: 13px;
		padding-bottom: 20px;
	}

	.social-links{
		margin: auto;
	}

	.footer-bottom {
		padding: 20px 0 0;
	}

	.footer-menu ul li {
		font-size: 14px;
		padding-bottom: 10px;
	}

	.services-slider-wrapper {
		padding: 80px 0 50px;
	}

	.how-it-works-wrapper .bottom-img{
		bottom: -280px;
	}

	.language-translation-wrapper {
		top: -34px;
		right: -5px;
	}

	.arabic .language-translation-wrapper {
		right:unset;
	}

	.arabic .download-app-wrapper .content-wrapper p {
		max-width: 100%;
	}
	
	
}

@media screen and (max-width:580px){
	.icon-nav span{
		height: 3px;
	}

	.icon-nav {
		width: 30px;
	}

	.icon-nav span:nth-child(2), .icon-nav span:nth-child(3) {
		top: 8px;
	}

	.icon-nav span:nth-child(4) {
		top: 16px;
	}

	.header-page-center .top-main-menu ul {
		font-size: 15px;
	}

	.top-menu ul li a {
		padding: 10px 15px 10px 15px;
	}

	

	.header-page-center {
		padding: 30px 15px;
	}

	.icon-nav {
		right: 15px;
	}

	.closer-look-slider .slick-slide {
		margin: 0 10px;
	}	

	/* the parent */
	.closer-look-slider .slick-list {
	margin: 0 10px;
	}

	.subscribe-wrapper,.contact-wrapper {
		max-width: 100%;
		padding: 50px 20px;
		margin: auto;
	}

	.download-btn-wrapper a img{
		max-width: 160px;
	}

	.services-slider .slider-main .slick-dots {
		bottom: 0;
	}

	.services-slider .slider-main img{
		margin: auto;
	}

	.services-slider {
		max-width: 100%;
	}

	.services-slider .slider-main::before{
		display: none;
	}

	.services-slider .slider-main,.services-slider .slider-top {
		position: static;
		transform: none;
	}

	.services-slider .slider-top{
		margin: auto;
	}

	.services-slider-description {
		padding: 390px 0px 0 0px;
	}

	.arabic .language-translation-wrapper {
		left: 15px;
	}


	
}

@media screen and (max-width:480px){
	.header-page-center.flex a img {
		max-width: 90px;
	}

	.closer-look-wrapper h3,.how-it-works-wrapper h2 {
		font-size: 30px;
	}

	.footer-top .footer-left {
		margin: 0 auto 10px;
	}

	.footer-bottom {
		padding: 0px 0 0;
	}

	.footer-menu ul li:not(:last-child) {
		padding-right: 8px;
	}

	.arabic .footer-menu ul li:not(:last-child) {
		padding-left: 8px;
		padding-right: 0px;
	}

	.footer-menu ul li{
		padding-bottom: 5px;
	}

	.copyright{
		padding-bottom: 15px;
	}

	.closer-look-wrapper {
		padding: 50px 0;
	}

	.download-app-wrapper .page-center h4 {
		font-size: 30px;
		line-height: 35px;
	}

	.download-btn-wrapper a {
		margin-right: 10px;
		margin-bottom: 15px;
	}


	.download-app-wrapper .page-center h3 {
		font-size: 20px;
	}

	.download-app-wrapper{
		font-size: 16px;
	}

	.subscribe-form input[type='email'], .subscribe-form input[type='text'], .subscribe-form input[type='submit'], .contact-form-wrapper label, .contact-form-wrapper .form-group input[type='email'], .contact-form-wrapper .form-group input[type='text'], .contact-form-wrapper .form-group textarea, .contact-form-wrapper input[type='submit'], .contact-form-wrapper input[type='button'] {
		font-size: 15px;
	}

	.download-btn-wrapper a img{
		max-width: 125px;
	}

	.see-the-world-wrapper {
		padding: 60px 0px 90px;
	}

	.services-image-block .service-item, .services-image-block .service-item:not(:last-child) {
		/* margin: 0px  0px 30px 0px; */
		max-width: 100%;
	}

	.language-translation-wrapper {
		top: -30px;
	}
}

@media screen and (max-width:380px){
	.see-the-world-wrapper h1 {
		font-size: 35px;
	}

	.how-it-works-blocks .single-item .bg-round{
		width: 240px;
		height: 240px;
	}
}