/* =========================================================
       FOOTER
    ========================================================= */

.ordoclin-footer {
    position: relative;
    background: #008c94;
    color: white;
    padding-top: 55px;
}
 

/* .footer-container {
  width: min(1250px, 100%);
  margin: 0 auto;
} */

/* =========================================================
       FOOTER MAIN
    ========================================================= */

.footer-main {
  display: grid;

  grid-template-columns: 1.5fr 0.8fr 0.9fr 0.8fr;

  gap: 55px;

  padding-bottom: 45px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* =========================================================
       BRAND
    ========================================================= */

.footer-brand {
  max-width: 350px;
}

.footer-logo {
  display: inline-block;

  margin-bottom: 16px;
}

.footer-logo img {
  display: block;

  width: 135px;

  height: auto;
}

.footer-brand p {
  margin: 0 0 17px;
  color: white;
  font-size: 15px;
  line-height: 1.5;
}

.footer-locations {
  display: flex;

  align-items: center;

  gap: 7px;

  color: white;

  font-size: 15px;

  font-weight: 650;
}

.location-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
  /* box-shadow: 0 0 9px rgba(84, 217, 222, .45); */
}

/* =========================================================
       FOOTER COLUMNS
    ========================================================= */

.footer-column {
  display: flex;

  flex-direction: column;

  align-items: flex-start;
}

.footer-column h3 {
  margin: 0 0 17px;

  color: white;

  font-size: 17px;

  font-weight: 800;

  letter-spacing: 0.12em;

  text-transform: uppercase;
}

.footer-column a {
  margin-bottom: 10px;

  color: white;

  font-size: 15px;

  line-height: 1.5;

  transition: 0.25s ease;
}

.footer-column a:hover {
  color: white;

  transform: translateX(3px);
}

/* =========================================================
       CONTACT
    ========================================================= */

.footer-contact a {
  display: flex;

  align-items: center;

  gap: 8px;
}

.footer-contact a span {
  font-size: 13px;
}

.footer-social {
  display: flex;

  margin-top: 5px;
}
.footer-social a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: white;
    border: 1px solid rgb(255 255 255 / 41%);
    border-radius: 7px;
    font-size: 15px;
    font-weight: 800;
}

.footer-social a:hover {
    color: white;
    background: #dae5e538;
    /* border-color: #282929; */
    transform: translateY(-2px);
}

/* =========================================================
       FOOTER BOTTOM
    ========================================================= */

.footer-bottom {
  min-height: 55px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  color: white;

  font-size: 15px;
}

.footer-legal {
  display: flex;

  gap: 20px;
}

.footer-legal a {
  color: white;

  transition: 0.25s ease;
}


@media (max-width:767px){
  .footer-main{
    grid-template-columns: 1fr 1fr;
  }

   .footer-bottom {
    min-height: auto; 
    align-items: start;
    flex-direction: column;
    padding: 20px;
  
}
}

@media (max-width:576px){
  .footer-main{
    grid-template-columns:  1fr;
  }
  .footer-column a {
    margin-bottom: 3px;
}
}