.webform-progress .progress-step .progress-text {
  background-color: var(--color-white);
  color: var(--Tab-color) !important;
  font-family: var(--font-family-roboto-regular);
  font-size: var(--font-size-20px);
  border: 1px solid var(--progress-bg) !important;
  height: 100%;
}

.webform-progress-tracker .progress-title[role="link"] {
  color: var(--Tab-color) !important;
  text-decoration: none !important;
  font-family: var(--font-sofia-regular) !important;
}

.webform-progress-tracker .progress-step.is-active .progress-title {
  font-weight: normal !important;
  color: var(--color-white) !important;
}

.webform-progress-tracker .progress-step.is-active .progress-text,
.webform-progress-tracker .progress-step.is-complete .progress-text:hover {
  background-color: var(--color-blue);
  color: var(--color-white) !important;
}

.create-company-custom .webform-progress-tracker .progress-step.is-active .progress-text,
.create-company-custom .webform-progress-tracker .progress-step.is-complete .progress-text:hover {
  background-color: var(--colorblue);
  color: var(--color-white) !important;
  border: 1px solid var(--colorblue) !important;
}

.webform-progress-tracker .progress-step.is-complete .progress-text:hover .progress-title {
  text-decoration: none !important;
}

.create-company-custom .webform-progress .progress-text {
  height: auto !important;
}

/* .webform-progress-tracker .progress-step.is-complete .progress-text {
  background-color: var(--nav-link-color);
  color: var(--color-white) !important;
} */

/* .webform-progress-tracker .progress-step.is-complete .progress-text .progress-title[role='link'] {
  color: var(--color-white) !important;
} */

.employee-onboard-custom .progress-text:hover .progress-title {
  color: var(--color-white) !important;
}

.employee-onboard-custom .progress-text:hover {
  background-color: var(--color-blue);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 10px 9px 0 9px;
  margin-left: -20px !important;
  margin-top: 5px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 9px 10px 9px;
}

.borderStyle {
  /* border: 1px solid var(--colorblue);
  padding: 0rem 1.5rem 1rem; */
  font-family: var(--font-family-roboto-regular);
}

.basicDetailsWrapper p,
.companyAddressWrapper p,
.companyLegalRepresentativeWrapper p,
.companyAdminWrapper p,
.servicesText {
  font-size: var(--font-size-24px);
  color: var(--colorblue);
  font-family: var(--font-family-popppins-semibold);
  font-weight: normal !important;
  border-bottom: 1px solid var(--colorblue);
}

.agreementWrapper .fieldset__label,
.agreementWrapper .form-item__label {
  font-size: var(--font-size-24px);
  color: var(--colorblue);
  font-family: var(--font-family-popppins-semibold);
  font-weight: normal !important;
}

.agreementWrapper .fieldset__label {
  margin-top: 1rem !important;
}

.borderStyle .form-item__label {
  font-size: var(--font-size-16px);
  font-weight: normal;
}

.borderStyle input {
  box-shadow: none !important;
}

.borderStyle .iti,
.borderStyle .iti input {
  width: 100%;
}

.webform-submission-form strong.error.form-item--error-message {
  color: var(--color-danger);
  font-weight: normal !important;
  font-size: 14px !important;
}

.form-element.error {
  border-width: 1px !important;
}

.serviceWrapper table th,
.agreementWrapper table th {
  padding: 1rem;
  font-weight: normal;
  font-family: var(--font-family-roboto-medium);
  color: var(--colorblue) !important;
}

.agreementWrapper {
  font-family: var(--font-family-roboto-regular);
}

.agreementWrapper .Requester-details,
.agreementWrapper .user-details {
  color: var(--colorblue);
  font-size: var(--font-size-20px);
  font-weight: normal;
  padding: 0.8rem !important;
}

.agreementWrapper hr {
  margin: 0 !important;
}

.agreementWrapper .sub-container,
.agreementWrapper .container-2>div>div,
.agreementWrapper .container-3>div>div {
  padding: 0.8rem !important;
}

.agreementWrapper .view-details-data-row div:nth-child(1) {
  font-size: 16px;
  width: 25%;
}

.agreementWrapper .view-details-data-row {
  display: flex;
  margin-bottom: 1rem;
}

.companyStatus label,
.groupIdWrapper label {
  font-size: var(--font-size-18px) !important;
  color: var(--colorblue);
  font-family: var(--font-family-roboto-regular);
  font-weight: normal;
  line-height: 30px;
}

.companyStatus .select2-container--default .select2-selection--single,
.companyStatus .select2-container--default .select2-selection--single .select2-selection__rendered,
.groupIdWrapper select {
  min-height: 45px !important;
  display: flex;
  align-items: center;
  font-family: var(--font-family-roboto-regular);
}

.companyStatus .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 11px;
  right: 10px;
}


.submitWrapper #edit-actions-wizard-next,
.submitWrapper #edit-actions-wizard-prev,
.submitWrapper #edit-actions-submit,
.submitWrapper .webform-button--previous,
.submitWrapper .webform-button--next,
.submitWrapper .webform-button--submit {
  margin-right: 0px !important;
  background-color: var(--colorblue) !important;
  color: var(--color-white);
  border: 1px solid var(--colorblue) !important;
  box-shadow: none !important;
  font-family: var(--font-family-roboto-regular);
  font-weight: normal;
  min-height: 42px;
  min-width: 100px;
  border-radius: 5px !important;
}

.submitWrapper #edit-actions-wizard-next:hover,
.submitWrapper #edit-actions-wizard-prev:hover,
.submitWrapper #edit-actions-submit:hover,
.submitWrapper .webform-button--previous:hover,
.submitWrapper .webform-button--next:hover,
.submitWrapper .webform-button--submit:hover {
  background-color: var(--color-white) !important;
  color: var(--colorblue) !important;
}

.button-like {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  border: none;
  cursor: pointer;
}

/* Positioning the button to the right side */
.button-container {
  text-align: right;
  margin-top: 20px;
  /* Adjust margin as needed */
}

.form-textarea-wrapper textarea {
  box-shadow: none !important;
}

@media screen and (max-width: 1366px) {

  .webform-progress-tracker .progress-step .progress-text {
    padding: 8px !important;
  }

  .webform-progress .progress-step .progress-text {

    font-size: 15px !important;

  }

}