.arp_container {
      max-width: 1200px;
      margin: 0 auto;
      text-align: center;
    }

    .arp_title {
      font-size: 26px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .arp_subtitle {
      font-size: 14px;
      color: #444;
      line-height: 1.5;
    }

    .arp_upload-section {
      display: flex;
      justify-content: space-between;
      margin-top: 40px;
      gap: 20px;
    }

    .arp_upload-box-left {
      width: 48%;
      border: 2px dashed #ccc;
      border-radius: 10px;
      padding: 40px 20px;
      text-align: center;
      position: relative;
      transition: background 0.2s ease;
    }

    .arp_upload-box-left:hover {
      background-color: #f9f9f9;
    }

    .arp_upload-content {
      z-index: 2;
      position: relative;
    }

    .upload-icon {
      width: 32px;
      height: 32px;
      opacity: 0.5;
      margin-bottom: 20px;
      cursor: pointer;
    }

    .arp_upload-text {
      font-size: 16px;
      font-weight: 500;
    }

    .arp_upload-note {
      font-size: 13px;
      color: #999;
      margin-top: 5px;
      margin-bottom: 20px;
    }

    .arp_browse-button {
      background-color: #4a68ff;
      padding: 10px 30px;
      color: #fff;
      font-size: 16px;
      border-radius: 5px;
      cursor: pointer;
      margin-top: 10px;
      display: inline-block;
      border: none;
    }

    .arp_upload-box-right {
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .arp_main-div {
      border: 2px dashed #ccc;
      border-radius: 10px;
      padding: 20px;
    }

    .arp_merge-header-1 {
      font-size: 13px;
      margin-bottom: 10px;
      color: #444;
    }

    .arp_hed-mrg {
      font-size: 20px;
      margin-top: 15px;
      font-weight: 600;
    }

    .arp_select-btn {
      background-color: white;
      border: 2px solid orange;
      color: orange;
      padding: 8px 16px;
      font-size: 14px;
      border-radius: 5px;
      cursor: pointer;
      display: inline-block;
      margin-top: 15px;
    }

    .arp_uploading-status {
      margin-top: 25px;
      font-size: 14px;
    }

    .arp_cstm-right {
      display: flex;
      justify-content: space-between;
      padding-bottom: 13px;
    }

    .arp_file-list {
      border: 1px solid #ccc;
      border-radius: 5px;
      padding: 20px;
    }

    .arp_file-item {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      margin: 5px 0;
    }

    .file-remove {
      color: #ccc;
      cursor: pointer;
    }

    .arp_merge-btn-container {
      text-align: right;
      margin-top: 30px;
    }

    .arp_merge-btn {
      background-color: orange;
      color: white;
      padding: 10px 40px;
      font-size: 16px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      font-weight: 500;
      text-decoration: none;
    }

    #left-file-info {
      margin-top: 15px;
      font-size: 14px;
      color: green;
    }

    .arp_submit-btn {
      margin-top: 40px;
      padding: 12px 40px;
      font-size: 16px;
      font-weight: bold;
      background-color: #4a68ff;
      color: #fff;
      border: none;
      border-radius: 6px;
      cursor: pointer;
    }

     .arp_upload-section {
            align-items: start;
          }
          
    @media only screen and (max-width: 809px) {
            .arp_upload-section {
                display: unset;
            }

            .arp_upload-box-left {
                width: 100%;
            }

            .arp_merge-btn-container {
                text-align: center;
            }
           
        }