.sales_agent_container {
  width: 100%;
  height: 88vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sales_agent_container .sales_agent_card_container {
  background-color: #e9e9e9;
  padding: 60px;
  border-radius: 6px;
}
.sales_agent_container .sales_agent_card_container .sales_agent_card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
}
.sales_agent_container .sales_agent_card_container .sales_agent_card h1 {
  margin: 0px;
}
.sales_agent_container .sales_agent_card_container .sales_agent_card select {
  padding: 8px 1px;
  border-radius: var(--primary-radius);
  border: none;
  box-shadow: var(--box-shadow);
  font-size: var(--primary-font-size);
  width: 100%;
}
.sales_agent_container .sales_agent_card_container .sales_agent_card select:hover {
  box-shadow: var(--shadow-hover);
}
.sales_agent_container .sales_agent_card_container .sales_agent_card .form_inputs {
  display: flex;
  justify-content: center;
}
.sales_agent_container .sales_agent_card_container .sales_agent_card .form_inputs .next {
  font-size: var(--primary-font-size);
  border-radius: var(--primary-radius);
  box-shadow: var(--box-shadow);
  border: none;
  height: 50px;
  color: #ffffff;
  background-color: #414347;
  font-weight: 500;
  cursor: pointer;
  margin-top: 35px;
  width: 150px;
}
.sales_agent_container .sales_agent_card_container .sales_agent_card .form_inputs .next:hover {
  box-shadow: var(--shadow-hover);
}

.profile_container {
  width: 100%;
  padding: 60px 0px;
  margin: 0;
}
.profile_container .create_showroom_profile {
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  gap: 21.6px;
  width: 100%;
}
.profile_container .create_showroom_profile button {
  font-size: var(--primary-font-size);
  border-radius: var(--primary-radius);
  box-shadow: var(--box-shadow);
  border: none;
  height: 50px;
  color: #ffffff;
  background-color: #414347;
  font-weight: 500;
  cursor: pointer;
  width: 300px;
}
.profile_container .create_showroom_profile button:hover {
  box-shadow: var(--shadow-hover);
}
.profile_container .create_showroom_profile #profile_form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.profile_container .create_showroom_profile #profile_form .checkbox_container {
  padding: 10.8px 0px 21.4px 0px;
  display: flex;
  text-wrap: nowrap;
  gap: 10px;
}
.profile_container .create_showroom_profile #profile_form .form_inputs .identification_no {
  padding: 8px 1px;
  border-radius: var(--primary-radius);
  border: none;
  box-shadow: var(--box-shadow);
  font-size: var(--primary-font-size);
  width: 100%;
  width: 290px;
}
.profile_container .create_showroom_profile #profile_form .form_inputs .identification_no:hover {
  box-shadow: var(--shadow-hover);
}
.profile_container .create_showroom_profile #profile_form .form_inputs .next {
  font-size: var(--primary-font-size);
  border-radius: var(--primary-radius);
  box-shadow: var(--box-shadow);
  border: none;
  height: 50px;
  color: #ffffff;
  background-color: #414347;
  font-weight: 500;
  cursor: pointer;
  width: 300px;
}
.profile_container .create_showroom_profile #profile_form .form_inputs .next:hover {
  box-shadow: var(--shadow-hover);
}
.profile_container .create_showroom_profile .upload_documents {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}
.profile_container .create_showroom_profile .upload_documents small {
  margin-bottom: 10.8px;
}
.profile_container .create_showroom_profile .upload_documents #front_drop_zone {
  width: 300px;
  border-radius: 6px;
  height: 100px;
  font-size: 13px;
  margin-bottom: 10.8px;
  background-color: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
  cursor: pointer;
}
.profile_container .create_showroom_profile .upload_documents #front_drop_zone #front_file_input {
  display: none;
}
.profile_container .create_showroom_profile .upload_documents #font_file_preview {
  text-align: center;
  margin-bottom: 1vw;
  color: gray;
}
.profile_container .create_showroom_profile .upload_documents #back_drop_zone {
  width: 300px;
  border-radius: 6px;
  height: 100px;
  font-size: 13px;
  margin-bottom: 10.8px;
  background-color: #e9e9e9;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
  cursor: pointer;
}
.profile_container .create_showroom_profile .upload_documents #back_drop_zone #back_file_input {
  display: none;
}
.profile_container .create_showroom_profile .upload_documents #back_file_preview {
  text-align: center;
  margin-bottom: 1vw;
  color: gray;
}

.customer_profile_container {
  padding: 50px 200px;
}
.customer_profile_container h1 {
  text-align: center;
  margin: 0px;
}
.customer_profile_container #profile_form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 25px;
}
.customer_profile_container #profile_form h2 {
  text-align: center;
  margin-bottom: 0px;
  margin-top: 10px;
}
.customer_profile_container #profile_form .profile_image_container {
  display: flex;
  justify-content: center;
}
.customer_profile_container #profile_form .profile_image_container .profile_image {
  padding: 100px;
  background: grey;
  border-radius: 6px;
}
.customer_profile_container #profile_form .profile_inputs {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.customer_profile_container #profile_form .profile_inputs p {
  padding: 8px 1px;
  border-radius: var(--primary-radius);
  border: none;
  box-shadow: var(--box-shadow);
  font-size: var(--primary-font-size);
  width: 100%;
  height: 35px;
}
.customer_profile_container #profile_form .profile_inputs p:hover {
  box-shadow: var(--shadow-hover);
}
.customer_profile_container #profile_form .profile_inputs input {
  padding: 8px 1px;
  border-radius: var(--primary-radius);
  border: none;
  box-shadow: var(--box-shadow);
  font-size: var(--primary-font-size);
  width: 100%;
}
.customer_profile_container #profile_form .profile_inputs input:hover {
  box-shadow: var(--shadow-hover);
}
.customer_profile_container #profile_form .submit_container {
  display: flex;
  justify-content: center;
}
.customer_profile_container #profile_form .submit_container .next {
  font-size: var(--primary-font-size);
  border-radius: var(--primary-radius);
  box-shadow: var(--box-shadow);
  border: none;
  height: 50px;
  color: #ffffff;
  background-color: #414347;
  font-weight: 500;
  cursor: pointer;
  width: 300px;
}
.customer_profile_container #profile_form .submit_container .next:hover {
  box-shadow: var(--shadow-hover);
}
.customer_profile_container #profile_form .form_inputs {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.customer_profile_container #profile_form .form_inputs .next {
  font-size: var(--primary-font-size);
  border-radius: var(--primary-radius);
  box-shadow: var(--box-shadow);
  border: none;
  height: 50px;
  color: #ffffff;
  background-color: #414347;
  font-weight: 500;
  cursor: pointer;
  width: 300px;
}
.customer_profile_container #profile_form .form_inputs .next:hover {
  box-shadow: var(--shadow-hover);
}

.form_inputs {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.form_inputs .next {
  font-size: var(--primary-font-size);
  border-radius: var(--primary-radius);
  box-shadow: var(--box-shadow);
  border: none;
  height: 50px;
  color: #ffffff;
  background-color: #414347;
  font-weight: 500;
  cursor: pointer;
  width: 300px;
}
.form_inputs .next:hover {
  box-shadow: var(--shadow-hover);
}

@media screen and (max-width: 768px) and (orientation: portrait) {
  .showroom_container {
    padding: 125px 10px;
    width: auto;
  }
  .showroom_container .create_showroom_profile {
    gap: 30px;
  }
  .showroom_container .create_showroom_profile button {
    width: 350px;
  }
  .showroom_container .create_showroom_profile #profile_form {
    gap: 30px;
  }
  .showroom_container .create_showroom_profile #profile_form .checkbox_container {
    padding: 0px;
  }
  .showroom_container .create_showroom_profile #profile_form .form_inputs .identification {
    width: 350px;
  }
  .showroom_container .create_showroom_profile #profile_form .form_inputs .next {
    width: 350px;
  }
  .showroom_container .create_showroom_profile .upload_documents {
    gap: 8px;
  }
  .showroom_container .create_showroom_profile .upload_documents #front_drop_zone,
  .showroom_container .create_showroom_profile .upload_documents #back_drop_zone {
    width: 350px;
    height: 140px;
  }
  .customer_profile_container {
    padding: 35px 85px;
  }
  .customer_profile_container #profile_form {
    gap: 20px;
  }
  .customer_profile_container #profile_form .profile_image_container .profile_image {
    padding: 80px;
  }
  .customer_profile_container #profile_form .submit_container .next {
    width: 250px;
  }
}/*# sourceMappingURL=style.css.map */