@media (max-width: 768px) {
  .lang {
    display: none;
  }

  .lang-show {
    display: block;
    margin: auto;
    margin-top: 24px;
    margin-bottom: 24px;
    width: fit-content;
  }

  .content h5 {
    font-size: 1rem;
  }

  .content h1 {
    font-size: 1.5rem;
  }

  .home p,
  .features p,
  .services p,
  .about p,
  .contact p,
  .content p {
    width: 100% !important;
  }

  .home {
    padding: 150px 0 150px 0;
  }

  .navbar-collapse {
    background-color: var(--mainColor);
    border-radius: 8px;
  }

  .navbar-nav {
    align-items: center;
  }

  .features .card {
    margin-top: 24px;
  }

  .features .row {
    flex-direction: column;
  }

  .card:hover {
    transform: scale(1);
  }

  .nav-item a:not(.dropdown-item) {
    color: var(--white) !important;
  }

  .dropdown-item {
    color: var(--white) !important;
    font-size: 0.9em;
    word-wrap: break-word;
    z-index: 8;
    white-space: normal;
  }

  .navbar-nav .dropdown-menu {
    position: static;
    background-color: transparent;
    border: none;
  }

  .nav-item a:hover {
    color: var(--white) !important;
  }

  .section-mt-p {
    margin-top: 0;
    padding: 100px 0;
  }

  .contact .card {
    margin-top: 3em !important;
  }

  .cards {
    flex-wrap: wrap;
  }

  .links {
    width: fit-content;
    margin-top: 24px;
  }

  .links li a {
    color: var(--black) !important;
    word-wrap: break-word;
    white-space: normal;
  }
}