/* Social icon */
.fixed-social-icons {
  z-index: 999;
  position: fixed;
  right: 30px;
  bottom: 80px;
  width: fit-content;
  display: flex;
  flex-flow: column nowrap;
  row-gap: 10px;
}

.fixed-social-icons .fixed-social-icons__item {
  width: 64px;
}

.fixed-social-icons .fixed-social-icons__item img {
  max-width: 100%;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.fixed-social-icons .fixed-social-icons__item:hover img {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, .75);
}

.footer-category-link {
  color: #334862;
}

@media screen and (max-width: 768px) {
  .fixed-social-icons {
    bottom: 2.5rem;
    right: 0.9375rem;
  }

  .fixed-social-icons .fixed-social-icons__item {
    width: 2.5rem;
  }
}

/* google recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}

/* End social icon */
.footer {
  --_footer-background-color: #def8ea;
}

.footer.footer {
  color: var(--text-color);
  padding: 0;
  container: footer / inline-size;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.footer .footer__title {
  font-size: 1.25rem;
  margin-bottom: 0.9375rem;
  text-transform: capitalize;
}

.footer .footer__top {
  position: relative;
  padding-block: 3.125rem 1.25rem;
}

.footer .footer__top .section__inner {
  position: relative;
  z-index: 2;
}

.footer .footer__top .footer__top-above {
  display: grid;
  grid-template-columns: auto;
  gap: clamp(1.25rem, 2.5cqi, 1.875rem);
  margin-bottom: 1.875rem;
}

.footer .footer__top .footer__top-under {
  display: grid;
  gap: clamp(1.25rem, 2.5cqi, 1.875rem);
}

.footer .footer__top a {
  text-decoration: underline;
}

.footer .footer__socials {
  align-self: end;
}

.footer .footer__socials p {
  margin-bottom: 0.625rem;
  color: var(--primary-medium);
  font-weight: 700;
}

.footer .footer__socials .footer__socials-list {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.footer .footer__socials .footer__socials-item {
  width: 1.875rem;
  margin-bottom: 0;
}

.footer .footer__socials .footer__socials-item a, .footer .footer__socials .footer__socials-item img {
  display: block;
  max-width: 100%;
}

.footer .footer__main {
  padding-block: 1.875rem;
  background-color: var(--_footer-background-color);
}

.footer .footer__main .section__inner {
  display: grid;
  grid-template-columns: repeat(var(--_cols, 2), minmax(0, 1fr));
  gap: 1.25rem 1.875rem;
}

.footer .footer__main li {
  list-style: none;
  margin-bottom: 0.3125rem;
}

.footer .contact-info__item.phone {
  display: flex;
  flex-direction: column;
}

.footer .footer__bottom {
  padding-block: 0.9375rem;
  background-color: var(--_footer-background-color);
}

.footer .footer__bottom p {
  margin: 0;
}

.footer .footer__bottom a {
  font-weight: 700;
}

@container (width > 850px) {
  .footer .footer__top .footer__top-above {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer .footer__top .footer__top-under {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer .footer__main .section__inner {
    --_cols: 4;
  }
}