/* footer */
.abcftrefg {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25em;
  background-color: var(--ebmnt1primarycolor);
  background-image: url("../../images/theme/footerbg.webp");
  background-size: cover;
  background-position: center;
  color: var(--ebmnt1secondarycolor);
}

.abcftrefg::before,
.abcftrefg::after {
  content: "";
  display: block;
  height: 0.5em;
}

.abcftrefginner {
  width: calc(100% - 2em);
  max-width: var(--ebmnt1maxwidth);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.25em;
  border: clamp(1.25em, 3vw, 2.5em) solid var(--ebmnt1secondarycolor);
  border-radius: 1.5em;
  background-color: var(--ebmnt1secondarycolor);
  color: var(--ebmnt1helpercolor);
  text-align: start;
}

.abcftrefgbrandbox {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}

.abcftrefgbrand {
  display: flex;
  align-items: center;
  gap: 0.6em;
  font-size: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  font-weight: 700;
}

.abcftrefgbrandicon {
  width: 2.2em;
  height: 2.2em;
  display: grid;
  place-items: center;
  border-radius: 0.7em;
  background-image: linear-gradient(90deg,var(--ebmnt1primarycolor),color-mix(in srgb,var(--ebmnt1primarycolor) 45%,var(--ebmnt1helpercolor)),var(--ebmnt1helpercolor));
  color: var(--ebmnt1secondarycolor);
  font-size: 0.9em;
}

.abcftrefgabout {
  max-width: 30em;
  line-height: 1.9;
  color: color-mix(in srgb, var(--ebmnt1helpercolor) 72%, transparent);
}

.abcftrefgcol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1em;
}

.abcftrefgheading {
  font-size: clamp(1.05rem, 1rem + 0.3vw, 1.25rem);
  font-weight: 700;
}

.abcftrefglist {
  display: flex;
  flex-direction: column;
  gap: 0.65em;
}

.abcftrefglink {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  color: color-mix(in srgb, var(--ebmnt1helpercolor) 72%, transparent);
  transition: color 0.3s ease, transform 0.3s ease;
}

.abcftrefglink:hover {
  color: var(--ebmnt1helpercolor);
  transform: translateX(-0.3em);
}

.abcftrefglink i {
  color: color-mix(in srgb,var(--ebmnt1primarycolor) 55%,var(--ebmnt1helpercolor));
}

.abcftrefgsocial {
  display: flex;
  gap: 0.6em;
}

.abcftrefgsocialbtn {
  width: 2.6em;
  height: 2.6em;
  display: grid;
  place-items: center;
  border: 1px solid color-mix(in srgb,var(--ebmnt1helpercolor) 24%,transparent);
  border-radius: 50%;
  transition: background-color 0.3s ease, transform 0.3s ease, border-color 0.3s ease;
}

.abcftrefgsocialbtn:hover {
  background-color: var(--ebmnt1primarycolor);
  border-color: var(--ebmnt1primarycolor);
  transform: translateY(-4px);
}

.abcftrefgbottom {
  width: calc(100% - 2em);
  max-width: var(--ebmnt1maxwidth);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4em;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
}
@media (min-width: 768px) {
  .abcftrefginner {
    grid-template-columns: 1fr 1fr;
  }

  .abcftrefgbottom {
    flex-direction: row;
    justify-content: center;
    gap: 2em;
  }
}
@media (min-width: 1024px) {
  .abcftrefginner {
    grid-template-columns: 1.6fr 1fr 1fr 1.2fr;
    gap: 3em;
  }
}