.onboarding-screen-child {
  position: absolute;
  top: 55.2px;
  left: 73.71px;
  align-items: center;
  background-color: var(--color-gainsboro);
  width: 212.05px;
  height: 2.74px;
}
.div {
  position: relative;
  line-height: 14px;
  font-weight: 500;
}
.iconssystemstatus-barlocati {
  position: relative;
  width: 14px;
  height: 14px;
}
.parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-9xs);
}
.iconssystemstatus-barsignal {
  position: relative;
  width: 21px;
  height: 14px;
}
.iconssystemstatus-barbatter,
.iconssystemstatus-barwifi {
  position: relative;
  width: 15px;
  height: 14px;
}
.iconssystemstatus-barbatter {
  width: 32px;
}
.iconssystemstatus-barsignal-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.onboarding-screen-item,
.status-bar {
  position: absolute;
  box-sizing: border-box;
}
.status-bar {
  top: 0;
  left: calc(50% - 180px);
  background-color: #252728;
  width: 360px;
  display: flex;
  flex-direction: row;
  align-items: flex-strt;
  justify-content: space-between;
  padding: var(--padding-base);
  font-size: var(--font-size-sm);
  color: var(--tertiary-main);
  font-family: var(--font-roboto);
}
.onboarding-screen-item {
  top: 40px;
  left: 65px;
  align-items: center;
  border-radius: 50%;
  background-color: var(--color-limegreen);
  border: 8px solid #85c28c;
  width: 35.1px;
  height: 35.1px;
}
.ellipse-div,
.onboarding-screen-inner {
  position: absolute;
  top: 44px;
  left: 172.05px;
  align-items: center;
  border-radius: 50%;
  background-color: var(--color-gainsboro);
  width: 24.8px;
  height: 24.8px;
}
.ellipse-div {
  left: 269.2px;
}
.please-fill-up {
  top:107px;
  left: calc(50% - 156px);
  font-size: var(--font-size-sm);
  color: #868686;
  justify-content: center;
  width: 236.73px;
}
.eg-sodi,
.operator-name,
.please-fill-up {
  position: absolute;
  line-height: 19.33px;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 29.01px;
}
.operator-name {
  top: 0;
  left: 0;
  justify-content: start;
  width: 100%;
}
.input-field {
  border: 2px solid limegreen;
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box; /* Ensure the border width is included in the 100% width */
  padding: 10px; /* Optional: Add some padding to improve appearance */
}

.location-parent{
  margin-top: 10px;
}

.input-field3 {
  border: 2px solid limegreen;
  width: 100%;
  text-align :start;
  
  border-radius: 10px;
  box-sizing: border-box; /* Ensure the border width is included in the 100% width */
  padding: 10px; /* Optional: Add some padding to improve appearance */
}

.input-field1 {
  border: 2px solid limegreen;
  width: 100%;
  text-align: center;
  pointer-events: none;
    border-radius: 10px;
  box-sizing: border-box; /* Ensure the border width is included in the 100% width */
  padding: 10px; /* Optional: Add some padding to improve appearance */
} 

.input-field2 {
  border: 2px solid limegreen;
  width: 100%;
  height: 120px;
  
  border-radius: 10px;
  box-sizing: border-box; /* Ensure the border width is included in the 100% width */
  padding: 10px; /* Optional: Add some padding to improve appearance */
}
.custom-input-field {
  top: 3px;
  position: relative;
  width: 100%;
}

.label-placeholder {
  position: absolute;
  top: 10px;
  left: 10px;
  color: limegreen;
  pointer-events: none;
  transition: all 0.2s ease;
}

.input-field2 {
  border: 2px solid limegreen;
  width: 100%;
  /* min-height: 100px; */
  height: 120px; /* Minimum height for the textarea */
  border-radius: 10px;
  box-sizing: border-box;
  padding: 10px;
}

.input-field2:focus + .label-placeholder {
  top: -10px;
  font-size: 12px;
  color: limegreen;
}

/* .eg-sodi {
  top: 7.49px;
  left: 13.99px;
  width: 147.02px;
} */
.eg-sodi-bus-service-parent,
.group-child {
  position: absolute;
  width: 312px;
  height: 43.98px;
}
.group-child {
  top: 0;
  left: 0;
  border-radius: 8.23px;
  border: 2px solid var(--color-limegreen);
  box-sizing: border-box;
}
.eg-sodi-bus-service-parent {
  top: 33.01px;
  left: 1px;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-gray-100);
}
.eg-ramshyam,
.operator-name-parent,
.owner-name {
  position: absolute;
  top: 0;
  left: 1px;
  width: 313px;
  height: 76.99px;
}
.eg-ramshyam,
.owner-name {
  left: 0;
  line-height: 19.33px;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 29.01px;
}
.eg-ramshyam {
  top: 7.49px;
  left: 13.99px;
  width: 164.35px;
}
.eg-ramshyam-singh-parent {
  position: absolute;
  top: 33.01px;
  left: 1px;
  width: 312px;
  height: 43.98px;
  font-size: var(--font-size-sm);
  color: var(--color-gray-100);
}
.owner-name-parent {
  position: absolute;
  top: 90px;
  left: 0;
  width: 313px;
  height: 76.99px;
  text-align: left;
}
.group-parent {
  position: absolute;
  top: 145.84px;
  left: 23px;
  width: 314px;
  height: 173.12px;
  font-size: var(--font-size-base);
  color: var(--color-black);
}
.total-number-of {
  position: absolute;
  left: 0;
  line-height: 19.33px;
  font-weight: 500;
  display: flex;
  align-items: center;
  width: 251px;
  height: 180.01px;
}
.rectangle-div {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 8.23px;
  border: 2px solid var(--color-limegreen);
  box-sizing: border-box;
  width: 65px;
  height: 43.98px;
}
.group-child2,
.rectangle-container,
.rectangle-wrapper {
  position: absolute;
  top: 162.03px;
  left: 124px;
  width: 65px;
  height: 43.98px;
}
.group-child2,
.rectangle-container {
  top:100.05px;
  left: 125px;
}
.group-child2 {
  top: 0;
  left: 0;
  border-radius: var(--br-11xl);
  background-color: var(--color-limegreen);
  width: 43px;
  height: 43px;
}
.rectangle-frame {
  top: 34.5px;
  left: 2px;
}
.group-child4,
.group-div,
.rectangle-frame {
  position: absolute;
  width: 43px;
  height: 43px;
}
.group-div {
  top: 139.52px;
  left: 3px;
}
.group-child4 {
  top: calc(50% - 21.5px);
  left: calc(50% - 21.5px);
  border-radius: var(--br-11xl);
  background-color: var(--color-limegreen);
}
.rectangle-wrapper1,
.rectangle-wrapper2 {
  position: absolute;
  top: calc(50% - 59.01px);
  left: calc(50% + 113px);
  width: 43px;
  height: 43px;
}
.rectangle-wrapper2 {
  top: calc(50% + 46px);
  left: calc(50% + 114px);
}
.total-number-of-seater-buses-parent {
  position: absolute;
  top: 490.46px;
  left: 0;
  width: 314px;
  height: 187.03px;
}
.total-sleeper-buses-wrapper {
  position: absolute;
  top: 550.63px;
  left: 2px;
  width: 251px;
  height: 29.01px;
}
.group-child6,
.rectangle-wrapper3 {
  position: absolute;
  width: 312px;
  height: 103.51px;
}
.group-child6 {
  top: 0;
  left: 0;
  border-radius: 8.23px;
  border: 2px solid var(--color-limegreen);
  box-sizing: border-box;
}
.rectangle-wrapper3 {
  top: 33.01px;
  left: 1px;
}
.address-parent,
.group-container,
.location-parent {
  position: absolute;
  top: 75px;
  left: 0;
  width: 313px;
  height: 80.52px;
}
.address-parent,
.group-container {
  top: 95px;
}
.group-container {
  top: 332.1px;
  left: 22px;
  width: 314px;
  height: 594.5px;
  align-items: center;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-black);
}
.div2 {
  top: 819px;
  left: 28px;
  font-weight: 500;
}
.div2,
.div3,
.div4 {
  position: absolute;
  line-height: 275px;
  margin-right: 10px;
}
.div3 {
  top: 980.07px;
  left: 28px;
  font-weight: 500;
  display: flex;
}
.div4 {
  top: 882px;
  left: 304px;
}
.div4{
  left: 290px;

}
.div5,
.next {
  font-weight: 500;
}
.div5 {
  position: absolute;
  top: 918.07px;
  left: 290px;
  margin-right: 20px;
  line-height: 30.92px;
  text-align: left;
}
/* .next {
  position: relative;
  line-height: 19.33px;
}
.back-wrapper,
.next-wrapper {
  position: absolute;
  top: 1009px;
  border-radius: 8.23px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-177xl);
  font-size: var(--font-size-lg);
}
.back-wrapper {
  left: 25px;
  border: 1px solid var(--color-black);
  width: 145px;
  color: var(--color-black);
}
.next-wrapper {
  left: 190px;
  background-color: var(--color-limegreen);
  width: 146px;
} */
/* 
.button-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.next-wrapper,
.back-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  padding: 5px; 
  width: 145px;
  top: 900px;
  text-align: center;
  border-radius: 8.23px;
  font-size: var(--font-size-lg);
  justify-content: center; }

.back-wrapper {
  border: 1px solid var(--color-black);
  color: black;
}

.next-wrapper {
  border: 1px solid var(--color-limegreen);
  background-color: var(--color-limegreen);
  color: white;
  margin-left: 26%;
} */


.button-container {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  top: 1045px;
  /* height: 100vh;  */
  position: relative;
}

.next-wrapper,
.back-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5px; /* Adjust padding as needed */
  width: 145px;
  text-align: center;
  border-radius: 8.23px;
  font-size: var(--font-size-lg);
  justify-content: center; /* Center horizontally */
  margin: 5px; /* Add margin for spacing between buttons */
}

.back-wrapper {
  border: 1px solid #aa3604;
  background-color: #aa3604;
}

.next-wrapper {
  border: 1px solid var(--color-limegreen);
  background-color: var(--color-limegreen);
  color: white;
}




.onboarding-screen {
  position: relative;
  background-color: #f8f8f8;
  width: 100%;
  height: 1145px;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  font-size: 25.59px;
  color: var(--color-white);
  font-family: var(--font-poppins);
}

.flex-row {
  display: flex;
  gap: 10px;
  width: 100%;
}

.custom-input-field{
  margin-top: 15px;
}

#address-line1-et{
  margin-top: 10px;
}
#address-line2-et{
  margin-top: 10px;
}
#address-line3-et{
  margin-top: 10px;
}
#state-select{
  margin-top: 10px;
}
#district-select{
  margin-top: 10px;
}
#pincode-et{
  margin-top: 10px;
}
#city-select{
  margin-top: 10px;
}