/* footer {
  border-top: 4px solid var(--color-blue);
} */
a {
  color: rgb(0, 0, 0) !important;
  text-decoration: underline;
}
 .order{
  display: flex !important;
  align-items: center;
  justify-content: center;
 }
 .center{
  text-align: inline;
 }
 .top{
  margin-top: 30px !important;
 }
.border_left{
  border-left: 2px solid #00000030;
  height: 280px;
}
.log_content{
  margin-top: 50px !important;
}

/* ! FOOTER TOP */
.footer_top {
  padding: 3rem 2rem !important;
  font-family: var(--ff-lato);
  gap: 61px;
}

/* ? FOOTER TOP - ONE */
.footer_one img {
  max-width: 70px;
}

.footer_one p i,
.footer_social i {
  color: var(--color-blue);
}

/* ? FOOTER TOP - TWO */
.footer_two li {
  transition: 250ms ease-in-out;
  width: fit-content;
}
.footer_two li:hover {
  transform: translate(10px, 0);
}

/* ? FOOTER TOP - MAP */
.footer_map__iframe {
  height: 300px;
}

/* ! FOOTER BOTTOM */
.footer_bottom p {
  font-size: 12px;
}

.footer_social_bottom i {
  color: #1414A0;
}

/* ! TO THE TOP BUTTON */
.btn-floating {
  background-color: var(--color-blue) !important;
  color: white !important;
  padding: 10px 16px !important;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  transition: 250ms ease-in;
}

#btn-back-to-top:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .order{
    display: inline-block !important;
   }
  .center{
    text-align: center !important;
  }
  .border_left{
    display: none;
  }
  .top{
    margin-top: -24px !important;
   }
  
} 
@media (min-width: 768px) {

  /* ! FOOTER TOP */
  .footer_top {
    row-gap: 61px;
    column-gap: 0px;
    padding: 3rem 0rem !important;
  }

  /* ? FOOTER TOP - MAP */
  .footer_map__iframe {
    height: 180px;
  }


}

@media (min-width: 992px) {
  /* ! FOOTER TOP */
  .footer_top {
    padding: 4rem 0rem !important;
  }
  /* ? FOOTER TOP - MAP */
  .footer_map {
    width: 100% !important;
  }

  .footer_map__iframe {
    height: 350px;
    width: 100% !important;
  }
  
}

@media (min-width: 1200px) {
  
  /* ! FOOTER TOP */
  .footer_top {
    padding: 3rem 0rem 2rem 0rem !important;
  }

  /* ? FOOTER TOP - MAP */
  .footer_map {
    width: 25% !important;
  }

  .footer_map__iframe {
    height: 200px;
  }
}