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: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

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: 700
}

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: 400;
    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: 400;
    line-height: 1;
    font-family: webflow-icons!important
}

.w-icon-slider-right:before {
}

.w-icon-slider-left:before {
}

.w-icon-nav-menu:before {
}

* {
    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 * {
    :;:;}

@media screen and (max-width: 767px) {
    .w-layout-grid home-hql_grid {
        flex-direction: column;
        display: flex;
    }
}

.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: transparent!important
}

.w-code-block {
    margin: unset
}

pre.w-code-block code {
    all: inherit
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 10px;
    font-weight: 700
}

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
}

figcaption {
    text-align: center;
    margin-top: 5px
}

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: 700;
    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:-moz-placeholder,.w-select:-moz-placeholder {
    color: #999
}

.w-input::-moz-placeholder,.w-select::-moz-placeholder {
    color: #999;
    opacity: 1
}

.w-input::-webkit-input-placeholder,.w-select::-webkit-input-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: 400;
    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: 400;
    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: 400;
    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: 400;
    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;
    -ms-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 transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
    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: rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
    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 transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff rgba(255,255,255,0) rgba(255,255,255,0);
    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;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none!important
}

.w-background-video--control {
    background-color: transparent;
    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: transparent;
    tap-highlight-color: transparent;
    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: transparent;
    tap-highlight-color: transparent;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 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 rgba(51,51,51,.4)
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: rgba(34,34,34,.4)
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    cursor: pointer;
    background-color: rgba(255,255,255,.4);
    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: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    -ms-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: rgba(0,0,0,.9);
    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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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: rgba(0,0,0,.4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 50%;
    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-x: auto;
    overflow-y: hidden
}

.w-lightbox-item {
    box-sizing: content-box;
    cursor: pointer;
    width: 10vh;
    padding: 2vh 1vh;
    display: inline-block;
    -webkit-transform: translate(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: translateY(-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    height: 100%;
    left: 50%;
    transform: translate(-50%)
}

.w-lightbox-spinner {
    box-sizing: border-box;
    border: 5px solid rgba(0,0,0,.4);
    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 transparent;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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: transparent;
    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: #fff;
    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: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-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)
    }

    to {
        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
}

.w-code-component>* {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

:root {
    --gray--900: #0d0c10;
    --gray--200: #e8e6f0;
    --gray--200\<deleted\|variable-0ae28b02\>: #ebebeb;
    --gray--100\<deleted\|variable-6b86f9b4\>: #fafafa;
    --radius--8px: 8px;
    --gray--600: #2e2c3a;
    --gray--100: #f4f3f8;
    --gray--900\<deleted\|variable-927f5057\>: #080808;
    --gray--700-701\<deleted\|variable-c16b42e1\>: #344256;
    --gray--800: #1b1921;
    --main--transparent: transparent;
    --radius--24px: 24px;
    --radius--6px: 6px;
    --yellow--dark: #ffe785;
    --main--white: white;
    --opacity-light--24\<deleted\|variable-7e251eb3-7bd3-6542-7cb5-2f84c6d73f3a\>: rgba(255,255,255,.24);
    --gray--500: #52505f;
    --radius--40px: 40px;
    --radius--12px: 12px;
    --purple--dark: #9585ff;
    --gray--400: #878493;
    --radius--16px: 16px;
    --red--dark: #ff8585;
    --card\<deleted\|variable-d9b27f0e-b9c2-47a4-1a18-1490b683bf53\>: #17161d;
    --blue--dark: #85c6ff;
    --pink--dark: #ff85d6;
    --opacity-light--80\<deleted\|variable-d30f551c-507b-38a5-0787-194aa4916fde\>: rgba(255,255,255,.8);
    --radius--32px: 32px;
    --gray--300: #c8c6d3;
    --radius--4px: 4px;
    --gray--700: #201e28;
    --radius--10px: 10px;
    --blue--light: #ebf5ff;
    --purple--light: #edebff;
    --pink--light: #ffebf8;
    --radius--20px: 20px;
    --main--black: black;
    --opacity-light--64\<deleted\|variable-14eb158b-49e1-8df0-294d-77214633aa02\>: rgba(255,255,255,.64);
    --blue--base: #c2e1ff;
    --purple--base: #cac2ff;
    --pink--base: #ffc2eb;
    --yellow--base: #fff3c2;
    --red--base: #ffc2c2;
    --yellow--light: #fffbeb;
    --red--light: #ffebeb
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.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
}

body {
    color: var(--gray--900);
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

h1 {
    color: var(--gray--900);
    letter-spacing: -.02em;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 1.2
}

h2 {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2
}

h3 {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 1.2
}

h4 {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.25
}

h5 {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3
}

h6 {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4
}

p {
    margin-bottom: 0
}

a {
    color: var(--gray--200);
    text-decoration: none
}

ul {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 40px;
    font-size: 16px;
    line-height: 32px
}

ol {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 40px;
    font-size: 16px
}

img {
    max-width: 100%;
    display: inline-block
}

blockquote {
    border: 1px solid var(--gray--200\<deleted\|variable-0ae28b02\>);
    background-color: var(--gray--100\<deleted\|variable-6b86f9b4\>);
    border-radius: 12px;
    margin-top: 16px;
    margin-bottom: 40px;
    padding: 24px 32px;
    font-size: 18px;
    line-height: 32px
}

.template-section {
    color: #080808;
    padding: 60px 5%;
    font-family: Inter,sans-serif
}

.paragraph-regular {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px
}

.template-typography-block {
    border-bottom: 1px solid var(--gray--200\<deleted\|variable-0ae28b02\>);
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex
}

.button-primary {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--8px);
    background-color: var(--gray--900);
    color: #fff;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;

    text-decoration: none;
    transition: background-color .3s
}

.button-primary:hover {
    background-color: var(--gray--600)
}

.button-primary.righ-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-right: 8px;
    text-decoration: none;
    display: flex
}

.button-primary.left-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-left: 8px;
    display: flex
}

.button-primary.only-icon {
    padding-left: 8px;
    padding-right: 8px
}

.template-line {
    background-color: var(--gray--200\<deleted\|variable-0ae28b02\>);
    width: 100%;
    height: 1px;
    margin-top: 32px;
    margin-bottom: 32px
}

.template-toast {
    grid-column-gap: 24px;
    grid-row-gap: 8px;
    background-color: var(--gray--100);
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 32px;
    padding: 24px 60px 24px 24px;
    font-size: 16px;
    line-height: 32px;
    display: flex
}

.template-typography-detail {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 32px;
    display: flex
}

.paragraph-large {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px
}

.button-outline {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--8px);
    box-shadow: 0 1px 1px 0 rgba(13,12,16,.04),0 0 0 1px var(--gray--200);
    color: var(--gray--900);
    text-align: center;
    background-color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.button-outline:hover {
    background-color: var(--gray--100);
    box-shadow: 0 1px 1px 0 rgba(13,12,16,.04),0 0 0 1px var(--gray--100)
}

.button-outline.right-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-right: 8px
}

.button-outline.left-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    padding-left: 8px
}

.button-outline.only-icon {
    padding-left: 8px;
    padding-right: 8px
}

.paragraph-small {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 20px
}

.paragraph-style-wrap {
    max-width: 560px
}

.button-icon {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex
}

.template-detail-small {
    z-index: -1;
    background-color: var(--gray--100);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.container-large {
    z-index: 2;
    width: 100%;
    max-width: 1136px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.template-class-svg {
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex
}

.container-small {
    z-index: 2;
    width: 100%;
    max-width: 848px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.template-class {
    grid-column-gap: 4px;
    background-color: #393b6a;
    border-radius: 8px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 4px;
    padding: 5px;
    display: flex
}

.container-x-small {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.container-regular {
    z-index: 2;
    width: 100%;
    max-width: 944px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.template-container {
    grid-row-gap: 24px;
    grid-template-columns: 1fr
}

.template-class-detail {
    color: #080808;
    text-align: center;
    background-color: #f8d8b2;
    border-radius: 4px;
    padding: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: inline-block
}

.template-container-wrapper {
    justify-content: center;
    align-items: stretch;
    height: 140px;
    display: flex;
    position: relative
}

.template-container-wrapper.template-example-960px {
    width: 100%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.template-container-wrapper.template-example-1140px {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

.template-container-wrapper.template-example-840px {
    width: 100%;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto
}

.template-class-icon {
    background-color: #6b7094;
    border-radius: 4px;
    padding: 6px;
    display: inline-block
}

.template-class-badge {
    color: #fff;
    text-align: center;
    background-color: #0f6ef3;
    border-radius: 4px;
    padding: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    display: inline-block
}

.container-x-large {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.section-x-large {
    padding: 144px 40px;
    position: relative
}

.section-large {
    padding: 40px;
    position: relative
}

.section-regular {
    padding: 96px 40px;
    position: relative
}

.section-small {
    padding: 64px 5%;
    position: relative;
}

.section-x-small {
    padding: 48px 5%;
    position: relative
}

.template-button-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex
}

.template-class-base {
    background-color: #f3f5fb;
    align-items: center;
    width: 100%
}

.margin-bottom-16 {
    margin-bottom: 16px
}

.template-table-cell {
    justify-content: flex-start;
    display: flex
}

.margin-bottom-04 {
    margin-bottom: 4px
}

.margin-bottom-28 {
    margin-bottom: 28px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-80 {
    margin-bottom: 80px
}

.margin-bottom-32 {
    margin-bottom: 32px
}

.margin-bottom-36 {
    margin-bottom: 36px
}

.margin-bottom-96 {
    margin-bottom: 96px
}

.margin-bottom-12 {
    margin-bottom: 12px
}

.template-table-wrapper {
    width: 100%
}

.margin-bottom-56 {
    margin-bottom: 56px
}

.margin-bottom-24 {
    margin-bottom: 24px
}

.margin-bottom-48 {
    margin-bottom: 48px
}

.template-table-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-bottom: 1px solid #e9ecf0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center
}

.margin-bottom-64 {
    margin-bottom: 64px
}

.margin-bottom-40 {
    margin-bottom: 40px
}

.margin-bottom-08 {
    margin-bottom: 8px
}

.margin-bottom-44 {
    margin-bottom: 44px
}

.margin-bottom-72 {
    margin-bottom: 72px
}

.margin-bottom-88 {
    margin-bottom: 88px
}

.icon-regular {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: color .2s;
    display: flex
}

.h5-heading {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3
}

.template-typography-wrapper {
    flex-direction: column
}

.sub-heading-large {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    margin-top: 20px;
    line-height: 1.35
}

.sub-heading-regular {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4
}

.sub-heading-small {
    color: var(--gray--900);
    letter-spacing: -.01em;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5
}

.template-interaction {
    grid-row-gap: 16px;
    background-color: var(--gray--100);
    text-align: center;
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 14px;
    display: flex
}

.template-accent {
    width: 100%;
    max-width: 320px
}

.template-detail {
    color: #6b7094;
    font-weight: 500
}

.template-wrapper {
    background-color: #fff;
    border-radius: 12px;
    flex-direction: column;
    align-items: flex-start;
    padding: 44px
}

.template-link-dark {
    color: var(--gray--900\<deleted\|variable-927f5057\>);
    text-decoration: underline
}

.template-content {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.template-update {
    color: #020e27;
    letter-spacing: -.03em;
    background-color: #fff;
    border: 1px solid #e4e8f1;
    margin-bottom: 24px;
    padding: 4px 16px;
    font-weight: 500
}

.template-page-wrapper {
    font-family: Inter,sans-serif
}

.template-icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.template-toast-square {
    color: var(--gray--700-701\<deleted\|variable-c16b42e1\>);
    background-color: #fff;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    display: flex;
    box-shadow: 0 1px .5px rgba(59,59,59,.12)
}

.template-type-badge {
    background-color: var(--gray--100\<deleted\|variable-6b86f9b4\>);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    display: flex
}

.template-typography-styles {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.template-content-block {
    border-radius: 16px;
    padding: 44px
}

.rich-text-block h2 {
    margin-bottom: 10px
}

.rich-text-block p {
    margin-bottom: 24px
}

.rich-text-block h3,.rich-text-block h5,.rich-text-block h4,.rich-text-block h6 {
    margin-bottom: 10px
}

.rich-text-block img {
    border: 1px solid var(--gray--200\<deleted\|variable-0ae28b02\>);
    border-radius: 12px
}

.template-section-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-bottom: 32px;
    display: flex;
    position: relative
}

.template-section-detail {
    z-index: -2;
    background-color: var(--gray--100);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%
}

.template-image-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    display: flex
}

.license-image {
    object-fit: cover;
    height: 200px
}

.template-icon-block {
    background-color: var(--gray--100\<deleted\|variable-6b86f9b4\>);
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    display: flex
}

.template-icon-block.bold {
    font-weight: 600
}

.template-flex-wrapper {
    align-items: flex-start;
    display: flex
}

.template-link-wrapper {
    grid-column-gap: 16px;
    color: var(--gray--800);
    letter-spacing: -.02em;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    align-items: center;
    padding: 8px 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: flex
}

.template-link-wrapper.w--current {
    background-color: var(--gray--100)
}

.template-main {
    width: 100%
}

.template-content-section {
    margin-bottom: 64px
}

.template-side-menu {
    grid-row-gap: 12px;
    border-radius: 4px;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 320px;
    margin-right: 5%;
    padding: 8px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 32px
}

.icon-x-large {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: color .2s;
    display: flex
}

.template-link {
    color: var(--gray--900\<deleted\|variable-927f5057\>);
    font-weight: 700
}

.text-weight-black {
    font-weight: 900
}

.text-weight-bold {
    font-weight: 700
}

.text-weight-semi-bold {
    font-weight: 600
}

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

.text-weight-normal {
    font-weight: 400
}

.text-weight-light {
    font-weight: 300
}

.text-weight-thin {
    font-weight: 100
}

.template-interaction-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    border: 1px solid var(--gray--200\<deleted\|variable-0ae28b02\>);
    border-radius: 16px;
    flex-direction: column;
    padding: 44px;
    display: flex
}

.h1-heading {
    color: black;
    letter-spacing: -.02em;
    font-size: 51px;
    font-weight: 600;
    line-height: 1.2
}

.h2-heading {
    color: #20143c;
    letter-spacing: -.01em;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 41px;
    font-weight: 600;
    line-height: 1.2
}

.h3-heading {
    color: #20143c;
    letter-spacing: -.01em;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 37px;
    font-weight: 600;
    line-height: 1.2
}

.h4-heading {
    color: var(--gray--900);
    letter-spacing: -.01em;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.25
}

.h6-heading {
    color: var(--gray--900);
    letter-spacing: -.01em;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
    color: #2d2c2a;
}

.label-large {
    font-size: 16px;
    font-weight: 500;
        line-height: 1.2;
}

.label-regular {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.label-small {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.navigation-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1136px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.navigation-left {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.navigation-right {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

.navbar {
    background-color: var(--main--transparent);
    padding: 28px 3%
}

.nav-link {
    border-radius: var(--radius--8px);
    text-align: center;
    padding: 8px 12px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    transition: all .3s
}

.nav-link:hover {
    box-shadow: 0 0 0 1px var(--gray--200),0 1px 1px 0 rgba(13,12,16,.04)
}

.nav-link.w--current {
    /* box-shadow: 0 1px 1px 0 rgba(13,12,16,.04),0 0 0 1px var(--gray--200); */
    color: #ffffff;
}

.navigation-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;

}

.button-ghost {
    border-radius: var(--radius--8px);
    background-color: var(--main--transparent);
    color: var(--gray--900);
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s
}

.button-ghost:hover {
    background-color: var(--gray--100)
}

.button-ghost.right-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    padding-right: 8px;
    display: flex
}

.button-ghost.left-icon {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    display: flex
}

.button-ghost.only-icon {
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    display: flex
}

.page-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 17px;
    flex-flow: column;

    overflow: hidden
}

.contact-header {
    z-index: 2;
    padding-left: 8px;
    padding-right: 8px;
    position: relative
}

.hero-container {
    border-radius: var(--radius--24px);
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    overflow: hidden
}

.grid-two-column {
    grid-column-gap: 15px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    align-self: stretch
}

.hero-content {
    grid-column-gap: 104px;
    grid-row-gap: 104px;
    flex-flow: column;
    padding-top: 96px;
    padding-bottom: 140px;
    display: flex
}

.hero-heading {
    grid-column-gap: 48px;
    grid-row-gap: 27px;
    flex-flow: column;
    display: flex
}

.wrap-v-regular {
    grid-column-gap: 16px;
    grid-row-gap: 25px;
    flex-flow: column;
    align-self: stretch;
    display: flex
}

.align-v-left {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.badge {
    border-radius: var(--radius--6px);
    background-color: #c1ff71;
    color: #000000;
    padding: 2px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: .3rem 1.2rem;
}

.max-width-small {
    max-width: 374px;
}

.hero-image-wrapper {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative
}

.background-gradient {
    z-index: -1;
    pointer-events: none;
    width: 1594px;
    max-width: none;
    height: 1340px;
    position: absolute;
    left: -40%
}

.hero-character {
    z-index: 2;
    position: relative
}

.character-shadow {
    z-index: 0;
    opacity: .8;
    pointer-events: none;
    max-width: none;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto
}

.background-pattern {
    z-index: 0;
    pointer-events: none;
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583af7_Seperator%20Top.svg),url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583af6_Seperator%20Bottom.svg);
    background-position: 100% 0,100% 100%;
    background-repeat: no-repeat,no-repeat;
    background-size: auto,auto;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.background-pattern-image {
    object-fit: cover;
    height: 100%
}

.character-wrapper {
    justify-content: center;
    align-items: center;
    margin-left: -32px;
    margin-right: -6%;
    display: flex;
    position: relative
}

.hero-cloud {
    z-index: 3;
    position: absolute;
    top: 34px;
    right: 32px;
    transform: rotate(12deg)
}

.ui-card {
    z-index: 3;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--main--white);
    box-shadow: 0 0 0 4px var(--opacity-light--24\<deleted\|variable-7e251eb3-7bd3-6542-7cb5-2f84c6d73f3a\>),0 30px 52px 0 rgba(69,65,113,.24);
    border-radius: 20px;
    flex-flow: column;
    max-width: 216px;
    padding: 7px;
    display: flex;
    position: absolute;
    top: auto;
    left: 4%;
    right: auto;
    transform: rotate(-5deg)
}

.wrap-h-regular {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex
}

.ui-text {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: column;
    flex: 1;
    display: flex
}

.text-gray-500 {
}

.ui-divider {
    align-items: center;
    width: 100%;
    height: 2px;
    display: flex
}

.ui-image {
    flex: none;
    width: 46px;
    max-width: none;
    height: 46px
}

.ui-progress-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex
}

.ui-progress-text {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.ui-progress-back {
    z-index: 0;
    border-radius: var(--radius--40px);
    opacity: .24;
    pointer-events: none;
    background-image: linear-gradient(135deg,#fff385,#ff8bc1 50%,rgba(169,129,255,.92));
    height: 100%;
    position: relative
}

.ui-progress-front {
    z-index: 2;
    border-radius: var(--radius--40px);
    background-image: linear-gradient(135deg,#fff385,#ff8bc1 50%,rgba(169,129,255,.92));
    width: 62%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto
}

.ui-progress-bar {
    border-radius: var(--radius--40px);
    height: 6px;
    position: relative;
    overflow: hidden
}

.ui-card-small {
    z-index: 3;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--main--white);
    box-shadow: 0 0 0 4px var(--opacity-light--24\<deleted\|variable-7e251eb3-7bd3-6542-7cb5-2f84c6d73f3a\>),0 30px 52px 0 rgba(69,65,113,.24);
    border-radius: 20px;
    flex-flow: column;
    padding: 8px;
    display: flex;
    position: absolute;
    top: auto;
    top: -4%;
    left: auto;
    right: 2%;
    transform: rotate(6deg);
}

.ui-card-small.culture {
    top: auto;
    bottom: 13%;
    left: -20%;
    right: auto;
    transform: none
}

.ui-icon {
    background-image: linear-gradient(135deg,rgba(255,243,133,.12),rgba(255,139,193,.12) 35%,rgba(169,129,255,.11));
    border: 1px solid rgba(255,139,193,.16);
    border-radius: 99px;
    flex: none;
    padding: 12px
}

.wrap-v-x-small {
    grid-column-gap: 8px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex
}

.wrap-v-x-small.align-v-center {
    text-align: center;
    justify-content: flex-start;
    align-items: center
}

.hero-form {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 368px;
    display: flex
}

.form-block {
    margin-bottom: 0
}

.form-block.contact {
    width: 100%;
    max-width: 400px
}

.docked-form {
    position: relative
}

.docked-button {
    border-radius: var(--radius--8px);
    background-color: var(--gray--900);
    color: var(--main--white);
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: auto;
    right: 4px
}

.docked-text-field {
    border: 1px solid var(--gray--200);
    border-radius: var(--radius--12px);
    background-color: var(--main--white);
    color: var(--gray--900);
    min-height: 44px;
    margin-bottom: 0;
    padding: 10px 172px 10px 16px;
    font-size: 14px;
    line-height: 24px
}

.docked-text-field:focus {
    border-color: var(--purple--dark)
}

.docked-text-field::placeholder {
    color: var(--gray--400)
}

.wrap-h-small {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex
}

.align-h-center {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.customer-avatar {
    border: 1px solid var(--gray--200);
    background-color: var(--main--white);
    border-radius: 99px;
    width: 48px;
    height: 48px;
    margin-left: -8px;
    overflow: hidden
}

.hero-avatar-wrapper {
    justify-content: flex-start;
    align-items: center;
    padding-left: 8px;
    display: flex
}

.heading-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    margin-bottom: 48px
}

.heading-grid.margin-bottom-80 {
    margin-bottom: 80px
}

.heading-text-small {
    grid-column-gap: 16px;
    grid-row-gap: -1px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 340px;
    display: flex
}

.customer-logo-master {
    grid-column-gap: 0px;

    flex-flow: column;
    display: flex
}

.svg {
    justify-content: center;
    align-items: center;
    display: flex;
}

.title-wrapper-small {
    grid-column-gap: 16px;
    grid-row-gap: 23px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 574px;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.title-wrapper-small.margin-bottom-80 {
    margin-bottom: 80px
}

.title-wrapper-small.margin-bottom-56 {
    margin-bottom: 56px
}

.grid-three-column {
    z-index: 2;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-self: stretch
}

.holder {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.holder.service {
    max-width: 476px;
    margin-left: auto;
    margin-right: auto
}

.gradient {
    z-index: -1;
    pointer-events: none;
    max-width: none;
    position: absolute
}

.gradient.benefits {
    opacity: 0.46;
    pointer-events: none;
    width: 1560px;
    max-width: none;
    height: 1536px;
}

.gradient.faq {
    opacity: .56;
    width: 1760px
}

.gradient.value {
    opacity: .72;
    width: 2160px
}

.gradient.service {
    opacity: .72;
    width: 1424px
}

.gradient.main {
    z-index: 0;
    opacity: .56;
    width: 1996px;
    top: 20%
}

.gradient.contact {
    z-index: -1;
    opacity: .8;
    pointer-events: none;
    width: 1560px;
    height: 1456px
}

.gradient.contact-hero {
    z-index: 0;
    opacity: .56;
    width: 1996px;
    top: 20%
}

.gradient.register {
    z-index: 0;
    opacity: .48;
    width: 1996px;
    top: 28%
}

.gradient.feature {
    opacity: .72;
    width: 1672px
}

.gradient.blog {
    opacity: .72;
    width: 1760px
}

.gradient.customer {
    opacity: .72;
    width: 1944px
}

.gradient.popular {
    opacity: .64;
    width: 1672px;
    top: -60%;
    left: -100%
}

.gradient.post {
    opacity: .4;
    width: 1616px
}

.dashboard-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    flex-flow: column;
    padding-bottom: 20px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    box-shadow: 0 20px 56px rgba(69,65,113,.16);
    flex-direction: column-reverse;
}

.dashboard-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    margin-top: -40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: relative
}

.element {
    margin-left: auto;
    margin-right: auto
}

.image {
    width: 100%;
}

.dashboard-image {
    aspect-ratio: 3.52/2.48;
    border-radius: var(--radius--16px);
    overflow: hidden
}

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

.tool-icon {

    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    flex: none;
    background-color: #564481;
    justify-content: center;
    align-self: center;

    width: 44px;
    height: 44px;
    display: flex
}

.embed {
    display: none
}

.feature-content {
    grid-column-gap: 40px;
    grid-row-gap: 26px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 464px;
    display: flex;
    position: relative;
}

.badge-outline {
    border-radius: var(--radius--6px);
    background-color: #ffe785;
    box-shadow: 0 1px 1px 0 rgba(13,12,16,.04),0 0 0 1px var(--gray--200);
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.text-gray-400 {
    color: var(--gray--400)
}

.wrap-v-large {
    grid-column-gap: 24px;
    grid-row-gap: 1px;
    flex-flow: column;
    align-self: stretch;
    display: flex
}

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

.wrap-v-small {
    grid-column-gap: 12px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex
}

.wrap-h-x-small {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex
}

.feature-element {
    pointer-events: none;
    position: absolute;
    bottom: 70px;
    right: 8px
}

.image-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.feature-card {
    z-index: 2;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    flex-flow: column;
    width: 100%;
    max-width: 368px;
    padding: 8px 8px 20px;
    display: flex;
    position: relative;
    box-shadow: 0 20px 56px rgba(69,65,113,.16)
}

.feature-card-bar {
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    display: flex
}

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

.dot-group.none {
    opacity: 0
}

.dot {
    border-radius: var(--radius--8px);
    background-color: var(--red--dark);
    border: 1px solid rgba(24,24,27,.08);
    width: 8px;
    height: 8px
}

.dot.orange {
    background-color: #ffce85
}

.dot.green {
    background-color: #c6ff85
}

.search-bar {
    background-color: var(--gray--100);
    letter-spacing: .01px;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    padding: 4px 20px 4px 16px;
    font-size: 11px;
    line-height: 16px;
    display: flex
}

.feature-image {
    aspect-ratio: 3.52/3.96;
    border-radius: var(--radius--16px);
    background-color: #f4f3f8;
    overflow: hidden
}

.customer-container {
    border-radius: var(--radius--24px);
    background-color: #080415;
    color: var(--main--white);
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b17_Customer%20Patttern.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 1424px;
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;

}

.text-white {
    color: var(--main--white)
}

.title-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 752px;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.customer-card {
    border-radius: var(--radius--24px);
    background-color: var(--card\<deleted\|variable-d9b27f0e-b9c2-47a4-1a18-1490b683bf53\>);
    padding: 8px 8px 24px
}

.customer-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-radius: var(--radius--16px);
    background-color: #090612;
    flex-flow: column;
    padding: 24px;
    display: flex
}

.rating-stars {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    color: var(--yellow--dark);


    display: flex;
    margin-bottom: 20px;
}

.rating-stars.blue {
    color: var(--blue--dark)
}

.rating-stars.pink {
    color: var(--pink--dark)
}

.rating-stars.purple {
    color: var(--purple--dark)
}

.customer-divider {
    align-items: center;
    width: 100%;
    height: 2px;
    display: flex
}

.text-link {
    color: var(--main--white);
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s
}

.text-link:hover {
    color: var(--opacity-light--80\<deleted\|variable-d30f551c-507b-38a5-0787-194aa4916fde\>)
}

.customer-element {
    flex: none;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: 32px;
    left: -120px
}

.customer-element.right {
    left: auto;
    right: -120px
}

.cta-container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    border-radius: var(--radius--32px);
    background-color: var(--gray--900);
    color: var(--main--white);
    text-align: center;
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b19_CTA%20Pattern.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 944px;
    flex-flow: column;
    width: 100%;
    max-width: 1010px;
    margin: 144px auto;
    padding-bottom: 64px;
    padding-left: 40px;
    padding-right: 40px
}

.cta-content {
    grid-column-gap: 40px;
    grid-row-gap: 22px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.cta-logo {
    margin-top: -40px;
    margin-bottom: 64px;
}

.text-gray-300 {
    color: var(--gray--300)
}

.cta-detail {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
    er; */ display: flex
}

.cta-dot {
    border-radius: var(--radius--4px);
    background-color: var(--gray--500);
    width: 4px;
    height: 4px
}

.button-secondary-large {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--8px);
    background-color: var(--main--white);
    color: var(--gray--900);
    text-align: center;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: all .5s cubic-bezier(.6,.6,0,1);
    display: flex
}

.button-text {
    color: rgba(13,12,16,.64)
}

.strong-text {
    color: var(--gray--900);
    font-weight: 500
}

.faq-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.tabs-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr ;
    grid-auto-columns: 1fr;
    margin-bottom: 40px;
    display: grid
}

.tabs {
    z-index: 2;
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto
}

.tab-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1.5px solid var(--main--white);
    border-radius: var(--radius--12px);
    background-color: var(--main--white);
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    font-family: Bricolage Grotesque,sans-serif;
    font-size: 20px;
    line-height: 24px;
    transition: all .3s;
    display: flex;
    box-shadow: 0 12px 48px -12px rgba(69,65,113,.16);
}

.tab-link.w--current {
    border-color: var(--purple--dark);
    background-color: var(--main--white)
}

.tab-icon {
    color: var(--purple--dark)
}

.faq-item {
    flex-flow: column;
    width: 100%;
    position: relative;
    overflow: hidden
}

.faq-toggle {
    width: 100%;
    padding: 12px 40px 12px 0;
    position: static
}

.faq-title {
    white-space: normal;
    max-width: 480px
}

.faq-list {
    z-index: 2;
    background-color: var(--main--transparent);
    padding-right: 40px;
    display: block;
    position: relative
}

.faq-content {
    max-width: 480px;
    margin-top: -8px
}

.faq-icon-holder {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.faq-divider {
    align-items: center;
    width: 100%;
    height: 2px;
    display: flex
}

.faq-element {
    flex: none;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 64px;
    left: -25px;
}

.faq-element.right {
    top: auto;
    bottom: 110px;
    left: auto;
    right: -10px;
}

.background {
    z-index: 0;
    border-radius: var(--radius--24px);
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.background.pricing {
    bottom: 410px
}

.background.about {
    bottom: 96px
}

.section-footer {
    z-index: 2;
    padding-bottom: 8px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative
}

.footer-container {
    border-radius: var(--radius--24px);
    background-color: #090616;
    color: var(--main--white);
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b40_Footer.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1424px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;
    padding: 120px 40px 40px;
    display: flex
}

.footer-card {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 280px;
    display: flex
}

.footer-separator {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    margin-bottom: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex
}

.separator-line {
    background-color: var(--gray--700);
    flex: 1;
    height: 1px
}

.separator-dot {
    border-radius: var(--radius--10px);
    background-color: var(--gray--700);
    flex: none;
    width: 4px;
    height: 4px
}

.newsletter-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 944px;
    margin-left: auto;
    margin-right: auto;
    display: grid
}

.footer-text-field {
    border: 1px solid var(--gray--700);
    border-radius: var(--radius--12px);
    background-color: var(--gray--900);
    color: var(--main--white);
    min-height: 44px;
    margin-bottom: 0;
    padding: 10px 172px 10px 16px;
    font-size: 14px;
    line-height: 24px
}

.footer-text-field::placeholder {
    color: var(--gray--400)
}

.newsletter-button {
    border-radius: var(--radius--8px);
    background-color: var(--purple--dark);
    color: var(--main--white);
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: auto;
    right: 4px
}

.footer-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1.5fr 1fr 1fr 1fr
}

.main-column {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.link-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.footer-link {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: var(--gray--400);
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex
}

.footer-link:hover {
    color: var(--gray--200)
}

.link-badge {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--main--white);
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    display: flex
}

.max-width-medium {
    max-width: 560px
}

.about-element {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 52px;
    bottom: auto;
    left: -112px;
    right: auto
}

.about-element.right {
    top: auto;
    bottom: 36px;
    left: auto;
    right: -80px
}

.about-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.about-card {
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    width: 100%;
    max-width: 368px;
    padding: 8px 8px 24px;
    box-shadow: 0 16px 56px -12px rgba(69,65,113,.16)
}

.about-image {
    aspect-ratio: 1;
    border-radius: var(--radius--16px);
    background-color: var(--blue--light);
    overflow: hidden
}

.about-image.purple {
    background-color: var(--purple--light)
}

.about-image.pink {
    background-color: var(--pink--light)
}

.heading-wrapper {
    max-width: 879px;
    margin-left: auto;
    margin-right: auto
}

.heading-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 388px;
    display: flex
}

.number-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: var(--radius--16px);
    justify-content: center;
    align-items: center;
    display: flex
}

.number {
    grid-column-gap: 12px;
    grid-row-gap: 26px;
    flex-flow: column;
    flex: 1;
    border: 2px solid #504f4e;
    border-radius: 55px;
    padding: 40px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column-reverse;
}

.number-badge {
    border-radius: var(--radius--6px);
    background-color: var(--gray--100);
    text-align: center;
    text-transform: uppercase;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    font-weight: bold;
}

.number-divider {
    background-color: var(--gray--200);
    width: 1px;
    height: 88px
}

.value-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 32px 28px;
    display: flex;
    box-shadow: 0 20px 56px -12px rgba(69,65,113,.16)
}

.culture-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    max-width: 368px;
    display: flex
}

.culture-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    flex-flow: column;
    width: 100%;
    max-width: 368px;
    padding: 8px 8px 24px;
    display: flex;
    box-shadow: 0 20px 56px rgba(69,65,113,.16)
}

.culture-image {
    aspect-ratio: 3.52/4.4;
    border-radius: var(--radius--16px);
    background-color: var(--gray--100);
    overflow: hidden
}

.service-card {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    border-radius: var(--radius--20px);
    background-color: var(--main--white);
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px;
    display: flex;
    box-shadow: 0 12px 56px -12px rgba(69,65,113,.16)
}

.our-story {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.pricing-tab {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 944px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.pricing-menu {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border-radius: var(--radius--12px);
    background-color: var(--main--white);
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
    padding: 4px;
    display: flex;
    box-shadow: 0 1px 1px rgba(13,12,16,.04),0 8px 32px -6px rgba(69,65,113,.16)
}

.tabs-content {
    align-self: stretch;
    overflow: visible
}

.pricing-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--6px);
    background-color: var(--main--white);
    color: var(--gray--400);
    text-align: center;
    justify-content: center;
    align-items: center;
    min-width: 130px;
    padding: 8px 16px;
    display: flex
}

.pricing-link.w--current {
    background-color: var(--gray--900);
    color: var(--main--white);
    box-shadow: 0 2px 6px rgba(27,28,29,.02),0 6px 10px rgba(27,28,29,.06)
}

.tab-badge {
    border-radius: var(--radius--8px);
    background-color: var(--gray--600);
    color: var(--main--white);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
    font-weight: 500;
    line-height: 20px
}

.pricing-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    flex-flow: column;
    padding: 8px;
    display: flex;
    box-shadow: 0 12px 80px -12px rgba(69,65,113,.12)
}

.pricing-banner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: var(--radius--16px);
    background-color: var(--gray--900);
    color: var(--main--white);
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b20_Banner%20Pattern.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 928px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
    display: flex
}

.price {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex
}

.discount {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--main--black);
    border-radius: var(--radius--10px);
    background-color: var(--gray--700);
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    display: flex
}

.text-light-64 {
    color: var(--opacity-light--64\<deleted\|variable-14eb158b-49e1-8df0-294d-77214633aa02\>)
}

.old-price-text {
    color: var(--gray--400);
    font-size: 12px;
    line-height: 20px;
    text-decoration: line-through
}

.pricing-grid {
    grid-template-rows: auto
}

.wrap-v-x-large {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex
}

.pricing-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    width: 100%;
    max-width: 424px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex
}

.pricing-feature {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.pricing-divider {
    align-items: center;
    width: 100%;
    height: 2px;
    display: flex
}

.pricing-avatar {
    border: 1px solid var(--gray--200);
    background-color: var(--main--white);
    border-radius: 99px;
    flex: none;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.text-purple-dark {
    color: var(--purple--dark)
}

.pricing-form {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    border-radius: var(--radius--16px);
    background-color: var(--gray--100);
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b36_Pricing%20Form%20Pattern.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 398px;
    flex-flow: column;
    padding: 40px;
    display: flex
}

.input {
    margin-bottom: 16px
}

.field-label {
    margin-bottom: 6px;
    padding-left: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px
}

.text-field {
    background-color: var(--main--white);
    border-radius: 12px;
    margin-bottom: 0;
    padding: 8px 12px;
    box-shadow: 0 0 0 1px rgba(13,12,16,.04),0 1px 1px rgba(13,12,16,.06)
}

.text-field:active {
    box-shadow: 0 0 0 1px rgba(13,12,16,.04),0 1px 1px rgba(13,12,16,.16)
}

.text-field:focus {
    box-shadow: 0 0 0 1px var(--purple--dark),0 1px 1px 0 rgba(13,12,16,.06)
}

.text-field::placeholder {
    color: var(--gray--400)
}

.text-field.text-area {
    min-height: 124px
}

.form-button {
    flex-flow: column;
    margin-top: 24px;
    display: flex
}

.pricing-text {
    text-align: center;
    max-width: 380px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto
}

.base-container {
    border-radius: var(--radius--24px);
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 96px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative
}

.team-client {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 72px;
    display: flex
}

.client-logo-group {
    grid-column-gap: 9px;
    grid-row-gap: 48px;
    justify-content: center;
    align-items: center;
    display: flex
}

.client-logo {
    justify-content: center;
    align-items: center;
    width: 173px;
    height: 76px;
    display: flex
}

.price-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    flex: none;
    width: 100%;
    max-width: 224px;
    display: flex
}

.contact-feature {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    display: flex
}

.contact-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px 28px;
    display: flex;
    box-shadow: 0 20px 56px -12px rgba(69,65,113,.16)
}

.contact-divider {
    align-items: center;
    width: 100%;
    height: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

.main-container {
    border-radius: var(--radius--24px);
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;
    padding: 96px 40px;
    position: relative
}

.forum-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.checkbox {
    background-color: var(--main--white);
    border-style: none;
    border-radius: 3px;
    flex: none;
    width: 16px;
    height: 16px;
    margin: 4px 10px 4px 4px;
    box-shadow: 0 0 0 1px rgba(13,12,16,.04),0 1px 1px rgba(13,12,16,.08)
}

.checkbox.w--redirected-checked {
    background-color: var(--purple--dark);
    background-size: 12px;
    border-style: none;
    border-radius: 3px
}

.checkbox-field {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
    display: flex
}

.contact-element {
    position: absolute;
    top: 104px;
    bottom: auto;
    left: 0%;
    right: auto
}

.contact-element.right {
    top: 400px;
    bottom: auto;
    left: auto;
    right: 0%
}

.account-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    max-width: 272px;
    padding-top: 88px;
    padding-bottom: 88px;
    display: flex
}

.account-content.small {
    grid-column-gap: 122px;
    grid-row-gap: 122px;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 0
}

.account-heading {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    flex-flow: column;
    display: flex
}

.account-divider {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--gray--400);
    justify-content: center;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    display: flex
}

.account-line {
    background-color: var(--gray--200);
    flex: 1;
    height: 1px
}

.account-line.dark {
    background-color: rgba(13,12,16,.08)
}

.form-forgot {
    justify-content: space-between;
    align-items: center;
    margin-top: -10px;
    display: flex
}

.forgot-link {
    color: var(--gray--900);
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none
}

.account-link {
    color: var(--gray--900);
    letter-spacing: -.09px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    transition: color .2s
}

.account-link:hover {
    color: var(--purple--dark)
}

.account-container {
    border-radius: var(--radius--24px);
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;
    padding: 96px 40px;
    position: relative
}

.utility-page-wrap {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    display: flex
}

.utility-page-content {
    z-index: 2;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 848px;
    margin-bottom: 0;
    display: flex;
    position: relative
}

._404-image {
    z-index: 2;
    position: relative
}

.utility-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 574px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

._404-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 290px;
    display: flex
}

._404-container {
    border-radius: var(--radius--24px);
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1424px;
    margin-left: auto;
    margin-right: auto;
    padding: 132px 40px;
    display: flex;
    position: relative
}

._404-container.password {
    min-height: 70vh;
    margin-top: 8px;
    margin-bottom: 8px
}

.digital-grid {
    z-index: 2;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.dashboard-grid {
    z-index: 2;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-self: stretch
}

.pricing-bg {
    z-index: -1;
    width: 100%;
    max-width: none;
    position: absolute;
    top: auto;
    bottom: 1%;
    left: auto;
    right: auto
}

.about-bg {
    z-index: -1;
    width: 100%;
    max-width: none;
    position: absolute;
    bottom: 0%
}

.contact-bg {
    z-index: -1;
    max-width: none;
    height: 764px;
    position: absolute;
    bottom: 0%
}

.account-bg {
    z-index: -1;
    width: 100%;
    max-width: none;
    position: absolute;
    bottom: 0%
}

.register-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 574px;
    margin-bottom: 44px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

._404-image-wrap {
    margin-left: -14px;
    position: relative
}

._404-shadow {
    max-width: none;
    position: absolute;
    top: 2px;
    bottom: auto;
    left: 14px;
    right: auto
}

.utility-page-form {
    flex-direction: column;
    align-items: stretch;
    display: flex
}

.hide {
    display: none
}

.password-input {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    margin-top: 30px;
    display: flex
}

.max-width-regular {
    max-width: 440px
}

.blog-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.blog-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    color: var(--gray--900);
    flex-flow: column;
    padding: 24px 8px;
    text-decoration: none;
    display: flex
}

.collection-list-wrapper {
    z-index: 2;
    align-self: stretch;
    position: relative
}

.blog-image {
    aspect-ratio: 2.52/2.48;
    border-radius: var(--radius--16px);
    overflow: hidden
}

.blog-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
    display: flex
}

.blog-text {
    font-size: 14px;
    line-height: 24px;
    color: black;
    margin-top: 20px;
}

.social-link {
    color: var(--gray--300);
    transition: color .3s
}

.social-link:hover {
    color: var(--gray--100)
}

.column-bottom {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 240px;
    display: flex
}

.post-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex
}

.author-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.avatar {
    border: 1px solid var(--gray--200);
    border-radius: 99px;
    flex: none;
    width: 48px;
    height: 48px;
    overflow: hidden
}

.author-detail {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.popular-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border-radius: var(--radius--24px);
    background-color: var(--main--white);
    color: var(--gray--900);
    flex-flow: column;
    max-width: 368px;
    padding: 24px 8px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 20px 56px -12px rgba(69,65,113,.16)
}

.button-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--gray--900);
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.button-link:hover {
    grid-column-gap: 10px;
    grid-row-gap: 10px
}

.rich-text {
    z-index: 2
}

.rich-text h3 {
    margin-top: 64px;
    margin-bottom: 20px
}

.rich-text p {
    color: var(--gray--600);
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 24px
}

.rich-text ul {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 64px;
    padding-left: 0;
    list-style-type: none;
    display: flex;
    overflow: visible
}

.rich-text li {
    border-radius: var(--radius--16px);
    background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b63_List%20Icon.svg);
    background-position: 24px;
    background-repeat: no-repeat;
    background-size: auto;
    padding: 24px 24px 24px 56px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    box-shadow: 0 1px 1px rgba(13,12,16,.08),0 0 0 1px rgba(13,12,16,.05)
}

.rich-text ol {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 64px;
    padding-left: 0;
    list-style-type: none;
    display: flex;
    overflow: visible
}

.rich-text figure {
    margin-bottom: 64px
}

.post {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: start;
    display: grid
}

.relative {
    z-index: 0;
    position: relative;
}

.post-element {
    position: absolute;
    top: 164px;
    bottom: auto;
    left: auto;
    right: 0%
}

.post-holder {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 40%;
    bottom: auto;
    left: 0%;
    right: 0%
}

.post-holder.bottom {
    justify-content: center;
    align-items: center;
    width: 100%;
    top: auto;
    bottom: 404px;
    left: auto;
    right: -190px
}

.side {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex
}

.post-divider {
    background-color: var(--gray--200);
    width: 100%;
    height: 1px
}

.post-form {
    width: 100%;
    max-width: 368px;
    margin-bottom: 0
}

.password-bg {
    z-index: -1;
    width: 100%;
    max-width: none;
    position: absolute
}

.error-message {
    background-color: var(--main--transparent);
    margin-top: 12px;
    padding: 0
}

.error-inner {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    display: flex
}

.success-message {
    border-radius: var(--radius--12px);
    background-color: var(--main--white);
    padding: 0;
    box-shadow: 0 20px 56px -12px rgba(69,65,113,.12)
}

.success-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--gray--900);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex
}

.nav-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex
}

.nav-menu-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: none
}

.header-title-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    display: flex
}

.testimonial-button-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.footer-legal {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 80px;
    display: flex
}

.span-link {
    color: var(--gray--200);
    text-decoration: none;
    transition: color .3s
}

.span-link:hover {
    color: var(--main--white)
}

.legal-link-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: center;
    align-items: center;
    display: flex
}

.legal-link {
    color: #878493;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s
}

.legal-link:hover {
    color: #c8c6d3
}

.customer-logo-row {
    grid-column-gap: 22px;
    grid-row-gap: 5px;
    flex-flow: wrap;

    align-items: center;
    display: flex
}

.background-2 {
    z-index: 0;
    pointer-events: none;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: hidden
}

.author-social-group {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    display: flex
}

.author-image {
    aspect-ratio: 3.52/2.48;
    border-radius: 16px;
    overflow: hidden
}

.about-author {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex
}

.author-social-link {
    color: #0d0c10;
    background-color: #f4f3f8;
    border-radius: 6px;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none
}

.author-content {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex
}

.author-badge {
    z-index: 5;
    text-align: center;
    background-color: #fff;
    border-radius: 40px;
    min-width: 112px;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    position: absolute;
    top: 64px;
    bottom: auto;
    left: -32px;
    right: auto;
    box-shadow: 0 8px 32px -6px rgba(69,65,113,.16),0 1px 1px rgba(13,12,16,.04)
}

.author-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.author-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: #0d0c10;
    background-color: #fff;
    border-radius: 24px;
    flex-flow: column;
    max-width: 368px;
    padding: 24px 8px;
    text-decoration: none;
    display: flex;
    position: relative;
    box-shadow: 0 20px 56px -12px rgba(69,65,113,.16)
}

.badge-gray {
    color: #0d0c10;
    background-color: #f4f3f8;
    border-radius: 15px;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px
}

.comma {
    margin-left: -4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.number-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 96px
}

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

.author-role-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex
}

.contact-detail-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex
}

@media screen and (max-width: 991px) {
    .template-typography-block {
        flex-direction:column;
        align-items: flex-start
    }

    .button-primary {
        display: flex
    }

    .template-typography-detail {
        margin-bottom: 16px
    }

    .section-x-large,.section-large,.section-regular {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .template-table-row {
        grid-template-columns: 1fr
    }

    .template-typography-styles {
        margin-top: 8px
    }

    .template-flex-wrapper {
        flex-direction: column
    }

    .template-side-menu {
        grid-column-gap: 16px;
        grid-row-gap: 12px;
        flex-direction: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        margin-bottom: 60px;
        margin-right: 0%;
        display: grid;
        position: static
    }

    .nav-link {
        margin-top: 12px;
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 32px;
        color: #ffffff;
    }

    .grid-two-column {
        grid-row-gap: 40px;
        grid-template-columns: 1fr
    }

    .hero-content {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .hero-heading {
        max-width: 660px
    }

    .hero-image-wrapper {
        padding-bottom: 80px
    }

    .background-pattern {
        background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583af6_Seperator%20Bottom.svg);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: auto;
        justify-content: flex-end;
        align-items: flex-end
    }

    .background-pattern-image {
        max-width: none;
        height: 105vw;
        margin-bottom: 8vw;
        margin-right: -7vw
    }

    .character-wrapper {
        margin-left: -40px;
        margin-right: -40px
    }

    .heading-grid {
        grid-template-columns: 1fr
    }

    .grid-three-column {
        grid-template-columns: 1fr 1fr
    }

    .customer-container {
        background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b3e_Dark%20Pattern%20Bottom.png),url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b3f_Dark%20Pattern%20Top.png);
        background-position: 50% 100%,50% 0;
        background-repeat: no-repeat,no-repeat;
        background-size: 1424px,1424px;
        padding-top: 96px;
        padding-bottom: 80px
    }

    .customer-element {
        display: none;
        top: 40px;
        bottom: auto;
        left: -40px;
        right: auto
    }

    .customer-element.right {
        right: -40px
    }

    .cta-container {
        background-size: auto 80%;
        margin-top: 96px;
        margin-bottom: 80px
    }

    .button-secondary-large {
        display: flex
    }

    .faq-element {
        display: none
    }

    .footer-container {
        background-image: url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b41_Footer%20Bottom.png),url(https://assets-global.website-files.com/66303513e76c9555d5583a63/66303513e76c9555d5583b42_Footer%20Top.png);
        background-position: 50% 100%,50% 0;
        background-repeat: no-repeat,no-repeat;
        background-size: 1424px,1424px;
        padding-top: 96px;
        padding-bottom: 56px
    }

    .footer-grid {
        grid-template-columns: 1.5fr 1fr
    }

    .about-element {
        top: -48px;
        left: -24px
    }

    .about-element.right {
        right: -30px
    }

    .about-grid {
        grid-template-columns: 1fr 1fr
    }

    .about-card.third {
        display: none
    }

    .number-wrapper {
        grid-template-rows: auto;
        grid-template-columns: 1fr 1px 1fr;
        grid-auto-columns: 1fr
    }

    .number {
        padding: 32px 24px;
    }

    .pricing-banner {
        background-size: 928px
    }

    .base-container {
        padding-top: 80px
    }

    .client-logo-group {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: wrap
    }

    .price-wrapper {
        width: auto;
        max-width: none
    }

    .main-container {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .account-content {
        max-width: 368px;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .account-container {
        padding-top: 80px;
        padding-bottom: 80px
    }

    ._404-container {
        padding-top: 96px;
        padding-bottom: 96px
    }

    .digital-grid {
        grid-column-gap: 32px;
        grid-row-gap: 40px;
        grid-template-columns: 1fr 1fr
    }

    .dashboard-grid {
        grid-row-gap: 72px;
        grid-template-columns: 1fr 1fr
    }

    .pricing-bg {
        width: auto;
        height: 105vw;
        bottom: auto
    }

    .about-bg {
        width: auto;
        height: 76vw
    }

    .contact-bg {
        width: auto;
        height: 732px;
        top: 0;
        bottom: auto
    }

    .account-bg {
        width: auto;
        height: 800px;
        top: -32px;
        bottom: auto
    }

    .blog-grid {
        grid-template-columns: 1fr 1fr
    }

    .post {
        grid-template-columns: 1fr
    }

  


    .password-bg {
        width: auto;
        height: 800px;
        display: none;
        top: -32px;
        bottom: auto
    }

    .menu-button {


        padding: 8px;
        transition: all .3s
    }

    .menu-button.w--open {
        background-color: #201a2e;

        color: var(--main--white);
    }

    .nav-menu {
        background-color: var(--main--white);
        box-shadow: 0 1px 1px 0 rgba(13,12,16,.04),0 0 0 1px var(--gray--200);
        padding: 24px;
        background-color: rgb(32, 26, 46);
        border-radius: 22px;
    }

    .customer-logo-row {
        grid-column-gap: 56px;
        justify-content: center;
        align-items: center
    }

    .customer-logo-row.second-row {
        display: none
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size:44px
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 36px
    }

    .section-x-large,.section-large,.section-regular {
        padding: 64px 32px
    }

    .section-x-small {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .template-class-base {
        margin-bottom: 25px
    }

    .template-table-wrapper {
        white-space: nowrap
    }

    .template-wrapper,.template-content-block,.template-interaction-block {
        padding: 24px
    }

    .h1-heading {
        font-size: 36px;
    }

    .h2-heading {
        font-size: 36px;

    }

    .h3-heading {
        font-size: 36px
    }

    .navbar {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .hero-container {
        padding-left: 32px;
        padding-right: 32px
    }

    .hero-content {
        grid-column-gap: 64px;
        grid-row-gap: 64px;
        padding-top: 64px;
        padding-bottom: 64px
    }

    .hero-image-wrapper {
        padding-bottom: 72px
    }

    .character-wrapper {
        margin-left: -32px;
        margin-right: -32px
    }

    .hero-cloud {
        top: 5%;
        right: 5%
    }

    .ui-card {
        bottom: 10%;
        left: 0%;
        transform: scale(.7)rotate(-5deg)
    }

    .ui-card-small {
        bottom: 38%;
        right: -3%;
        transform: scale(.7)rotate(6deg)
    }

    .hero-form {
        max-width: none
    }

    .form-block {
        align-self: stretch
    }

    .form-block.contact {
        align-self: center
    }

    .customer-logo-master {
        grid-column-gap: 32px;
        grid-row-gap: 32px
    }

    .grid-three-column {
        grid-template-columns: 1fr
    }

    .gradient.main {
        top: 30%
    }

    .customer-container {
        padding: 80px 32px 72px
    }

    .cta-container {
        background-size: auto 50%;
        padding-left: 32px;
        padding-right: 32px
    }

    .cta-detail {
        flex-flow: wrap;
        max-width: 360px
    }

    .cta-dot.second {
        display: none
    }

    .button-secondary-large {
        max-width: 100%
    }

    .tabs-menu {
        grid-template-columns: 1fr
    }

    .faq-title,.faq-content {
        max-width: none
    }

    .background.about {
        bottom: 180px
    }

    .footer-container {
        padding-top: 80px;
        padding-left: 32px;
        padding-right: 32px
    }

    .newsletter-grid {
        grid-template-columns: 1fr
    }

    .about-element {
        display: none
    }

    .about-grid {
        grid-template-columns: 1fr
    }

    .about-card.second {
        display: none
    }

    .number-wrapper {
        flex-flow: column;
        align-items: stretch
    }

    .number {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .number-divider {
        width: 176px;
        height: 1px;
        margin-left: auto;
        margin-right: auto
    }

    .pricing-banner {
        background-size: 150%;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .pricing-heading {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .pricing-grid {
        grid-template-columns: 1fr
    }

    .pricing-content {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .base-container {
        padding-top: 64px;
        padding-left: 32px;
        padding-right: 32px
    }

    .client-logo-group {
        flex-flow: wrap;
    }

    .client-logo {
        height: 72px
    }

    .main-container {
        padding: 72px 32px
    }

    .contact-element {
        display: none
    }

    .account-content,.account-container {
        padding-top: 64px;
        padding-bottom: 64px
    }

    ._404-container {
        padding: 72px 32px
    }

    .digital-grid,.dashboard-grid {
        grid-template-columns: 1fr;
    }

    .pricing-bg,.about-bg,.contact-bg {
        display: none
    }

    .blog-grid {
        grid-template-columns: 1fr
    }

    .customer-logo-row {
        grid-column-gap: 64px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-columns: 1fr
    }

    .number-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width: 479px) {
    .button-primary {
        width:100%;
        background-color: #c1ff71;
        color: black;
    }

    .template-toast {
        grid-row-gap: 16px;
        flex-direction: column;
        align-items: flex-start;
        padding-right: 12px
    }

    .button-outline {
        flex: none;
        width: 100%
    }

    .section-x-large,.section-large,.section-regular {
        padding: 56px 24px
    }

    .template-side-menu {
        grid-template-columns: 1fr
    }

    .navigation-buttons {
        display: none
    }

    .button-ghost {
        width: 100%
    }

    .hero-container {
        padding-left: 24px;
        padding-right: 24px
    }

    .hero-content {
        padding-top: 56px;
        padding-bottom: 56px
    }

    .hero-image-wrapper {
        justify-content: center;
        align-items: center;
        padding-bottom: 32px
    }

    .background-gradient {
        left: auto
    }

    .character-shadow {
        width: 132%
    }

    .character-wrapper {
        margin-left: -24px;
        margin-right: -24px
    }

    .hero-cloud {
        top: -8%;
        bottom: auto;
        left: auto;
        transform: scale(.7)rotate(12deg)
    }

    .ui-card,.ui-card-small {
        display: none
    }

    .form-block.contact {
        max-width: none
    }

    .docked-form {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-flow: column;
        display: flex
    }

    .docked-button {
        position: static
    }

    .feature-element {
        display: none;
        top: auto;
        bottom: 0%;
        left: auto;
        right: 0%
    }

    .customer-container {
        padding: 72px 24px 64px
    }

    .cta-container {
        background-size: auto 50%;
        margin-top: 80px;
        margin-bottom: 64px;
        padding-bottom: 40px;
        padding-left: 24px;
        padding-right: 24px
    }

    .cta-logo {
        margin-bottom: 48px
    }

    .cta-detail {
        flex-flow: column
    }

    .cta-dot.first {
        display: none
    }

    .button-secondary-large {
        width: 100%
    }

    .background.about {
        bottom: 120px
    }

    .footer-container {
        padding-bottom: 48px;
        padding-left: 24px;
        padding-right: 24px
    }

    .newsletter-button {
        position: static
    }

    .footer-grid {
        grid-template-columns: 1.5fr
    }

    .service-card {
        flex-flow: column
    }

    .pricing-banner {
        background-size: 200%
    }

    .pricing-form {
        padding-bottom: 24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .base-container {
        padding-top: 56px;
        padding-left: 24px;
        padding-right: 24px
    }

    .main-container {
        padding-left: 24px;
        padding-right: 24px
    }

    .forum-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr
    }

    .account-content {
        max-width: none;
        padding-top: 56px;
        padding-bottom: 56px
    }

    .account-container {
        padding-top: 56px;
        padding-bottom: 56px
    }

    ._404-container {
        padding: 64px 24px
    }

    .about-bg,.contact-bg {
        height: 470px
    }

    .account-bg {
        top: -64px
    }

    .password-bg {
        top: -48px
    }

    .nav-menu-buttons {
        flex-flow: column;
        align-items: stretch;
        margin-top: 24px;
        margin-bottom: 12px;
        display: flex
    }

    .testimonial-button-wrap {
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start
    }

    .customer-logo-row {
        grid-column-gap: 48px
    }

    .customer-logo {
        padding-left: 12px;
        padding-right: 12px;
    }

    .author-badge {
        left: -20px
    }
}

#w-node-ddfd8603-064a-ae8e-8322-afc25ad9566b-d5583a67 {
    align-self: center;
}

#w-node-_2fb9eee2-c0a8-daf2-af10-1a85ec65337c-d5583a67 {
    justify-self: end
}

#w-node-_31bce21a-f1cb-9f71-dae6-74f577071d4a-d5583a67 {
    align-self: center
}

#w-node-_4a696091-b79c-5ee5-90ce-d5bff24b386d-d5583a67 {
    justify-self: end
}

#w-node-c31d4a66-11fd-e201-9710-153b8be979e4-d5583a67 {
    justify-self: start
}

#w-node-c31d4a66-11fd-e201-9710-153b8be979cc-d5583a67 {
    align-self: center
}

#w-node-f449e2d9-121f-530a-bc63-34801f4f9e7d-1f4f9e79,#w-node-f449e2d9-121f-530a-bc63-34801f4f9e85-1f4f9e79,#w-node-f449e2d9-121f-530a-bc63-34801f4f9e8d-1f4f9e79 {
    justify-self: center
}

#w-node-f449e2d9-121f-530a-bc63-34801f4f9e9a-1f4f9e79 {
    align-self: center
}

#w-node-f449e2d9-121f-530a-bc63-34801f4f9e9f-1f4f9e79,#w-node-_74912bf3-f1cd-83a1-6413-b4bd071530f9-d5583ae2 {
    justify-self: end
}

#w-node-_6aa755f4-9327-e383-cb7f-4c529dcf8088-d5583ae2 {
    align-self: stretch
}

#w-node-_84870c1d-3294-0d1f-dba5-274799f11882-d5583b08 {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_722ccfbf-7af4-ca74-5897-91ac1e212b61-d5583b08,#w-node-c4389339-a29a-53f3-24c0-66774c5e5db3-d5583b08 {
    align-self: end;
    justify-self: end
}

#w-node-d0dda236-549c-9873-733f-f27eb0d61930-d5583b08 {
    align-self: center
}

#w-node-_01063344-ee72-d178-97b5-8e22788240de-d5583b08 {
    justify-self: end
}

#w-node-_6e7c7bc4-8be7-2e2b-9a64-bb0e6367a423-d5583b09,#w-node-_18a61d08-a17e-c72c-6d33-b3922419128b-d5583b09 {
    align-self: center;
    justify-self: center
}

#w-node-_4081c347-b040-01ed-5e68-1b82e4b95049-d5583b09 {
    align-self: center
}

#w-node-_4081c347-b040-01ed-5e68-1b82e4b95063-d5583b09,#w-node-_9453e4d3-0276-1f94-9dc1-071ad8ec83c9-d5583b31 {
    justify-self: end
}

@media screen and (max-width: 991px) {
    #w-node-ed0be5a2-24a1-3342-c125-4c5034708ba8-d5583a67 {
        grid-area:span 1/span 1/span 1/span 1
    }

    #w-node-_2fb9eee2-c0a8-daf2-af10-1a85ec65337c-d5583a67 {
        justify-self: start
    }

    #w-node-_31bce21a-f1cb-9f71-dae6-74f577071d4a-d5583a67,#w-node-_4a696091-b79c-5ee5-90ce-d5bff24b386d-d5583a67 {
        justify-self: center
    }

    #w-node-c31d4a66-11fd-e201-9710-153b8be979e4-d5583a67 {
        order: 9999;
        justify-self: center
    }

    #w-node-c31d4a66-11fd-e201-9710-153b8be979cc-d5583a67,#w-node-_74912bf3-f1cd-83a1-6413-b4bd071530f9-d5583ae2 {
        justify-self: center
    }

    #w-node-_722ccfbf-7af4-ca74-5897-91ac1e212b61-d5583b08 {
        justify-self: start
    }

    #w-node-ecd61bb7-8f3a-e6e8-b422-c8148b50824d-d5583b08 {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-bebbcf05-2bc2-8ea8-0ba4-3fa3dd88a36b-d5583b08 {
        grid-area: span 1/span 3/span 1/span 3
    }

    #w-node-c4389339-a29a-53f3-24c0-66774c5e5db3-d5583b08 {
        justify-self: start
    }

    #w-node-d0dda236-549c-9873-733f-f27eb0d61930-d5583b08,#w-node-_01063344-ee72-d178-97b5-8e22788240de-d5583b08,#w-node-_4081c347-b040-01ed-5e68-1b82e4b95049-d5583b09,#w-node-_4081c347-b040-01ed-5e68-1b82e4b95063-d5583b09,#w-node-_59426995-0b60-1b10-589e-f68315b91118-d5583b0b,#w-node-_9453e4d3-0276-1f94-9dc1-071ad8ec83c9-d5583b31 {
        justify-self: center
    }
}

@media screen and (max-width: 767px) {
    #w-node-f449e2d9-121f-530a-bc63-34801f4f9e9f-1f4f9e79 {
        justify-self:stretch
    }

    #w-node-_1d27ec9d-9e77-64cc-c774-82797058bd83-d5583b08 {
        justify-self: center
    }
}

.header-feature-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
}

.feature-wrap-small {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--gray--900);
    flex-direction: row;
    align-items: center;
    display: flex;
}

.icon-x-small {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
}

.feature-wrap-small {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--gray--900);
    flex-direction: row;
    align-items: center;
}

.header-line-divider {
    background-color: var(--brown--200);
    width: 1.5px;
    height: 12px;
}

.team-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    display: flex;
}

.team-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
}

.team-avatar {
    border: 2px solid var(--colors-neutral--0);
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    flex: none;
    width: 196px;
    height: 196px;
    overflow: hidden;
}

.team-description {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.team-name {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.team-socials {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.team-footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
}

.team-review {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: var(--colors-neutral--0);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-instructor-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    text-align: center;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding: 32px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-instructor-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-badge {
    background-color: #eceefe;
    color: #508af7;
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 96px;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.team-statistics {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.team-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.team-statistic {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    display: flex;
}

.team-divider {
    background-color: var(--colors-neutral--300);
    width: 1px;
    height: 16px;
}

.team-avatar-wrapper {
    width: 128px;
    height: 128px;
    position: relative;
}

.team-avatar-large {
    background-color: #f0edea;
    border-radius: 100%;
    overflow: hidden;
}

.team-avatar-check {
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -4px;
    left: auto;
    right: -4px;
}

.team-social-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.team-details {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-instructor-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.team-details-top {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.team-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.team-details-bottom {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.team-rating {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-instructor {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 32px;
    display: flex;
    box-shadow: 0 3px 2px rgb(104 23 23 / 0%), 0 2px 1px rgb(171 124 124 / 1%), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgb(231 96 96 / 7%);
}

.team-instructor-metrics {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-instructor-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.team-socials-group {
    grid-column-gap: 9px;
    margin-left: 10px;
    grid-row-gap: 8px;
    flex-direction: row;

    align-items: center;
    display: flex;
}

.team-top-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.team-instructor-heading {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px;
    display: flex;
}

.team-instructor-name {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.team-instructor-headshot {
    width: 156px;
    height: 156px;
    position: relative;
}

.team-instructor-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.team-instructor-statistics {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
}

.team-instructor-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 24px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-badge-video {
    z-index: 1;
    border: 1px solid var(--colors-red--200);
    background-color: var(--colors-red--100);
    color: var(--colors-red--500);
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 96px;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    position: absolute;
    top: 12px;
    bottom: auto;
    left: 12px;
    right: auto;
}

.team-course-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.team-course {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.team-video-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: flex-start;
    padding: 8px;
    display: flex;
}

.course-item-statistics-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
}

.course-item-statistic {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--800);
    justify-content: center;
    align-items: center;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
}

.team-course-details {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.team-rating-badge {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid var(--colors-yellow--100);
    background-color: var(--colors-yellow--50);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

.course-video-thumbnail {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.team-instructor-header-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.team-grid {
    grid-template-columns: 1fr;
}

.team-instructor-grid {
    grid-template-columns: 1fr 1fr;
}

.team-instructor-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}

.team-details-top {
    justify-content: flex-start;
    align-items: center;
}

.team-right {
    justify-content: space-between;
    align-items: center;
}

.team-instructor {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.team-instructor-metrics {
    justify-content: center;
    align-items: center;
}

.team-card {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.team-avatar {
    order: -1;
}

.team-instructor-grid {
    grid-template-columns: 1fr;
}

.team-divider {
    display: none;
}

.team-instructor, .team-instructor-block {
    padding-left: 24px;
    padding-right: 24px;
    background-color: white;
}

.team-instructor-header-top {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.team-instructor-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
}

.team-instructor-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.team-details-top {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.team-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.social-icon-link {
    border: 1px solid #d6d3d1;
    color: black;
    border-radius: 100%;
    padding: 8px;
    transition: border-color .2s, color .2s, background-color .2s;
}

@media screen and (max-width: 767px) {
    .team-instructor-grid {
        grid-template-columns: 1fr;
    }
}

.title-wrapper-large {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 900px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.title-caption {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-red--500);
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
}

.title-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    align-items: end;
    margin-bottom: 64px;
}

.paragraph-large {
    margin-bottom: 0;
    font-size: 16px;

}

.title-button-group {
    flex-flow: wrap-reverse;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.button-large.ghost {
    background-color: white;
    color: black;
    border-style: none;
}

.button-large {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 1px solid black;
    background-color: black;
    color: #fff;
    border-radius: 96px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .2s;
    display: inline-flex;
}

.title-button-group {
    flex-flow: wrap-reverse;
    justify-content: flex-end;
    align-items: center;
    display: flex;
}

.timeline-step-line {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.timeline-step-grid {
    grid-template-rows: auto;
    grid-template-columns: .25fr 1.25fr;
}

.w-layout-grid {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    grid-template-rows: auto auto;
 

}

.timeline-line {
    background-color: grey;
    width: 1px;
    height: 100%;
    position: absolute;
}

.timeline-step-count {
    background-color: white;
    color: black;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-top: 24px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    position: relative;
    margin-top: 0px;
    bottom: 20px;
}

.timeline-step-row {
    padding-top: 24px;
    display: flex;
}

.timeline-step-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.wrap-v-x-small {
    grid-column-gap: 8px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
}

.timeline-content-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    align-items: center;
    display: flex;
    margin-bottom: 50px;
    color: white;
}

.button-regular.outline {
    border: 1px solid #bfbcba;
    color: #1a1919;
    background-color: rgba(0, 0, 0, 0);
    transition: border .2s, color .2s, background-color .2s;
}

.button-regular {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #fff;
    white-space: nowrap;
    background-color: #000;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    display: inline-flex;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, lolol, header, hgroup, main, menu, lol, 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: rgba(0, 0, 0, 0);
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

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;
}



[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;
}





* {
    box-sizing: border-box;
}

html {
    height: 100%;
}

.home-works_grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto 1fr;
    align-content: start;
    justify-content: center;
    align-items: start;
    justify-items: end;
    margin-left: auto;
    margin-right: auto;
}

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;
}

input.w-button {
    -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
    color: rgba(0, 0, 0, 0) !important;
}

.w-code-block {
    margin: unset;
}

pre.w-code-block code {
    all: inherit;
}

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;
}

figcaption {
    text-align: center;
    margin-top: 5px;
}

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;
}

.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:-moz-placeholder, .w-select:-moz-placeholder {
    color: #999;
}

.w-input::-moz-placeholder, .w-select::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.w-input::-webkit-input-placeholder, .w-select::-webkit-input-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;
    -ms-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 rgba(0, 0, 0, 0);
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    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 rgba(0, 0, 0, 0);
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
    margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    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;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important;
}

.w-background-video--control {
    background-color: rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    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-lol {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.w-slider-lol.w-round > div {
    border-radius: 100%;
}

.w-slider-lol.w-num > div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: .2em .5em;
}

.w-slider-lol.w-shadow > div {
    box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}

.w-slider-lol-invert {
    color: #fff;
}

.w-slider-lol-invert > div {
    background-color: rgba(34, 34, 34, .4);
}

.w-slider-lol-invert > div.w-active {
    background-color: #222;
}

.w-slider-dot {
    cursor: pointer;
    background-color: rgba(255, 255, 255, .4);
    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: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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;
    -ms-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-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-lol-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: rgba(0, 0, 0, .9);
    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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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: rgba(0, 0, 0, .4);
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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-x: auto;
    overflow-y: 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 rgba(0, 0, 0, .4);
    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 rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -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;
    top: 0;
    bottom: 0;
    left: 0;
    right: 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: rgba(0, 0, 0, 0);
    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-lol {
    z-index: 1000;
    background: #ddd;
    position: relative;
}

.w-lol:before, .w-lol:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-lol:after {
    clear: both;
}

.w-lol-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative;
}

.w-lol-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-lol-link.w--current {
    color: #0082f3;
}

.w-lol-menu {
    float: right;
    position: relative;
}

[data-lol-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important;
}

.w--lol-link-open {
    display: block;
    position: relative;
}

.w-lol-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
}

.w-lol-overlay [data-lol-menu-open] {
    top: 0;
}

.w-lol[data-animation="over-left"] .w-lol-overlay {
    width: auto;
}

.w-lol[data-animation="over-left"] .w-lol-overlay, .w-lol[data-animation="over-left"] [data-lol-menu-open] {
    z-index: 1;
    top: 0;
    right: auto;
}

.w-lol[data-animation="over-right"] .w-lol-overlay {
    width: auto;
}

.w-lol[data-animation="over-right"] .w-lol-overlay, .w-lol[data-animation="over-right"] [data-lol-menu-open] {
    z-index: 1;
    top: 0;
    left: auto;
}

.w-lol-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative;
}

.w-lol-button:focus {
    outline: 0;
}

.w-lol-button.w--open {
    color: #fff;
    background-color: #c8c8c8;
}

.w-lol[data-collapse="all"] .w-lol-menu {
    display: none;
}

.w-lol[data-collapse="all"] .w-lol-button, .w--lol-dropdown-open, .w--lol-dropdown-toggle-open {
    display: block;
}

.w--lol-dropdown-list-open {
    position: static;
}

@media screen and (max-width: 991px) {
    .w-lol[data-collapse="medium"] .w-lol-menu {
        display: none;
    }

    .w-lol[data-collapse="medium"] .w-lol-button {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .w-lol[data-collapse="small"] .w-lol-menu {
        display: none;
    }

    .w-lol[data-collapse="small"] .w-lol-button {
        display: block;
    }

    .w-lol-brand {
        padding-left: 10px;
    }
}

@media screen and (max-width: 479px) {
    .w-lol[data-collapse="tiny"] .w-lol-menu {
        display: none;
    }

    .w-lol[data-collapse="tiny"] .w-lol-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-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;
}

.w-code-component > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.joe {
    display: none;
}

:root {
    --colors-neutral--1000: #000;
    --black\<deleted\|variable-129e6de0\>: black;
    --z-neutral--200-old\<deleted\|variable-31318be7\>: #edf0f2;
    --colors-neutral--950: #1f1e1e;
    --colors-neutral--800: #4d4d4c;
    --colors-neutral--700: #5f5e5d;
    --colors-neutral--50: #f6f5f3;
    --spacing--regular\<deleted\|variable-7b39be83-ae12-1e4d-d85f-cd10bb1385d7\>: 16px;
    --z-hue-blue--500\<deleted\|variable-321107f0\>: #4a8ff7;
    --white\<deleted\|variable-07d366ea\>: white;
    --a-color--200\<deleted\|variable-83e62f87-7ad2-712d-4ee0-4fa4591b3054\>: #dde3e8;
    --corner-radius--radius-small\<deleted\|variable-8d6f267c-a136-0307-c3d7-fa3dc6c4681b\>: 8px;
    --a-color--white\<deleted\|variable-add04bd9-31d2-bb45-f061-6cc22f034784\>: white;
    --z-neutral--11\<deleted\|variable-3f1170ed\>: #2e3138;
    --a-color--100\<deleted\|variable-c0dcb4bc-64c3-7e8e-b1a4-880f3bdcc121\>: #edf0f2;
    --colors-neutral--600: #71716f;
    --z-neutral--100-old\<deleted\|variable-a3347c6c\>: #f6f8f9;
    --a-color--black\<deleted\|variable-5ca4751e-16bc-a502-a932-ec1c05295a5d\>: #000;
    --colors-red--500: #ff443d;
    --colors-neutral--200: #d6d3d1;
    --colors-neutral--0: #fff;
    --colors-neutral--300: #bfbcba;
    --container--regular\<deleted\|variable-8bcdff45-3db8-dbf0-fe60-2c2fdd0e2bb1\>: 1140px;
    --spacing--6px\<deleted\|variable-dcb556d4-7840-f8ab-2945-991bb4fd68f8\>: 6px;
    --spacing--x-small\<deleted\|variable-385b17e2-f4ba-15e8-c373-7fe210474017\>: 8px;
    --spacing--14px\<deleted\|variable-48aef30d-c689-ce8d-be87-612bd19ce414\>: 14px;
    --spacing--xx-small\<deleted\|variable-c32c8949-a87d-1f1b-b5b0-e4850c60c303\>: 4px;
    --a-color--800\<deleted\|variable-e7f2d994-8f9c-ebdf-a904-7e279a2cb215\>: #5f6674;
    --spacing--6px-old\<deleted\|variable-70f30007-f574-53f3-ef32-a14c2ba54e43\>: 8px;
    --corner-radius--radius-large\<deleted\|variable-5c88f846-d9f9-e6bf-b09b-920af414758b\>: 16px;
    --a-color--50\<deleted\|variable-47fe0c6d-7655-80b1-302f-4473d7ed85e6\>: #f5f7f8;
    --corner-radius--radius-regular\<deleted\|variable-75165324-f2ee-6bdc-5380-5ae398c1204f\>: 12px;
    --spacing--24px-old\<deleted\|variable-5509f0c1-72a5-43b6-34f2-2a4e6db599f7\>: 24px;
    --z-neutral--9\<deleted\|variable-cd789a9a\>: #5e6573;
    --z-hue-blue--600\<deleted\|variable-d17a9750\>: #2466eb;
    --colors-neutral--400: #a5a3a1;
    --colors-neutral--500: #8b8a89;
    --colors-neutral--900: #393837;
    --colors-neutral--100: #f0edea;
    --colors-green--100: #daf5d6;
    --colors-green--50: #f4fcf3;
    --colors-green--500: #449c46;
    --colors-red--100: #ffeae6;
    --colors-red--50: #fff7f5;
    --colors-blue--200: #c9d2fd;
    --colors-blue--100: #eceefe;
    --colors-blue--500: #508af7;
    --colors-yellow--50: #fffaeb;
    --colors-yellow--500: #ab8836;
    --colors-purple--100: #f2ebff;
    --colors-purple--50: #fcfaff;
    --colors-purple--500: #9375ff;
    --colors-red--200: #ffc9bd;
    --colors-yellow--100: #ffebb8;
    --utility--heading-font: Inter, sans-serif;
    --utility--body-font: Inter, sans-serif;
    --colors-blue--50: #fafbff;
    --colors-yellow--200: #fece48;
    --colors-green--200: #a0e49a;
    --colors-red--300: #ffa694;
    --colors-green--300: #63d465;
    --colors-yellow--300: #e2b740;
    --colors-blue--300: #abbbfc;
    --colors-purple--200: #dcccff;
    --colors-yellow--400: #c89e3c;
    --colors-red--400: #ff7c6b;
    --colors-green--400: #4fba52;
    --colors-blue--400: #85a2f9;
    --colors-purple--300: #c9b3ff;
    --colors-purple--400: #b094ff;
}

* .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;
}

label {
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
}

blockquote {
    border-left: 5px solid var(--z-neutral--200-old\<deleted\|variable-31318be7\>);
    color: var(--black\<deleted\|variable-129e6de0\>);
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 32px;
}

.paragraph-x-large {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 32px;
}

.paragraph-x-large.text-color-gray-950 {
    color: var(--colors-neutral--950);
}

.paragraph-large {
    margin-bottom: 0;
    font-size: 16px;

}

.paragraph-large.text-color-gray-950 {
    color: #140634;
}

.paragraph-large._800 {
    color: var(--colors-neutral--800);
}

.paragraph-large.text-weight-medium {
    font-weight: 500;
}

.paragraph-regular {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: black;
}

.paragraph-regular.text-color-gray-800 {
    color: var(--colors-neutral--800);
}

.paragraph-small {
}

.paragraph-small.text-color-gray-800 {
    color: var(--colors-neutral--800);
}

.paragraph-small.text-color-gray-950 {
    color: var(--colors-neutral--950);
}

.paragraph-small.text-color-gray-700 {
    color: var(--colors-neutral--700);
}

.paragraph-x-small {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
}

.paragraph-x-small.text-color-gray-800 {
    color: var(--colors-neutral--800);
}

.text-weight-x-bold {
    font-weight: 800;
}

.text-weight-bold {
    font-weight: 700;
}

.text-weight-semibold {
    font-weight: 600;
}

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

.text-weight-normal {
    font-weight: 400;
}

.text-weight-light {
    font-weight: 300;
}

.container-x-large {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.container-large {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.container-large.relative {
    position: relative;
}

.container-regular {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.container-regular.relative {
    position: relative;
}

.container-small {
    width: 100%;
    max-width: 1039px;
    margin-left: auto;
    margin-right: auto;
}

.container-x-small {
    width: 100%;
    max-width: 636px;
    margin-left: auto;
    margin-right: auto;
}

.section-x-large {
    padding: 144px 5%;
}

.section-x-large.background-secondary {
    background-color: var(--colors-neutral--50);
}

.section-large {
    padding: 120px 5%;
}

.section-regular {
    padding: 96px 5%;
}




.section-small {
    padding: 80px 5%;
}

.section-small.background-secondary {
}

.section-x-small {
    padding: 48px 5%;
}

.icon-x-large {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
}

.icon-regular {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
}

.icon-small {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
}

.icon-x-small {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
}

.wrap-v-x-large {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    display: flex;
}

.wrap-v-x-large.wrap-v-centre {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.wrap-v-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
}

.wrap-v-large.wrap-v-centre {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.wrap-v-large.align-l {
    justify-content: flex-start;
    align-items: flex-start;
}

.wrap-v-regular {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
    border-radius: 26px;
    color: #000000;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10px;
}

.wrap-v-regular.wrap-v-centre {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.wrap-v-regular.wrap-v-left {
    justify-content: flex-start;
    align-items: flex-start;
}

.wrap-v-tiny {
    z-index: 5;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-direction: column;
    display: flex;
}

.wrap-v-tiny.wrap-v-centre {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.wrap-v-x-small {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
}

.wrap-v-x-small.wrap-v-centre {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.lesson-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    display: flex;
}

.card-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.sg-preview-section {
    padding: var(--spacing--regular\<deleted\|variable-7b39be83-ae12-1e4d-d85f-cd10bb1385d7\>);
    border: 1px dashed var(--z-hue-blue--500\<deleted\|variable-321107f0\>);
    background-color: var(--white\<deleted\|variable-07d366ea\>);
    border-radius: 16px;
    width: 100%;
    overflow: hidden;
}

.sg-section {
    padding: 64px 5%;
}

.sg-container-demo {
    border: 1px dashed var(--z-hue-blue--500\<deleted\|variable-321107f0\>);
    background-color: var(--white\<deleted\|variable-07d366ea\>);
    pointer-events: none;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    display: flex;
}

.sg-content-grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 240px) 1fr;
    align-items: start;
    justify-items: stretch;
}

.sg-content {
    padding-top: 32px;
}

.sg-button-line {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 24px;
    display: flex;
}

.sg-line-regular {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 44px;
    margin-bottom: 44px;
    display: flex;
}

.sg-button {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--a-color--200\<deleted\|variable-83e62f87-7ad2-712d-4ee0-4fa4591b3054\>);
    border-radius: var(--corner-radius--radius-small\<deleted\|variable-8d6f267c-a136-0307-c3d7-fa3dc6c4681b\>);
    background-color: var(--a-color--white\<deleted\|variable-add04bd9-31d2-bb45-f061-6cc22f034784\>);
    color: var(--z-neutral--11\<deleted\|variable-3f1170ed\>);
    justify-content: center;
    align-items: center;
    padding: 10px 12px 10px 10px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.sg-button-block-group {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.text-strikethrough {
    text-decoration: line-through;
}

.text-italic {
    font-style: italic;
}

.text-underline {
    text-decoration: underline;
}

.text-allcaps {
    text-transform: uppercase;
}

.style-swatch {
    border: 1px solid var(--a-color--100\<deleted\|variable-c0dcb4bc-64c3-7e8e-b1a4-880f3bdcc121\>);
    background-color: var(--a-color--white\<deleted\|variable-add04bd9-31d2-bb45-f061-6cc22f034784\>);
    border-radius: 12px;
    width: 100%;
    min-height: 132px;
    padding: 4px;
    box-shadow: 0 1px 1px rgba(149, 160, 178, .08);
}

.style-color-text {
    color: var(--z-neutral--11\<deleted\|variable-3f1170ed\>);
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    font-weight: 500;
    display: flex;
}

.sg-style-text-wrapper {
    text-align: center;
    border-radius: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 88px;
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    display: flex;
    overflow: hidden;
}

.text-color-gray-950 {
    color: #ffffff;
}

.text-color-gray-600 {
    color: var(--colors-neutral--600);
}

.sg-category-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--z-neutral--200-old\<deleted\|variable-31318be7\>);
    background-color: var(--z-neutral--100-old\<deleted\|variable-a3347c6c\>);
    border-radius: 24px;
    flex-flow: column;
    padding: 12px;
    display: flex;
    box-shadow: 0 1px 1px rgba(149, 160, 178, .08);
}

.color-black {
    background-color: var(--a-color--black\<deleted\|variable-5ca4751e-16bc-a502-a932-ec1c05295a5d\>);
}

.text-black {
    color: var(--colors-neutral--1000);
}

.text-color-white {
    color: #fff;
}

.text-weight-x-light {
    font-weight: 200;
}

.text-weight-black {
    font-weight: 900;
}

.button-large {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    border: 1px solid #1f1e1e;
    background-color: #6f41d2;
    color: #fff;
    border-radius: 96px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .2s;
    display: inline-flex;
}

.button-large:hover {
    border-color: #121212;
    background-color: #000000;
}

.button-large.icon-left {
    padding-left: 16px;
}

.button-large.outline {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--950);
}

.button-large.outline:hover {
    border-color: var(--colors-neutral--300);
    background-color: var(--colors-neutral--50);
}

.button-large.ghost {
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--950);
    border-style: none;
}

.button-regular {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #fff;
    white-space: nowrap;
    background-color: #000;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    display: inline-flex;
}

.button-regular:hover {
    background-color: var(--colors-red--500);
}

.button-regular.ghost {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
}

.button-regular.ghost:hover {
    color: var(--colors-red--500);
}

.button-regular.outline {
    border: 1px solid var(--colors-neutral--300);
    color: #000000;
    background-color: rgb(255 255 255);
    transition: border .2s, color .2s, background-color .2s;
}

.button-regular.outline:hover {
    border-color: var(--colors-neutral--950);
}

.button-regular.icon-left {
    padding-left: 12px;
    padding-right: 16px;
}

.button-small {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--0);
    background-color: #000;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 6px 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .2s;
    display: inline-flex;
}

.button-small:hover {
    background-color: var(--colors-red--500);
}

.button-small.icon-left {
    padding-left: 8px;
}

.button-small.ghost {
    color: var(--colors-neutral--800);
    background-color: rgba(0, 0, 0, 0);
}

.button-small.outline {
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--1000);
    background-color: #fff;
}

.grid-one-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
}

.grid-two-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.sg-grid-demo {
    border: 1px dashed var(--z-hue-blue--500\<deleted\|variable-321107f0\>);
    background-color: var(--white\<deleted\|variable-07d366ea\>);
    pointer-events: none;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 130px;
    display: flex;
}

.grid-three-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-four-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-five-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.sg-loligation {
    border-bottom: 1px solid var(--z-neutral--200-old\<deleted\|variable-31318be7\>);
    background-color: #fff;
    align-items: center;
    width: 100%;
    padding: 24px 5%;
    display: none;
}

.sg-loligation-container {
    max-width: var(--container--regular\<deleted\|variable-8bcdff45-3db8-dbf0-fe60-2c2fdd0e2bb1\>);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
}

.sg-loligation-menu {
    grid-column-gap: 32px;
    align-items: center;
    display: flex;
}

.sg-loligation-logo {
    width: 120px;
}

.sg-loligation-menu-group {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
}

.sg-loligation-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    letter-spacing: -.08px;
    flex-direction: row;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
}

.sg-loligation-link:hover {
    color: #868fa5;
}

.sg-loligation-link.w--current {
    color: #000;
}

.sg-loligation-link.icon-l {
    padding-left: 10px;
}

.sg-loligation-button-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.sg-loligation-desktop-button {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    display: flex;
}

.button-outline-m {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    text-align: center;
    letter-spacing: -.08px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: box-shadow .3s, border-color .3s, background-color .3s;
    display: flex;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.button-outline-m:hover {
    background-color: #f5f7f8;
    border-color: #edf0f2;
    box-shadow: 0 2px 1px rgba(149, 160, 178, 0);
}

.button-outline-m.icon-r {
    padding-right: 12px;
}

.icon-1x1-standard {
    justify-content: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    display: flex;
}

.sg-sidebar {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
}

.sg-menu {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    flex-direction: column;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 1rem;
}

.sg-menu-header {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    padding: .75rem .25rem;
    display: flex;
}

.sg-menu-link {
    border-radius: var(--spacing--6px\<deleted\|variable-dcb556d4-7840-f8ab-2945-991bb4fd68f8\>);
    background-color: #f5f7f8;
    border: 1px solid #edf0f2;
    flex-flow: column;
    padding: .5rem;
    display: flex;
}

.sg-link {
    padding: var(--spacing--x-small\<deleted\|variable-385b17e2-f4ba-15e8-c373-7fe210474017\>) var(--spacing--14px\<deleted\|variable-48aef30d-c689-ce8d-be87-612bd19ce414\>);
    border-radius: var(--spacing--xx-small\<deleted\|variable-c32c8949-a87d-1f1b-b5b0-e4850c60c303\>);
    color: var(--a-color--800\<deleted\|variable-e7f2d994-8f9c-ebdf-a904-7e279a2cb215\>);
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .3s, box-shadow .3s, color .3s;
}

.sg-link:hover {
    color: #000;
    background-color: #fff;
    box-shadow: 0 1px .5px rgba(172, 181, 195, .08);
}

.sg-link.w--current {
    background-color: #fff;
}

.sg-introduction {
    flex-direction: column;
    display: flex;
}

.sg-header {
    border-radius: var(--spacing--6px\<deleted\|variable-dcb556d4-7840-f8ab-2945-991bb4fd68f8\>);
    background-color: var(--a-color--100\<deleted\|variable-c0dcb4bc-64c3-7e8e-b1a4-880f3bdcc121\>);
    background-image: url("https://cdn.prod.website-files.com/6631945ca0a8facb15156762/6631945ca0a8facb1515677c_Cover.webp");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    margin-bottom: 3.125rem;
}

.sg-introduction-header {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.sg-overline {
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
}

.sg-card {
    padding: var(--spacing--6px-old\<deleted\|variable-70f30007-f574-53f3-ef32-a14c2ba54e43\>);
    grid-column-gap: var(--spacing--6px-old\<deleted\|variable-70f30007-f574-53f3-ef32-a14c2ba54e43\>);
    grid-row-gap: var(--spacing--6px-old\<deleted\|variable-70f30007-f574-53f3-ef32-a14c2ba54e43\>);
    border: 1px solid var(--a-color--100\<deleted\|variable-c0dcb4bc-64c3-7e8e-b1a4-880f3bdcc121\>);
    border-radius: var(--corner-radius--radius-large\<deleted\|variable-5c88f846-d9f9-e6bf-b09b-920af414758b\>);
    background-color: var(--a-color--50\<deleted\|variable-47fe0c6d-7655-80b1-302f-4473d7ed85e6\>);
    flex-flow: column;
    display: flex;
}

.sg-card-header {
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    display: flex;
}

.sg-card-content {
    border-radius: var(--corner-radius--radius-regular\<deleted\|variable-75165324-f2ee-6bdc-5380-5ae398c1204f\>);
    background-color: #fff;
    height: 100%;
    padding: 24px;
    display: flex;
}

.sg-card-content.align-centre {
    justify-content: center;
    align-items: center;
}

.sg-category {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
}

.sg-grid-one-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
}

.sg-group {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
}

.sg-group-header {
    padding: var(--spacing--24px-old\<deleted\|variable-5509f0c1-72a5-43b6-34f2-2a4e6db599f7\>);
    grid-column-gap: var(--spacing--x-small\<deleted\|variable-385b17e2-f4ba-15e8-c373-7fe210474017\>);
    grid-row-gap: var(--spacing--x-small\<deleted\|variable-385b17e2-f4ba-15e8-c373-7fe210474017\>);
    border: 1px solid var(--a-color--100\<deleted\|variable-c0dcb4bc-64c3-7e8e-b1a4-880f3bdcc121\>);
    background-color: var(--a-color--50\<deleted\|variable-47fe0c6d-7655-80b1-302f-4473d7ed85e6\>);
    border-radius: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.sg-badge-class {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: var(--white\<deleted\|variable-07d366ea\>);
    color: var(--z-neutral--100-old\<deleted\|variable-a3347c6c\>);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 4px;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.sg-line-divider {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
}

.sg-grid-two-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
}

.sg-grid-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.sg-class-selector {
    background-color: var(--z-neutral--9\<deleted\|variable-cd789a9a\>);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 6px;
    display: flex;
}

.sg-class-icon {
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
}

.sg-class {
    color: #f6f8f9;
    background-color: #2466eb;
    border-radius: 4px;
    padding: 4px 6px;
    display: inline-block;
}

.sg-class.sg-class-light {
    color: #2466eb;
    background-color: #eaedfe;
}

.sg-badge-class-main {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: var(--z-hue-blue--600\<deleted\|variable-d17a9750\>);
    color: var(--z-neutral--100-old\<deleted\|variable-a3347c6c\>);
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 8px 10px;
    font-weight: 500;
    text-decoration: none;
    display: none;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.sg-global {
    background-color: #d678c2;
    border-radius: 4px;
    padding: 4px 6px;
    display: inline-block;
}

.text-color-gray-400 {
    color: var(--colors-neutral--400);
}

.text-color-gray-500 {
    color: var(--colors-neutral--500);
}

.cta-card {
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.max-width-medium {
    max-width: 550px;
}

.cta-image-marquee {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 1440px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.cta-marquee-image {
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cta-marquee-card {
    border-radius: 16px;
    flex: 1;
    padding: 8px;
}

.cta-marquee-wrapper {
    height: 150px;
    position: relative;
}

.cta-title-wrapper {
    padding: 80px 5% 64px;
}

.title-caption {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-red--500);
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
}

.max-width-large {
    max-width: 890px;
}

.max-width-large.align-center {
    margin-left: auto;
    margin-right: auto;
}

.course-image {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
    overflow: hidden;
}

.course-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 16px;
    flex-flow: column;
    padding: 8px;
    display: flex;
    box-shadow: 3px 3px 0 0 #090612;    padding-top: 25px;
    background-color: #fbfbfb;
    border: 1.5px solid #090612;
}

.label-large {
    letter-spacing: -.24px;
    font-size: 17px;
    line-height: 1.3em;
}

.label-large.text-weight-semibold {
    font-weight: 600;
}

.course-description {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding: 8px;
    display: flex;
}

.course-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.course-info {
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    display: flex;
}

.title-center-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 638px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.title-left-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    max-width: 640px;
    margin-bottom: 64px;
    display: flex;
}

.content-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
}

.course-overview {
    flex-flow: column;
    width: 100%;
    max-width: 550px;
    display: flex;
}

.course-lesson-lightbox {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: var(--colors-neutral--600);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px 8px 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    display: flex;
}

.course-lesson-lightbox:hover {
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--1000);
}

.course-dropdown {
    flex-flow: column;
    display: flex;
}

.course-dropdown.last {
    border-bottom-style: none;
}

.course-dropdown-toggle {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--colors-neutral--950);
    justify-content: space-between;
    align-items: stretch;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 16px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-decoration: none;
    display: flex;
}

.course-dropdown-content {
    overflow: hidden;
}

.course-legend {
    border-bottom: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--600);
    justify-content: space-between;
    padding-bottom: 24px;
    padding-right: 16px;
    font-weight: 500;
    display: flex;
}

.course-lessons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-bottom: 24px;
    display: flex;
}

.header-section {
    padding-bottom: 24px;
}

.header-review {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-neutral--900);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex;
}

.label-small {
    font-size: 14px;
    line-height: 20px;
}

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

.label-small.text-weight-semibold {
    font-weight: 600;
}

.label-small.text-weight-semibold.text-color-black {
    color: var(--colors-neutral--1000);
}

.label-small.text-color-gray-900 {
    color: #ffffff;
}

.label-small.text-color-gray-700 {
    color: var(--colors-neutral--700);
}

.label-small.text-color-gray-500 {
    color: var(--colors-neutral--500);
}

.label-small.text-color-gray-950 {
    color: var(--colors-neutral--950);
}

.label-small.text-color-gray-600 {
    color: var(--colors-neutral--600);
}

.header-review-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 40px;
}

.header-title {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.header-logo-carousel {
    grid-column-gap: 128px;
    grid-row-gap: 128px;
    width: 50%;
    height: 48px;
    display: flex;
    overflow: hidden;
}

.header-logo {
    width: 48px;
}

.header-button-wrapper {
    z-index: 1;

    padding-left: 15%;
    padding-right: 15%;
    position: relative;
}

.header-logo-overlay {

    width: 10%;
    height: 100%;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.header-logo-overlay.right {

    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.header-card-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 2560px;
    display: flex;
}

.header-card {
    border-radius: 16px;
    width: 400px;
    height: 260px;
    overflow: hidden;
    height: 416px;
}

.header-image {
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.header-cards-carousel {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    overflow: hidden;
}

.header-logo-group {
    grid-column-gap: 128px;
    grid-row-gap: 128px;
    justify-content: space-between;
    display: flex;
}

.header-carousel-embed {
    display: none;
}

.header-logos-wrapper {
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.header-subheading {
    max-width: 570px;
    margin-top: 24px;
    margin-bottom: 40px;
}

.lolbar {
    background-color: var(--colors-neutral--50);
    padding: 16px 5%;
}

.lol-logo {
    width: 40px;
    height: 40px;
}

.lol-container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.lol-link {
    color: var(--colors-neutral--600);
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: color .2s;
}

.lol-link:hover {
    color: var(--colors-neutral--1000);
}

.collection-page {
    padding: 64px 5% 80px;
    font-family: Inter, sans-serif;
    position: relative;
}

.collection-container {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.collection-header {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.collection-logo-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: #000;
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
    display: flex;
}

.collection-logo {
    justify-content: center;
    align-items: center;
    min-width: 160px;
    display: flex;
}

.collection-icon-small {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
}

.collection-heading {
    color: #000;
    letter-spacing: -.8px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter Display, sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 64px;
}

.collection-paragraph {
    color: #50555f;
    letter-spacing: -.26px;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 32px;
}

.collection-button-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.collection-button {
    color: #fff;
    letter-spacing: -.18px;
    white-space: nowrap;
    background-color: #000;
    border-radius: 99px;
    flex-direction: row;
    align-items: center;
    padding: 12px 28px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
}

.collection-button:hover {
    background-color: #50555f;
}

.collection-component-button {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    letter-spacing: -.08px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dde3e8;
    border-radius: 99px;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px 10px 20px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: box-shadow .3s, background-color .3s, border-color .3s;
    display: flex;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.collection-component-button:hover {
    background-color: #f5f7f8;
    border-color: #edf0f2;
    box-shadow: 0 2px 1px rgba(149, 160, 178, 0);
}

.collection-caption {
    color: #737b8f;
    letter-spacing: -.08px;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 14px;
    line-height: 20px;
}

.collection-span-link {
    color: #000;
    text-decoration: underline;
}

.collection-preview {
    border: 8px solid var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    overflow: hidden;
}

.collection-lolol-note {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.collection-heading-small {
    color: #000;
    letter-spacing: -.1px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter Display, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.collection-loligation {
    border-bottom: 1px solid #edf0f2;
    padding: 24px 5%;
    font-family: Inter, sans-serif;
}

.collection-loligation-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.collection-name-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    display: flex;
}

.collection-logo-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    text-decoration: none;
    display: flex;
}

.collection-logo-small {
    justify-content: center;
    align-items: center;
    display: flex;
}

.collection-loligation-line {
    background-color: #edf0f2;
    width: 1px;
    height: 20px;
}

.collection-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    display: flex;
}

.collection-title-text {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

.collection-name-block {
    background-color: #f5f7f8;
    border-radius: 6px;
    padding: 2px 6px;
}

.collection-name {
    color: #000;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

.collection-loligation-button {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    border: 1px solid #edf0f2;
    border-radius: 8px;
    align-items: center;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: border-color .3s, background-color .3s;
    display: flex;
}

.collection-loligation-button:hover {
    background-color: #f5f7f8;
    border-color: rgba(237, 240, 242, 0);
}

.collection-pro-link {
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(85deg, #8771ce, #98519b);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 500;
    text-decoration: none;
}

.collection-banner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #edf0f2;
    letter-spacing: -.08px;
    background-color: #000;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 12px 3%;
    font-family: Inter, sans-serif;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    display: flex;
}

.collection-lolol {
    padding: 64px 5%;
    position: relative;
}

.collection-lolol-link-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
}

.collection-lolol-logo {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
}

.collection-lolol-title {
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.collection-lolol-link {
    grid-column-gap: 2px;
    color: #000;
    letter-spacing: -.18px;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
    display: flex;
}

.collection-lolol-link:hover {
    color: #868fa5;
}

.header-button-group {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: linear-gradient(90deg, var(--colors-neutral--50) 80%, rgba(246, 245, 243, 0));
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-right: 20%;
    display: flex;
}

.header-reviews {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 250px;
    margin-bottom: 48px;
    margin-left: auto;
    display: flex;
}

.header-grid {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
}

.header-logo-carousel-large {
    grid-column-gap: 128px;
    grid-row-gap: 128px;
    max-width: 80%;
    height: 48px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: hidden;
}

.header-title-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.text-color-red {
    color: var(--colors-red--500);
}

.header-title-center {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 630px;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.search-form-block {
    width: 100%;
    max-width: 400px;
    margin-bottom: 0;
}

.input-icon-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
}

.input-field {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--800);
    border-radius: 96px;
    min-height: 40px;
    margin-bottom: 0;
    padding: 12px 12px 12px 40px;
    line-height: 24px;
    transition: border-color .2s;
}

.input-field:hover {
    border-color: var(--colors-neutral--400);
}

.input-field:focus {
    border-color: var(--colors-red--500);
}

.input-field.large {
    min-height: 48px;
    padding-left: 44px;
    font-size: 16px;
}

.input-icon {
    justify-content: center;
    align-items: center;
    padding: 2px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 12px;
    right: auto;
}

.input-shortcut-icon {
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    box-shadow: 0 1px 1px rgba(32, 31, 31, .07), 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(32, 31, 31, .04), 0 2px 1px rgba(32, 31, 31, .01), 0 3px 2px rgba(32, 31, 31, 0);
}

.form-success {
    border: 1px solid var(--colors-green--100);
    background-color: var(--colors-green--50);
    color: var(--colors-green--500);
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.form-error {
    border: 1px solid var(--colors-red--100);
    background-color: var(--colors-red--50);
    color: var(--colors-red--500);
    border-radius: 8px;
    padding: 10px 16px;
}

.input-shortcut {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 12px;
}

.header-links-grid {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
    position: relative;
}

.header-link-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--0);
    background-color: #000000;
    color: #fff;
    text-align: center;
    border-radius: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 16px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
}

.header-link-card:hover {
    background-color: #000;
}

.icon-wrapper-small {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
}

.header-link-text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.header-link-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.link-arrow {
    overflow: hidden;
}

.header-illustration {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.header-illustration.right {
    top: auto;
    bottom: 0%;
    left: auto;
    right: -46%;
}

.header-illustrations-wrapper {
    padding-bottom: 64px;
    position: relative;
}

.lol-divider {
    background-color: var(--colors-neutral--200);
    width: 1px;
    height: 24px;
}

.lol-logo-link {
    justify-content: center;
    align-items: center;
    display: flex;
}

.lol-logo-link.hide-desktop {
    display: none;
}

.lol-buttons-desktop {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: none;
    display: flex;
}

.content-tab-link {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 24px;
    flex-flow: column;
    align-items: flex-start;
    padding: 32px;
    display: flex;
    overflow: hidden;
}

.content-tab-link.w--current {
    background-color: var(--colors-neutral--0);
}

.content-tabs-menu {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 24px;
    display: grid;
}

.tab-link-image {
    height: 120px;
}

.tab-link-loader {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.loader-bar {
    background-color: var(--colors-red--500);
    border-bottom-right-radius: 16px;
    height: 8px;
}

.tab-rotation-embed {
    display: none;
}

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

.content-tab-pane {
    border-radius: 24px;
    height: 560px;
    overflow: hidden;
}

.content-link-grid {
    z-index: 1;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 32px;
    padding: 12px;
}

.content-link-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--colors-neutral--1000);
    text-align: center;
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 16px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
}

.content-link-card.raised {
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.dropdown-link-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

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

.title-center-x-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 600px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.course-review {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    display: flex;
}

.content-footnote {
    justify-content: center;
    align-items: center;
    margin-top: 88px;
    display: flex;
}

.course-badges {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: wrap;
    display: flex;
}

.badge.blue {
    border-color: var(--colors-blue--200);
    background-color: var(--colors-blue--100);
    color: var(--colors-blue--500);
}

.badge.yellow {
    background-color: var(--colors-yellow--50);
    color: var(--colors-yellow--500);
}

.badge.purple {
    border-color: var(--colors-purple--100);
    background-color: var(--colors-purple--50);
    color: var(--colors-purple--500);
}

.course-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding: 16px;
    display: flex;
}

.course-payments {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.course-avatar-small {
    border-radius: 100%;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.label-medium {
    font-size: 16px;
    line-height: 24px;
}

.label-medium.text-weight-semibold {
    font-weight: 600;
}

.label-medium.text-color-gray-600 {
    color: var(--colors-neutral--600);
}

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

.label-medium.text-weight-medium.text-color-gray-500 {
    color: var(--colors-neutral--500);
}

.course-author {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.text-color-gray-800 {
    color: #000000;
}

.course-video {
 
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.divider-horizontal {
    background-color: var(--colors-neutral--200);
    height: 1px;
}

.text-color-gray-900 {
    color: var(--colors-neutral--900);
}

.text-color-gray-700 {
    color: var(--colors-neutral--700);
}




.course-payment-options {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex-flow: wrap;
    display: flex;
}

.course-payment-logo {
    display: flex;
}

.course-payment-button {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--0);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 32px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
    box-shadow: 0 1px .5px rgba(149, 160, 178, .08);
}

.course-main-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.course-tab-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
    padding: 4px;
    display: flex;
}

.course-tab-link {
    color: var(--colors-neutral--500);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 96px;
    width: 100%;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s;
}

.course-tab-link:hover {
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--600);
}

.course-tab-link.w--current {
    color: var(--colors-neutral--800);
    background-color: #fff;
    font-weight: 600;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-tag {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    display: inline-flex;
}

.course-tag.red {
    border-color: var(--colors-red--200);
    background-color: var(--colors-red--100);
    color: var(--colors-red--500);
    flex: 1;
}

.course-tag.yelllow {
    border-color: var(--colors-yellow--100);
    background-color: var(--colors-yellow--50);
    color: var(--colors-yellow--500);
    flex: 1;
}

.course-tags {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
}

.course-information {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.course-details {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
}

.course-details-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    text-align: center;
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 40px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-avatar-wrapper {
    width: 128px;
    height: 128px;
    position: relative;
}

.course-avatar-check {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -4px;
    left: auto;
    right: -4px;
}

.course-avatar {
    border-radius: 100%;
    overflow: hidden;
}

.course-details-tags {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: row;
    width: 100%;
    display: flex;
}

.course-button-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    width: 100%;
    display: flex;
}

.course-social-icons {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    display: flex;
}

.social-link:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-border-wrapper {
    border: 1px solid var(--colors-neutral--200);
    border-radius: 16px;
    padding: 24px;
}

.course-border-wrapper.small {
    padding: 16px;
}

.wrap-v-small.align-c {
    justify-content: center;
    align-items: center;
}

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

.course-list-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.course-count {
    background-color: #fff;
    border-radius: 100%;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    display: flex;
    box-shadow: 0 1px 1px rgba(32, 31, 31, .07), 0 2px 5px rgba(0, 0, 0, .2), 0 1px 1px rgba(32, 31, 31, .04), 0 2px 1px rgba(32, 31, 31, .01), 0 3px 2px rgba(32, 31, 31, 0);
}

.input-shortcut-embed {
    display: none;
}

.course-dropdown-trigger {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--colors-neutral--950);
    justify-content: space-between;
    align-items: stretch;
    padding-right: 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    display: flex;
}

.course-dropdown-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-top: 16px;
    display: flex;
}

.course-dropdown-inner.last {
    padding-bottom: 0;
}

.course-review-filters {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.divider-vertical {
    background-color: var(--colors-neutral--300);
    width: 1px;
    height: 10px;
}

.course-review-settings {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: row;
    justify-content: space-between;
    margin-bottom: 32px;
    display: flex;
}

.course-rating-filter {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    cursor: pointer;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 2px 8px 2px 6px;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex;
}

.course-rating-filter:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-rating-filter.all {
    padding-left: 12px;
    padding-right: 12px;
}

.course-review-ratings {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: wrap;
    display: flex;
}

.course-sort-dropdown-toggle {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    align-items: center;
    padding: 2px 12px 2px 8px;
    font-weight: 500;
    transition: all .2s;
    display: flex;
}

.course-sort-dropdown-toggle:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-sort-dropdown {
    margin-left: 0;
    margin-right: 0;
}

.course-review-avatar {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.course-review-author {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
}

.course-review-header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}

.review-rating {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid var(--colors-yellow--100);
    background-color: var(--colors-yellow--50);
    color: var(--colors-yellow--500);
    border-radius: 96px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 4px 12px 4px 6px;
    display: inline-flex;
}

.course-review-lolol {
    color: var(--colors-neutral--500);
    justify-content: space-between;
    margin-top: 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
}

.review-upvote {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    cursor: pointer;
    align-items: center;
    transition: color .2s;
    display: flex;
}

.review-upvote:hover {
    color: var(--colors-neutral--1000);
}

.icon-xx-small {
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    display: flex;
}

.course-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.course-content-header {
    justify-content: space-between;
    padding-right: 16px;
    display: flex;
}

.course-sort-dropdown-list {
    background-color: var(--colors-neutral--0);
}

.course-sort-dropdown-list.w--open {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 8px;
    flex-flow: column;
    min-width: 150px;
    margin-top: 4px;
    padding: 2px;
    display: flex;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%;
}

.course-sort-dropdown-link {
    border-radius: 6px;
    width: 100%;
    padding: 8px;
    font-weight: 500;
}

.course-sort-dropdown-link:hover {
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.email-form {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
}

.email-form-block {
    width: 100%;
    max-width: 526px;
    margin-bottom: 0;
}

.cta-carousel {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    width: 2760px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.course-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--800);
    white-space: nowrap;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 4px 4px 4px 16px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color .2s;
    display: flex;
}

.course-link:hover {
    border-color: var(--colors-neutral--400);
}

.cta-carousel-wrapper {
    max-width: 2560px;
    height: 38px;
    margin-top: 78px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.cta-course-count {
    background-color: var(--colors-neutral--0);
    border-radius: 96px;
    padding: 4px 12px;
    font-weight: 400;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.section-cta {
    background-color: var(--colors-neutral--50);
    padding-top: 96px;
    padding-bottom: 96px;
}

.page-padding {
    padding-left: 5%;
    padding-right: 5%;
}

.title-wrapper-small {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 622px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.cta-course-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    padding: 8px;
    display: flex;
}

.cta-course-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-neutral--1000);
    background-color: #fff;
    border-radius: 16px;
    flex-flow: column;
    padding: 8px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.cta-course-details {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.label-x-small {
    font-size: 12px;
    line-height: 16px;
}

.avatar-x-small {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.cta-footnote {
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    display: flex;
}

.cta-course-image {
    border-radius: 12px;
    height: 256px;
    overflow: hidden;
}

.cta-course-image.large {
    height: 320px;
}

.cta-course-detail {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--800);
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.cta-course-card-featured {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    color: var(--colors-neutral--1000);
    background-color: #fff;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 8px;
    text-decoration: none;
    display: grid;
    overflow: hidden;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.cta-course-badges {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
}

.cta-course-content-featured {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    display: flex;
}

.cta-card-grid {
    grid-column-gap: 24px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.cta-service-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 24px;
    flex-flow: column;
    padding: 32px;
    display: flex;
}

.cta-card-image {
    width: 200px;
}

.cta-description {
    text-align: center;
    margin-top: 134px;
}

.text-link {
    color: var(--colors-neutral--1000);
    text-decoration: underline;
}

.feature-cta {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    display: flex;
}

.feature-illustration {
    width: 132px;
}

.section-feature {
    padding-top: 96px;
    padding-bottom: 96px;
}

.feature-grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .75fr;
}

.feature-carousel-wrapper {
    max-width: 2560px;
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.feature-carousel {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 2760px;
    display: flex;
}

.feature-link-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--1000);
    text-align: center;
    white-space: nowrap;
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 306px;
    padding: 24px 16px;
    text-decoration: none;
    display: flex;
}

.feature-link-card:hover {
    background-color: var(--colors-neutral--0);
}

.feature-link-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.feature-link-text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.icon-wrapper-regular {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
}

.title-grid-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    margin-bottom: 80px;
}

.feature-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 24px;
    align-items: center;
    padding: 32px;
    display: flex;
}

.feature-footnote {
    max-width: 500px;
    margin-top: 88px;
}

.feature-image {
    height: 100%;
}

.feature-lolol {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin-top: 88px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.feature-item {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px;
    display: flex;
}

.feature-card-grid, .feature-grid-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.feature-grid-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: .7fr 1fr;
}

.feature-link {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--1000);
    text-align: center;
    white-space: nowrap;
    border-radius: 24px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 24px 16px;
    text-decoration: none;
    display: flex;
}

.feature-link:hover {
    background-color: var(--colors-neutral--0);
}

.feature-grid-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr .75fr;
}

.form-input-large {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--800);
    border-radius: 96px;
    min-height: 48px;
    margin-bottom: 0;
    padding: 12px 12px 12px 44px;
    font-size: 16px;
    line-height: 24px;
    transition: border-color .2s;
}

.form-input-large:hover {
    border-color: var(--colors-neutral--400);
}

.form-input-large:focus {
    border-color: var(--colors-red--500);
}

.lolol-section {
    background-color: var(--colors-neutral--50);
    padding: 120px 5% 64px;
}

.lolol-top-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 64px;
    display: flex;
}

.lolol-vertical-divider {
    background-color: var(--colors-neutral--300);
    width: 1px;
    height: 32px;
}

.lolol-button-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.lolol-links-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    width: 100%;
    max-width: 636px;
}

.lolol-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
}

.lolol-link {
    color: var(--colors-neutral--600);
    font-size: 18px;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s;
}

.lolol-link:hover {
    color: var(--colors-neutral--1000);
}

.lolol-divider {
    background-color: var(--colors-neutral--200);
    height: 1px;
    margin-top: 80px;
    margin-bottom: 24px;
}

.lolol-legal-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
}

.lolol-legal-links {
    grid-column-gap: 48px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    display: flex;
}

.lolol-legal-link {
    color: var(--colors-neutral--600);
    text-decoration: none;
    transition: color .2s;
}

.lolol-legal-link:hover {
    color: var(--colors-neutral--1000);
}

.lolol-form {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.lolol-company-details {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.lolol-form-block {
    margin-bottom: 0;
}

.checkbox-field {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: var(--colors-neutral--600);
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

.checkbox {
    border-color: var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin-top: 0;
}

.checkbox.w--redirected-checked {
    border-color: var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    background-image: url("https://cdn.prod.website-files.com/6631945ca0a8facb15156762/663ae08c3be415b44ff1b4dc_Checkbox%20Circle.svg");
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin-top: 0;
}

.checkbox.w--redirected-focus {
    box-shadow: none;
}

.lolol-form-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-direction: column;
    width: 100%;
    max-width: 308px;
    display: flex;
}

.timeline-title {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 800px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.button-group-column {
    flex-flow: column;
    margin-top: 24px;
    display: flex;
}

.timeline-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr 1fr;
}

.timeline-image-wrapper {
    justify-content: center;
    align-items: center;
    padding: 32px;
    display: flex;
}

.timeline-line-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}

.timeline-line {
    background-color: var(--colors-neutral--200);
    width: 1px;
    height: 100%;
    position: absolute;
}

.timeline-number {
    background-color: #fff;
    color: #000;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    position: relative;
}

.timeline-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 48px;
    padding-bottom: 48px;
    display: flex;
}

.title-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    max-width: 640px;
    margin-bottom: 64px;
    display: flex;
}

.timeline-count {
    background-color: var(--colors-neutral--1000);
    color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 32px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
}

.timeline-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    align-items: center;
    margin-top: 32px;
    display: flex;
}

.title-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    align-items: end;
    margin-bottom: 64px;
}

.title-button-group {
    flex-flow: wrap-reverse;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
}

.timeline-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 24px;
    flex-flow: column;
    padding: 24px;
    display: flex;
}

.timeline-number-wrapper {
    background-color: var(--colors-neutral--1000);
    color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
}

.timeline-step-grid {
    grid-template-rows: auto;
    grid-template-columns: .25fr 1.25fr;
}

.timeline-step-row {
    padding-top: 24px;

}

.timeline-step-line {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative;
}

.timeline-step-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.timeline-step-image {
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
}

.content-link-row {
    z-index: 1;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 2660px;
}

.content-link-row.bottom {
    padding-bottom: 6px;
}

.content-section {
    background-color: var(--colors-neutral--50);
    padding-top: 96px;
    padding-bottom: 96px;
}

.content-lolol {
    text-align: center;
    justify-content: center;
    align-items: center;
    max-width: 1060px;
    margin-top: 104px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
}

.content-carousel {
    z-index: 5;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 6px;
    display: flex;
    overflow: hidden;
}

.content-link-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    display: flex;
}

.content-title {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1060px;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
}

.feature-cards {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.feature-card-large {
    grid-column-gap: 32px;
    grid-row-gap: 32px;

    border-radius: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 32px;
    display: flex;
}

.timeline-content-button {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    align-items: center;
    display: flex;
}

.lolol-details-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 420px;
    display: flex;
}

.lolol-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    align-items: start;
}

.lolol-links {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    width: 100%;
    max-width: 636px;
}

.lolol-form-card {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 12px;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    padding: 24px;
    display: flex;
}

.lolol-top-wrapper {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    display: flex;
}

.title-wrapper-large {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 900px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.team-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
    display: flex;
}

.team-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
}

.team-avatar {
    border: 2px solid var(--colors-neutral--0);
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    flex: none;
    width: 196px;
    height: 196px;
    overflow: hidden;
}

.team-description {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.team-name {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.overline-x-small {
    letter-spacing: .8px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.overline-x-small.text-color-red {
    color: var(--colors-red--500);
}

.team-socials {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.team-lolol {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: space-between;
    display: flex;
}

.team-review {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: var(--colors-neutral--0);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-instructor-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    text-align: center;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding: 32px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-instructor-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.team-badge {
    background-color: var(--colors-blue--100);
    color: var(--colors-blue--500);
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 96px;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    place-self: center;
}

.team-statistics {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.team-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.team-statistic {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    display: flex;
}

.team-divider {
    background-color: var(--colors-neutral--300);
    width: 1px;
    height: 16px;
}

.team-avatar-wrapper {
    width: 128px;
    height: 128px;
    position: relative;
}

.social-icon-link {
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--900);
    border-radius: 100%;
    padding: 8px;
    transition: border-color .2s, color .2s, background-color .2s;
}

.social-icon-link:hover {
    border-top-color: var(--colors-neutral--300);
    border-right-color: var(--colors-neutral--300);
    border-bottom-color: var(--colors-neutral--300);
    border-left-color: var(--colors-neutral--300);
    color: var(--colors-neutral--1000);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-avatar-large {
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    overflow: hidden;
}

.team-avatar-check {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -4px;
    left: auto;
    right: -4px;
}

.team-social-row {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.team-details {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-instructor-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-left {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.team-details-top {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.team-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.team-details-bottom {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.team-rating {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-instructor {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 32px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
    box-shadow: 0 20px 56px rgba(69, 65, 113, .16);
}

.team-instructor-metrics {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.team-instructor-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.team-socials-group {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
}

.team-top-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
}

.team-instructor-heading {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px;
    display: flex;
}

.team-instructor-name {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.team-instructor-headshot {
    width: 156px;
    height: 156px;
    position: relative;
}

.team-instructor-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.team-instructor-statistics {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
}

.team-instructor-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 24px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.team-course-video {
    aspect-ratio: 3 / 2;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}

.course-video-lightbox-link {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--colors-neutral--0);
    background-color: rgba(32, 31, 31, .12);
    border: 1px solid rgba(215, 212, 210, .08);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    transition: background-color .3s;
    display: flex;
    position: relative;
}

.course-video-lightbox-link:hover {
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--1000);
}

.team-badge-video {
    z-index: 1;
    border: 1px solid var(--colors-red--200);
    background-color: var(--colors-red--100);
    color: var(--colors-red--500);
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 96px;
    padding: 2px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    position: absolute;
    top: 12px;
    bottom: auto;
    left: 12px;
    right: auto;
}

.team-course-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.team-course {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.team-video-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: flex-start;
    padding: 8px;
    display: flex;
}

.course-item-statistics-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
}

.course-item-statistic {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--800);
    justify-content: center;
    align-items: center;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
}

.team-course-details {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.team-rating-badge {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid var(--colors-yellow--100);
    background-color: var(--colors-yellow--50);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

.course-video-thumbnail {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.team-instructor-header-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.content-cards-carousel {
    width: 100%;
    max-width: 2560px;
    margin: 64px auto 56px;
    overflow: hidden;
}

.course-detail {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--800);
    justify-content: center;
    align-items: center;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
}

.course-info-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: flex;
}

.content-card-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 2760px;
    display: flex;
}

.content-course-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border-radius: 16px;
    flex-flow: column;
    padding: 8px;
    display: flex;
}

.content-carousel-section {
    padding-top: 96px;
    padding-bottom: 96px;
}

.content-button-footnote {
    justify-content: center;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
}

.content-title-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    align-items: end;
}

.content-course-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.content-cards-section {
    padding-bottom: 96px;
}

.content-cards-container {
    width: 100%;
    max-width: 2560px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.content-button-lolol {
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
}

.content-course-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    margin-bottom: 64px;
}

.course-gradient {
    background-image: linear-gradient(rgba(0, 0, 0, 0), #fff);
    justify-content: center;
    align-items: center;
    height: 100px;
    padding-top: 18px;
    padding-bottom: 18px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.pricing-tab-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 96px;
    justify-content: flex-start;
    width: 100%;
    max-width: 320px;
    margin-bottom: 48px;
    padding: 4px;
    display: flex;
}

.pricing-tab-link {
    color: var(--colors-neutral--500);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s;
    display: flex;
}

.pricing-tab-link:hover {
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--600);
}

.pricing-tab-link.w--current {
    color: var(--colors-neutral--800);
    background-color: #fff;
    font-weight: 600;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.pricing-tabs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.pricing-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 16px;
    flex-flow: column;
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px;
    display: flex;
}

.pricing-card-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px;
    display: flex;
}

.pricing-tabs-content {
    width: 100%;
}

.pricing-price-row {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.pricing-price-text {
    color: var(--colors-neutral--1000);
    letter-spacing: -.54px;
    font-family: Uncut Sans, sans-serif;
    font-size: 67px;
    font-weight: 500;
    line-height: 1.2;
}

.pricing-price-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.pricing-discount-text {
    color: #6f41d2;
    font-family: Uncut Sans, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: line-through;
}

.pricing-card-divider {
    background-color: var(--colors-neutral--200);
    width: 100%;
    height: 1px;
}

.pricing-feature-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding: 8px;
    display: flex;
}

.pricing-feature {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-neutral--800);
    justify-content: flex-start;
    align-items: center;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 16px;
    line-height: 24px;
    display: flex;
}

.pricing-card-tall {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid #282828;
    border-radius: 16px;
    flex-flow: column;
    box-shadow: 3px 3px 0 0 #090612;
    padding: 24px;
    display: flex;
    background-color: #ffffff;
}

.pricing-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    align-items: start;
    grid-template-columns: 1fr 1fr 1fr;
}

.pricing-card-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 16px;
    grid-template-rows: auto;
    align-items: start;
    padding: 24px;
}

.pricing-card-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    height: 100%;
    display: flex;
}

.pricing-carousel-wrapper {
    justify-content: center;
    align-items: center;
    height: 420px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.pricing-card-left {
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
}

.pricing-card-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8px;
    display: flex;
}

.pricing-text {
    color: var(--colors-neutral--1000);
    letter-spacing: -.54px;
    font-family: Uncut Sans, sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.2;
}

.pricing-course-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 1060px;
    position: absolute;
}

.filter-course-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    padding: 8px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-item-video-wrapper {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 250px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.course-video-timestamp {
    z-index: 1;
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--0);
    background-color: rgba(32, 31, 31, .24);
    border-radius: 96px;
    justify-content: flex-start;
    align-items: center;
    padding: 2px 10px 2px 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 8px;
    left: 8px;
    right: auto;
}

.course-item-description {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.course-item-statistics {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.course-item-details {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    align-items: flex-start;
    padding: 12px 8px;
    display: flex;
}

.pricing-carousel-gradient {
    background-image: linear-gradient(90deg, var(--colors-neutral--50), rgba(255, 255, 255, 0));
    pointer-events: none;
    width: 90px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.pricing-carousel-gradient.right {
    background-image: linear-gradient(270deg, var(--colors-neutral--50), rgba(255, 255, 255, 0));
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.pricing-tab-menu-dark {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    justify-content: flex-start;
    width: 100%;
    max-width: 320px;
    margin-bottom: 48px;
    padding: 4px;
    display: flex;
}

.faq-tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    justify-content: flex-start;
    width: 100%;
    max-width: 420px;
    margin-bottom: 48px;
    padding: 4px;
    display: flex;
}

.faq-tab-link {
    color: #000000;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 4px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s;
    display: flex;
}

.faq-tab-link:hover {
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--600);
}

.faq-tab-link.w--current {
    color: var(--colors-neutral--800);
    background-color: #fff;
    font-weight: 600;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.faq-tabs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}




.faq-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
}

.faq-item {
    background-color: var(--colors-neutral--0);
    border-radius: 12px;
    flex-flow: column;
    grid-row-gap: 11px;
    padding: 8px 20px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.faq-toggle {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--colors-neutral--950);
    justify-content: space-between;
    align-items: stretch;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    display: flex;
    padding-left: 0px;
}

.faq-dropdown-contet {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
    overflow: hidden;
}

.faq-dropdown-padding {
    padding-bottom: 8px;
    padding-right: 24px;
}

.faq-list-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
    display: flex;
}

.faq-support-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    max-width: 320px;
    display: flex;
}

.faq-support-link {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--1000);
    text-align: center;
    border-radius: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex;
}

.faq-support-link:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.faq-support-text {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.faq-support-title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.faq-illustration-wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
}

.faq-grid-left {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
}

.faq-list-wrapper-small {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-items: center;
    max-width: 460px;
    display: flex;
}

.filter-main-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: .3fr 1fr;
}

.filter-form-block {
    min-width: 320px;
    margin-bottom: 0;
}

.filter-form {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    padding: 8px 24px 24px;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-dropdown-toggle {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px 16px;
    display: flex;
}

.filter-dropdown-group {
    flex-flow: column;
    display: flex;
}

.search-form-input {
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--800);
    border-radius: 96px;
    min-height: 40px;
    margin-bottom: 0;
    padding: 12px 12px 12px 40px;
    font-size: 16px;
    line-height: 24px;
    transition: border-color .2s;
}

.search-form-input:hover {
    border-color: var(--colors-neutral--400);
}

.search-form-input:focus {
    border-color: var(--colors-red--500);
}

.filter-dropdown-content {
    padding-left: 24px;
    padding-right: 24px;
    overflow: hidden;
}

.filter-tags {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: wrap;
    display: flex;
}

.filter-tag {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--600);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 4px 12px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    display: inline-flex;
}

.filter-tag:hover {
    background-color: var(--colors-neutral--200);
    color: var(--colors-neutral--1000);
}

.filter-tag.active {
    border-color: var(--colors-neutral--1000);
    background-color: var(--colors-neutral--1000);
    color: var(--colors-neutral--0);
}

.filter-divider {
    background-color: var(--colors-neutral--200);
    height: 1px;
}

.filter-dropdown-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding-bottom: 24px;
    display: flex;
}

.filter-checkbox-list {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.filter-checkbox {
    border-width: 2px;
    border-color: var(--colors-neutral--500);
    border-radius: 100%;
    flex: none;
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: -8px;
    margin-right: auto;
}

.filter-checkbox.w--redirected-checked {
    border-width: 2px;
    border-color: var(--colors-neutral--1000);
    background-color: var(--colors-neutral--1000);
    background-image: url("https://cdn.prod.website-files.com/6631945ca0a8facb15156762/664321bf7f0a0728fdc07243_Checkbox%20Filled.svg");
    background-size: contain;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    margin-top: 0;
}

.filter-checkbox.w--redirected-focus {
    box-shadow: none;
}

.filter-checkbox.right {
    margin-left: 0;
    margin-right: -8px;
}

.filter-checkbox-field {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    position: relative;
}

.filters-reset-button {
    border: 1px solid var(--colors-red--200);
    background-color: var(--colors-red--100);
    color: var(--colors-red--500);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
}

.filter-checkbox-stars {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.filter-search-shortcut {
    border: 1px solid var(--colors-neutral--100);
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
}

.filter-results-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.toggle-base {
    border: 1px solid var(--colors-neutral--300);
    background-color: var(--colors-neutral--200);
    cursor: pointer;
    border-radius: 96px;
    justify-content: flex-end;
    align-items: center;
    width: 40px;
    height: 24px;
    padding: 4px;
    display: flex;
    position: relative;
}

.toggle-thumb {
    z-index: 1;
    filter: drop-shadow(0 1px 1px rgba(32, 31, 31, .07)) drop-shadow(0 1px 1px rgba(32, 31, 31, .04)) drop-shadow(0 2px 1px rgba(32, 31, 31, .01)) drop-shadow(0 3px 2px rgba(32, 31, 31, 0));
    background-color: #fff;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    position: absolute;
}

.filter-toggle-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.filter-toggle-item {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
}

.filter-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding: 8px;
    display: flex;
}

.filter-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    display: flex;
}

.filter-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
}

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

.filter-sort-dropdown-toggle {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border: 1px solid var(--colors-neutral--200);
    border-radius: 96px;
    align-items: center;
    padding: 10px 16px 10px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s;
    display: flex;
}

.filter-sort-dropdown-toggle:hover {
    border-color: var(--colors-neutral--200);
}

.filter-sort-dropdown-toggle:focus {
    border-top-color: var(--colors-neutral--200);
    border-right-color: var(--colors-neutral--200);
    border-bottom-color: var(--colors-neutral--200);
    border-left-color: var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-dropdown-text {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    display: flex;
}

.filter-sort-dropdown {
    margin-left: 0;
    margin-right: 0;
}

.filter-sort-dropdown-list {
    background-color: var(--colors-neutral--0);
}

.filter-sort-dropdown-list.w--open {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--50);
    border-radius: 8px;
    flex-flow: column;
    margin-top: 4px;
    padding: 4px;
    display: flex;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%;
}

.filter-sort-dropdown-link {
    border: 1px solid var(--colors-neutral--50);
    border-radius: 8px;
    width: 100%;
    padding: 8px;
    font-weight: 500;
    transition: border-color .2s, background-color .2s;
}

.filter-sort-dropdown-link:hover {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
}

.filter-display-toggle {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    justify-content: flex-end;
    align-items: center;
    width: 84px;
    padding: 4px;
    display: flex;
    position: relative;
}

.filter-display-button {
    z-index: 1;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    display: flex;
}

.filter-menu-button {
    display: none;
}

.component-loligation-wrapper {
    background-color: var(--colors-neutral--50);
    padding-bottom: 500px;
}

.cta-avatar-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.cta-badge-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.cta-detail-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    display: flex;
}

.lolol-button-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.lolol-social-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.collection-legal-block {
    margin-top: 72px;
}

.collection-legal-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.collection-lolol-text {
    color: #000;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
}

.collection-lolol-span {
    color: var(--colors-yellow--500);
    text-decoration: none;
}

.collection-lolol-divider {
    background-color: #dde3e8;
    height: 1px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.collection-made-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    display: flex;
}

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

.lol-dropdown-toggle {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--600);
    justify-content: flex-start;
    align-items: center;
    padding: 8px 8px 8px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: color .3s;
    display: flex;
}

.lol-dropdown-toggle:hover {
    color: var(--colors-neutral--1000);
}

.lol-dropdown {
    margin-left: 0;
    margin-right: 0;
    position: static;
}

.lol-dropdown-list-medium {
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    width: 100%;
    max-width: 900px;
    padding: 12px;
}

.lol-dropdown-list-medium.w--open {
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    padding: 12px;
    top: 64px;
    bottom: auto;
    left: 0%;
    right: auto;
}

.lol-dropdown-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    display: flex;
}

.dropdown-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 12px;
    flex-flow: column;
    padding: 12px;
    display: flex;
}

.dropdown-title-wrapper {
    color: var(--colors-neutral--500);
    padding: 8px 4px;
}

.dropdown-column {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.dropdown-tag {
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--700);
    border-radius: 8px;
    padding: 8px 16px;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s, background-color .3s;
}

.dropdown-tag:hover {
    background-color: var(--colors-neutral--1000);
    color: var(--colors-neutral--0);
}

.dropdown-tags {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
}

.dropdown-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-neutral--1000);
    border-radius: 8px;
    flex-flow: column;
    padding: 8px;
    text-decoration: none;
    transition: box-shadow .2s, background-color .2s;
    display: flex;
}

.dropdown-card:hover {
    background-color: var(--colors-neutral--0);
}

.dropdown-card-title {
    padding: 4px;
}

.dropdown-cards {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
}

.dropdown-link {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 1px solid var(--colors-neutral--0);
    color: var(--colors-neutral--600);
    white-space: nowrap;
    border-radius: 96px;
    justify-content: flex-start;
    align-items: center;
    padding: 4px 24px 4px 4px;
    font-weight: 500;
    text-decoration: none;
    transition: border .3s, color .3s, background-color .3s;
    display: flex;
}

.dropdown-link:hover {
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--1000);
}

.dropdown-icon-wrapper {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    padding: 6px;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.dropdown-divider {
    background-color: var(--colors-neutral--50);
    border-radius: 4px;
    height: 2px;
}

.dropdown-side-menu {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: space-between;
    display: flex;
}

.dropdown-links-group {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.dropdown-card-image {
    aspect-ratio: 16 / 9;
    border-radius: 6px;
    overflow: hidden;
}

.dropdown-links-list {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
}

.lol-dropdown-list {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.lol-dropdown-list.w--open {
    background-color: rgba(0, 0, 0, 0);
    top: 72px;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: hidden;
}

.lol-grid {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr .25fr 1.2fr;
    align-items: center;
    justify-items: stretch;
    width: 100%;
}

.lol-form-block {
    width: 100%;
    max-width: 400px;
    margin-bottom: 0;
}

.lol-menu {
    width: 100%;
}

.lol-content-left {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex: 1;
    display: flex;
}

.dropdown-content-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 12px;
    display: grid;
}

.dropdown-link-list {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: 100%;
    display: flex;
}

.dropdown-link-small {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--1000);
    border-radius: 8px;
    justify-content: space-between;
    width: 100%;
    min-width: 270px;
    padding: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: box-shadow .2s;
    display: flex;
}

.dropdown-link-small:hover {
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.dropdown-link-large {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--500);
    border-radius: 8px;
    flex-flow: column;
    justify-content: space-between;
    padding: 16px;
    text-decoration: none;
    transition: box-shadow .2s, color .2s;
    display: flex;
}

.dropdown-link-large:hover {
    background-color: var(--colors-neutral--0);
    color: var(--colors-red--500);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.dropdown-card-text-wrapper {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.dropdown-arrow-link {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    font-weight: 500;
    display: flex;
}

.dropdown-link-left {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.dropdown-arrow {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex;
}

.lol-dropdown-wrapper {
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    width: 100%;
    padding: 12px;
}

.lol-dropdown-wrapper.w--open {
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    padding: 12px;
    top: 64px;
    bottom: auto;
    left: 0%;
    right: auto;
}

.dropdown-main-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    padding: 12px;
    display: flex;
}

.dropdown-card-small {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--800);
    border-radius: 8px;
    flex-flow: column;
    justify-content: flex-start;
    padding: 12px;
    text-decoration: none;
    transition: color .2s, box-shadow .2s;
    display: flex;
}

.dropdown-card-small:hover {
    color: var(--colors-red--500);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.dropdown-card-header {
    justify-content: space-between;
    font-weight: 600;
    display: flex;
}

.dropdown-card-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
}

.dropdown-card-description {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    padding: 4px;
    display: flex;
}

.dropdown-card-featured {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--1000);
    border-radius: 8px;
    flex-flow: column;
    width: 270px;
    height: 100%;
    padding: 8px;
    text-decoration: none;
    transition: box-shadow .2s, color .2s;
    display: flex;
}

.dropdown-card-featured:hover {
    background-color: var(--colors-neutral--0);
    color: var(--colors-red--500);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.dropdown-card-thumbnail {
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}

.dropdown-links-grid {
    z-index: 1;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    padding: 12px;
}

.dropdown-link-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--colors-neutral--1000);
    text-align: center;
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 24px 16px;
    text-decoration: none;
    transition: box-shadow .2s, background-color .2s;
    display: flex;
}

.dropdown-link-block:hover {
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.collection-loligation-text {
    font-size: 14px;
    line-height: 20px;
}

.course-title, .lolol-link-wrapper, .lolol-socials {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.course-side-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
    max-width: 490px;
    display: flex;
}

.instructor-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    text-align: center;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding: 32px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.instructor-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.instructor-socials {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: row;
    align-items: center;
    display: flex;
}

.instructor-statistics {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.instructor-avatar-wrapper {
    width: 128px;
    height: 128px;
    position: relative;
}

.instructor-avatar {
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    overflow: hidden;
}

.instructor-verified {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: -4px;
    left: auto;
    right: -4px;
}

.instructor-details {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.instructor-statistic {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    justify-content: center;
    align-items: center;
    padding: 8px 12px;
    display: flex;
}

.course-divider {
    background-color: var(--colors-neutral--300);
    width: 1px;
    height: 16px;
}

.course-thumbnail {
    background-image: url("https://cdn.prod.website-files.com/6631945ca0a8facb15156762/66343f68a393b37843999378_Course%2001%20Thumbnail.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    height: 400px;
    display: flex;
}

.course-badge {
    border: 1px solid var(--colors-red--200);
    background-color: var(--colors-red--100);
    color: var(--colors-red--500);
    letter-spacing: .8px;
    text-transform: uppercase;
    border-radius: 96px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.course-badge.blue {
    border-color: var(--colors-blue--200);
    background-color: var(--colors-blue--100);
    color: var(--colors-blue--500);
}

.course-rating-select {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    flex-flow: wrap;
    padding: 4px;
    display: flex;
}

.course-rating-choice {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--500);
    cursor: pointer;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 2px 8px 2px 6px;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex;
}

.course-rating-choice:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--1000);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-rating-all {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    cursor: pointer;
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    font-weight: 600;
    transition: all .2s;
    display: inline-flex;
}

.course-rating-all:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-content-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
}

.course-sort-toggle {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    align-items: center;
    padding: 6px 16px 6px 12px;
    font-weight: 500;
    transition: all .2s;
    display: flex;
}

.course-sort-toggle:hover {
    border-top-color: var(--colors-neutral--0);
    border-right-color: var(--colors-neutral--0);
    border-bottom-color: var(--colors-neutral--0);
    border-left-color: var(--colors-neutral--0);
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-rating {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: var(--colors-neutral--0);
    border-radius: 96px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 4px 12px 4px 6px;
    display: inline-flex;
}

.course-dropdown-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    color: var(--colors-neutral--950);
    flex-flow: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 8px 20px 8px 8px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    display: flex;
}

.course-lesson-description {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
}

.course-video-play {
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: var(--colors-neutral--0);
    background-color: rgba(32, 31, 31, .12);
    border: 1px solid rgba(215, 212, 210, .08);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    position: absolute;
}

.course-thumbnail-wrapper {
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 64px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.course-lesson-details {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    align-items: center;
    display: flex;
}

.course-lesson {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: var(--colors-neutral--1000);
    border-radius: 8px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px 8px 8px;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    transition: box-shadow .2s, background-color .2s;
    display: flex;
}

.course-lesson:hover {
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.course-video-lightbox {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--1000);
    border-radius: 96px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 12px 8px 8px;
    font-weight: 600;
    text-decoration: none;
    transition: color .2s, background-color .2s;
    display: flex;
}

.course-video-lightbox:hover {
    background-color: var(--colors-neutral--1000);
    color: var(--colors-neutral--0);
}

.course-lesson-list {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    padding-top: 8px;
    display: flex;
}

.course-product {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    padding: 24px;
    display: flex;
}

.lol-menu-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    display: grid;
}

.lol-search-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.lol-button-group {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex: none;
    display: flex;
}

.content-courses {
    scrollbar-gutter: stable;
    width: 100%;
    max-width: 500px;
    height: 500px;
    position: relative;
    overflow: auto;
}

.filter-display-thumb {
    background-color: var(--colors-neutral--0);
    pointer-events: none;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    position: absolute;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-dropdown-card {
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    padding-bottom: 4px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-form-column {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 64px;
}

.filter-dropdown-inner-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid var(--colors-neutral--200);
    flex-flow: column;
    padding-top: 16px;
    padding-bottom: 20px;
    display: flex;
}

.filter-tag-close {
    cursor: pointer;
    border-radius: 100%;
    padding: 2px;
    transition: color .2s, background-color .2s;
}

.filter-tag-close:hover {
    background-color: var(--colors-neutral--0);
    color: var(--colors-red--500);
}

.filter-applied-filters {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    display: flex;
}

.filter-active-tag {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--600);
    border-radius: 96px;
    justify-content: center;
    align-items: center;
    padding: 4px 4px 4px 12px;
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
}

.filter-dropdown-toggle-small {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
}

.filter-tabs-wrapper {
    position: relative;
}

.filter-title-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 600px;
    margin-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.filter-categories {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
}

.filter-search-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
}

.filter-search-form-block {
    width: 100%;
    margin-bottom: 0;
}

.filter-tab-link {
    color: var(--colors-neutral--500);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 96px;
    width: 100%;
    padding: 6px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transition: all .2s;
}

.filter-tab-link:hover {
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--600);
}

.filter-tab-link.w--current {
    color: var(--colors-neutral--800);
    background-color: #fff;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-tabs-menu {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    justify-content: flex-start;
    margin-bottom: 32px;
    padding: 4px;
    display: flex;
}

.filter-tabs {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.filter-tabs-content {
    width: 100%;
}

.filter-lolbar {
    background-color: rgba(0, 0, 0, 0);
}

.filter-lolbar-row {
    display: none;
}

.filter-lol-menu {
    background-color: rgba(0, 0, 0, 0);
}

.filter-actions-desktop {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.filter-actions-tablet {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.filter-results-grid-small {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.filter-dropdown-content-small {
    overflow: hidden;
}

.filter-checkbox-trigger {
    z-index: 1;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.filter-checkbox-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    width: 100%;
    margin-right: -8px;
    display: flex;
}

.filter-checkbox-content.right {
    margin-left: -8px;
    margin-right: 0;
}

.filter-checkbox-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.search-button {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 2px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: 4px;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-search-input {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--800);
    border-radius: 96px;
    min-height: 48px;
    margin-bottom: 0;
    padding: 12px 12px 12px 20px;
    font-size: 16px;
    line-height: 24px;
    transition: border-color .2s;
}

.filter-search-input:hover {
    border-color: var(--colors-neutral--400);
}

.filter-search-input:focus {
    border-color: var(--colors-red--500);
}

.link-block {
    background-color: var(--colors-neutral--100);
    border-radius: 100%;
    padding: 12px;
}

.search-show-trigger {
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: hidden;
}

.filter-search-form {
    position: relative;
}

.search-input-field {
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    color: var(--colors-neutral--800);
    border-radius: 96px;
    width: 250px;
    height: 44px;
    margin-bottom: 0;
    padding: 12px 26px 12px 16px;
    line-height: 24px;
    transition: border-color .2s;
}

.search-input-field:hover {
    border-color: var(--colors-neutral--400);
}

.search-input-field:focus {
    border-color: var(--colors-red--500);
}

.filter-layout-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
}

.filter-instructor-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    text-align: center;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 64px;
    padding: 32px;
    display: grid;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.instructor-content-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    display: flex;
}

.content-course-example {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-neutral--1000);
    background-color: #fff;
    border-radius: 16px;
    flex-flow: column;
    padding: 8px;
    text-decoration: none;
    display: flex;
    overflow: hidden;
}

.content-course-image {
    border-radius: 12px;
    height: 256px;
    overflow: hidden;
}

.content-course-description {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    padding: 8px;
    display: flex;
}

.content-course-details {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.content-course-instructor {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    display: flex;
}

.content-course-statistics {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    display: flex;
}

.content-course-detail {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    color: var(--colors-neutral--800);
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.course-main {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
}

.filter-tab {
    color: var(--colors-neutral--500);
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 96px;
    width: 100%;
    padding: 6px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: all .2s;
}

.filter-tab:hover {
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--600);
}

.filter-tab.w--current {
    color: var(--colors-neutral--800);
    background-color: #fff;
    font-weight: 600;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-tab.active {
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--1000);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.filter-tab-menu {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    border: 1px solid var(--colors-neutral--200);
    background-color: var(--colors-neutral--100);
    border-radius: 96px;
    padding: 4px;
    display: flex;
}

.instructor-left {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    display: flex;
}

.instructor-details-column {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.instructor-avatar-wrapper-large {
    width: 200px;
    height: 200px;
    position: relative;
}

.instructor-verified-large {
    background-color: var(--colors-neutral--0);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    padding: 8px;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.instructor-verified-icon {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
}

.social-icon-link-large {
    border: 1px solid var(--colors-neutral--200);
    color: var(--colors-neutral--900);
    border-radius: 100%;
    padding: 12px;
    transition: border-color .2s, color .2s, background-color .2s;
}

.social-icon-link-large:hover {
    border-top-color: var(--colors-neutral--300);
    border-right-color: var(--colors-neutral--300);
    border-bottom-color: var(--colors-neutral--300);
    border-left-color: var(--colors-neutral--300);
    color: var(--colors-neutral--1000);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.instructor-statistic-large {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    display: flex;
}

.instructor-statistic-large.left {
    justify-content: flex-start;
    align-items: center;
}

.instructor-header-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    background-color: var(--colors-neutral--0);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    margin-bottom: 64px;
    padding: 48px;
    display: grid;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.instructor-right {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
}

.instructor-statistics-large {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.overline-regular {
    letter-spacing: 1.2px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.instructor-name-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.wrap-v-medium {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    display: flex;
}

.wrap-v-medium.wrap-v-centre {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
}

.header-title-center-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 720px;
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.instructor-wrapper {
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 16px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 416px;
    padding-top: 88px;
    padding-left: 48px;
    padding-right: 48px;
    display: flex;
    position: relative;
}

.wrap-v-gigantic {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
}

.content-card-grid {
    z-index: 1;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 16px;
    grid-template-columns: 1fr 1fr;
    max-width: 558px;
    padding: 8px;
}

.content-link-card-small {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    color: var(--colors-neutral--1000);
    border-radius: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
}

.content-link-card-small.raised {
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.content-grid-small {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.content-feature-card {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--50);
    border-radius: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    max-width: 416px;
    padding: 8px;
    display: flex;
    position: relative;
}

.content-course-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--colors-neutral--1000);
    border-radius: 12px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    text-decoration: none;
    transition: background-color .2s;
    display: flex;
}

.content-course-link.raised {
    background-color: var(--colors-neutral--0);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.content-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
}

.content-link {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    border: 1px solid var(--colors-neutral--100);
    background-color: var(--colors-neutral--0);
    color: var(--colors-neutral--500);
    border-radius: 8px;
    flex-flow: column;
    justify-content: space-between;
    padding: 16px;
    text-decoration: none;
    transition: box-shadow .2s, color .2s;
    display: flex;
}

.content-link:hover {
    background-color: var(--colors-neutral--0);
    color: var(--colors-red--500);
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.badge-carousel-wrapper {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 36px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.badge-carousel {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
}

.badge-carousel-group {
    flex-flow: row;
    flex: none;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.badge-carousel-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--colors-neutral--50);
    color: var(--colors-neutral--900);
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    margin-right: 4px;
    padding: 8px 16px 8px 12px;
    display: flex;
}

.badge-carousel-overlay {
    z-index: 2;
    background-image: linear-gradient(90deg, var(--colors-neutral--0), rgba(255, 255, 255, .5) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, .5) 80%, var(--colors-neutral--0));
    pointer-events: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.badge-carousel-inner {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.embed {
    display: none;
}

.button-wrapper {
    margin-top: 12px;
}

.testimonial-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.testimonial-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--colors-neutral--0);
    border-radius: 12px;
    flex-flow: column;
    border: 1px solid #080411;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 24px;
    display: flex;
    box-shadow: 3px 3px 0 0 #090612;
}

.testimonial-avatar-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.avatar-small {
    border-radius: 100%;
    width: 48px;
    height: 48px;
    overflow: hidden;
}

.testimonial-wrapper {
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
}

.testimonial-overlay {
    z-index: 5;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(246, 245, 243, 0) 50%, rgba(246, 245, 243, .8) 80%, var(--colors-neutral--50));
    pointer-events: none;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.testimonial-grid-small {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}

.testimonial-card-large {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--colors-neutral--0);
    border-radius: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 416px;
    padding: 32px;
    display: flex;
    box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
}

.testimonial-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    display: flex;
}

.collection-line {
    background-color: #edf0f2;
    width: 100%;
    height: 1px;
}

.collection-line-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 32px;
    margin-bottom: 24px;
    display: flex;
}

.collection-title-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    max-width: 640px;
    display: flex;
}

.collection-badge-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    border-top: 1px solid #edf0f2;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 628px;
    margin: 64px auto 80px;
    padding-top: 24px;
    display: flex;
}

.collection-badge-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px;
    display: flex;
}

.collection-badge {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    color: #2e3138;
    letter-spacing: -.18px;
    border: 1px solid #dde3e8;
    border-radius: 99px;
    padding: 8px 8px 8px 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: color .3s, background-color .3s, box-shadow .3s, border-color .3s;
    display: flex;
    box-shadow: 0 1.5px 1px .5px rgba(149, 160, 178, .12);
}

.collection-badge:hover {
    color: var(--colors-neutral--0);
    background-color: #2e3138;
    border-color: rgba(221, 227, 232, 0);
    box-shadow: 0 1.5px 1px .5px rgba(149, 160, 178, 0);
}

.collection-badge-count {
    color: #2e3138;
    background-color: #edf0f2;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 16px;
    display: flex;
}

.collection-caption-xs {
    color: #737b8f;
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

.collection-category {
    flex-flow: column;
    max-width: 846px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.collection-category-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.collection-category-block {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
}

.collection-component-wrap {
    border: 1px solid #dde3e8;
    border-radius: 16px;
    padding: 8px;
}

.collection-divider {
    background-color: #edf0f2;
    height: 1px;
}

.collection-grid {
    grid-template-rows: auto;
}

.collection-icon-regular {
    color: #000;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
}

.collection-image-overlay {
    background-color: rgba(0, 0, 0, .4);
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.collection-image-wrap {
    border-radius: 8px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.collection-lolol-icon {
    width: 40px;
    height: 40px;
}

.collection-lolol-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 302px;
    display: flex;
}

.collection-lolol-social-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
}

.collection-social-link {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    letter-spacing: -.18px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: box-shadow .3s, background-color .3s, border-color .3s;
    display: flex;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.collection-social-link:hover {
    background-color: #f5f7f8;
    border-color: #edf0f2;
    box-shadow: 0 2px 1px rgba(149, 160, 178, 0);
}

.collection-lolol-column {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    display: flex;
}

.collection-lolol-link-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.collection-lolol-new {
    color: #2e3138;
    background-color: #edf0f2;
    border: 1px solid #dde3e8;
    border-radius: 44px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.collection-lolol-link-block {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
}

.collection-lolol-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.collection-lolol-column-large {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.collection-paragraph-small, .collection-paragraph-large {
    color: #000;
    letter-spacing: -.18px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
}

.collection-lolol-logo-brand {
    justify-content: center;
    align-items: center;
    display: flex;
}

.collection-lolol-wrapper {
    border-top: 1px solid rgba(18, 43, 105, .08);
    position: relative;
}

.collection-lolol-legal {
    background-color: #000;
    padding: 16px 5%;
    display: flex;
}

.collection-legal-text-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    color: #fff;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 16px;
    display: flex;
}

.collection-button-secondary {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #000;
    letter-spacing: -.18px;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #dde3e8;
    border-radius: 99px;
    flex-direction: row;
    align-items: center;
    padding: 12px 24px 12px 28px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: box-shadow 30ms, background-color .3s, border-color .3s;
    display: flex;
    box-shadow: 0 2px 1px rgba(149, 160, 178, .08);
}

.collection-button-secondary:hover {
    background-color: #f5f7f8;
    border-color: #edf0f2;
    box-shadow: 0 2px 1px rgba(149, 160, 178, 0);
}

.collection-css {
    display: none;
}

.collection-cta-text-wrapper {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

.collection-cta-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
}

.collection-heading-regular {
    color: #000;
    letter-spacing: -.8px;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Inter Display, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 52px;
}

.collection-icon-x-small {
    flex: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex;
}

.collection-back {
    z-index: 99;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #fff;
    letter-spacing: -.08px;
    white-space: nowrap;
    background-color: #000;
    border-radius: 99px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px 10px 20px;
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex;
    position: fixed;
    top: auto;
    bottom: 30px;
    left: auto;
    right: 30px;
}

.collection-back:hover {
    background-color: #50555f;
}

.collection-main-wrapper {
    position: relative;
}

.collection-loligation-text-wrap {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

@media screen and (max-width: 991px) {
    .sg-content-grid {
        grid-template-columns: 2fr;
    }

    .grid-three-column, .grid-four-column {
        grid-template-columns: 1fr 1fr;
    }

    .sg-loligation {
        position: relative;
    }

    .sg-loligation-container {
        grid-template-columns: 1fr 1fr;
    }

    .sg-loligation-menu {
        align-items: center;
        width: auto;
        display: flex;
    }

    .loligation-logo-link {
        margin-right: 0;
    }

    .sg-loligation-menu-group {
        color: #393b6a;
        background-color: #fff;
        padding: .75rem;
        position: absolute;
    }

    .sg-loligation-menu-group.w--open {
        background-color: #282556;
        border-color: #fff;
    }

    .sg-loligation-menu-button {
        color: #000;
        border: 1px solid #dde3e8;
        border-radius: 8px;
        padding: 8px;
    }

    .sg-loligation-menu-button.w--open {
        background-color: #000;
    }

    .sg-sidebar {
        display: none;
    }

    .sg-grid-large {
        grid-template-columns: 1fr 1fr;
    }

    .content-grid {
        grid-template-columns: 1fr;
    }

    .course-overview {
        max-width: none;
    }

    .header-card {
        width: 300px;
    }

    .lol-container {
        justify-content: space-between;
        align-items: center;
    }

    .lol-link {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .collection-page {
        padding-bottom: 60px;
    }

    .collection-button-wrap {
        flex-flow: wrap;
    }

    .collection-logo-link {
        margin-right: 0;
    }

    .collection-lolol-link-grid {
        grid-template-columns: 1fr 1fr;
    }

    .header-button-group {
        padding-right: 0%;
    }

    .header-reviews {
        flex-flow: row;
        justify-content: center;
        align-items: center;
        max-width: none;
        margin-bottom: 0;
        margin-left: 0;
    }

    .header-grid {
        grid-template-columns: 1fr;
        max-width: 650px;
        margin-bottom: 62px;
        margin-left: auto;
        margin-right: auto;
    }

    .header-logo-carousel-large {
        max-width: none;
        position: relative;
    }

    .header-title-wrapper {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .header-illustration {
        display: none;
    }

    .header-illustrations-wrapper {
        padding-bottom: 0;
    }

    .lol-divider {
        display: none;
    }

    .lol-logo-link {
        justify-content: flex-start;
        align-items: center;
    }

    .lol-logo-link.hide-desktop {
        display: block;
    }

    .lol-logo-link.hide-tablet, .lol-buttons-desktop {
        display: none;
    }

    .content-tab-link {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: row-reverse;
        justify-content: space-between;
        align-items: center;
        padding: 24px 5% 16px;
    }

    .content-tabs-menu {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        grid-template-columns: 1fr;
    }

    .tab-link-image {
        width: 100px;
        height: 80px;
    }

    .course-video {
        aspect-ratio: 16 / 9;
    }

    .course-main-grid {
        grid-row-gap: 32px;
        grid-template-columns: 1fr;
    }

    .course-tab-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .input-shortcut-embed {
        display: none;
    }

    .course-content {
        max-width: none;
    }

    .cta-content {
        flex-flow: column;
    }

    .cta-illustration {
        order: -1;
        width: 300px;
    }

    .cta-course-card-featured {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
    }

    .feature-illustration {
        order: -1;
        width: 300px;
    }

    .feature-grid {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .feature-carousel {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        width: 1920px;
    }

    .title-grid-large {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .feature-card-grid, .feature-grid-large {
        grid-template-columns: 1fr;
    }

    .menu-button {
        border-radius: 4px;
        padding: 10px;
    }

  


    .lolol-links-grid {
        max-width: none;
    }

    .title-grid {
        grid-template-columns: 1fr;
    }

    .title-button-group {
        justify-content: flex-start;
        align-items: center;
    }

    .timeline-step-row {
        flex-flow: column;
    }

    .timeline-step-image {
        justify-content: flex-start;
        align-items: center;
    }

    .content-link-row {
        width: 1660px;
    }

    .content-carousel {
        overflow: auto;
    }

    .feature-cards, .lolol-grid {
        grid-template-columns: 1fr;
    }

    .lolol-links {
        max-width: none;
    }

    .lolol-top-wrapper {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .team-grid {
        grid-template-columns: 1fr;
    }

    .team-instructor-grid {
        grid-template-columns: 1fr 1fr;
    }

    .team-instructor-header {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
    }

    .team-details-top {
        justify-content: flex-start;
        align-items: center;
    }

    .team-right {
        justify-content: space-between;
        align-items: center;
    }

    .team-instructor {
        text-align: center;
        justify-content: flex-start;
        align-items: center;
    }

    .team-instructor-metrics {
        justify-content: center;
        align-items: center;
    }

    .content-title-grid {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }

    .content-course-grid, .faq-grid, .faq-grid-left {
        grid-template-columns: 1fr;
    }

    .faq-tabs-left {
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }

    .filter-main-grid {
        grid-template-columns: 1fr;
        position: relative;
    }

    .filter-form-block {
        z-index: 999;
        width: 100%;
        min-width: auto;
        overflow: hidden;
    }

    .filter-form {
        border: 1px solid var(--colors-neutral--100);
        position: static;
    }

    .filter-menu-button {
        border: 1px solid var(--colors-neutral--200);
        background-color: var(--colors-neutral--100);
        border-radius: 8px;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        padding: 8px;
        display: flex;
    }

    .filter-menu-button.w--open {
        border-top-color: var(--colors-neutral--0);
        border-right-color: var(--colors-neutral--0);
        border-bottom-color: var(--colors-neutral--0);
        border-left-color: var(--colors-neutral--0);
        background-color: var(--colors-neutral--0);
        box-shadow: 0 3px 2px rgba(32, 31, 31, 0), 0 2px 1px rgba(32, 31, 31, .01), 0 1px 1px rgba(32, 31, 31, .04), 0 1px 1px rgba(32, 31, 31, .07);
    }

    .burger-lottie {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .lol-content-right {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-flow: column;
        order: -1;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }

    .lol-dropdown-toggle {
        padding-left: 0;
    }

    .lol-dropdown-list-medium {
        width: 100%;
        max-width: none;
        padding: 0;
    }

    .lol-dropdown-content {
        flex-flow: column;
        grid-template-columns: 1fr;
    }

    .lol-dropdown-list.w--open {
        padding-top: 8px;
        padding-bottom: 8px;
        position: static;
    }

    .lol-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: start;
    }

    .lol-form-block {
        order: -1;
        max-width: none;
    }

    .lol-menu {
        border-bottom: 1px solid var(--colors-neutral--200);
        background-color: var(--colors-neutral--0);
        padding: 16px 5%;
    }

    .lol-links-list {
        background-color: rgba(0, 0, 0, 0);
        flex-flow: column;
        justify-content: center;
        align-items: stretch;
        width: 100%;
        display: flex;
    }

    .lol-dropdown-wrapper {
        padding: 0;
    }

    .dropdown-main-content {
        flex-flow: column;
    }

    .dropdown-card-featured {
        width: auto;
    }

    .course-side-column {
        max-width: none;
    }

    .course-content-wrapper {
        grid-row-gap: 32px;
        flex-flow: column;
        grid-template-columns: 1fr;
    }

    .lol-menu-grid {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
    }

    .lol-search-wrapper {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-flow: column;
        align-items: stretch;
        width: 100%;
    }

    .lol-button-group {
        display: none;
    }

    .content-courses {
        max-width: none;
    }

    .filter-form-column {
        border: 1px solid var(--colors-neutral--200);
        background-color: var(--colors-neutral--100);
        border-radius: 24px;
        padding: 12px;
        position: static;
    }

    .filter-tabs {
        align-items: stretch;
    }

    .filter-lolbar-row {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: center;
        display: flex;
    }

    .filter-lol-menu {
        z-index: 2;
        text-align: left;
        padding-top: 8px;
    }

    .filter-actions-desktop {
        display: none;
    }

    .filter-results-grid-small {
        grid-template-columns: 1fr 1fr;
    }

    .filter-layout-grid {
        grid-template-columns: 1fr;
        position: relative;
    }

    .filter-tab-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .instructor-header-grid {
        grid-column-gap: 48px;
        grid-row-gap: 48px;
        grid-template-columns: 1fr;
        padding-left: 5%;
        padding-right: 5%;
    }

    .content-grid-small {
        grid-template-columns: 1fr;
    }

    .testimonial-grid {
        grid-template-columns: 1fr 1fr;
    }

    .testimonial-grid-small {
        grid-template-columns: 1fr;
    }

    .testimonial-group.third, .collection-line {
        display: none;
    }

    .collection-grid {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 767px) {
    .section-x-large, .section-large, .section-regular {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .sg-button-line {
        flex-flow: column;
        align-items: stretch;
    }

    .sg-button-block-group {
        flex-flow: column;
    }

    .grid-two-column, .grid-three-column {
        grid-template-columns: 1fr;
    }

    @media screen and (max-width: 767px) {
        .content-title-grid, .pricing-grid, .pricing-card-grid {
            grid-template-columns: 1fr;
        }
    }

    .sg-loligation-desktop-button {
        display: none;
    }

    .sg-grid-large {
        grid-template-columns: 1fr;
    }

    .cta-image-marquee {
        width: 1220px;
    }

    .collection-page {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .collection-loligation-line, .collection-text-wrapper {
        display: none;
    }

    .collection-lolol-link-grid {
        grid-template-columns: 1fr;
    }

    .header-links-grid {
        grid-template-columns: 1fr 1fr;
    }

    .header-illustration, .header-illustration.right {
        display: none;
    }

    .content-link-grid {
        grid-template-columns: 1fr 1fr;
    }

    .course-details-tags {
        flex-flow: column;
    }

    .section-cta {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .cta-course-card-featured {
        grid-template-columns: 1fr;
    }

    .cta-card-grid {
        grid-row-gap: 24px;
        grid-template-columns: 1fr;
    }

    .section-feature {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .feature-grid, .title-grid-large, .feature-card-grid, .feature-grid-large {
        grid-template-columns: 1fr;
    }

    .timeline-grid {
        grid-template-columns: 1fr;
    }

    .timeline-content, .timeline-step-content {
        padding-top: 0;
    }

    .content-section {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .feature-cards {
        grid-template-columns: 1fr;
    }

    .team-card {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .team-avatar {
        order: -1;
    }

    .team-instructor-grid {
        grid-template-columns: 1fr;
    }

    .content-carousel-section {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .content-title-grid {
        grid-template-columns: 1fr;
    }

    .content-cards-section {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .pricing-grid, .pricing-card-grid {
        grid-template-columns: 1fr;
    }

    .filter-title {
        padding: 0;
    }

    .dropdown-content-grid, .dropdown-main-content, .dropdown-card-grid {
        grid-template-columns: 1fr;
    }

    .dropdown-links-grid {
        grid-template-columns: 1fr 1fr;
    }

    .course-divider {
        display: none;
    }

    .course-product {
        padding: 0;
    }

    .filter-results-grid-small, .filter-instructor-header {
        grid-template-columns: 1fr;
    }

    .instructor-left {
        flex-flow: column;
    }

    .instructor-statistic-large.left {
        justify-content: center;
        align-items: center;
    }

    .instructor-statistics-large {
        flex-flow: column;
    }

    .instructor-name-wrap {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .content-card-grid {
        grid-template-columns: 1fr 1fr;
    }

    .content-grid-small, .testimonial-grid {
        grid-template-columns: 1fr;
    }

    .collection-category-block {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 479px) {
    .sg-button-line {
        align-items: stretch;
    }

    .sg-button-block-group {
        flex-flow: column;
    }

    .grid-four-column, .sg-grid-two-column {
        grid-template-columns: 1fr;
    }

    .cta-marquee-card {
        width: 240px;
        height: 290px;
    }

    .header-review.hide-mobile {
        display: none;
    }

    .header-review-grid {
        grid-template-columns: 1fr 1fr;
    }

    .header-button-wrapper {
        padding-left: 5%;
        padding-right: 5%;
    }

    .collection-page {
        padding-top: 42px;
    }

    .collection-logo {
        min-width: 120px;
    }

    .collection-button-wrap {
        flex-direction: column;
        justify-content: center;
    }

    .collection-logo-small {
        width: 110px;
    }

    .collection-title-text, .collection-pro-link {
        display: none;
    }

    .header-reviews {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .header-links-grid {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
    }

    .header-link-card {
        padding: 16px 12px;
    }

    .lol-divider, .lol-buttons-desktop {
        display: none;
    }

    .content-link-card {
        padding: 16px 12px;
    }

    .course-header {
        padding: 0;
    }

    .course-tab-menu {
        border-radius: 24px;
        flex-flow: column;
    }

    .course-details-card, .course-border-wrapper {
        padding: 5%;
    }

    .course-review-settings {
        flex-flow: column;
        align-items: flex-start;
    }

    .course-sort-dropdown-list.w--open {
        left: 0%;
    }

    .email-form {
        flex-flow: column;
    }

    .cta-course-content-featured {
        padding: 8px;
    }

    .feature-link-card {
        padding: 16px 12px;
    }

    .feature-card {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .feature-grid-left {
        grid-template-columns: 1fr;
    }

    .feature-link {
        padding: 16px 12px;
    }

    .feature-grid-right {
        grid-template-columns: 1fr;
    }

    .lolol-vertical-divider {
        display: none;
    }

    .lolol-form {
        flex-flow: column;
    }

    .lolol-form-card {
        padding-left: 16px;
        padding-right: 16px;
    }

    .team-divider {
        display: none;
    }

    .team-instructor, .team-instructor-block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .team-instructor-header-top {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .pricing-price-text, .pricing-text {
        font-size: 38px;
    }

    .faq-tabs-menu {
        border-radius: 24px;
        flex-flow: column;
    }

    .filter-results-grid {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }

    .filter-sort-dropdown.hide-mobile {
        display: none;
    }

    .filter-sort-dropdown-list.w--open {
        left: 0%;
    }

    .dropdown-cards, .dropdown-link-list {
        grid-template-columns: 1fr;
    }

    .dropdown-link-block {
        padding: 16px 12px;
    }

    .lol-button-group {
        display: none;
    }

    .filter-tabs-menu {
        border-radius: 24px;
    }

    .filter-tab-menu {
        border-radius: 24px;
        flex-flow: column;
        width: 100%;
    }

    .instructor-wrapper {
        padding-top: 48px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .content-card-grid {
        grid-template-columns: 1fr;
    }

    .content-link-card-small, .content-course-link {
        padding: 16px 12px;
    }

    .content-links {
        grid-template-columns: 1fr;
    }

    .testimonial-card-large {
        padding: 24px;
    }

    .collection-category-title, .collection-legal-text-wrapper {
        flex-flow: column;
    }

    .collection-heading-regular {
        font-size: 38px;
        line-height: 44px;
    }

    .collection-icon-x-small {
        display: none;
    }
}

#w-node-_1ad9fac7-49f8-275c-fbd4-3b752c6ca9db-15156761, #w-node-ef3f59be-9ab4-b077-52e6-3a0e630cc6f0-15156761, #w-node-b23cc7c5-f60b-dcb9-3433-5f08bd30c7f2-15156761, #w-node-_5e827033-d135-b322-6a51-c2ed640a308a-640a3084, #w-node-_5e827033-d135-b322-6a51-c2ed640a30b1-640a3084, #w-node-_5e827033-d135-b322-6a51-c2ed640a30d4-640a3084, #w-node-_5e827033-d135-b322-6a51-c2ed640a30f5-640a3084, #w-node-_44bbc02a-5e94-0395-7374-01099e1c1cd5-875e5d4c {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6c58571e-ecdf-ca0c-9b75-92859d840f5e-0a4ec6b7, #w-node-_3f020619-b7c9-6015-d090-16d3d2a6557a-0f80201e {
    justify-self: end;
}

#w-node-ebfc33fe-c4a2-e80c-8ff7-28c8ea05a14c-769dc2bb {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_619834aa-0aca-ca81-46bd-7142faccc108-769dc2bb {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f9c08096-0c88-450c-9634-530e3db51245-fc8da6b9, #w-node-_96597527-d58b-e8ab-4ac3-b8aeb9b025a7-0de28b67 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_7525c200-bd79-d972-bf1b-58dbf237721a-0de28b67, #w-node-_31dc86eb-78f4-fcc1-0a2a-6d80ecc36aad-0de28b67 {
    grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_31dc86eb-78f4-fcc1-0a2a-6d80ecc36a99-0de28b67 {
    grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_0a922e2e-1574-a8ac-f350-a66403a2f114-1f1bfd0e, #w-node-_59d3cf07-9b10-eb35-21c6-4600eef7e97f-45e721bf {
    justify-self: end;
}

#w-node-_2b252876-cd20-43ca-3489-ffeda6c58437-c0c796cf {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_72c2cc52-e549-1689-d7fb-024af847dc8b-9dc8ffeb {
    justify-self: end;
}

#w-node-_6914ca9d-d1d3-e52f-fd3d-4b89940dee9f-e83543fd, #w-node-_6914ca9d-d1d3-e52f-fd3d-4b89940dee9f-7dc1a897, #w-node-_6914ca9d-d1d3-e52f-fd3d-4b89940dee9f-aaef5691 {
    grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3643d8b2-2019-fb07-2635-d60fd8647dc0-99c8a602 {
    justify-self: end;
}

#w-node-_0327a8da-68dd-b8e2-50d5-090afa6f619f-03a3e50c {
    align-self: center;
    justify-self: end;
}

@media screen and (max-width: 991px) {
    #w-node-_5e827033-d135-b322-6a51-c2ed640a3087-640a3084 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_7827e9d0-891e-61b6-ecc7-aa304952c5ae-9fa5a679 {
        order: -9999;
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_79e1e189-e415-036e-d043-4ae82976e856-4c30b582 {
        order: -9999;
    }

    #w-node-_79e1e189-e415-036e-d043-4ae82976e859-4c30b582 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-a38e3b41-30ca-c63c-baac-1b530496facc-5d97d5b9 {
        order: -9999;
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_6bb92f6f-cb97-b6db-ec95-ecfe9c3340bd-bbdf06c6 {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-_6c58571e-ecdf-ca0c-9b75-92859d840f5e-0a4ec6b7 {
        order: -9999;
    }

    #w-node-_10b43b3d-a993-86d3-f72f-83cff45a891b-7c13072c, #w-node-afff7906-e771-8712-3d11-468b6b8c7d54-0f80201e {
        grid-area: span 1 / span 2 / span 1 / span 2;
    }

    #w-node-f9c08096-0c88-450c-9634-530e3db51245-fc8da6b9, #w-node-ae6fad77-779e-3151-79a8-c656ea079f3f-0de28b67, #w-node-_2f200d21-7fe3-bab1-9c56-94d76ac74834-0de28b67 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_31dc86eb-78f4-fcc1-0a2a-6d80ecc36aad-0de28b67, #w-node-_140cf2e6-90d2-7771-8732-a700b4a2037d-20c43378 {
        order: 9999;
    }

    #w-node-_35555329-b315-ac00-0e17-0ce0ee13448c-20c43378 {
        order: -9999;
    }

    #w-node-_0a922e2e-1574-a8ac-f350-a66403a2f114-1f1bfd0e, #w-node-_59d3cf07-9b10-eb35-21c6-4600eef7e97f-45e721bf {
        justify-self: center;
    }

    #w-node-_347b2ef1-b476-4c64-64b1-269137927657-c0c796cf {
        grid-row: span 1 / span 1;
    }

    #w-node-df850235-c263-c7f3-d7e2-8ceac2e43800-086cdcef {
        order: -9999;
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-bd85812c-b089-b7eb-7e95-5ee1fb2d287b-1523d3ef {
        order: -9999;
    }

    #w-node-_11a53696-78b9-5ae3-d66d-aae9087eb109-1523d3ef {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_72c2cc52-e549-1689-d7fb-024af847dc8b-9dc8ffeb {
        justify-self: auto;
    }

    #w-node-_72c2cc52-e549-1689-d7fb-024af847dc06-9dc8ffeb {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-fa5113ff-feb7-674d-a81a-14227f41f677-fc8b4311 {
        order: -9999;
    }

    #w-node-fa5113ff-feb7-674d-a81a-14227f41f67a-fc8b4311 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_3643d8b2-2019-fb07-2635-d60fd8647dc0-99c8a602, #w-node-_3643d8b2-2019-fb07-2635-d60fd8647dc0-7731fd8d {
        justify-self: auto;
    }

    #w-node-_0327a8da-68dd-b8e2-50d5-090afa6f619f-03a3e50c {
        align-self: auto;
        justify-self: auto;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_5e827033-d135-b322-6a51-c2ed640a3087-640a3084 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-f64c9798-f21d-1f81-fbb1-da19aa0aaf90-72da1287 {
        order: -9999;
    }

    #w-node-_3ac0d70e-d32a-8b6f-535d-b23f9e63252a-72da1287 {
        order: 9999;
    }

    #w-node-_6bb92f6f-cb97-b6db-ec95-ecfe9c3340bd-bbdf06c6, #w-node-_10b43b3d-a993-86d3-f72f-83cff45a891b-7c13072c, #w-node-afff7906-e771-8712-3d11-468b6b8c7d54-0f80201e, #w-node-ebfc33fe-c4a2-e80c-8ff7-28c8ea05a14c-769dc2bb {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    #w-node-_5e2a21fd-cccd-c84b-5f4a-353cb20d67d4-946dc62a {
        order: -9999;
        grid-area: span 2 / span 1 / span 2 / span 1;
        display: none;
    }

    #w-node-_3cf2d4fa-c5cd-f3cb-5f9b-fbd484ed0391-946dc62a {
        order: 9999;
    }

    #w-node-_3cf2d4fa-c5cd-f3cb-5f9b-fbd484ed038c-946dc62a, #w-node-c0b23e83-1198-65e0-db2d-3112ff744bc1-946dc62a {
        order: -9999;
        grid-area: span 2 / span 1 / span 2 / span 1;
        display: none;
    }

    #w-node-_1b56eb58-688f-b25e-969d-43bea484beae-946dc62a {
        order: 9999;
    }

    #w-node-_1b56eb58-688f-b25e-969d-43bea484beb9-946dc62a, #w-node-dcf743da-f465-d97b-7496-e2aa7de444d2-4a8ab30d, #w-node-eea21c39-9aab-dbbb-35f3-88f9c5c600f8-4a8ab30d, #w-node-e374bb39-c399-8319-3456-3077e9fffa45-4a8ab30d, #w-node-_9ea00a2e-32bc-e512-9a51-51f47447292f-4a8ab30d {
        order: -9999;
        grid-area: span 2 / span 1 / span 2 / span 1;
        display: none;
    }

    #w-node-_63a7f2c0-74fc-0535-cb77-cd1d92accf1a-fc8b4311 {
        order: -9999;
    }

    #w-node-_63a7f2c0-74fc-0535-cb77-cd1d92accf3b-fc8b4311 {
        order: 9999;
    }

    #w-node-b7e5989e-8d66-0e39-3636-9daa6482a59a-99c8a602 {
        order: -9999;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_5e827033-d135-b322-6a51-c2ed640a3087-640a3084 {
        grid-column: span 1 / span 1;
    }

    #w-node-_7525c200-bd79-d972-bf1b-58dbf237721a-0de28b67, #w-node-_31dc86eb-78f4-fcc1-0a2a-6d80ecc36aad-0de28b67 {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }
}

@font-face {
    font-family: 'Uncut Sans';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/6632f9139ca2c0eb3f3d4837_Uncut-Sans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uncut Sans';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/6632f91366ca78570992f42e_Uncut-Sans-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uncut Sans';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/6632f913ecd837ce9d654c34_Uncut-Sans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Uncut Sans';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/6632f913460ef02a97d39c65_Uncut-Sans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Display';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/667c9bb517152806520e7cfb_Inter-DisplayBold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Display';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/667c9bb5e6e65f2bbde03334_Inter-Display.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Display';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/667c9bb51c173ead35adc176_Inter-DisplayMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter Display';
    src: url('https://assets.website-files.com/6631945ca0a8facb15156762/667c9c16ff5199c9959bff4b_InterDisplay-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@media (min-width: 768px) {
    .md\:gap-4 {
        gap: 1rem;
    }
}

@media (min-width: 768px) {
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
}

@media (min-width: 768px) {
    .md\:max-w-full {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .md\:mb-\[30px\] {
        margin-bottom: 30px;
    }
}

.justify-center {
    justify-content: center;
}

.flex {
    display: flex;
}

.gap-2 {
    gap: .5rem;
}

.bg-gray-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 230 230);
}

.rounded-full {
    border-radius: 9999px;
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.py-0\.5 {
    padding-top: 0.35rem;
    padding-bottom: .35rem;
}

@media (min-width: 768px) {
    .md\:flex {
        display: flex;
    }
}

.gap-\[5\.5px\] {
    gap: 5.5px;
}

.justify-center {
    justify-content: center;
}

.text-secondary-100 {
    --tw-text-opacity: 1;
    color: rgb(153 66 240 / var(--tw-text-opacity));
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;

}

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

.gap-1\.5 {
    gap: 1rem;
}

.pr-\[50px\] {
    padding-right: 50px;
}

.pl-11 {
    padding-left: 2.75rem;
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.bg-secondary-30 {
    --tw-bg-opacity: 1;
    background-color: rgb(247 238 255 / var(--tw-bg-opacity));
}

.rounded-\[20px\] {
    border-radius: 20px;
}

.block {
    display: block;
}

.mt-7 {
    margin-top: 1.75rem;
}

.mx-\[13px\] {
    margin-left: 13px;
    margin-right: 13px;
}

.-left-3 {
    left: -.75rem;
}



.text-secondary-120 {
    --tw-text-opacity: 1;
    color: rgb(106 64 144 / var(--tw-text-opacity));
}

.text-h4-mobile {
    font-size: 20px;
    line-height: 24px;
}

.hidden {
    display: none;
}

@media (min-width: 768px) {
    .md\:hidden {
        display: none;
    }
}

@media (min-width: 768px) {
    .md\:flex {
        display: flex;
    }
}

.header-illustration {
    position: absolute;
    top: auto;
    bottom: -2%;
    left: -40%;
    right: auto;
}

.compare-big {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: fcf6f0;
    border-radius: 16px;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    display: flex;
}

.compare-big.small {
    opacity: 0.8;
    background-color: rgb(255 255 255 / 94%);
    transform: scale(.9);
}

.compare-divider {
    background-color: var(--381812);
    opacity: .2;
    width: 100%;
    height: 1px;
}

.bulletpoint-wrap {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    align-items: center;
    display: flex;
    color: black;
    font-size: 16px;
}

.compare-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    max-width: 1100px;
    margin-top: 64px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.compare-scribble {
    z-index: -1;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
}

@media screen and (max-width: 479px) {
    .compare-wrap {
        grid-column-gap: 32px;
        grid-row-gap: 32px;
    }
}

@media screen and (max-width: 991px) {
    .heading-complex, .compare-wrap {
        flex-direction: column;
    }
}

body {
    margin: 0
}

header {
    display: block
}

a {
    background-color: #0000
}

a:active,a:hover {
    outline: 0
}

strong {
    font-weight: 700
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

@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: 400;
    font-style: normal
}

[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: 400;
    line-height: 1;
    font-family: webflow-icons!important
}

* {
    box-sizing: border-box
}

.usp {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.usp {}

html {
    height: 100%
}

body {
    color: #333;

    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
}

.w-inline-block {
    max-width: 100%;
}

h1 {
    margin-bottom: 10px;
    font-weight: 700
}

h1 {
    margin-top: 20px;
    font-size: 38px;
    line-height: 44px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

.w-embed:after,.w-embed:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-embed:after {
    clear: both
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:after,.w-nav:before {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

body {
    color: var(--color--black);
    font-family: Inter,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5
}

h1 {

    marin-top: 0;
    0; font-size: 3.5rem;
    font-weight: 600;
    line-height: 1
}

p {

    margin-bottom: 0
}

a {
    color: inherit;
    text-underline-offset: .04em;
    text-underline-position: under;
    text-decoration: none;
    text-decoration-thickness: .1em
}

a:focus-visible {
    outline-color: var(--color--blue-500);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: dashed
}

img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

strong {
    font-weight: 700
}

.overflow-hidden {
    overflow: hidden
}

.global-styles {
    display: block;
    position: fixed;
    inset: 0 auto auto 0
}

.page-wrapper {
    background-color: var(--color--white);
    color: var(--color--clay-black);
    position: relative;
    overflow: clip;
}

.align-center {
    margin-left: auto;
    margin-right: auto
}

.img-full-width {
    object-fit: cover;
    border-radius: 14%;
    width: 100%;
    height: 100%;
    margin-left: 0;
    position: relative
}

.img-full-width.contain {
    object-fit: contain
}

.img-full-width.contain.cc-grey {
    opacity: .56
}

.text-center {
    text-align: center
}

.hero_social-ratings {
    grid-column-gap: 38px;
    grid-row-gap: 14px;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    display: flex
}

.hero_rating-item {
    color: var(--color--gray-600);
    text-align: left;
    align-items: center;
    transition: color .2s;
    display: flex
}

.hero_rating-item:hover {
    color: var(--color--clay-black)
}

.hero_social-svg {
    margin-right: .5em;
    display: flex
}

.hero_social-svg.margin-right-4 {
    max-width: .75em;
    margin-right: .25em
}

.hero_social-svg.max-width-12 {
    max-width: .75em
}

.g-icon-wrapper {
    width: 1em;
    height: 1em;
    margin-right: .5em;
    display: flex
}

.eyebrow {
    letter-spacing: .9px;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1.2
}

.img.u-h-1-75 {
    height: 1.75rem
}

.img.u-h-1-25 {
    object-fit: contain;
    height: 1.25rem
}

.img.u-h-1-5 {
    object-fit: contain;
    height: 1.5rem
}

.img.u-h-2 {
    height: 2rem
}

.img.u-h-1 {
    object-fit: contain;
    height: 1rem
}

.img.u-h-0-75 {
    height: .75rem
}

.container {
    padding-right: var(--spacing--2rem);
    padding-left: var(--spacing--2rem);
    width: 98%;
    max-width: 1269px;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.container.u-position-relative.cc-hero {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 672px;
    display: flex
}

.section {
    padding-top: 8rem;
    padding-bottom: var(--spacing--8rem);
    position: relative
}

.section.u-pt-0.u-bg-gray-light.u-p-0.overflow-hidden {

    flex-flow: column;
    height: 100vh;
    min-height: 797px;
    max-height: 852px;
    display: flex;
}

.col {
    flex: 1;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px
}

.col.col-lg-12 {
    flex-basis: 100%;
    max-width: 100%
}

@media screen and (max-width: 479px) {
    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        background-image: linear-gradient(180deg, #f6f6f800, #f6f6f8 7%);
    }
}

@media screen and (max-width: 479px) {
    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        background-image: linear-gradient(180deg, #f6f6f800, #f6f6f8 7%);
    }
}

.col.col-lg-10 {
    flex-basis: 83.33%;
    max-width: 83.3333%
}

.row {
    flex-wrap: wrap;
    align-content: stretch;
    margin-bottom: -40px;
    margin-left: -20px;
    margin-right: -20px;
    display: flex
}

.row.row-justify-center {
    justify-content: center
}

.paragraph-0-875 {
    font-size: var(--spacing--0-875rem);
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.5
}

.paragraph-0-875._w-170 {
    width: 170px
}

.paragraph-0-875._w-170.hero {
    width: 100%;
    font-weight: 700
}

.paragraph-0-875.hero {
    font-size: 12px
}

.u-mb-0 {
    margin-bottom: 0
}

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

.u-pt-0 {
    padding-top: 0
}

.u-p-0 {
    padding: 10;
}

.u-mb-2 {
    margin-bottom: var(--spacing--2rem)
}

.u-z-index-1 {
    z-index: 1;
    position: relative
}

.u-mt-1 {
    margin-top: var(--spacing--1rem)
}

.u-mt-2 {
    margin-top: var(--spacing--2rem)
}

.u-position-relative {
    position: relative
}

.u-mt-auto {
    margin-top: auto
}

.u-mlr-auto {
    margin-left: auto;
    margin-right: auto
}

.paragraph-1-125 {
    letter-spacing: 0;
    font-size: 1.125rem
}

.paragraph-1-125.u-mt-1._w-70.u-mlr-auto.u-z-index-1 {
    font-size: 1rem
}

.u-font-semibold {
    font-weight: 600;
    font-size: 14px;
}

.u-font-bold {
    font-weight: 700
}

.u-font-bold.u-mt-auto.hero {
    font-size: 11px;
    font-weight: 500
}

.u-mt-1-5 {
    margin-top: var(--spacing--1-5rem)
}

.u-bg-gray-light {
    background-color: var(--color--gray-100)
}

.u-p-1-5 {
    padding: 1.5rem
}

@media screen and (max-width: 479px) {
    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        background-image: linear-gradient(180deg, #f6f6f800, #f6f6f8 7%);
    }
}

@media screen and (max-width: 767px ) {
    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        background-image: linear-gradient(180deg, #f6f6f800, #f6f6f8 7%);
    }
}

.button-2:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #146ef5
}

.nav_skip {
    background-color: var(--color--black);
    color: var(--color--white);
    text-align: center;
    width: 100%;
    height: 0;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 1.6;
    text-decoration: none;
    display: block;
    position: absolute;
    inset: 0 0 auto;
    overflow: hidden
}

.nav_skip:focus-visible {
    height: auto;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: underline;
    position: relative
}

.company_wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center;
    width: 100%;
    display: grid
}

.company_wrapper.u-mt-1-5.net-new {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    place-items: center;
    margin-bottom: 2rem
}

.company_img-wrapper {
    justify-content: center;
    align-items: flex-start
}

.main-btn {
    border: 1px solid #9c9c9c4d;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 7px 18px 8px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .2s;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.main-btn:hover {
    color: #000;
    background-color: #f0f0f0
}

.main-btn.cc-black {
    background-color: black;
    color: white;
}

.main-btn.cc-black:hover {
    background-color: var(--color--clay-black);
    opacity: .75
}

.main_btn-text_wrapper {
    z-index: 4;
    grid-column-gap: 13px;
    align-items: center;
    display: flex;
    position: relative
}

.arrow-wrapper {
    grid-row-gap: 0;
    flex-direction: column;
    flex: none;
    align-items: center;
    height: 13px;
    display: flex;
    overflow: hidden
}

.btn-icon-arrow {
    height: 14px
}

.u-h0 {
    letter-spacing: -2px;
    font-weight: 600;
    line-height: 1.2;
}

.u-h0.u-mt-2 {
    margin-top: 0;
    font-size: 3.8rem;
}

.profile {
    z-index: 10;
    object-fit: cover;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 50%;
    background-size: cover;
    border: 2px solid #000;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto
}

.profile.hero {
    width: 30px;
    height: 30px
}

.name-vis {
    z-index: 30;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-top: 1px solid #000;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 80px;
    margin-top: auto;
    padding-top: 4px;
    display: flex
}

.name-vis.hero {
    border-top-color: var(--color--gray-border);
    min-height: 50px
}

.slider_nav-button:focus-visible {
    outline-offset: 2px;
    outline: 2px solid #146ef5
}

.hero_tabs-inner {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--color--white);
    border: 1px solid #e6e8ec;
    border-radius: 11px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    min-height: 50px;
    padding: 8px 14px;
    font-size: 12px;
    transition: border-color .2s,opacity .2s ease-out;
    display: flex;
    box-shadow: 0 17px 20px -10px #0003
}

.hero_tabs-inner:hover {
    text-decoration: none
}

.hero_tabs-inner._w-popup {
    width: 260px;
    height: 292px;
    min-height: auto;
    padding: 0
}

.hero_tabs-wrapper {
    z-index: 20;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fcfcfc;
    border: 2px solid #9b9ea5;
    border-radius: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 4px;
    display: inline-block;
    position: absolute;
    inset: auto auto 18% 0;
    box-shadow: -20px 20px 80px -30px #0009;
}

.hero_tabs-wrapper._1 {
    margin-left: 40px;
    bottom: -1px;
}

.hero_tabs-wrapper._2 {
    margin-bottom: -68px;
    position: relative;
    top: 0
}

.hero_tabs-wrapper._3 {
    margin-bottom: -68px;
    position: static;
    bottom: 9%;
    left: auto;
    right: 22%
}

.hero_tabs-wrapper._4 {
    margin-right: 40px;
    bottom: 6px;
    left: auto;
    right: 0
}

.hero_tabs-wrapper.enrichment-popup {
    z-index: 30;
    margin-top: 120px;
    margin-bottom: -170px;
    position: absolute;
    top: -253px;
    left: 220px
}

.hero_tabs-wrapper.ai-popup {
    z-index: 30;
    margin-top: 120px;
    margin-bottom: -171px;
    position: absolute;
    top: -253px;
    left: auto;
    right: 90px
}

.hero_tabs-wrapper.quote {
    background-color: var(--color--blue-500);
    border-radius: 8px;
    width: 400px;
    bottom: 16%;
    left: 20%
}

.hero_tabs-wrapper.quote.vanta {
    background-color: var(--color--yellow-400);
    bottom: -70px;
    left: auto;
    right: 440px
}

.hero_tabs-wrapper.quote.notion {
    background-color: var(--color--pink-400);
    width: auto;
    max-width: 340px;
    bottom: -70px
}

.hero_tabs-wrapper.quote.verkada {
    background-color: var(--color--gray-medium);
    bottom: -70px;
    left: 166px;
    right: auto
}

.hero_tabs-wrapper.quote.anthropic {
    background-color: var(--color--black);
    bottom: -70px;
    left: auto;
    right: 280px
}

.hero_tabs-wrapper.quote.sendoso {
    background-color: var(--color--orange-400);
    bottom: -110px;
    left: 166px;
    right: auto
}

.hero_tabs-wrapper.quote.mutiny {
    background-color: var(--color--green-400);
    bottom: -120px;
    left: auto;
    right: -90px
}

.hero_tabs-wrapper.quote.clickup {
    background-color: var(--color--orange-400);
    width: auto;
    max-width: 340px;
    bottom: -110px;
    left: 40%
}

._w-70 {
    width: 70%
}

.u-position-absolute {
    position: absolute
}

.hero_tab-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    margin-bottom: -40px;
    display: flex;
    position: relative;
    inset: auto 0
}

.arrow {
    position: absolute;
    left: 212px;
    top: -29px;
}

.arrow._2 {
    transform-style: preserve-3d;
    left: auto;
    right: 208px;
    overflow: auto;
    transform: rotateX(180deg) rotateY(0) rotate(0)
}

.arrow.tablet {
    display: none
}

.arrow.tablet._2,.arrow.tablet._3 {
    transform-style: preserve-3d
}

.arrow._3 {
    transform-style: preserve-3d;
    margin-bottom: -68px;
    margin-left: 60px;
    top: auto;
    left: auto;
    right: auto;
    overflow: auto;
    transform: rotateX(180deg) rotateY(0) rotate(0)
}

.cc-text-blue {
    color: var(--color--blue-500)
}

.btn--hero {
    border: 1px solid var(--color--gray-border);
    background-color: var(--color--gray-100);
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex
}

.u-card_post-wrapper {
    padding: var(--spacing--1rem);
    grid-column-gap: var(--spacing--1-5rem);
    grid-row-gap: var(--spacing--1-5rem);
    border: 1px solid var(--color--gray-border);
    background-color: var(--color--white);
    border-radius: 4px;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: stretch;
    transition: border-color .3s cubic-bezier(.165,.84,.44,1),background-color .3s cubic-bezier(.165,.84,.44,1);
    display: flex;
    position: relative
}

.u-card_post-wrapper.hero {
    padding: var(--spacing--0-5rem) var(--spacing--0-5rem) var(--spacing--0-25rem);
    grid-column-gap: 12px;
    grid-row-gap: 12px
}

.wrap-v-tiny {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: block
}

.hero-img {
    object-fit: contain;
    height: 900px;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    position: absolute;
    left: -651px;
    right: auto
}

.hero-img.u-dt-left {
    height: 596px;
    bottom: -167px;
    left: -438px
}

.hero-img.u-dt-right {
    height: 270px;
    inset: 0 -505px -380px auto
}

.hero-img.u-tb-bottom,.hero-img.u-tb-top {
    display: none;
    left: auto;
    right: -610px
}

.noise-overlay {
    z-index: 10;
    opacity: .4;
    pointer-events: none;
    background-image: url(https://cdn.prod.website-files.com/61477f2c24a826836f969afe/667ad1788f24ed44df7dec62_60faf96692616d7217c80fe9_noise-transparent-intense.png);
    background-size: 200px;
    position: absolute;
    inset: 0
}

.dropdown-link:focus-visible {
    outline-offset: 0;
    outline: 3px dashed #146ef5
}

.nav {
    z-index: 9999;
    background-color: #fff;
    border-bottom: 1px solid #0000001f;
    position: fixed;
    inset: 0 0 auto
}

.nav_link:focus-visible {
    outline-color: var(--color--blue-500);
    outline-offset: 0;
    outline-width: 2px;
    outline-style: dashed
}

@media screen and (max-width: 991px) {
    .img.u-h-1-75 {
        height: 1.25rem
    }

    .img.u-h-1-25 {
        height: 1rem
    }

    .img.u-h-1-5 {
        height: 1.2rem
    }

    .img.u-h-1-5.mutiny {
        margin-top: 3px
    }

    .img.u-h-2 {
        height: 1.5rem
    }

    .img.u-h-1 {
        height: .75rem
    }

    .img.u-h-0-75 {
        height: .5rem
    }

    .container {
        padding-right: var(--spacing--1-5rem);
        padding-left: var(--spacing--1-5rem)
    }

    .container.u-position-relative.cc-hero {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        min-height: auto
    }

    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        background-image: linear-gradient(180deg,#f6f6f800,var(--color--gray-100)14%);
        margin-top: 6rem
    }

    .section {
        padding-top: var(--spacing--6rem);
        padding-bottom: var(--spacing--6rem)
    }

    .section.u-pt-0.u-bg-gray-light.u-p-0.overflow-hidden {
        height: auto;
        max-height: none;
        padding-top: 7.5rem
    }

    .col.col-md-12 {
        flex-basis: 100%;
        max-width: 100%
    }

    .u-mb-0 {
        margin-bottom: 0
    }

    .u-pt-0 {
        padding-top: 0
    }

    .u-p-0 {
        padding: 0
    }

    .paragraph-1-125.u-mt-1._w-70.u-mlr-auto {
        width: 100%
    }

    .paragraph-1-125.u-mt-1._w-70.u-mlr-auto.u-z-index-1 {
        font-size: 1rem
    }

    .g-nav_menu-button:focus-visible {
        background-color: #d8d8d8
    }

    .company_wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        display: flex
    }

    .company_wrapper.u-mt-1-5.net-new {
        grid-row-gap: 10px
    }

    .u-h0 {
        letter-spacing: -3px;
        font-size: 3.5rem
    }

    .name-vis {
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-end;
        min-height: 80px;
        padding-top: 6px
    }

    .hero_tabs-wrapper {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        position: static
    }

    .hero_tabs-wrapper._1 {
        order: 0;
        margin-left: auto
    }

    .hero_tabs-wrapper._2 {
        order: 2;
        margin-bottom: 0;
        margin-right: auto;
        position: static
    }

    .hero_tabs-wrapper._3 {
        order: 3;
        margin-bottom: 0;
        margin-left: auto
    }

    .hero_tabs-wrapper._4 {
        order: 4;
        margin-right: auto
    }

    .hero_tabs-wrapper.ai-popup,.hero_tabs-wrapper.enrichment-popup {
        order: 2;
        margin-right: auto;
        display: none;
        position: static
    }

    .hero_tabs-wrapper.quote.anthropic,.hero_tabs-wrapper.quote.clickup,.hero_tabs-wrapper.quote.mutiny,.hero_tabs-wrapper.quote.notion,.hero_tabs-wrapper.quote.sendoso,.hero_tabs-wrapper.quote.vanta,.hero_tabs-wrapper.quote.verkada {
        display: none
    }

    .hero_tab-container {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        display: flex;
        position: static
    }

    .arrow {
        display: none
    }

    .arrow.tablet {
        margin-left: auto;
        margin-right: auto;
        padding-right: 50px;
        display: none;
        top: 470px;
        left: auto
    }

    .arrow.tablet._2 {
        padding-left: 0;
        padding-right: 0;
        top: 547px;
        right: auto;
        transform: none
    }

    .arrow.tablet._3 {
        padding-left: 0;
        padding-right: 10px;
        top: 630px;
        transform: none
    }

    .btn--hero {
        display: none
    }

    .wrap-v-tiny {
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-end;
        min-height: 50px
    }

    .hero-img {
        z-index: 0;
        height: 510px;
        display: none;
        top: 144px;
        left: -70px
    }

    .hero-img.u-tb-top {
        height: 300px;
        margin-top: auto;
        margin-left: -580px;
        display: block;
        top: 220px;
        right: auto
    }

    .hero-img.u-tb-bottom {
        height: 300px;
        margin: auto auto 0;
        display: block;
        bottom: -40%;
        right: auto
    }

    .nav {
        border-bottom-color: var(--color--gray-100);
        position: relative
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size:2.5rem
    }

    .hero_social-ratings {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        flex-direction: column
    }

    .hero_rating-item {
        color: var(--color--gray-600)
    }

    .img.u-h-1-5.mutiny {
        margin-top: 5px
    }

    .container {
        padding-right: var(--spacing--1rem);
        padding-left: var(--spacing--1rem)
    }

    .container.u-position-relative.cc-hero {
        padding-right: var(--spacing--2rem);
        padding-left: var(--spacing--2rem);
        grid-column-gap: 16px;
        grid-row-gap: 13px;
    }

    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        margin-top: 14rem
    }

    .section {
        padding-top: var(--spacing--5rem);
        padding-bottom: var(--spacing--5rem)
    }

    .section.u-pt-0.u-bg-gray-light.u-p-0.overflow-hidden {
        padding-top: 90px
    }

    .col.col-lg-10.align-center.text-center.col-md-12 {
        padding-top: 40px
    }

    .col.col-lg-10.align-center.text-center.col-md-12.u-z-index-1 {
        border-radius: 5px
    }

    .u-pt-0 {
        padding-top: 0
    }

    .u-p-0 {
        padding: 0
    }

    .paragraph-1-125 {
        font-size: 1rem
    }

    .company_wrapper {
        grid-column-gap: 40px;
        grid-row-gap: 20px;
        justify-content: center;
        align-items: flex-start
    }

    .company_wrapper.u-mt-1-5.net-new {
        grid-column-gap: 28px;
        grid-row-gap: 10px;
        justify-content: center;
        align-items: center
    }

    .u-h0 {
        letter-spacing: -2px;
        font-size: 2.5rem
    }

    .u-h0.u-mt-2 {
        font-size: 2.8rem
    }

    .name-vis {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative
    }

    .hero_tabs-wrapper._1 {
        order: 0;
        margin-top: 0;
        margin-left: auto
    }

    .hero_tabs-wrapper._2 {
        margin-right: auto
    }

    .hero_tabs-wrapper._3 {
        margin-left: auto
    }

    .hero_tabs-wrapper._4,.hero_tabs-wrapper.ai-popup,.hero_tabs-wrapper.enrichment-popup {
        margin-right: auto
    }

    .hero_tab-container {
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        flex-flow: column
    }

    .arrow.tablet {
        display: none;
        top: 450px
    }

    .arrow.tablet._2 {
        display: none;
        top: 527px
    }

    .arrow.tablet._3 {
        display: none;
        top: 740px
    }

    .hero-img {
        top: 130px;
        left: 40px
    }

    .hero-img.u-tb-top {
        height: 250px;
        margin-left: -510px;
        top: 311px
    }

    .hero-img.u-tb-bottom {
        top: 0;
        bottom: -47%
    }
}

@media screen and (max-width: 479px) {
    .img-full-width {
        inset: 0 auto 0 0
    }

    .hero_rating-item {
        margin-bottom: 0
    }

    .eyebrow.u-text-center {
        font-size: .8rem;
        background-image: linear-gradient(180deg, #f6f6f800, #f6f6f8 7%);
    }

    .container.u-position-relative.cc-hero {
        padding-right: var(--spacing--1rem);
        padding-left: var(--spacing--1rem);
        height: 846px;
    }

    .container.u-p-1-5.u-mt-auto.u-z-index-1 {
        background-image: linear-gradient(180deg, #f6f6f800, var(--color--gray-100) 14%);
    }

    .section {
        padding-top: var(--spacing--4rem);
        padding-bottom: var(--spacing--4rem)
    }

    .section.u-pt-0.u-bg-gray-light.u-p-0.overflow-hidden {
        padding-top: 4;
    }

    .joee {
        display: none;
    }

    .badgex {
        margin-top: 100px;
    }

    background-image: linear-gradient(180deg, #f6f6f800, #f6f6f8 7%); .col {
        flex-basis: 100%;
        max-width: 100%
    }

    .col.col-lg-10.align-center.text-center.col-md-12.u-z-index-1 {
        margin-bottom: 0
    }

    .row.row-justify-center {
        margin-bottom: 0
    }

    .u-mb-0 {
        margin-bottom: 0
    }

    .u-pt-0 {
        padding-top: 0
    }

    .u-p-0 {
        padding: 0
    }

    .paragraph-1-125 {
        font-size: 1rem
    }

    .paragraph-1-125.u-mt-1._w-70.u-mlr-auto.u-z-index-1 {
        font-size: .9rem
    }

    .u-font-semibold {
        text-align: center
    }

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

    .company_wrapper.u-mt-1-5.net-new {
        grid-column-gap: 14px;
        grid-row-gap: 14px
    }

    .u-h0 {
        letter-spacing: -1px;
        font-size: 1.7rem
    }

    .u-h0.u-mt-2 {
        font-size: 2.2rem;
        padding-top: 17px;
    }

    .hero_tabs-wrapper._1 {
        margin-left: auto
    }

    .hero_tabs-wrapper._4 {
        margin-right: auto
    }

    .arrow.tablet {
        display: none;
        top: 437px
    }

    .arrow.tablet._2 {
        top: 513px
    }

    .arrow.tablet._3 {
        padding-left: 30px;
        top: 582px
    }

    .hero-img {
        top: 170px;
        left: -89px
    }

    .hero-img.u-tb-top {
        object-fit: cover;
        width: 420px;
        height: auto;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        bottom: 74px;
        left: -250px
    }

    .hero-img.u-tb-bottom {
        object-fit: scale-down;
        height: 377px;
        top: 0;
        bottom: -360px;
    }
}

@font-face {
    font-family: Ppeditorialnew;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/662c20f405735316700fb2f2_PPEditorialNew-Light.woff2) format('woff2'),url(https://assets.website-files.com/61477f2c24a826836f969afe/662c20f0467186d115fab28f_PPEditorialNew-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Canela Web';
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/667bb9134331478c8a100510_Canela-Light-Web.woff2) format('woff2'),url(https://assets.website-files.com/61477f2c24a826836f969afe/667bb913c54deb697e66e342_Canela-Light-Web.woff) format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Canela Web';
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/667bb913991b5a998bced836_Canela-Regular-Web.woff2) format('woff2'),url(https://assets.website-files.com/61477f2c24a826836f969afe/667bb91301c49d1562debf01_Canela-Regular-Web.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Canela Web';
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/667bb91371f8bfbea6ffa8f2_Canela-RegularItalic-Web.woff2) format('woff2'),url(https://assets.website-files.com/61477f2c24a826836f969afe/667bb913599951cb0cd8b788_Canela-RegularItalic-Web.woff) format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/64bf8e095e4259f0b7e79227_Inter-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/64bf8e2de1daccd7e9acf466_Inter-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/64bf8e2d97b2db57fac8718f_Inter-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/64bf8e2dedf653a880ae1275_Inter-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Ppeditorialnew;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/662c05a6634827fac49c99ab_PPEditorialNew-Ultralight.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Ppeditorialnew;
    src: url(https://assets.website-files.com/61477f2c24a826836f969afe/662c06fc8a0a1e25a51d6204_PPEditorialNew-Regular.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

. .main-btn {
    border: 1px solid #9c9c9c4d;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 7px 18px 8px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .2s;
    display: inline-flex;
    position: relative;
    overflow: hidden
}

.main-btn:hover {
    color: #000;
    background-color: #f0f0f0
}

.u-z-index-1 {
    z-index: 1;
    position: relative;
}

.w-webflow-badge {
    display: none;
}

@media screen and (max-width: 991px) {
    .review-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .number-item-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.div-block-44 {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

.div-block-43 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    grid-template-rows: minmax(0, 35px) minmax(auto, min-content) auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding: 2.1875rem;
    display: grid;
}

.big_card_head {
    color: #0b0b0b;
    margin-bottom: .125rem;
    font-family: Plusjakartasans, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
}

.big_card_description {
    color: #000;
    text-align: left;
    margin-bottom: 0;
    font-size: 1rem;
}

.core-section {
    padding-top: 4rem;
    padding-bottom: 5rem;
}

.site-wrapper {
    max-width: 72rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

@media screen and (max-width: 479px) {
    .div-block-44 {
        flex-direction: column;
        display: flex;
    }

    .home-works_line {
        display: none;
    }

    .home-works_grid {
        grid-template-columns: 1fr;
    }

    .home-works_component {
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
    }
}

@media screen and (max-width: 767px) {
    .div-block-44 {
        flex-direction: column;
        display: flex;
    }
}

.hero_rating_wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    background-color: rgba(155,176,255,.04);
    border: .0625rem solid rgba(255,255,255,.04);
    border-radius: .75rem;
    margin-top: 1rem;
    display: inline-flex
}

.hero_rating_content {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    padding: .8rem 1.2rem;
}

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

.hero_logo_title.is-rating {
    color: rgba(181, 210, 255, .5);
    font-size: .875rem;
}

@media screen and (max-width: 479px) {
    .hero_rating_wrapper {
        grid-column-gap: .2rem;
        grid-row-gap: .2rem;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-top: .5rem;
        padding: .2rem .4rem;
    }

    @media screen and (max-width: 479px) {
        .hero_rating_content {
            grid-column-gap: .4rem;
            grid-row-gap: .4rem;
            padding: 0;
        }
    }

    @media screen and (max-width: 991px) {
        .text-block-4 {
            text-align: left;
        }

        @media screen and (max-width: 991px) {
            .blog-post2-content_author-wrapper {
                flex-flow: wrap;
                justify-content: space-around;
                align-items: flex-start;
            }

            @media screen and (max-width: 479px) {
                .hero_check-box-wrapper {
                    grid-column-gap: .5rem;
                    grid-row-gap: .5rem;
                    text-align: center;
                    flex-flow: wrap;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    max-width: 100%;
                }
            }

            .w-layout-vflex {
                display: flex;
            }

            @media screen and (max-width: 767px) {
                .content-title-grid, .pricing-grid, .pricing-card-grid {
                    grid-template-columns: 1fr;
                }
            }

            @media screen and (max-width: 991px) {
                .content-grid-left, .content-grid-right {
                    grid-template-columns: 1fr;
                }
            }

            .grid-twoo-column {
                grid-column-gap: 26px;
                grid-row-gap: 10px;
                grid-template-rows: auto;
                grid-template-columns: 1fr 1fr;
                grid-auto-columns: 1fr;
                display: grid ;
            }

            @media screen and (max-width: 767px) {
                .grid-two-column, .blog-grid, .blog-grid-large, ._404-card {
                    grid-template-columns: 1fr;
                }
            }

            .feature-card-large {
                grid-column-gap: 48px;
                grid-row-gap: 48px;
                border-radius: 22px;
                background-color: #f9f9fa;
                flex-flow: column;
                justify-content: space-between;
                padding: 24px;
                display: flex ;
                position: relative;
            }

            .column-2x-small {
                grid-column-gap: 20px;
                grid-row-gap: 20px;
                flex-flow: column;
                display: flex ;
            }

            .column-regular {
                grid-column-gap: 20px;
                grid-row-gap: 20px;
                flex-flow: column;
                display: flex ;
            }

            .feature-links {
                grid-column-gap: 26px;
                grid-row-gap: 20px;
                flex-flow: wrap;
                display: flex ;
            }

            .divider-tertiary {
                background-color: #cfd2d6;
                width: 100%;
                height: 1px;
            }

            @media screen and (max-width: 767px) {
                .content-feature-wrapper {
                    grid-template-columns: 1fr;
                }
            }

@media screen and (max-width: 479px) {
    .course-video {
        width: 350px;
        height: 600px;
        padding-right: 30px;
    }
}

@media screen and (max-width: 479px) {
    .paragraph-large {
        width: 370px;
        
    }
}

            @media screen and (max-width: 479px) {
    .usp {
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
        grid-template-columns: 1fr;
    }
}

.usp {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
}

@media screen and (max-width: 479px) {
    .speaker-image {
        display: none;
    }
}