@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body{
  font-family: 'Droid Arabic Kufi' !important;
  direction: rtl;
}

body a, div h2 , h3 {
  font-family: 'Droid Arabic Kufi' !important;
}
body h4,body h5,body h5{
  font-family: 'Droid Arabic Kufi' !important;
}


.carousel-item h4{
  color: #fff;
font-size: 24xp !important;
font-family: 'Droid Arabic Kufi' !important;
}


button[type=submit] {
    background: #372645;
    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: #372645;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    border: 1px solid #372645;
}

.btn-arr:hover {
  background: #372645;
  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: #ebebeb !important;
      }


        #footer {
            font-family: Arial, Helvetica, sans-serif !important;
        }


.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;
}


.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:#372645;
}

.track-image{
 margin: auto;
}
