nav {
    display: flex;
    margin: 50px;
    margin-left: 50px;
}

nav img {
    width: 100px;
    margin-left: 420px;
}

label#label1 {
    font-size: 40px;
    font-weight: bold;
    margin-left: 25px;
    margin-top: 30px;
}

label {
    font-size: 17px;
    font-weight: bold;
    margin-left: 445px;
    margin-top: 28px;
}

div#div4 {
    display: flex;
}

input#input2 {
    width: 350px;
    height: 25px;
    font-size: 15px;
    margin-left: px;
    margin-top: 20px;
    margin-right: 0px;
}

input#input1 {
    width: 350px;
    height: 25px;
    font-size: 15px;
    margin-left: 445px;
    margin-top: 20px;
    margin-right: 020px;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f5f5f5;
    color: #333;
    height: 3000px;
    width: 2000px;
}

h1 {
    font-size: 18px;
    color: #555;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-left: 441px;
}

strong {
    margin-left: 450px;
}

h2 {
    font-size: 16px;
    color: #444;
    margin: 25px 0 15px 0;
    margin-left: 450px;
}

div#div3 {
    display: flex;
}

h3 {
    margin-left: 448px;
    font-size: 14px;
    margin: 10px;
    margin-left: 445px;
    width: 120px;
    font-weight: bold;
    color: #555;
}

h4 {
    font-size: 14px;
    margin: 10px;
    margin-left: 280px;
    width: 200px;
    margin-left: 250px;
    font-weight: bold;
    color: #555;
}

.customer-info {
    display: flex;
    margin-bottom: 20px;
}

.customer-info div {
    flex: 1;
}

.file-folder {
    background-color: #C8C8C8;
    padding: 10px;
    margin-bottom: 25px;
    font-size: 14px;
    margin-left: 442px;
    width: 960px;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

th, td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

th {
    background-color: #f2f2f2;
    font-weight: normal;
}

.transfer-section {
    margin-bottom: 30px;
}

.transfer-section h3 {
    font-size: 15px;
    margin-bottom: 10px;
    color: #555;
}

.transfer-row {
    display: flex;
    margin-bottom: 8px;
}

hr {
    width: 1100px;
    margin-left: 445px;
    margin-top: 40px;
    margin-bottom: 40px;
}

input[type="date"] {
    margin-right: 450px;
    height: 25px;
    width: 353px;
    margin-bottom: 6px;
}

select#count {
    width: 358px;
    margin-right: 450px;
    height: 27px;
    font-size: 15px;
}

.transfer-label {
    width: 350px;
    font-weight: bold;
    color: #555;
    font-size: 17px;
    margin-left: 450px;
    margin-top: 8px;
    margin-bottom: 5px;
}

input[type="text"] {
    width: 350px;
    margin-right: 450px;
    height: 20px;
    font-size: 15px;
}

.transfer-value {
    flex: 1;
}

.contact-info {
    margin-top: 30px;
}

.contact-row {
    display: flex;
    margin-bottom: 10px;
}

.contact-label {
    width: 100px;
    font-weight: bold;
}

div#div5 {
    margin-left: 8px;
}

div#div6 {
    display: flex;
}

input#input3 {
    width: 350px;
    height: 25px;
    font-size: 15px;
    margin-left: 445px;
    margin-top: 20px;
    margin-right: 020px;
}

input#input4 {
    width: 350px;
    height: 25px;
    font-size: 15px;
    margin-left: px;
    margin-top: 20px;
    margin-right: 0px;
}

h5 {
    font-size: 14px;
    margin: 10px;
    margin-left: 280px;
    width: 200px;
    margin-left: 455px;
    font-weight: bold;
    color: #555;
}

h6 {
    font-size: 14px;
    margin: 10px;
    margin-left: 280px;
    width: 200px;
    margin-left: 172px;
    font-weight: bold;
    color: #555;
}

button.submit-button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 1400px;
    margin-top: 40px;
}

div#successMessage {
    font-size: 17px;
    font-weight: bold;
    margin-left: 1000px;
    margin-top: 20px;
    line-height: 30px;
}

label#label3 {
    font-size: 17px;
    font-weight: bold;
    margin-left: 1240px;
    margin-top: 28px;
}

label#label4 {
    font-size: 17px;
    font-weight: bold;
    margin-left: 1240px;
    margin-top: 28px;
}

button#button1 {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 40px;
    width: 100px;
}

button#button2 {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 40px;
    width: 100px;
}








    body {
      font-family: Arial, sans-serif;
      background: #f4f4f4;
      padding: 50px;
      text-align: center;
    }
    .show-btn {
      padding: 10px 20px;
      font-size: 18px;
      background: #333;
      color: #fff;
      border: none;
      cursor: pointer;
      border-radius: 5px;
    }
    .popup, .payment-popup, .form-popup {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 600px;
      max-height: 80vh;
      overflow-y: auto;
      background: #fff;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
      padding: 20px;
      border-radius: 10px;
      z-index: 1001;
    }
    .crypto-list, .payment-methods {
      list-style: none;
      padding: 0;
      margin-top: 20px;
      text-align: left;
    }
    .crypto-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px;
      border-bottom: 1px solid #ddd;
    }
    .crypto-item img {
      vertical-align: middle;
      width: 24px;
      height: 24px;
      margin-right: 10px;
    }
    .buy-btn {
      padding: 6px 12px;
      background-color: #28a745;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    .payment-methods li {
      padding: 10px;
      border: 1px solid #ddd;
      margin-bottom: 10px;
      border-radius: 5px;
      cursor: pointer;
    }
    .close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 20px;
      cursor: pointer;
      color: #999;
    }
    .back-btn, .submit-btn {
      margin-top: 15px;
      padding: 10px 16px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      width: 100%;
    }
    .back-btn {
      background-color: #007bff;
      color: white;
    }
    .submit-btn {
      background-color: #28a745;
      color: white;
    }
    .overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1000;
    }
    .form-group {
      margin-bottom: 15px;
      text-align: left;
    }
    .form-group label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
    }
    .form-group input {
      width: 100%;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }

    .sell-section {
      margin-top: 30px;
    }
    .sell-btn {
      margin-top: 10px;
      padding: 6px 12px;
      background-color: #dc3545;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
    .copy-btn {
      margin-left: 10px;
      padding: 4px 8px;
      font-size: 12px;
    }
    #sellFormPopup {
      max-width: 500px;
    }
    #sellFormPopup .form-group {
      text-align: left;
      margin-bottom: 15px;
    }
    #sellFormPopup .form-group label {
      display: block;
      margin-bottom: 5px;
      font-weight: bold;
    }
    #sellFormPopup .form-group input,
    #sellFormPopup .form-group select {
      width: 100%;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }
    #sellFormPopup p {
      text-align: left;
    }

    .form-popup .form-group {
      margin-bottom: 15px;
      text-align: left;
    }

    .form-popup .form-group label {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }

    .form-popup .form-group input {
      width: 100%;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }

    .form-popup .form-group {
      margin-bottom: 15px;
      text-align: left;
    }
    .form-popup .form-group label {
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }
    .form-popup .form-group input {
      width: 100%;
      padding: 8px;
      border-radius: 4px;
      border: 1px solid #ccc;
    }

    h2#heading {
    text-align: center;
    }

    button {
    background-color: gray;
    color: #000000;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 20px;
    margin-top: 40px;
    width: 150px;
    font-weight: bold;
}

button#button4 {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: 1402px;
    margin-top: 40px;
    width: 100px;
}