.contact-section {
      padding: 2rem 0;
    }

    @media (min-width: 768px) {
      .contact-section {
        padding: 4rem 0;
      }
    }

    .contact-form {
      background: white;
      padding: 1.5rem;
      border-radius: 16px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      margin-bottom: 2rem;
    }

    @media (min-width: 768px) {
      .contact-form {
        padding: 2rem;
        margin-bottom: 0;
      }
    }

    .contact-form input,
    .contact-form textarea {
      border: 1px solid #e0e0e0;
      padding: 0.75rem;
      border-radius: 8px;
      margin-bottom: 1rem;
    }

    .contact-form textarea {
      min-height: 120px;
    }

    .btn-send {
      background-color: #ff0000;
      color: white;
      border: none;
      padding: 0.75rem;
      border-radius: 8px;
      width: 100%;
    }

    .btn-send:hover {
      background-color: #cc0000;
    }

    .contact-image {
      position: relative;
      background-color: white; /*#ff0000;
      /*background-image: url('<?=base_url('assets/images/contactus/cts.png')?>') center/cover;*/
      border-radius: 16px;
      padding: 1.5rem;
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    @media (min-width: 768px) {
      .contact-image {
        height: 100%;
        padding: 2rem;
      }
    }
    
    .phone-image {
      max-width: 80%;
      height: auto;         
    }
    
    @media (min-width: 768px) {
      .phone-image {
        max-width: 80%;
      }
    }
    
    .contact-bubble {
      background: white;
      padding: 0.5rem 1rem;
      border-radius: 20px;
      position: absolute;
      top: 20%;
      left: 10%;
      font-size: 0.9rem;
    }

    @media (min-width: 768px) {
      .contact-bubble {
        font-size: 1rem;
      }
    }

    .info-section {
      padding: 2rem 0;
    }

    @media (min-width: 768px) {
      .info-section {
        padding: 4rem 0;
      }
    }

    .info-item {
      margin-bottom: 1.5rem;
      text-align: center;
    }

    @media (min-width: 768px) {
      .info-item {
        margin-bottom: 2rem;
        text-align: left;
      }
    }

    .info-item i {
      color: #ff0000;
      margin-right: 0.5rem;
    }

    .social-links {
      text-align: center;
      margin-top: 1rem;
    }

    @media (min-width: 768px) {
      .social-links {
        text-align: end;
        margin-top: 0;
      }
    }

    .social-links a {
      color: #666;
      margin: 0 0.5rem;
      text-decoration: none;
    }

    @media (min-width: 768px) {
      .social-links a {
        margin-left: 1rem;
        margin-right: 0;
      }
    }

    .logo {
      height: 30px;
    }

    @media (min-width: 768px) {
      .logo {
        height: 40px;
      }
    }

    .language-select {
      border: none;
      background: transparent;
    }

    .nav-links {
      text-align: center;
      margin: 1rem 0;
    }

    @media (min-width: 768px) {
      .nav-links {
        text-align: center;
        margin: 0;
      }
    }

    .nav-links a {
      color: #333;
      text-decoration: none;
      margin: 0 0.5rem;
      display: inline-block;
    }

    @media (min-width: 768px) {
      .nav-links a {
        margin: 0 1rem;
      }
    }

    .logo-container {
      text-align: center;
      margin-bottom: 1rem;
    }

    @media (min-width: 768px) {
      .logo-container {
        text-align: left;
        margin-bottom: 0;
      }
    }