@font-face {
  src: url("../fonts/RobotoCondensed-Regular.ttf");
  font-family: 'Roboto'; }

@font-face {
  src: url("../fonts/DINNextLTArabic.ttf");
  font-family: 'Demi'; }

html {
  scroll-behavior: smooth; }

body {
  font-family: 'Roboto'; }
  body:lang(ar) {
    font-family: 'Demi'; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a {
  text-decoration: none !important; }

.text-orang {
  color: #395B95; }

.bg-dark-cu {
  background-color: #121c2a; }

/* Start Header */
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1500; }

.site-title {
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 500; }

.menu {
  color: #fff;
  cursor: pointer; }

.nav-menu {
  width: 300px;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  background-color: #121c2a;
  transform: translateX(300px);
  -webkit-transform: translateX(300px);
  transition: transform .4s ease;
  -webkit-transition: transform .4s ease;
  will-change: transform; }
  .nav-menu .close-menu {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer; }
  .nav-menu h2 {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .nav-menu ul {
    height: 100%;
    list-style: none; }
  .nav-menu li {
    margin: 20px 0; }
  .nav-menu .nav-link {
    color: #fff;
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    text-align: center;
    display: block; }
    .nav-menu .nav-link:hover {
      color: #395B95; }

body.menu-active .nav-menu {
  transform: translateX(0);
  -webkit-transform: translateX(0); }

body.menu-active {
  overflow: hidden; }

@media (max-width: 480px) {
  .nav-menu li {
    margin: 15px 0; } }

@media (max-width: 322px) {
  .nav-menu li {
    margin: 5px 0; } }

/* End Header */
/* Start hero */
.hero .scroll-icon, .box-icon, .btn-show-more-our-work {
  transition: background-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease; }

.hero {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url("../images/syb.jpg");
  background-size: cover;
  position: relative; }
  .hero .scroll-icon {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: transparent;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    line-height: 35px;
    text-align: center;
    cursor: pointer; }
    .hero .scroll-icon:hover {
	background-color: #395B95;
	color: #fff;
}

body:lang(ar) .scroll-icon {
  line-height: 30px; }

.hero-content {
  text-align: center;
  width: 440px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }
  .hero-content h2 {
    color: #fff;
    font-size: 40px;
    letter-spacing: 1px; }
  .hero-content p {
    color: #fff;
    line-height: 30px; }
  .hero-content .hire-us,
  .hero-content .our-work-btn {
    padding: 6px 35px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    transition: background-color ease .7s;
    -webkit-transition: background-color ease .7s; }
    .hero-content .hire-us:hover,
    .hero-content .our-work-btn:hover {
	background-color: #FFFFFF;
	border: 1px solid rgba(255, 255, 255, 0.2);
	color: #395B95;
}

body:lang(ar) .hire-us,
body:lang(ar) .our-work-btn {
  padding: 2px 37px 8px 37px !important; }

@media (max-width: 480px) {
  .hero-content {
    width: 100%; }
    .hero-content h2 {
      font-size: 30px; } }

/* End hero */
/* Start icon-des  */
.box-icon {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  line-height: 100px;
  border: 1px solid rgba(216, 215, 215, 0.6);
  cursor: pointer; }
  .box-icon:hover {
    background-color: #395B95 !important;
    color: #fff; }
  .box-icon:hover svg {
    stroke: #fff !important; }

/* End icon-des  */
/* Start subscrib */
.btn-subscrib {
  padding: 6px 35px;
  background-color: #395B95;
  border-radius: 7px;
  -webkit-border-radius: 7px; }

/* End subscrib */
/* Start Our-work */
.our-work .overlay {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #395B95;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  overflow: hidden; }

.our-work .btn-our-work {
  padding: 5px 35px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  border-radius: 7px; }

.our-work:hover .overlay {
  opacity: .9; }

body:lang(ar) .btn-our-work {
  padding: 2px 35px 7px 35px; }

.btn-show-more-our-work {
  padding: 7px 35px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 7px; }
  .btn-show-more-our-work:hover {
    background-color: #395B95 !important;
    color: #fff !important;
    border: 1px solid rgba(0, 0, 0, 0.1); }

body:lang(ar) .btn-show-more-our-work {
  padding: 4px 35px 7px 35px; }

/* End Ourwork */
/* Start our-t */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #395B95; }

/* End our-t */
/*Start Our-Team*/
.our-img img {
  transition: transform .3s ease-in;
  -webkit-transition: transform .3s ease-in; }
  .our-img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1); }

/*Start Our-Team*/

/*============= Start Pricing Table Order ===========*/
.pricing_table{
	padding: 50px 0 0px;
	text-align: center;
}

.pricing_table h2{
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 20px;
}

.pricing_table .section_description{
	line-height: 1.6;
	font-size: 20px;
	width: 80px;
	margin: 0 auto 45px;
	color: #6a6a6a;
}

.pricing_table .list-group-item{
	border: none;
}

.pricing_table .card-body{
	padding: 0;
}

.pricing_table .card{
	margin-bottom: 30px;
}

.pricing_table .card .list-group{
	padding-right: 0;
}

.pricing_table .card .card-title{
	color: #395B95;	
	font-size: 25px;
	line-height: 1.5;
	margin-top: 40px;
}

.pricing_table .card .card-text span{
	font-size: 14px;
	text-transform: uppercase;
}

.pricing_table .card .card-text{
	color: #202020;
	font-size: 30px;
	margin-bottom: 5px;
	background-color: #f7f7f7;
	padding: 10px;
	margin: 30px 0 10px;
	font-weight: bold;
}

.pricing_table .card .card-link{
	color: white;
	border-color: #395B95;	
	background-color: #395B95;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 30px;
	display: inline-block;
	padding: 10px 65px;
	border-radius: 5%;
	transition: color .15s ease-in-out,
		background-color .15s ease-in-out,
		border-color .15s ease-in-out,
		box-shadow .15s ease-in-out;	
}

.pricing_table .card .card-link:hover{
	border-color: #c82333;	
	background-color: #c82333;
}

.pricing_table .card.corporate{
	top: -20px;
	border: 1px solid #dd0909;
}

.pricing_table .card.corporate .card-text{
	color:white;
	background-color: #ed1d24;
}

.pricing_table .card.corporate .card-link{
	border-color: #28a745;	
	background-color: #28a745;
	transition: color .15s ease-in-out,
		background-color .15s ease-in-out,
		border-color .15s ease-in-out,
		box-shadow .15s ease-in-out;		
}

.pricing_table .card.corporate .card-link:hover{
	border-color: #218838;	
	background-color: #218838;
}

/*============= End Pricing Table Order ===========*/


/* Start Footer */

ul.menu-social li{
	padding-right: 38px;
	display: inline-block;
}

 #map {
        height: 200px;  /* The height is 400 pixels */
        width: 100%;  /* The width is the width of the web page */
       }

.space-line{
	background-color: white !important;
}

/* End  say-hello */


.footer {
  background-color: #0a1018; 
}