@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 400;
    src: local('Dubai'), url('fonts/Dubai-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 300;
    src: local('Dubai'), url('fonts/Dubai-Light.woff') format('woff');
}
@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 500;
    src: local('Dubai'), url('fonts/Dubai-Medium.woff') format('woff');
}
@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 700;
    src: local('Dubai'), url('fonts/Dubai-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 800;
    src: local('Dubai'), url('fonts/Dubai-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Dubai';
    font-style: normal;
    font-weight: 900;
    src: local('Dubai'), url('fonts/Dubai-Bold.woff') format('woff');
}
body, html {
	font-family: 'Dubai',Sans-Serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #000000;
	background:#FFFFFF;
	direction:rtl;
	font-size: 17px;
}

h1 {
	font-weight: 700;
}
h1 strong {
	font-weight: 900;
}
h2 {
	font-size: 36px;
	margin: 0;
	font-family:'Dubai',Sans-Serif;
}
h3 {
	font-size: 17px;
	font-weight: 700;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-family: 'Dubai',Sans-Serif;
	font-size: 17px;
}
a {
	color: #FFFFFF;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
a, input, button {
	transition: all 0.5s;
}
a:hover, a:focus {
	text-decoration: none;
	color: #F7D413;
}
.img-centered {
	margin: 0 auto;
}
ul, ol {
	list-style: none;
	margin:0;
	padding:0;
}
.clr {clear:both;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
* {
	-webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
img {max-width: 100%;}
body.modal-open {padding: 0px !important;}
.overlapblackbg {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  display: none;
}
.overlapblackbg.active {display: block;}
button[disabled], html input[disabled] {
  cursor: no-drop;
}
.d-flex {display: flex;}
.flex-center {align-items: center;}
.justify-content-between {justify-content: space-between;}

#header-scroll {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  background: none;
  padding: 0px;
  z-index: 1050;
}
#header-scroll .container {position: relative;}
#header-scroll .btn-lang {
  position: absolute;
  top: 0px;
  left: 13px;
  background: #FDA243;
  line-height: 50px;
  border-radius: 0px 0px 50px 50px;
  padding: 10px;
  font-weight: 800;
  border: 2px solid #FFF;
  border-top: 0px none;
}
#header-scroll .header-content {
  background: #FFFFFF;
  border-radius: 46px;
  padding: 15px;
  margin-right: 50px;
  margin-left: 50px;
  overflow: hidden;
  margin-top: 90px;
}
#header-scroll .header-content .logo {text-align: center;}
#header-scroll .header-content .logo a {display: inline-block; width: 100%; max-width: 100px;}
#header-scroll .header-content .head-links {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px 0;
}
#header-scroll .header-content .head-links a {
  color: #1F293A;
  padding: 5px 0px;
  line-height: 30px;
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}
#header-scroll .header-content .head-links a:hover {}
#header-scroll .header-content .head-links a:before {
  content: "";
  height: 8px;
  width: 8px;
  position: absolute;
  top: 100%;
  left: 50%;
  background: #FDA243;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0px #FDA243;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#header-scroll .header-content .head-links a:hover:before {opacity: 1}
#header-scroll .header-content .head-links a.active:before {opacity: 1}
#header-scroll.h-fixed .header-content  {
  margin-top: 15px;
  box-shadow: 0px 0px 5px 0px #DFDFDF;
}
#header-scroll.h-fixed .header-content .logo a {max-width: 80px;}
#header-scroll.h-fixed .header-content .head-links {padding: 0px;}

#header-scroll .header-content .nav-trigger {
  background: transparent;
  border: 0px none;
  color: #000;
  font-size: 35px;
  padding: 0px;
  width: 80px;
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
#header-scroll .header-content .nav-trigger.cansel .fa::before {
  content: "\f00d";
}
#header-scroll .header-content #main_menu {
  display: none;
  overflow: hidden;
  width: 100%;
  max-height: 0px;
}
#header-scroll .header-content #main_menu.active {max-height: 350px; padding-top: 15px;}
#header-scroll .header-content #main_menu ul {text-align: center; border-top: 1px solid #CCC;}
#header-scroll .header-content #main_menu ul li {padding: 0 15px;}
#header-scroll .header-content #main_menu ul li a {color: #012b1f; border-bottom: 1px solid #CCC; display: block; padding: 15px;}
#header-scroll .header-content #main_menu ul li:last-child a {border-bottom: 0px none;}
#header-scroll .header-content #main_menu ul li a:hover,
#header-scroll .header-content #main_menu ul li a.active {color: #F7D413; font-weight: 500;}
.app-store {
}
.google-play {
}
.app-store:hover {
  box-shadow: 5px 5px 12.5px rgba(255,255,255,0.45 );
}
.google-play:hover {
  box-shadow: 5px 5px 12.5px rgba(247,212,19,0.45 );
}
#first {
  padding: 50px 0 50px 0;
}
#first .first-content {
  background: url("../images/bg-1.png") no-repeat 0 0 transparent;
  background-size: cover;
  padding: 140px 50px 50px 50px;
  border-radius: 50px;
  min-height: 500px;
}
#first h2 {
  margin: 30px 0;
  color: #F7D413;
  font-size: 58px;
  font-family: Dubai;
  font-weight: 700;
  line-height: 78px;
  word-wrap: break-word;
}
#first p {
  color: #FFFFFF;
  font-size: 28px;
  margin: 0;
  font-weight: 400;
  line-height: 36px;
  word-wrap: break-word;
  max-width: 500px;
}

#first .buttons-apps {float: left;}
#first .buttons-apps a {
  display: block;
  border-radius: 32px;
  margin-bottom: 10px;
  overflow: hidden;
}

#aboutus {padding: 80px 0;}
#aboutus .image {}
#aboutus h2 {
  color: #1F293A;
  text-align: center;
  margin: 15px 0;
}
#aboutus .aboutus-content {margin-bottom: 30px;}
#aboutus .aboutus-content p {font-size: 18px; white-space: preserve-breaks;}
#aboutus .icons-box {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
#aboutus .icons-box img {
  border: 2px solid #EFE9FF;
  height: 100px;
  margin-left: 15px;
  border-radius: 50px;
}
#aboutus .icons-box h3 {
  margin: 0;
  color: #1F293A;
}

#screenshot {background: url("../images/screens-bg.png") repeat 0 0 #FFFFFF; padding: 100px 0; position: relative;}
#screenshot:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 80px;
  width: 100%;
  background-image: linear-gradient(#FFF, transparent);
}
#screenshot:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 80px;
  width: 100%;
  background-image: linear-gradient(transparent, #FFFFFF);
}
#screenshot .screenshot-box {padding: 50px 0;}
#screenshot .image {}
#screenshot .image img {}
#screenshot .content {
  display: block;
  background: #FFF;
  padding: 30px;
  border-radius: 25px;
  box-shadow: 10px 10px 0px 0px #1F293A;
  text-align: center;
  margin: 50px 0;
  overflow: hidden;
}
#screenshot .content h2 {
  color: #1F293A;
  margin-bottom: 30px;
}
#screenshot .content p {margin-bottom: 30px;}
#screenshot .content .buttons-apps {display: flex; justify-content: space-between; padding-top: 30px;}
#screenshot .content .buttons-apps a {
  width: 200px;
  border-radius: 25px;
  overflow: hidden;
  margin-bottom: 30px;
}
#screenshot .content .buttons-apps a.google-play {border: 1px solid #F7D413;}
#screenshot .content .buttons-apps a.app-store {border: 1px solid #1F293A;}

#text-page {padding: 50px 0;}
#text-page .section-title {
  margin: 30px 0;
  color: #1F293A;
  font-size: 38px;
  font-family: Dubai;
  font-weight: 700;
  line-height: 78px;
  text-align: center;
}
#text-page .text-content {line-height: 30px;} 

footer {padding: 50px 0;}
footer .footer-content {background: #1F293A; padding: 80px 15px 50px 15px; text-align: center; position: relative; border-radius: 50px;}
footer .footer-content:before {
  content: "";
  background: url("../images/footer-ico.png") no-repeat 0 0 transparent;
  height: 293px;
  width: 122px;
  position: absolute;
  top: 50%;
  left: 0;
  opacity: 0.30;
  transform: translate(0, -50%);
  z-index: 0;
}
footer #footer-totop {
  position: absolute;
  top: 0;
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
footer .logo {width: 139px; margin: 0 auto; position: relative;}
footer .links {
  padding: 50px 0;
  position: relative;
  z-index: 9;
  max-width: 1000px;
  margin: 0 auto;
}
footer .links ul {
  display: flex;
  justify-content: space-evenly;
}
footer .links ul li {}
footer .links ul li a {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  cursor: pointer;
}
footer .links ul li a:hover {color: #F7D413}
footer .contact-links {margin-bottom: 50px;}
footer .contact-links ul {
  display: flex;
  justify-content: center;
}
footer .contact-links ul li {padding: 0 10px; display: inline-block;}
footer .contact-links ul li a {
  display: block;
  margin-right: 0px;
  width: 40px;
  height: 40px;
}
footer .contact-links ul li svg {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

footer .contact-links ul li a:hover {color: #F7D413}
footer .copyright {color: #FFFFFF;}


@media (max-width: 767px) {
	.d-flex {display: block;}
	#header-scroll .header-content .nav-trigger {display: block;}
	#header-scroll .header-content #main_menu {display: block;}
	#header-scroll .header-content .logo a {max-width: 100px;}
	#first .first-content {margin: 0 auto; text-align: center;}
	#aboutus .icons-box {display: block; text-align: center;}
	#aboutus .icons-box img {margin: 0px 0px 10px 0px;}
	footer .links ul, footer .contact-links ul {display: block;}
}