/*========================

        FOOTER

=========================*/

.footer {
  background: #0b1f33;
  color: #fff;

  padding: 70px 0 20px;
}

.footer-logo {
  width: 180px;

  margin-bottom: 25px;
}

.footer-description {
  color: #d8d8d8;

  line-height: 1.9;
}

.footer h5 {
  margin-bottom: 25px;

  font-weight: 600;
}

.footer ul {
  list-style: none;

  padding: 0;
}

.footer ul li {
  margin-bottom: 15px;

  color: #d8d8d8;
}

.footer ul li a {
  color: #d8d8d8;

  transition: 0.3s;
}

.footer ul li a:hover {
  color: #fff;

  padding-left: 8px;
}

.footer-contact i {
  color: #8d6cff;

  margin-right: 12px;
}

.footer-social {
  margin-top: 25px;
}

.footer-social a {
  width: 45px;

  height: 45px;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  background: rgba(255, 255, 255, 0.08);

  color: #fff;

  border-radius: 50%;

  margin-right: 10px;

  transition: 0.3s;
}

.footer-social a:hover {
  background: var(--primary);
}

.footer hr {
  margin: 45px 0 25px;

  border-color: rgba(255, 255, 255, 0.1);
}

.footer-bottom {
  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  gap: 15px;
}

.footer-bottom p {
  margin: 0;

  color: #bdbdbd;
}

.footer-bottom a {
  color: #fff;

  font-weight: 600;
}