:root {
    --primary--dark-blue: #384655;
    --bg-blue-grey-20\<deleted\|variable-163819fe-85e7-027b-22d8-94518dea17d4\>: #e8edf1;
    --dark-blue\<deleted\|variable-220bb076-1b75-6835-1bfd-9a4b077c9dd2\>: #384655;
    --bg-text-secondary--blue-grey-20: #e8edf1;
    --bg-text-secondary--blue-grey-10-2: #f6f8fa;
    --bg-text-secondary--blue-grey-30: #d6dbe1;
    --bg-text-secondary--blue-grey-40: #b5bcc6;
    --bg-text-secondary--blue-grey-100: #20252e;
    --bg-text-secondary--blue-grey-80: #424954;
    --bg-text-secondary--blue-grey-60: #78828f;
    --primary--salt: #f9f9f9;
    --bg-text-secondary--blue-grey-90: #2c323c;
    --primary--3shape-red: #d1004b;
    --bg-text-secondary--black: #000;
    --secondary--pure-grey: #414141;
    --bg-text-secondary--grey-40: #dedede;
    --bg-text-secondary--grey-50: #ccc;
    --bg-text-secondary--blue-grey-70: #5a6370;
    --bg-text-secondary--blue-grey-50: #959eaa;
    --bg-text-secondary--grey-80: #6c6c6c;
    --bg-text-secondary--grey-20: #f2f2f2;
    --bg-text-secondary--grey-60: #b4b4b4;
    --bg-text-secondary--grey-70: #949494;
    --primary--dim-grey: #5f5f64;
    --secondary--deep-space: #2f3c49;
    --secondary--bedroom: #e9e9e7;
    --secondary--dotcom-grey: #f2f2f2;
    --secondary--bone: #f2f4f3;
    --secondary--battleship-grey: #828289;
    --secondary--ash: #bcbcc0;
    --secondary--medium-grey: #98999b;
    --secondary--divider: #f0f0f0;
    --secondary--blue-yonder: #747e88;
    --secondary--granite: #dddddb;
}

.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.w-layout-vflex {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
    outline-offset: 2px;
    border-radius: 50%;
    outline: 2px solid #3b79c3;
}

body {
    color: var(--primary--dark-blue);
    font-family: Karbon, Tahoma, sans-serif;
    font-size: 0.8vw;
    line-height: 20px;
    overflow: hidden;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.5em;
    font-weight: 500;
    line-height: 1.1;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.2em;
    font-weight: 500;
    line-height: 1.1;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.85em;
    font-weight: 500;
    line-height: 1.1;
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.45em;
    font-weight: 500;
    line-height: 1.1;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2.15em;
    font-weight: 500;
    line-height: 1.1;
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.85em;
    font-weight: 500;
    line-height: 1.1;
}

p {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 1.4;
}

.panel {
    aspect-ratio: 16 / 9;
    color: #fff;
    object-fit: cover;
    transform-style: preserve-3d;
    flex: none;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    transform: translate3d(0, 0, 0);
}

.panel._1 {
    background-color: #1a2930;
    flex-flow: column;
}

.panel._2 {
    background-color: #1e463e;
}

.panel._3 {
    background-color: #603780;
}

.panel._4 {
    background-color: #883572;
}

.panel.is-cases {
    background-color: var(--bg-blue-grey-20\<deleted\|variable-163819fe-85e7-027b-22d8-94518dea17d4\>);
    color: var(--dark-blue\<deleted\|variable-220bb076-1b75-6835-1bfd-9a4b077c9dd2\>);
}

.panel.is-cases.labs {
    background-color: var(--bg-text-secondary--blue-grey-20);
    background-image: url('../images/lab-skærm-lab-BG2_1.avif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.panel.is-labs {
    z-index: 1;
    background-color: var(--bg-text-secondary--blue-grey-20);
    color: var(--primary--dark-blue);
    border-radius: 0;
    justify-content: flex-end;
    align-items: stretch;
    position: relative;
}

.panel.is-labs.labs {
    background-image: url('../images/Lab-skærm-bg_1.avif');
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    align-items: stretch;
}

.panel.is-devices {
    background-color: var(--bg-text-secondary--blue-grey-20);
}

.panel.is-devices.labs {
    padding-top: 4em;
    padding-bottom: 4em;
}

.panel.is-lab-collab {
    background-color: var(--bg-text-secondary--blue-grey-20);
    background-image: linear-gradient(90deg, var(--bg-text-secondary--blue-grey-20), var(--bg-text-secondary--blue-grey-10-2));
    color: var(--primary--dark-blue);
    position: relative;
    overflow: hidden;
}

.panel.is-partners {
    z-index: 1;
    background-color: var(--bg-text-secondary--blue-grey-10-2);
    background-image: linear-gradient(90deg, var(--bg-text-secondary--blue-grey-10-2), var(--bg-text-secondary--blue-grey-30));
    color: var(--primary--dark-blue);
    justify-content: flex-end;
    align-items: stretch;
    position: relative;
}

.panel.is-partners.partners {
    background-image: url('../images/hexagon_BG.avif'), linear-gradient(90deg, var(--bg-text-secondary--blue-grey-10-2), var(--bg-text-secondary--blue-grey-30));
    background-position: 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    display: block;
}

.panel.is-end-screen {
    background-color: var(--bg-text-secondary--blue-grey-30);
    background-image: url('../images/Frame-43.avif'), linear-gradient(90deg, var(--bg-text-secondary--blue-grey-30), var(--bg-text-secondary--blue-grey-40));
    color: var(--primary--dark-blue);
    background-position: 0%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    position: relative;
}

.panel.is-video {
    position: relative;
}

.panel.is-clinic-view1 {
    background-color: var(--bg-text-secondary--blue-grey-100);
    background-image: url('../images/Frame-8093_1.avif');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    position: relative;
}

.panel.is-clinic-view1.pms {
    background-image: url('../images/3shape-PMS-BG-imageArtboard-1.jpg');
    background-position: 100%;
    background-size: contain;
}

.panel.is-clinic-view1.pms.hide {
    display: none;
}

.panel.is-overview {
    background-color: var(--bg-text-secondary--blue-grey-100);
    transform-style: preserve-3d;
    background-image: url('../images/Overview-screenV5.jpg');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    transform: translate3d(0, 0, 0);
}

.panel.is-overview.hide {
    display: none;
}

.panel.is-clinic-view2 {
    background-color: var(--bg-text-secondary--blue-grey-100);
    background-image: url('../images/Frame-8094_1.avif');
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    position: relative;
}

.panel.is-clinic-view2.pms {
    background-image: url('../images/3shape-PMS-BG-imageArtboard-1-copy.jpg');
    background-position: 0%;
    background-size: contain;
}

.image {
    width: 790px;
    position: fixed;
    left: -170px;
}

.div-block {
    display: flex;
    overflow: scroll;
}

.div-block.container {
    width: auto;
    height: 100vh;
    position: relative;
}

.heading {
    letter-spacing: -6px;
    font-size: 110px;
    line-height: 90px;
}

.div-block-2 {
    width: 100%;
    max-height: 200vh;
}

.slide-169---184 {
    grid-row-gap: 10px;
    background-color: #e8edf1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1920px;
    min-width: 1920px;
    max-width: 1920px;
    height: 1080px;
    padding: 151px 125px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-8083 {
    grid-row-gap: 179px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1670px;
    text-decoration: none;
    display: flex;
}

.frame-8082 {
    grid-row-gap: 120px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex;
}

.frame-63 {
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 821px;
    text-decoration: none;
    display: flex;
}

.text {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 56px;
    font-weight: 500;
    line-height: 110%;
    text-decoration: none;
}

.text-2 {
    color: #384655;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.progress-bar {
    object-fit: cover;
}

.h-flex-24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.video-button {
    grid-column-gap: 24px;
    background-color: #2c323c;
    border-radius: 56px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 50px 10px 10px;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: inset 0 0 18.8px #cdd5d933, 0 0 13.9px #1622340a;
}

.video-button.is-dark {
    color: #e8edf1;
}

.video-button.is-dark.is-absolute {
    z-index: 52;
    position: absolute;
    inset: auto 8% 30% auto;
    box-shadow: inset 0 0 18.8px #0000004f, 0 0 13.9px #1622340a;
}

.video-button.is-dark.is-absolute.click {
    background-color: var(--bg-text-secondary--blue-grey-80);
    color: var(--bg-text-secondary--blue-grey-10-2);
    box-shadow: inset 0 0 18.8px #0c1f2940, 0 0 13.9px #1622340a;
}

.video-button.is-dark.click {
    background-color: var(--bg-text-secondary--blue-grey-80);
    box-shadow: inset 0 0 18.8px #0c1f2c40, 0 0 13.9px #1622340a;
}

.ellipse-15 {
    background-color: var(--bg-text-secondary--blue-grey-100);
    pointer-events: none;
    object-fit: cover;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    text-decoration: none;
    display: flex;
}

.v-flex {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-3 {
    color: #f9f9f9;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.text-4 {
    color: #f9f9f9;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.vector-160 {
    border-style: solid;
    border-width: undefinedpx;
    object-fit: cover;
    border-color: #f9f9f9;
    position: absolute;
    top: 32px;
    left: 35px;
}

.large-button {
    grid-column-gap: 24px;
    color: var(--primary--dark-blue);
    background-color: #b5bcc6;
    border-radius: 56px;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 311px;
    height: 88px;
    padding: 16px 50px 10px;
    text-decoration: none;
    display: flex;
    box-shadow: inset 0 0 18.8px #cdd5d933, 0 0 13.9px #1622340a;
}

.large-button.click {
    background-color: var(--bg-text-secondary--blue-grey-100);
    color: var(--bg-text-secondary--blue-grey-10-2);
}

.frame-8084 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.text-5 {
    color: #384655;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.text-6 {
    color: #384655;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.body {
    font-size: 1vw;
}

.heading-2 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.1;
}

.heading-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.2em;
}

.heading-4,
.heading-5,
.heading-6,
.heading-7 {
    margin-top: 0;
    margin-bottom: 0;
}

.heading-8 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.2em;
}

.text-x-small {
    font-size: 20px;
    line-height: 1.1;
}

.text-x-small.medium {
    font-weight: 500;
}

.text-x-small.medium.fixed-width {
    flex: none;
}

.text-x-small.medium.fixed-width.padding-top {
    padding-top: 4px;
}

.text-small {
    color: var(--bg-text-secondary--blue-grey-60);
    font-size: 22px;
    line-height: 1.2;
}

.text-small.is-dark-blue {
    color: var(--primary--dark-blue);
}

.text-small.is-white {
    color: #fff;
    line-height: 1.4;
}

.text-small.is-white.is-link {
    line-height: 1;
}

.text-medium {
    font-size: 28px;
    line-height: 1.2;
}

.text-medium.is-medium {
    font-weight: 500;
}

.text-medium.left {
    text-align: left;
    line-height: 1.4;
}

.text-regular {
    font-size: 24px;
    line-height: 1.2;
}

.text-regular.is-medium {
    font-weight: 500;
}

.text-regular.center-align {
    min-height: 9ch;
}

.text-regular.left {
    text-align: left;
}

.text-large {
    font-size: 32px;
    line-height: 1.4;
}

.text-large.center-align.is-medium {
    font-weight: 500;
}

.text-large.is-medium {
    text-align: left;
    font-weight: 500;
}

.v-flex-10em {
    grid-column-gap: 10em;
    grid-row-gap: 10em;
}

.v-flex-10em.center-align {
    grid-column-gap: 8em;
    grid-row-gap: 8em;
    justify-content: center;
    align-items: center;
}

.v-flex-32 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    flex-flow: column;
    display: flex;
}

.v-flex-32.center-align {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    align-items: center;
}

.v-flex-32.center-align.max-width-medium {
    max-width: 60ch;
}

.v-flex-32.devices {
    justify-content: center;
    padding-top: 6em;
    padding-bottom: 6em;
}

.center-align {
    text-align: center;
}

.center-align.max-width-medium {
    max-width: 40ch;
}

.center-align.max-width-large {
    color: var(--primary--salt);
    max-width: 42ch;
}

.process-dot {
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
}

.process-dot.is-grey {
    background-color: #d9d9d9;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    position: static;
    inset: 0%;
}

.process-dot-holder {
    z-index: 2;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.process-dot-green {
    background-color: #51c15b;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.process-dot-green.is-grey {
    background-color: #d9d9d9;
    border-radius: 100%;
    position: absolute;
    inset: 0%;
}

.process-number {
    color: #fff;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    font-size: 48px;
    font-weight: 400;
    line-height: 1;
    display: flex;
    position: absolute;
    inset: 0%;
}

.process-holder {
    z-index: 25;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    min-width: 1500px;
    margin-top: -55px;
    position: relative;
}

.process-bar {
    background-color: #d9d9d9;
    border-radius: 8px;
    width: 100%;
    height: 16px;
    position: static;
}

.process-bar-holder {
    z-index: 1;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

.process-bar-green {
    background-color: #51c15b;
    border-radius: 8px;
    width: 100%;
    height: 16px;
    position: absolute;
    inset: 0%;
}

.process-text-n-dot {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 55px;
}

.process-text-n-dot._1 {
    margin-left: -18px;
}

.process-text-n-dot._4 {
    margin-right: -10px;
}

.first-process-dot-green {
    background-color: #51c15b;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.first-process-dot-green.is-grey {
    background-color: #d9d9d9;
    border-radius: 100%;
    position: absolute;
    inset: 0%;
}

.second-process-dot-green {
    background-color: #51c15b;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.second-process-dot-green.is-grey {
    background-color: #d9d9d9;
    border-radius: 100%;
    position: absolute;
    inset: 0%;
}

.third-process-dot-green {
    background-color: #51c15b;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.third-process-dot-green.is-grey {
    background-color: #d9d9d9;
    border-radius: 100%;
    position: absolute;
    inset: 0%;
}

.fourth-process-dot-green {
    background-color: #51c15b;
    border-radius: 100%;
    width: 75px;
    height: 75px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.fourth-process-dot-green.is-grey {
    background-color: #d9d9d9;
    border-radius: 100%;
    position: absolute;
    inset: 0%;
}

.process-text-1,
.process-text-2,
.process-text-3,
.process-text-4 {
    font-size: 24px;
    line-height: 1.2;
}

.v-flex-video-bt-text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 8px;
    text-decoration: none;
    display: flex;
}

.v-flex-video-bt-text.center-align {
    justify-content: center;
    align-items: center;
}

.lab-skrm {
    grid-row-gap: 10px;
    background-color: #e8edf1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1920px;
    height: 1080px;
    padding: 251px 184px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.frame-8085 {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: relative;
}

.frame-8086 {
    grid-row-gap: 28px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 638px;
    text-decoration: none;
    display: flex;
}

.text-7 {
    color: #78828f;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.partnered-with-with-over-25000-labs {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 56px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: none;
}

.connected-with-thousands-of-labs-we-ensure-you-start-your-seamless-workflow-from-the-moment-you-turn {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.frame-14 {
    grid-column-gap: 24px;
    background-color: #2c323c;
    border-radius: 56px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 50px 10px 10px;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: inset 0 0 18.8px #cdd5d933, 0 0 13.9px #1622340a;
}

.ellipse-16 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    text-decoration: none;
    display: flex;
}

.frame-51 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex;
}

.text-8 {
    color: #f9f9f9;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.text-9 {
    color: #f9f9f9;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
}

.vector-161 {
    border-style: solid;
    border-width: undefinedpx;
    object-fit: cover;
    border-color: #f9f9f9;
    position: absolute;
    top: 32px;
    left: 35px;
}

.group-8091 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1811px;
    height: 1109.62px;
    text-decoration: none;
    display: flex;
    position: absolute;
    top: -406px;
    left: 252px;
}

.partnered-with-with-over-25000-labs-0 {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: none;
}

.partnered-with-with-over-25000-labs-1 {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 56px;
    font-weight: 500;
    line-height: 110%;
    text-decoration: none;
}

.left-content-holder {
    z-index: 50;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 100%;
    display: flex;
    position: static;
    inset: 0% auto 0% 0%;
}

.normal {
    font-weight: 400;
}

.normal.white {
    color: var(--primary--salt);
}

.normal.dark {
    color: var(--bg-text-secondary--blue-grey-100);
}

.body-2 {
    color: var(--primary--dark-blue);
}

.labs-visual-holder {
    justify-content: flex-start;
    align-items: flex-end;
    width: 1200px;
    height: 100%;
    padding-bottom: 7%;
    display: flex;
    position: relative;
    inset: 0% 0% 0% auto;
}

.bg-blur {
    width: 1400px;
    margin-right: -200px;
    position: absolute;
    inset: auto 0% 10%;
}

.labs-laptop {
    width: 800px;
    display: block;
    position: absolute;
    inset: auto auto 10%;
}

.computer_labs {
    width: 820px;
    margin-left: 0;
    position: static;
    inset: auto 0% 0%;
    overflow: visible;
}

.labs-app {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    padding: 45px 27px 49px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 2% auto auto 0%;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.text-10 {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: none;
}

.labs-holder {
    z-index: 20;
    width: 70%;
    height: 1080px;
    position: absolute;
    inset: 0% 0% 0% auto;
    overflow: visible;
}

.frame-12 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 124.553px;
    padding: 45px 27px;
    text-decoration: none;
    display: flex;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.text-11 {
    color: #384655;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 110%;
    text-decoration: none;
}

.labs-app-2 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 125px;
    height: 125px;
    padding: 45px 27px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: -5% 20% auto auto;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.device-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-90);
    border-radius: 30px;
    grid-template-rows: auto;
    grid-template-columns: .75fr .25fr 1fr;
    grid-auto-columns: 1fr;
    width: 90vw;
    height: 100%;
    padding: 0 4em;
    display: grid;
}

.tabs-content-wrapper {
    width: 100%;
    margin-bottom: 2em;
    overflow: visible;
}

.tabs-nav-background {
    z-index: 0;
    box-shadow: none;
    background-color: #ffffff1a;
    border-radius: 10px;
    position: absolute;
    inset: 0%;
}

.tab-content-item {
    max-height: 60vh;
}

.tab-content-image {
    pointer-events: none;
    border-radius: 1.4em;
    width: 90%;
}

.tabs-nav-text {
    z-index: 1;
    position: relative;
}

.tab-content-inner {
    justify-content: center;
    align-items: center;
    height: 60vh;
    display: flex;
}

.tab-content-title {
    color: #fff;
    font-size: 3em;
    font-weight: 500;
    line-height: 1;
    position: absolute;
}

.tabs-menu-wrapper {
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 15px;
    align-items: center;
    padding: 8px;
    display: flex;
}

.tabs {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
}

.tabs-nav-item {
    color: #fff;
    text-align: center;
    background-color: #0000;
    width: 70px;
    height: 55px;
    transition: all .3s;
    position: relative;
}

.tabs-nav-item.w--current {
    color: #000;
    background-color: #0000;
    font-weight: 500;
}

.tabs-nav-item._01,
.tabs-nav-item._01.w--current,
.tabs-nav-item._03,
.tabs-nav-item._02 {
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
}

.center-text-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 100%;
    display: flex;
    position: static;
    inset: 0% auto 0% 0%;
}

.phone-one-holder {
    position: absolute;
    inset: auto auto -20% 10%;
}

.plus-button {
    grid-column-gap: 16px;
    background-color: #f6f8fa;
    border-radius: 36px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    height: 50px;
    padding: 10px 24px 10px 6px;
    text-decoration: none;
    display: flex;
    position: static;
    inset: 38% -26% auto auto;
    box-shadow: 0 0 14px #1622340a, inset 0 0 18.8px #cdd5d933;
}

.plus-button.reversed {
    justify-content: flex-end;
    align-items: center;
    padding-left: 24px;
    padding-right: 6px;
    inset: auto auto 40% -43%;
}

.plus-button.dark {
    background-color: var(--bg-text-secondary--blue-grey-80);
    box-shadow: none;
    color: var(--bg-text-secondary--blue-grey-10-2);
}

.plus-button.dark.click {
    background-color: var(--bg-text-secondary--blue-grey-90);
    color: var(--bg-text-secondary--blue-grey-10-2);
    box-shadow: 0 0 14px #1622340a;
}

.plus-circle {
    grid-column-gap: 10px;
    background-color: #38465526;
    border-radius: 31px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none;
    display: flex;
}

.plus-circle.darker {
    background-color: var(--bg-text-secondary--blue-grey-100);
    color: var(--bg-text-secondary--blue-grey-60);
}

.group-8061 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 19px;
    height: 19px;
    text-decoration: none;
    display: flex;
}

.text-12 {
    color: #384655;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Karbon, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none;
}

.phone-one {
    pointer-events: none;
    transform: rotate(-15deg);
}

.phone-two-holder {
    position: absolute;
    inset: -20% 10% auto auto;
}

.phone-two {
    pointer-events: none;
    transform: rotate(15deg);
}

.h2-titles {
    color: var(--primary--3shape-red);
}

.h2-titles.dark {
    color: var(--bg-text-secondary--blue-grey-100);
}

.plus-button-holder {
    grid-column-gap: 16px;
    border-radius: 36px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 235px;
    text-decoration: none;
    display: block;
    position: absolute;
    inset: 38% -35% auto auto;
    overflow: hidden;
}

.plus-button-holder.reversed {
    grid-column-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    width: 258px;
    display: flex;
    inset: auto auto 40% -43%;
}

.styles {
    display: none;
}

.div-block-3 {
    position: absolute;
    inset: 0%;
}

.pop-up-holder {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color: #20252ee6;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
    position: relative;
    inset: 0%;
}

.pop-up-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-40);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .75fr .25fr 1fr;
    grid-auto-columns: 1fr;
    width: 90vw;
    height: 84vh;
    padding: 6em 4em;
    display: flex;
}

.pop-up-box.is--scans-pop-up {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    background-color: var(--bg-text-secondary--blue-grey-20);
    opacity: 1;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding-top: 0;
    padding-bottom: 3em;
    display: none;
    position: absolute;
    overflow: hidden;
}

.pop-up-box.is--mobile-experience {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    aspect-ratio: 16 / 9;
    background-color: var(--bg-text-secondary--blue-grey-20);
    opacity: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding-top: 3em;
    padding-bottom: 0;
    display: none;
    position: absolute;
    overflow: hidden;
}

.pop-up-box.is--mobile-in-app-chat {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    aspect-ratio: 16 / 9;
    background-color: var(--bg-text-secondary--blue-grey-20);
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding: 3em 6em 0;
    display: none;
    position: absolute;
    overflow: hidden;
}

.pop-up-box.is--video-direct-integrate {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding: 70px 122px;
    display: none;
    position: absolute;
}

.pop-up-box.is--video-connectwithlabs {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    opacity: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    height: auto;
    padding: 70px 122px;
    display: none;
    position: absolute;
}

.pop-up-box.is-pms-integrations,
.pop-up-box.is-pms-integrations-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-10-2);
    opacity: 0;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    padding-top: 4em;
    padding-bottom: 5em;
    display: none;
    position: relative;
}

.pop-up-box.is--video-dentalpartners {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    opacity: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    height: auto;
    padding: 70px 122px;
    display: none;
    position: absolute;
}

.pop-up-box.lab-receive-scans {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    aspect-ratio: 16 / 9;
    background-color: var(--bg-text-secondary--blue-grey-20);
    opacity: 1;
    background-image: url('../images/Frame-77_1.avif');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    padding-top: 3em;
    padding-bottom: 0;
    display: none;
    position: absolute;
}

.pop-up-box.is--video-cases {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    opacity: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    height: auto;
    padding: 70px 122px;
    display: none;
    position: absolute;
}

.pop-up-box.is--video-all-patient-data,
.pop-up-box.is--video-adding-more {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: 16 / 9;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding: 70px 122px;
    display: none;
    position: absolute;
}

.frame-8089 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1551.33px;
    text-decoration: none;
    display: flex;
    overflow: visible;
}

.polygon-18 {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 226.832px;
    height: 226.832px;
    text-decoration: none;
    display: flex;
}

.frame-19 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.hexagon {
    -webkit-clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
    clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
    background-color: #fff;
    flex: none;
    width: 225px;
    height: 200px;
    margin-bottom: 50px;
    transform: rotate(90deg);
    box-shadow: -2px -2px 7px 4px #06183180, 10px 10px 9px 4px #0006;
}

.hexagon-holder {
    margin: 20px -6px;
}

.first-flex {
    justify-content: space-between;
    align-items: center;
    display: block;
}

.hexagon-holder-1 {
    opacity: .4;
    margin: 20px -6px;
}

.hexagons {
    aspect-ratio: auto;
    object-fit: cover;
    width: auto;
    height: 100%;
    max-height: 1080px;
    display: block;
    position: absolute;
    overflow: visible;
}

.flying-poly {
    width: 309px;
    position: absolute;
    inset: auto auto 24px -200px;
}

.second-flying-poly {
    width: 310px;
    position: absolute;
    inset: auto auto -180px 100px;
}

.content-holder {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 100%;
    display: flex;
    position: relative;
    inset: 0% auto 0% 0%;
    overflow: hidden;
}

.v-flex-16 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
}

.v-flex-16.center-align {
    justify-content: flex-start;
    align-items: center;
}

.v-flex-16.center-align.paddings {
    padding-left: 32px;
    padding-right: 32px;
}

.v-flex-16.with-margin {
    margin: 40px 90px 60px;
}

.v-flex-16.max-width-popup {
    max-width: 65ch;
}

.qr-holder {
    background-color: var(--bg-text-secondary--blue-grey-30);
    border-radius: 12px;
    max-width: 185px;
    padding: 6px;
}

.qr-end {
    pointer-events: none;
    mix-blend-mode: multiply;
    border-radius: 8px;
}

.background-video {
    background-image: linear-gradient(0deg, #0009, #0000 70%);
    width: 100%;
    height: 100%;
    padding-bottom: 130px;
}

.video-content-holder {
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 130px;
    padding-left: 110px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.max-width-medium {
    max-width: 40ch;
}

.content-holder-center {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 100%;
    display: flex;
    position: static;
    inset: 0% auto 0% 0%;
}

.plus-button-holder-first {
    grid-column-gap: 16px;
    color: var(--primary--dark-blue);
    border-radius: 36px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 220px;
    text-decoration: none;
    display: block;
    position: static;
    inset: 38% -20% auto auto;
    overflow: hidden;
}

.plus-button-holder-first.reversed {
    grid-column-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    width: 258px;
    display: flex;
    inset: auto auto 40% -43%;
}

.clinic-swiper-holder {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 130px;
    padding-left: 130px;
    padding-right: 130px;
    display: flex;
    position: relative;
    right: 0;
}

.swiper-slide {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    background-color: var(--bg-text-secondary--black);
    border-radius: 16px;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    width: 600px;
    padding: 16px 16px 32px;
    display: flex;
}

.swiper-slide.is-scans {
    background-color: #fff0;
    border-radius: 0;
    width: 100%;
    padding: 0;
}

.clinic-video {
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 48px;
}

.play {
    object-fit: cover;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 16px;
    margin-left: 2px;
    text-decoration: none;
    display: flex;
}

.timer-dot-holder-one {
    position: absolute;
    top: 63%;
    right: 935px;
}

.timer-dot-button {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
    padding: 6px 18px 6px 6px;
    display: flex;
}

.white-dot-one {
    background-color: #fff3;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    display: flex;
}

.white-dot-two {
    background-color: var(--primary--salt);
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.timer-dot-holder-two {
    position: absolute;
    top: 41%;
    right: 64%;
}

.timer-dot-holder-three {
    position: absolute;
    top: 53%;
    right: 69%;
}

.navigation {
    z-index: 100;
    color: var(--primary--salt);
    mix-blend-mode: difference;
    justify-content: space-between;
    align-items: stretch;
    width: 100vw;
    height: 60px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    position: fixed;
    bottom: 0;
}

.code-embed {
    display: none;
}

.nav-flex {
    border-top: 1px solid #fff3;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.nav-item {
    opacity: .3;
    color: #fff;
    border-top: 1px solid #fff0;
    justify-content: center;
    align-items: center;
    margin-top: -1px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 20px;
    text-decoration: none;
    transition: border-color .2s, opacity .2s;
    display: flex;
}

.nav-item.active {
    opacity: 1;
    border-top-color: #fff;
}

.nav-item-flex {
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
}

.overview-content-holder {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 90px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.overview-dot-holder {
    justify-content: center;
    align-items: flex-start;
    width: 1400px;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.dot-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
}

.dot-flex.one {
    position: absolute;
    top: 43%;
    left: -4%;
}

.dot-flex.two {
    position: absolute;
    top: 10%;
}

.dot-flex.three {
    position: absolute;
    top: 36%;
    right: 25%;
}

.titles-of-dot {
    background-color: #20252ecc;
    border-radius: 28px;
    padding: 10px 24px 8px;
    font-size: 18px;
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
}

.titles-of-dot.is-active {
    background-color: #20252e;
}

.circle-wave {
    border: 2px solid #2c323c4d;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 96px;
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: relative;
}

.circle-wave.is-active {
    border-color: var(--bg-text-secondary--blue-grey-100);
    background-color: #2c323c80;
    transition: all .45s cubic-bezier(.25, .46, .45, .94);
}

.dot {
    background-color: var(--bg-text-secondary--blue-grey-90);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    display: flex;
    box-shadow: inset 0 0 30px #00000073;
}

.plus-holder {
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    display: flex;
    position: relative;
}

.plus-vert {
    background-color: #fff;
    width: 100%;
    height: 2px;
}

.plus-hori {
    background-color: #fff;
    width: 2px;
    height: 100%;
    position: absolute;
}

.circle-wave-1,
.circle-wave-2 {
    border: 2px solid #2c323ccc;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 65px;
    height: 65px;
    display: flex;
    position: absolute;
}

.dot-flex-two {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    top: 10%;
    left: auto;
}

.dot-flex-three {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 36% 25% auto auto;
}

.info-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 16px;
    flex-flow: column;
    max-width: 55ch;
    padding: 32px;
    display: flex;
}

.text-xx-small {
    color: var(--bg-text-secondary--blue-grey-60);
    font-size: 18px;
    line-height: 1.1;
}

.text-xx-small.medium {
    font-weight: 500;
}

.text-xx-small.medium.fixed-width {
    flex: none;
}

.text-xx-small.medium.fixed-width.padding-top {
    padding-top: 4px;
}

.h-flex-8 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
}

.h-flex-8.is-link {
    padding-top: 10px;
    padding-bottom: 4px;
    text-decoration: none;
    display: flex;
}

.chev {
    width: 8px;
    margin-bottom: 2px;
}

.info-box-holder {
    z-index: 50;
    align-items: stretch;
    width: 65ch;
    min-height: 350px;
    position: relative;
    overflow: hidden;
}

.info-box-dots {
    z-index: 3;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-100);
    opacity: 0;
    border-radius: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    max-width: 65ch;
    padding: 32px;
    transition: all .45s cubic-bezier(.25, .46, .45, .94), opacity .45s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: absolute;
    inset: 0%;
    transform: translate(0, 100%);
}

.info-box-dots.is-active {
    opacity: 1;
    transform: translate(0);
}

.info-box-dots.hide {
    display: none;
}

.info-box-dentalpartners {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    max-width: 65ch;
    padding: 32px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.info-box-labs {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 16px;
    flex-flow: column;
    justify-content: space-between;
    max-width: 65ch;
    padding: 32px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.play-pause-button {
    bottom: 130px;
    right: 110px;
}

.play-pause-button-2 {
    z-index: 20;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    display: flex;
    position: absolute;
    inset: auto 20px 20px 0%;
}

.play-state {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.icon-12 {
    width: 12px;
}

.text-small-2 {
    color: #525252;
    font-size: .875rem;
}

.text-small-2.is--white {
    color: #fff;
}

.text-small-2.is--white.play-pause {
    margin-top: 4px;
    font-size: 16px;
}

.pause-state {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.swiper-wrapper {
    width: 600px;
    display: flex;
    overflow: hidden;
}

.swiper-wrapper.is-scans {
    justify-content: flex-start;
    align-items: stretch;
    width: 43vw;
    overflow: visible;
}

.swiper.clinicswiper {
    border-radius: 16px;
    width: auto;
    position: absolute;
    inset: 130px 200px auto auto;
    overflow: visible;
}

.swiper.scanswiper {
    position: relative;
    overflow: hidden;
}

.autoplay-progress {
    text-align: center;
    width: 48px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    position: absolute;
    top: 354px;
    left: 16px;
}

.swiper-bullet_wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    width: 750px;
    height: 330px;
    display: flex;
    position: absolute;
    inset: auto auto auto 250px;
}

.swiper-bullet {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    font-size: 20px;
    transition: all .25s cubic-bezier(.25, .46, .45, .94);
    display: flex;
}

.swiper-bullet.is--active {
    width: auto;
    padding-right: 24px;
    transition: all .5s cubic-bezier(.25, .46, .45, .94);
}

.bullet-text {
    flex: none;
    transition: opacity .1s cubic-bezier(.25, .46, .45, .94);
}

.text-block {
    opacity: .01;
}

.third-flying-poly {
    opacity: .5;
    width: 310px;
    position: absolute;
    inset: -180px 0 auto auto;
}

.close-holder {
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    position: absolute;
    inset: auto 10px 10px auto;
    margin: auto;
    display: flex;
}

.close-holder.is-white {
    z-index: 2;
    bottom: 0px;
    right: 0;
    margin: auto;
}

.close-holder.click {
    z-index: 10;
}

.line-1 {
    background-color: var(--secondary--pure-grey);
    width: 40px;
    height: 3px;
    position: absolute;
    transform: rotate(-45deg);
}

.line-1.is-white {
    background-color: var(--bg-text-secondary--blue-grey-10-2);
}

.line-2 {
    background-color: var(--secondary--pure-grey);
    width: 40px;
    height: 3px;
    position: absolute;
    transform: rotate(45deg);
}

.line-2.is-white {
    background-color: var(--bg-text-secondary--blue-grey-10-2);
}

.scan-screen {
    z-index: 1;
    pointer-events: none;
    width: 100%;
    position: absolute;
    inset: 0%;
}

.v-flex-2em {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
}

.v-flex-2em.center-align {
    justify-content: flex-start;
    align-items: center;
}

.v-flex-2em.padding-top {
    justify-content: flex-start;
    align-items: center;
    padding-top: 6em;
}

.v-flex-2em.center {
    justify-content: center;
    align-items: flex-start;
}

.v-flex-2em.center.padding-bottom {
    padding-bottom: 3em;
}

.v-flex-2em.align-bottom {
    justify-content: flex-end;
    align-items: center;
}

.paragraph {
    text-align: left;
}

.image-3 {
    pointer-events: none;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.swiper-pagination {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 100%;
    margin-top: 30px;
    display: flex;
    overflow: visible;
}

.swiper-bullet2 {
    background-color: var(--bg-text-secondary--blue-grey-80);
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.gradient {
    background-image: linear-gradient(90deg, var(--bg-text-secondary--blue-grey-20), #e8edf1 0%, #e8edf100 102%);
    align-items: center;
    width: 17%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
}

.gradient.swiper-button-prev {
    margin-left: -2px;
    padding-left: 2px;
}

.gradient2 {
    background-image: linear-gradient(-90deg, var(--bg-text-secondary--blue-grey-20), #e8edf1 0%, #e8edf100);
    width: 20%;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.gradient2.swiper-button-next {
    justify-content: flex-end;
    align-items: center;
    margin-right: -2px;
    padding-right: 2px;
    display: flex;
}

.qr-mobile-holder {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--bg-text-secondary--blue-grey-10-2);
    border-radius: 8px;
    flex-flow: row;
    flex: none;
    align-items: center;
    padding: 8px 32px 8px 8px;
    display: flex;
}

.qr-mobile {
    aspect-ratio: 1;
    pointer-events: none;
    mix-blend-mode: multiply;
    width: 120px;
}

.qr-mobile-text {
    text-align: left;
    font-size: 24px;
    line-height: 1.2;
}

.medium {
    font-weight: 500;
}

.flex-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: flex-start;
}

.pop-up-videos {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border-radius: 8px;
    width: auto;
    min-width: 100%;
    height: auto;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.pop-absolute-holder {
    z-index: 200;
    width: 100vw;
    height: 100vh;
    display: none;
    position: absolute;
    inset: 0%;
}

.play-pause-button-3 {
    z-index: 20;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    display: flex;
    position: absolute;
    inset: auto 110px 130px 0%;
}

.partner-logo-slider {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    width: 250px;
    height: 100px;
    display: flex;
}

.partner-logo-slider.number-one {
    position: static;
    inset: 160px 926px auto auto;
}

.partner-logo-slider.number-two {
    position: static;
    inset: 564px 924px auto auto;
}

.partner-logo-slider.number-three {
    position: static;
    inset: auto 924px 160px auto;
}

.slide-nav,
.right-arrow,
.left-arrow,
.icon-13,
.icon-14 {
    display: none;
}

.partner_logo {
    aspect-ratio: auto;
    pointer-events: none;
    object-fit: contain;
    width: 155px;
    height: auto;
    max-height: 100px;
    margin: auto;
    display: block;
    position: static;
}

.partner_logo_holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.sliders-1 {
    justify-content: space-between;
    align-items: center;
    max-height: 100vh;
    padding-top: 134px;
    padding-bottom: 134px;
    position: absolute;
    inset: 0% 18% 0% auto;
}

.sliders-2 {
    justify-content: center;
    align-items: center;
    max-height: 100vh;
    padding-top: 7.6em;
    padding-bottom: 7.6em;
    position: absolute;
    inset: 0% 7.5% 0% auto;
}

.swipe-text {
    font-size: 20px;
}

.screen-overlay {
    z-index: 400;
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    background-color: var(--bg-text-secondary--grey-40);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: absolute;
    inset: 0%;
}

.title-big {
    text-align: center;
    font-size: 80px;
}

.big-button {
    grid-column-gap: 24px;
    background-color: #2c323c;
    border-radius: 56px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 50px 10px 10px;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: inset 0 0 18.8px #cdd5d933, 0 0 13.9px #1622340a;
}

.big-button.is-dark {
    color: #e8edf1;
}

.big-button.is-dark.is-absolute {
    z-index: 52;
    justify-content: center;
    align-items: center;
    height: 85px;
    padding-top: 16px;
    padding-left: 50px;
    font-size: 3rem;
    position: static;
    inset: auto 6% 30% auto;
    box-shadow: inset 0 0 18.8px #0000004f, 0 0 13.9px #1622340a;
}

.labs-app-3 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 110px;
    height: 110px;
    padding: 20px 20px 24px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 11% 55% auto auto;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.labs-app-4 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 45px 22px 50px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 22% 7% auto auto;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.labs-app-5 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    padding: 20px 20px 24px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 34% 33% auto auto;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.labs-app-6 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 85px;
    height: 85px;
    padding: 20px 20px 22px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 48% -3% auto auto;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.labs-app-7 {
    grid-row-gap: 10px;
    background-color: #f6f8fa;
    border-radius: 11.8189px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    padding: 20px 20px 24px;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 29% auto auto 16%;
    box-shadow: inset -3.63657px -3.63657px 3.63657px #081f361a, inset 3.63657px 3.63657px 8.2732px #55667814;
}

.flying-poly-button {
    object-fit: contain;
    justify-content: center;
    align-items: center;
    width: 293px;
    display: flex;
    position: absolute;
    inset: auto 600px 200px auto;
}

.flying-poly-image {
    object-fit: contain;
    width: 293px;
    position: static;
    inset: auto 600px 200px auto;
}

.button-text {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    position: absolute;
    inset: 0%;
}

.swiper-image {
    aspect-ratio: 16 / 9;
    pointer-events: none;
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 48px;
}

.hex-text {
    color: var(--bg-text-secondary--blue-grey-60);
    font-size: 22px;
    line-height: 1.2;
}

.hex-text.is-dark-blue {
    color: var(--primary--dark-blue);
}

.hex-text.is-white {
    color: #fff;
    line-height: 1.4;
}

.hex-text.is-white.is-link {
    line-height: 1;
}

.container {
    touch-action: pan-x;
    flex-flow: row;
    width: 100vw;
    height: 100vh;
    display: flex;
    overflow: hidden;
}

.circle-arrow {
    background-color: var(--bg-text-secondary--blue-grey-10-2);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
}

.arrow-left {
    pointer-events: none;
    margin-right: 4px;
}

.arrow-right {
    pointer-events: none;
    margin-left: 4px;
    margin-right: 0;
}

.swiper-pagination-bullet {
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 100%;
    width: 8px;
    height: 8px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active-prec,
.swiper-pagination-bullet.swiper-pagination-bullet-active-next {
    width: 8px;
    height: 8px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev,
.swiper-pagination-bullet.swiper-pagination-bullet-active-next-next {
    width: 6px;
    height: 6px;
}

.pms-logo-image {
    object-fit: contain;
    min-width: 100px;
    max-width: 140px;
    min-height: 80px;
    max-height: 100px;
}

.scan-image {
    pointer-events: none;
    min-width: 90%;
    max-width: 90%;
}

.mobile-holder {
    width: 496px;
    height: 791px;
    padding-top: 20px;
    padding-left: 18px;
    padding-right: 17px;
    position: relative;
}

.mobile-holder.left {
    padding-left: 17px;
}

.image-4 {
    z-index: 1;
    pointer-events: none;
    position: absolute;
    inset: 0%;
}

.mobile-video {
    z-index: 2;
    object-fit: contain;
    object-position: 50% 0%;
    border-top-left-radius: 44px;
    border-top-right-radius: 44px;
    width: 100%;
    height: 100%;
}

.pop-up-list-box {
    background-color: var(--bg-text-secondary--blue-grey-100);
    color: var(--bg-text-secondary--blue-grey-10-2);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 60%;
    height: 100vh;
    padding: 100px 130px 0;
    display: none;
    position: absolute;
    inset: 0% 0% 0% auto;
    overflow: hidden;
}

.v-flex-40 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: 100%;
}

.divider {
    background-color: var(--bg-text-secondary--blue-grey-80);
    width: 100%;
    height: 1px;
}

.app-icon-list {
    grid-column-gap: 16px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 600px;
    padding-bottom: 100px;
    display: grid;
    overflow: scroll;
}

.app-icon {
    background-color: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    padding: 10px;
    display: flex;
}

.app-icon.no-padding {
    padding: 0;
    overflow: hidden;
}

.app-icon.no-padding.no-bg {
    background-color: #fff0;
    overflow: hidden;
}

.app-icon.small-padding {
    padding: 4px;
}

.app-icon-img {
    aspect-ratio: 1;
    pointer-events: none;
    object-fit: contain;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.heading-9 {
    pointer-events: auto;
}

.gradient-list {
    z-index: 1;
    background-image: linear-gradient(0deg, var(--bg-text-secondary--blue-grey-100), #20252e00);
    width: 100%;
    height: 100px;
    position: absolute;
    inset: auto 0% 0%;
}

.pause-bt {
    background-color: var(--bg-text-secondary--blue-grey-90);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.play-state-2 {
    justify-content: flex-start;
    display: flex;
}

.play-pause-button-4 {
    z-index: 2;
    background-color: var(--bg-text-secondary--blue-grey-90);
    border-radius: 100%;
    justify-content: center;
    width: 38px;
    height: 38px;
    display: flex;
}

.play-state-3,
.pause-state-2 {
    justify-content: center;
    align-items: center;
    display: flex;
}

.plus-button-holder-275 {
    grid-column-gap: 16px;
    color: var(--primary--dark-blue);
    border-radius: 36px;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 275px;
    text-decoration: none;
    display: block;
    position: static;
    inset: 38% -20% auto auto;
    overflow: hidden;
}

.plus-button-holder-275.reversed {
    grid-column-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    width: 258px;
    display: flex;
    inset: auto auto 40% -43%;
}

.body-4 {
    overflow: hidden;
}

.body-5 {
    background-color: var(--bg-text-secondary--blue-grey-20);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.lab-icon {
    pointer-events: none;
}

.ipad-holder {
    width: 100%;
    height: 444px;
    padding-bottom: 50px;
    padding-left: 54px;
    padding-right: 54px;
    position: relative;
}

.scan-video {
    z-index: 2;
    aspect-ratio: auto;
    object-fit: contain;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    position: relative;
    inset: 0% 0% auto;
    overflow: hidden;
    height: 100% !important;
}

.background-video-2 {
    width: 100%;
}

.screensaver {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.screensaver._1 {
    justify-content: center;
    align-items: center;
}

.fade-head {
    opacity: 0;
    color: var(--primary--dark-blue);
    text-align: center;
    cursor: default;
    font-size: 60px;
    font-weight: 400;
    position: absolute;
    inset: auto 0% 0%;
}

.button {
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 8rem;
    padding: 2.25vw 3vw 1.75vw;
    font-size: 3vw;
}

.text-wrapper {
    z-index: 2;
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px;
    display: flex;
    position: absolute;
}

.medium-span {
    font-weight: 500;
}

.div-block-5 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 50vw;
    height: 25vh;
    display: flex;
    position: relative;
}

.body-6 {
    background-color: var(--bg-text-secondary--blue-grey-100);
    overflow: hidden;
}

.home-hero_video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
}

.full-view-wrapper {
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: relative;
}

.overlay {
    z-index: 1;
    background-color: #0000;
    position: absolute;
    inset: 0%;
}

.inactive-popup {
    z-index: 10;
    background-color: #42495480;
    background-image: radial-gradient(circle, #42495480 18%, #5a637000);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    inset: 0%;
}

.inactive-text {
    color: var(--bg-text-secondary--grey-50);
    text-align: center;
    font-size: 71px;
    font-weight: 400;
    line-height: .7;
}

.div-block-6 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #20252ecc;
    border-radius: 16px;
    padding: 60px 60px 40px;
}

.timeout-counter {
    font-size: 35px;
    font-weight: 500;
}

.link-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--primary--salt);
    text-decoration: none;
    display: flex;
}

.smaller {
    font-size: 35px;
    line-height: .7;
}

.text-span {
    font-size: 35px;
}

.button-explore {
    background-color: var(--bg-text-secondary--blue-grey-100);
    color: var(--bg-text-secondary--blue-grey-10-2);
    border-radius: 60px;
    padding: 28px 60px 20px;
    font-size: 56px;
    line-height: 1;
    display: block;
}

.main-button-n {
    box-shadow: 0 0 50px 0 var(--bg-text-secondary--blue-grey-70);
    border-radius: 10em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px;
    text-decoration: none;
    transition: all .4s;
    display: flex;
    position: relative;
    overflow: hidden;
}

.main-button-n:hover {
    box-shadow: 0 0 80px 0 var(--bg-text-secondary--blue-grey-90);
}

.button-bg {
    z-index: 1;
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 10em;
    position: relative;
}

.button-inside {
    z-index: 2;
    grid-column-gap: .5em;
    background-color: var(--bg-text-secondary--blue-grey-100);
    opacity: 1;
    white-space: nowrap;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(90deg, #ffffffb3, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: center;
    align-items: center;
    padding: 48px 60px 40px;
    font-size: 50px;
    font-weight: 400;
    display: flex;
    position: static;
    inset: 1%;
}

.border-gradient {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 600px;
    height: 600px;
    position: absolute;
    transform: rotate(-55deg);
}

.section {
    background-color: #151515;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    display: flex;
}

.main-button-n-2 {
    border-radius: 10em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1px;
    text-decoration: none;
    transition: all .4s;
    display: flex;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 50px #912e7b99;
}

.main-button-n-2:hover {
    box-shadow: 0 0 80px #912e7b;
}

.main-button-n-2.is-twitter {
    box-shadow: 0 0 50px #00b4e94d;
}

.button-bg-2 {
    z-index: 1;
    background-color: #151515;
    border-radius: 10em;
    position: relative;
}

.button-inside-2 {
    z-index: 2;
    grid-column-gap: .5em;
    opacity: 1;
    white-space: nowrap;
    -webkit-text-fill-color: transparent;
    background-color: #151515;
    background-image: linear-gradient(to right, #ffffffb3, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.7rem;
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
    position: static;
    inset: 1%;
}

.border-gradient-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    min-height: 12rem;
    position: absolute;
    transform: rotate(-55deg);
}

.div-block-7 {
    color: #151515;
    position: absolute;
    bottom: 4rem;
    right: 4rem;
}

.image-7 {
    width: 1em;
}

.tap-to-explore-bt {
    background-color: var(--bg-text-secondary--blue-grey-100);
    border-radius: 100px;
}

.hidden {
    display: none;
}

.video-ellipse {
    background-color: var(--bg-text-secondary--blue-grey-50);
    pointer-events: none;
    object-fit: cover;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    text-decoration: none;
    display: none;
    position: relative;
}

.swipe_gif {
    width: 40px;
}

.swipe-flex {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
}

.white {
    color: var(--primary--salt);
}

.lottie {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
    transform: rotate(90deg);
}

@media screen and (max-width: 991px) {
    .container {
        touch-action: pan-x;
    }
}

#w-node-f4907b62-80d2-ceae-d3f2-cafd2dccf29a-210c3496 {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-eb11176d-0a99-1ee0-2f4e-34a7e6923d3e-210c3496,
#w-node-_8b550c6c-eba7-c6df-d6aa-8cab6495ca84-210c3496,
#w-node-_1074caef-6027-541c-8bc5-aa57b7cf1818-2bc7b7d9,
#w-node-a59b9822-c3a9-65d7-b538-65bdec4b6d2d-2bc7b7d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4907b62-80d2-ceae-d3f2-cafd2dccf29a-ef2d55fb {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-eb11176d-0a99-1ee0-2f4e-34a7e6923d3e-ef2d55fb,
#w-node-eb11176d-0a99-1ee0-2f4e-34a7e6923d76-ef2d55fb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4907b62-80d2-ceae-d3f2-cafd2dccf29a-4167a876 {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-eb11176d-0a99-1ee0-2f4e-34a7e6923d3e-4167a876,
#w-node-_8b550c6c-eba7-c6df-d6aa-8cab6495ca84-4167a876 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4907b62-80d2-ceae-d3f2-cafd2dccf29a-ce2169d8 {
    grid-area: 1 / 3 / 2 / 4;
}

#w-node-eb11176d-0a99-1ee0-2f4e-34a7e6923d3e-ce2169d8,
#w-node-_8b550c6c-eba7-c6df-d6aa-8cab6495ca84-ce2169d8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
    font-family: 'Karbon';
    src: url('../fonts/Karbon-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/Karbon-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/Karbon-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Karbon';
    src: url('../fonts/Karbon-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}