/* screen - 1441 */

.x1441 {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 1441px;
  position: relative;
}

.x1441 .header {
  align-items: center;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  padding: 48px 72px;
  position: relative;
  width: 1440px;
}

.x1441 .logo {
  align-items: center;
  display: flex;
  gap: 16px;
  width: fit-content;
}

.x1441 .logo-mark {
  min-width: 48px;
}

.x1441 .dance-studio-software {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x1441 .nav {
  height: 23px;
  min-width: 69px;
  position: relative;
}

.x1441 .place {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: -1px;
}

.x1441 .hero-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 72px;
  position: relative;
  width: 1441px;
}

.x1441 .hero-section-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 845px;
}

.x1441 .h1 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lexend_deca);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x1441 .p {
  width: 414px;
}

.x1441 .btn-primary {
  align-items: center;
  background-color: var(--yellow);
  border-radius: 24px;
  display: flex;
  gap: 20px;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
  width: fit-content;
}

.x1441 .get-started-now {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x1441 .vector-9 {
  height: 11.06px;
  min-width: 6.59px;
  position: relative;
}

.x1441 .section {
  align-items: center;
  gap: 32px;
  padding: 72px;
  width: 1441px;
}

.x1441 .h2 {
  margin-top: -1.00px;
  width: 288px;
}

.x1441 .features {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 48px;
  position: relative;
}

.x1441 .feature-details {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  padding: 0px 32px;
  position: relative;
}

.x1441 .content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: fit-content;
}

.x1441 .h3 {
  width: fit-content;
}

.x1441 .p-1 {
  width: 336px;
}

.x1441 .h3-1 {
  width: fit-content;
}

.x1441 .p-2 {
  width: 336px;
}

.x1441 .h3-2 {
  width: fit-content;
}

.x1441 .p-3 {
  width: 336px;
}

.x1441 .section-1 {
  align-items: flex-start;
  gap: 4px;
  padding: 72px;
  width: 1440px;
}

.x1441 .customer-reviews {
  align-items: center;
  align-self: stretch;
  background-color: var(--green);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
  padding: 56px 308px;
  position: relative;
}

.x1441 .review-1 {
  gap: 40px;
  width: 680px;
}

.x1441 .h3-3 {
  width: 496px;
}

.x1441 .review {
  align-self: stretch;
  gap: 12px;
}

.x1441 .stars {
  align-items: flex-start;
  display: flex;
  gap: 5px;
  position: relative;
  width: fit-content;
}

.x1441 .star {
  height: 16.5px;
  min-width: 17.24px;
  position: relative;
}

.x1441 .h2-1 {
  align-self: stretch;
}

.x1441 .author {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.x1441 .img-author {
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  position: relative;
}

.x1441 .p-4 {
  width: fit-content;
}

.x1441 .section-2 {
  align-items: center;
  background-color: var(--white);
  gap: 24px;
  padding: 72px 0px;
  width: 1441px;
}

.x1441 .h2-2 {
  margin-top: -1.00px;
  width: fit-content;
}

.x1441 .industry-software {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 36px 56px;
  position: relative;
}

.x1441 .frame-10 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 56px;
  justify-content: center;
  position: relative;
}

.x1441 .img-logo {
  flex: 1;
  height: 72px;
  min-width: 405.33px;
  position: relative;
}

.x1441 .img-logo-classmanager {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 16px 78px;
}

.x1441 .classmanager {
  height: 40px;
  min-width: 227.83px;
  position: relative;
}

.x1441 .img-logo-dancestudio-pro {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 11px 25px;
  position: relative;
}

.x1441 .frame-87 {
  height: 49px;
  min-width: 334px;
  position: relative;
}

.x1441 .group-30 {
  align-items: flex-end;
  display: flex;
  min-width: 336px;
}

.x1441 .dsp-logo-horizontal {
  height: 49px;
  width: 59px;
}

.x1441 .dance-studio {
  letter-spacing: -1.24px;
  line-height: normal;
  margin-left: 12px;
  min-height: 47px;
  min-width: 193px;
}

.x1441 .rectangle-14 {
  align-self: center;
  background-color: var(--navy-blue);
  border-radius: 2px;
  height: 4px;
  margin-left: 3px;
  margin-top: 5.0px;
  width: 13px;
}

.x1441 .pro {
  letter-spacing: -1.24px;
  line-height: normal;
  margin-left: 2px;
  min-height: 47px;
  min-width: 50px;
}

.x1441 .frame-105 {
  align-self: stretch;
  height: 72px;
  min-width: 1328px;
  position: relative;
}

.x1441 .frame-106 {
  align-self: stretch;
  height: 72.32px;
  min-width: 1328px;
  position: relative;
}

.x1441 .img-logo-iclasspro {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 22px 127px;
}

.x1441 .download-1 {
  height: 28px;
  min-width: 130px;
  position: relative;
}

.x1441 .img-logo-akada {
  height: 71.75px;
  min-width: 405.33px;
}

.x1441 .p-5 {
  width: 446px;
}

.x1441 .section-3 {
  align-items: center;
  gap: 4px;
  padding: 72px;
  width: 1441px;
}

.x1441 .meet-the-team {
  align-items: center;
  align-self: stretch;
  background-color: var(--green-lightest);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
  padding: 56px 0px;
  position: relative;
}

.x1441 .meet-the-team-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x1441 .profiles {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 48px;
  padding: 0px 48px;
  position: relative;
}

.x1441 .profile {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.x1441 .img-profile {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x1441 .info-profile {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.x1441 .h3-4 {
  width: fit-content;
}

.x1441 .p-6 {
  width: fit-content;
}

.x1441 .image-1 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x1441 .h3-5 {
  width: fit-content;
}

.x1441 .p-7 {
  width: fit-content;
}

.x1441 .dss_portrai {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x1441 .h3-6 {
  width: fit-content;
}

.x1441 .p-8 {
  width: fit-content;
}

.x1441 .dss_full_up {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x1441 .h3-7 {
  width: fit-content;
}

.x1441 .p-9 {
  width: fit-content;
}

.x1441 .section-4 {
  align-items: center;
  gap: 56px;
  padding: 72px 0px;
  width: 1441px;
}

.x1441 .h2-3 {
  margin-top: -1.00px;
  width: 554px;
}

.x1441 .p-10 {
  width: 446px;
}

.x1441 .btn-primary-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 56px;
  position: relative;
  width: 192px;
}

.x1441 .component-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--yellow);
  border-radius: 24px;
  display: flex;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.x1441 .send-message {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x1441 .footer {
  align-items: center;
  background-color: transparent;
  display: flex;
  gap: 726px;
  height: auto;
  padding: 48px 72px;
  position: relative;
  width: 1440px;
}

.x1441 .copyright {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.x1441 .h2-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x1441 .h3-8 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x1441 .icn {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.x1441 .img-logo-1 {
  flex: 1;
  position: relative;
}

.x1441 .logo-1 {
  height: 48px;
  position: relative;
}

.x1441 .p-11 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x1441 .review-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.x1441 .section-5 {
  display: flex;
  flex-direction: column;
  position: relative;
}
/* screen - 390 */

.x390 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 390px;
  position: relative;
}

.x390 .header-1 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  padding: 16px;
  position: relative;
}

.x390 .logo-mark-1 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.x390 .place-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x390 .hero-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 16px;
  position: relative;
}

.x390 .hero-section-content-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

.x390 .h1-1 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lexend_deca);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .p-11 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x390 .btn-primary-2 {
  align-items: center;
  background-color: var(--yellow);
  border-radius: 24px;
  gap: 20px;
  overflow: hidden;
  padding: 12px 20px;
  width: fit-content;
}

.x390 .get-started-now-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x390 .vector-9-1 {
  height: 11.06px;
  min-width: 6.59px;
  position: relative;
}

.x390 .section-5 {
  align-items: center;
  flex-direction: column;
  gap: 40px;
  padding: 32px 16px;
}

.x390 .how-it-works {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x390 .frame-65 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
}

.x390 .frame {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0px 16px;
  position: relative;
}

.x390 .frame-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}

.x390 .understand-your-business {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .we-dive-deep-into-yo {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x390 .feature-matching {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .leveraging-our-exper {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x390 .frame-7 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0px 16px;
  position: relative;
}

.x390 .your-perfect-software {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .after-thorough-analy {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x390 .section-6 {
  align-items: flex-start;
  padding: 32px 0px;
}

.x390 .customer-reviews-1 {
  align-items: center;
  background-color: var(--green);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 56px 16px;
  position: relative;
}

.x390 .review-1-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: fit-content;
}

.x390 .h3-8 {
  margin-top: -1.00px;
  width: 358px;
}

.x390 .content-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 358px;
}

.x390 .frame-28 {
  align-items: flex-start;
  display: flex;
  gap: 5px;
  position: relative;
  width: fit-content;
}

.x390 .star-1 {
  height: 16.5px;
  min-width: 17.24px;
  position: relative;
}

.x390 .h3-9 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-lexend_deca);
  font-size: var(--font-size-l);
  font-weight: 500;
}

.x390 .author-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.x390 .img-author-1 {
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  position: relative;
}

.x390 .p-12 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x390 .section-7 {
  align-items: center;
  background-color: var(--white);
  flex-direction: column;
  gap: 24px;
  padding: 32px 16px;
}

.x390 .frame-103 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 0px 32px;
  position: relative;
}

.x390 .industry-leading-as-standard {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .industry-software-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 36px 0px;
  position: relative;
}

.x390 .img-logo-1 {
  min-width: 256.67px;
}

.x390 .img-logo-2 {
  min-width: 256px;
}

.x390 .classmanager-1 {
  height: 27px;
  left: 52px;
  position: absolute;
  top: 11px;
  width: 152px;
}

.x390 .frame-87-1 {
  align-items: flex-end;
  display: flex;
  left: 17px;
  min-width: 223px;
  position: relative;
  top: 8px;
}

.x390 .dsp-logo-horizontal-1 {
  align-self: flex-start;
  height: 33px;
  margin-top: 0;
  width: 39px;
}

.x390 .dance-studio-1 {
  letter-spacing: -0.83px;
  line-height: normal;
  margin-bottom: 0.34px;
  margin-left: 8px;
  min-height: 31px;
  min-width: 129px;
}

.x390 .rectangle-14-1 {
  align-self: center;
  background-color: var(--navy-blue);
  border-radius: 1.33px;
  height: 3px;
  margin-left: 2px;
  margin-top: 3.33px;
  width: 9px;
}

.x390 .pro-1 {
  letter-spacing: -0.83px;
  line-height: normal;
  margin-bottom: 0.34px;
  margin-left: 1px;
  min-height: 31px;
  min-width: 34px;
}

.x390 .img-logo-3 {
  min-width: 256px;
}

.x390 .img-logo-iclasspro-1 {
  height: 48px;
  min-width: 256.67px;
  position: relative;
}

.x390 .download-1-1 {
  height: 19px;
  left: 85px;
  position: absolute;
  top: 15px;
  width: 87px;
}

.x390 .p-13 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 0px 16px;
  position: relative;
}

.x390 .our-service-is-compl {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .section-8 {
  align-items: flex-start;
  gap: 4px;
  justify-content: center;
  padding: 32px 0px;
}

.x390 .meet-the-team-2 {
  align-items: center;
  background-color: var(--green-lightest);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  padding: 56px 0px;
  position: relative;
}

.x390 .meet-the-team-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x390 .profiles-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: fit-content;
}

.x390 .profile-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 288px;
}

.x390 .info-profile-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.x390 .name {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x390 .founder {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x390 .senior-consultant {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x390 .dss_portrai-1 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x390 .dss_full_up-1 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x390 .research-analyst-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x390 .section-9 {
  align-items: center;
  flex-direction: column;
  gap: 56px;
  padding: 72px 16px;
}

.x390 .h2-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x390 .p-14 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x390 .btn-primary-3 {
  align-items: flex-end;
  flex-direction: column;
  gap: 56px;
  width: 192px;
}

.x390 .component-1-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--yellow);
  border-radius: 24px;
  display: flex;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.x390 .send-message-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x390 .footer-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 726px;
  height: 104px;
  justify-content: space-around;
  padding: 16px;
  position: relative;
}

.x390 .copyright-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x390 .btn-primary {
  display: flex;
  position: relative;
}

.x390 .frame-58-3 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.x390 .h3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x390 .img-logo {
  height: 48px;
  position: relative;
}

.x390 .img-profile {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x390 .section {
  align-self: stretch;
  display: flex;
  position: relative;
}
/* screen - 768 */

.x768 {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 768px;
  position: relative;
}

.x768 .header-3 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  padding: 32px 48px;
  position: relative;
}

.x768 .logo-2 {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 48px;
  position: relative;
  width: fit-content;
}

.x768 .logo-mark-3 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.x768 .dance-studio-software-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x768 .place-3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x768 .hero-section-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 48px;
  position: relative;
}

.x768 .hero-section-content-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0px 48px;
  position: relative;
}

.x768 .h1-3 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lexend_deca);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .p-26 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 414px;
}

.x768 .btn-primary-6 {
  align-items: center;
  background-color: var(--yellow);
  border-radius: 24px;
  gap: 20px;
  overflow: hidden;
  padding: 12px 20px;
  width: fit-content;
}

.x768 .get-started-now-3 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x768 .vector-9-3 {
  height: 11.06px;
  min-width: 6.59px;
  position: relative;
}

.x768 .section-15 {
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: 32px;
  padding: 48px 72px;
}

.x768 .how-it-works-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x768 .frame-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
}

.x768 .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0px 32px;
  position: relative;
}

.x768 .frame-6 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: fit-content;
}

.x768 .understand-your-business-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .we-dive-deep-into-yo-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 336px;
}

.x768 .feature-matching-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .leveraging-our-exper-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 336px;
}

.x768 .your-perfect-software-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .after-thorough-analy-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 336px;
}

.x768 .section-16 {
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: 4px;
  padding: 48px 0px;
}

.x768 .customer-reviews-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--green);
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 56px 48px;
  position: relative;
}

.x768 .review-1-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0px 48px;
  position: relative;
}

.x768 .h3-18 {
  margin-top: -1.00px;
  width: 496px;
}

.x768 .content-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.x768 .frame-28-1 {
  align-items: flex-start;
  display: flex;
  gap: 5px;
  position: relative;
  width: fit-content;
}

.x768 .star-3 {
  height: 16.5px;
  min-width: 17.24px;
  position: relative;
}

.x768 .h3-19 {
  align-self: stretch;
  color: var(--white);
  font-family: var(--font-family-lexend_deca);
  font-size: var(--font-size-xl);
  font-weight: 500;
}

.x768 .author-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.x768 .img-author-3 {
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  position: relative;
}

.x768 .p-27 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .section-17 {
  align-items: center;
  background-color: var(--white);
  flex-direction: column;
  gap: 24px;
  padding: 72px 48px;
  width: 768px;
}

.x768 .frame-103-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 0px 104px;
  position: relative;
}

.x768 .industry-leading-as-standard-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .industry-software-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 36px 48px;
  position: relative;
}

.x768 .frame-114 {
  align-self: stretch;
  height: 48.67px;
  min-width: 576px;
  position: relative;
}

.x768 .frame-115 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 56px;
  justify-content: center;
  position: relative;
}

.x768 .img-logo-dancestudio-pro-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 7px 17px;
  position: relative;
}

.x768 .frame-87-3 {
  height: 32.67px;
  min-width: 222.67px;
  position: relative;
}

.x768 .group-30-2 {
  align-items: flex-end;
  display: flex;
  min-width: 226px;
}

.x768 .dsp-logo-horizontal-3 {
  height: 33px;
  margin-bottom: 0;
  width: 39px;
}

.x768 .dance-studio-3 {
  letter-spacing: -0.83px;
  line-height: normal;
  margin-bottom: 0.33px;
  margin-left: 8px;
  min-height: 31px;
  min-width: 129px;
}

.x768 .rectangle-14-3 {
  align-self: center;
  background-color: var(--navy-blue);
  border-radius: 1.33px;
  height: 3px;
  margin-left: 2px;
  margin-top: 3.33px;
  width: 9px;
}

.x768 .pro-3 {
  letter-spacing: -0.83px;
  line-height: normal;
  margin-bottom: 0.33px;
  margin-left: 1px;
  min-height: 31px;
  min-width: 34px;
}

.x768 .img-logo-classkid {
  height: 48px;
}

.x768 .frame-116 {
  align-self: stretch;
  height: 48.49px;
  min-width: 576px;
  position: relative;
}

.x768 .frame-117 {
  align-self: stretch;
  height: 48px;
  min-width: 576px;
  position: relative;
}

.x768 .frame-118 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 56px;
  position: relative;
}

.x768 .img-logo-studiolab {
  height: 47.55px;
}

.x768 .img-logo-iclasspro-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 15px 85px;
  position: relative;
}

.x768 .download-1-3 {
  height: 18.67px;
  min-width: 86.67px;
  position: relative;
}

.x768 .frame-119 {
  align-self: stretch;
  height: 48.5px;
  min-width: 576px;
  position: relative;
}

.x768 .p-28 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 4px;
  justify-content: center;
  padding: 0px 76px;
  position: relative;
}

.x768 .our-service-is-compl-1 {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x768 .section-18 {
  align-items: flex-start;
  align-self: stretch;
  gap: 4px;
  padding: 48px 0px;
}

.x768 .meet-the-team-6 {
  align-items: center;
  background-color: var(--green-lightest);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
  padding: 56px 48px;
  position: relative;
}

.x768 .meet-the-team-7 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x768 .profiles-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 0px 48px;
  position: relative;
}

.x768 .profile-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.x768 .info-profile-3 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.x768 .founder-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .senior-consultant-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .dss_portrai-3 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x768 .dss_full_up-3 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x768 .section-19 {
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  gap: 56px;
  padding: 56px 0px;
}

.x768 .h2-9 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 554px;
}

.x768 .p-29 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 446px;
}

.x768 .btn-primary-7 {
  align-items: flex-end;
  flex-direction: column;
  gap: 56px;
  width: 192px;
}

.x768 .component-1-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--yellow);
  border-radius: 24px;
  display: flex;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.x768 .send-message-3 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x768 .footer-3 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 726px;
  height: auto;
  padding: 32px 48px;
  position: relative;
}

.x768 .copyright-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.x768 .btn-primary {
  display: flex;
  position: relative;
}

.x768 .h3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x768 .img-logo {
  flex: 1;
  min-width: 260px;
  position: relative;
}

.x768 .img-profile {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x768 .name {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x768 .section {
  display: flex;
  position: relative;
}
/* screen - 992 */

.x992 {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 992px;
  position: relative;
}

.x992 .header-4 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  padding: 32px 48px;
  position: relative;
}

.x992 .logo-3 {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 48px;
  position: relative;
  width: fit-content;
}

.x992 .logo-mark-4 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.x992 .dance-studio-software-3 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x992 .place-4 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.x992 .hero-section-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 48px;
  position: relative;
}

.x992 .hero-section-content-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0px 72px;
  position: relative;
}

.x992 .h1-4 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lexend_deca);
  font-size: 52px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x992 .p-30 {
  width: 414px;
}

.x992 .btn-primary-8 {
  align-items: center;
  background-color: var(--yellow);
  border-radius: 24px;
  gap: 20px;
  overflow: hidden;
  padding: 12px 20px;
  width: fit-content;
}

.x992 .get-started-now-4 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x992 .vector-9-4 {
  height: 11.06px;
  min-width: 6.59px;
  position: relative;
}

.x992 .section-21 {
  align-items: center;
  gap: 32px;
  padding: 48px 72px;
}

.x992 .how-it-works-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x992 .frame-20 {
  align-items: flex-start;
  gap: 48px;
}

.x992 .frame-4 {
  align-items: center;
  gap: 20px;
  padding: 0px 32px;
}

.x992 .frame-6-1 {
  align-items: center;
  flex-direction: column;
  gap: 16px;
  width: fit-content;
}

.x992 .understand-your-business-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x992 .we-dive-deep-into-yo-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 336px;
}

.x992 .feature-matching-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x992 .leveraging-our-exper-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 336px;
}

.x992 .your-perfect-software-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x992 .after-thorough-analy-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: 336px;
}

.x992 .section-20 {
  align-items: flex-start;
  gap: 4px;
  padding: 48px 0px;
}

.x992 .customer-reviews-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--green);
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 56px 48px;
  position: relative;
}

.x992 .review-1-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
}

.x992 .h3-20 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 496px;
}

.x992 .content-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.x992 .stars-2 {
  align-items: flex-start;
  display: flex;
  gap: 5px;
  position: relative;
  width: fit-content;
}

.x992 .star-4 {
  height: 16.5px;
  min-width: 17.24px;
  position: relative;
}

.x992 .h2-10 {
  align-self: stretch;
}

.x992 .author-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.x992 .img-author-4 {
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  position: relative;
}

.x992 .p-31 {
  width: fit-content;
}

.x992 .section-22 {
  align-items: center;
  background-color: var(--white);
  gap: 24px;
  padding: 48px 0px;
}

.x992 .industry-leading-as-standard-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x992 .industry-software-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 36px 48px;
  position: relative;
}

.x992 .frame-1-1 {
  height: 72px;
  min-width: 896px;
}

.x992 .frame-1-2 {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  justify-content: center;
}

.x992 .img-logo-dancestudio-pro-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 11px 25px;
  position: relative;
}

.x992 .frame-87-4 {
  height: 49px;
  min-width: 334px;
  position: relative;
}

.x992 .group-30-3 {
  align-items: flex-end;
  display: flex;
  min-width: 336px;
}

.x992 .dsp-logo-horizontal-4 {
  height: 49px;
  width: 59px;
}

.x992 .dance-studio-4 {
  letter-spacing: -1.24px;
  line-height: normal;
  margin-left: 12px;
  min-height: 47px;
  min-width: 193px;
}

.x992 .rectangle-14-4 {
  align-self: center;
  background-color: var(--navy-blue);
  border-radius: 2px;
  height: 4px;
  margin-left: 3px;
  margin-top: 5.0px;
  width: 13px;
}

.x992 .pro-4 {
  letter-spacing: -1.24px;
  line-height: normal;
  margin-left: 2px;
  min-height: 47px;
  min-width: 50px;
}

.x992 .img-logo-classkid-1 {
  flex: 1;
  height: 71px;
  min-width: 428px;
  position: relative;
}

.x992 .img-logo-studiolab-1 {
  flex: 1;
  height: 72.32px;
  min-width: 428px;
  position: relative;
}

.x992 .img-logo-iclasspro-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 22px 127px;
  position: relative;
}

.x992 .download-1-4 {
  height: 28px;
  min-width: 130px;
  position: relative;
}

.x992 .p-32 {
  width: 446px;
}

.x992 .meet-the-team-8 {
  align-items: center;
  align-self: stretch;
  background-color: var(--green-lightest);
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 56px 48px;
  position: relative;
}

.x992 .meet-the-team-9 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.x992 .profiles-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 0px 48px;
  position: relative;
}

.x992 .frame-6-2 {
  align-items: flex-start;
  align-self: stretch;
  gap: 48px;
}

.x992 .profile-4 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.x992 .info-profile-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.x992 .name-5 {
  width: 124px;
}

.x992 .founder-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x992 .name-6 {
  width: fit-content;
}

.x992 .senior-consultant-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  width: fit-content;
}

.x992 .dss_portrai-4 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x992 .name-7 {
  width: fit-content;
}

.x992 .dss_full_up-4 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x992 .name-8 {
  width: fit-content;
}

.x992 .section-23 {
  align-items: center;
  gap: 56px;
  padding: 56px 0px;
}

.x992 .h2-11 {
  margin-top: -1.00px;
  width: 554px;
}

.x992 .p-33 {
  width: 446px;
}

.x992 .btn-primary-9 {
  align-items: flex-end;
  flex-direction: column;
  gap: 56px;
  width: 192px;
}

.x992 .component-1-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--yellow);
  border-radius: 24px;
  display: flex;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.x992 .send-message-4 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.x992 .footer-4 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 726px;
  height: auto;
  padding: 32px 48px;
  position: relative;
}

.x992 .copyright-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.x992 .btn-primary {
  display: flex;
  position: relative;
}

.x992 .frame {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
}

.x992 .frame-1 {
  align-self: stretch;
  position: relative;
}

.x992 .frame-6 {
  display: flex;
  position: relative;
}

.x992 .h2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x992 .img-profile {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.x992 .name {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.x992 .p {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.x992 .section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
}
/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  position: relative;
}

.index .header-2 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  height: auto;
  justify-content: space-between;
  padding: 48px 72px;
  position: relative;
}

.index .logo-1 {
  align-items: center;
  display: flex;
  gap: 16px;
  height: 48px;
  position: relative;
  width: fit-content;
}

.index .logo-mark-2 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.index .dance-studio-software-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.index .nav-1 {
  height: 23px;
  min-width: 69px;
  position: relative;
}

.index .place-2 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: -1px;
}

.index .hero-section-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 72px;
  position: relative;
}

.index .hero-section-content-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 845px;
}

.index .h1-2 {
  align-self: stretch;
  color: var(--black);
  font-family: var(--font-family-lexend_deca);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .p-15 {
  width: 414px;
}

.index .btn-primary-4 {
  align-items: center;
  background-color: var(--yellow);
  border-radius: 24px;
  gap: 20px;
  overflow: hidden;
  padding: 12px 20px;
  width: fit-content;
}

.index .get-started-now-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .vector-9-2 {
  height: 11.06px;
  min-width: 6.59px;
  position: relative;
}

.index .section-10 {
  align-items: center;
  align-self: stretch;
  gap: 32px;
  padding: 72px;
}

.index .h2-5 {
  margin-top: -1.00px;
  width: 288px;
}

.index .features-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 48px;
  position: relative;
}

.index .feature-details-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  padding: 0px 32px;
  position: relative;
}

.index .icn-chart-1 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.index .content-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: fit-content;
}

.index .h3-10 {
  width: fit-content;
}

.index .p-16 {
  width: 336px;
}

.index .icn-matching-1 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.index .h3-11 {
  width: fit-content;
}

.index .p-17 {
  width: 336px;
}

.index .icn-sparkle-1 {
  height: 48px;
  min-width: 48px;
  position: relative;
}

.index .h3-12 {
  width: fit-content;
}

.index .p-18 {
  width: 336px;
}

.index .section-11 {
  align-items: flex-start;
  gap: 4px;
  padding: 72px;
  width: 1440px;
}

.index .customer-reviews-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--green);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
  padding: 56px 308px;
  position: relative;
}

.index .review-1-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 680px;
}

.index .h3-13 {
  width: 496px;
}

.index .review-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.index .stars-1 {
  align-items: flex-start;
  display: flex;
  gap: 5px;
  position: relative;
  width: fit-content;
}

.index .star-2 {
  height: 16.5px;
  min-width: 17.24px;
  position: relative;
}

.index .h2-6 {
  align-self: stretch;
}

.index .author-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.index .img-author-2 {
  height: 40px;
  min-width: 40px;
  object-fit: cover;
  position: relative;
}

.index .p-19 {
  width: fit-content;
}

.index .section-12 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  gap: 24px;
  padding: 72px 0px;
}

.index .h2-7 {
  margin-top: -1.00px;
  width: fit-content;
}

.index .industry-software-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 36px 56px;
  position: relative;
}

.index .frame-10-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 56px;
  justify-content: center;
  position: relative;
}

.index .img-logo-4 {
  flex: 1;
  height: 72px;
  min-width: 405.33px;
  position: relative;
}

.index .img-logo-classmanager-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 16px 78px;
  position: relative;
}

.index .classmanager-2 {
  height: 40px;
  min-width: 227.83px;
  position: relative;
}

.index .img-logo-dancestudio-pro-1 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 11px 25px;
  position: relative;
}

.index .frame-87-2 {
  height: 49px;
  min-width: 334px;
  position: relative;
}

.index .group-30-1 {
  align-items: flex-end;
  display: flex;
  min-width: 336px;
}

.index .dsp-logo-horizontal-2 {
  height: 49px;
  width: 59px;
}

.index .dance-studio-2 {
  letter-spacing: -1.24px;
  line-height: normal;
  margin-left: 12px;
  min-height: 47px;
  min-width: 193px;
}

.index .rectangle-14-2 {
  align-self: center;
  background-color: var(--navy-blue);
  border-radius: 2px;
  height: 4px;
  margin-left: 3px;
  margin-top: 5.0px;
  width: 13px;
}

.index .pro-2 {
  letter-spacing: -1.24px;
  line-height: normal;
  margin-left: 2px;
  min-height: 47px;
  min-width: 50px;
}

.index .frame-105-1 {
  align-self: stretch;
  height: 72px;
  min-width: 1328px;
  position: relative;
}

.index .frame-106-1 {
  align-self: stretch;
  height: 72.32px;
  min-width: 1328px;
  position: relative;
}

.index .img-logo-iclasspro-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  padding: 22px 127px;
  position: relative;
}

.index .download-1-2 {
  height: 28px;
  min-width: 130px;
  position: relative;
}

.index .img-logo-akada-1 {
  flex: 1;
  height: 71.75px;
  min-width: 405.33px;
  position: relative;
}

.index .p-20 {
  width: 446px;
}

.index .section-13 {
  align-items: center;
  align-self: stretch;
  gap: 4px;
  padding: 72px;
}

.index .meet-the-team-4 {
  align-items: center;
  align-self: stretch;
  background-color: var(--green-lightest);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: hidden;
  padding: 56px 0px;
  position: relative;
}

.index .meet-the-team-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 288px;
}

.index .profiles-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 48px;
  padding: 0px 48px;
  position: relative;
}

.index .profile-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.index .img-profile-3 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.index .info-profile-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: fit-content;
}

.index .h3-14 {
  width: fit-content;
}

.index .p-21 {
  width: fit-content;
}

.index .image-1-1 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.index .h3-15 {
  width: fit-content;
}

.index .p-22 {
  width: fit-content;
}

.index .dss_portrai-2 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.index .h3-16 {
  width: fit-content;
}

.index .p-23 {
  width: fit-content;
}

.index .dss_full_up-2 {
  height: 90px;
  min-width: 90px;
  object-fit: cover;
  position: relative;
}

.index .h3-17 {
  width: fit-content;
}

.index .p-24 {
  width: fit-content;
}

.index .section-14 {
  align-items: center;
  align-self: stretch;
  gap: 56px;
  padding: 72px 0px;
}

.index .h2-8 {
  margin-top: -1.00px;
  width: 554px;
}

.index .p-25 {
  width: 446px;
}

.index .btn-primary-5 {
  align-items: flex-end;
  flex-direction: column;
  gap: 56px;
  width: 192px;
}

.index .component-1-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--yellow);
  border-radius: 24px;
  display: flex;
  gap: 20px;
  justify-content: center;
  overflow: hidden;
  padding: 12px 20px;
  position: relative;
}

.index .send-message-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .footer-2 {
  align-items: center;
  align-self: stretch;
  background-color: transparent;
  display: flex;
  gap: 726px;
  height: auto;
  padding: 48px 72px;
  position: relative;
}

.index .copyright-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.index .btn-primary {
  display: flex;
  position: relative;
}

.index .h2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .h3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .p {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
}

.index .section {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 767px) {
  .screen.x1441 {
    display: none;
   }
  .screen.index {
    display: none;
   }
  .screen.x768 {
    display: none;
   }
  .screen.x992 {
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .screen.x1441 {
    display: none;
   }
  .screen.x390 {
    display: none;
   }
  .screen.index {
    display: none;
   }
  .screen.x992 {
    display: none;
   }
}
@media screen and (min-width: 992px) and (max-width: 1439px) {
  .screen.x1441 {
    display: none;
   }
  .screen.x390 {
    display: none;
   }
  .screen.index {
    display: none;
   }
  .screen.x768 {
    display: none;
   }
}
@media screen and (min-width: 1440px) and (max-width: 1440px) {
  .screen.x1441 {
    display: none;
   }
  .screen.x390 {
    display: none;
   }
  .screen.x768 {
    display: none;
   }
  .screen.x992 {
    display: none;
   }
}
@media screen and (min-width: 1441px) {
  .screen.x390 {
    display: none;
   }
  .screen.index {
    display: none;
   }
  .screen.x768 {
    display: none;
   }
  .screen.x992 {
    display: none;
   }
}