.footer-navigation {
  display: contents;
  flex-wrap: wrap;
  flex: 5 1 0;
  justify-content: space-between;
  gap: 30px
}

.footer-menu {
  display: block;
  width: fit-content;
  max-width: 280px;
  text-align: left
}

.footer-menu__list {
  background-color: transparent
}

.footer-menu__item {
  display: block;
  padding-inline: 0;
  padding-block: 5px
}

.footer-menu__title {
  display: block;
  /* font-size:20px; */
  font-weight: normal;
  color: var(--dark-gray-color);
  cursor: auto;
  margin-block-end: 15px;
  background: none;
  padding: 0
}

.footer-menu__link {
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 20px;
  color: var(--gray-color);
  cursor: pointer;
  text-align: left;
  position: relative
}

  .footer-menu__link:hover {
    color: var(--accent-blue-active-color)
  }

/* Social icons – icon font (replace font-family and content values with your font) */
@font-face {
  font-family: "SocialIcons";
  src: url("../fonts/social-icons.woff2") format("woff2"),
       url("../fonts/social-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.follow-us .social ul {
  margin: 0 0 30px;
  padding: 0 0 30px;
  font-size: 0;
  list-style: none;
}

.follow-us .social li {
  display: inline-block;
  margin: 0 10px 0 0;
}

.follow-us .social a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  font-size: 0;
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
  border-radius: 50%;
  border: 1px solid currentColor;
}

.follow-us .social a:hover {
  color: var(--pc, #F7B614);
}

.follow-us .social a::before {
  font-family: "icon-font" ;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.follow-us .social li.facebook a::before, .follow-us .social li.facebook {
  content: "\e05b";
  color: #3B5998;
}
.follow-us .social li.twitter a::before, .follow-us .social li.twitter {
  content: "\e0a7";
  color: #0073AF;
}
.follow-us .social li.rss a::before { content: "\f09e"; }
.follow-us .social li.youtube a::before, .follow-us .social li.youtube {
  content: "\e06e";
  color: #FF0000;
}
.follow-us .social li.instagram a::before, .follow-us .social li.instagram {
  content: "\e09f";
  color: #962FBF;
}

.newsletter-email {
  display: block
}

  .newsletter-email input[type="text"] {
    width: 200px
  }

  .newsletter-email .newsletter-subscribe-button {
    min-width: 100px;
    padding: 0 5px
  }

.newsletter-validation .field-validation-valid {
  text-align: left
}

.footer-lower {
  position: relative;
  width: 980px;
  padding: 25px 5px
}



.footer-info {
  float: right;
  line-height: 32px
}

.footer-powered-by {
  float: left;
  margin: 0;
  line-height: 32px
}