/* ಡೆಸ್ಕ್‌ಟಾಪ್ default (≥1025px) */
body {
    font-size: 16px;
  }
  
  /* ಟ್ಯಾಬ್ಲೆಟ್‌ಗಾಗಿ (768px - 1024px) */
  @media screen and (max-width: 1024px) {
    .container {
      width: 90%;
      padding: 15px;
    }
  
    .id-card {
      width: 100%;
      height: auto;
    }
  
    .photo-box {
      width: 100px;
      height: 120px;
      right: 20px;
      top: 200px;
    }
  }
  
  /* ಮೊಬೈಲ್‌ಗಾಗಿ (≤767px) */
  @media screen and (max-width: 767px) {
    .container {
      width: 100%;
      padding: 10px;
    }
  
    .id-card {
      width: 100%;
      padding: 20px;
    }
  
    .photo-box {
      position: static;
      width: 80px;
      height: 100px;
      margin: 0 auto;
    }
  
    .field, .numbered {
      flex-direction: column;
      font-size: 12px;
    }
  
    button {
      font-size: 14px;
      width: 100%;
    }
  }