/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
.footer.footer--12.hs-search-hidden {
    display: none !important;
}

.footer {
    width: 100%;
    max-width: 1400px; /* Adjust this value based on preference */
    margin: 0 auto; /* Centers the footer */
    padding: 0 100px; /* Adjust padding for larger screens */
}

@media (max-width: 768px) {
  .footer {
    
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  /* First section: Logo at the top */
  .footer > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    padding: 0;
  }

  .footer__logo {
    order: -1; /* Move logo to top */
    margin-bottom: 20px;
  }

  .footer__logo img {
    height: 50px;
    width: auto;
    padding-right: 10px;
  }

  /* Footer links below the logo */
  .footer__links {
    width: 45%;
    
  }

  .footer__links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
  }

  .footer__links li {
    margin-bottom: 10px;
  }

  /* Second section: Social icons and privacy links */
  .footer > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }

  .social-icons {
    order: -1; /* Social icons above privacy links */
    margin-bottom: 20px;
  }

  .social-icons a img {
    width: 33px;
    height: 33px;
  }

  /* Privacy links */
  .footer > div:nth-child(2) ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
  }

  .footer > div:nth-child(2) ul li {
    margin-bottom: 0;
  }

  /* Partner logos */
  .footer__partners {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    padding: 20px 0;
    width: 100%;
  }

  .footer__partners a img {
    width: 50px;
    height: 50px;
  }