html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Runddisplay;
src: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe6771146b427434a7ee_RundDisplay-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Runddisplay;
src: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe66188508d45dc11abb_RundDisplay-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Runddisplay;
src: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe66a4a30e3a67e64bff_RundDisplay-Bold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe66127062351dab687c_RundDisplay-ExtraBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Runddisplay;
src: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe662a880357f90f13c4_RundDisplay-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Runddisplay;
src: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe67b74a7e5280ddf055_RundDisplay-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Runddisplay;
src: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831fe6771146b427434a7b1_RundDisplay-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
:root {
--coal--1000: #262626;
--sizes--16: 1.25vw;
--sizes--48: 3.75vw;
--sizes--80: 6.25vw;
--coal--black: black;
--sizes--64: 5vw;
--sizes--56: 4.38vw;
--sizes--20: 1.56vw;
--sizes--24: 1.88vw;
--sizes--32: 2.5vw;
--sizes--2: .16vw;
--rounding--12: .94vw;
--coal--chromatic--yellow: #fcde2d;
--coal--chromatic--pink-400: #fd4fc1;
--sizes--44: 3.44vw;
--sizes--14: 1.09vw;
--sizes--8: .63vw;
--coal--chromatic--grass: #03ecc5;
--coal--chromatic--purple-x: #b38cff;
--sizes--28: 2.19vw;
--sizes--18: 1.41vw;
--sizes--40: 3.13vw;
--sizes--4: .31vw;
--coal--chromatic--orange-500: #fd6c21;
--coal--chromatic--green: #69d669;
--coal--chromatic--blue-400: #32b0ff;
--coal--chromatic--red: #ff605b;
--coal--chromatic--turquise: #a8e9de;
--coal--chromatic--blue-500: #2055e5;
--coal--chromatic--purple: #9747ff;
--sizes--12: .94vw;
--sizes--0: 0px;
--sizes--36: 2.81vw;
--sizes--120: 9.38vw;
--sizes--6: .47vw;
--sizes--72: 5.63vw;
--coal--white: white;
--rounding--16: 1.25vw;
--rounding--full: 999vw;
--coal--900: #2b2d33;
--sizes--m-24\: 5.8vw;
--coal--chromatic--pink-100: #ffe2f8;
--coal--chromatic--purple-100: #f3eaff;
--sizes--10: .78vw;
--coal--chromatic--purple-200: #e7d5ff;
--sizes--m-12\: 2.9vw;
--coal--chromatic--pink-200: #ffbee4;
--sizes--m-6\: 1.45vw;
--coal--chromatic--pink-500: #ff23cb;
--sizes--100: 7.81vw;
--rounding--8: .63vw;
--coal--chromatic--purple-xx: #eec8fe;
--coal--chromatic--color: white;
--coal--chromatic--color-2: white;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous, .w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next-icon {
margin-left: 4px;
}
body {
color: var(--coal--1000);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--16);
font-weight: 400;
line-height: 1.2;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
line-height: 1.2;
}
h3 {
font-size: var(--sizes--48);
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
line-height: 1.1;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
p {
margin-bottom: 0;
}
a {
color: var(--coal--1000);
text-decoration: none;
}
ul {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
max-width: 100%;
display: inline-block;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
.body {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/683084318e4c70508a129533_3.avif");
background-position: 50% 0;
background-size: cover;
height: 800vh;
}
.navbar-parent {
height: var(--sizes--80);
background-color: var(--coal--black);
flex-flow: column;
display: flex;
}
.padding-global {
width: 100%;
height: 100%;
padding-top: 4%;
padding-left: 10%;
padding-right: 10%;
}
.padding-global._0-padding {
padding-left: 0%;
padding-right: 0%;
}
.padding-global.height-auto {
height: auto;
}
.button {
height: var(--sizes--56);
padding-right: var(--sizes--20);
padding-left: var(--sizes--24);
grid-column-gap: var(--sizes--32);
grid-row-gap: var(--sizes--32);
border: var(--sizes--2) solid var(--coal--1000);
border-radius: var(--rounding--12);
background-color: var(--coal--chromatic--yellow);
color: var(--coal--black);
font-size: var(--sizes--20);
justify-content: center;
align-items: center;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: flex;
}
.button:where(.w-variant-616a2607-1808-f8ca-2ffa-19e7723c1846) {
height: var(--sizes--56);
padding-right: var(--sizes--24);
padding-left: var(--sizes--24);
border-width: var(--sizes--2);
font-size: var(--sizes--20);
}
.button:hover {
background-color: var(--coal--chromatic--pink-400);
}
.button._56px {
height: var(--sizes--56);
padding-right: var(--sizes--24);
padding-left: var(--sizes--24);
font-size: var(--sizes--20);
}
.button._56px-2 {
height: var(--sizes--56);
padding-right: var(--sizes--24);
padding-left: var(--sizes--24);
border-width: var(--sizes--2);
font-size: var(--sizes--20);
}
.button._44px, .button.navbar-placed {
height: var(--sizes--44);
padding-right: var(--sizes--16);
padding-left: var(--sizes--16);
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
font-size: var(--sizes--16);
}
.navbar-content-wrapper {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.navbar-links {
grid-column-gap: var(--sizes--2);
grid-row-gap: var(--sizes--2);
border-radius: var(--sizes--16);
justify-content: center;
align-items: center;
display: flex;
}
.navbar-link {
padding: var(--sizes--16);
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
background-color: #0000;
font-weight: 700;
transition: color .4s;
}
.navbar-link:hover {
color: var(--coal--chromatic--purple-x);
}
.navbar-link.w--current {
color: var(--coal--chromatic--grass);
}
.navbar-logo-box {
left: var(--sizes--20);
padding-top: var(--sizes--16);
padding-bottom: var(--sizes--18);
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
right: auto;
}
.image {
height: 100%;
}
.navbar-button-wrapper {
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
overflow: hidden;
}
.icon-embed {
width: var(--sizes--24);
height: var(--sizes--24);
flex: none;
}
.icon-embed._48px {
width: var(--sizes--48);
height: var(--sizes--48);
}
.icon-embed._80px {
width: var(--sizes--80);
height: var(--sizes--80);
}
.icon-embed._20px {
width: var(--sizes--20);
height: var(--sizes--20);
}
.icon-embed._64px {
width: var(--sizes--64);
height: var(--sizes--64);
}
.icon-embed._40px {
width: var(--sizes--40);
height: var(--sizes--40);
}
.section-home-hero {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/68308b78ca65a30dd963a96c_bg-hero.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 76vw;
padding-top: 15.5vw;
padding-bottom: 15.5vw;
}
.home-hero-content-wrapper {
grid-column-gap: var(--sizes--4);
grid-row-gap: var(--sizes--4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 59%;
display: flex;
}
.h1-home-hero {
color: var(--coal--chromatic--purple-x);
font-size: var(--sizes--64);
line-height: 4.85vw;
position: relative;
top: -1vw;
}
.text-24 {
font-size: var(--sizes--24);
line-height: var(--sizes--32);
}
.text-24.text-align-center.text-semibold.m-text-20 {
color: var(--coal--1000);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
-webkit-text-stroke-color: var(--coal--black);
font-weight: 400;
}
.text-24.text-align-center.text-pink.margin-bottom._28px.m-text-18 {
color: var(--coal--chromatic--grass);
}
.text-24.text-grass.text-align-center {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.text-grass.margin-bottom._12px.m-text-18.m-text-align-center, .text-24.m-text-18-4 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.text-pink, .text-24.text-green {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.text-green.m-text-align-center.m-text-18, .text-24.text-blue.m-text-align-center.m-text-18 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.text-medium.text-grass {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
font-weight: 400;
}
.text-24.text-orange.m-text-18.m-text-align-center {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.text-purple.text-medium.m-text-20.margin-top {
font-size: var(--sizes--24);
}
.text-24.m-text-18-2 {
color: var(--coal--chromatic--green);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.m-text-18-3 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.m-text-18-4-copy._5 {
color: var(--coal--chromatic--blue-400);
}
.text-24.m-text-18-5 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.m-text-18-5._5 {
color: var(--coal--chromatic--red);
}
.text-24.m-text-18-6 {
color: var(--coal--chromatic--green);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.m-text-18-4-copy {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.m-text-18-7 {
color: var(--coal--chromatic--red);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24.m-text-18-8 {
color: var(--coal--chromatic--blue-400);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-bold {
font-weight: 700;
}
.text-grass {
color: var(--coal--chromatic--grass);
}
.text-grass.text-align-center.text-20 {
line-height: 1.1;
}
.text-grass.text-align-center.text-36.text-medium {
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1.1;
}
.text-grass.text-underline {
color: var(--coal--chromatic--red);
font-weight: 700;
}
.home-hero-subline-box {
margin-bottom: var(--sizes--16);
padding-right: 25.1vw;
}
.illu-home-hero {
width: 54vw;
padding-top: 12.8vw;
position: absolute;
inset: 0% 1vw 0% auto;
}
.home-hero-logos {
width: 14.2vw;
position: absolute;
inset: 41.1vw 0% auto 40.2vw;
}
.section-faq {
z-index: 1;
padding-bottom: var(--sizes--80);
display: flex;
position: relative;
}
.section-faq._2nd {
padding-top: var(--sizes--40);
background-image: none;
}
.faq-parent-wrapper {
flex-flow: column;
display: flex;
}
.faq-item {
cursor: pointer;
}
.faq-item._1 {
background-color: var(--coal--1000);
color: var(--coal--chromatic--purple-x);
cursor: auto;
}
.faq-item._2 {
background-color: var(--coal--chromatic--turquise);
color: var(--coal--chromatic--red);
}
.faq-item.lilac {
color: var(--coal--chromatic--blue-500);
}
.faq-item.green {
background-color: var(--coal--chromatic--green);
color: #e2ed58;
}
.faq-item.purple {
color: var(--coal--chromatic--turquise);
background-color: #ff23cb;
}
.faq-item.yellow {
background-color: var(--coal--chromatic--yellow);
color: var(--coal--chromatic--purple);
}
.faq-item.heading {
padding-top: var(--sizes--24);
padding-bottom: var(--sizes--12);
color: var(--coal--chromatic--purple-x);
}
.faq-content-wrapper {
padding-top: var(--sizes--24);
padding-bottom: var(--sizes--24);
font-size: var(--sizes--20);
flex-flow: column;
display: flex;
}
.heading-style-h2 {
font-size: var(--sizes--48);
line-height: 1.1;
}
.heading-style-h2.text-align-center.text-grass.m-text-40 {
color: var(--coal--chromatic--grass);
font-weight: 700;
}
.heading-style-h2.text-align-center.m-text-32.text-grass.m-text-align-center {
font-size: var(--sizes--56);
margin-top: 2em;
font-weight: 700;
line-height: 1;
}
.heading-style-h2.testimonials {
font-size: var(--sizes--44);
}
.heading-style-h2.m-text-24 {
font-size: var(--sizes--36);
}
.heading-style-h2.m-text-40 {
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1;
}
.faq-heading-wrapper {
grid-column-gap: var(--sizes--48);
grid-row-gap: var(--sizes--48);
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.faq-icon-box {
width: var(--sizes--40);
height: var(--sizes--40);
flex: none;
}
.faq-answer {
overflow: hidden;
}
.faq-answer-inner-box {
padding-top: var(--sizes--48);
padding-bottom: var(--sizes--32);
grid-column-gap: var(--sizes--64);
grid-row-gap: var(--sizes--64);
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.navbar-logo {
max-height: 100%;
}
.section-footer {
padding-top: var(--sizes--80);
grid-column-gap: var(--sizes--120);
grid-row-gap: var(--sizes--120);
background-color: var(--coal--black);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6831a1c6636a598933ce545d_ea4f973f14d0029b0c6b1e3870dd1681_bina-logo.svg");
background-position: 50% 145%;
background-repeat: no-repeat;
background-size: contain;
flex-flow: column;
padding-bottom: 19.5vw;
display: flex;
position: relative;
overflow: hidden;
}
.section-footer:where(.w-variant-f40c11dd-3689-e108-1b1c-a60e7d633d3c) {
padding-top: var(--sizes--18);
background-position: 50% 580%;
padding-bottom: 21vw;
}
.footer-bg-logo {
width: 102%;
max-width: none;
position: absolute;
inset: auto 0% -60% -1%;
}
.footer-top {
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--40);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-purple {
color: var(--coal--chromatic--purple-x);
}
.text-purple.heading-style-h2.text-align-center.m-text-32 {
color: var(--coal--chromatic--yellow);
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1;
}
.text-align-center {
text-align: center;
}
.text-align-center.text-red.text-36.text-medium {
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1.1;
}
.text-align-center.text-blue.text-48.m-text-40 {
color: var(--coal--chromatic--blue-400);
}
.text-align-center.text-blue.text-48.m-text-40-copy {
color: var(--coal--chromatic--grass);
font-weight: 700;
}
.faq-icon-embed {
width: var(--sizes--40);
height: var(--sizes--40);
margin-top: var(--sizes--6);
flex: none;
line-height: 0;
}
.section-home-2nd {
opacity: 1;
margin-top: -22.3vw;
position: relative;
}
.home-2nd-parent-wrapper {
z-index: 1;
position: relative;
}
.container-medium {
width: 70%;
margin-left: auto;
margin-right: auto;
}
.home-2nd-item-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .95fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-style-h3 {
font-size: var(--sizes--32);
line-height: 1.1;
}
.text-purple-alt {
color: var(--coal--chromatic--purple);
}
.text-20 {
font-size: var(--sizes--20);
}
.text-20.text-medium {
font-size: var(--sizes--20);
line-height: 1.2;
}
.home-2nd-text-wrapper {
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
flex-flow: column;
display: flex;
}
.home-2nd-text-wrapper._1 {
padding-top: var(--sizes--64);
}
.home-2nd-text-wrapper._2 {
left: var(--sizes--72);
position: relative;
top: -.5vw;
}
.home-2nd-text-wrapper._3 {
position: relative;
top: -2.2vw;
}
.home-2nd-illu {
position: relative;
}
.home-2nd-illu._1 {
width: 126%;
max-width: none;
top: -2.4vw;
left: -6.6vw;
}
.home-2nd-illu._2 {
width: 69%;
top: -12.3vw;
left: 9.3vw;
}
.home-2nd-illu._3 {
width: 84%;
max-width: none;
top: -13.9vw;
left: -2.7vw;
}
.section-home-2nd-bg-filler {
background-color: #2be3c7;
position: absolute;
inset: 22.2vw 0% 0%;
}
.body-2 {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.section-home-logos {
z-index: 2;
opacity: 1;
background-color: #2be3c7;
margin-top: -13.3vw;
position: relative;
}
.text-16 {
font-size: var(--sizes--16);
line-height: 1.3;
}
.logos-carousel-itself {
height: var(--sizes--120);
margin-top: var(--sizes--28);
background-color: var(--coal--1000);
}
.div-block {
flex-flow: column;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex;
}
.footer-bottom {
grid-column-gap: var(--sizes--32);
grid-row-gap: var(--sizes--32);
grid-template-rows: auto;
grid-template-columns: 1fr .25fr .75fr .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-link {
padding-top: var(--sizes--12);
padding-bottom: var(--sizes--12);
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
font-weight: 500;
text-decoration: none;
transition: all .4s;
}
.footer-link:hover {
color: var(--coal--chromatic--yellow);
}
.footer-links-wrapper {
flex-flow: column;
display: flex;
}
.section-home-extra-support {
background-color: var(--coal--1000);
padding-top: 9vw;
padding-bottom: 12vw;
position: relative;
overflow: hidden;
}
.extra-support-parent-wrapper {
padding: var(--sizes--44) var(--sizes--48) 8.2vw;
grid-column-gap: var(--sizes--72);
grid-row-gap: var(--sizes--72);
border-radius: var(--rounding--12);
background-color: #dacaf9;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.extra-support-inner-wrapper {
padding-top: var(--sizes--4);
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--64);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr .75fr;
grid-auto-columns: 1fr;
line-height: 1.5;
display: grid;
}
.extra-support-illu {
width: 43.5vw;
position: absolute;
top: 8.7vw;
left: -3.5vw;
}
.section-home-swiper {
padding-top: var(--sizes--56);
padding-bottom: var(--sizes--64);
grid-column-gap: var(--sizes--44);
grid-row-gap: var(--sizes--44);
background-color: #2be3c7;
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/68483b6143bbcfacd7741876_c534dc209be944d1d73cc48e5ea1a200_swiper-section-bg.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
flex-flow: column;
display: flex;
}
.text-white {
color: var(--coal--white);
}
.home-swiper-paragraph-box {
margin-top: var(--sizes--24);
width: 80%;
margin-left: auto;
margin-right: auto;
}
.home-swiper-paragraph-box._2 {
margin-top: var(--sizes--12);
}
.home-swiper-iteself-parent {
height: 34vw;
}
.section-home-discover-rhythm {
background-color: #ff8ccf;
flex-flow: column;
height: 400vh;
}
.discover-rhythm-clock-parent-box {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
overflow: visible;
}
.clock-itself-illu {
aspect-ratio: auto;
width: 42vw;
}
.sticky-top {
position: sticky;
top: 0;
}
.section-home-sticky-box {
height: 100vh;
}
.discover-rhythm-sticky-wrapper {
top: var(--sizes--80);
z-index: 1;
padding-top: var(--sizes--20);
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--40);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6836f8fdd4b8ef8e4f40d967_discover-bg.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: calc(100vh - 6.25vw);
display: flex;
position: sticky;
overflow: hidden;
}
.discover-rhythm-overlay {
z-index: 2;
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.clock-illu-roller {
z-index: 1;
transform-origin: 100% 100%;
width: 56.6%;
position: absolute;
top: 17.5%;
left: -6.5%;
transform: rotate(0);
}
.clock-itself-fill {
width: 100%;
height: 100%;
position: absolute;
}
.section-home-know-exacty {
background-color: var(--coal--1000);
padding-top: 8.5vw;
padding-bottom: 17vw;
position: relative;
}
.know-exactly-content-wrapper {
z-index: 1;
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 50vw;
line-height: 1.4;
display: flex;
position: relative;
}
.text-link {
padding-top: var(--sizes--12);
padding-bottom: var(--sizes--12);
grid-column-gap: var(--sizes--8);
grid-row-gap: var(--sizes--8);
color: var(--coal--chromatic--yellow);
font-size: var(--sizes--20);
justify-content: flex-start;
align-items: center;
font-weight: 700;
transition: all .4s;
display: flex;
}
.text-link:hover {
color: var(--coal--chromatic--purple-x);
}
.text-link.black {
color: var(--coal--1000);
text-decoration: none;
}
.text-link.purple {
color: var(--coal--chromatic--purple-x);
}
.know-exactly-illu {
z-index: 1;
width: 34%;
position: absolute;
inset: 5% 11% auto auto;
}
.know-exactly-bg-illu {
width: 100%;
position: absolute;
inset: auto 0% 0;
}
.section-home-find-out {
z-index: 1;
padding-top: var(--sizes--80);
padding-bottom: var(--sizes--72);
position: relative;
}
.find-out-tiles-wrapper {
margin: var(--sizes--48) auto var(--sizes--80);
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 80%;
display: grid;
}
.find-out-tile {
padding: var(--sizes--20) var(--sizes--24) var(--sizes--32);
grid-column-gap: var(--sizes--72);
grid-row-gap: var(--sizes--72);
border-radius: var(--rounding--16);
background-color: var(--coal--chromatic--grass);
flex-flow: column;
line-height: 1.2;
display: flex;
position: relative;
}
.find-out-number {
font-size: var(--sizes--80);
font-weight: 500;
}
.text-purple-light {
color: #dacaf9;
}
.flex-center-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.find-out-button-wrapper {
margin-bottom: var(--sizes--80);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.find-out-bottom {
margin-top: var(--sizes--48);
grid-column-gap: var(--sizes--48);
grid-row-gap: var(--sizes--48);
grid-template-rows: auto;
grid-template-columns: 1.13fr .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.find-out-bottom-left {
padding: var(--sizes--4) var(--sizes--40) var(--sizes--20);
border-radius: var(--rounding--12);
background-color: var(--coal--chromatic--grass);
flex-flow: column;
display: flex;
}
.find-out-divider {
height: var(--sizes--2);
background-color: var(--coal--1000);
}
.find-out-line {
padding-top: var(--sizes--32);
padding-bottom: var(--sizes--32);
grid-column-gap: var(--sizes--28);
grid-row-gap: var(--sizes--28);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.text-yellow {
color: var(--coal--chromatic--yellow);
}
.find-out-bottom-right {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.text-semibold {
font-weight: 600;
}
.text-extrabold {
font-weight: 900;
}
.section-home-testimonials {
padding-top: var(--sizes--0);
position: relative;
}
.testimonials-parent-wrapper {
margin-top: var(--sizes--48);
grid-column-gap: var(--sizes--36);
grid-row-gap: var(--sizes--36);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.testimonials-parent-wrapper._3-columns {
grid-template-columns: 1fr 1fr 1fr;
}
.home-testimonial-vertical-flex {
grid-column-gap: var(--sizes--48);
grid-row-gap: var(--sizes--48);
flex-flow: column;
display: flex;
position: relative;
}
.home-testimonial-vertical-flex.teachers-3 {
margin-top: var(--sizes--64);
}
.home-testimonial-vertical-flex.teachers-4 {
top: -4vw;
}
.plyr_component {
aspect-ratio: 9 / 16;
border-radius: var(--rounding--16);
background-color: var(--coal--chromatic--purple);
position: relative;
overflow: hidden;
}
.plyr_component.teachers-1 {
margin-top: var(--sizes--24);
}
.plyr_component._16-9 {
aspect-ratio: 16 / 9;
}
.video-button {
top: auto;
left: auto;
right: var(--sizes--20);
bottom: var(--sizes--20);
z-index: 1;
width: var(--sizes--44);
height: var(--sizes--44);
pointer-events: none;
position: absolute;
}
.video-button.bigger {
left: auto;
top: var(--sizes--20);
right: var(--sizes--20);
width: var(--sizes--64);
height: var(--sizes--64);
bottom: auto;
}
.video-button.even-bigger, .video-button.even-bigger-mobile {
width: var(--sizes--120);
height: var(--sizes--120);
top: calc(50% - 4.7vw);
left: calc(50% - 4.7vw);
right: auto;
}
.testimonial-text-tile {
padding: var(--sizes--20) var(--sizes--20) var(--sizes--24);
grid-column-gap: var(--sizes--36);
grid-row-gap: var(--sizes--36);
border-radius: var(--rounding--16);
background-color: var(--coal--chromatic--orange-500);
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.testimonial-text-tile.green {
background-color: #00d04b;
}
.testimonial-text-tile.pink {
background-color: #e2ccff;
}
.testimonial-text-tile.turquise {
background-color: #2be3c7;
}
.testimonial-text-tile.blue {
background-color: var(--coal--chromatic--blue-400);
}
.text-18 {
font-size: var(--sizes--18);
line-height: 1.3;
}
.testimonial-avatar-wrapper {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
justify-content: flex-start;
align-items: center;
display: flex;
}
.testiomonial-avatar {
width: var(--sizes--56);
height: var(--sizes--56);
border-radius: var(--rounding--full);
}
.testiomonial-avatar._40px {
width: var(--sizes--40);
height: var(--sizes--40);
}
.code-embed {
width: 100%;
height: 100%;
}
.home-testimonials-bg-overlay {
height: var(--sizes--36);
background-color: var(--coal--900);
position: absolute;
inset: auto 0% 0%;
}
.section-home-meet-teachers {
padding-top: var(--sizes--120);
padding-bottom: var(--sizes--40);
position: relative;
}
.text-36 {
font-size: var(--sizes--36);
}
.text-36.text-grass.margin-bottom._28px {
line-height: 1.1;
}
.our-teachers-heading-wrapper {
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
flex-flow: column;
display: flex;
}
.meet-teachers-bg-overlay {
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.navbar-arrow-icon {
width: var(--sizes--24);
height: var(--sizes--24);
flex: none;
}
.navbar-arrow-icon._48px {
width: var(--sizes--48);
height: var(--sizes--48);
}
.home-hero-button-box {
margin-top: var(--sizes--24);
}
.knpw-exactly-mobile-illu {
display: none;
}
.know-exactly-link-wrapper {
margin-top: var(--sizes--48);
}
.faq-heading {
font-size: var(--sizes--48);
line-height: 1.1;
}
.faq-heading.testimonials {
font-size: var(--sizes--44);
}
.faq-heading.testimonials.text-white {
margin-bottom: -1.5vw;
}
.x-icon-embed {
aspect-ratio: 1;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1.25vw;
height: 1.25vw;
display: flex;
}
.x-icon-embed.small {
width: 1.05vw;
height: 1.05vw;
}
.u-text-h5 {
letter-spacing: 0;
font-size: 1.05vw;
line-height: 1.3em;
font-weight: var(--h5--font-weight);
text-transform: var(--h5--text-transform);
margin-top: 0;
margin-bottom: 0;
}
.swiper-wrapper {
border-radius: 1rem;
display: flex;
overflow: hidden;
}
.swiper-wrapper.community {
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
overflow: visible;
}
.cursor-community-slider {
z-index: 2;
text-align: center;
pointer-events: none;
background-color: #fff;
border-radius: 100vw;
justify-content: space-between;
align-items: center;
width: 7.5vw;
height: 7.5vw;
padding-left: .83vw;
padding-right: .83vw;
display: flex;
position: absolute;
top: calc(50% - 3.7vw);
left: calc(50% - 3.7vw);
}
.community-slider-container {
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.swiper-slide {
aspect-ratio: 1;
border-radius: 1rem;
flex: none;
}
.swiper-slide.community {
aspect-ratio: auto;
width: 60%;
padding-left: .625vw;
padding-right: .625vw;
}
.community-swiper-wrapper {
position: relative;
overflow: hidden;
}
.swiper-image {
border-radius: var(--rounding--16);
}
.discover-rhythm-bg-overlay {
height: 100vh;
}
.clock-overlay {
z-index: 1;
width: 160%;
max-width: none;
position: absolute;
top: -30%;
}
.mobile-only {
display: none;
}
.section-home-rhythm {
padding-bottom: var(--sizes--80);
background-color: #ff8ccf;
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/683f2028f1ef20b7c7423a7d_9af2e5f3e7542d22f7cdeb5bd0fd2255_rhythm-bg.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
flex-flow: column;
position: relative;
}
.rhythm-sticky-wrapper {
top: var(--sizes--80);
z-index: 1;
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--40);
background-image: none;
background-repeat: repeat;
background-size: auto;
flex-flow: column;
justify-content: center;
align-items: center;
height: 14vw;
display: flex;
position: sticky;
overflow: hidden;
}
.rhythm-cards-parent-wrapper {
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--40);
flex-flow: column;
display: flex;
position: relative;
}
.rhythm-card-itself {
padding-right: var(--sizes--64);
padding-bottom: var(--sizes--20);
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
border-top-left-radius: var(--sizes--24);
border-top-right-radius: var(--sizes--24);
border-bottom-left-radius: var(--sizes--24);
border-bottom-right-radius: var(--sizes--24);
background-color: var(--coal--white);
flex-flow: column;
flex: none;
justify-content: center;
align-items: flex-start;
height: calc(100vh - 24vw);
padding-left: 37vw;
display: flex;
position: sticky;
top: 21vw;
box-shadow: 0 -1vw 1vw #0000000d;
}
.rhythm-card-itself._2 {
background-color: var(--coal--chromatic--pink-100);
margin-left: -.5vw;
margin-right: -.5vw;
top: 21.5vw;
}
.rhythm-card-itself._3 {
background-color: var(--coal--chromatic--turquise);
}
.rhythm-card-itself._1 {
background-color: var(--coal--chromatic--purple-100);
box-shadow: 0 -1vw 1vw #0000000d, 0 10vw 10vw #0000001a;
}
.rhythm-card-itself.body-3 {
background-color: var(--coal--chromatic--purple-100);
margin-left: -1vw;
margin-right: -1vw;
top: 22vw;
}
.rhythm-card-itself._4 {
background-color: var(--coal--chromatic--pink-100);
margin-left: -1.5vw;
margin-right: -1.5vw;
top: 22.5vw;
}
.rhythm-card-itself._5 {
background-color: var(--coal--chromatic--purple-100);
margin-left: -2vw;
margin-right: -2vw;
top: 23vw;
}
.rhythm-sticky-wrapper-bottom {
z-index: 1;
margin-top: -50vh;
position: relative;
}
.rhythm-clock-box {
z-index: 3;
padding-bottom: var(--sizes--24);
justify-content: flex-start;
align-items: center;
width: 24vw;
height: calc(100vh - 24vw);
display: flex;
position: sticky;
top: 21vw;
left: 11vw;
}
.rhythm-clock-iteself {
aspect-ratio: 1;
border-radius: var(--rounding--full);
width: 100%;
position: relative;
transform: skew(8deg, 3deg);
box-shadow: -.7vw .7vw #00b395;
}
.rhythm-clock-code {
z-index: 1;
border-radius: var(--rounding--full);
margin-top: -.2vw;
margin-left: -.2vw;
margin-right: -.2vw;
line-height: 0;
position: relative;
}
.rhythm-badge {
padding: var(--sizes--10) var(--sizes--16) var(--sizes--10) var(--sizes--10);
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
border-radius: var(--rounding--12);
background-color: var(--coal--chromatic--purple-200);
display: flex;
}
.rhythm-badge.pink {
background-color: var(--coal--chromatic--pink-200);
}
.rhythm-badge-divider {
width: var(--sizes--6);
border-radius: var(--rounding--full);
background-color: var(--coal--chromatic--purple);
}
.rhythm-badge-divider.pink {
background-color: var(--coal--chromatic--pink-500);
}
.v-text-18 {
font-size: var(--sizes--18);
}
.text-28 {
font-size: var(--sizes--28);
}
.text-28.text-medium.m-text-24 {
font-size: var(--sizes--20);
line-height: 1.1em;
}
.text-medium {
font-weight: 500;
}
.rhythm-badge-alt {
padding: var(--sizes--12) var(--sizes--16);
border-radius: var(--rounding--full);
background-color: var(--coal--900);
}
.v-text-16 {
font-size: var(--sizes--16);
}
.rhythm-badges-box {
margin-top: var(--sizes--16);
grid-column-gap: var(--sizes--6);
grid-row-gap: var(--sizes--6);
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.v-text-32 {
font-size: var(--sizes--32);
}
.rhythm-clock-spark {
aspect-ratio: 1;
width: 8vw;
position: absolute;
top: -2vw;
left: -3vw;
}
.clock-fill {
z-index: 2;
border-radius: var(--rounding--full);
margin-top: -.2vw;
margin-left: -.2vw;
margin-right: -.2vw;
line-height: 0;
position: absolute;
inset: -1px;
}
.rhythm-clock-shadow {
z-index: -1;
aspect-ratio: 1;
border-radius: var(--rounding--full);
background-color: var(--coal--1000);
opacity: .25;
filter: blur(3vw);
width: 60%;
position: absolute;
top: 18vw;
left: 2vw;
}
.text-pink {
color: var(--coal--chromatic--pink-400);
}
.text-pink.text-align-center.text-40 {
font-size: var(--sizes--56);
font-weight: 700;
}
.page-wrapper {
margin-top: var(--sizes--80);
background-color: var(--coal--1000);
}
.blog-hero {
padding-top: var(--sizes--40);
background-color: var(--coal--1000);
}
.blog-hero.relative.z-index-2 {
background-color: #0000;
}
.heading-style-h1 {
font-size: var(--sizes--72);
line-height: 1.1;
}
.heading-style-h1.text-align-center.text-grass, .heading-style-h1.text-purple {
font-weight: 700;
}
.heading-style-h1.testimonials {
font-size: var(--sizes--44);
}
.heading-style-h1.testimonials.text-white {
margin-bottom: -1.5vw;
}
.blog-hero-h1-wrapper {
margin-bottom: var(--sizes--24);
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
justify-content: center;
align-items: flex-start;
display: flex;
}
.blog-hero-logo {
height: var(--sizes--64);
aspect-ratio: 147 / 62;
line-height: 5;
position: relative;
bottom: .55vw;
}
.blog-items-container {
padding-top: var(--sizes--100);
padding-bottom: var(--sizes--80);
background-color: var(--coal--chromatic--pink-400);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/68406026b5caad3b8471d98a_blog-index-bg.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
margin-top: -1.5vw;
position: relative;
}
.blog-grid-item {
padding: var(--sizes--12) var(--sizes--12) var(--sizes--24);
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
border-radius: var(--sizes--24);
background-color: var(--coal--black);
box-shadow: 0 var(--sizes--16) var(--sizes--24) 0 #0000000a, 0 var(--sizes--2) var(--sizes--4) 0 #0000000f;
flex-flow: column;
transition: all .3s cubic-bezier(.25, .46, .45, .94);
}
.blog-grid-item:hover {
box-shadow: inset 0 0vw 0 var(--sizes--4) var(--coal--black), 0 var(--sizes--16) var(--sizes--24) 0 #00000024, 0 var(--sizes--2) var(--sizes--4) 0 #0000000f;
transform: rotate(1deg);
}
.blog-grid-item.inner {
padding: var(--sizes--18);
box-shadow: none;
}
.blog-grid-item.inner:hover {
box-shadow: none;
}
.blog-grid-item-image {
border-radius: var(--sizes--12);
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
}
.blog-grid-item-bottom {
padding-right: var(--sizes--8);
padding-left: var(--sizes--8);
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
flex-flow: column;
display: flex;
}
.blog-grid-item-bottom.inner {
padding-right: var(--sizes--12);
padding-left: var(--sizes--0);
grid-column-gap: var(--sizes--8);
grid-row-gap: var(--sizes--8);
}
.blog-grid-item-avatar-wrapper {
margin-top: var(--sizes--32);
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-grid-item-avatar-wrapper.inner {
margin-top: var(--sizes--20);
}
.avatar {
width: var(--sizes--40);
height: var(--sizes--40);
border-radius: var(--rounding--full);
object-fit: cover;
}
.opacity-70 {
opacity: .7;
}
.blog-grid-item-image-box {
aspect-ratio: 3 / 2;
border-radius: var(--sizes--12);
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.blog-grid-item-image-overlay {
z-index: 1;
background-color: var(--coal--chromatic--yellow);
opacity: 0;
position: absolute;
inset: 0%;
}
.blog-grid {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
border: 0 solid #ffe91500;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-inner-parent-grid {
padding-top: var(--sizes--36);
padding-bottom: var(--sizes--120);
grid-column-gap: var(--sizes--64);
grid-row-gap: var(--sizes--64);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.blog-inner-left {
top: var(--sizes--120);
padding-top: var(--sizes--12);
width: 25%;
position: sticky;
}
.blog-inner-right {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.fs-toc_link {
padding-top: var(--sizes--6);
padding-bottom: var(--sizes--6);
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
text-decoration: underline;
display: flex;
}
.fs-toc_link:hover {
opacity: .7;
}
.fs-toc_link.is-h3 {
letter-spacing: .025rem;
}
.fs-toc_link.is-h3.w--current {
color: #6e40d7;
}
.fs-toc_link.is-h5 {
color: #475467;
}
.fs-toc_link.is-h5.w--current, .fs-toc_link.is-h4.w--current {
color: #6e40d7;
}
.fs-toc_link.is-h6 {
color: #475467;
}
.fs-toc_link.is-h6.w--current {
color: #6e40d7;
}
.fs-toc_link-wrapper {
color: #f5f5f5;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
font-size: 1rem;
overflow: hidden;
}
.fs-toc_link-wrapper.is-h2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: block;
}
.fs-toc_link-content {
margin-top: var(--sizes--28);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
}
.text-toc {
color: var(--coal--chromatic--purple-x);
letter-spacing: normal;
font-size: 1.17vw;
line-height: 1.2;
}
.fs-toc_h-trigger {
display: none;
}
.blog-inner-left-top {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.blog-inner-metadata {
margin-top: var(--sizes--40);
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.blog-inner-avatar-wrapper {
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-inner-cover {
border-radius: var(--sizes--12);
width: 100%;
}
.blog-inner-body-box {
margin-top: var(--sizes--40);
}
.blog-rich-text {
color: var(--coal--chromatic--grass);
line-height: 1.4;
}
.blog-rich-text h2 {
padding-top: var(--sizes--40);
padding-bottom: var(--sizes--16);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--32);
line-height: 1.2;
}
.blog-rich-text p {
padding-top: var(--sizes--12);
padding-bottom: var(--sizes--12);
line-height: 1.4;
}
.blog-rich-text h3 {
padding-top: var(--sizes--40);
padding-bottom: var(--sizes--12);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--24);
font-weight: 600;
line-height: 1.2;
}
.blog-rich-text ul {
padding-top: var(--sizes--12);
padding-bottom: var(--sizes--12);
padding-left: var(--sizes--28);
margin-bottom: 0;
}
.blog-rich-text li {
margin-bottom: var(--sizes--12);
}
.blog-rich-text img {
border-radius: var(--sizes--12);
}
.blog-rich-text figcaption {
font-size: var(--sizes--14);
}
.blog-rich-text h4 {
padding-top: var(--sizes--32);
padding-bottom: var(--sizes--12);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--20);
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
line-height: 1.2;
}
.blog-rich-text h5 {
padding-top: var(--sizes--28);
padding-bottom: var(--sizes--8);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--18);
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
}
.blog-rich-text h6 {
padding-top: var(--sizes--24);
padding-bottom: var(--sizes--10);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--16);
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
}
.blog-rich-text blockquote {
margin-top: var(--sizes--20);
margin-bottom: var(--sizes--20);
padding: var(--sizes--24);
border-radius: var(--sizes--0) var(--sizes--20) var(--sizes--20);
background-color: var(--coal--chromatic--yellow);
color: var(--coal--1000);
font-family: Runddisplay, Arial, sans-serif;
font-size: var(--sizes--20);
border-left-style: none;
border-left-width: 0;
font-weight: 500;
line-height: 1.3;
}
.blog-rich-text a {
color: var(--coal--chromatic--purple-x);
font-weight: 600;
text-decoration: underline;
}
.blog-item-link-block {
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
flex-flow: column;
text-decoration: none;
display: flex;
}
.blog-item-link-block.inner {
grid-column-gap: var(--sizes--14);
grid-row-gap: var(--sizes--14);
}
.hs-cta-wrapper {
position: relative;
}
.hs-cta-wrapper.no-grow {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.hs-cta-wrapper.navbar {
opacity: 0;
}
.blog-inner-bottom {
margin-top: var(--sizes--40);
}
.curvy-divider {
line-height: 0;
}
.margin-bottom {
margin-bottom: var(--sizes--4);
}
.margin-bottom._40px {
margin-bottom: var(--sizes--40);
}
.margin-bottom._20px {
margin-bottom: var(--sizes--20);
}
.margin-bottom._32px {
margin-bottom: var(--sizes--32);
}
.margin-bottom._28px {
margin-bottom: var(--sizes--28);
}
.margin-bottom._24px {
margin-bottom: var(--sizes--24);
}
.margin-bottom._12px {
margin-bottom: var(--sizes--12);
}
.blog-bg-wave {
width: 100%;
line-height: 0;
position: absolute;
inset: auto 0% 0%;
}
.body-black {
background-color: var(--coal--1000);
}
.blog-inner-sharing-wrapper {
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-social-wrapper {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: flex-start flex-end;
align-items: center;
display: flex;
}
.footer-social-link-box-2 {
color: #98a2b3;
transition: all .4s;
}
.footer-social-link-box-2:hover {
color: #667085;
}
.icon-embed-3 {
flex: none;
width: 1rem;
height: 1rem;
}
.icon-embed-3._24px {
width: 1.5rem;
height: 1.5rem;
}
.blog-social-box {
cursor: pointer;
transition: color .3s;
}
.blog-social-box:hover {
color: var(--coal--chromatic--purple);
}
.avatar-text-box {
margin-bottom: var(--sizes--2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-14 {
font-size: var(--sizes--14);
}
.text-14.text-light {
color: var(--coal--chromatic--grass);
}
.text-14.text-white {
color: var(--coal--chromatic--grass);
-webkit-text-stroke-color: var(--coal--chromatic--grass);
}
.text-light {
opacity: .7;
}
.faq-answer-inner-quote-wrapper {
padding: var(--sizes--24);
grid-column-gap: var(--sizes--28);
grid-row-gap: var(--sizes--28);
border-radius: var(--sizes--8);
background-color: var(--coal--chromatic--grass);
color: var(--coal--1000);
flex-flow: column;
flex: none;
width: 55%;
display: flex;
}
.faq-answer-inner-quote-wrapper.blue {
background-color: var(--coal--chromatic--green);
}
.faq-answer-inner-quote-wrapper.yellow {
background-color: var(--coal--chromatic--red);
}
.faq-answer-inner-quote-wrapper.turquoise {
background-color: var(--coal--chromatic--turquise);
}
.faq-answer-inner-quote-wrapper.orange {
background-color: var(--coal--chromatic--blue-400);
}
.text-black {
color: var(--coal--900);
}
.swiper-arrow-left {
left: var(--sizes--12);
z-index: 2;
width: var(--sizes--80);
height: var(--sizes--80);
border-top-left-radius: var(--rounding--full);
border-top-right-radius: var(--rounding--full);
border-bottom-left-radius: var(--rounding--full);
border-bottom-right-radius: var(--rounding--full);
background-color: var(--coal--chromatic--yellow);
box-shadow: 0 var(--sizes--28) var(--sizes--24) 0 #0003;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: calc(50% - 3.12vw);
}
.swiper-arrow-left.right {
left: auto;
right: var(--sizes--12);
}
.swiper-arrow-anchor-left {
z-index: 1;
width: 14vw;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.swiper-arrow-anchor-right {
z-index: 1;
width: 14vw;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.swiper-arrow-shadow {
z-index: -1;
border-radius: var(--rounding--full);
background-color: var(--coal--black);
position: absolute;
}
.legal-page-body-container {
padding-top: var(--sizes--18);
padding-bottom: var(--sizes--80);
background-color: var(--coal--1000);
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-top: -1.5vw;
position: relative;
}
.div-block-7 {
flex-flow: column;
display: flex;
}
.legal-rich-text {
font-size: var(--sizes--18);
font-weight: 400;
}
.legal-rich-text h2 {
margin-top: var(--sizes--20);
margin-bottom: var(--sizes--20);
}
.legal-rich-text p, .paragraph {
margin-top: var(--sizes--12);
margin-bottom: var(--sizes--12);
}
.heading {
margin-top: var(--sizes--20);
margin-bottom: var(--sizes--20);
}
.imprint-container {
padding-top: var(--sizes--100);
padding-bottom: var(--sizes--80);
background-color: var(--coal--chromatic--pink-400);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/68406026b5caad3b8471d98a_blog-index-bg.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
margin-top: -1.5vw;
position: relative;
}
.text-underline {
text-decoration: underline;
}
.hover-opacity-70 {
transition: opacity .4s;
}
.hover-opacity-70:hover {
opacity: .7;
}
.divider-40 {
width: var(--sizes--40);
height: var(--sizes--40);
}
.imprint-hero {
padding-top: var(--sizes--40);
background-color: var(--coal--chromatic--pink-400);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6847063afd4f62a4ba400bfb_imprint-bg.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 100%;
padding-bottom: 15vw;
}
.imprint-hero.relative.z-index-2 {
background-color: #0000;
}
.about-hero {
padding-top: var(--sizes--40);
background-color: var(--coal--1000);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/684aca1a2cf9316120c37889_about-hero-image.webp");
background-position: 50% 159%;
background-repeat: no-repeat;
background-size: 53%;
padding-bottom: 36vw;
position: relative;
}
.about-hero.relative.z-index-2 {
background-color: #0000;
}
.about-hero.methodology {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/684adb3551157ca53f78abe3_bina-educartion-01.webp");
background-position: 50% 104%;
}
.code-embed-2 {
line-height: 0;
position: absolute;
inset: auto 0% 0%;
}
.abount-2nd {
padding-top: var(--sizes--72);
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/684acdb84e9c468b3e9ffb8f_bd85b0ac8827d8a835e85ff76b5cbaed_about-illu-02.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 130%;
padding-bottom: 30vw;
}
.abount-2nd.no-illu-bg {
padding-bottom: var(--sizes--48);
background-image: none;
background-repeat: repeat;
background-size: auto;
position: relative;
}
.abount-2nd.methodology {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/684ae2f70a4d298de03c5df2_d738c65316cbf57f385144ce60c68356_sectiopn%20bg%20image.avif");
padding-bottom: 53vw;
}
.div-block-8 {
grid-column-gap: var(--sizes--48);
grid-row-gap: var(--sizes--48);
flex-flow: column;
display: flex;
}
.div-block-8.alt {
margin-bottom: 5vw;
}
.text-red {
color: var(--coal--chromatic--red);
}
.text-blue {
color: var(--coal--chromatic--blue-400);
}
.text-blue.text-24 {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.about-grid {
grid-column-gap: var(--sizes--120);
grid-row-gap: var(--sizes--120);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-grid._3-columns {
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--100);
grid-template-columns: 1fr 1fr 1fr;
}
.about-grid.alt {
margin-top: var(--sizes--48);
}
.div-block-9 {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
display: flex;
}
.image-3 {
margin-bottom: var(--sizes--28);
}
.div-block-9-copy {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-3-copy {
margin-bottom: var(--sizes--16);
aspect-ratio: 1;
border-radius: var(--rounding--full);
object-fit: cover;
width: 70%;
}
.div-block-10 {
height: 6vw;
}
.code-embed-3 {
z-index: -1;
width: 100%;
line-height: 0;
position: absolute;
inset: auto 0% 0%;
}
.about-grid-copy {
grid-column-gap: var(--sizes--120);
grid-row-gap: var(--sizes--120);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-grid-copy._3-columns {
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--100);
grid-template-columns: 1fr 1fr 1fr;
}
.about-grid-copy.alt {
margin-top: var(--sizes--48);
}
.div-block-11 {
grid-column-gap: var(--sizes--100);
grid-row-gap: var(--sizes--100);
flex-flow: column;
display: flex;
}
.div-block-12 {
grid-column-gap: var(--sizes--80);
grid-row-gap: var(--sizes--80);
grid-template-rows: auto;
grid-template-columns: .8fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-12.alt {
grid-template-columns: 1fr .8fr;
grid-auto-flow: row;
}
.text-green {
color: var(--coal--chromatic--green);
}
.div-block-13 {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.div-block-14 {
margin-top: var(--sizes--36);
}
.contact-hero {
padding-top: var(--sizes--40);
background-color: var(--coal--1000);
padding-bottom: 10vw;
position: relative;
}
.contact-hero.relative.z-index-2 {
background-color: #0000;
}
.contact-hero.methodology {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/684adb3551157ca53f78abe3_bina-educartion-01.webp");
background-position: 50% 104%;
}
.input {
min-height: var(--sizes--56);
padding: var(--sizes--12) var(--sizes--16);
border-radius: var(--rounding--8);
font-size: var(--sizes--18);
background-color: #000;
border: 1px solid #03ecc5;
margin-bottom: 0;
}
.input.text-area {
min-height: var(--sizes--120);
}
.contact-body-section {
padding-top: var(--sizes--48);
padding-bottom: var(--sizes--120);
background-color: var(--coal--900);
}
.input-label {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--16);
margin-bottom: 0;
}
.input-wrapper {
grid-column-gap: var(--sizes--8);
grid-row-gap: var(--sizes--8);
flex-flow: column;
flex: 1;
display: flex;
}
.div-block-15 {
grid-column-gap: var(--sizes--28);
grid-row-gap: var(--sizes--28);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.form {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
display: flex;
}
.radio-button {
padding-left: var(--sizes--36);
color: var(--coal--white);
font-size: var(--sizes--18);
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
font-weight: 600;
display: flex;
}
.radio-button-itself {
margin-top: 0;
margin-right: var(--sizes--16);
margin-left: -2.81vw;
}
.div-block-16 {
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
flex-flow: column;
display: flex;
}
.div-block-17 {
margin-top: var(--sizes--20);
grid-column-gap: var(--sizes--14);
grid-row-gap: var(--sizes--14);
flex-flow: column;
display: flex;
}
.div-block-18 {
grid-column-gap: var(--sizes--6);
grid-row-gap: var(--sizes--6);
flex-flow: column;
display: flex;
}
.div-block-19 {
margin-top: var(--sizes--28);
flex-flow: column;
align-items: stretch;
width: 20vw;
display: flex;
}
.radio-button-label {
color: var(--coal--chromatic--grass);
-webkit-text-stroke-color: var(--coal--chromatic--grass);
font-weight: 600;
}
.success-message {
border-radius: var(--rounding--12);
background-color: var(--coal--chromatic--yellow);
height: 15vw;
}
.div-block-20 {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.div-block-21 {
margin-top: var(--sizes--16);
margin-bottom: var(--sizes--20);
}
.thank-you-hero {
padding-top: var(--sizes--20);
padding-bottom: var(--sizes--28);
background-color: #009bfd;
position: relative;
overflow: hidden;
}
.thank-you-hero.relative.z-index-2 {
background-color: #0000;
}
.div-block-22 {
margin-bottom: var(--sizes--44);
height: 100%;
}
.div-block-23 {
padding-top: var(--sizes--64);
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.thanjk-you-blogs-section {
padding-top: var(--sizes--64);
padding-bottom: var(--sizes--80);
background-color: var(--coal--900);
position: relative;
}
.blog-cta-parent {
margin-top: var(--sizes--64);
padding-top: var(--sizes--48);
padding-bottom: var(--sizes--56);
padding-left: var(--sizes--40);
border-radius: var(--sizes--20);
background-color: var(--coal--black);
position: relative;
overflow: hidden;
}
.hover-opacity {
transition: all .4s;
}
.hover-opacity:hover {
opacity: .7;
}
.text-40 {
font-size: var(--sizes--40);
line-height: 1.1;
}
.blog-cta-subheading-wrapper {
width: 69%;
}
.blog-cta-content-wrapper {
grid-column-gap: var(--sizes--8);
grid-row-gap: var(--sizes--8);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
display: flex;
}
.blog-cta-bg-illu {
width: 28%;
position: absolute;
inset: 0% auto auto 0%;
}
.blog-cta-bg-illu.bottom {
width: 32%;
line-height: 0;
inset: auto auto 0% 0%;
}
.blog-cta-bg-illu.right {
z-index: 1;
width: auto;
height: 100%;
inset: 0% 0% 0% auto;
}
.cta-desktop-link {
font-weight: 400;
display: none;
position: absolute;
inset: 0%;
}
.blog-pagination {
margin-top: var(--sizes--64);
}
.blog-pagination-button {
margin-right: var(--sizes--8);
margin-left: var(--sizes--8);
padding: var(--sizes--8) var(--sizes--18);
border-width: var(--sizes--2);
border-color: var(--coal--1000);
border-radius: var(--rounding--8);
background-color: var(--coal--chromatic--purple-200);
}
.blog-pagination-button.text-20.text-semibold.m-text-24 {
background-color: var(--coal--chromatic--grass);
color: #000;
}
.section-home-hero-new {
background-color: #009bfd;
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/686e4b1d796e14d91a5261b8_40ea781a7efb12d9be9cbb787964bf50_hero-bg-01.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
position: relative;
overflow: hidden;
}
.body-dark {
background-color: var(--coal--1000);
}
.hero-bg-wave {
width: 100%;
position: absolute;
inset: -22% 0% auto;
}
.hero-bg-illu {
width: 100%;
display: inline-block;
position: absolute;
inset: auto 0% 0%;
}
.relative.z-index-1 {
z-index: 1;
}
.home-hero-heading-wrapper {
z-index: 5;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 8vw;
display: flex;
position: relative;
}
.text-56 {
font-size: var(--sizes--56);
font-weight: 500;
line-height: 1.1;
}
.text-56.text-align-center.m-text-40 {
line-height: 1;
}
.text-56.text-align-center.text-bold {
font-weight: 700;
}
.text-56.m-text-40 {
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1;
}
.home-hero-h2-wrapper {
margin-right: auto;
margin-bottom: var(--sizes--8);
width: 35%;
margin-left: auto;
}
.home-hero-h1-wrapper {
margin-right: auto;
margin-bottom: var(--sizes--28);
width: 60%;
margin-left: auto;
}
.navbar-parent-wrapper {
z-index: 99;
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.section-home-logos-new {
z-index: 2;
opacity: 1;
height: 11vw;
position: relative;
}
.div-block-24 {
grid-column-gap: 8vw;
grid-row-gap: 8vw;
grid-template-rows: auto;
grid-template-columns: minmax(10vw, 10vw) 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 100%;
display: grid;
}
.opacity-30 {
opacity: .3;
}
.home-logos-items-wrapper {
grid-column-gap: var(--sizes--44);
grid-row-gap: var(--sizes--44);
justify-content: space-between;
align-items: center;
display: flex;
}
.home-logo {
width: 12vw;
line-height: 0;
}
.home-logo.economist {
width: 9vw;
}
.home-logo.cognia {
top: var(--sizes--8);
width: 9vw;
position: relative;
}
.home-logo.nieche {
width: 21vw;
}
.navbar-padding {
padding-right: var(--sizes--20);
padding-left: var(--sizes--20);
width: 100%;
height: 100%;
}
.navbar-padding._0-padding {
padding-left: 0%;
padding-right: 0%;
}
.navbar-padding.height-auto {
height: auto;
}
.section-home-benefits {
padding-top: var(--sizes--64);
padding-bottom: var(--sizes--100);
}
.text-50 {
font-size: var(--sizes--48);
}
.text-48 {
font-size: var(--sizes--48);
line-height: 1.15;
}
.text-48.text-align-center.text-pink.margin-bottom._28px.m-text-40 {
color: var(--coal--chromatic--grass);
}
.text-48.text-align-center.text-orange.m-text-40 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1;
}
.text-48.text-lilac.m-text-40.m-text-align-center {
line-height: 1;
}
.text-orange {
color: var(--coal--chromatic--orange-500);
}
.container-small {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.home-benefits-item-grid {
margin-top: var(--sizes--80);
grid-column-gap: var(--sizes--120);
grid-row-gap: var(--sizes--120);
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.home-benefits-item-grid._2 {
grid-template-columns: .75fr 1fr;
}
.text-44 {
font-size: var(--sizes--44);
line-height: 1.2;
}
.text-44.text-grass.margin-bottom._24px.m-text-align-center.m-text-32 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--36);
line-height: 1;
}
.home-benefits-illu-box {
aspect-ratio: 1;
position: relative;
}
.image-absolute {
position: absolute;
inset: 0%;
}
.home-benefits-illu {
z-index: 2;
position: absolute;
}
.home-benefits-illu._1 {
z-index: 2;
width: 38%;
top: -8%;
left: 2%;
}
.home-benefits-illu._2 {
z-index: 0;
width: 58%;
top: -9%;
left: -25%;
}
.home-benefits-illu._3 {
z-index: 2;
width: 72%;
inset: -18% -21% auto auto;
}
.home-benefits-illu._4 {
z-index: 2;
width: 70%;
top: -21%;
left: -26%;
}
.section-biom-video {
padding-top: var(--sizes--40);
padding-bottom: var(--sizes--100);
position: relative;
}
.bg-wave-01 {
width: 100%;
position: absolute;
inset: -14.7vw 0% auto;
}
.biom-video-container {
margin-top: var(--sizes--64);
aspect-ratio: 16 / 9;
border-radius: var(--sizes--24);
position: relative;
}
.section-day-at-bina {
padding-bottom: var(--sizes--28);
grid-column-gap: var(--sizes--80);
grid-row-gap: var(--sizes--80);
flex-flow: column;
display: flex;
overflow: hidden;
}
.v-flex-center-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.day-at-bina-x-scroll-parent {
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
overflow: visible;
}
.timeline-item {
padding-right: var(--sizes--24);
flex: none;
position: relative;
}
.timeline-item.bigger-padding {
padding-right: var(--sizes--32);
}
.timeline-image {
border-radius: var(--sizes--20) var(--sizes--20) var(--sizes--20) var(--sizes--4);
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/684add31bd93acab07e0a0fe_Methodology-06.webp");
background-position: 50%;
background-size: cover;
width: 35vw;
max-width: none;
height: 22.8vw;
}
.timeline-item-top {
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.timeline-badge {
padding: var(--sizes--8) var(--sizes--16);
border-radius: var(--sizes--4) var(--sizes--18) var(--sizes--18);
background-color: var(--coal--chromatic--grass);
}
.timeline-badge.pink {
background-color: var(--coal--chromatic--pink-400);
}
.timeline-line {
z-index: -1;
height: var(--sizes--4);
background-color: var(--coal--chromatic--grass);
width: 100%;
position: absolute;
inset: 25.1vw 0% auto;
}
.timeline-bottom {
margin-top: var(--sizes--56);
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
flex-flow: column;
width: 35vw;
display: flex;
}
.clickanddrag {
padding-right: var(--sizes--64);
padding-bottom: var(--sizes--48);
padding-left: var(--sizes--64);
scrollbar-color: #03ecc5 #005345;
scrollbar-width: auto;
display: flex;
overflow-x: scroll;
}
.drag-sign {
top: -7.2vw;
left: auto;
right: var(--sizes--20);
aspect-ratio: 225 / 70;
width: 10vw;
position: absolute;
bottom: auto;
transform: rotate(7deg);
}
.drag-illu {
position: absolute;
inset: 0%;
}
.faq-bird-illu {
width: 25%;
position: absolute;
inset: -5vw 0% auto auto;
}
.find-out-tile-text-box {
padding-top: var(--sizes--20);
border-top: var(--sizes--2) solid var(--coal--1000);
}
.find-out-tile-lizard {
width: 12vw;
position: absolute;
inset: -11vw -3.3vw auto auto;
}
.find-out-price-badge {
padding: var(--sizes--8) var(--sizes--16);
border-radius: var(--sizes--4) var(--sizes--18) var(--sizes--18);
background-color: var(--coal--chromatic--orange-500);
}
.text-lilac {
color: var(--coal--chromatic--purple-xx);
}
.testimonials-bg-wave {
position: absolute;
inset: -29vw 0% auto;
}
.hide-desktop {
display: none;
}
.v-flex-left-top {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.margin-top {
margin: var(--sizes--4) 0px 0px;
}
.margin-top._12px {
margin-top: var(--sizes--12);
}
.blog-h1-wrapper {
margin-bottom: var(--sizes--24);
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
justify-content: center;
align-items: center;
display: flex;
}
.div-block-29 {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-30 {
margin-top: var(--sizes--32);
margin-bottom: var(--sizes--64);
}
.margn-x-auto {
margin-left: auto;
margin-right: auto;
}
.timeline-image-wrapper {
grid-column-gap: var(--sizes--20);
grid-row-gap: var(--sizes--20);
display: flex;
}
.timeline-break-box {
width: var(--sizes--64);
border: var(--sizes--2) solid var(--coal--chromatic--pink-400);
border-radius: var(--sizes--20);
color: var(--coal--chromatic--pink-400);
justify-content: center;
align-items: center;
display: flex;
}
.text-vertical {
white-space: nowrap;
transform: rotate(-90deg);
}
.timeline-break-fill {
height: 22.8vw;
}
.text-block {
font-weight: 400;
}
.image-5 {
display: none;
}
.checkbox-label {
color: var(--coal--chromatic--grass);
}
.text-19 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--18);
-webkit-text-stroke-color: var(--coal--chromatic--grass);
line-height: 1.3;
}
.padding-global-copy {
width: 100%;
height: 100%;
padding-top: 4%;
padding-left: 5%;
padding-right: 5%;
}
.padding-global-copy._0-padding {
padding-left: 0%;
padding-right: 0%;
}
.padding-global-copy.height-auto {
height: auto;
}
.blog-inner-parent-grid-copy-99 {
padding: var(--sizes--36) 50px var(--sizes--120);
grid-column-gap: var(--sizes--64);
grid-row-gap: var(--sizes--64);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.page-wrapper-999 {
margin-top: var(--sizes--80);
background-color: var(--coal--1000);
}
.heading-style-h2-blog {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--48);
font-weight: 700;
line-height: 1.1;
}
.heading-style-h2-blog.text-align-center.text-grass.m-text-40 {
color: var(--coal--chromatic--grass);
font-weight: 700;
}
.heading-style-h2-blog.text-align-center.m-text-32.text-grass.m-text-align-center {
font-size: var(--sizes--56);
margin-top: 2em;
font-weight: 700;
line-height: 1;
}
.heading-style-h2-blog.testimonials {
font-size: var(--sizes--44);
}
.heading-style-h2-blog.m-text-24 {
font-size: var(--sizes--36);
}
.heading-style-h2-blog.m-text-40 {
font-size: var(--sizes--56);
font-weight: 700;
line-height: 1;
}
.icon-embed-blog {
width: var(--sizes--24);
height: var(--sizes--24);
color: var(--coal--chromatic--purple-x);
flex: none;
}
.icon-embed-blog._48px {
width: var(--sizes--48);
height: var(--sizes--48);
}
.icon-embed-blog._80px {
width: var(--sizes--80);
height: var(--sizes--80);
}
.icon-embed-blog._20px {
width: var(--sizes--20);
height: var(--sizes--20);
}
.icon-embed-blog._64px {
width: var(--sizes--64);
height: var(--sizes--64);
}
.icon-embed-blog._40px {
width: var(--sizes--40);
height: var(--sizes--40);
}
.icon-embed-999 {
width: var(--sizes--24);
height: var(--sizes--24);
flex: none;
}
.icon-embed-999._48px {
width: var(--sizes--48);
height: var(--sizes--48);
}
.icon-embed-999._80px {
width: var(--sizes--80);
height: var(--sizes--80);
}
.icon-embed-999._20px {
width: var(--sizes--20);
height: var(--sizes--20);
color: var(--coal--chromatic--purple);
}
.icon-embed-999._64px {
width: var(--sizes--64);
height: var(--sizes--64);
}
.icon-embed-999._40px {
width: var(--sizes--40);
height: var(--sizes--40);
}
.text-16-99 {
font-size: var(--sizes--16);
line-height: 1.3;
}
.text-16-99.text-semibold {
color: var(--coal--chromatic--grass);
}
.text-16-99.hide-mobile {
color: var(--coal--chromatic--purple-x);
}
.text-toc-22 {
letter-spacing: normal;
font-size: 1.17vw;
line-height: 1.2;
}
.text-toc-22.h2 {
color: var(--coal--chromatic--purple-x);
}
.text-18-blog-title-discover {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
font-weight: 700;
line-height: 1.1;
}
.text-16-blog-discover {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--16);
line-height: 1.3;
}
.text-16-blog-discover.text-semibold {
color: var(--coal--chromatic--grass);
}
.text-24-99 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--24);
line-height: var(--sizes--24);
font-weight: 700;
}
.text-24-99.text-align-center.text-semibold.m-text-20 {
color: var(--coal--1000);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
-webkit-text-stroke-color: var(--coal--black);
font-weight: 400;
}
.text-24-99.text-align-center.text-pink.margin-bottom._28px.m-text-18 {
color: var(--coal--chromatic--grass);
}
.text-24-99.text-align-center.m-text-18 {
color: var(--coal--1000);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.text-grass, .text-24-99.text-grass.text-align-center {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.text-grass.margin-bottom._12px.m-text-18.m-text-align-center, .text-24-99.m-text-18-4 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.text-pink, .text-24-99.text-green {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.text-green.m-text-align-center.m-text-18, .text-24-99.text-blue.m-text-align-center.m-text-18 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.text-medium.text-grass {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
font-weight: 400;
}
.text-24-99.text-orange.m-text-18.m-text-align-center {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.text-purple.text-medium.m-text-20.margin-top {
font-size: var(--sizes--24);
}
.text-24-99.m-text-18-2 {
color: var(--coal--chromatic--green);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.m-text-18-3 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.m-text-18-4-copy._5 {
color: var(--coal--chromatic--blue-400);
}
.text-24-99.m-text-18-5 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.m-text-18-5._5 {
color: var(--coal--chromatic--red);
}
.text-24-99.m-text-18-6 {
color: var(--coal--chromatic--green);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.m-text-18-4-copy {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.m-text-18-7 {
color: var(--coal--chromatic--red);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-99.m-text-18-8 {
color: var(--coal--chromatic--blue-400);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--24);
line-height: var(--sizes--32);
}
.text-24-copy.text-align-center.text-semibold.m-text-20 {
color: var(--coal--1000);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
-webkit-text-stroke-color: var(--coal--black);
font-weight: 400;
}
.text-24-copy.text-align-center.text-pink.margin-bottom._28px.m-text-18 {
color: var(--coal--chromatic--grass);
}
.text-24-copy.text-align-center.m-text-18 {
color: var(--coal--1000);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.text-grass, .text-24-copy.text-grass.text-align-center {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.text-grass.margin-bottom._12px.m-text-18.m-text-align-center {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.margin-bottom._20px {
font-size: var(--sizes--32);
font-weight: 700;
}
.text-24-copy.m-text-18-4 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.text-pink, .text-24-copy.text-green {
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.text-green.m-text-align-center.m-text-18, .text-24-copy.text-blue.m-text-align-center.m-text-18 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.text-medium.text-grass {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
font-weight: 400;
}
.text-24-copy.text-orange.m-text-18.m-text-align-center {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.text-purple.text-medium.m-text-20.margin-top {
font-size: var(--sizes--24);
}
.text-24-copy.m-text-18-2 {
color: var(--coal--chromatic--green);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.m-text-18-3 {
color: var(--coal--chromatic--orange-500);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.m-text-18-4-copy._5 {
color: var(--coal--chromatic--blue-400);
}
.text-24-copy.m-text-18-5 {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.m-text-18-5._5 {
color: var(--coal--chromatic--red);
}
.text-24-copy.m-text-18-6 {
color: var(--coal--chromatic--green);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.m-text-18-4-copy {
color: var(--coal--chromatic--grass);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.m-text-18-7 {
color: var(--coal--chromatic--red);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.text-24-copy.m-text-18-8 {
color: var(--coal--chromatic--blue-400);
font-size: var(--sizes--20);
line-height: var(--sizes--24);
}
.div-block-31 {
height: 15vw;
}
.footer-cta-box:where(.w-variant-f40c11dd-3689-e108-1b1c-a60e7d633d3c) {
display: none;
}
.thank-you-bg-image {
position: absolute;
inset: 0% 0% auto;
}
.thank-you-bg-image.bottom {
inset: auto 0% 0%;
}
.text-regular {
font-weight: 400;
}
@media screen and (max-width: 991px) {
.padding-global {
padding-left: 4vw;
padding-right: 4vw;
}
.button.navbar {
padding-right: var(--sizes--2);
color: var(--coal--chromatic--yellow);
font-size: var(--sizes--20);
background-color: #0000;
}
.navbar-links {
padding-bottom: var(--sizes--20);
background-color: var(--coal--1000);
width: 100vw;
margin-left: -4vw;
margin-right: -4vw;
}
.navbar-link {
padding: var(--sizes--28) 4vw;
background-color: var(--coal--black);
color: var(--coal--chromatic--yellow);
font-size: var(--sizes--28);
}
.navbar-logo-box {
padding-bottom: var(--sizes--20);
position: static;
}
.container-medium {
width: 90%;
}
.navbar-menu-button {
padding: var(--sizes--12) 0px 0px;
aspect-ratio: 1;
color: var(--coal--chromatic--yellow);
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.navbar-menu-button.w--open {
color: var(--coal--chromatic--yellow);
background-color: #0000;
}
.navbar-menu-icon {
width: var(--sizes--36);
height: var(--sizes--36);
line-height: 0;
}
.x-icon-embed {
width: 2vw;
height: 2vw;
}
.u-text-h5 {
font-size: 1.25vw;
}
.cursor-community-slider {
display: none;
}
.navbar-padding, .padding-global-copy {
padding-left: 4vw;
padding-right: 4vw;
}
}
@media screen and (max-width: 767px) {
.cursor-community-slider {
display: none;
}
.blog-grid-item.inner {
padding: var(--sizes--18);
}
.cta-desktop-link {
display: none;
}
}
@media screen and (max-width: 479px) {
body {
--coal--1000: #262626;
--sizes--16: 3.86vw;
--sizes--48: 11.59vw;
--sizes--80: 19.32vw;
--coal--black: black;
--sizes--64: 15.46vw;
--sizes--56: 13.53vw;
--sizes--20: 4.83vw;
--sizes--24: 5.8vw;
--sizes--32: 7.73vw;
--sizes--2: 2px;
--rounding--12: 2.9vw;
--coal--chromatic--yellow: #fcde2d;
--coal--chromatic--pink-400: #fd4fc1;
--sizes--44: 10.63vw;
--sizes--14: 3.38vw;
--sizes--8: 1.93vw;
--coal--chromatic--grass: #03ecc5;
--coal--chromatic--purple-x: #b38cff;
--sizes--28: 6.76vw;
--sizes--18: 4.35vw;
--sizes--40: 9.66vw;
--sizes--4: .97vw;
--coal--chromatic--orange-500: #fd6c21;
--coal--chromatic--green: #69d669;
--coal--chromatic--blue-400: #32b0ff;
--coal--chromatic--red: #ff605b;
--coal--chromatic--turquise: #a8e9de;
--coal--chromatic--blue-500: #2055e5;
--coal--chromatic--purple: #9747ff;
--sizes--12: 2.9vw;
--sizes--0: 0px;
--sizes--36: 8.7vw;
--sizes--120: 28.99vw;
--sizes--6: 1.45vw;
--sizes--72: 17.39vw;
--coal--white: white;
--rounding--16: 3.86vw;
--rounding--full: 999vw;
--coal--900: #2b2d33;
--sizes--m-24\: 5.8vw;
--coal--chromatic--pink-100: #ffe2f8;
--coal--chromatic--purple-100: #f3eaff;
--sizes--10: 2.42vw;
--coal--chromatic--purple-200: #e7d5ff;
--sizes--m-12\: 2.9vw;
--coal--chromatic--pink-200: #ffbee4;
--sizes--m-6\: 1.45vw;
--coal--chromatic--pink-500: #ff23cb;
--sizes--100: 24.15vw;
--rounding--8: 1.93vw;
--coal--chromatic--purple-xx: #eec8fe;
--coal--chromatic--color: white;
}
.navbar-parent {
height: var(--sizes--64);
}
.button {
border-radius: 2.04vw;
}
.button:where(.w-variant-616a2607-1808-f8ca-2ffa-19e7723c1846) {
grid-column-gap: 3.05vw;
grid-row-gap: 3.05vw;
border-width: .51vw;
height: 14.25vw;
padding-left: 4.07vw;
padding-right: 4.07vw;
font-size: 5.09vw;
}
.button.navbar {
font-size: 3.56vw;
}
.button._56px-2 {
grid-column-gap: 3.05vw;
grid-row-gap: 3.05vw;
border-width: .51vw;
height: 14.25vw;
padding-left: 4.07vw;
padding-right: 4.07vw;
font-size: 5.09vw;
}
.button.navbar-placed {
padding-right: var(--sizes--14);
padding-left: var(--sizes--14);
grid-column-gap: var(--sizes--8);
grid-row-gap: var(--sizes--8);
}
.navbar-content-wrapper {
padding-left: var(--sizes--20);
justify-content: space-between;
align-items: center;
}
.navbar-links {
width: auto;
margin-left: 0;
margin-right: 0;
}
.navbar-link {
font-size: var(--sizes--28);
}
.navbar-logo-box {
padding-top: 3vw;
padding-bottom: 4vw;
padding-left: 0;
}
.navbar-button-wrapper {
right: var(--sizes--64);
}
.icon-embed:where(.w-variant-616a2607-1808-f8ca-2ffa-19e7723c1846), .icon-embed._56px-3 {
width: 6.11vw;
height: 6.11vw;
}
.section-home-hero {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6835cf8191942a7fb1e06f6a_m-home-hero-bg.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
height: 221vw;
padding-top: 29vw;
}
.home-hero-content-wrapper {
z-index: 1;
grid-column-gap: var(--sizes--2);
grid-row-gap: var(--sizes--2);
text-align: center;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
}
.h1-home-hero {
font-size: 9.16vw;
line-height: .9;
}
.text-24.bigger-on-mobile {
font-size: 6.11vw;
}
.text-24.text-medium.text-grass {
margin-top: 25px;
}
.text-grass.text-align-center.text-36.text-medium {
font-size: var(--sizes--44);
}
.home-hero-subline-box {
margin-bottom: var(--sizes--14);
width: 67%;
padding-right: 0;
}
.illu-home-hero {
display: none;
}
.home-hero-logos {
width: 46vw;
position: relative;
top: 68vw;
left: 20.8vw;
right: auto;
}
.section-faq {
padding-bottom: var(--sizes--20);
}
.section-faq._2nd {
padding-top: var(--sizes--20);
}
.faq-item.heading {
margin-bottom: var(--sizes--0);
padding-bottom: var(--sizes--0);
}
.faq-content-wrapper {
padding-top: var(--sizes--28);
padding-bottom: var(--sizes--28);
}
.heading-style-h2.text-align-center.m-text-32.text-grass.m-text-align-center {
font-size: var(--sizes--44);
margin-top: 50px;
}
.heading-style-h2.testimonials {
font-size: 6.11vw;
}
.heading-style-h2.bigger-on-mobile {
font-size: 10vw;
}
.heading-style-h2.m-text-24 {
font-size: var(--sizes--28);
}
.heading-style-h2.m-text-40 {
font-size: var(--sizes--44);
}
.faq-icon-box {
width: var(--sizes--32);
height: var(--sizes--32);
}
.faq-answer-inner-box {
padding-top: var(--sizes--20);
padding-bottom: var(--sizes--20);
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
}
.section-footer {
padding-top: var(--sizes--28);
grid-column-gap: var(--sizes--56);
grid-row-gap: var(--sizes--56);
background-position: 50% 110%;
}
.section-footer:where(.w-variant-f40c11dd-3689-e108-1b1c-a60e7d633d3c) {
background-position: 50% 115%;
padding-bottom: 39vw;
}
.footer-top {
grid-column-gap: var(--sizes--28);
grid-row-gap: var(--sizes--28);
}
.text-purple.heading-style-h2.text-align-center.m-text-32, .text-align-center.text-red.text-36.text-medium {
font-size: var(--sizes--44);
}
.faq-icon-embed {
width: var(--sizes--32);
height: var(--sizes--32);
margin-top: var(--sizes--0);
}
.section-home-2nd {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6835d3bbbb7e109ec414c00d_2nd-section-bg.avif"), linear-gradient(#2be3c7, #2be3c7);
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 100%, auto;
margin-top: -18vw;
padding-bottom: 20vw;
overflow: hidden;
}
.container-medium {
width: 100%;
}
.home-2nd-item-grid {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: .95fr;
grid-auto-flow: column;
display: flex;
}
.home-2nd-item-grid._2 {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
margin-top: 5vw;
}
.home-2nd-item-grid._3 {
margin-top: 3vw;
}
.home-2nd-text-wrapper {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
}
.home-2nd-text-wrapper._1 {
padding-top: var(--sizes--2);
padding-right: 10vw;
}
.home-2nd-text-wrapper._2 {
top: 0;
left: 0;
}
.home-2nd-text-wrapper._3 {
z-index: 1;
margin-top: -12vw;
top: 0;
}
.home-2nd-illu._1 {
width: 119%;
}
.home-2nd-illu._2 {
order: -1;
width: 80%;
top: 0;
}
.home-2nd-illu._3 {
order: -1;
top: 0;
left: 7.3vw;
}
.section-home-2nd-bg-filler {
display: none;
top: 17.9vw;
}
.section-home-logos {
background-color: #0000;
margin-top: -17vw;
}
.home-logos-top {
padding-top: 6vw;
padding-bottom: 6vw;
}
.text-16 {
line-height: 1.1;
}
.logos-carousel-itself {
height: 17.81vw;
margin-top: 0;
overflow: hidden;
}
.div-block {
justify-content: center;
align-items: flex-start;
padding-bottom: 2vw;
}
.footer-bottom {
grid-template-columns: 1fr 1fr;
}
.footer-link {
padding-top: var(--sizes--16);
padding-bottom: var(--sizes--16);
}
.footer-links-wrapper.mobile-horizontal {
margin-top: var(--sizes--48);
grid-column-gap: var(--sizes--72);
grid-row-gap: var(--sizes--72);
flex-flow: row;
justify-content: flex-end;
align-items: center;
}
.section-home-extra-support {
background-image: url("https://cdn.prod.website-files.com/68307c162aef20b578bfbafb/6835e34b63e1e868ba7500d4_m-extra-support-bg-overlay.avif");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: 100%;
padding-bottom: 39vw;
}
.extra-support-parent-wrapper {
padding: var(--sizes--32) var(--sizes--24) 40vw;
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
border-radius: 4.07vw;
grid-template-columns: 1fr;
}
.extra-support-inner-wrapper {
grid-row-gap: var(--sizes--18);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
display: flex;
}
.extra-support-illu {
width: 110%;
max-width: none;
top: 94vw;
}
.home-swiper-paragraph-box {
width: auto;
}
.home-swiper-paragraph-box._2 {
width: 100%;
margin-top: 3vw;
}
.home-swiper-iteself-parent {
height: auto;
}
.clock-itself-illu {
width: 80vw;
}
.discover-rhythm-sticky-wrapper {
justify-content: center;
align-items: center;
height: calc(100vh - 15.27vw);
padding-top: 0;
top: 15.27vw;
}
.section-home-know-exacty {
grid-column-gap: var(--sizes--40);
grid-row-gap: var(--sizes--40);
flex-flow: column;
padding-bottom: 0;
display: flex;
}
.know-exactly-content-wrapper {
padding-right: 0;
}
.text-link {
padding-top: var(--sizes--16);
padding-bottom: var(--sizes--16);
font-size: 5.09vw;
text-decoration: underline;
}
.know-exactly-illu {
order: 1;
width: 70%;
position: relative;
top: 0%;
left: 16%;
right: auto;
}
.know-exactly-bg-illu {
bottom: -2vw;
}
.section-home-find-out {
padding-top: var(--sizes--16);
padding-bottom: var(--sizes--48);
overflow: hidden;
}
.find-out-tiles-wrapper {
margin-top: var(--sizes--40);
margin-bottom: var(--sizes--28);
flex-flow: column;
width: auto;
display: flex;
overflow: auto;
}
.find-out-tile {
grid-column-gap: var(--sizes--44);
grid-row-gap: var(--sizes--44);
border-radius: 4.07vw;
}
.find-out-number {
font-size: var(--sizes--56);
}
.find-out-button-wrapper {
margin-bottom: var(--sizes--56);
align-items: stretch;
}
.find-out-bottom {
margin-top: var(--sizes--20);
grid-column-gap: var(--sizes--36);
grid-row-gap: var(--sizes--36);
grid-template-columns: 1.13fr;
}
.find-out-bottom-left {
padding-right: var(--sizes--24);
padding-left: var(--sizes--24);
border-radius: 0;
margin-left: -4vw;
margin-right: -4vw;
}
.find-out-divider {
height: 2px;
}
.find-out-line {
grid-row-gap: var(--sizes--14);
grid-template-columns: 1fr 1fr;
}
.find-out-bottom-right {
grid-column-gap: var(--sizes--28);
grid-row-gap: var(--sizes--28);
}
.section-home-testimonials {
padding-top: var(--sizes--80);
padding-bottom: 0;
}
.testimonials-parent-wrapper.teachers {
grid-template-rows: auto auto auto auto auto;
width: 100vw;
margin-left: -4vw;
padding-left: 4vw;
overflow: auto;
}
.home-testimonial-vertical-flex {
width: 70vw;
}
.home-testimonial-vertical-flex.teachers-2 {
padding-top: 9vw;
}
.plyr_component.teachers-1 {
border-radius: 4.07vw;
flex: none;
width: 70vw;
}
.video-button.bigger {
width: 24vw;
height: 24vw;
top: calc(50% - 12vw);
left: calc(50% - 12vw);
}
.video-button.even-bigger {
width: 16vw;
height: 16vw;
top: calc(50% - 8vw);
left: calc(50% - 8vw);
}
.video-button.even-bigger-mobile {
width: 30vw;
height: 30vw;
top: calc(50% - 15vw);
left: calc(50% - 15vw);
}
.testimonial-text-tile {
margin-top: var(--sizes--24);
flex: none;
width: 70vw;
}
.testiomonial-avatar {
width: var(--sizes--80);
height: var(--sizes--80);
}
.home-testimonials-bg-overlay {
height: 26vw;
}
.section-home-meet-teachers {
padding-top: var(--sizes--64);
padding-bottom: var(--sizes--6);
}
.text-36 {
font-size: 7.63vw;
}
.text-36.text-grass.margin-bottom._28px {
font-size: 36px;
line-height: 1;
}
.text-36.m-text-24 {
font-size: var(--sizes--36);
}
.meet-teachers-bg-overlay {
width: 250%;
max-width: none;
position: relative;
bottom: -3%;
left: -70%;
}
.navbar-menu-button {
padding-top: var(--sizes--16);
padding-left: var(--sizes--16);
justify-content: center;
align-items: center;
position: static;
}
.navbar-menu-icon {
width: var(--sizes--32);
height: var(--sizes--32);
}
.navbar-arrow-icon {
width: 5vw;
height: 5vw;
}
.home-hero-button-box {
margin-top: 27vw;
}
.home-hero-button-box.about {
margin-top: 12vw;
}
.body-3 {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.image-2 {
max-width: none;
height: 52%;
}
.hide-mobile {
display: none;
}
.knpw-exactly-mobile-illu {
margin-top: -12vw;
display: block;
position: absolute;
top: 73vw;
}
.know-exactly-link-wrapper {
margin-top: var(--sizes--8);
}
.extra-support-paragraph-box {
margin-top: var(--sizes--20);
}
.faq-heading {
font-size: 12.21vw;
}
.faq-heading.bigger-on-mobile {
font-size: 10vw;
}
.x-icon-embed {
width: 1.25rem;
height: 1.25rem;
}
.x-icon-embed.small {
width: 1rem;
height: 1rem;
}
.u-text-h5 {
font-size: 1rem;
}
.swiper-wrapper.community {
grid-column-gap: var(--sizes--0);
grid-row-gap: var(--sizes--0);
justify-content: flex-start;
align-items: center;
width: 100%;
}
.community-slider-container {
justify-content: center;
align-items: flex-start;
}
.swiper-slide {
width: 27.3vw;
}
.swiper-slide.community {
padding-right: var(--sizes--8);
padding-left: var(--sizes--8);
width: 80%;
}
.swiper-image {
border-radius: var(--rounding--12);
}
.mobile-only {
display: block;
}
.div-block-2 {
margin-top: var(--sizes--14);
grid-column-gap: 7.63vw;
grid-row-gap: 7.63vw;
flex-flow: column;
display: flex;
}
.div-block-3 {
grid-column-gap: var(--sizes--48);
grid-row-gap: var(--sizes--48);
flex-flow: column;
display: flex;
}
.div-block-4 {
grid-column-gap: 6.11vw;
grid-row-gap: 6.11vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
width: 100vw;
margin-left: -4vw;
padding-left: 4vw;
padding-right: 4vw;
display: flex;
position: relative;
overflow: auto;
}
.div-block-5 {
position: relative;
}
.div-block-6 {
width: 100vw;
height: 37vw;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.section-home-rhythm {
padding-top: 6.25vw;
}
.rhythm-sticky-wrapper {
margin-bottom: var(--sizes--20);
justify-content: center;
align-items: center;
height: auto;
padding-top: 0;
position: static;
top: 15.27vw;
}
.rhythm-card-itself {
padding-top: 42vw;
padding-right: var(--sizes--24);
padding-left: var(--sizes--24);
border-radius: var(--sizes--m-24\);
justify-content: flex-start;
align-items: flex-start;
}
.rhythm-card-itself._2 {
top: 20.5vh;
}
.rhythm-card-itself._1 {
top: 20vh;
}
.rhythm-card-itself.body-3 {
top: 21vh;
}
.rhythm-card-itself._4 {
top: 21.5vh;
}
.rhythm-card-itself._5 {
top: 22vh;
}
.rhythm-sticky-wrapper-bottom {
margin-top: -30vw;
}
.rhythm-clock-box {
width: 50vw;
height: auto;
left: 44vw;
}
.rhythm-clock-iteself {
transform: skew(-7deg, 4deg);
box-shadow: .7vw .7vw #00b395;
}
.rhythm-badge {
border-radius: var(--sizes--m-12\);
}
.rhythm-badge-divider {
width: var(--sizes--m-6\);
}
.rhythm-clock-spark.mobile-1 {
width: 12vw;
top: -5.6vw;
left: auto;
right: 0;
}
.rhythm-clock-spark.mobile-2 {
width: 9vw;
top: 43.3vw;
left: -.9vw;
transform: rotate(-15deg);
}
.rhythm-clock-shadow {
top: 24vw;
left: 16vw;
}
.text-pink.text-align-center.text-40 {
font-size: var(--sizes--44);
}
.m-text-16 {
font-size: var(--sizes--16);
line-height: 1.2;
}
.m-text-24 {
font-size: var(--sizes--24);
}
.page-wrapper {
margin-top: 15.27vw;
}
.heading-style-h1 {
font-size: var(--sizes--56);
}
.heading-style-h1.testimonials {
font-size: 6.11vw;
}
.heading-style-h1.bigger-on-mobile {
font-size: 10vw;
}
.blog-hero-logo {
height: 12.2vw;
}
.blog-items-container {
padding-top: var(--sizes--72);
padding-bottom: var(--sizes--28);
}
.blog-grid {
grid-template-columns: 1fr;
}
.blog-inner-left {
display: none;
}
.blog-inner-left-top {
grid-column-gap: var(--sizes--8);
grid-row-gap: var(--sizes--8);
}
.blog-inner-metadata {
margin-top: var(--sizes--18);
margin-bottom: var(--sizes--14);
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
}
.faq-answer-inner-quote-wrapper, .faq-answer-inner-quote-wrapper.turquoise {
width: auto;
}
.m-text-18 {
font-size: var(--sizes--18);
line-height: 1.2;
}
.m-text-20 {
font-size: var(--sizes--20);
line-height: 1.3;
}
.m-text-32 {
font-size: var(--sizes--32);
}
.swiper-arrow-left {
width: var(--sizes--64);
height: var(--sizes--64);
top: calc(50% - 7.73vw);
}
.legal-page-body-container, .imprint-container {
padding-top: var(--sizes--72);
padding-bottom: var(--sizes--28);
}
.about-hero {
background-position: 50% 110%;
background-size: 100%;
padding-bottom: 70vw;
}
.about-grid {
grid-column-gap: var(--sizes--80);
grid-row-gap: var(--sizes--80);
grid-template-columns: 1fr;
}
.about-grid._3-columns {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--64);
grid-template-columns: 1fr 1fr;
}
.div-block-9 {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
}
.image-3 {
margin-bottom: var(--sizes--16);
}
.about-grid-copy {
grid-column-gap: var(--sizes--80);
grid-row-gap: var(--sizes--80);
grid-template-columns: 1fr;
}
.about-grid-copy._3-columns {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--64);
grid-template-columns: 1fr 1fr;
}
.div-block-12 {
clear: none;
grid-column-gap: var(--sizes--44);
grid-row-gap: var(--sizes--44);
flex-flow: column;
order: 0;
grid-template-columns: .8fr;
display: flex;
}
.div-block-13 {
clear: none;
}
.image-4 {
flex: none;
}
.contact-hero {
background-image: none;
padding-bottom: 15vw;
}
.div-block-15 {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
align-items: stretch;
}
.div-block-19 {
width: auto;
}
.thanjk-you-blogs-section {
padding-top: var(--sizes--28);
padding-bottom: var(--sizes--28);
}
.code-embed-4 {
width: 60vw;
}
.blog-cta-parent {
margin-top: var(--sizes--36);
padding: var(--sizes--48) var(--sizes--32) 51vw;
}
.blog-cta-subheading-wrapper {
width: 80%;
}
.blog-cta-content-wrapper {
z-index: 1;
grid-column-gap: var(--sizes--12);
grid-row-gap: var(--sizes--12);
text-align: center;
justify-content: flex-start;
align-items: center;
width: 100%;
position: relative;
}
.blog-cta-bg-illu {
width: 59%;
}
.blog-cta-bg-illu.bottom {
width: 80%;
display: none;
}
.blog-cta-bg-illu.right {
height: auto;
inset: auto 0% 0%;
}
.blog-pagination-button {
padding: var(--sizes--16) var(--sizes--28);
}
.section-home-hero-new {
height: 75vh;
overflow: visible;
}
.hero-bg-wave {
width: 290%;
top: -11%;
left: -90%;
}
.hero-bg-illu {
--coal--1000: #262626;
--sizes--16: 3.86vw;
--sizes--48: 11.59vw;
--sizes--80: 19.32vw;
--coal--black: black;
--sizes--64: 15.46vw;
--sizes--56: 13.53vw;
--sizes--20: 4.83vw;
--sizes--24: 5.8vw;
--sizes--32: 7.73vw;
--sizes--2: 2px;
--rounding--12: 2.9vw;
--coal--chromatic--yellow: #fcde2d;
--coal--chromatic--pink-400: #fd4fc1;
--sizes--44: 10.63vw;
--sizes--14: 3.38vw;
--sizes--8: 1.93vw;
--coal--chromatic--grass: #03ecc5;
--coal--chromatic--purple-x: #b38cff;
--sizes--28: 6.76vw;
--sizes--18: 4.35vw;
--sizes--40: 9.66vw;
--sizes--4: .97vw;
--coal--chromatic--orange-500: #fd6c21;
--coal--chromatic--green: #69d669;
--coal--chromatic--blue-400: #32b0ff;
--coal--chromatic--red: #ff605b;
--coal--chromatic--turquise: #a8e9de;
--coal--chromatic--blue-500: #2055e5;
--coal--chromatic--purple: #9747ff;
--sizes--12: 2.9vw;
--sizes--0: 0px;
--sizes--36: 8.7vw;
--sizes--120: 28.99vw;
--sizes--6: 1.45vw;
--sizes--72: 17.39vw;
--coal--white: white;
--rounding--16: 3.86vw;
--rounding--full: 999vw;
--coal--900: #2b2d33;
--sizes--m-24\: 5.8vw;
--coal--chromatic--pink-100: #ffe2f8;
--coal--chromatic--purple-100: #f3eaff;
--sizes--10: 2.42vw;
--coal--chromatic--purple-200: #e7d5ff;
--sizes--m-12\: 2.9vw;
--coal--chromatic--pink-200: #ffbee4;
--sizes--m-6\: 1.45vw;
--coal--chromatic--pink-500: #ff23cb;
--sizes--100: 24.15vw;
--rounding--8: 1.93vw;
--coal--chromatic--purple-xx: #eec8fe;
--coal--chromatic--color: white;
width: 100%;
max-width: none;
margin-left: 0;
display: none;
position: static;
bottom: 0%;
left: 0%;
}
.home-hero-heading-wrapper {
margin-top: 25vw;
}
.text-56.text-align-center.m-text-44, .text-56.m-text-40 {
font-size: var(--sizes--44);
}
.home-hero-h2-wrapper {
width: 100%;
}
.home-hero-h1-wrapper {
margin-bottom: var(--sizes--24);
width: 100%;
}
.navbar-parent-wrapper {
position: fixed;
}
.section-home-logos-new {
padding-top: var(--sizes--44);
padding-bottom: var(--sizes--20);
background-color: #0000;
height: auto;
}
.div-block-24 {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
flex-flow: column;
display: flex;
}
.home-logos-items-wrapper {
grid-column-gap: var(--sizes--16);
grid-row-gap: var(--sizes--16);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.home-logo {
width: 30vw;
}
.home-logo.economist {
width: 20vw;
}
.home-logo.cognia {
width: 22vw;
}
.home-logo.nieche {
width: 43vw;
}
.navbar-padding {
padding-left: 0;
padding-right: 0;
}
.text-48.text-align-center.text-orange.m-text-40 {
font-size: var(--sizes--44);
}
.text-48.text-align-center.m-text-40 {
font-size: var(--sizes--44);
padding-top: 0;
}
.text-48.text-lilac.m-text-40.m-text-align-center {
font-weight: 700;
}
.container-small {
width: auto;
}
.home-benefits-item-grid {
grid-column-gap: var(--sizes--36);
grid-row-gap: var(--sizes--36);
flex-flow: column;
display: flex;
}
.home-benefits-illu-box {
order: -1;
width: 60%;
}
.bg-wave-01 {
width: 290%;
max-width: none;
top: 2vw;
left: -160%;
}
.biom-video-container {
margin-top: var(--sizes--44);
}
.section-day-at-bina {
padding-bottom: var(--sizes--32);
grid-column-gap: var(--sizes--56);
grid-row-gap: var(--sizes--56);
}
.timeline-item {
padding-right: var(--sizes--24);
}
.timeline-item.last-item {
padding-right: var(--sizes--0);
}
.timeline-image {
width: 70vw;
max-width: 70vw;
height: 40vw;
}
.timeline-line {
left: var(--sizes--10);
top: 46.9vw;
}
.timeline-bottom {
margin-top: var(--sizes--36);
width: 70vw;
}
.clickanddrag {
padding-right: var(--sizes--16);
padding-left: var(--sizes--16);
}
.drag-sign {
top: -14.7vw;
right: var(--sizes--12);
width: 30vw;
}
.faq-bird-illu {
width: 50%;
top: -4vw;
}
.m-text-40 {
font-size: var(--sizes--40);
}
.m-text-48 {
font-size: var(--sizes--48);
}
.testimonials-bg-wave {
width: 270%;
max-width: none;
top: 0;
left: -140%;
}
.m-text-align-center {
text-align: center;
}
.div-block-26 {
width: 100%;
height: 140vw;
position: absolute;
top: -16vw;
overflow: hidden;
}
.div-block-27 {
width: 100%;
height: 150vw;
position: absolute;
top: -63vw;
overflow: hidden;
}
.div-block-28 {
width: 100%;
height: 100%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
position: static;
inset: auto 0% 0%;
overflow: hidden;
}
.timeline-image-wrapper {
grid-column-gap: var(--sizes--24);
grid-row-gap: var(--sizes--24);
}
.timeline-break-fill {
height: 40vw;
}
.image-5 {
z-index: 1;
margin-top: -250%;
display: inline-block;
position: relative;
}
.image-6, .image-7, .image-8 {
order: -1;
}
.blog-inner-parent-grid-copy-99 {
padding-left: 25px;
padding-right: 25px;
}
.page-wrapper-999 {
margin-top: 15.27vw;
}
.heading-style-h2-blog.text-align-center.m-text-32.text-grass.m-text-align-center {
font-size: var(--sizes--44);
margin-top: 50px;
}
.heading-style-h2-blog.testimonials {
font-size: 6.11vw;
}
.heading-style-h2-blog.bigger-on-mobile {
font-size: 10vw;
}
.heading-style-h2-blog.m-text-24 {
font-size: var(--sizes--36);
}
.heading-style-h2-blog.m-text-40 {
font-size: var(--sizes--44);
}
.icon-embed-blog:where(.w-variant-616a2607-1808-f8ca-2ffa-19e7723c1846), .icon-embed-blog._56px-3, .icon-embed-999:where(.w-variant-616a2607-1808-f8ca-2ffa-19e7723c1846), .icon-embed-999._56px-3 {
width: 6.11vw;
height: 6.11vw;
}
.text-16-99, .text-16-blog-discover {
line-height: 1.1;
}
.text-24-99.bigger-on-mobile {
font-size: 6.11vw;
}
.text-24-99.text-medium.text-grass {
margin-top: 25px;
}
.text-24-copy.bigger-on-mobile {
font-size: 6.11vw;
}
.text-24-copy.text-medium.text-grass {
margin-top: 25px;
}
.hero-bg-wave-box {
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.div-block-32 {
z-index: 5;
position: relative;
}
}
#w-node-_0b8186aa-2e3e-71bd-2e2c-b53f4f754b68-583aa528 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_44e2bc10-e807-ddb3-b7fb-32c02633f82b-2633f820 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_44e2bc10-e807-ddb3-b7fb-32c02633f832-2633f820 {
grid-area: 1 / 4 / 2 / 5;
}
#w-node-_8313e3b7-022a-ac15-c8cc-fd69d5351e1b-582b762b {
align-self: start;
}
#w-node-aa06b963-f00a-498f-64a7-28e79993e9ff-e03044d3, #w-node-_2af460d3-185c-9491-a882-8ef4de63edf7-f067d00c, #w-node-_3618bd62-0676-7918-1296-688806bdb04f-f067d00c, #w-node-fde1e245-f34f-bad6-9fd8-36a8b8e8ef35-f067d00c, #w-node-_80aa2367-6cf1-ecb3-04d0-701906e18ad8-f067d00c, #w-node-_351655de-a4a3-ebc1-36b2-e1275f0f3715-f067d00c, #w-node-ba924d1d-a92f-9f95-4e25-207ad63e44c9-f067d00c, #w-node-_992508f0-92c9-77d6-eca4-0fc4169b6905-f067d00c, #w-node-c55310e0-b089-ee73-d596-401a33c75bf2-f067d00c, #w-node-_4ec760d3-0584-bc25-32fb-426220b14524-f067d00c, #w-node-_7bde16db-3e1e-c5bc-a077-2fb5286251ff-f067d00c, #w-node-e49993ae-06f5-81ca-a14d-dfe06ea563ac-f067d00c, #w-node-_60740374-66c7-191a-35c5-0b025b99fc56-f067d00c, #w-node-_551e030d-c777-2fcc-7228-3d6c41e41f2b-f067d00c, #w-node-e9faa239-fe73-a421-5d39-507d571a25ac-f067d00c, #w-node-_6617b0ae-9a44-9cb1-6712-e3f14a95973a-f067d00c, #w-node-ac9182ab-484b-7b66-d18c-260b3ce97966-f067d00c, #w-node-_6257d349-25fe-44bc-4489-c4f2e2a0fa31-f067d00c, #w-node-_5f6bcbbf-f5f5-8b48-0afa-207955c08153-f067d00c, #w-node-acb6bbbf-fe90-9db4-9d8b-76c33d1474b3-f067d00c, #w-node-_68211f6c-ffab-8722-b7c0-469cf1f80109-f067d00c, #w-node-e199301d-3db5-fbf8-dc4b-3346e2a419cb-f067d00c, #w-node-_61ee3194-70a2-4785-1099-2c7dcf2e6971-f067d00c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0c244866-3e42-8f99-1a9e-7ce18b4b9588-f067d00c {
grid-area: 8 / 2 / 9 / 3;
}
#w-node-_3a92c2b9-a241-a349-0dcc-26a36f8efc18-f0b9b082, #w-node-cdaab80a-ff36-e76a-61cb-ee1c4eb8618b-f0b9b082, #w-node-_925c4612-92d1-f85a-4b21-6ac8173b6525-f0b9b082, #w-node-_89dd6f95-6232-35c9-60fb-cd20751ac540-f0b9b082, #w-node-_15e52bab-c958-c7d1-abe2-7f9db55f31ae-f0b9b082, #w-node-a9ac12c2-2bfe-4546-22b1-97ab1bd1be2b-f0b9b082, #w-node-f16513ee-60a9-dcdc-3588-0158e7accebb-f0b9b082, #w-node-dd813755-8ece-cdd7-4395-62db10e633a6-f0b9b082, #w-node-_66c43a32-f2f5-ac63-84e8-491444b14641-f0b9b082, #w-node-_6232d97a-6e61-de8d-51dc-4cf52b5ae4e3-f0b9b082, #w-node-_866e7c12-1ee7-d790-9b02-59f5269a9121-f0b9b082, #w-node-_3068bcb1-6f08-f748-f8cb-17052c033a50-f0b9b082, #w-node-e5304564-f701-fc04-fd48-da57bf093617-f0b9b082, #w-node-_1cd2df70-2a18-0494-fd19-c3d91e265547-f0b9b082, #w-node-_80f66195-59a6-62a5-922b-6345b750af85-f0b9b082 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b2ea0a07-1f79-43cd-ae1d-20102deb3ffc-f0b9b082, #w-node-_2beccf88-aaf4-532b-f977-22296d206930-f0b9b082, #w-node-_0dd04824-4ff4-bd77-5760-f54c8d91d6c4-f0b9b082, #w-node-cdb87f3b-e335-6aba-8118-828fb88d0aa7-f0b9b082 {
align-self: center;
}
#w-node-_8313e3b7-022a-ac15-c8cc-fd69d5351e1b-e554634a, #w-node-_00a1abd5-f96d-c182-141c-0e967c2b3df1-48e2e5e4 {
align-self: start;
}
@media screen and (max-width: 479px) {
#w-node-_82f2ea16-b583-a841-82da-feb7ba057b7c-583aa528, #w-node-afa26ba0-c58b-cb2e-c8ad-5a2d7e2eea13-583aa528, #w-node-_76ebc02a-bc59-c9d6-66cd-0a6b4c414625-583aa528, #w-node-_1ea17b87-b42b-8fe7-13a2-826001f29cb2-583aa528 {
place-self: center;
}
#w-node-_630d5754-7bda-8ee2-2cbc-7f6f28a2234d-583aa528, #w-node-_23e48fb1-0279-543d-19f7-adf77ffb55f8-583aa528, #w-node-d7e8af5a-f83e-7353-04ca-3daeda85b965-583aa528 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_44e2bc10-e807-ddb3-b7fb-32c02633f829-2633f820 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_44e2bc10-e807-ddb3-b7fb-32c02633f82b-2633f820 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_44e2bc10-e807-ddb3-b7fb-32c02633f832-2633f820 {
grid-area: 2 / 2 / 3 / 3;
}
}