/* Global Styles */
/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*    font-family: 'Arial', sans-serif;*/
/*}*/

/* Login Page Styles */
/*.login-section {*/
/*    background-color: #0f196afa;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 100vh;*/
/*    padding: 20px;*/
/*}*/

/*.login-container {*/
/*    background: #ffffff;*/
    padding: 30px 25px; /* Reduced padding */
    border-radius: 15px; /* Slightly smaller radius */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); /* Reduced shadow size */
/*    width: 100%;*/
    max-width: 400px; /* Decreased max-width */
/*    transition: transform 0.3s ease, box-shadow 0.3s ease;*/
/*}*/

/*.login-container:hover {*/
/*    transform: translateY(-4px);*/
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); /* Slightly adjusted shadow */
/*}*/

/*h2 {*/
/*    text-align: center;*/
    margin-bottom: 20px; /* Reduced margin */
    font-size: 26px; /* Slightly smaller font size */
/*    color: #0f196a;*/
/*    letter-spacing: 1px;*/
/*}*/

/*.form-group {*/
    margin-bottom: 18px; /* Reduced bottom margin */
/*}*/

/*label {*/
/*    font-weight: bold;*/
/*    margin-bottom: 6px;*/
/*    display: block;*/
/*    color: #333;*/
/*}*/

/*input {*/
/*    width: 100%;*/
    padding: 10px 12px; /* Reduced padding */
/*    border: none;*/
    border-radius: 8px; /* Slightly smaller radius */
/*    background-color: #f2f4f7;*/
/*    font-size: 16px;*/
/*    transition: all 0.25s ease;*/
/*}*/

/*input:focus {*/
/*    background-color: #fff;*/
/*    box-shadow: 0 0 0 3px rgba(58, 77, 224, 0.2);*/
/*    outline: none;*/
/*}*/

/*input::placeholder {*/
/*    color: #777;*/
/*}*/

/*.btn {*/
/*    width: 100%;*/
    padding: 10px; /* Reduced padding */
    font-size: 13px; /* Slightly smaller font size */
/*    border: none;*/
/*    border-radius: 12px;*/
/*    cursor: pointer;*/
/*    font-weight: bold;*/
/*    transition: background-color 0.3s ease, transform 0.2s ease;*/
/*}*/

/*.login-btn {*/
/*    background: linear-gradient(135deg, #3a4de0, #0f196a);*/
/*    color: #fff;*/
/*    margin-top: 5px;*/
/*}*/

/*.login-btn:hover {*/
/*    background: linear-gradient(135deg, #0f196a, #3a4de0);*/
/*    transform: translateY(-2px);*/
/*}*/

/*.cancel-btn {*/
/*    background: linear-gradient(135deg, #e74c3c, #c0392b);*/
/*    color: #fff;*/
/*    margin-top: 12px;*/
/*}*/

/*.cancel-btn:hover {*/
/*    background: linear-gradient(135deg, #c0392b, #e74c3c);*/
/*    transform: translateY(-2px);*/
/*}*/

/*.register-text {*/
/*    text-align: center;*/
    margin-top: 16px; /* Reduced margin */
/*    font-size: 14px;*/
/*}*/

/*.register-text a {*/
/*    color: #3a4de0;*/
/*    font-weight: bold;*/
/*    text-decoration: none;*/
/*    transition: color 0.3s;*/
/*}*/

/*.register-text a:hover {*/
/*    color: #0f196a;*/
/*    text-decoration: underline;*/
/*}*/

/*.error {*/
/*    color: #e74c3c;*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*    margin-bottom: 15px;*/
/*}*/

/*@media (max-width: 768px) {*/
/*    .login-container {*/
        padding: 25px 15px; /* Reduced padding */
/*        width: 95%;*/
/*    }*/

/*    h2 {*/
/*        font-size: 24px;*/
/*    }*/
/*}*/

/* Signup Page Styles */
/*.signup-section {*/
/*    background-color: #0f196afa;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

/* Adjust the signup container */
/*.signup-container {*/
/*    background: white;*/
/*    padding: 30px 25px;*/
/*    border-radius: 15px;*/
/*    border: 2px solid black;*/
/*    box-shadow: 0px 4px 10px rgba(0, 0, 255, 0.2);*/
/*    width: 100%;*/
/*    max-width: 350px;*/
/*    transition: all 0.3s ease-in-out;*/
/*    margin-top:150px;*/
/*    margin-bottom:60px;*/
/*}*/
/*.username-container input{*/
/*    width:400px;*/
/*    margin-right:10px;*/
    
/*}*/
/* Form styles */
/*label {*/
/*    font-weight: bold;*/
/*    display: block;*/
/*    margin-bottom: 1px;*/
/*    font-size: 13px;*/
/*}*/

/*.form-group {*/
/*    margin-bottom: 6px;*/
/*}*/

/* Form group row for layout */
/*.form-group-row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.form-group-row .form-group {*/
/*    flex: 1;*/
/*}*/

/* Input fields without borders and without hover effects */
/*input, select, textarea {*/
/*    width: 100%;*/
/*    padding: 7px;*/
/*    border: none;*/
/*    border-radius: 6px;*/
/*    background-color: #f2f2f2;*/
/*    font-size: 10px;*/
/*    outline: none;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/

/*input:focus, select:focus, textarea:focus {*/
/*    background-color: #fff;*/
/*    box-shadow: 0px 0px 8px rgba(0, 123, 255, 0.2);*/
/*}*/

/* Mobile number section adjustments */
/*.mobile-container {*/
/*    display: flex;*/
    gap: 8px; /* Reduced gap */
/*    justify-content: space-between;*/
/*    width: 100%;*/
/*}*/

/*.mobile-container select {*/
    width: 30%; /* Reduced width */
/*}*/

/*.mobile-container input {*/
/*    flex: 1;*/
/*}*/

/* Register button without hover effect */
/*.register-btn {*/
/*    background: linear-gradient(135deg, #3a4de0, #0f196a);*/
/*    width: 100%;*/
    padding: 10px; /* Reduced padding */
    font-size: 14px; /* Smaller font size */
/*    color: white;*/
/*    border: none;*/
    border-radius: 8px; /* Reduced border radius */
/*    cursor: pointer;*/
/*    font-weight: bold;*/
/*    margin-top:5px;*/
/*}*/

/*.signup-container h2 {*/
/*    text-align: center;*/
    margin-bottom: 10px; /* Reduced margin */
    font-size: 24px; /* Smaller font size */
/*    color: #0f196a;*/
/*}*/

/*#countryCodeWrapper {*/
    height: 2.5rem; /* Reduced height */
/*    z-index: 1001;*/
/*}*/

/*#countryCode {*/
/*    width: 6rem; */
/*    padding:8px;*/
/*}*/

/*.mob-num {*/
/*    height: 35px; */
/*    margin-right:5px*/
/*}*/

/*.custom-dropdown {*/
    max-height: 4rem; /* Reduced dropdown max height */
/*    z-index: 1000;*/
/*}*/
/*.check-button {*/
      
/*        border:none;*/
/*        color:blue;*/
/*        background:transparent;*/
/*    }*/

/*#city, #state{*/
/*    padding:8px;*/

/*}*/
/*#state{*/
/*    width:95%;*/
/*}*/
/* Mobile view adjustments */
/*@media (max-width: 769px) {*/
    
/*    .signup-section{*/
       
/*        margin-bottom:0px;*/
/*    }*/
/*    .form-group {*/
/*        width: 100%;*/
/*    }*/

/*    .username-container, .mobile-container {*/
/*        display: flex;*/
/*    }*/

/*    .check-button {*/
/*        margin-top: 5px;*/
/*        border:none;*/
/*        color:blue;*/
/*    }*/

/*    #countryCode {*/
        width: 7rem; /* Adjusted for mobile */
/*    }*/

/*    #mobile {*/
        width: 17rem !important; /* Adjusted for mobile */
/*    }*/

/*    #countryName {*/
        width: 20rem !important; /* Adjusted for mobile */
/*    }*/

/*    .login-text a {*/
        font-size: 12px; /* Reduced font size */
/*    }*/
/*}*/

/* For larger screens */
/*@media (min-width: 769px) {*/
/*    .signup-container {*/
/*        max-width: 500px;*/
/*    }*/
/*}*/


/*signup css*/

  .oneclickreach-signup-section {
    height: 100vh;
    background: linear-gradient(to right, #274046, #E6DADA);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    padding-top:50px;
  }

  .oneclickreach-signup-container {
    background: white;
    color: #274046;
    padding: 20px;
    border-radius: 16px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    width: 100%;
    max-width: 500px;
    margin-top: 60px;
    margin-bottom: 60px;
    border:none;
  }

  #checkUsernameBtn {
    width: 60px !important;
  }

  label {
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
  }

  .oneclickreach-signup-form-group {
    margin-bottom: 12px;
  }

  .oneclickreach-signup-form-group-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .oneclickreach-signup-form-group-row .oneclickreach-signup-form-group {
    flex: 1;
    min-width: 48%;
  }

  input,
  select {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f2f2f2;
  }

  input:focus,
  select:focus {
    background-color: #fff;
    outline: none;
  }

  .oneclickreach-signup-mobile-container {
    display: flex;
    gap: 8px;
  }

  .oneclickreach-signup-mobile-container select {
    width: 30%;
  }

  .oneclickreach-signup-mobile-container input {
    flex: 1;
  }

  .oneclickreach-signup-register-btn {
    background: linear-gradient(135deg, #0B1D51, #0072ff, #00c6ff);
    width: 35%;
    padding: 10px;
    font-size: 15px;
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    margin: 10px auto;
    display: block;
  }

  .oneclickreach-signup-container h2 {
    text-align: center;
    font-size: 30px;
  }

  #usernameMessage {
    font-size: 12px;
    margin-top: 4px;
  }

  @media (max-width: 768px) {
    .oneclickreach-signup-form-group-row {
      flex-direction: column;
    }

    .oneclickreach-signup-form-group-row .oneclickreach-signup-form-group {
      min-width: 100%;
    }
    .oneclickreach-signup-section {
      height: 140vh;
    }
  }


/*login css*/

  .oneclickreach-login-section {
    height: 100vh;
    background: linear-gradient(to right, #274046, #E6DADA);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 50px;
  }

  .oneclickreach-login-container {
    background: white;
    color: #274046;
    padding: 20px;
    border-radius: 16px;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    width: 100%;
    max-width: 400px;
    margin-top: 80px;
    margin-bottom: 60px;
    border: none;
  }

  label {
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    font-size: 13px;
  }

  .oneclickreach-login-form-group {
    margin-bottom: 12px;
  }

  input {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: #f2f2f2;
  }

  input:focus {
    background-color: #fff;
    outline: none;
  }

  .oneclickreach-login-btn {
    background: linear-gradient(135deg, #0B1D51, #0072ff, #00c6ff);
    width: 35%;
    padding: 5px;
    font-size: 16px;
    color: white;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    margin: 10px auto; /* centers horizontally */
    display: block; /* makes margin auto work */
  }

  .oneclickreach-login-cancel-btn {
    background: #ccc;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    color: #274046;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
  }

  .oneclickreach-login-container h2 {
    text-align: center;
    font-size: 24px;
    color: #0B1D51;
  }

  .oneclickreach-login-register-text {
    text-align: center;
    margin-top: 15px;
  }

  .oneclickreach-login-register-text a {
    text-decoration: none;
  }

  .oneclickreach-login-error {
    color: red;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
  }

  @media (max-width: 768px) {
    .oneclickreach-login-section {
      height: 100vh;
    }
  }