.sectionText{
    top: 50px;
    position: relative;

}


.content-icon {
  height: 32px;
  width: 32px;
  position: relative;
  border-radius: var(--spacing-md);
  overflow: hidden;
  flex-shrink: 0;
}
.logomark {
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.logotype-icon {
  align-self: stretch;
  width: 100px;
  position: relative;
  max-height: 100%;
  min-height: 32px;
}
.login-form-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.supporting-text,
.title {
  align-self: stretch;
  position: relative;
}
.title {
  margin: 0;
  font-size: inherit;
  line-height: 38px;
  font-weight: 600;
  font-family: inherit;
}
.supporting-text {
  font-size: var(--text-md-medium-size);
  line-height: 24px;
  color: var(--colors-text-text-tertiary-600);
}
.description {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-5xl);
    /* line-height: 50px; */
    margin-bottom: 20px;
}
.asterisk,
.label {
  position: relative;
  font-size: var(--text-sm-regular-size);
  line-height: 20px;
  font-weight: 500;
  font-family: var(--text-md-medium);
  text-align: left;
}
.label {
  color: var(--colors-text-text-secondary-700);
  display: inline-block;
  min-width: 36px;
}
.asterisk {
  align-self: stretch;
  width: 8px;
  color: var(--component-colors-components-buttons-primary-button-primary-bg);
  display: none;
}
.content2,
.label-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.label-wrapper {
  align-items: flex-start;
  gap: var(--spacing-xxs);
}
.content2 {
  width: 100%;
  border: 0;
  outline: 0;
  background-color: transparent;
  height: 24px;
  flex: 1;
  align-items: center;
  font-family: var(--text-md-medium);
  font-size: var(--text-md-medium-size);
  color: var(--color-slategray);
  min-width: 199px;
  max-width: 100%;
}
.help-icon {
  height: 16px;
  width: 16px;
  position: relative;
  display: none;
}
.input {
  align-self: stretch;
  box-shadow: var(--shadows-shadow-xs);
  border-radius: var(--radius-md);
  background-color: var(--colors-background-bg-primary);
  border: 1px solid var(--colors-border-border-primary);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-smi);
  gap: var(--spacing-md);
  max-width: 100%;
}
.hint-text {
  width: 320px;
  position: relative;
  font-size: var(--text-sm-regular-size);
  line-height: 20px;
  font-family: var(--text-md-medium);
  color: var(--colors-text-text-tertiary-600);
  text-align: left;
  display: none;
}
.input-field {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-sm);
  max-width: 100%;
}
.label1 {
  position: relative;
  font-size: var(--text-sm-regular-size);
  line-height: 20px;
  font-weight: 500;
  font-family: var(--text-md-medium);
  color: var(--colors-text-text-secondary-700);
  text-align: left;
  display: inline-block;
  min-width: 66px;
}
.form {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-2xl);
  max-width: 100%;
}
.input2 {
  margin: 0;
  height: 18px;
  width: 16px;
}
.supporting-text1,
.text {
  position: relative;
  font-size: var(--text-sm-regular-size);
  line-height: 20px;
  font-family: var(--text-md-medium);
  text-align: left;
}
.text {
  flex: 1;
  font-weight: 500;
  color: var(--colors-text-text-secondary-700);
}
.supporting-text1 {
  align-self: stretch;
  width: 320px;
  color: var(--colors-text-text-tertiary-600);
  display: none;
}
.checkbox,
.text-and-supporting-text {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.checkbox {
  gap: var(--spacing-md);
  min-width: 160px;
}
.placeholder-icon {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
  min-height: 20px;
}
.text1 {
  position: relative;
  font-size: var(--text-sm-regular-size);
  line-height: 20px;
  font-weight: 600;
  font-family: var(--text-md-medium);
  color: var(
    --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg
  );
  text-align: left;
  display: inline-block;
  min-width: 114px;
}
.buttonsbutton,
.options {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.buttonsbutton {
  overflow: hidden;
  gap: var(--spacing-sm);
}
.options {
  align-self: stretch;
  row-gap: 20px;
}
.placeholder-icon2 {
  height: 20px;
  width: 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.social-icon {
  text-decoration: none;
  position: relative;
  font-size: var(--text-md-medium-size);
  line-height: 24px;
  font-weight: 600;
  font-family: var(--text-md-medium);
  color: var(--colors-background-bg-primary);
  text-align: left;
  display: inline-block;
  min-width: 53px;
}
.buttonsbutton1,
.text-padding {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-xxs);
}
.buttonsbutton1 {
  cursor: pointer;
  border: 2px solid var(--gradient-skeuemorphic-gradient-border);
  padding: var(--padding-6xs) var(--padding-xl);
  background-color: var(
    --component-colors-components-buttons-primary-button-primary-bg
  );
  align-self: stretch;
  box-shadow: var(--shadows-shadow-xs-skeuomorphic);
  border-radius: var(--radius-md);
  overflow: hidden;
  gap: var(--spacing-sm);
}
.social-icon1 {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 24px;
}
.social-name {
  position: relative;
  font-size: var(--text-md-medium-size);
  line-height: 24px;
  font-weight: 600;
  font-family: var(--text-md-medium);
  color: var(--colors-text-text-secondary-700);
  text-align: left;
}
.social-button,
.social-button1 {
  align-self: stretch;
  box-shadow: var(--shadows-shadow-xs-skeuomorphic);
  border-radius: var(--radius-md);
  background-color: var(--colors-background-bg-primary);
  border: 1px solid var(--colors-border-border-primary);
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-lg);
  white-space: nowrap;
}
.social-button {
  display: flex;
  padding: var(--padding-5xs) var(--padding-xl);
}
.social-button1 {
  display: none;
  padding: var(--padding-5xs) var(--spacing-xl);
}
.text4 {
  height: 24px;
  position: relative;
  font-size: var(--text-md-medium-size);
  line-height: 24px;
  font-weight: 600;
  font-family: var(--text-md-medium);
  color: var(--colors-text-text-secondary-700);
  text-align: left;
  display: inline-block;
}
.actions,
.content1,
.social-button-groups,
.social-button3 {
  align-self: stretch;
  align-items: center;
  justify-content: center;
}
.social-button3 {
  box-shadow: var(--shadows-shadow-xs-skeuomorphic);
  border-radius: var(--radius-md);
  background-color: var(--colors-background-bg-primary);
  border: 1px solid var(--colors-border-border-primary);
  overflow: hidden;
  display: none;
  flex-direction: row;
  padding: var(--padding-5xs) var(--spacing-xl);
  gap: var(--gap-2xs);
  white-space: nowrap;
}
.actions,
.content1,
.social-button-groups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.actions,
.content1 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-xl);
}
.content1 {
  margin: 0;
  border-radius: var(--spacing-lg);
  gap: var(--gap-5xl);
  max-width: 100%;
}
.copyright,
.text5 {
  position: relative;
  line-height: 20px;
}
.text5 {
  font-weight: 600;
  display: inline-block;
  min-width: 51px;
  white-space: nowrap;
}
.buttonsbutton2 {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-sm);
  color: var(
    --component-colors-components-buttons-tertiary-color-button-tertiary-color-fg
  );
}
.footer-content {
  flex-direction: row;
  gap: 3px;
}
.content,
.footer,
.footer-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.footer {
  flex-direction: row;
  padding: 0 75px;
  font-size: var(--text-sm-regular-size);
  color: var(--colors-text-text-tertiary-600);
}
.content {
  width: 360px;
  flex-direction: column;
  gap: var(--gap-13xl);
  max-width: 360px;
}
.form-header,
.login-form-container {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.form-header {
  align-self: stretch;
  flex-direction: row;
  justify-content: flex-end;
}

.login-form-container {
  width: 468px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 21px;
}


/*.page-description {*/
/*    position: absolute;*/
/*    bottom: 10px;*/
/*    font-size: var(--text-sm-regular-size);*/
/*    line-height: 20px;*/
/*    color: var(--colors-text-text-tertiary-600);*/
/*    display: inline-block;*/
/*    min-width: 125px;*/
/*}*/

.page-description {
    position: absolute;
    bottom: 10px;
    right: 20px;
    margin: 0 auto;
    font-size: var(--text-sm-regular-size);
    line-height: 20px;
    color: var(--colors-text-text-tertiary-600);
    display: inline-block;
    min-width: 125px;
}



.section {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-13xl);
  box-sizing: border-box;
  gap: 183px;
  min-width: var(--width-sm);
  max-width: var(--width-lg);
}
.quote {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: inherit;
  letter-spacing: -0.02em;
  line-height: 44px;
  font-weight: 500;
  font-family: inherit;
}
.supporting-text2,
.testimonial-subheading {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 600;
}
.supporting-text2 {
  font-size: var(--text-md-medium-size);
  line-height: 24px;
  font-weight: 500;
}
.text-and-supporting-text1 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--spacing-xxs);
  min-width: 346px;
  max-width: 100%;
}
.arrow-left-icon {
  height: 24px;
  width: 24px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.testiomonial-carousel-arrow {
  height: 56px;
  width: 56px;
  border-radius: var(--radius-full);
  border: 1px solid var(--color-gray-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-base) var(--padding-mini);
}
.arrows {
  width: 144px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--spacing-4xl);
}
.name-and-text,
.supporting-text-and-arrows {
  align-self: stretch;
  align-items: flex-start;
  gap: var(--spacing-lg);
  max-width: 100%;
}
.supporting-text-and-arrows {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  font-size: var(--text-lg-semibold-size);
}
.name-and-text {
  flex-direction: column;
  font-size: var(--display-sm-semibold-size);
}
.content4,
.log-in,
.login,
.name-and-text,
.section1 {
  display: flex;
  justify-content: flex-start;
}
.content4 {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-3xl);
  max-width: 100%;
}
.log-in,
.login,
.section1 {
  flex-direction: row;
}
.section1 {
    flex: 0.9348;
    border-radius: var(--spacing-8xl) 0 0 var(--br-61xl);
    align-items: flex-end;
    padding: var(--padding-37xl);
    box-sizing: border-box;
    background-image: url(./public/surgeons_4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-width: 520px;
    min-height: 915px;
    max-width: 100%;
    max-height: 100vh;
    height: 100vh;
    font-size: var(--display-md-medium-size);
    color: var(--colors-background-bg-primary);
}
.log-in,
.login {
  background-color: var(--colors-background-bg-primary);
  align-items: flex-start;
}
.log-in {
  flex: 1;
  min-height: 960px;
  max-width: 100%;
  row-gap: 20px;
  text-align: left;
  font-size: var(--display-sm-semibold-size);
  color: var(--colors-text-text-primary-900);
  font-family: var(--text-md-medium);
}
.login {
  width: 100%;
  position: relative;
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1125px) {
  .section {
    width: 100%;
  }
  .section1 {
    flex: 1;
    min-height: auto;
  }
  .log-in {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1050px) {
  .title {
    font-size: var(--font-size-5xl);
    line-height: 30px;
  }
  .section {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .quote {
    font-size: 29px;
    line-height: 35px;
  }
  .section1 {
    padding-left: var(--padding-9xl);
    padding-right: var(--padding-9xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 750px) {
  .login-form-container {
    gap: 85px;
  }
  .section {
    gap: 91px;
    max-width: var(--width-lg);
    min-width: var(--width-sm);
  }
  .text-and-supporting-text1 {
    min-width: 100%;
  }
  .supporting-text-and-arrows {
    flex-wrap: wrap;
  }
  .section1 {
    min-width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .title {
    font-size: var(--text-lg-semibold-size);
    line-height: 23px;
  }
  .options {
    flex-wrap: wrap;
  }
  .footer {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .content {
    gap: var(--gap-base);
  }
  .section {
    gap: 46px;
    padding-top: var(--padding-xl);
    padding-bottom: var(--padding-xl);
    box-sizing: border-box;
  }
  .quote {
    font-size: var(--font-size-3xl);
    line-height: 26px;
  }
  .section1 {
    padding-top: var(--padding-17xl);
    padding-bottom: var(--padding-17xl);
    box-sizing: border-box;
  }
  
.login-form-container {
 
    gap: 20px !important;
  
    margin-top: 50px !important;
}
  
  .page-description{
      position:relative !important;
      
  }
  
  .sectionText{
      
      display:none;
  }
  
  .medInstitution{
      
      margin:0 !important;
  }
  
    .h1stuff{
      
      margin:0 !important;
  }
  
  body{
      height:100% !important;
  }
  
}