@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;700;800&display=swap');

body {
    font-family: 'Manrope', sans-serif;
    margin: 0;
    padding: 0;
}

input, button, select, textarea, blockquote, h1, h2, h3, h4, h5 {
    font-family: 'Manrope', sans-serif;
    margin: 0;
    padding: 0;
}

input, button, select, textarea,
:focus, :visited, :enabled, :disabled, :focus-visible, :focus-within {
    border: 0;
    background: none;
    outline: none;
}

a {text-decoration: none;}

.spaceH_xxsmall {width: 2px; height: 1px; flex-shrink: 0;}
.spaceH_xsmall {width: 4px; height: 1px; flex-shrink: 0;}
.spaceH_small {width: 8px; height: 1px; flex-shrink: 0;}
.spaceH_medium {width: 12px; height: 1px; flex-shrink: 0;}
.spaceH_large {width: 16px; height: 1px; flex-shrink: 0;}
.spaceH_xlarge {width: 24px; height: 1px; flex-shrink: 0;}
.spaceH_xxlarge {width: 32px; height: 1px; flex-shrink: 0;}
.spaceH_xxxlarge {width: 48px; height: 1px; flex-shrink: 0;}
.spaceH_xxxxlarge {width: 64px; height: 1px; flex-shrink: 0;}

.spaceV_xxsmall {height: 2px; flex-shrink: 0;}
.spaceV_xsmall {height: 4px; flex-shrink: 0;}
.spaceV_small {height: 8px; flex-shrink: 0;}
.spaceV_medium {height: 12px; flex-shrink: 0;}
.spaceV_large {height: 16px; flex-shrink: 0;}
.spaceV_xlarge {height: 24px; flex-shrink: 0;}
.spaceV_xxlarge {height: 32px; flex-shrink: 0;}
.spaceV_xxxlarge {height: 48px; flex-shrink: 0;}
.spaceV_xxxxlarge {height: 64px; flex-shrink: 0;}

.spaceBigV_xxsmall {height: 72px; flex-shrink: 0;}
.spaceBigV_xsmall {height: 96px; flex-shrink: 0;}
.spaceBigV_small {height: 120px; flex-shrink: 0;}
.spaceBigV_medium {height: 144px; flex-shrink: 0;}
.spaceBigV_large {height: 160px; flex-shrink: 0;}
.spaceBigV_xlarge {height: 200px; flex-shrink: 0;}
.spaceBigV_xxlarge {height: 240px; flex-shrink: 0;}
.spaceBigV_xxxlarge {height: 280px; flex-shrink: 0;}
.spaceBigV_xxxxlarge {height: 320px; flex-shrink: 0;}
.spaceBigV_xxxxxlarge {height: 480px; flex-shrink: 0;}

.spaceBigH_xxsmall {width: 72px; height: 1px; flex-shrink: 0;}
.spaceBigH_xsmall {width: 96px; height: 1px; flex-shrink: 0;}
.spaceBigH_small {width: 120px; height: 1px; flex-shrink: 0;}
.spaceBigH_medium {width: 144px; height: 1px; flex-shrink: 0;}
.spaceBigH_large {width: 160px; height: 1px; flex-shrink: 0;}
.spaceBigH_xlarge {width: 200px; height: 1px; flex-shrink: 0;}
.spaceBigH_xxlarge {width: 240px; height: 1px; flex-shrink: 0;}
.spaceBigH_xxxlarge {width: 280px; height: 1px; flex-shrink: 0;}
.spaceBigH_xxxxlarge {width: 320px; height: 1px; flex-shrink: 0;}
.spaceBigH_xxxxxlarge {width: 480px; height: 1px; flex-shrink: 0;}

.gap_xxsmall {gap: 2px;}
.gap_xsmall {gap: 4px;}
.gap_small {gap: 8px;}
.gap_medium {gap: 12px;}
.gap_large {gap: 16px;}
.gap_xlarge {gap: 24px;}
.gap_xxlarge {gap: 32px;}
.gap_xxxlarge {gap: 48px;}
.gap_xxxxlarge {gap: 64px;}

.width_xxsmall {width: 136px;}
.width_xsmall {width: 184px;}
.width_small {width: 280px;}
.width_medium {width: 344px;}
.width_large {width: 544px;}

.heading1regular {font-size: 100px; font-weight: 400;}
.heading1bold {font-size: 100px; font-weight: 700;}
.heading1extrabold {font-size: 100px; font-weight: 800;}

.heading2regular {font-size: 56px; font-weight: 400;}
.heading2bold {font-size: 56px; font-weight: 700;}
.heading2extrabold {font-size: 56px; font-weight: 800;}

.heading3regular {font-size: 40px; font-weight: 400;}
.heading3bold {font-size: 40px; font-weight: 700;}
.heading3extrabold {font-size: 40px; font-weight: 800;}

.heading4regular {font-size: 32px; font-weight: 400;}
.heading4bold {font-size: 32px; font-weight: 700;}
.heading4extrabold {font-size: 32px; font-weight: 800;}

.heading5regular {font-size: 24px; font-weight: 400;}
.heading5bold {font-size: 24px; font-weight: 700;}
.heading5extrabold {font-size: 24px; font-weight: 800;}

.bodylargeregular {font-size: 20px; font-weight: 400;}
.bodylargebold {font-size: 20px; font-weight: 700;}
.bodylargeextrabold {font-size: 20px; font-weight: 800;}

.bodyregular {font-size: 16px; font-weight: 400;}
.bodybold {font-size: 16px; font-weight: 700;}
.bodyextrabold {font-size: 16px; font-weight: 800;}

.captionregular {font-size: 14px; font-weight: 400;}
.captionbold {font-size: 14px; font-weight: 700;}
.captionextrabold {font-size: 14px; font-weight: 800;}

.bgbrand1 {background-color: #3600C4;}
.brand1 {color: #3600C4;}

.bgbrand2 {background-color: #B499FB;}
.borderbrand2 {border: 1px solid #B499FB;}
.brand2 {color: #B499FB;}

.bgbrand3 {background-color: #ECE5FE;}
.brand3 {color: #ECE5FE;}

.bgmain {background-color: #FFFFFF;}
.bgcontent1 {background-color: #FAF9FC;}
.bgcontent2 {background-color: #F3F3F3;}
.bgcontent3 {background-color: #A2A2A2;}
.bgcontent4 {background: rgba(180, 153, 251, 0.1);}
.bgcontent5 {background: #1B0062;}
.bgcontent6 {background: #0D0031;}
.bgcontent7 {background: #4300F5;}

.bglinear1 {
    background: linear-gradient(281.43deg, #4300F5 0%, #0D0031 100%);
}
.linear1 {
    background: linear-gradient(281.43deg, #4300F5 0%, #0D0031 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bglinear2 {
    background: linear-gradient(99.8deg, #FFFFFF 26.13%, #4300F5 79.15%);
}
.linear2 {
    background: linear-gradient(99.8deg, #FFFFFF 26.13%, #4300F5 79.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bglinear3 {
    background: linear-gradient(332.45deg, #4300F5 -7.38%, #F0EAFF 63.64%);
}
.linear3 {
    background: linear-gradient(332.45deg, #4300F5 -7.38%, #F0EAFF 63.64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bglinear4 {
    background: linear-gradient(91.29deg, #8E66F9 0.26%, #3600C4 68.08%);
}
.linear4 {
    background: linear-gradient(91.29deg, #8E66F9 0.26%, #3600C4 68.08%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bglinear5 {
    background: linear-gradient(107.8deg, #070019 -7.95%, #0D0031 108.46%);
}
.linear5 {
    background: linear-gradient(107.8deg, #070019 -7.95%, #0D0031 108.46%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.bglinear6 {
    background: radial-gradient(61.72% 61.72% at 39.56% 38.28%, rgba(8, 1, 29, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(133.39deg, rgba(13, 0, 49, 0.7) -2.1%, rgba(13, 0, 49, 0.7) 62.92%, rgba(62, 1, 226, 0) 109.36%);
}

.linear6 {
    background: radial-gradient(61.72% 61.72% at 39.56% 38.28%, rgba(8, 1, 29, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(133.39deg, rgba(13, 0, 49, 0.7) -2.1%, rgba(13, 0, 49, 0.7) 62.92%, rgba(62, 1, 226, 0) 109.36%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.primary {color: #0E0E0E;}
.secondary {color: #747474;}
.tertiary {color: #A2A2A2;}
.whitestatic {color: #FFFFFF;}
.bgwhitestatic {background: #FFFFFF;}
.blackstatic {color: #000000;}
.bgblackstatic {background: #000000;}

.bgdatapositive100 {background-color: #53C25D;}
.datapositive100 {color: #53C25D;}

.bgdatanegative100 {background-color: #F53F23;}
.datanegative100 {color: #F53F23;}

.bgdataneutral {background-color: #E8E8E8;}
.dataneutral {color: #E8E8E8;}

.fill1 {
    background:radial-gradient(61.72% 61.72% at 39.56% 38.28%, rgba(180, 153, 251, 0.2) 0%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(145.08deg, rgba(142, 102, 249, 0.2) 3.83%, rgba(255, 255, 255, 0) 77.49%);
}

.columnContainer {
    display: flex;
    flex-direction: column !important;
}

.rowContainer {
    display: flex;
    flex-direction: row !important;
}

.justifySpaceBetween {
    justify-content: space-between;
}

.justifySpaceAround {
    justify-content: space-around;
}

.justifyCenter {
    justify-content: center;
}

.justifyStart {
    justify-content: start;
}

.justifyEnd {
    justify-content: end;
}

.alignTop {
    align-items: start;
}

.alignCenter {
    align-items: center;
}

.alignBottom {
    align-items: end;
}

.fill {
    flex-grow: 1;
    width: 1px;
}

.hug {
    flex-shrink: 0;
}

.flex-wrap {
    flex-wrap: wrap;
}

.button,
button {
    padding: 16px 24px;
    border-radius:  100px;
    border: 0;
    display: flex;
    flex-direction: row;
    text-decoration: none;
    box-sizing: border-box;
}

.button24Pad {
    padding: 24px;
}

.maxContainer960 {
    max-width: 960px;
    width: 100%;
}

.maxContainer1049 {
    max-width: 1049px;
    width: 100%;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.section2ImgCover {position: absolute; right: -240px;}

.section2 > .maxContainer960 {margin-top: -196px;}

.section2 .centerImg {margin: 0 -32px;}

.box {
    box-shadow: 0px 4px 32px rgba(172, 168, 168, 0.25);
    border-radius: 24px;
}

.box2 {
    border-radius: 24px;
}

.botSlogan {
    border-radius: 24px 24px 0 0;
    padding: 0 24px;
}

.seperator {
    height: 1px;
    display: block;
    width: 100%;
}

.mailField {
    border-radius: 100px;
    height: 72px;
    box-sizing: border-box;
    padding: 8px;
}

.mailField input {
    padding: 0 16px;
}

.mailField input::placeholder {
    color: #fff;
}

.opac70 {
    opacity: 0.7;
}

.mobile {
    display: none;
}

.store {
    align-self: center;
}

.section5 {
    background-color: #FFF;
}

.section5 .maxContainer960 {
    align-self: center;
}


.panel {
    width: 100%;
    height: 100vh;
    display: flex;
    font-weight: 600;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
}

div.content {
    position: relative;
    top: inherit;
    width: 100%;
    height: auto;
}


.section1 .heading1extrabold {margin-right: -32px; position: relative;}
.Typewriter__cursor {color: #4300F5}

.section1 .heading1extrabold > span:not(.Typewriter__cursor) {
    display: inline-block;
    background: linear-gradient(99.8deg, #fff 26.13%, #4300F5 79.15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}