*{
  font-family: 'Cairo', sans-serif;
}

 body {
      background-color: #FFF8EC;
    }
    .navbar {
      background-color: #FFF8EC;
      padding: 1rem 2rem;
      border-bottom: 1px solid rgb(185, 185, 185);
    }



.login{
    background-color: #393534;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 25px;
    padding: 10px 30px 11px 30px;
    font-weight: 600;
    line-height: 14px;
    font-size: 14px;
    font-style: normal;
}

.login:hover{
    background-color: #e04122;
    color: #FFFFFF;
        font-weight: 600;
    line-height: 14px;
    font-size: 14px;
    font-style: normal;
}

/* Footer Base */
.footer {
  background-color: #393534;
  color: #fff;
  font-family: "Segoe UI", sans-serif;
}

/* Tagline below logo */
.footer-tagline {
  font-size: 0.95rem;
  color: #ccc;
}

/* Top Nav Links */
.footer a.text-white {
  font-size: 0.95rem;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.footer a.text-white:hover {
  color: #ee9774;
}
.footer span.text-secondary {
  color: #777;
}

/* Info Boxes */
.info-box {
  background-color: #2c2f31;
  border-radius: 20px;
  height: 100%;
}
.info-heading {
  font-size: 1.25rem;
  color: #ee9774;
}

/* Links inside boxes */
.link-white {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
}
.link-white:hover {
  color: #ee9774;
}

/* Footer Bottom Bar */
.footer small {
  font-size: 0.85rem;
  color: #ccc;
}
.footer .text-white.text-decoration-none:hover {
  color: #ee9774;
}
.footer .text-secondary {
  color: #777;
}
@media (min-width: 992px) {
  .navbar-brand img {
    height: 33px !important;
  }

}