html {
  scroll-behavior: smooth;
}

/*Form section start*/
.schedule-a-demo2 {
  align-self: stretch;
  position: relative;
}

.name2,
.nameorganization2 {
  display: flex;
  flex-direction: row;
}

.name2 {
  border: 1px solid var(--color-darkgray);
  outline: 0;
  font-family: var(--font-heebo);
  font-size: var(--font-size-base);
  background-color: var(--background-background-primary);
  flex: 1;
  border-radius: var(--br-6xs);
  box-sizing: border-box;
  height: 44px;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-3xs);
  color: var(--color-gray-200);
  min-width: 300px;
}

.nameorganization2 {
  align-self: stretch;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: var(--gap-xl);
}

.captcha-inner {
  position: absolute;
  top: 14px;
  left: 17px;
  border-radius: var(--br-12xs);
  border: 1px solid var(--color-gray-200);
  box-sizing: border-box;
  width: 17px;
  height: 16px;
}

.smart-jackpots-that6 {
  position: absolute;
  top: 16px;
  left: 42px;
  font-size: var(--font-size-2xs);
  line-height: 11px;
  font-family: var(--font-heebo);
  color: var(--color-gray-200);
  text-align: left;
  display: inline-block;
  width: 71px;
  height: 11px;
  opacity: 0.8;
}

.captcha-1-icon2 {
  position: absolute;
  top: 8px;
  left: 126px;
  width: 28px;
  height: 28px;
  object-fit: cover;
}

.captcha2 {
  /* width: 172px; */
  position: relative;
  border-radius: var(--br-7xs);
  /* border: 1px solid var(--color-gray-200); */
  box-sizing: border-box;
  /* height: 44px; */
}

.smart-jackpots-that7 {
  width: 44px;
  position: relative;
  font-size: var(--font-size-sm);
  line-height: 14px;
  text-transform: uppercase;
  display: inline-block;
  font-family: var(--font-heebo);
  color: var(--color-gray-200);
  text-align: center;
  flex-shrink: 0;
}

.buttonreset2 {
  cursor: pointer;
  border: 1px solid var(--color-gray-200);
  padding: var(--padding-lgi) var(--padding-xl);
  background-color: var(--background-background-primary);
  flex: 1;
  border-radius: var(--br-6xs);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 140px;
  max-width: 200px;
}

.buttonreset2:hover {
  background-color: var(--color-whitesmoke-300);
}

.smart-jackpots-that8 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: var(--font-size-sm);
  line-height: 14px;
  text-transform: uppercase;
  display: inline-block;
  font-family: var(--font-heebo);
  color: var(--color-gray-100);
  text-align: center;
  width: 37px;
}

.vector-icon57 {
  position: absolute;
  height: 57.14%;
  width: 20.17%;
  top: 14.29%;
  right: 0;
  bottom: 28.57%;
  left: 79.83%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}

.smart-jackpots-that-you-may-lo-container {
  width: 58px;
  position: relative;
  height: 14px;
}

.buttonsend2 {
  cursor: pointer;
  border: 0;
  padding: var(--padding-lg) var(--padding-xl);
  background-color: var(--color-mediumseagreen-200);
  flex: 1;
  border-radius: var(--br-6xs);
  height: 52px;
  justify-content: center;
  box-sizing: border-box;
  min-width: 140px;
  max-width: 200px;
}

.buttonsend2:hover {
  background-color: var(--color-mediumspringgreen);
}

.buttons4,
.buttons5,
.buttonsend2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.buttons5 {
  flex: 1;
  justify-content: flex-end;
  gap: var(--gap-base);
}

.buttons4 {
  align-self: stretch;
  border-radius: var(--br-6xs);
  justify-content: flex-start;
  gap: var(--gap-5xl);
  min-width: 300px;
}

.content21,
.formelements2,
.schedule-a-demo1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.formelements2 {
  margin: 0;
  align-items: flex-start;
  gap: var(--gap-xl);
  max-width: 1028px;
}

.content21,
.schedule-a-demo1 {
  align-items: center;
}

.content21 {
  gap: var(--gap-21xl);
  max-width: 1240px;
}

.schedule-a-demo1 {
  position: relative;
  background-color: #dedbeb;
  padding: var(--padding-41xl) var(--padding-3xs);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-29xl);
  color: var(--color-darkslategray);
  font-family: var(--font-heebo);
}

@media screen and (max-width: 1920px) and (min-width: 1601px) {
  .schedule-a-demo1 {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1366px) and (min-width: 1281px) {
  .schedule-a-demo2 {
    font-size: var(--font-size-25xl);
  }

  .content21 {
    gap: var(--gap-11xl);
    padding-left: var(--padding-77xl);
    padding-right: var(--padding-77xl);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1280px) and (min-width: 961px) {
  .schedule-a-demo2 {
    font-size: var(--font-size-15xl);
  }

  .content21 {
    gap: var(--gap-11xl);
    padding-left: var(--padding-77xl);
    padding-right: var(--padding-77xl);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 960px) and (min-width: 601px) {
  .schedule-a-demo2 {
    font-size: var(--font-size-13xl);
  }

  .content21 {
    gap: var(--gap-xl);
    padding-left: var(--padding-15xl);
    padding-top: 0;
    padding-right: var(--padding-15xl);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 600px) and (min-width: 298px) {
  .schedule-a-demo2 {
    font-size: var(--font-size-5xl);
  }

  .name2 {
    width: 100%;
  }

  .buttonreset2,
  .buttonsend2 {
    min-width: 60px;
    max-width: 300px;
  }

  .buttons5 {
    flex: unset;
    align-self: stretch;
  }

  .buttons4 {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--gap-xl);
  }

  .content21 {
    gap: var(--gap-xl);
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .schedule-a-demo1 {
    padding-top: var(--padding-15xl);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-15xl);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 420px) {
  .name2 {
    min-width: 0;
    flex: unset;
    align-self: stretch;
  }

  .nameorganization2 {
    flex-direction: column;
  }
}

@media screen and (max-width: 297px) and (min-width: 100px) {
  .schedule-a-demo2 {
    font-size: var(--font-size-5xl);
  }

  .name2 {
    width: 100%;
  }

  .buttonreset2,
  .buttonsend2 {
    min-width: 60px;
    max-width: 245px;
    flex: unset;
    align-self: stretch;
  }

  .buttons4,
  .buttons5 {
    flex-direction: column;
    row-gap: 10px;
  }

  .buttons5 {
    flex: unset;
    align-self: stretch;
  }

  .buttons4 {
    min-width: 300px;
  }

  .content21 {
    gap: var(--gap-xl);
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .schedule-a-demo1 {
    padding-top: var(--padding-15xl);
    padding-right: var(--padding-3xs);
    padding-bottom: var(--padding-15xl);
    box-sizing: border-box;
  }
}

.buttonsend2:disabled {
  color: black;
  cursor: not-allowed;
  /* Cursor indicating the button is not clickable */
}

@media screen and (max-width: 820px) {
  .buttons4 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
  }

  .buttons5 {
    flex: unset;
    align-self: stretch;
    justify-content: flex-start;
  }

  .buttonreset2,
  .buttonsend2 {
    min-width: 60px;
    max-width: 300px;
  }
}

@media screen and (max-width: 500px) {
  .captcha2 {
    transform: scale(0.77);
    transform-origin: 0 0;
  }

}

@media screen and (max-width: 308px) and (min-width: 100px) {

  .buttons4,
  .buttons5 {
    flex-direction: column;
    align-self: stretch;
  }

  .buttonreset2,
  .buttonsend2 {
    min-width: 60px;
    max-width: 245px;
    flex: unset;
    align-self: stretch;
  }
}

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

  .name2,
  .organisation {
    width: 100%;
    flex: unset;
    align-self: stretch;
  }
}

/* for g reacatcha verification error message */
.rc-anchor-error-msg-container {
  padding-left: 11px !important;
}

/*Form section end*/

/*Introduction section start*/

.introduction-why .why-accept-the {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-29xl);
}
.introduction-why .as-businesses-look {
  margin: 0;
}
.introduction-why .as-businesses-look-container {
  align-self: stretch;
  position: relative;
}
.introduction-why .proconf-twilio-adapter {
  font-weight: 500;
  color: #5b87f9;
  text-decoration: none;
}
.introduction-why .see-how-easily-you-can-migrate-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.introduction-why .content11,
.introduction-why{
  width: 100%;
  flex-direction: column;
}
.introduction-why .content11 {
  display: grid;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-21xl);
  max-width: 1240px;
  grid-template-columns: repeat (2, 1fr);
  column-gap: 20 px;
}
.introduction-why{
  position: relative;
  background-color: var(--background-background-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-41xl) var(--padding-3xs);
  box-sizing: border-box;
  text-align: center;
  font-size: var(--font-size-lg);
  color: var(--color-darkslategray);
  font-family: var(--font-heebo);
}
@media screen and (max-width: 1366px) and (min-width: 1281px) {
  .introduction-why .why-accept-the {
    font-size: var(--font-size-25xl);
  }
  .introduction-why .content11 {
    gap: var(--gap-11xl);
    padding-left: var(--padding-77xl);
    padding-right: var(--padding-77xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1280px) and (min-width: 961px) {
  .introduction-why .why-accept-the {
    font-size: var(--font-size-15xl);
  }
  .introduction-why .content11 {
    gap: var(--gap-11xl);
    padding-left: var(--padding-77xl);
    padding-right: var(--padding-77xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 960px) and (min-width: 601px) {
  .introduction-why .why-accept-the {
    font-size: var(--font-size-13xl);
  }
  .introduction-why .as-businesses-look-container {
    font-size: var(--font-size-base);
  }
  .introduction-why .content11 {
    gap: var(--gap-xl);
    padding-left: var(--padding-17xl);
    padding-right: var(--padding-17xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 600px) and (min-width: 298px) {
  .introduction-why .why-accept-the {
    font-size: var(--font-size-5xl);
    line-height: 30px;
  }
  .introduction-why .as-businesses-look-container {
    font-size: var(--font-size-base);
    text-align: center;
  }
  .introduction-why .see-how-easily-you-can-migrate-wrapper {
    align-items: center;
    justify-content: flex-start;
  }
  .introduction-why .content11 {
    gap: var(--gap-xl);
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 297px) and (min-width: 100px) {
  .introduction-why .why-accept-the {
    font-size: var(--font-size-5xl);
    line-height: 30px;
  }
  .introduction-why .as-businesses-look-container {
    font-size: var(--font-size-base);
    line-height: 20px;
    text-align: center;
  }
  .introduction-why .see-how-easily-you-can-migrate-wrapper {
    align-items: center;
    justify-content: flex-start;
  }
  .introduction-why .content11 {
    gap: var(--gap-xl);
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
}

/*Introduction section end*/