*, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
    }
      .banner {
        position: fixed;
        bottom: 24px;
        left: 24px;
        cursor:pointer;
      }
    .x14-26home {
  text-decoration: none;
  background-color: rgba(21, 26, 59, 1.00);
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.x14-1074-nav--0 {
  text-decoration: none;
  padding-right: 24px;
  padding-left: 24px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1075Container {
  text-decoration: none;
  padding-top: 16px;
  padding-bottom: 16px;
  max-width: 1200px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x14-1076Branding {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.x14-1077Logo-1 {
width: 140px;
 height: 32px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x14-1078Actions {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
border:none}
.x14-1079-button---primary {
  text-decoration: none;
  background-color: rgba(202, 237, 47, 1.00);
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.I14-1079-1004-23345Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(21, 26, 59, 1);
  line-height: 20px;
  text-align: left;
}
.x14-736-section--hero6 {
  text-decoration: none;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-737Container {
  text-decoration: none;
  background-image: url("../images/assets-container-14-737.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
  mix-blend-mode: normal;
  background-size: cover;
  padding-top: 96px;
  padding-right: 24px;
  padding-bottom: 96px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 80px;
  flex-wrap: nowrap;
 flex: 1 1;
  height: 100%;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
border:none}
.x14-738Heading {
  text-decoration: none;
  max-width: 720px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 48px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-739Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-802Frame-7 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-740-h1-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 56px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 237, 47, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 64px;
  text-align: center;
}
.x14-1084Frame-12 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-741Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: center;
}
.x14-1083Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: center;
}
.x14-876Frame-8 {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x14-878Content {
  text-decoration: none;
  background-color: rgba(21, 26, 59, 0.64);
  padding-top: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
border:none  backdrop-filter: blur(40px);
}
.x14-975Frame-9 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1900Frame-15 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-880For-Clubs {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 24px;
  color: rgba(202, 237, 47, 1);
  text-align: left;
}
.x14-881Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: left;
}
.x72-421Avatar-group2-1 {
width: 231px;
 height: 44px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x14-989Frame-10 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-992Frame-11 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-990Apply-for-Integration {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 24px;
  color: rgba(255, 255, 255, 1);
  text-align: left;
}
.x14-986Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: left;
}
.x21-314-button---primary {
  text-decoration: none;
  background-color: rgba(202, 237, 47, 1.00);
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x21-316Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(21, 26, 59, 1);
  line-height: 24px;
  text-align: left;
}
.x14-994Content {
  text-decoration: none;
  background-color: rgba(21, 26, 59, 0.64);
  padding-top: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
border:none  backdrop-filter: blur(40px);
}
.x14-996Frame-9 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1932Frame-16 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-997For-Players {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 24px;
  color: rgba(202, 237, 47, 1);
  text-align: left;
}
.x14-998Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: left;
}
.x72-309Avatar-group-1 {
width: 188px;
 height: 44px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x14-1000Frame-10 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1001Frame-11 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1002Get-Early-Access {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 24px;
  color: rgba(255, 255, 255, 1);
  text-align: left;
}
.x14-1003Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: left;
}
.x21-320-button---primary {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x21-322Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(21, 26, 59, 1);
  line-height: 24px;
  text-align: left;
}
.x88-337-section--cta2--form- {
  text-decoration: none;
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x88-338container {
  text-decoration: none;
  background-image: url("../images/assets-container-88-338.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
  mix-blend-mode: normal;
  background-size: cover;
  padding-top: 64px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 24px;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
border:none}
.x88-339Frame-22 {
  text-decoration: none;
  max-width: 640px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x88-340-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  color: rgba(21, 26, 59, 1);
  text-align: center;
}
.x88-342-code--iframe-src--https---app-smartcourt-ai-landing-page-live--width--100---height--620px--frameborder--0--style---max-width--960px--border-radius--32px--padding--16p------iframe- {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  width: 381px;
  height: 150px;
border:none}
.x14-1702-section--features5 {
  text-decoration: none;
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 40px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1703Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1704Text {
  text-decoration: none;
  max-width: 640px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x48-246Frame-31 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1707-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 237, 47, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.x14-1708Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: center;
}
.x59-257Group-111-2 {
width: 640px;
 height: 244.079833984375px;
 mix-blend-mode: normal;
 object-fit: cover;
  flex: 1;
 width: 100%;
}
.x14-1427-section--features1 {
  text-decoration: none;
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x14-1428Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 80px;
  flex-wrap: wrap;
 flex: 1 1;
border:none}
.x14-1429Content {
  text-decoration: none;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x14-1431Heading {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1465Frame-13 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1464-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 237, 47, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
}
.x14-1462Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: left;
}
.x14-1573Frame-14 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1493Feature-1 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-end;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1494Icon {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.16) 0%, rgba(21, 26, 59, 0.16) 100%);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.x21-334tv {
  text-decoration: none;
  padding-top: 3px;
  padding-right: 1px;
  padding-bottom: 3px;
  padding-left: 1px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x14-1497Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x14-1498Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x14-1499Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x14-1507Feature-2 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-end;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1508Icon {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.16) 0%, rgba(21, 26, 59, 0.16) 100%);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.x21-336insert_chart_outlined {
  text-decoration: none;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x14-1510Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x14-1511Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x14-1512Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x14-1540Feature-3 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-end;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x14-1541Icon {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.16) 0%, rgba(21, 26, 59, 0.16) 100%);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.x21-338share {
  text-decoration: none;
  padding-top: 2px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x14-1543Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x14-1544Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x14-1545Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x21-341Link {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
border:none}
.x21-343Text {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(202, 237, 47, 1);
  line-height: 28px;
  text-align: left;
}
.x21-347arrow_forward {
  text-decoration: none;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x29-237Frame-30 {
  text-decoration: none;
  max-width: 800px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x48-576Frame-30-1 {
width: 560px;
 height: 669px;
 mix-blend-mode: normal;
 object-fit: cover;
  flex: 1;
 width: 100%;
}
.x21-279-section--features5 {
  text-decoration: none;
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-280Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-281Text {
  text-decoration: none;
  max-width: 720px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-282-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 237, 47, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.x21-283Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: center;
}
.x21-374Frame-26---mobile-hide- {
  text-decoration: none;
  max-width: 900px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-284Features {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x21-285Feature-1 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x25-344qr-1 {
width: 180px;
 height: 180px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x21-288Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-289Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-290Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-292Feature-2 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x25-346qr-1 {
width: 180px;
 height: 180px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x21-295Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-296Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-297Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-299Feature-3 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x37-244qr-2 {
width: 180px;
 height: 180px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x21-302Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-303Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-304Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-352Features {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x25-350Feature-4 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x37-246qr-2 {
width: 180px;
 height: 180px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x25-353Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x25-354Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x25-355Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-353Feature-1 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x25-358qr-1 {
width: 180px;
 height: 180px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x21-356Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-357Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-358Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-360Feature-2 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x25-360qr-1 {
width: 180px;
 height: 180px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x21-363Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-364Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-365Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x72-892Frame-27---desktop-hide- {
  text-decoration: none;
  max-width: 900px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-893Frame-39 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-894Feature-1 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  height: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x72-896qr-1 {
width: 100px;
 height: 100px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x72-897Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-898Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x72-899Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x72-901Feature-2 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x72-903qr-1 {
width: 100px;
 height: 100px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x72-904Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-905Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x72-906Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x72-908Frame-40 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-909Feature-3 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  height: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x72-911qr-2 {
width: 100px;
 height: 100px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x72-912Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-913Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x72-914Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x72-916Feature-4 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x72-918qr-2 {
width: 100px;
 height: 100px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x72-919Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-920Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x72-921Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x72-923Frame-41 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-924Feature-1 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  height: 100%;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x72-926qr-1 {
width: 100px;
 height: 100px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x72-927Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-928Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x72-929Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x72-931Feature-2 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x72-933qr-1 {
width: 100px;
 height: 100px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x72-934Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x72-935Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x72-936Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-377-section--features5 {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 80px;
  padding-right: 16px;
  padding-bottom: 80px;
  padding-left: 16px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-378Container {
  text-decoration: none;
  max-width: 900px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-379Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-660Badge {
  text-decoration: none;
  background-color: rgba(202, 237, 47, 0.08);
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
border:none}
.x21-667FOR-CLUBS {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(202, 237, 47, 1);
  line-height: 18px;
  text-align: left;
}
.x21-655Frame-28 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x21-380-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x21-393-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(202, 237, 47, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.x21-381Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: center;
}
.x21-398Frame-14 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x21-399Feature-1 {
  text-decoration: none;
  max-width: 400px;
  min-width: 200px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x21-400Icon {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.16) 0%, rgba(21, 26, 59, 0.16) 100%);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.x21-727check {
  text-decoration: none;
  padding-top: 5px;
  padding-right: 3px;
  padding-bottom: 5px;
  padding-left: 3px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x21-402Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
  height: 76px;
border:none}
.x21-403Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-404Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-406Feature-2 {
  text-decoration: none;
  max-width: 400px;
  min-width: 200px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x21-407Icon {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.16) 0%, rgba(21, 26, 59, 0.16) 100%);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.x21-730check {
  text-decoration: none;
  padding-top: 5px;
  padding-right: 3px;
  padding-bottom: 5px;
  padding-left: 3px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x21-409Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
  height: 76px;
border:none}
.x21-410Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-411Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-413Feature-3 {
  text-decoration: none;
  max-width: 400px;
  min-width: 200px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x21-414Icon {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.16) 0%, rgba(21, 26, 59, 0.16) 100%);
  padding-top: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
border:none}
.x21-733check {
  text-decoration: none;
  padding-top: 5px;
  padding-right: 3px;
  padding-bottom: 5px;
  padding-left: 3px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  width: 24px;
  height: 24px;
border:none}
.x21-416Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  flex-wrap: nowrap;
  width: 100%;
  height: 76px;
border:none}
.x21-417Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-418Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: center;
}
.x21-396image-7 {
width: 900px;
 height: 512px;
 mix-blend-mode: normal;
 object-fit: cover;
 border-radius: 32px 32px 32px 32px;
  flex: 1;
 width: 100%;
}
.x15-367-section--faq6 {
  text-decoration: none;
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-368Content {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-369Heading {
  text-decoration: none;
  max-width: 720px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-394-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
}
.x15-372FAQs {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-373-code---div-style--text-decoration--none--background--linear-gradient-180deg--rgba-202--237--47--0-08--0---rgba-21--26--59--0-08--100----padding-top--32px--padding-right--32px--padding-bottom--32px--padding-left--32px--max-width--720px--display--flex---flex-direction--column--justify-content--flex-start--align-items--center--gap--24px--flex-wrap--nowrap--border-top-left-radius--32px--border-top-right-radius--32px--border-bottom-left-radius--32px--border-bottom-right-radius--32px--border--none---------style---------class0-----------cursor--pointer--------------------class1-----------margin--0----------text-decoration--none----------width--100-----------font-family---Lexend---sans-serif----------font-style--normal----------font-weight--400----------letter-spacing--0px----------font-size--20px----------color--rgba-255--255--255--1-----------text-align--left--------------------class2-----------padding--0----------max-height--0----------overflow--hidden----------transition--max-height-0-3s-ease--------------------class3-----------padding-top--16px----------margin--0----------text-decoration--none----------width--100-----------font-family---Roboto---sans-serif----------font-style--normal----------font-weight--400----------letter-spacing--0px----------font-size--16px----------color--rgba-208--213--221--1-----------line-height--24px----------text-align--left----------------style-----------Accordion-Item-1----------div-class--accordion-item-class0----------div-class--class1--onclick--toggleAccordion-this-------------span-style--width--32px-------span--How-much-does-it-cost----------div---------div-class--accordion-content-class2------------p-class--class3--You-can-start-recording-for-free-just-scan-the-QR-code-and-play--After-the-match--you-ll-have-the-option-to-unlock-your-video-for-just--5--Discounts-and-special-packages-are-available-for-leagues--tournaments--and-regular-users---p----------div--------div-----------Accordion-Item-2----------div-class--accordion-item-class0----------div-class--class1--onclick--toggleAccordion-this-------------span-style--width--32px--------span--Do-I-need-to-download-an-app----------div---------div-class--accordion-content-class2------------p-class--class3--No--SmartCourt-is-completely-web-based--You-just-need-to-scan-a-QR-code-with-your-smartphone-to-access-your-recordings-and-analytics-through-our-web-platform---p----------div--------div-----------Accordion-Item-3----------div-class--accordion-item-class0----------div-class--class1--onclick--toggleAccordion-this-------------span-style--width--32px-------span--Does-my-club-need-to-pay-for-installation----------div---------div-class--accordion-content-class2------------p-class--class3--No--our-early-integration-program-offers-zero-cost-installation-for-selected-clubs-in-2025--We-handle-all-equipment--installation--and-maintenance-costs---p----------div--------div-----------Accordion-Item-4----------div-class--accordion-item-class0----------div-class--class1--onclick--toggleAccordion-this-------------span-style--width--32px-------span--How-do-clubs-make-money-with-SmartCourt----------div---------div-class--accordion-content-class2------------p-class--class3--Clubs-earn-revenue-from-players-who-opt-to-use-the-SmartCourt-system-during-their-sessions--You-can-also-offer-premium-packages-that-include-SmartCourt-access--attracting-more-players-to-your-facilities---p----------div--------div-----------Accordion-Item-5----------div-class--accordion-item-class0----------div-class--class1--onclick--toggleAccordion-this-------------span-style--width--32px-------span--What-analytics-will-SmartCourt-provide----------div---------div-class--accordion-content-class2------------p-class--class3--SmartCourt-offers-a-range-of-analytics-including-shot-tracking--movement-patterns--ball-speed--rally-length--and-performance-trends-over-time--For-coaches--we-provide-additional-tools-for-player-development-and-improvement-tracking---p----------div--------div------div- {
  text-decoration: none;
  background: linear-gradient(180deg, rgba(202, 237, 47, 0.08) 0%, rgba(21, 26, 59, 0.08) 100%);
  padding-top: 32px;
  padding-right: 32px;
  padding-bottom: 32px;
  padding-left: 32px;
  max-width: 720px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 48px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
border:none}
.x15-511-section--cta2--form- {
  text-decoration: none;
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-512container {
  text-decoration: none;
  background-image: url("../images/assets-container-15-512.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
  mix-blend-mode: normal;
  background-size: cover;
  padding-top: 64px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 24px;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
border:none}
.x15-633Frame-22 {
  text-decoration: none;
  max-width: 640px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-528-h2-Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Lexend', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 40px;
  color: rgba(21, 26, 59, 1);
  text-align: center;
}
.x15-530description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(21, 26, 59, 1);
  line-height: 24px;
  text-align: center;
}
.x37-248-code--iframe-src--https---smartcourt-server-web-app-landing_page_contact_form--width--100---height--620px--frameborder--0--style---max-width--600px--border-radius--32px--padding--16p------iframe- {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  width: 381px;
  height: 150px;
border:none}
.x15-784-footer--1 {
  text-decoration: none;
  padding-top: 64px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x15-785Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 40px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x37-232Frame-25 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x37-233Supporting-text {
  margin: 0;
  text-decoration: none;
  max-width: 640px;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  text-align: center;
}
.x37-234Frame-24 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
border:none}
.x37-237inovacioni-1 {
width: 147px;
 height: 64px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x15-798--2025-Smart-Court--All-rights-reserved- {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(208, 213, 221, 1);
  line-height: 18px;
  text-align: center;
}