.header .top_header .logo .generated-logo {
  display: grid;
  grid-template-columns: auto 1fr;
  box-model: border-box;
  /* outline: 1px solid #212529; */
  width: 100%;  /* Ensures the container expands to fill its parent */
  max-width: 600px;  /* Set the maximum width based on the initial size */
  aspect-ratio: 600/180;  /* Aspect ratio: width / height */
font-size: 1em;
}

a>.generated-logo {
  text-decoration: none;
  color: #212529;
}

.header .top_header .logo .generated-logo>.icon {
  width: 180px;
  height: 180px;
  /* This fixes the aspect ratio to 1:1 */
}
.header .top_header .logo .generated-logo>.icon > img{
  width: 100%;
  height: auto;
  /* This fixes the aspect ratio to 1:1 */
}

.header .top_header .logo .generated-logo>.organization {
  display: grid;
  grid-template-rows: 1fr 1fr;
  font-size: .9em;
}

.header .top_header .logo .generated-logo>.organization>div {
  height: 60px;
  text-align: center;
  padding-left: 10px;
}

.header .top_header .logo .generated-logo>.organization>.name {
  display: flex;
  align-items: flex-end;
  justify-content: center; /* Center horizontally */
}

.header .top_header .logo .generated-logo>.organization>.location {
  display: flex;
  align-items: flex-start;
  justify-content: center; /* Center horizontally */
  font-size: .75em;
}
.header .top_header .logo .generated-logo {
  max-width: 500px;
}

.header .top_header .logo .generated-logo .icon {
  max-width: 119px;
  height: 119px;
}

.header.sticky .top_header .logo .generated-logo {
  max-width: 470px;
  font-size: .7em;
}

.header.sticky .top_header .logo .generated-logo .icon {
  max-width: 84px;
  height: 84px;
} 

.header.sticky .top_header .logo .generated-logo > .organization {
  display: grid;
  grid-template-rows: 1fr 1fr;
  font-size: .9em;
}

.header.sticky .top_header .logo .generated-logo>.organization>div {
  height: 42px;
  text-align: center;
  padding-left: 10px;
}


@media (max-width: 1600px) {
  .header .top_header .logo .generated-logo {
    grid-template-columns: auto 1fr;
    max-width: 420px;
  }

  .generated-logo>.icon {
    height: 118px;
  }

  .generated-logo>.organization > div  {
    height: 59px;
  }

  .generated-logo>.icon {
    width: 118px;
  }

  .header.sticky .top_header .logo .generated-logo {
    max-width: 350px;
  }
}

@media (max-width: 1199px) {

  .header .top_header .logo .generated-logo,
  .header.sticky .top_header .logo .generated-logo {
    max-width: 380px;
  }

  .generated-logo>.icon,
  .generated-logo>.organization {
    height: 112px;
  }

  .generated-logo>.icon {
    width: 112px;
  }
}


@media (max-width: 991px) {

  .header .top_header .logo .generated-logo,
  .header.sticky .top_header .logo .generated-logo {
    max-width: 400px;
  }

  .generated-logo>.icon,
  .generated-logo>.organization {
    height: 100px;
  }

  .generated-logo>.icon {
    width: 100px;
  }
}

@media (max-width: 767px) {

  .header .top_header .logo .generated-logo,
  .header.sticky .top_header .logo .generated-logo {
    max-width: 250px;
  }

  .header .top_header .logo .generated-logo .icon,
  .header .top_header .logo .generated-logo .organization {
    height: 84px;
  }

  .header .top_header .logo .generated-logo .icon {
    width: 84px;
  }
}

@media (max-width: 575px) {

  .header .top_header .logo .generated-logo,
  .header.sticky .top_header .logo .generated-logo {
    max-width: 280px;
  }

  .header .top_header .logo .generated-logo .icon,
  .generated-logo>.organization {
    height: 72px;
  }

  .header .top_header .logo .generated-logo .icon {
    width: 72px;
  }
}