@layer components {
  footer {
    background-color: #e7e8eb;
    width: 100%;
    position: relative;
  }

  footer .footer-panel {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 0.875rem;
    font-family:
      Arial,
      Helvetica Neue,
      Helvetica,
      sans-serif;
    font-weight: normal;
  }

  footer .footer-panel img {
    width: 145px;
  }

  .turehits img {
    width: 14px !important;
  }

  footer .footer-copy {
    display: inline-block;
    padding-top: 7px;
  }

  footer .footer-bottom {
    font-family:
      Arial,
      Helvetica Neue,
      Helvetica,
      sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 20px 0;
  }

  footer .turehits {
    display: inline-block;
    padding-top: 0;
    padding-left: 10px;
  }

  footer .footer-contact {
    float: right;
  }

  footer .footer-contact ul li {
    display: inline-block;
    margin-right: 30px;
    font-weight: normal;
    font-size: 12px;
  }

  footer .footer-contact ul li:last-of-type {
    margin-right: 0;
  }

  footer .footer-contact a {
    color: #fff;
    font-family:
      Arial,
      Helvetica Neue,
      Helvetica,
      sans-serif;
    font-weight: 300;
    margin-left: 10px;
  }

  footer .footer-contact ul li img {
    vertical-align: middle;
    width: 28px;
    height: 28px;
  }

  .footer-top {
    background-color: var(--bkp);
    padding: 30px 0;
    font-family:
      Arial,
      Helvetica Neue,
      Helvetica,
      sans-serif;
    font-size: 14px;
    color: var(--white);
    text-align: center;
  }

  .footer-top .title {
    font-family: var(--font-DM_Serif);
    font-size: 20px;
    margin-bottom: 10px;
  }

  .footer-top p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 0;
  }

  .footer-top a {
    color: var(--white);
    text-decoration: underline;
  }

  .footer-top a:hover {
    text-decoration: none;
  }

  @media (max-width: 1199px) {
    footer .footer-bottom {
      text-align: center;
    }

    footer .footer-contact {
      float: none;
    }

    footer .footer-contact ul li {
      padding-top: 15px;
    }
  }

  @media (max-width: 576px) {
    footer .turehits {
      display: block;
      padding-top: 0;
      padding-left: 0px;
    }

    footer .footer-contact {
      text-align: left;
      padding: 0 10px;
      width: 300px;
      margin: 0 auto;
    }

    footer .footer-contact ul li {
      display: block;
      margin: 0;
    }

    footer .footer-contact ul li span {
      display: block;
      padding-left: 45px;
    }
  }

  .footer-bottom2 {
    background-color: #e7e8eb;
    padding: 30px 0;
    font-size: 13px;
    color: var(--black);
  }

  .copyright {
    margin-bottom: 15px;
    font-weight: 700;
  }

  .ft-bottom--link {
    display: flex;
    gap: 30px;
    flex-flow: row wrap;
  }

  .ft-bottom--link a:hover {
    text-decoration: underline;
  }

  @media (max-width: 1199px) {
    .ft-bottom--link {
      gap: 15px 20px;
    }
  }
}