h1, .header h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 52px;
    padding: 66px 0 33px;
}
.normalButton {
  background: initial !important;
  height: auto !important;
  line-height: normal !important;
  border-radius: 0 !important;
  font-size: initial !important;
  padding: initial !important;
  filter: none !important;
  -webkit-appearance: button !important; /* Resetting to default browser appearance */
  color: initial;
  border: initial;
  width: auto !important;
}

input, 
textarea, 
select,
#onboardingForm .language-option {
    font-family: var(--bs-body-font-family);
    font-size: 18px;
    filter: drop-shadow(5px 5px 10px #00000029);
    border: none;
    color: #707070;
}

.searchbar {
    height: 57px;
    font-size: 18px
}

.searchbar-input {
    font-size: 18px;
    color: #707070;
}

.search-icon {
    margin-top: 7px;
    color: #707070;
}

.searchbar-right { 
    margin-top: 15px;
    color: #707070;
}



button, input[type="submit"], input[type="button"] {
  background: #4D8D6E!important;
  height: 53px;
  line-height: 53px!important;
  border-radius: 27px!important;
  font-size: 17px;
  padding: 0!important;
  filter: drop-shadow(5px 5px 10px #00000029);
  -webkit-appearance: none !important;
  color: #fff;
  border: none;
  width: 90%;
}


/*****************************************/
/************** Onboarding form **********/
/*****************************************/

#onboardingForm .language-option {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 100%; /* Increased width */
  height: 57px; /* Increased height */
}

#onboardingForm .language-input {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center items horizontally */
  flex-wrap: wrap;
}

#onboardingForm .centered-container {
  display: flex;
  justify-content: center;
}

#onboardingForm .language-option input[type="checkbox"] {
  display: none;
}

#onboardingForm .language-input {
  display: flex;
  flex-wrap: wrap;
}

#onboardingForm .language-option label {
  display: flex;
  font-size: 18px;
  color: gray;
  box-sizing: border-box;
  background-color: white;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 12px 20px 12px 15px;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  cursor: pointer;
  line-height: 31px;
}

#onboardingForm .language-option label i {
  padding: 7px 16px 10px !important;
}

#onboardingForm .language-option input[type="checkbox"]:checked + label {
  border: 2px solid #57a07c; /* Change border color when checked */
}

label.error {
  color: red;
}

#onboardingForm .checkbox-wrapper-24 .checkbox {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

#onboardingForm .upper {
  width: 85% !important;
}

#onboardingForm .w-t {
  width: 200px !important;
}

#onboardingForm #summary {
  text-align: left;
}

#summary .summary-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

#summary .summary-detail {
  font-size: 14px;
  margin-bottom: 24px;
}

#onboardingForm .checkbox-wrapper-24 label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  line-height: 30px;
}

#onboardingForm .checkbox-wrapper-24 label span {
  display: inline-block;
  position: relative;
  background-color: transparent;
  width: 30px;
  height: 30px;
  transform-origin: center;
  border: 1px solid #4C8D6E;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 18px;
  transition: background-color 150ms 200ms,
    transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
}


#onboardingForm .checkbox-wrapper-24 label:hover span:before {
  width: 5px;
  transition: width 100ms ease;
}

#onboardingForm .checkbox-wrapper-24 label:hover span:after {
  width: 10px;
  transition: width 150ms ease 100ms;
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"] {
  display: none;
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"]:checked + label span {
  background-color: #4C8D6E;
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"]:checked + label span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"]:checked + label span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"]:checked + label:hover span {
  background-color: #4C8D6E;
  filter: drop-shadow(5px 5px 10px #00000029);
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"]:checked + label:hover span:after {
  width: 10px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

#onboardingForm .checkbox-wrapper-24 input[type="checkbox"]:checked + label:hover span:before {
  width: 5px;
  background: #fff;
  transition: width 150ms ease 100ms;
}

#onboardingForm .row {
  display: flex;
  flex-direction: row;
}

#onboardingForm .emergency-contact {
  padding-top: 20px;
}

#onboardingForm #emergency-contact h1 {
  line-height: 40px;
}


#onboardingForm .row2 {
  display: flex;
  flex-direction: column;
  align-items: center; /* Vertically center items */
  justify-content: center;
}

#onboardingForm .lower {
  margin: 35px 0;
}

#onboardingForm .action-button.disabled {
  background-color: #cccccc !important; /* Light grey */
  color: #666666 !important; /* Darker grey */
  cursor: not-allowed !important;
}

#onboardingForm .action-button.disabled:hover {
  border: none !important;
}

#onboardingForm .upper {
  width: 100%;
}

#onboardingForm .language-input {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#onboardingForm .input-with-icon {
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
}

#onboardingForm .input-with-icon i {
  position: absolute;
  left: 30px; /* Adjust as needed based on input padding */
  top: 50%;
  transform: translateY(-50%);
}

#onboardingForm #msform {
  text-align: center;
  position: relative;
  margin: 0!important;
}

#onboardingForm #msform .row {
  margin: 0!important;
}

#onboardingForm #msform fieldset {
  padding: 0px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  min-height: 830px;
  position: absolute;
}

.underline {
  border-bottom: 1px solid #707070;
}

/*Hide all except first fieldset*/
#onboardingForm #msform fieldset:not(:first-of-type) {
  display: none;
}

#onboardingForm #msform input,
#onboardingForm #msform textarea,
#onboardingForm #msform select {
  margin: 10px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  font-size: 18px;
  background-color: white;
  /* background-position: 10px 10px;  */
  /* background-repeat: no-repeat; */
  padding: 12px 20px 12px 69px;
  border: 0;
}

#onboardingForm .input-with-icon {
  position: relative;
  margin-bottom: 10px; /* Add space between this input and the next element */
}

#onboardingForm .input-with-icon i {
  position: absolute;
  left: 29px; /* Adjust as needed */
  top: 50%;
  transform: translateY(-50%);
  color: rgba(0,0,0,0.6); /* Change as needed */
  z-index: 10;
}

#onboardingForm #msform input:hover,
#onboardingForm #msform textarea:hover,
#onboardingForm #msform input:focus,
#onboardingForm #msform textarea:focus {
  border-color: #57a07c !important;
}

/* #onboardingForm #msform .action-button {
  font-size: 20px;
  width: 170px;
  background: #57a07c;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 30px;

  cursor: pointer;
  padding: 10px 2px;
  margin: 20px;
} */
#onboardingForm #msform .action-button:hover,
#onboardingForm #msform .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #27ae60;
}
/* 
#onboardingForm .action-button:hover {
  box-shadow: none !important;
} */
/*headings*/
#onboardingForm .fs-title {
  font-size: 40px;
  text-transform: uppercase;
  color: #2c3e50;
  padding: 60px;

  margin-bottom: 20px;
  background-color: #57a07c;
  margin: 0px;
  color: white;
}

#onboardingForm .fs-subtitle {
  font-weight: bold;
  font-size: 20px;
  color: #8e8c8c;
  text-align: left;
  padding: 0px !important;
  margin: 0px !important;
  /* margin-bottom: 20px; */
}

#profile .profile-details {
    margin: 55px 0 18px;
    padding-left: 25px;
}

#profile .profile-details .profile-title {
  font-size: 14px;
  color: #707070;
  text-align: left;
  padding: 0px !important;
  margin: 0px !important;
}

#profile .profile-details .profile-detail {
  font-weight: bold;
  font-size: 37px;
  color: #191919;
  margin-bottom: 10px;
}

#profile .profile-details .profile-detail.small {
  font-size: 14px;
}

#onboardingForm .fs-subtitlee {
  font-weight: bold;
  font-size: 20px;
  color: #878787;

  /* margin-bottom: 20px; */
}

 .profile-pic {
  width: 160px;
  height: 160px;
  position: relative;
  margin: 35px auto 28px;
}

/* Add a circular profile picture with a plus sign */
.profile-pic img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  border-radius: 100%;
  background-color: #d3d3d3;
  position: relative;
  overflow: hidden;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

#onboardingForm .center-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

#onboardingForm .add {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #d3d3d3;
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-bottom: 25px;
  margin-top: 25px;
}


#profile .profile-pic {
  position: relative;
  max-width: 100%;
  width: 150px;
  height: 0;
  padding-top: 100%;
}

#profile .profile-pic img {
  max-width: 100%;
}

#onboardingForm .profile-pic .plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  font-weight: bold;
  color: white;

  border-radius: 100%;
  padding: 5px;
  cursor: pointer;
}

#onboardingForm .add .plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  font-weight: bold;
  color: white;

  border-radius: 100%;
  padding: 5px;
  cursor: pointer;
}

#onboardingForm button {
  margin: 35px 0;
}
/* 
#onboardingForm .action-button {
  width: 100px;
  background: #27ae60;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
} */

#onboardingForm {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#onboardingForm {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}

.margin-sides-small {
  padding: 0 30px;
  box-sizing: border-box;
}

.delivery-truck {
  width: 100px;
  margin: 45px auto 35px;
}

.search h5 a{
  font-size: 14px;
  color: #707070;
}

button.avtar.cart-remove-btn.avtar-s.btn-link-danger.btn-pc-default {
  background: unset !important;
  line-height: unset !important;
  font-weight: 100 !important;
  border-radius: 8px !important;
  font-size: 28px !important;
  padding: unset !important;
  filter: unset !important;
  -webkit-appearance: unset !important;
  color: #5b6b79 !important;
  border: unset !important;
  width: 40px !important;
  height: 40px !important;
}

button.avtar.cart-remove-btn.avtar-s.btn-link-danger.btn-pc-default:hover {
  background: #fce9e9 !important;
  color: #dc2626 !important;
  border-color: #fce9e9 !important;
}

@media only screen and (max-width: 600px) {
  .input-with-location input {
    width: 95%;
  }
}