footer.professional-public-footer {
   width: 100%;
   margin-top: 72px;
   background: #111827;
   color: #e5e7eb;
}

.professional-public-footer__inner {
   max-width: 1180px;
   margin: 0 auto;
   padding: 56px 20px 36px;
   display: grid;
   grid-template-columns: minmax(260px, 1.1fr) minmax(0, 1.9fr);
   gap: 48px;
}

.professional-public-footer__brand {
   max-width: 420px;
}

.professional-public-footer__logo {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   color: #fff;
   font-size: 22px;
   font-weight: 700;
   text-decoration: none;
}

.professional-public-footer__logo:hover {
   color: #fff;
   text-decoration: none;
}

.professional-public-footer__logo img {
   border-radius: 8px;
}

.professional-public-footer__brand p {
   margin: 18px 0;
   color: #aeb8c5;
   font-size: 15px;
   line-height: 1.65;
}

.professional-public-footer__email {
   display: inline-flex;
   align-items: center;
   gap: 9px;
   color: #d1fae5;
   font-size: 15px;
   text-decoration: none;
}

.professional-public-footer__email:hover {
   color: #fff;
   text-decoration: none;
}

.professional-public-footer__social {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 24px;
}

.professional-public-footer__social a {
   width: 38px;
   height: 38px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(255, 255, 255, .16);
   border-radius: 50%;
   color: #f9fafb;
   background: rgba(255, 255, 255, .06);
   text-decoration: none;
   transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.professional-public-footer__social a:hover {
   background: #00875a;
   border-color: #00875a;
   color: #fff;
   transform: translateY(-2px);
   text-decoration: none;
}

.professional-public-footer__nav {
   display: grid;
   grid-template-columns: repeat(3, minmax(150px, 1fr));
   gap: 28px;
}

.professional-public-footer__section h2 {
   margin: 0 0 16px;
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   letter-spacing: .08em;
   text-transform: uppercase;
}

.professional-public-footer__section ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.professional-public-footer__section li {
   margin: 0 0 10px;
}

.professional-public-footer__section a,
.professional-public-footer__bottom a {
   color: #aeb8c5;
   font-size: 14px;
   text-decoration: none;
}

.professional-public-footer__section a:hover,
.professional-public-footer__bottom a:hover {
   color: #fff;
   text-decoration: none;
}

.professional-public-footer__bottom {
   max-width: 1180px;
   margin: 0 auto;
   padding: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   border-top: 1px solid rgba(255, 255, 255, .1);
}

.professional-public-footer__bottom p {
   margin: 0;
   color: #91a0b3;
   font-size: 14px;
}

.professional-public-footer__bottom div {
   display: flex;
   flex-wrap: wrap;
   gap: 18px;
}

@media (max-width: 900px) {
   .professional-public-footer__inner {
      grid-template-columns: 1fr;
      gap: 34px;
   }
}

@media (max-width: 680px) {
   footer.professional-public-footer {
      margin-top: 54px;
   }

   .professional-public-footer__inner {
      padding: 42px 18px 28px;
   }

   .professional-public-footer__nav {
      grid-template-columns: 1fr;
      gap: 24px;
   }

   .professional-public-footer__bottom {
      display: block;
   }

   .professional-public-footer__bottom div {
      margin-top: 12px;
   }
}