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


.footerBox
{
  display: flex;
  flex-direction: column;
  justify-content: center;  /* centers horizontally */
  align-items: center;      /* centers vertically (if .footerBox has height) */
  width: 100%;
  min-height: 15vh;

}
.site-footer {

  display: flex;
}


.footerLine {
  margin:0;
  margin-bottom: 1rem;
  min-width: 100%;
  flex-grow: 1;
  max-height: 1px;
  background-color: #000; /* Customize color */
}


/* No need for nth-child here—each .contact-content will auto‑flow
   into column 1 and column 2 of the .contact grid */
.contact  {
  display: flex;
  flex-direction: row;
  gap : 2rem;
  /* any common styles here */
}

.contact-content h3
{
    margin: 0;
    font-weight: bold;
    font-family: 'EKNoticeSans';
    font-size: clamp(11px, 1.2vw, 13px);

}
.contact-content h4
{
  margin: 0;

  color: black;
  font-family: 'EKNoticeSans';
  font-weight: lighter;
  font-size: clamp(8px, 1.2vw, 12px);
  
}

.contact-content p
{
  align-self: end;
  margin: 0;

}

/* .first
{
  border: 1px solid red;
}

.second { 
  border: 1px solid blue;

} 
 */
.contact-content.first {
  text-align: right; /* Align text to the right */
  font-size: smaller;
}

.contact-content.second {
  text-align: left; /* Align text to the left */
  font-size: smaller;
}

/* 📱 Mobile: ≤ 480px (phones) */
@media screen and (max-width: 480px) {
  /* Small phones (portrait) */

  .contact{
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
  }

  .contact-content.first,  .contact-content.second
  {
    text-align: center;
  }

  .footerLine
  {
      max-height: unset;
      height: 1px;
  }

/* ==============  ============== */
}