/* ---- MAX 768px ---- */
@media (max-width: 768px) {

 .site-header-inner {
    position: relative;
    justify-content: center;
  }

  /* Toggle stays on left */
  .nav-toggle {
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

  /* Logo perfectly centered */
  .site-logo {
    margin: 0 auto;
    text-align: center;
  }

  .site-logo img {
    height: 55px; /* optional: better mobile sizing */
  }

   .primary-navigation {
    position: absolute;
    top: 92%;
    left: 0;
    width: 60%;
    background: #111111c4;
    padding: 20px 0;
    display: none;
  }

  .primary-navigation.nav-open {
    display: block;
  }

  .primary-menu {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .menu-link {
    font-size: 16px;
  }

  /* TRUSR SECTION  */

  .trust-section{
    padding: 80px 0;
  }
  .trust-container {
    padding: 0 15px;
    gap: 25px;
  }
  .trust-images .img-bottom{
    right: 185px;
    bottom: 85px;
    z-index: 1;
    width: 50% !important;
    height: 75%;
  }
  .trust-images .img-top{
    right: 0px;
    left: 194px;
    bottom: 141px;
    z-index: 2;
    width: 49% !important;
  }
  .trust-images .img-main{
    right: 0;
    top: 170px;
    left: 40%;
    z-index: 3;
    width: 47% !important;
  }
  .trust-counters{
    padding: 0 150px !important;
  }

  .img-bottom 
  /* trust counter */
    .trust-counters {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    padding: 0 45px;
  }

  .counter-item h3 {
    font-size: 32px;
  }

  /* WHAT WE DO */
    .whatwedo-container {
    padding: 0 20px;
  }

  .whatwedo-title {
    font-size: 36px;
    margin-bottom: 35px;
  }

  .whatwedo-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }

  /* conversation-section  */
.conversation-section{
  padding: 20px 0 !important;
}
 .conversation-container {
    padding: 0 20px;
  }

  .conversation-content h2 {
    font-size: 36px;
  }


  .developments-section{
    padding: 0;
  }
    .developments-container {
    padding: 40px 20px;
  }

  .developments-title {
    font-size: 36px;
    margin-bottom: 20px;
  }

  .developments-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

/* --- Whyus-section --- */

    .whyus-container {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .whyus-title {
    font-size: 34px;
  }

  /* --- Contect Us --- */

   .visit-container {
    grid-template-columns: 1fr;
  }

  /* Order fix */
  .visit-info {
    order: 1;
  }

  .visit-form {
    order: 2;
  }

  /* Optional mobile spacing tweaks */
  .visit-title {
    font-size: 34px;
  }

  .visit-card {
    flex-direction: column;
  }

  .visit-image {
    width: 100%;
  }
  .form-row {
    display: grid;
    grid-template-columns: none;
    gap: 0;
}
.visit-container{
  gap: 20px;
}
.flag-box{
  height: 71%;
}

.country-dropdown{
  max-height: 200px;
}
  /* --- FOOTER --- */
   .footer-container {
    padding: 0 20px;
  }

  .footer-bottom {
    padding: 0 20px;
  }
  .footer-col h4{
    margin-bottom: 10px;
  }
}