/* ============================================
   RESPONSIVE FOOTER - All Versions (FR/EN/AR)
   Mobile styles matching AR version
   ============================================ */

@media screen and (max-width: 767px) {
  .div-block-8 {
    flex-flow: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
  }

  .footer-rights-wrapper,
  .footer-rights-wrapper.footer-rights-wrapper-2 {
    flex-flow: wrap !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
    width: 100% !important;
  }

  .footer-copyright,
  .footer-copyright-2 {
    flex: 0 auto !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 180% !important;
    font-size: 18px !important;
  }

  .footer-menu-wrap {
    flex-flow: wrap !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 280px !important;
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
  }

  .footer-menu,
  .footer-menu-copy,
  .footer-version-2-menu,
  .footer-menu-version-2,
  .footer-version-2-flex-block-4,
  .footer-version-2-div-block-11 {
    flex-flow: column !important;
    align-items: flex-start !important;
  }

  .footer-social-media,
  .footer-social-media-copy {
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }

  .nav-link.footer-menu-link,
  .nav-link-consultant.footer-menu-link,
  .nav-link-4.footer-menu-link,
  .nav-link-6.footer-menu-link {
    text-align: center !important;
    width: auto !important;
  }
}

@media screen and (max-width: 479px) {
  .div-block-8 {
    flex-flow: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 24px !important;
  }

  /* Footer div-block-11 - mobile responsive */
  .div-block-11 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 30px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .div-block-11 .footer-menu-copy,
  .div-block-11 .footer-menu {
    width: 100% !important;
    text-align: left !important;
  }

  .div-block-11 .flex-block-4 {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  .div-block-11 .paragraph-large {
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  .div-block-11 .footer-title {
    text-align: left !important;
    margin-bottom: 15px !important;
  }

  .div-block-11 .div-block-12 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  .div-block-11 .nav-link.footer-menu-link {
    text-align: left !important;
    padding-left: 0 !important;
  }

  .div-block-11 .w-layout-grid.grid {
    justify-content: flex-start !important;
  }

  .footer-rights-wrapper,
  .footer-rights-wrapper.footer-rights-wrapper-2 {
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .footer-copyright,
  .footer-copyright-2 {
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 180% !important;
    font-size: 18px !important;
  }

  .footer-menu-wrap {
    flex-flow: wrap !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 280px !important;
    grid-column-gap: 10px !important;
    grid-row-gap: 10px !important;
  }

  .footer-copyright-link {
    margin-right: 5px !important;
    margin-left: 0 !important;
  }

  .nav-link.footer-menu-link {
    text-align: center !important;
    width: auto !important;
    display: inline-flex !important;
    font-size: 16px !important;
  }
}