.rightVisual {
  width: 60%;
  height: 100vh;
  margin-left: auto;
}

.rightVisual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.leftForm {
  width: 30%;
  padding: 50px;
  margin-left: auto;
  margin-right: auto;
}

.leftForm h2 {
  color: var(--light);
  font-size: 50px;
  font-family: var(--font-heading) !important;
}

.leftForm form .row .singleInput {
  width: 100%;
}

.leftForm form .row input {
  width: 100%;
  border: 1px solid var(--lighter-dark);
  background-color: transparent;
  padding: 10px;
  font-family: var(--font-primary);
  border-radius: 6px;
  font-size: 15px;
  color: var(--light);
}

.leftForm form .row input:-webkit-autofill,
.leftForm form .row input:-webkit-autofill:hover, 
.leftForm form .row input:-webkit-autofill:focus, 
.leftForm form .row input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #050810;
}

.password-container {
  width: 100%;
  border: 1px solid var(--lighter-dark);
  background-color: transparent;
  font-family: var(--font-primary);
  border-radius: 6px;
  font-size: 15px;
  padding-right: 15px;
  color: var(--light);
}

.password-container input {
  padding: none !important;
  border: none !important;
}

.leftForm form .row input:focus {
  border: 1px solid var(--hover-color);
  outline: none;
}

.leftForm form .row select {
  width: 100%;
  border: 1px solid var(--lighter-dark);
  background-color: transparent;
  padding: 10px;
  color: var(--light);
  font-family: var(--font-primary);
  border-radius: 6px;
}

.leftForm form .row label {
  color: var(--light);
}

.bottomAction button {
  width: 100%;
  height: 45px;
  background-color: var(--base-color);
  text-align: center;
  color: var(--light);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  border: none;
}

.headerPara {
  color: var(--lighter-dark);
  line-height: 30px;
}

.singleSocial {
  color: var(--light);
  cursor: pointer;
}

.singleSocial {
  border: 1px solid var(--lighter-light);
  width: 100%;
  height: 50px;
  border-radius: 500px;
}

.singleSocial i {
  font-size: 20px;
}

.mainRegisterLabel {
  color: var(--light);
  width: 100%;
}

.firstRegisterLabel p {
  width: 30% !important;
}

.firstRegisterLabel hr {
  width: 90% !important;
  border: 1px solid var(--lighter-light);
}

.lastRegisterLabel p {
  width: 40% !important;
}

.lastRegisterLabel hr {
  width: 99% !important;
  border: 1px solid var(--lighter-light);
}

.fa-eye-slash {
  margin-right: -1px !important;
}

.singleSocial a
{
  color: var(--light);
  text-decoration: none;
}

.singleSocial a.row
{
  height: 100%;
}

.singleAction a
{
  color: var(--light);
  text-decoration: none;
}

.password-toggle
{
  cursor: pointer;
}

.input-error {
    color: var(--error-color);
    font-size: 0.95em;
    padding-left: 2px;
    padding-top: 15px;
    /* Use a spacer div for vertical space if needed */
}

@media(max-width: 1870px){
  body.page-id-register .lastRegisterLabel hr {
    width: 85% !important;
}
}

@media(max-width:1780px){
  .leftForm
  {
    margin-right: 0 !important;
    width: 35% !important; 
  }
  .rightVisual {
    width: 58% !important;
  }
}

@media(max-width:1535px){
  .leftForm
  {
    padding-left: 0 !important;
    padding-right: 0 !important;
  } 
}

@media(max-width:1250px){
  .leftForm
  {
    margin-right: 0 !important;
    width: 40% !important; 
  }
  .rightVisual {
    width: 55% !important;
  }
}

@media(max-width:1090px){
  .rightVisual {
    width: 40% !important;
  }
  .leftForm {
    width: 50% !important;
  }
}

@media(max-width:900px){
  .rightVisual
  {
    display: none !important;
  }
  .leftForm
  {
    margin-right: auto !important;
  }
  .leftForm {
    width: calc(100% - 40px) !important;
    margin-top: 50px !important;
}
.page-id-register .lastRegisterLabel p {
  width: 25% !important;
}
}

@media(max-width:767px){
  .leftForm {
    width: calc(100% - 20px) !important;
    margin-top: 50px !important;
}
}

@media(max-width:600px){
  .page-id-register .lastRegisterLabel p {
    width: 30% !important;
}
}
@media(max-width:525px){
  body.page-id-register .lastRegisterLabel hr {
    width: 68% !important;
}
}
@media(max-width:500px){
  .leftForm {
    width: calc(100% - 20px) !important;
    margin-top: 30px !important;
}
.leftForm h2
{
  font-size: 40px !important;
}
}
@media(max-width:460px){
  body.page-id-register .lastRegisterLabel hr {
    width: 60% !important;
    margin-left: auto !important;
}
.page-id-register .lastRegisterLabel p {
  width: 40% !important;
}
}
@media(max-width:390px){
  .lastRegisterLabel hr
  {
    width: 65% !important;
  }
  .formOtherActions .row.align-center.justify-space {
    display: block !important;
}
.singleAction.singleLeftAction {
  text-align: center !important;
  margin-bottom: 15px !important;
}
.singleAction.singleRightAction
{
  text-align: center !important;
}
}
@media(max-width:370px){
  .leftForm h2
  {
    font-size: 37px !important;
  }
  .page-id-register .lastRegisterLabel p {
    width: 50% !important;
}
}