.footerLogo{
  max-width: 200px;
}
.footerTop{
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  /* font-size: var(--font-size-sm); */
}
.footerBottom{
  width: 100%;
  padding: 20px 0;
  text-align: center;
  /* font-size: 18px; */
  color: #B8B8B8;
  /* border-top: 1px solid #7D7D7D; */
}
.footerLeft{

}
.footerLeft>div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
}
.footerLeft>div>div{
  display: flex;
  gap: .5rem;
}
.footerRight{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .5rem;
}
.footerRight a{
  color: #fff;
}


@media (max-width: 767px) {
  .footerTop {
    flex-flow: column;
    gap: 1rem;
  }
  .footerRight {
    align-items: start;
  }
}