@charset "utf-8";
/*---------------------------------------------------------------
  Main  Font */
/*--------------------------------------------------------------*/
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Arabic/Cairo-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Arabic/Cairo-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Arabic/Cairo-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Arabic/Cairo-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/Arabic/Cairo-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/Arabic/Cairo-Black.ttf) format('truetype');
}

/*---------------------------------------------------------------
  Reset */
/*--------------------------------------------------------------*/
/*------- Start General --------*/
/* :root {
    --main-color: #1c989b;
    --dark-main-color: #10595b;
    --dark-main-color-2: #196375;
    --white-color: #ffffff;
    --dark-color: #161616;
    --gray-color: #f3f3f4;
    --gray-color-hover: #e9e9e9;
    --dark-gray-color: #404040;
    --footer-color: #141518;
    --footer-bottom-color: #101114;
} */
* {
  padding: 0;
  margin: 0;
  outline: none;
  list-style: none;
  border: 0 none;
}

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body {
  background: #FFF;
  color: #333;
  font-family: 'Cairo', Arial, Verdana, sans-serif;
  font-weight: 400;
  font-size: 16px;
  overflow-x: hidden ;
  line-height: 25px;
}

a:link, a:visited, a:active, a:focus {
  font-family: 'Cairo', Arial, Verdana, sans-serif;
  color: #d0145a;
  outline: 0 none;
  text-decoration: none;
  -webkit-transition: background-color .2s linear, color .2s linear;
  -moz-transition: background-color .2s linear, color .2s linear;
  -o-transition: background-color .2s linear, color .2s linear;
  -ms-transition: background-color .2s linear, color .2s linear;
  transition: background-color .2s linear, color .2s linear;
}

a:hover {
  color: #333;
}

pre, code {
  direction: ltr;
  /* background: url(images/code-bg.png);
  font: 11px/19px 'andale mono', 'lucida console', monospace; */
  padding: 3px;
  display: block;
  overflow-x: visible;
  overflow-y: hidden;
  margin: 0 0 20px 0;
  color: #666;
  border-top: 1px solid #E1E1E1;
  border-left: 1px solid #E1E1E1;
  border-bottom: 1px solid #F0F0F0;
  border-right: 1px solid #F0F0F0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: 'Cairo', serif;
  line-height: 40px;
}

p {
  font-family: 'Cairo', serif;
  font-size: 14px;
  font-weight: normal;
}

img {
  max-width: 100%;
  height: auto;
}

.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

.font-600 {
  font-weight: 600;
}

.font-700 {
  font-weight: 700;
}

.font-800 {
  font-weight: 800;
}

.b_0 {
  border: none !important;
}

.color-333 {
  color: #333;
}

/*---------------------------------------------------------------
********** General Styles **********/
/*--------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: #7F8FA6 !important;
}

:-moz-placeholder {
  color: #7F8FA6 !important;
  opacity: 1;
}

::-moz-placeholder {
  color: #7F8FA6 !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #7F8FA6;
}

::-ms-input-placeholder {
  color: #7F8FA6 !important;
}

::placeholder {
  /* Most modern browsers support this now. */
  color: #7F8FA6;
}

input::placeholder {
  color: #7F8FA6;
}

.ltr .content-main li {
  list-style-type: disc;
  margin-left: 15px;
}

.rtl .content-main li {
  list-style-type: disc;
  margin-right: 15px;
}

.bg1 {
  background: #C3D5E4;
}

.btn-style-1, a.btn-style-1 {
  border: 0px solid #FFFFFF;
  border-radius: 13px;
  font-size: 18px;
  color: #d0145a;
  padding: 15px 30px;
  background: #F6F7FB;
  font-weight: 600;
}

.btn-big, a.btn-big {
  padding: 15px 50px;
}

.btn-style-d, a.btn-style-d {
  color: #FF6457 !important;
}

.btn-big, a.btn-big {
  padding: 15px 50px;
}

.btn-style-1 i {
  margin: 0 10px;
}

.btn-style-1:hover, a.btn-style-1:hover {
  color: #fff;
  background: #d0145a;
}

.btn-border, a.btn-border {
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  font-size: 18px;
  color: #fff;
  padding: 20px 50px;
}

.btn-border:hover, a.btn-border:hover {
  border: 1px solid #FFFFFF;
  color: #333;
  background: #fff;
}

.btn-primary,
.label-primary {
  background: #d0145a;
  border-color: #d0145a;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle .btn-primary:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background: #f9b233;
  box-shadow: none;
  border-color: #f9b233;

}

 #page-all {
   background: url(../images/bg.jpg) top center no-repeat ;
   background-size: cover;
   min-height: 100vh;
overflow: hidden;
 }
 .header-top {
   text-align: center;
   color: #fff;
   font-size: 25px;
   margin: 80px 0  40px 0 ;
 }
 .header-top h2{
   font-size: 85px;
   font-weight: bold;
   margin-bottom: 50px;
 }
 .header-top h3{
   font-size: 35px;
   font-weight: bold;
 }
 .box  {
   color: #fff;
   text-align: center;
   margin-bottom: 35px;
 }
 .box a {
   color: #fff;
   text-align: center;
 }
 .box span {
   color: #fff;
   display: block;
   font-size: 28px;
   line-height: 35px;
   margin-top: 20px;
 }
 /* .box img {
     width: 80px;
 } */
#main-footer {
  background: #fff;
  padding: 7px 0 ;
}

.fooer-list {
  text-align: center;
  padding: 10px;
  /* border-left: 3px solid #016c3b; */
  color: #016c3b ;
  font-weight: bold;
  font-size: 20px;
  position: relative;
}
.fooer-list:after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   bottom: 0;
   height: 40px;
   margin: auto;
  border-left: 3px solid #016c3b;
  color: #016c3b ;

}
.fooer-list:last-child:after {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   bottom: 0;
   height: 45px;
   margin: auto;
  border: 0;
  color: #016c3b ;

}
.fooer-list span {
  display: block;
}
.fooer-list i {
  font-size: 25px;
}
.fooer-list a {
    color: #016c3b ;
}