/* @import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css); */

@font-face {
          font-family: "careemBold";
          src: url("fonts/careem_b.otf") format('opentype');
      }

@font-face {
          font-family: "careem";
          src: url("fonts/careem_r.otf") format('opentype');
      }

@font-face {
          font-family: "gotham";
          src: url("fonts/Gotham-Book.otf") format('opentype');
      }
@font-face {
          font-family: "gothamBold";
          src: url("fonts/Gotham-Bold.otf") format('opentype');
      }

body{
  font-family: 'careem' !important;
  direction: rtl;
}

body a, div h2 , h3 {
  font-family: 'careemBold' !important;
}
body h4,body h5,body h5{
  font-family: 'careem' !important;
}




.w-text{
  color: #fff !important;
}
.g-text{
  color:  #018c98 !important;
}
.y-text{
  color:  #FFAF2E !important;
}
.p-text{
  color:  #9747FF !important;
}


.carousel-item h4{
  color: #fff;
font-size: 24xp !important;
font-family: 'Droid Arabic Kufi' !important;
}


button[type=submit] {
    background: #222d62;
    border: 0;
    padding: 10px 24px;
    color: #fff;
    transition: 0.4s;
}


button[type=submit]:hover {
  background: #8d7f9b;
}


.services, .about  {
  padding-top: 100px;
}


.btn-arr {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    transition: 0.5s;
    line-height: 1;
    margin: 10px;
    color: #222d62;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #222d62;
}

.btn-arr:hover {
  background: #222d62;
  color: #fff;
  text-decoration: none;
}

.track3-btn{
    color: #2282ff;
    border: 1px solid #2282ff;
}
  .track3-btn:hover {
    color: #2282ff;
    background: #e1eeff;
    border: none;
  }

  .track2-btn{
      color: #3fcdc7;
      border: 1px solid #3fcdc7;
  }
    .track2-btn:hover {
      color: #3fcdc7;
      background: #e6fdfc;
      border: none;
    }

    .track1-btn{
        color: #ff689b;
        border: 1px solid #ff689b;
    }
      .track1-btn:hover {
        color: #ff689b;
        background: #fceef3;
        border: none;
      }

      .footer-newsletter {
        background: #222d62 !important;
      }


        #footer .copyright {
            font-family: 'gotham' !important;
            font-size: 14px;
          border-top: 1px solid #ffffff4d;
          color: #ffffff99;
        }


.we-track{
  background:linear-gradient(to top left, transparent 42%, #fceef3 70%);
  padding:25px;
}

.fe-track{
  background:linear-gradient(to top left, transparent 42%, #e6fdfc 70%);
  padding:25px;
}
.de-track{
  background:linear-gradient(to top left, transparent 42%, #e1eeff 70%);
  padding:25px;
}

.tec-track{
    padding:15px;
}


.loader-L{
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #03b190;
  border-bottom: 4px solid #03b190;
  width: 140px;
  height: 140px;
  -webkit-animation: spin 1.6s linear infinite; /* Safari */
  animation: spin 1.6s linear infinite;
}

.msg-link{
text-decoration: underline;
text-align: center;
}

.failed{
   color: #bb0045 !important;
}

.validate-text{
  color:  red;
  font-size: 14px;
  display: none;
}

.track-list li{
  font-size: 12px;
  color:#222d62;
}

.track-image{
 margin: auto;
}