#hr-site-footer {
  display: block;
  position: static;
  box-sizing: border-box;
  clear: both;
  grid-column: 1 / -1;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 32px 0 48px;
  border: 0;
  border-top: 1px solid #d7dbd3;
  background: #edefe7;
  color: #203742;
  text-align: left;
  font: 400 14px/1.55 Manrope, system-ui, sans-serif;
}
#hr-site-footer * { box-sizing: border-box; }
#hr-site-footer .hr-footer-inner { width: min(100% - 40px, 1180px); margin: 0 auto; }
#hr-site-footer .footer-top, #hr-site-footer nav, #hr-site-footer .hr-footer-contacts,
#hr-site-footer .footer-bottom, #hr-site-footer .hr-social-links {
  display: flex; flex-wrap: wrap; align-items: center; position: static;
  width: auto; height: auto; margin: 0; padding: 0; gap: 8px 24px;
  background: transparent; border: 0; box-shadow: none;
}
#hr-site-footer .footer-top, #hr-site-footer .footer-bottom { justify-content: space-between; }
#hr-site-footer a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 0; background: none; border: 0; color: inherit; text-decoration: none; font: inherit; }
#hr-site-footer a:hover { text-decoration: underline; text-underline-offset: 3px; }
#hr-site-footer a:focus-visible { outline: 2px solid #04674f; outline-offset: 3px; }
#hr-site-footer .hr-footer-brand img { display: block; width: 180px; height: 34px; margin: 0; }
#hr-site-footer nav { justify-content: flex-start; margin-top: 20px; gap: 0 24px; font-size: 13px; }
#hr-site-footer .footer-bottom { margin-top: 18px; padding-top: 18px; border-top: 1px solid #d4dbd2; font-size: 12px; color: #4d605b; }
#hr-site-footer .footer-bottom p { margin: 0; padding: 0; max-width: 62ch; color: inherit; font: inherit; text-align: start; }
#hr-site-footer .hr-social-links { justify-content: flex-start; margin-top: 20px; gap: 12px; }
#hr-site-footer .hr-social-links a { justify-content: center; width: 48px; height: 48px; border: 1px solid #d5ded8; border-radius: 12px; background: #fff; }
#hr-site-footer .hr-social-links svg { display: block; width: 26px; height: 26px; }
#hr-site-footer .hr-youtube svg { width: 30px; }
@media (max-width: 700px) {
  #hr-site-footer .footer-top, #hr-site-footer .footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
  #hr-site-footer .hr-footer-contacts { gap: 0 18px; }
  #hr-site-footer nav { gap: 0 16px; }
}