.footer-column-left-content-child {
  height: 50px;
  width: 107.3px;
  position: relative;
  object-fit: cover;
  flex-shrink: 0;
}
.courses,
.home {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 80px;
  line-height: 26px;
  color: inherit;
  display: inline-block;
  min-width: 66px;
}
.home {
  left: 0;
  min-width: 48px;
}
.the-team {
  left: 179px;
  min-width: 79px;
  white-space: nowrap;
}
.about-us,
.support,
.location,
.the-team {
  text-decoration: none;
  position: absolute;
  top: 0;
  line-height: 26px;
  color: inherit;
  display: inline-block;
}
.about-us {
  left: 290px;
  min-width: 72px;
  white-space: nowrap;
}
.support {
  left: 394px;
  min-width: 64px;
}
.location {
  left: 494px;
  min-width: 64px;
}

a {
  text-decoration: none;
  color: white;
}
.footer-navigation-items {
  margin: 0;
  align-self: stretch;
  height: 26px;
  position: relative;
  flex-shrink: 0;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-gray-200);
  font-family: var(--font-poppins);
}
.footer-column-left-content,
.footer-navigation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.footer-navigation {
  margin: 0;
  flex: 1;
  flex-direction: column;
  padding: var(--padding-xs) 0 0;
  box-sizing: border-box;
}
.footer-column-left-content {
  width: 612px;
  flex-direction: row;
  gap: 46.7px;
}
.register-interest {
  text-decoration: none;
  position: relative;
  font-size: var(--font-size-base);
  line-height: 26px;
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: center;
  display: inline-block;
  min-width: 129px;
}
.register-interest-wrapper {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-4xl);
  background-color: var(--color-palevioletred-200);
  flex: 0.7386;
  border-radius: 23px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
}
.register-interest-wrapper:hover {
  background-color: var(--color-palevioletred-100);
}
.signup-divider-child {
  width: 1px;
  height: 24px;
  position: relative;
  border-right: 1px solid var(--color-gray-300);
  box-sizing: border-box;
}
.signup-divider {
  height: 34.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 11.5px 0 0;
  box-sizing: border-box;
}
.admission-no,
.signup-status-spacer1 {
  text-decoration: none;
  position: relative;
  color: inherit;
  display: inline-block;
  flex-shrink: 0;
  white-space: nowrap;
}
.admission-no {
  min-width: 98px;
  z-index: 1;
}
.signup-status-spacer1 {
  margin-top: -4px;
  line-height: 27px;
  font-weight: 600;
  min-width: 120px;
}
.signup-status-content,
.signup-status-spacer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.signup-status-spacer {
  height: 23px;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  font-size: var(--font-size-base);
}
.signup-status-content {
  position: absolute;
  top: 1px;
  left: 55px;
  flex-direction: column;
}
.signup-status-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
}
.signup-status {
  height: 46px;
  flex: 1;
  position: relative;
}
.footer-column-right,
.footer-signup {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer-signup {
  align-self: stretch;
  flex-direction: row;
  gap: 15.5px;
}
.footer-column-right {
  width: 383px;
  flex-direction: column;
  padding: 2px 0 0;
  box-sizing: border-box;
  max-width: 100%;
}
.footer-column-left,
.footer-columns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.footer-column-left {
  width: 1200px;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.footer-columns {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-gray-200);
  font-family: var(--font-poppins);
}
.mask-group-icon {
  height: 134px;
  width: 177.9px;
  position: absolute;
  margin: 0 !important;
  right: 238.6px;
  bottom: -32px;
  object-fit: cover;
  z-index: 1;
}
.footer-image-content-child {
  height: 224px;
  width: 1440px;
  position: relative;
  background-color: var(--color-lavenderblush);
  display: none;
  max-width: 100%;
}
.mask-group-icon1 {
  position: absolute;
  top: 0;
  left: 103px;
  width: 75.7px;
  height: 57px;
  object-fit: contain;
  z-index: 1;
}
.mask-group-icon2 {
  position: absolute;
  top: 12px;
  left: 0;
  width: 129px;
  height: 121px;
  object-fit: cover;
  z-index: 2;
}
.mask-group-parent {
  height: 133px;
  width: 178.7px;
  position: relative;
}
.mask-group-icon3 {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.mask-group-wrapper {
  height: 162.9px;
  width: 125.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 88px 17px 0 0;
  box-sizing: border-box;
}
.register-interest1 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  line-height: 100%;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}
.footer-image-elements,
.register-interest-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.register-interest-container {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-27xl) 0 0;
  box-sizing: border-box;
  min-width: 352px;
}
.footer-image-elements {
  width: 893px;
  flex-direction: row;
  gap: 23.3px;
}
.mask-group-icon4 {
  height: 104px;
  width: 109px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.footer,
.footer-image,
.footer-image-content {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.footer-image-content {
  flex: 1;
  background-color: var(--color-lavenderblush);
  flex-direction: row;
  justify-content: space-between;
  padding: 34px var(--padding-26xl) 27.1px 98px;
  box-sizing: border-box;
  gap: var(--gap-xl);
}
.footer,
.footer-image {
  align-self: stretch;
  justify-content: flex-start;
}
.footer-image {
  flex-direction: row;
  position: relative;
}
.footer {
  flex-direction: column;
  padding: 0 0 var(--padding-21xl);
  box-sizing: border-box;
  gap: 24px;
  text-align: center;
  font-size: 64px;
  color: var(--color-gray-200);
  font-family: var(--font-poppins);
}
.register-intrest1 {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 121px;
}
.registration-title {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-4xl);
}
.educator-interest-registration {
  margin: 0;
}
.your-qualification-experience {
  margin: 0;
  white-space: pre-wrap;
}
.educator-interest-registration-container {
  margin: 0;
  position: relative;
  font-size: 46px;
  line-height: 130%;
  font-weight: 700;
  font-family: inherit;
  color: var(--color-gray-200);
}
.registration-header {
  width: 844px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  max-width: 100%;
}
.registration-form {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-2xl) 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  color: var(--color-palevioletred-200);
}
.personal-details1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-5xl);
}
.personal-details {
  flex: 1;
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-poppins);
  color: var(--color-palevioletred-200);
  text-align: left;
}
.registration-personal-details1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-3xl);
  background-color: var(--color-lavenderblush);
  align-self: stretch;
  border-radius: var(--br-6xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
}
.registration-personal-details1:hover,
.registration-steps-items1:hover,
.registration-steps-items3:hover {
  background-color: var(--color-gainsboro);
}
.registration-personal-details {
  width: 219.5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-8xs) 0 0;
  box-sizing: border-box;
}
.registration-steps-item {
  width: 43px;
  height: 1px;
  position: relative;
  border-top: 1px dashed var(--color-palevioletred-200);
  box-sizing: border-box;
}
.registration-steps-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-3xl);
}
.qualification-details1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-5xl);
}
.qualification-details {
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 600;
  font-family: var(--font-poppins);
  color: var(--color-palevioletred-200);
  text-align: left;
}
.registration-steps-items1 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-3xl);
  background-color: var(--color-lavenderblush);
  border-radius: var(--br-6xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  white-space: nowrap;
}
.registration-steps-items-child {
  width: 43px;
  height: 1px;
  position: relative;
  border-top: 1px dashed rgba(130, 50, 75, 0.6);
  box-sizing: border-box;
}
.registration-steps-items2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-10xs) var(--padding-3xl) 0;
}
.final-subscription1 {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-5xl);
}
.final-subscription {
  position: relative;
  font-size: var(--font-size-lg);
  font-family: var(--font-poppins);
  color: var(--color-palevioletred-200);
  text-align: left;
}
.registration-steps-items3 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-3xl);
  background-color: var(--color-lavenderblush);
  border-radius: var(--br-6xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  opacity: 0.6;
  white-space: nowrap;
}
.registration-steps,
.registration-steps-content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 100%;
}
.registration-steps-content {
  align-items: flex-end;
  gap: 1px;
}
.registration-steps {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 var(--padding-xl) 11px;
  box-sizing: border-box;
}
.your-professional-qualificatio {
  position: relative;
  font-weight: 600;
}
.registration-professional {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  font-size: 20px;
}
.registration-qualifications-co-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}
.registration-qualifications-ic {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 15.3px;
  height: 15.3px;
  z-index: 1;
}
.registration-qualifications-co {
  height: 52px;
  width: 52px;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
}
.detail-items,
.more-detail-items {
  height: 52px;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
  min-width: 332px;
  max-width: 100%;
}
.more-detail-items {
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
}
.details-layout {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-32xl);
  max-width: 100%;
}
.details-layout-child,
.details-layout-item {
  height: 52px;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
  min-width: 332px;
  max-width: 100%;
}
.details-layout-item {
  height: 51px;
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
}
.details-layout1,
.registration-qualifications-it {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.details-layout1 {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--gap-32xl);
}
.registration-qualifications-it {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-base);
  min-width: 695px;
}
.delete,
.delete1 {
  position: relative;
  font-weight: 500;
  display: inline-block;
  min-width: 45px;
}
.delete-buttons,
.delete-buttons-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.delete-buttons {
  gap: 48px;
}
.delete-buttons-wrapper {
  padding: var(--padding-base) 0 0;
}
.registration-content,
.registration-qualifications {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.registration-qualifications {
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-base);
  text-align: left;
  font-size: var(--font-size-sm);
}
.registration-content {
  flex-direction: column;
  justify-content: flex-start;
  gap: 58px;
}
.teaching-experience-time {
  position: relative;
  font-weight: 600;
}
.year-box {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.year-duration,
.years {
  display: flex;
  position: relative;
}
.years {
  width: 46px;
  border: 0;
  outline: 0;
  font-weight: 500;
  font-family: var(--font-poppins);
  font-size: var(--font-size-base);
  background-color: transparent;
  height: 24px;
  color: var(--color-dimgray-100);
  text-align: left;
  align-items: center;
  padding: 0;
  z-index: 1;
}
.year-duration {
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-sm) var(--padding-xl);
  box-sizing: border-box;
  min-width: 181px;
}
.month-box {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.months {
  width: 60px;
  border: 0;
  outline: 0;
  font-weight: 500;
  font-family: var(--font-poppins);
  font-size: var(--font-size-base);
  background-color: transparent;
  height: 24px;
  position: relative;
  color: var(--color-dimgray-100);
  text-align: left;
  display: flex;
  align-items: center;
  padding: 0;
  z-index: 1;
}
.experience-details,
.experience-duration,
.month-duration {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.month-duration {
  flex: 1;
  padding: var(--padding-sm) var(--padding-xl);
  box-sizing: border-box;
  position: relative;
  min-width: 181px;
}
.experience-details,
.experience-duration {
  align-self: stretch;
  gap: var(--gap-xs);
}
.experience-details {
  flex-direction: column;
  gap: var(--gap-3xs);
}
.current-place-of {
  position: relative;
  font-weight: 600;
}
.work-info {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.experience-layout,
.work-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.work-details {
  align-self: stretch;
  height: 89px;
  gap: var(--gap-3xs);
}
.experience-layout {
  flex: 1;
  gap: var(--gap-xl);
  min-width: 370px;
  max-width: 100%;
}
.current-occupation {
  position: relative;
  font-weight: 600;
}
.frame-child {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.current-occupation-parent {
  align-self: stretch;
  height: 89px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.address {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 76px;
}
.frame-item {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.address-parent,
.experience-layout1 {
  flex-direction: column;
  align-items: flex-start;
}
.address-parent {
  align-self: stretch;
  height: 89px;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.experience-layout1 {
  flex: 1;
  gap: var(--gap-xl);
  min-width: 370px;
}
.experience-layout-parent,
.experience-layout1,
.registration {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.experience-layout-parent {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--gap-41xl);
  text-align: left;
  font-size: var(--font-size-lg);
}
.registration {
  width: 1200px;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-61xl);
}
.content,
.previous-education-firm {
  font-family: var(--font-poppins);
  color: var(--black);
  max-width: 100%;
}
.content {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) 109px;
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-base);
}
.previous-education-firm {
  width: 321px;
  border: 0;
  outline: 0;
  font-weight: 600;
  font-size: var(--font-size-lg);
  background-color: transparent;
  height: 27px;
  position: relative;
  text-align: left;
  display: inline-block;
  padding: 0;
}
.expertise-details {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.previous-education-firm-optio-parent,
.register-intrest-inner {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.previous-education-firm-optio-parent {
  width: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.register-intrest-inner {
  height: 161px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 72px;
  box-sizing: border-box;
}
.your-personal-statement {
  position: relative;
  font-weight: 600;
  display: inline-block;
  max-width: 100%;
}
.character-bubble {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-palevioletred-200);
  width: 100%;
  height: 100%;
}
.character-number {
  position: absolute;
  top: 4px;
  left: 5px;
  font-weight: 800;
  display: inline-block;
  min-width: 6px;
  z-index: 1;
}
.character-count {
  height: 15px;
  width: 15px;
  position: relative;
}
.see-what-to {
  position: relative;
  font-size: var(--font-size-xs);
  color: var(--color-palevioletred-200);
  display: inline-block;
  min-width: 112px;
}
.helper-content {
  flex-direction: row;
  gap: var(--gap-9xs);
}
.helper-content,
.statement-helper,
.statement-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.statement-helper {
  flex-direction: column;
  padding: var(--padding-7xs) 0 0;
  font-size: var(--font-size-3xs);
  color: var(--color-white);
  font-family: var(--font-inter);
}
.statement-input {
  flex-direction: row;
  gap: var(--gap-3xl);
  max-width: 100%;
}
.remaining-bar {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-dimgray-200);
}
.words-remaining {
  position: relative;
  z-index: 1;
}
.remaining-characters {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-148xl) var(--padding-xl) var(--padding-xl);
  position: relative;
  text-align: right;
  font-size: var(--font-size-sm);
}
.statement-layout,
.statement-layout-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.statement-layout {
  width: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.statement-layout-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.upload-your-cv {
  position: relative;
  font-weight: 600;
}
.c-v-dropzone {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px dashed var(--black);
  box-sizing: border-box;
}
.c-v-upload-icon {
  height: 28px;
  width: 28px;
  min-height: 28px;
}
.c-v-upload-icon,
.drag-drop {
  position: relative;
  z-index: 1;
}
.c-v-upload-area,
.c-v-upload-instructions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.c-v-upload-area {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-19xl) var(--padding-xl);
  position: relative;
  gap: var(--gap-3xs);
}
.c-v-upload-layout,
.c-v-upload-layout-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.c-v-upload-layout {
  width: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.c-v-upload-layout-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.references {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 102px;
}
.reference-input-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}
.add-reference-icon {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 15.3px;
  height: 15.3px;
  z-index: 1;
}
.reference-input {
  height: 52px;
  width: 52px;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
}
.company-input {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.company,
.company-details {
  position: relative;
  min-width: 90px;
}
.company {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  z-index: 1;
}
.company-details {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  max-width: 100%;
}
.name-input {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.relationship {
  width: 111px;
  border: 0;
  outline: 0;
  font-family: var(--font-poppins);
  font-size: var(--font-size-lg);
  background-color: transparent;
  height: 27px;
  position: relative;
  color: var(--black);
  text-align: left;
  display: inline-block;
  padding: 0;
  z-index: 1;
}
.name-details,
.reference-inputs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.name-details {
  width: 315px;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
}
.reference-inputs {
  align-self: stretch;
  gap: var(--gap-xs);
  max-width: 100%;
}
.frame-inner {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.first-name {
  position: relative;
  display: inline-block;
  min-width: 96px;
  z-index: 1;
}
.rectangle-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
  min-width: 364px;
  max-width: 100%;
}
.rectangle-div {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.last-name {
  position: relative;
  display: inline-block;
  min-width: 96px;
  z-index: 1;
}
.rectangle-group,
.reference-inputs1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-group {
  flex: 1;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
  min-width: 364px;
}
.reference-inputs1 {
  align-self: stretch;
  gap: var(--gap-xs);
}
.contact-boxes {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.email {
  position: relative;
  display: inline-block;
  min-width: 49px;
  z-index: 1;
}
.contact-inputs {
  flex: 0.9844;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
  min-width: 364px;
  max-width: 100%;
}
.contact-inputs-child {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.social-input-child {
  align-self: stretch;
  width: 23px;
  position: relative;
  max-height: 100%;
  min-height: 17px;
  z-index: 1;
}
.social-link {
  flex: 1;
  position: relative;
  line-height: 15px;
  display: inline-block;
  min-width: 26px;
  white-space: nowrap;
  z-index: 1;
}
.social-handle-child {
  width: 10px;
  height: 5px;
  position: relative;
  z-index: 1;
}
.social-handle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 5.6px;
}
.social-input,
.social-input-wrapper {
  display: flex;
  justify-content: flex-start;
}
.social-input {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-end;
  gap: 5px;
}
.social-input-wrapper {
  width: 69px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 0 0;
  box-sizing: border-box;
}
.contact-divider,
.phone {
  position: relative;
  z-index: 1;
}
.contact-divider {
  height: 53px;
  width: 1px;
  border-right: 1px solid var(--color-white);
  box-sizing: border-box;
  flex-shrink: 0;
}
.phone {
  display: inline-block;
  min-width: 57px;
}
.contact-fields,
.contact-inputs1,
.phone-input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.phone-input {
  flex-direction: column;
  padding: var(--padding-smi) 0 0;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.contact-fields,
.contact-inputs1 {
  flex-direction: row;
  max-width: 100%;
}
.contact-inputs1 {
  flex: 1;
  overflow-x: auto;
  padding: 0 var(--padding-5xl);
  box-sizing: border-box;
  position: relative;
  gap: 23.5px;
  min-width: 364px;
  font-size: var(--regular-15-size);
  color: rgba(11, 17, 51, 0.6);
  font-family: var(--regular-15);
}
.contact-fields {
  align-self: stretch;
  gap: var(--gap-xs);
}
.permission-checkbox {
  margin: 0;
  height: 28px;
  width: 28px;
  position: relative;
  border-radius: 4px;
  border: 1px solid var(--black);
  box-sizing: border-box;
}
.do-you-give {
  position: relative;
}
.permission-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
  box-sizing: border-box;
  max-width: calc(100% - 40px);
}
.permission-field,
.permission-field-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.permission-field {
  gap: var(--gap-xs);
}
.permission-field-wrapper {
  padding: 0 var(--padding-9xl);
  box-sizing: border-box;
}
.contact-details {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-xl);
}
.contact-details,
.reference-fields,
.reference-form,
.references-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.reference-fields {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xl);
  min-width: 736px;
}
.reference-form,
.references-content {
  align-self: stretch;
}
.reference-form {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-base);
}
.references-content {
  flex-direction: column;
  gap: var(--gap-3xs);
}
.your-provided-references {
  position: relative;
  font-weight: 600;
}
.reference-avatar {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px dashed var(--black);
  box-sizing: border-box;
}
.details-uanmsbdlondoncom,
.euan-mcginness,
.from-specialist-beauty,
.placeholder {
  position: relative;
  z-index: 1;
}
.delete-reference-child {
  height: 34px;
  width: 136px;
  position: relative;
  border-radius: var(--br-sm) 0 var(--br-sm) 0;
  background-color: var(--color-lavenderblush);
  display: none;
}
.delete2 {
  position: relative;
  display: inline-block;
  min-width: 58px;
  z-index: 2;
}
.action-buttons,
.delete-reference {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.delete-reference {
  border-radius: var(--br-sm) 0 var(--br-sm) 0;
  background-color: var(--color-lavenderblush);
  flex-direction: row;
  padding: var(--padding-9xs) var(--padding-20xl) var(--padding-10xs);
  z-index: 1;
}
.action-buttons {
  flex-direction: column;
  padding: var(--padding-8xs) 0 0;
  color: var(--color-palevioletred-200);
}
.reference-actions {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.reference-data {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) 0 0 var(--padding-9xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-11xs);
  min-width: 370px;
  max-width: 100%;
}
.reference-data-child {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px dashed var(--black);
  box-sizing: border-box;
}
.details-uanmsbdlondoncom1,
.div,
.euan-mcginness1,
.from-specialist-beauty1 {
  position: relative;
  z-index: 1;
}
.frame-child1 {
  height: 34px;
  width: 136px;
  position: relative;
  border-radius: var(--br-sm) 0 var(--br-sm) 0;
  background-color: var(--color-lavenderblush);
  display: none;
}
.delete3 {
  position: relative;
  display: inline-block;
  min-width: 58px;
  z-index: 2;
}
.rectangle-container {
  border-radius: var(--br-sm) 0 var(--br-sm) 0;
  background-color: var(--color-lavenderblush);
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-20xl) var(--padding-10xs);
  z-index: 1;
}
.frame-wrapper,
.parent,
.rectangle-container {
  display: flex;
  align-items: flex-start;
}
.frame-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
  color: var(--color-palevioletred-200);
}
.parent {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.provided-references,
.reference-data1,
.reference-entry {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.reference-data1 {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-xs) 0 0 var(--padding-9xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-11xs);
  min-width: 370px;
}
.provided-references,
.reference-entry {
  align-self: stretch;
}
.reference-entry {
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap-41xl);
}
.provided-references {
  flex-direction: column;
  gap: var(--gap-3xs);
}
.preferred-reference1 {
  position: relative;
  font-weight: 600;
}
.dropdown {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.select {
  position: relative;
  display: inline-block;
  min-width: 55px;
  z-index: 1;
}
.dropdown-icon-child {
  width: 16px;
  height: 8px;
  position: relative;
  z-index: 1;
}
.dropdown-icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-4xs) 0 0;
}
.preference-selector,
.preferred-reference {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.preference-selector {
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xl);
}
.preferred-reference {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.references-layout,
.references-layout-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.references-layout {
  width: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-21xl);
}
.references-layout-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.what-do-you {
  position: relative;
  font-weight: 600;
}
.frame-child2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
  max-width: 100%;
}
.rectangle-wrapper {
  align-self: stretch;
  height: 62px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-3xs);
  box-sizing: border-box;
  max-width: 100%;
}
.expertise-detail-shape {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.expertise-name-icon,
.sbd {
  position: relative;
  z-index: 1;
}
.sbd {
  display: inline-block;
  min-width: 35px;
}
.expertise-name-icon {
  width: 11px;
  height: 11px;
}
.expertise-detail-shape-parent,
.expertise-name-icon-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-detail-shape-parent {
  width: 136px;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-xl);
}
.expertise-name-shape {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.photography {
  position: relative;
  display: inline-block;
  min-width: 117px;
  z-index: 1;
}
.expertise-name-icon1 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-name-icon-container,
.expertise-name-shape-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-name-shape-parent {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.expertise-name-shape1 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.opi-ldn {
  position: relative;
  display: inline-block;
  min-width: 67px;
  z-index: 1;
}
.expertise-name-icon2 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-name-icon-frame,
.expertise-name-shape-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-name-shape-group {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.expertise-name-shape2 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.acrylic {
  position: relative;
  display: inline-block;
  min-width: 60px;
  z-index: 1;
}
.expertise-name-icon3 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-name-shape-container,
.frame-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-name-shape-container {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.expertise-details1,
.what-do-you-prefer-to-teach-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
}
.what-do-you-prefer-to-teach-parent {
  width: 1200px;
  flex-direction: column;
  gap: var(--gap-3xs);
}
.areas-of-professional,
.register-intrest-child {
  font-family: var(--font-poppins);
  font-size: var(--font-size-lg);
  color: var(--black);
  text-align: left;
}
.register-intrest-child {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}
.areas-of-professional {
  width: 289px;
  border: 0;
  outline: 0;
  font-weight: 600;
  background-color: transparent;
  height: 27px;
  position: relative;
  display: inline-block;
  padding: 0;
}
.expertise-field {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.expertise-input {
  align-self: stretch;
  height: 89px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.expertise-boxes {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.sbd1,
.vector-icon {
  position: relative;
  z-index: 1;
}
.sbd1 {
  display: inline-block;
  min-width: 35px;
}
.vector-icon {
  width: 11px;
  height: 11px;
}
.expertise-boxes-parent,
.expertise-icons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-boxes-parent {
  width: 136px;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-xl);
}
.frame-child3 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.photography1 {
  position: relative;
  display: inline-block;
  min-width: 117px;
  z-index: 1;
}
.vector-icon1 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.rectangle-parent1,
.vector-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.rectangle-parent1 {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.frame-child4 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.opi-ldn1,
.vector-icon2 {
  position: relative;
  z-index: 1;
}
.opi-ldn1 {
  display: inline-block;
  min-width: 67px;
}
.vector-icon2 {
  width: 11px;
  height: 11px;
}
.rectangle-parent2,
.vector-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.rectangle-parent2 {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.frame-child5 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.acrylic1,
.vector-icon3 {
  position: relative;
  z-index: 1;
}
.acrylic1 {
  display: inline-block;
  min-width: 60px;
}
.vector-icon3 {
  width: 11px;
  height: 11px;
}
.vector-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-content,
.expertise-options,
.rectangle-parent3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.rectangle-parent3 {
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.expertise-content,
.expertise-options {
  gap: var(--gap-base);
  max-width: 100%;
}
.expertise-content {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-xl);
}
.content-wrapper-child {
  width: 403px;
  height: 107px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  display: none;
  max-width: 100%;
}
.description-ellipsis {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: var(--color-palevioletred-200);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ellipsis-placeholder {
  position: absolute;
  top: 4px;
  left: 5px;
  font-weight: 800;
  display: inline-block;
  min-width: 6px;
  z-index: 3;
}
.ellipsis-container {
  height: 15px;
  width: 15px;
  position: relative;
}
.see-what-to1 {
  position: relative;
  font-size: var(--font-size-xs);
  color: var(--color-palevioletred-200);
  display: inline-block;
  min-width: 112px;
  z-index: 2;
}
.ellipsis-container-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-9xs);
}
.lorem-ipsum-dolor {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 130%;
  color: var(--black);
  z-index: 2;
}
.content-wrapper,
.description-container {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.content-wrapper {
  width: 403px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-base);
  gap: var(--gap-xs);
  z-index: 1;
}
.description-container {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 271px;
  color: var(--color-white);
  font-family: var(--font-inter);
}
.remaining-words-bar {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-dimgray-200);
}
.words-remaining1 {
  position: relative;
  z-index: 1;
}
.description-counter {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-148xl) var(--padding-xl) var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  text-align: right;
  font-size: var(--font-size-sm);
}
.why-do-you {
  position: relative;
  font-size: var(--font-size-lg);
  font-weight: 600;
  display: inline-block;
  max-width: 100%;
  margin-top: -97px;
}
.expertise-description,
.expertise-layout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.expertise-description {
  align-self: stretch;
  padding: 0 0 148px;
  box-sizing: border-box;
  position: relative;
  min-height: 255px;
  font-size: var(--font-size-3xs);
}
.expertise-layout {
  width: 1200px;
  gap: 70px;
}
.any-other-professional,
.expertise-layout-wrapper {
  font-family: var(--font-poppins);
  font-size: var(--font-size-lg);
  color: var(--black);
  text-align: left;
  max-width: 100%;
}
.expertise-layout-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.any-other-professional {
  width: 367px;
  border: 0;
  outline: 0;
  font-weight: 600;
  background-color: transparent;
  height: 27px;
  position: relative;
  display: inline-block;
  padding: 0;
}
.expertise-option-shape {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.any-other-professional-experti-parent {
  align-self: stretch;
  height: 89px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.expertise-detail-shape1 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.sbd2 {
  position: relative;
  display: inline-block;
  min-width: 35px;
  z-index: 1;
}
.expertise-name-icon4 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-detail-shape-group,
.expertise-name-icon-wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-detail-shape-group {
  width: 136px;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-xl);
}
.expertise-name-shape3 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.photography2 {
  position: relative;
  display: inline-block;
  min-width: 117px;
  z-index: 1;
}
.expertise-name-icon5 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-name-icon-wrapper2,
.expertise-name-shape-parent1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-name-shape-parent1 {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.expertise-name-shape4 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.opi-ldn2 {
  position: relative;
  display: inline-block;
  min-width: 67px;
  z-index: 1;
}
.expertise-name-icon6 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-name-icon-wrapper3,
.expertise-name-shape-parent2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-name-shape-parent2 {
  flex-direction: row;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.expertise-name-shape5 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-indianred);
}
.acrylic2 {
  position: relative;
  display: inline-block;
  min-width: 60px;
  z-index: 1;
}
.expertise-name-icon7 {
  width: 11px;
  height: 11px;
  position: relative;
  z-index: 1;
}
.expertise-name-icon-wrapper4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.expertise-name-shape-parent3,
.frame-group {
  flex-direction: row;
  justify-content: flex-start;
}
.expertise-name-shape-parent3 {
  display: flex;
  align-items: flex-start;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
  gap: var(--gap-xs);
}
.frame-group {
  gap: var(--gap-base);
}
.frame-group,
.frame-parent,
.frame-section {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent {
  width: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.frame-section {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.service-location {
  position: relative;
  font-weight: 600;
}
.icon-placeholder-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: none;
}
.search-icon {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 15.3px;
  height: 15.3px;
  z-index: 1;
}
.icon-placeholder {
  height: 52px;
  width: 52px;
  position: relative;
  border-radius: var(--br-7xl);
  background-color: var(--color-white);
  border: 1px solid var(--black);
  box-sizing: border-box;
}
.search-box {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-7xl);
  background-color: var(--color-dimgray-200);
}
.postcode-search {
  position: relative;
  z-index: 1;
}
.search-input {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-smi) var(--padding-9xl) var(--padding-xs);
  position: relative;
}
.tell-us-up {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.radius-box {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px dashed var(--black);
  box-sizing: border-box;
}
.radius-unit-box,
.work-within-5mile {
  position: relative;
  z-index: 1;
}
.radius-unit-box {
  align-self: stretch;
  height: 2px;
  background-color: var(--color-pink);
}
.radius-unit-ellipsis {
  width: 22px;
  height: 22px;
  position: absolute;
  margin: 0 !important;
  bottom: 16px;
  left: 100px;
  border-radius: 50%;
  background-color: var(--color-pink);
  z-index: 2;
}
.radius-field,
.radius-input {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.radius-field {
  padding: var(--padding-base) var(--padding-9xl) 26px;
  position: relative;
  gap: var(--gap-3xl);
  font-size: var(--font-size-lg);
}
.radius-input {
  padding: 0 0 var(--padding-5xs);
  box-sizing: border-box;
  gap: var(--gap-xs);
  max-width: 100%;
  font-size: var(--font-size-base);
}
.dn1-5gg- {
  position: relative;
}
.location-close-icon {
  width: 11px;
  height: 11px;
  position: relative;
}
.close-icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) 0 0;
}
.example-container {
  border-radius: 6px;
  border: 1px solid var(--color-gray-300);
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-4xs);
  gap: var(--gap-3xs);
}
.example-container,
.input-fields,
.location-example,
.search-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.location-example {
  flex-direction: row;
  padding: 0 var(--padding-9xl);
  font-size: var(--font-size-sm);
}
.input-fields,
.search-container {
  max-width: 100%;
}
.input-fields {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
  min-width: 331px;
}
.search-container {
  width: 577px;
  flex-direction: row;
  gap: var(--gap-base);
}
.upload-your-id {
  position: relative;
  font-weight: 600;
}
.upload-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 90px 0 0;
}
.id-requirements-child {
  width: 447px;
  height: 114px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  display: none;
  max-width: 100%;
}
.valid-id {
  position: relative;
  text-decoration: underline;
  display: inline-block;
  min-width: 51px;
  z-index: 1;
}
.requirements-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-3xs);
}
.driving-license-provisional {
  margin-bottom: 0;
}
.driving-license-provisional-a {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-lgi);
}
.driving-license-provisional-container {
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 133px;
  z-index: 1;
}
.pass-id-badge {
  margin-bottom: 0;
}
.pass-id-badge-other-government {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  padding-left: var(--padding-lgi);
}
.pass-id-badge-container {
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 133px;
  z-index: 2;
}
.document-options {
  width: 408px;
  flex-direction: row;
  row-gap: 20px;
  color: var(--black);
}
.document-options,
.id-requirements,
.search-container-parent,
.upload-container-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.id-requirements {
  flex: 1;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: var(--br-xs);
  background-color: var(--color-white);
  flex-direction: column;
  padding: var(--padding-3xs) var(--padding-7xs) var(--padding-5xs);
  box-sizing: border-box;
  gap: var(--gap-xs);
  min-width: 291px;
  font-size: var(--font-size-sm);
  color: var(--color-palevioletred-200);
}
.search-container-parent,
.upload-container-parent {
  gap: var(--gap-smi);
}
.upload-container-parent {
  align-self: stretch;
  flex-direction: row;
}
.search-container-parent {
  flex: 1;
  flex-direction: column;
  min-width: 386px;
}
.clip-path-group {
  height: 276.8px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.portrait-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 7px;
  box-sizing: border-box;
  max-width: 100%;
}
.upload-a-portrait {
  position: relative;
  font-weight: 600;
}
.input-wrapper,
.portrait-upload {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.portrait-upload {
  width: 570.3px;
  flex-direction: column;
  gap: 80.2px;
  min-width: 570.3px;
}
.input-wrapper {
  align-self: stretch;
  flex-direction: row;
  gap: 36px;
}
.placeholder-example {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px dashed var(--black);
  box-sizing: border-box;
}
.photo-example-icon {
  height: 28px;
  width: 28px;
  min-height: 28px;
}
.drag-drop1,
.photo-example-icon {
  position: relative;
  z-index: 1;
}
.example-container1,
.upload-button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
}
.example-container1 {
  flex: 0.9298;
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-36xl) var(--padding-xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-3xs);
  min-width: 370px;
  max-width: 100%;
}
.placeholder-box {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px dashed var(--black);
  box-sizing: border-box;
}
.placeholder-icon {
  height: 28px;
  width: 28px;
  min-height: 28px;
}
.drag-drop2,
.placeholder-icon {
  position: relative;
  z-index: 1;
}
.drag-drop-or-choose-file-wrapper,
.placeholder-box-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xs) 0 0;
  box-sizing: border-box;
  min-width: 155px;
}
.placeholder-box-parent {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-36xl) var(--padding-21xl);
  position: relative;
  gap: var(--gap-3xs);
  min-width: 231px;
  max-width: 100%;
}
.example-box {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-gray-400);
  border: 2px solid var(--black);
  box-sizing: border-box;
}
.example-photograph {
  position: relative;
  font-weight: 600;
  z-index: 1;
}
.image-9-icon {
  width: 74px;
  max-height: 100%;
  object-fit: cover;
  min-height: 91px;
}
.image-9-icon,
.please-use-this {
  align-self: stretch;
  position: relative;
  z-index: 1;
}
.image-caption {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-36xl) 0 0;
}
.example-box-parent,
.image-caption,
.image-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.image-container {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-5xs);
  font-size: var(--font-size-xs);
}
.example-box-parent {
  width: 200px;
  flex-direction: column;
  padding: var(--padding-3xs);
  box-sizing: border-box;
  position: relative;
  gap: 6px;
  min-width: 200px;
  font-size: var(--font-size-sm);
}
.example-container2 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 14px;
  min-width: 370px;
  max-width: 100%;
}
.location-input,
.upload-examples {
  align-self: stretch;
  justify-content: flex-start;
}
.upload-examples {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: var(--gap-41xl);
  max-width: 100%;
}
.location-input {
  flex-direction: column;
  gap: var(--gap-3xs);
}
.location-container,
.location-container-wrapper,
.location-input {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.location-container {
  width: 1200.3px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.location-container-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-2xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.any-additional-details {
  position: relative;
  font-weight: 600;
}
.input-box {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-sm);
  background-color: var(--color-dimgray-200);
}
.add-anything-that {
  display: inline-block;
  max-width: 100%;
}
.add-anything-that,
.words-remaining2 {
  position: relative;
  z-index: 1;
}
.word-count {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: right;
  font-size: var(--font-size-sm);
}
.any-additional-details-parent,
.input-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.input-container {
  padding: var(--padding-3xl) var(--padding-xl) var(--padding-xl)
    var(--padding-3xl);
  box-sizing: border-box;
  position: relative;
  gap: 118px;
}
.any-additional-details-parent {
  gap: var(--gap-3xs);
}
.by-submitting-this {
  align-self: stretch;
  position: relative;
}
.review-application {
  position: relative;
  font-size: var(--font-size-lg);
  line-height: 32px;
  font-weight: 600;
  font-family: var(--font-poppins);
  color: var(--color-white);
  text-align: center;
}
.button-container {
  cursor: pointer;
  border: 0;
  padding: var(--padding-3xs) var(--padding-xl);
  background-color: var(--color-palevioletred-200);
  flex: 1;
  border-radius: var(--br-7xl);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
  white-space: nowrap;
  max-width: 100%;
}
.button-container:hover {
  background-color: var(--color-palevioletred-100);
}
.submission-button,
.terms-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.submission-button {
  align-self: stretch;
  flex-direction: row;
  padding: 0 76px;
  box-sizing: border-box;
}
.terms-container {
  width: 492px;
  flex-direction: column;
  gap: var(--gap-11xl);
}
.terms-container-wrapper {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-base);
}
.additional-details,
.details-container,
.terms-container-wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.details-container {
  width: 1200px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-61xl);
}
.additional-details {
  align-self: stretch;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) var(--padding-21xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--black);
  font-family: var(--font-poppins);
}
.frame-child6 {
  align-self: stretch;
  height: 418px;
  position: relative;
  background-color: var(--color-gray-100);
  display: none;
}
.group-icon {
  width: 163.1px;
  height: 76px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.lorem-ipsum-dolor1 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
  z-index: 1;
}
.frame-child7 {
  width: 230px;
  height: 50px;
  position: relative;
  z-index: 1;
}
.frame-parent1 {
  width: 338px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 21px;
  min-width: 338px;
  max-width: 100%;
}
.important-links {
  position: relative;
  line-height: 150%;
  font-weight: 600;
  z-index: 1;
}
.contact-us,
.find-courses,
.shop {
  position: relative;
  line-height: 150%;
  display: inline-block;
  min-width: 39px;
  z-index: 1;
}
.contact-us,
.find-courses {
  min-width: 96px;
}
.contact-us {
  min-width: 84px;
}
.primary-navigation {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.about-us1,
.for-educators {
  position: relative;
  line-height: 150%;
  display: inline-block;
  min-width: 68px;
  z-index: 1;
}
.for-educators {
  min-width: 102px;
}
.primary-links-list,
.secondary-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.primary-links-list {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  gap: var(--gap-xl);
  font-size: var(--font-size-base);
}
.links-container {
  width: 250px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
  min-width: 250px;
}
.informative-links {
  position: relative;
  line-height: 150%;
  font-weight: 600;
  z-index: 1;
}
.cookie-policy,
.vision-statement {
  position: relative;
  line-height: 150%;
  display: inline-block;
  min-width: 99px;
  z-index: 1;
}
.vision-statement {
  min-width: 127px;
}
.policy-links-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.fraud-policy,
.privacy-policy {
  position: relative;
  line-height: 150%;
  display: inline-block;
  min-width: 100px;
  z-index: 1;
}
.fraud-policy {
  min-width: 89px;
}
.policy-links-container1 {
  width: 236px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.links,
.policy-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.policy-links {
  align-self: stretch;
  gap: var(--gap-base);
  font-size: var(--font-size-base);
}
.links {
  flex: 1;
  gap: var(--gap-3xl);
  min-width: 178px;
}
.links-container-parent {
  width: 690px;
  justify-content: flex-start;
  gap: 166px;
  min-width: 690px;
  font-size: var(--font-size-lg);
}
.content-container,
.frame-container,
.links-container-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.frame-container {
  width: 1200px;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.content-container {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.frame-child8 {
  height: 51px;
  width: 1440px;
  position: relative;
  background-color: var(--color-thistle);
  display: none;
  max-width: 100%;
}
.abd-training-ltd {
  position: relative;
  font-weight: 500;
  z-index: 1;
}
.group-div {
  align-self: stretch;
  background-color: var(--color-thistle);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-base) var(--padding-xl) var(--padding-base)
    var(--padding-2xl);
  box-sizing: border-box;
  max-width: 100%;
  z-index: 1;
  font-size: var(--font-size-sm);
}
.group-footer,
.register-intrest {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
.group-footer {
  align-self: stretch;
  background-color: var(--color-gray-100);
  align-items: flex-start;
  padding: 70px 0 0;
  gap: 81px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-white);
  font-family: var(--font-manrope);
}
.register-intrest {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  align-items: flex-end;
  padding: var(--padding-5xl) 0 0;
  gap: var(--gap-61xl);
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .footer-image-content {
    flex-wrap: wrap;
    justify-content: center;
  }
  .experience-layout-parent {
    gap: var(--gap-11xl);
  }
  .registration {
    gap: var(--gap-21xl);
  }
  .reference-entry {
    gap: var(--gap-11xl);
  }
  .expertise-layout {
    gap: 35px;
  }
  .upload-examples {
    gap: var(--gap-11xl);
  }
  .input-container {
    gap: 59px;
  }
  .details-container {
    gap: var(--gap-21xl);
  }
  .frame-parent1,
  .links-container-parent {
    flex: 1;
  }
  .frame-container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1050px) {
  .footer-navigation {
    display: none;
  }
  .footer-column-left-content {
    width: 154px;
  }
  .register-interest1 {
    font-size: 51px;
    line-height: 51px;
  }
  .footer-image-elements {
    flex-wrap: wrap;
  }
  .educator-interest-registration-container {
    font-size: 37px;
    line-height: 48px;
  }
  .details-layout,
  .details-layout1,
  .registration-steps-content {
    flex-wrap: wrap;
  }
  .registration-qualifications-it {
    min-width: 100%;
  }
  .content {
    padding-bottom: 71px;
    box-sizing: border-box;
  }
  .contact-fields,
  .reference-inputs,
  .reference-inputs1 {
    flex-wrap: wrap;
  }
  .reference-fields {
    min-width: 100%;
  }
  .portrait-upload {
    flex: 1;
  }
  .input-wrapper {
    flex-wrap: wrap;
  }
  .example-container1,
  .example-container2 {
    flex: 1;
  }
  .upload-examples {
    flex-wrap: wrap;
  }
  .links-container-parent {
    min-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .footer-column-left-content {
    gap: 23px;
  }
  .register-interest-container {
    min-width: 100%;
  }
  .footer-image-content {
    padding-left: 49px;
    padding-right: var(--padding-3xl);
    box-sizing: border-box;
  }
  .details-layout,
  .details-layout1 {
    gap: var(--gap-6xl);
  }
  .registration-content {
    gap: var(--gap-10xl);
  }
  .experience-duration {
    flex-wrap: wrap;
  }
  .registration {
    gap: var(--gap-xl);
  }
  .statement-input {
    flex-wrap: wrap;
  }
  .references-layout {
    gap: var(--gap-xl);
  }
  .expertise-details1,
  .expertise-options {
    flex-wrap: wrap;
  }
  .description-container {
    padding-left: 135px;
    box-sizing: border-box;
  }
  .expertise-layout {
    gap: 17px;
  }
  .frame-group,
  .search-container,
  .upload-container-parent {
    flex-wrap: wrap;
  }
  .search-container-parent {
    min-width: 100%;
  }
  .portrait-upload {
    gap: var(--gap-21xl);
    min-width: 100%;
  }
  .input-wrapper {
    gap: 18px;
  }
  .example-box-parent {
    flex: 1;
  }
  .example-container2 {
    flex-wrap: wrap;
  }
  .input-container {
    gap: var(--gap-10xl);
  }
  .submission-button {
    padding-left: var(--padding-19xl);
    padding-right: var(--padding-19xl);
    box-sizing: border-box;
  }
  .details-container {
    gap: var(--gap-xl);
  }
  .links-container {
    flex: 1;
  }
  .links-container-parent {
    flex-wrap: wrap;
    gap: 83px;
  }
  .group-footer,
  .register-intrest {
    gap: var(--gap-21xl);
  }
}
@media screen and (max-width: 450px) {
  .register-interest1 {
    font-size: 38px;
    line-height: 38px;
  }
  .footer-image-content {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .educator-interest-registration-container {
    font-size: 28px;
    line-height: 36px;
  }
  .your-professional-qualificatio {
    font-size: var(--font-size-base);
  }
  .experience-layout,
  .experience-layout1 {
    min-width: 100%;
  }
  .content {
    padding-bottom: var(--padding-27xl);
    box-sizing: border-box;
  }
  .rectangle-group,
  .rectangle-parent {
    min-width: 100%;
  }
  .contact-inputs {
    min-width: 100%;
    flex: 1;
  }
  .contact-inputs1 {
    min-width: 100%;
  }
  .reference-actions {
    flex-wrap: wrap;
  }
  .reference-data {
    min-width: 100%;
  }
  .parent {
    flex-wrap: wrap;
  }
  .reference-data1 {
    min-width: 100%;
  }
  .description-container {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }
  .document-options {
    flex-wrap: wrap;
  }
  .portrait-upload {
    gap: var(--gap-xl);
  }
  .example-container1 {
    min-width: 100%;
  }
  .placeholder-box-parent {
    flex-wrap: wrap;
  }
  .example-container2,
  .frame-parent1 {
    min-width: 100%;
  }
  .links-container-parent {
    gap: 41px;
  }
  .group-footer {
    padding-top: var(--padding-26xl);
    box-sizing: border-box;
  }
  .group-footer,
  .register-intrest {
    gap: var(--gap-xl);
  }
}