.company-account-form__2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px 24px;
    align-items: start;
}
.company-account-form .form-row {
    margin-bottom: 0;
    padding-bottom: 0;
}
.company-account-form h3 {
    margin-top: 32px;
    grid-column: span 2;
}

@media (max-width: 800px) {
    .company-account-form__2col {
        grid-template-columns: 1fr;
    }
}

.hidden-price {
    background: #f7f7f7;
    border-radius: 4px;
    color: #666;
	font-family:"HelveticaNeueW - Light", sans-serif;
    font-size: 0.9em;
}

.guest-user-message {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
    text-align: center;
}

.guest-user-message p {
    margin: 5px 0;
}

.guest-user-message a {
    color: #0073aa;
    text-decoration: none;
    font-weight: 600;
}

.guest-user-message a:hover {
    text-decoration: underline;
}

.mt-30{
    margin-top:30px;
}


.flex-align-center {
  display: flex!important;
  align-items: center;
  gap: 10px;
  /* flex-wrap: wrap; */
}
.full-width-form-table th{
font-family:"Arial Rounded MT Pro - Bold", sans-serif;
}
.table-th-nowrap th{
    white-space:nowrap;
}
.table-th-nowrap td:first-child {
  white-space: nowrap;
  font-family:"Arial Rounded MT Pro - Bold", sans-serif;
}
.table-th-nowrap form{
    margin:0;
} 
.table-th-nowrap td{
    vertical-align:middle;
}
.manage-box {
    border-bottom:1px solid var(--border-color);
    padding-bottom:30px;
}
/* Start Account CSS*/
.account-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  position: relative;
  margin-bottom: 30px;

  /* Default: horizontal line on mobile (below 768px)*/
  .registration-column {
    position: relative;
  }

  .registration-column::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--border-color);
  }

  /* Desktop: vertical line between columns*/
  @media (min-width: 1025px) {
    grid-template-columns: 1fr 1fr;

    .registration-column::before {
      top: 0;
      bottom: 0;
      left: -30px; /* Adjust for 30px gap*/
      width: 1px;
      height: auto;
    }
  }

  .account-column {
    input:not([type="checkbox"]),
    select,
    textarea {
      box-shadow: none;
      outline: none;
      background: var(--white-color);
      color: var(--black-color);
      border-radius: 0px;
      height: 47px;
      border: 1px solid var(--border-color);
      padding: 15px !important;
    }

    .company-account-form__2col {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 30px;

      @media(max-width:600px) {
        grid-template-columns: 1fr;
      }
    }

    .form-row,.form-field-wrap {
      .select2-selection--single {
        height: 47px;
        border-radius: 0;
        border: 1px solid var(--border-color);

        .select2-selection__rendered,
        .select2-selection__arrow {
          display: flex;
          align-items: center;
          height: 47px;
        }
      }
      &.password-row{
        position: relative;
        input{
              padding-right: 35px !important;
        }
       .toggle-password{
            position: absolute;
  right: 10px;
  top: 40px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s;
  color: #333; /* Change as needed */
        }
      }
    }

    .show-password-input {
      background: transparent;
    }
  }

  @media(max-width:1024px) {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}

.select2-dropdown {
  border: 1px solid var(--border-color);

  input {
    outline: none;
  }
}

/* End Accout CSS*/