html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    vertical-align: baseline;
    display: inline-block
}

audio:not([controls]) {
    height: 0;
    display: none
}

[hidden],
template {
    display: none
}

a {
    background-color: #0000
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 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 {
    content: ""
}

.w-icon-slider-left:before {
    content: ""
}

.w-icon-nav-menu:before {
    content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
    content: ""
}

.w-icon-file-upload-remove:before {
    content: ""
}

.w-icon-file-upload-icon:before {
    content: ""
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    color: #333;
    background-color: #fff;
    min-height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px
}

img {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    background-color: #3898ec;
    border: 0;
    border-radius: 0;
    padding: 9px 15px;
    text-decoration: none;
    display: inline-block
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: #0000 !important
}

.w-code-block {
    margin: unset
}

pre.w-code-block code {
    all: inherit
}

.w-optimization {
    display: contents
}

.w-webflow-badge,
.w-webflow-badge>img {
    box-sizing: unset;
    width: unset;
    height: unset;
    max-height: unset;
    max-width: unset;
    min-height: unset;
    min-width: unset;
    margin: unset;
    padding: unset;
    float: unset;
    clear: unset;
    border: unset;
    border-radius: unset;
    background: unset;
    background-image: unset;
    background-position: unset;
    background-size: unset;
    background-repeat: unset;
    background-origin: unset;
    background-clip: unset;
    background-attachment: unset;
    background-color: unset;
    box-shadow: unset;
    transform: unset;
    direction: unset;
    font-family: unset;
    font-weight: unset;
    color: unset;
    font-size: unset;
    line-height: unset;
    font-style: unset;
    font-variant: unset;
    text-align: unset;
    letter-spacing: unset;
    -webkit-text-decoration: unset;
    text-decoration: unset;
    text-indent: unset;
    text-transform: unset;
    list-style-type: unset;
    text-shadow: unset;
    vertical-align: unset;
    cursor: unset;
    white-space: unset;
    word-break: unset;
    word-spacing: unset;
    word-wrap: unset;
    transition: unset
}

.w-webflow-badge {
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 2147483647 !important;
    color: #aaadb0 !important;
    overflow: unset !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px !important;
    font-size: 12px !important;
    line-height: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    position: fixed !important;
    inset: auto 12px 12px auto !important;
    transform: none !important
}

.w-webflow-badge>img {
    position: unset;
    visibility: unset !important;
    opacity: 1 !important;
    vertical-align: middle !important;
    display: inline-block !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    font-weight: 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
}

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::placeholder,
.w-select::placeholder {
    color: #999
}

.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
    background-color: #eee
}

textarea.w-input,
textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 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;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    text-align: center;
    color: #999;
    font-family: serif;
    font-size: 15px;
    line-height: 12px;
    position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    display: block;
    position: relative
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-width: 4px;
    border-color: #75869600 #5d6c7b #75869600 #75869600;
    margin-top: -4px;
    margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-width: 4px;
    border-color: #fff0 #fff #fff0 #fff0;
    margin-top: -4px;
    margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-top: -5px;
    margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    content: " ";
    pointer-events: none;
    border: solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-width: 5px;
    border-color: #5d6c7b #75869600 #75869600;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-width: 4px;
    border-color: #fff #fff0 #fff0;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-background-video {
    color: #fff;
    height: 500px;
    position: relative;
    overflow: hidden
}

.w-background-video>video {
    object-fit: cover;
    z-index: -100;
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

.w-background-video--control {
    background-color: #0000;
    padding: 0;
    position: absolute;
    bottom: 1em;
    right: 1em
}

.w-background-video--control>[hidden] {
    display: none !important
}

.w-slider {
    text-align: center;
    clear: both;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    background: #ddd;
    height: 300px;
    position: relative
}

.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.w-slider-nav {
    z-index: 2;
    text-align: center;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    height: 40px;
    margin: auto;
    padding-top: 10px;
    position: absolute;
    inset: auto 0 0
}

.w-slider-nav.w-round>div {
    border-radius: 100%
}

.w-slider-nav.w-num>div {
    font-size: inherit;
    line-height: inherit;
    width: auto;
    height: auto;
    padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
    box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
    color: #fff
}

.w-slider-nav-invert>div {
    background-color: #2226
}

.w-slider-nav-invert>div.w-active {
    background-color: #222
}

.w-slider-dot {
    cursor: pointer;
    background-color: #fff6;
    width: 1em;
    height: 1em;
    margin: 0 3px .5em;
    transition: background-color .1s, color .1s;
    display: inline-block;
    position: relative
}

.w-slider-dot.w-active {
    background-color: #fff
}

.w-slider-dot:focus {
    outline: none;
    box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
    box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
    cursor: pointer;
    color: #fff;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    width: 80px;
    margin: auto;
    font-size: 40px;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.w-slider-arrow-left [class^=w-icon-],
.w-slider-arrow-right [class^=w-icon-],
.w-slider-arrow-left [class*=\ w-icon-],
.w-slider-arrow-right [class*=\ w-icon-] {
    position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
    outline: 0
}

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
    width: 1em;
    height: 1em;
    margin: auto;
    inset: 0
}

.w-slider-aria-label {
    clip: rect(0 0 0 0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.w-slider-force-show {
    display: block !important
}

.w-dropdown {
    text-align: left;
    z-index: 900;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    position: relative
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding-right: 40px;
    display: inline-block
}

.w-dropdown-toggle:focus {
    outline: 0
}

.w-icon-dropdown-toggle {
    width: 1em;
    height: 1em;
    margin: auto 20px auto auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.w-dropdown-list {
    background: #ddd;
    min-width: 100%;
    display: none;
    position: absolute
}

.w-dropdown-list.w--open {
    display: block
}

.w-dropdown-link {
    color: #222;
    padding: 10px 20px;
    display: block
}

.w-dropdown-link.w--current {
    color: #0082f3
}

.w-dropdown-link:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

.w-lightbox-backdrop {
    cursor: auto;
    letter-spacing: normal;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    color: #fff;
    text-align: center;
    z-index: 2000;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-tap-highlight-color: transparent;
    background: #000000e6;
    outline: 0;
    font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 1.2;
    list-style: disc;
    position: fixed;
    inset: 0;
    -webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow: auto
}

.w-lightbox-content {
    height: 100vh;
    position: relative;
    overflow: hidden
}

.w-lightbox-view {
    opacity: 0;
    width: 100vw;
    height: 100vh;
    position: absolute
}

.w-lightbox-view:before {
    content: "";
    height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
    vertical-align: middle;
    display: inline-block
}

.w-lightbox-figure {
    margin: 0;
    position: relative
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    max-width: none;
    height: auto
}

.w-lightbox-image {
    float: none;
    max-width: 100vw;
    max-height: 100vh;
    display: block
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #0006;
    padding: .5em 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-lightbox-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0
}

.w-lightbox-control {
    cursor: pointer;
    background-position: 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: auto 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 #0006;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    animation: .8s linear infinite spin;
    position: absolute;
    top: 50%;
    left: 50%
}

.w-lightbox-spinner:after {
    content: "";
    border: 3px solid #0000;
    border-bottom-color: #fff;
    border-radius: 50%;
    position: absolute;
    inset: -4px
}

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }

    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left,
    .w-lightbox-right {
        opacity: .5;
        display: block
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:before,
.w-richtext:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:before,
.w-richtext[contenteditable=true]:after {
    white-space: initial
}

.w-richtext ol,
.w-richtext ul {
    overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
    content: "";
    display: none;
    position: absolute;
    inset: 0
}

.w-richtext figure {
    max-width: 60%;
    position: relative
}

.w-richtext figure>div:before {
    cursor: default !important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    color: #0000;
    font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
    caption-side: bottom;
    display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type=video]>div {
    width: 100%
}

.w-richtext figure.w-richtext-align-center {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div {
    max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
    clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
    text-align: center;
    clear: both;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
    padding-bottom: inherit;
    display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
    display: block
}

.w-richtext figure.w-richtext-align-floatleft {
    float: left;
    clear: none;
    margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
    float: right;
    clear: none;
    margin-left: 15px
}

.w-nav {
    z-index: 1000;
    background: #ddd;
    position: relative
}

.w-nav:before,
.w-nav:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-nav:after {
    clear: both
}

.w-nav-brand {
    float: left;
    color: #333;
    text-decoration: none;
    position: relative
}

.w-nav-link {
    vertical-align: top;
    color: #222;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-nav-link.w--current {
    color: #0082f3
}

.w-nav-menu {
    float: right;
    position: relative
}

[data-nav-menu-open] {
    text-align: center;
    background: #c8c8c8;
    min-width: 200px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: visible;
    display: block !important
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation=over-left] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-left] .w-nav-overlay,
.w-nav[data-animation=over-left] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation=over-right] .w-nav-overlay,
.w-nav[data-animation=over-right] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    left: auto
}

.w-nav-button {
    float: right;
    cursor: pointer;
    -webkit-tap-highlight-color: #0000;
    tap-highlight-color: #0000;
    -webkit-user-select: none;
    user-select: none;
    padding: 18px;
    font-size: 24px;
    display: none;
    position: relative
}

.w-nav-button:focus {
    outline: 0
}

.w-nav-button.w--open {
    color: #fff;
    background-color: #c8c8c8
}

.w-nav[data-collapse=all] .w-nav-menu {
    display: none
}

.w-nav[data-collapse=all] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse=medium] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=medium] .w-nav-button {
        display: block
    }
}

@media screen and (max-width:767px) {
    .w-nav[data-collapse=small] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=small] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:479px) {
    .w-nav[data-collapse=tiny] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse=tiny] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    grid-area: 1/1/2/2;
    display: table
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    color: #222;
    background-color: #ddd;
    padding: 9px 30px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.w-tab-link.w--current {
    background-color: #c8c8c8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    display: block;
    position: relative;
    overflow: hidden
}

.w-tab-pane {
    display: none;
    position: relative
}

.w--tab-active {
    display: block
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    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
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517bcd14495b36a718b4_Fractul-BoldItalic.otf)format("opentype"), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517bfd55c528094b9d90_Fractul-ExtraBoldItalic.otf)format("opentype");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517b0d6caf9deb9264f7_Fractul-Bold.otf)format("opentype"), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517b022b487cb823e09c_Fractul-ExtraBold.otf)format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517b95ab8c553bb77573_Fractul-BlackItalic.otf)format("opentype");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517b5f306e0da1a027c3_Fractul-Black.otf)format("opentype");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517c3d9abc309be12488_Fractul-MediumItalic.otf)format("opentype");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517cd3a2892bff4b700c_Fractul-Medium.otf)format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517c0467105d58e2ffb7_Fractul-Regular.otf)format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517cf5ac0c6b272ad434_Fractul-SemiBoldItalic.otf)format("opentype");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a3517cca8aa61af9229033_Fractul-SemiBold.otf)format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a351c4e5d32054c4a40a33_Fractul-Light.otf)format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Fractul;
    src: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a351c4fbb2db771fd6096a_Fractul-LightItalic.otf)format("opentype");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

:root {
    --black: #1a1a1a;
    --deep-pink: #ed1e72;
    --white: white;
    --gold: #fbc211;
    --dark-turquoise: #23bbbf;
    --goldenrod: #ebb510;
    --light-grey: #f4f4f4;
    --black-2: #1a1a1a;
    --elements-webflow-library-accent--primary-1: #4a3aff;
    --elements-webflow-library-neutral--800: #211f54;
    --elements-webflow-library-neutral--600: #6e7191;
    --elements-webflow-library-general--shadow-04: #14142b24;
    --elements-webflow-library-neutral--100: white;
    --elements-webflow-library-neutral--300: #eff0f6;
    --663399: #76459a;
    --alley-component-library-orange--900: #f69351;
    --alley-component-library-blue--900: #5167f6;
    --alley-component-library-blue--800: #6478f7;
    --alley-component-library-blue--700: #7788f8;
    --alley-component-library-blue--100: #eceefe;
    --663399-663400: #7b509e;
    --white-smoke: #ededed;
    --alley-component-library-gray--900: #131316;
    --elements-webflow-library-general--shadow-02: #14142b14;
    --elements-webflow-library-general--shadow-01: #14142b0f
}

.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-embed-youtubevideo {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg);
    background-position: 50%;
    background-size: cover;
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.w-embed-youtubevideo:empty {
    min-height: 75px;
    padding-bottom: 56.25%
}

body {
    color: var(--black);
    font-family: Fractul, sans-serif;
    font-size: 1rem;
    line-height: 1.5
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4
}

p {
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 1.125rem
}

a {
    color: #000;
    border-color: #000;
    text-decoration: underline
}

ul {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.25rem
}

ol {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1.5rem
}

li {
    margin-top: .25rem;
    margin-bottom: .25rem;
    padding-left: .5rem
}

img {
    max-width: 100%;
    display: inline-block
}

label {
    margin-bottom: .25rem;
    font-weight: 500
}

blockquote {
    border-left: .1875rem solid #000;
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

figure {
    margin-top: 3rem;
    margin-bottom: 3rem
}

figcaption {
    text-align: center;
    margin-top: .25rem
}

.z-index-2 {
    z-index: 2;
    position: relative
}

.text-style-strikethrough {
    text-decoration: line-through
}

.text-weight-semibold {
    font-weight: 600
}

.text-weight-light {
    font-weight: 300
}

.max-width-full {
    width: 100%;
    max-width: none
}

.layer {
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0%
}

.show {
    display: block
}

.overflow-hidden {
    overflow: hidden
}

.global-styles {
    display: block;
    position: fixed;
    inset: 0% auto auto 0%
}

.text-weight-bold {
    font-weight: 700
}

.text-size-regular {
    font-family: Poppins, sans-serif;
    font-size: 1rem
}

.text-weight-normal {
    font-weight: 400
}

.text-align-center {
    text-align: center
}

.z-index-1 {
    z-index: 1;
    position: relative
}

.show-mobile-portrait {
    display: none
}

.text-style-italic {
    font-style: italic
}

.hide {
    display: none
}

.text-align-left {
    text-align: left
}

.text-weight-xbold {
    font-weight: 800
}

.text-style-link {
    text-decoration: underline
}

.text-style-muted {
    opacity: .6
}

.text-size-small {
    font-family: Poppins, sans-serif;
    font-size: .875rem
}

.text-size-small.flashing-light-text {
    font-family: Fractul, sans-serif;
    font-weight: 300
}

.text-rich-text {
    color: var(--black);
    font-size: 19px
}

.text-rich-text h1 {
    color: var(--black);
    margin-top: 2rem;
    margin-bottom: 1.5rem
}

.text-rich-text h2 {
    color: var(--black);
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

.text-rich-text h3 {
    color: var(--black);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.text-rich-text h4 {
    color: var(--black);
    margin-top: 1.5rem;
    margin-bottom: 1.25rem
}

.text-rich-text h5,
.text-rich-text h6 {
    color: var(--black);
    margin-top: 1.25rem;
    margin-bottom: 1rem
}

.text-rich-text p {
    margin-bottom: 1rem
}

.text-rich-text blockquote {
    border-left-color: var(--deep-pink);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-style: italic
}

.text-rich-text a {
    color: var(--deep-pink);
    font-weight: 500;
    text-decoration: underline
}

.text-rich-text figcaption {
    border-left: 2px solid var(--deep-pink);
    opacity: .8;
    text-align: left;
    margin-top: .5rem;
    padding-left: .5rem;
    font-size: .875rem
}

.max-width-xlarge {
    width: 100%;
    max-width: 64rem
}

.max-width-medium {
    width: 100%;
    max-width: 35rem
}

.max-width-xsmall {
    width: 100%;
    max-width: 25rem
}

.max-width-xxsmall {
    width: 100%;
    max-width: 20rem
}

.page-wrapper {
    color: var(--black)
}

.text-size-tiny {
    font-family: Poppins, sans-serif;
    font-size: .75rem
}

.container-large {
    width: 100%;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.max-width-xxlarge {
    width: 100%;
    max-width: 80rem
}

.background-color-black {
    color: #f5f5f5;
    background-color: #000
}

.rl-styleguide_classes {
    display: none
}

.align-center {
    margin-left: auto;
    margin-right: auto
}

.spacing-clean {
    margin: 0;
    padding: 0
}

.page-padding {
    color: var(--black);
    padding-left: 5%;
    padding-right: 5%
}

.text-align-right {
    text-align: right
}

.show-tablet {
    display: none
}

.max-width-large {
    width: 100%;
    max-width: 48rem
}

.show-mobile-landscape {
    display: none
}

.background-color-white {
    background-color: var(--white)
}

.max-width-small {
    width: 100%;
    max-width: 30rem
}

.form-message-error {
    margin-top: .75rem;
    padding: .75rem
}

.utility_component {
    background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a389f38e02fd16fd15f21c_back.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex
}

.utility_form-block {
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 20rem;
    display: flex
}

.utility_form {
    flex-direction: column;
    align-items: stretch;
    display: flex
}

.utility_image {
    width: 60px;
    margin-bottom: .5rem;
    margin-left: auto;
    margin-right: auto
}

.main-wrapper {
    font-family: Fractul, sans-serif
}

.main-wrapper.hero-section {
    padding: 66px 5%
}

.main-wrapper.hero-section.f3f3f6 {
    background-color: #f3f3f6;
    padding: 0
}

.container-medium {
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.container-small {
    width: 100%;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto
}

.margin-tiny {
    margin: .25rem
}

.margin-xxsmall {
    margin: .5rem
}

.margin-xsmall {
    margin: 1rem
}

.margin-small {
    margin: 1.5rem
}

.margin-medium {
    margin: 2rem
}

.margin-large {
    margin: 3rem
}

.margin-xlarge {
    margin: 4rem
}

.margin-xxlarge {
    margin: 5rem
}

.margin-huge {
    margin: 6rem
}

.margin-xhuge {
    margin: 7rem
}

.margin-xxhuge {
    margin: 10rem
}

.margin-0 {
    margin: 0
}

.padding-0 {
    padding: 0
}

.padding-tiny {
    padding: .25rem
}

.padding-xxsmall {
    padding: .5rem
}

.padding-xsmall {
    padding: 1rem
}

.padding-small {
    padding: 1.5rem
}

.padding-medium {
    padding: 2rem
}

.padding-large {
    padding: 3rem
}

.padding-xlarge {
    padding: 4rem
}

.padding-xxlarge {
    padding: 5rem
}

.padding-huge {
    padding: 6rem
}

.padding-xhuge {
    padding: 7rem
}

.padding-xxhuge {
    padding: 10rem
}

.text-style-allcaps {
    text-transform: uppercase
}

.margin-top,
.margin-top.margin-custom1,
.margin-top.margin-huge,
.margin-top.margin-small,
.margin-top.margin-tiny,
.margin-top.margin-custom3,
.margin-top.margin-medium,
.margin-top.margin-xxsmall,
.margin-top.margin-xxhuge,
.margin-top.margin-custom2,
.margin-top.margin-xsmall,
.margin-top.margin-large,
.margin-top.margin-xxlarge,
.margin-top.margin-xlarge,
.margin-top.margin-0,
.margin-top.margin-xhuge {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-bottom,
.margin-bottom.margin-xxlarge,
.margin-bottom.margin-medium,
.margin-bottom.margin-custom3,
.margin-bottom.margin-custom1,
.margin-bottom.margin-tiny,
.margin-bottom.margin-small,
.margin-bottom.margin-large,
.margin-bottom.margin-0,
.margin-bottom.margin-xlarge,
.margin-bottom.margin-xhuge,
.margin-bottom.margin-xxhuge,
.margin-bottom.margin-huge,
.margin-bottom.margin-xxsmall,
.margin-bottom.margin-custom2,
.margin-bottom.margin-xsmall {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0
}

.margin-left,
.margin-left.margin-tiny,
.margin-left.margin-xxlarge,
.margin-left.margin-0,
.margin-left.margin-small,
.margin-left.margin-xsmall,
.margin-left.margin-large,
.margin-left.margin-huge,
.margin-left.margin-xlarge,
.margin-left.margin-custom3,
.margin-left.margin-xxsmall,
.margin-left.margin-custom1,
.margin-left.margin-custom2,
.margin-left.margin-xhuge,
.margin-left.margin-xxhuge,
.margin-left.margin-medium {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0
}

.margin-right,
.margin-right.margin-huge,
.margin-right.margin-xsmall,
.margin-right.margin-xxhuge,
.margin-right.margin-small,
.margin-right.margin-medium,
.margin-right.margin-xlarge,
.margin-right.margin-custom3,
.margin-right.margin-custom2,
.margin-right.margin-xxsmall,
.margin-right.margin-xhuge,
.margin-right.margin-custom1,
.margin-right.margin-large,
.margin-right.margin-0,
.margin-right.margin-xxlarge,
.margin-right.margin-tiny {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0
}

.margin-vertical,
.margin-vertical.margin-medium,
.margin-vertical.margin-xlarge,
.margin-vertical.margin-xxsmall,
.margin-vertical.margin-xxlarge,
.margin-vertical.margin-huge,
.margin-vertical.margin-0,
.margin-vertical.margin-xxhuge,
.margin-vertical.margin-tiny,
.margin-vertical.margin-xsmall,
.margin-vertical.margin-custom1,
.margin-vertical.margin-small,
.margin-vertical.margin-large,
.margin-vertical.margin-xhuge,
.margin-vertical.margin-custom2,
.margin-vertical.margin-custom3 {
    margin-left: 0;
    margin-right: 0
}

.margin-horizontal,
.margin-horizontal.margin-medium,
.margin-horizontal.margin-tiny,
.margin-horizontal.margin-custom3,
.margin-horizontal.margin-0,
.margin-horizontal.margin-xxlarge,
.margin-horizontal.margin-xhuge,
.margin-horizontal.margin-huge,
.margin-horizontal.margin-xlarge,
.margin-horizontal.margin-custom1,
.margin-horizontal.margin-xxsmall,
.margin-horizontal.margin-xsmall,
.margin-horizontal.margin-large,
.margin-horizontal.margin-custom2,
.margin-horizontal.margin-small,
.margin-horizontal.margin-xxhuge {
    margin-top: 0;
    margin-bottom: 0
}

.padding-top,
.padding-top.padding-xhuge,
.padding-top.padding-xxhuge,
.padding-top.padding-0,
.padding-top.padding-large,
.padding-top.padding-custom2,
.padding-top.padding-xlarge,
.padding-top.padding-huge,
.padding-top.padding-xxsmall,
.padding-top.padding-custom3,
.padding-top.padding-tiny,
.padding-top.padding-medium,
.padding-top.padding-xxlarge,
.padding-top.padding-small,
.padding-top.padding-xsmall,
.padding-top.padding-custom1 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-bottom,
.padding-bottom.padding-xlarge,
.padding-bottom.padding-small,
.padding-bottom.padding-xxhuge,
.padding-bottom.padding-large,
.padding-bottom.padding-xhuge,
.padding-bottom.padding-custom2,
.padding-bottom.padding-xxsmall,
.padding-bottom.padding-xxlarge,
.padding-bottom.padding-custom3,
.padding-bottom.padding-custom1,
.padding-bottom.padding-xsmall,
.padding-bottom.padding-huge,
.padding-bottom.padding-tiny,
.padding-bottom.padding-medium,
.padding-bottom.padding-0 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.padding-left,
.padding-left.padding-xhuge,
.padding-left.padding-xlarge,
.padding-left.padding-0,
.padding-left.padding-small,
.padding-left.padding-xsmall,
.padding-left.padding-medium,
.padding-left.padding-xxhuge,
.padding-left.padding-huge,
.padding-left.padding-custom1,
.padding-left.padding-tiny,
.padding-left.padding-xxsmall,
.padding-left.padding-custom3,
.padding-left.padding-custom2,
.padding-left.padding-xxlarge,
.padding-left.padding-large {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0
}

.padding-right,
.padding-right.padding-xxhuge,
.padding-right.padding-custom2,
.padding-right.padding-large,
.padding-right.padding-xlarge,
.padding-right.padding-tiny,
.padding-right.padding-custom3,
.padding-right.padding-custom1,
.padding-right.padding-xsmall,
.padding-right.padding-xxlarge,
.padding-right.padding-xxsmall,
.padding-right.padding-medium,
.padding-right.padding-xhuge,
.padding-right.padding-huge,
.padding-right.padding-0,
.padding-right.padding-small {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0
}

.padding-vertical,
.padding-vertical.padding-0,
.padding-vertical.padding-xxhuge,
.padding-vertical.padding-large,
.padding-vertical.padding-custom3,
.padding-vertical.padding-medium,
.padding-vertical.padding-tiny,
.padding-vertical.padding-xxlarge,
.padding-vertical.padding-custom1,
.padding-vertical.padding-xsmall,
.padding-vertical.padding-xhuge,
.padding-vertical.padding-xlarge,
.padding-vertical.padding-custom2,
.padding-vertical.padding-xxsmall,
.padding-vertical.padding-huge,
.padding-vertical.padding-small {
    padding-left: 0;
    padding-right: 0
}

.padding-horizontal,
.padding-horizontal.padding-xxsmall,
.padding-horizontal.padding-0,
.padding-horizontal.padding-custom3,
.padding-horizontal.padding-huge,
.padding-horizontal.padding-xsmall,
.padding-horizontal.padding-medium,
.padding-horizontal.padding-xxlarge,
.padding-horizontal.padding-large,
.padding-horizontal.padding-xhuge,
.padding-horizontal.padding-custom1,
.padding-horizontal.padding-tiny,
.padding-horizontal.padding-custom2,
.padding-horizontal.padding-xxhuge,
.padding-horizontal.padding-small,
.padding-horizontal.padding-xlarge {
    padding-top: 0;
    padding-bottom: 0
}

.overflow-scroll {
    overflow: scroll
}

.overflow-auto {
    overflow: auto
}

.text-style-nowrap {
    white-space: nowrap
}

.text-weight-medium {
    font-weight: 500
}

.text-size-medium {
    font-family: Poppins, sans-serif;
    font-size: 1.125rem;
    font-weight: 400
}

.text-size-medium.is-white {
    color: var(--white);
    font-size: 1.313rem
}

.text-size-medium.store-button {
    color: var(--deep-pink);
    font-family: Fractul, sans-serif;
    font-weight: 600;
    transition: color .2s
}

.text-size-medium.store-button:hover {
    color: var(--gold)
}

.form-radio {
    align-items: center;
    margin-bottom: 0;
    padding-left: 1.125rem;
    display: flex
}

.form-checkbox-label {
    margin-bottom: 0
}

.text-color-white {
    color: var(--white)
}

.form-checkbox {
    align-items: center;
    margin-bottom: 0;
    padding-left: 1.25rem;
    display: flex
}

.text-size-large {
    font-family: Poppins, sans-serif;
    font-size: 1.25rem
}

.text-size-large.xl {
    font-size: 2rem
}

.text-size-large.centred {
    text-align: center
}

.text-size-large.centred._70 {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.heading-xxlarge {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2
}

.form-radio-icon {
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 100px;
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    margin-top: 0;
    margin-left: -1.125rem;
    margin-right: .5rem
}

.form-radio-icon.w--redirected-checked {
    background-color: #fff;
    background-image: none;
    border-width: 6px;
    border-color: #000
}

.form-radio-icon.w--redirected-focus {
    box-shadow: none;
    border-color: #000;
    margin-top: 0
}

.styleguide_icons-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid
}

.heading-medium {
    color: var(--black);
    margin-bottom: 1.4rem;
    font-size: 2.12rem;
    font-weight: 600;
    line-height: 1.2
}

.heading-medium.is-yellow {
    color: var(--gold);
    margin-bottom: .9rem;
    font-weight: 500
}

.heading-medium.is-yellow.large {
    color: var(--gold);
    font-size: 2.5rem
}

.heading-medium.is-white {
    color: #fff;
    margin-bottom: 0;
    font-size: 2.12rem;
    font-weight: 500
}

.heading-medium.is-white.with-top-padding {
    margin-top: .9rem;
    margin-bottom: .9rem
}

.heading-medium.is-white.footer {
    margin-bottom: 1rem
}

.heading-medium.is-white.bottom-padding {
    margin-bottom: 2.5rem
}

.heading-medium.is-white.bottom-padding.pink {
    color: var(--gold)
}

.heading-medium.is-white.bottom-padding.yellow {
    color: var(--deep-pink)
}

.heading-medium.is-white.yellow {
    color: var(--gold)
}

.heading-medium.white {
    color: #fff;
    font-size: 2.12rem
}

.heading-medium.is-blue {
    color: var(--dark-turquoise)
}

.heading-medium.dark {
    color: var(--black);
    margin-bottom: .9rem;
    font-weight: 700
}

.heading-medium.dark.large {
    color: var(--black);
    font-size: 2.12rem;
    font-weight: 600
}

.heading-medium.dark.is-dark {
    color: var(--black);
    line-height: 1.1
}

.heading-medium.no-marg {
    margin-bottom: 0
}

.heading-medium.blog-title {
    color: var(--black)
}

.heading-medium.blog-title.price {
    color: var(--deep-pink);
    font-size: 1.2rem
}

.heading-medium.shop-product-title {
    color: var(--black);
    margin-bottom: .6rem
}

.heading-medium.shop-product-title.price {
    color: var(--deep-pink);
    font-size: 1.2rem
}

.field-label {
    margin-bottom: .5rem;
    font-weight: 400
}

.heading-large {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2
}

.image-wrapper-3-2 {
    width: 100%;
    padding-top: 66.66%;
    position: relative
}

.button {
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    border: 1px solid #000;
    border-radius: 8px;
    align-items: center;
    padding: .35rem 10px;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex
}

.button.is-alternate {
    border-width: 11px;
    border-color: var(--gold);
    background-color: var(--white);
    color: #000;
    transition: background-color .2s
}

.button.is-alternate:hover {
    background-color: var(--gold)
}

.button.is-alternate.margin-right {
    color: #fff;
    background-color: #fff0;
    margin-right: 23px;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem
}

.button.is-alternate.margin-right:hover {
    background-color: var(--gold);
    color: var(--black)
}

.button.is-alternate.margin-right.hero {
    color: var(--black);
    border-color: #0000;
    margin-left: .7rem;
    margin-right: 0
}

.button.is-alternate.margin-right.hero.pink {
    background-color: var(--white);
    color: var(--deep-pink)
}

.button.is-alternate.margin-right.hero.pink:hover {
    background-color: var(--deep-pink);
    color: var(--white)
}

.button.is-alternate.margin-right._404 {
    color: var(--black);
    margin-right: 0
}

.button.is-alternate.margin-right.sticky {
    position: sticky;
    top: 612px
}

.button.is-button-small {
    padding: .5rem 1.25rem
}

.button.with-icon {
    grid-column-gap: .75rem;
    align-items: center;
    display: flex
}

.button.is-link {
    color: #000;
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none
}

.button.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem
}

.button.is-secondary {
    color: #000;
    background-color: #0000
}

.button.is-small {
    padding: .5rem 1.25rem
}

.button.yellow-button {
    border: 11px solid var(--gold);
    background-color: var(--gold);
    color: var(--black);
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem;
    transition: all .2s
}

.button.yellow-button:hover {
    border-color: var(--goldenrod);
    background-color: var(--goldenrod)
}

.button.yellow-button.padding {
    margin-right: 23px
}

.button.pink-button {
    border: 11px solid var(--deep-pink);
    background-color: var(--deep-pink);
    color: var(--white);
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem;
    transition: all .2s
}

.button.pink-button:hover {
    border-color: var(--deep-pink);
    background-color: #ed1e7200
}

.button.pink-button.padding {
    margin-right: 23px
}

.button.menu-nav {
    border-color: var(--deep-pink);
    background-color: var(--deep-pink);
     margin-right: 16px;
 }

.button.menu-nav:hover {
    background-color: #d41965
}

.form-input {
    background-color: var(--white);
    color: #000;
    border: 1px solid #000;
    height: auto;
    min-height: 2.75rem;
    margin-bottom: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.6
}

.form-input:focus {
    border-color: #000
}

.form-input::placeholder {
    color: #0009
}

.form-input.is-select-input {
    background-color: #fff;
    background-image: none
}

.form-input.is-text-area {
    height: auto;
    min-height: 11.25rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    overflow: auto
}

.background-color-lightgrey {
    background-color: var(--light-grey)
}

.form-checkbox-icon {
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 0;
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
    min-height: 1.125rem;
    margin-top: 0;
    margin-left: -1.25rem;
    margin-right: .5rem;
    transition: all .2s
}

.form-checkbox-icon.w--redirected-checked {
    box-shadow: none;
    background-color: #000;
    background-size: 16px 16px;
    border-width: 1px;
    border-color: #000
}

.form-checkbox-icon.w--redirected-focus {
    box-shadow: none;
    border-color: #000
}

.heading-xsmall {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.4
}

.image-wrapper-4-3 {
    width: 100%;
    padding-top: 75%;
    position: relative
}

.button-secondary {
    color: var(--black);
    text-align: center;
    background-color: #0000;
    border: 3px solid #000;
    border-radius: 8px;
    padding: .75rem 1.5rem;
    font-size: 1.125rem
}

.button-secondary.is-button-small {
    padding: .5rem 1.25rem
}

.button-secondary.is-alternate {
    border-color: var(--white);
    color: var(--white)
}

.button-secondary.with-icon {
    grid-column-gap: .75rem;
    align-items: center;
    display: flex
}

.heading-small {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

.text-style-quote {
    border-left: .1875rem solid #000;
    margin-bottom: 0;
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.form-field-wrapper {
    position: relative
}

.image-wrapper_image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.image-wrapper-16-9 {
    width: 100%;
    padding-top: 56.25%;
    position: relative
}

.text-color-black {
    color: #000
}

.stylesystem-images_layout {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.image-wrapper-1-1 {
    width: 100%;
    padding-top: 100%;
    position: relative
}

.styleguide_grid-colours {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.heading-xlarge {
    color: var(--black);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2
}

.heading-xlarge.with-margin {
    margin-bottom: 1.8rem
}

.heading-xlarge.is-white {
    color: #fff
}

.heading-xlarge.top-section {
    text-align: center
}

.icon-1x1-xxsmall {
    width: 1rem;
    height: 1rem
}

.icon-1x1-xsmall {
    width: 1.5rem;
    height: 1.5rem
}

.icon-1x1-small {
    width: 2rem;
    height: 2rem
}

.icon-1x1-medium {
    width: 3rem;
    height: 3rem
}

.icon-1x1-large {
    width: 5rem;
    height: 5rem
}

.icon-1x1-xlarge {
    width: 6.5rem;
    height: 6.5rem
}

.rl-styleguide-message-delete-this {
    text-align: center;
    background-color: #f1f0ee;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex
}

.rl-styleguide-message-wrapper {
    text-align: left;
    background-color: #e4e2df;
    border-radius: 16px;
    padding: 2.5rem
}

.rl-styleguide-message-fixed {
    z-index: 99;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2.5rem;
    display: flex;
    position: fixed;
    inset: 0% 0% auto
}

.form-radio-label {
    margin-bottom: 0
}

.margin-top-auto {
    margin-top: auto
}

.text-lineheight-normal {
    font-family: Poppins, sans-serif;
    line-height: 1.5
}

.icon-embed-small {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex
}

.rl-styleguide_class-sample-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 15rem 1fr;
    align-items: center
}

.shadow-large {
    box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #10182808
}

.rl-styleguide_tutorial-callout {
    grid-column-gap: 2rem;
    background-color: #fff;
    border: 1px solid #000;
    justify-content: space-between;
    align-items: center;
    padding: .75rem .75rem .75rem 1rem;
    display: flex
}

.rl-styleguide_callout-link-wrapper {
    background-image: linear-gradient(135deg, #ff744826, #ff484826 50%, #6248ff26), linear-gradient(#fff, #fff);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .75rem 1rem;
    display: flex
}

.text-lineheight-xshort {
    font-family: Poppins, sans-serif;
    line-height: 1.3
}

.rl-styleguide_heading {
    z-index: 4;
    background-color: var(--black);
    color: #fff;
    padding: .25rem .5rem;
    position: sticky;
    top: 0
}

.text-lineheight-xtall {
    font-family: Poppins, sans-serif;
    line-height: 2
}

.icon-medium {
    height: 3rem
}

.text-lineheight-none {
    font-family: Poppins, sans-serif;
    line-height: 1.3
}

.rl-styleguide_class-label {
    color: #fff;
    white-space: nowrap;
    cursor: context-menu;
    background-color: #0073e6;
    border-radius: 2px;
    padding: .25rem .5rem;
    font-size: .75rem;
    display: inline-block
}

.rl-styleguide_class-label.html-tags {
    background-color: #be4aa5
}

.shadow-xxlarge {
    box-shadow: 0 32px 64px -12px #10182824
}

.text-letterspacing-wide {
    letter-spacing: .025em
}

.icon-embed-medium {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    display: flex
}

.shadow-xlarge {
    box-shadow: 0 24px 48px -12px #1018282e
}

.styleguide_color-sample {
    padding: 8rem 1.5rem 1.25rem
}

.styleguide_color-sample.is-lightgrey {
    background-color: #f4f4f4
}

.styleguide_color-sample.is-black {
    background-color: #000
}

.styleguide_color-sample.is-white {
    background-color: #fff
}

.text-lineheight-short {
    font-family: Poppins, sans-serif;
    line-height: 1.3
}

.shadow-xsmall {
    box-shadow: 0 1px 3px #1018281a, 0 1px 2px #1018280f
}

.shadow-xxsmall {
    box-shadow: 0 1px 2px #1018280d
}

.icon-large {
    height: 5rem
}

.button-tertiary {
    background-color: var(--light-grey);
    color: #000;
    text-align: center;
    border: 1px solid #0000;
    border-radius: 8px;
    padding: .75rem 1.5rem;
    font-size: 1.125rem
}

.button-tertiary.is-button-small {
    padding: .5rem 1.25rem
}

.button-tertiary.is-alternate {
    color: #fff;
    background-color: #464646;
    border-color: #464646
}

.button-tertiary.with-icon {
    grid-column-gap: .75rem;
    align-items: center;
    display: flex
}

.rl-styleguide_paste-text {
    color: #00000080;
    text-align: center;
    border: 1px dashed #00000026;
    padding: 1rem
}

.rl-styleguide_button-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1.5rem;
    white-space: normal;
    grid-template-rows: auto;
    grid-template-columns: auto;
    grid-auto-columns: max-content;
    grid-auto-flow: row;
    place-items: center start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: grid
}

.rl-styleguide_button-list.background-color-black {
    background-color: var(--black)
}

.rl-styleguide_list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-bottom: 4rem
}

.button-link {
    color: var(--light-grey);
    background-color: #0000;
    align-items: center;
    margin-top: 21px;
    padding: .25rem 0;
    font-size: 1.125rem;
    line-height: 1;
    text-decoration: none;
    display: flex
}

.button-link.is-alternate {
    color: #fff
}

.button-link.with-icon {
    grid-column-gap: .5rem
}

.icon-xsmall {
    height: 1.5rem
}

.shadow-medium {
    box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808
}

.icon-embed-large {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    display: flex
}

.rl-styleguide_shadows-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.icon-embed-xxsmall {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex
}

.icon-embed-xsmall {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex
}

.icon-xxsmall {
    height: 1rem
}

.rl-styleguide_header {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #fff;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex
}

.text-lineheight-tall {
    font-family: Poppins, sans-serif;
    line-height: 1.7
}

.icon-small {
    height: 2rem
}

.rl-styleguide_subheading {
    z-index: 3;
    color: #000;
    background-color: #d3d3d3;
    padding: .25rem .5rem;
    position: sticky;
    top: 2rem
}

.form {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.rl-styleguide_callout-link {
    background-color: #fff;
    background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff);
    justify-content: space-between;
    align-items: center;
    padding: 1px;
    display: flex
}

.rl-styleguide_shadow-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 8rem;
    padding: 1rem;
    display: flex
}

.class-label-column {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.text-letterspacing-xtight {
    letter-spacing: -.03em
}

.text-letterspacing-normal {
    letter-spacing: 0
}

.text-letterspacing-xwide {
    letter-spacing: .05em
}

.icon-embed-xlarge {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6.5rem;
    height: 6.5rem;
    display: flex
}

.class-label-row {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.icon-xlarge {
    height: 6.5rem
}

.text-letterspacing-tight {
    letter-spacing: -.015em
}

.rl-styleguide_button-row {
    grid-column-gap: 1rem;
    display: flex
}

.shadow-small {
    box-shadow: 0 4px 8px -2px #1018281a, 0 2px 4px -2px #1018280f
}

.rl-styleguide_extension {
    display: none
}

.with-icon {
    grid-column-gap: .75rem;
    align-items: center;
    display: flex
}

.navbar6_blog-item {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: max-content;
    grid-auto-columns: 1fr;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: flex
}

.navbar6_blog-image-wrapper {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    overflow: hidden
}

.navbar6_dropdown-toggle {
    padding: 1.5rem 2.5rem 1.5rem 1rem
}

.navbar6_dropdown-content {
    width: 100%;
    display: flex
}

.navbar6_menu-dropdown {
    position: static
}

.navbar6_menu-button {
    padding: 0
}

.navbar6_dropdown-content-right {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: max-content auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 20rem;
    padding: 2rem;
    position: relative
}

.navbar6_dropdown-blog-item-wrapper {
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start
}

.navbar6_icon-wrapper {
    flex: none
}

.dropdown-icon {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 1rem
}

.navbar6_menu {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 1.5rem;
    display: flex;
    position: static
}

.navbar6_blog-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.navbar6_logo-link {
    padding-left: 0
}

.navbar6_item-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar6_dropdown-background-layer {
    background-color: var(--light-grey);
    min-width: 100vw;
    position: absolute;
    inset: 0% auto 0% 0%
}

.navbar6_dropdown-content-wrapper {
    grid-template-rows: auto max-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar6_dropdown-content-wrapper.z-index-1 {
    grid-row-gap: 1rem
}

.navbar6_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar6_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex
}

.button-group {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    display: flex
}

.navbar6_blog-content {
    flex-direction: column;
    justify-content: flex-start;
    max-width: 18rem;
    display: flex
}

.navbar6_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar6_dropdown-list.w--open {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    width: 100vw;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.navbar6_dropdown-link {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: grid
}

.navbar6_link {
    padding: 1.5rem 1rem
}

.navbar6_link.w--current {
    color: #000
}

.navbar6_dropdown-content-left {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 2rem 2rem 2rem 0;
    display: grid
}

.navbar6_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content max-content max-content max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.icon-height-xsmall {
    height: 1.5rem
}

.navbar5_dropdown-list.w--open {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    width: 100vw;
    min-width: 100vw;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    inset: 100% 0% auto;
    overflow: hidden
}

.navbar5_icon-wrapper {
    flex: none
}

.navbar5_blog-image-wrapper {
    width: 100%;
    padding-top: 66.66%;
    position: relative
}

.navbar5_dropdown-background-layer {
    background-color: var(--light-grey);
    min-width: 100vw;
    position: absolute;
    inset: 0% auto 0% 0%
}

.navbar5_dropdown-content-right {
    flex: 1;
    max-width: 35rem;
    padding: 2rem 0 2rem 2rem;
    display: flex;
    position: relative
}

.navbar5_menu {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin-left: 1.5rem;
    display: flex;
    position: static
}

.navbar5_dropdown-content-left {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 2rem 2rem 2rem 0;
    display: grid
}

.navbar5_dropdown-toggle {
    padding: 1.5rem 2.5rem 1.5rem 1rem
}

.navbar5_menu-dropdown {
    position: static
}

.navbar5_blog-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.navbar5_link {
    padding: 1.5rem 1rem
}

.navbar5_link.w--current {
    color: #000
}

.navbar5_logo-link {
    padding-left: 0
}

.navbar5_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar5_dropdown-content-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar5_dropdown-content-wrapper.z-index-1 {
    grid-row-gap: 1rem;
    grid-template-rows: max-content max-content;
    grid-auto-rows: max-content;
    width: 100%
}

.navbar5_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar5_dropdown-content {
    width: 100%;
    display: flex
}

.navbar5_dropdown-link {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: grid
}

.navbar5_blog-item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .6fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: grid
}

.navbar5_blog-list {
    grid-column-gap: 0rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: grid
}

.navbar5_menu-button {
    padding: 0
}

.navbar5_large-item-content {
    flex-direction: column;
    justify-content: flex-start;
    display: flex
}

.navbar5_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex
}

.navbar5_item-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar5_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar7_dropdown-list.w--open {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    width: 100vw;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.navbar7_icon-wrapper {
    flex: none
}

.navbar7_item-text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar7_menu-button {
    padding: 0
}

.navbar7_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content max-content max-content max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar7_link {
    padding: 1.5rem 1rem
}

.navbar7_link.w--current {
    color: #000
}

.navbar7_dropdown-link {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: grid
}

.navbar7_bottom-bar-left {
    grid-column-gap: .5rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: max-content minmax(max-content, 1fr);
    grid-auto-columns: 1fr;
    display: grid;
    position: relative
}

.navbar7_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar7_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar7_bottom-bar {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    position: relative
}

.navbar7_bottom-bar-background-layer {
    background-color: var(--light-grey);
    width: 200vw;
    position: absolute;
    inset: 0% -50vw
}

.navbar7_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex
}

.navbar7_dropdown-toggle {
    padding: 1.5rem 2.5rem 1.5rem 1rem
}

.navbar7_menu {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 1.5rem;
    display: flex;
    position: static
}

.navbar7_dropdown-content {
    width: 100%;
    display: flex
}

.navbar7_item-right {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar7_bottom-bar-right {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    display: flex;
    position: relative
}

.navbar7_menu-dropdown {
    position: static
}

.navbar7_dropdown-content-left {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 0;
    display: grid
}

.navbar8_dropdown-list.w--open {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    width: 100vw;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.navbar8_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content max-content max-content max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar8_link {
    padding: 1.5rem 1rem
}

.navbar8_link.w--current {
    color: #000
}

.navbar8_dropdown-content-right {
    flex: 1;
    max-width: 14rem;
    padding: 2rem 0 2rem 2rem;
    display: flex;
    position: relative
}

.navbar8_menu-button {
    padding: 0
}

.navbar8_dropdown-toggle {
    padding: 1.5rem 2.5rem 1.5rem 1rem
}

.navbar8_dropdown-link-small {
    font-size: .875rem;
    text-decoration: none
}

.navbar8_icon-holder {
    flex: none
}

.navbar8_dropdown-content-left {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 2rem 2rem 2rem 0;
    display: grid
}

.navbar8_dropdown-background-layer {
    background-color: var(--light-grey);
    min-width: 100vw;
    position: absolute;
    inset: 0% auto 0% 0%
}

.navbar8_dropdown-small-link-list {
    flex-direction: column;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    max-width: 32rem;
    display: flex
}

.navbar8_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar8_dropdown-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid
}

.navbar8_dropdown-content-wrapper.z-index-1 {
    grid-template-rows: max-content;
    grid-auto-rows: max-content
}

.navbar8_logo-link {
    padding-left: 0
}

.navbar8_logo-link.w--current {
    margin-right: 12px
}

.navbar8_logo {
    width: 130px
}

.navbar8_dropdown-content {
    width: 100%;
    display: flex
}

.navbar8_dropdown-link {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: grid
}

.navbar8_item-text {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar8_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex
}

.navbar8_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar8_menu-dropdown {
    position: static
}

.navbar8_menu {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 1.5rem;
    display: flex;
    position: static
}

.navbar10_blog-item-content {
    flex-direction: column;
    justify-content: center;
    display: flex
}

.navbar10_dropdown-content {
    width: 100%;
    display: flex
}

.navbar10_dropdown-toggle {
    padding: 1.5rem 2.5rem 1.5rem 1rem
}

.navbar10_menu {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 1.5rem;
    display: flex;
    position: static
}

.navbar10_blog-item {
    grid-column-gap: 1.5rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none;
    display: grid
}

.navbar10_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content max-content max-content max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar10_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar10_dropdown-list.w--open {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    width: 100vw;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.navbar10_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar10_menu-right {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex
}

.navbar10_link {
    padding: 1.5rem 1rem
}

.navbar10_link.w--current {
    color: #000
}

.navbar10_dropdown-content-right {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
    position: relative
}

.navbar10_blog-item-image-wrapper {
    width: 100%;
    padding-top: 66.66%;
    display: flex;
    position: relative
}

.navbar10_menu-button {
    padding: 0
}

.navbar10_blog-list {
    grid-column-gap: 3rem;
    grid-row-gap: .5rem;
    grid-template-rows: max-content;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: max-content;
    width: 100%;
    display: grid
}

.navbar10_menu-dropdown {
    position: static
}

.navbar10_dropdown-content-left {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: 15rem;
    padding: 2rem 2rem 2rem 0
}

.navbar10_blog-item-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%
}

.navbar10_logo-link {
    padding-left: 0
}

.navbar10_dropdown-link {
    grid-column-gap: 8px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none
}

.navbar11_link {
    padding: .5rem 1rem
}

.navbar11_link.w--current {
    color: #000
}

.navbar11_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar11_text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar11_dropdown-toggle {
    padding: .5rem 2.5rem .5rem 1rem
}

.navbar11_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar11_icon-wrapper {
    flex: none
}

.navbar11_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar11_menu-buttons {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-left: 1rem;
    display: flex
}

.navbar11_dropdown-link {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-decoration: none;
    display: grid
}

.navbar11_logo-link {
    padding-left: 0
}

.navbar11_menu-button {
    padding: 0
}

.navbar11_menu {
    align-items: center;
    display: flex;
    position: static
}

.navbar11_dropdown-list.w--open {
    background-color: var(--white);
    border: 1px solid #000;
    width: 20rem;
    padding: 1.5rem
}

.navbar12_container {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.navbar12_menu-buttons {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-left: 1rem;
    display: flex
}

.navbar12_menu {
    align-items: center;
    display: flex;
    position: static
}

.navbar12_dropdown-toggle {
    padding: .5rem 2.5rem .5rem 1rem
}

.navbar12_dropdown-content {
    grid-column-gap: 2rem;
    grid-row-gap: 0px;
    flex: 1;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar12_menu-button {
    padding: 0
}

.navbar12_logo-link {
    padding-left: 0
}

.navbar12_dropdown-link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    grid-template-rows: max-content;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    grid-auto-columns: 1fr;
    display: grid
}

.navbar12_text-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.navbar12_dropdown-link {
    grid-column-gap: .75rem;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-decoration: none;
    display: grid
}

.navbar12_dropdown-list.w--open {
    background-color: var(--white);
    border: 1px solid #000;
    width: 40rem;
    padding: 1.5rem;
    right: -100%
}

.navbar12_component {
    background-color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding-left: 5%;
    padding-right: 5%;
    display: flex
}

.navbar12_link {
    padding: .5rem 1rem
}

.navbar12_link.w--current {
    color: #000
}

.navbar12_icon-wrapper {
    flex: none
}

.button-2 {
    color: #fff;
    text-align: center;
    background-color: #000;
    border: 1px solid #000;
    padding: .75rem 1.5rem
}

.button-2.is-small {
    padding: .5rem 1.25rem
}

.button-2.is-secondary {
    color: #000;
    background-color: #0000
}

.button-2.is-secondary.is-small {
    border-width: 3px;
    border-color: var(--white);
    color: var(--white);
    border-radius: 8px;
    padding: .3rem 1.8rem
}

.navbar8_menu-2 {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    margin-left: 1.5rem;
    display: flex;
    position: static
}

.navbar8_link-2 {
    padding: 1.5rem 1rem;
    transition: color .2s
}

.navbar8_link-2:hover {
    color: var(--gold)
}

.navbar8_link-2.w--current {
    color: #000
}

.navbar8_dropdown-background-layer-2 {
    background-color: #f4f4f4;
    min-width: 100vw;
    position: absolute;
    inset: 0% auto 0% 0%
}

.navbar8_dropdown-list-2.w--open {
    color: var(--black);
    background-color: #fff;
    border-bottom: 1px solid #000;
    width: 100vw;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow: hidden
}

.navbar8_component-2 {
    background-color: var(--black-2);
    color: var(--white);
    border-bottom: 1px solid #000;
    align-items: center;
    width: 100%;
    min-height: 4.5rem;
    padding: 14px 3%;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex
}

.body {
    font-family: Poppins, sans-serif
}

.section {
    padding: 45px 3%;
    overflow: hidden
}

.section.home_hero {
    background-color: var(--deep-pink);
    color: var(--black-2);
    background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/67e57f2156747ce86d299fa1_Pixelbricks%202025%20Website%20Design%20Ideas.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    padding-top: 17%;
    padding-bottom: 10%;
    display: flex;
    position: relative;
    overflow: hidden
}

.section.is-dark {
    background-color: var(--black);
    padding-top: 136px;
    padding-bottom: 79px;
    overflow: visible
}

.section.is-dark.portfolio {
    background-color: var(--black);
    color: var(--white);
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    position: relative;
    overflow: visible
}

.section.is-dark.web-page.service-header {
    padding-top: 189px
}

.section.is-dark.about-section {
    background-image: linear-gradient(#272423c2, #272423c2), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/64a54568262710de60391dc7_property%20\(1\).png);
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    height: 300px
}

.section.is-dark.brand-page.service-header {
    padding-top: 183px
}

.section.is-dark.seo-page {
    background-image: linear-gradient(#322e2ce8, #322e2ce8), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a5a428ea7e9c086746e79d_SEO-london.svg);
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover
}

.section.is-dark.audit {
    padding-top: 214px
}

.section.is-dark.shop-page {
    background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/668fe2a08aba2e8050fede6e_pixelbricks.webp);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 1200px;
    padding-top: 224px;
    position: relative
}

.section.is-dark.conversion-science {
    background-image: linear-gradient(#00000080, #00000080), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/668fe2a08aba2e8050fede6e_pixelbricks.webp);
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 1200px;
    padding-top: 224px;
    padding-bottom: 93px;
    position: relative
}

.section.with-padding {
    padding-top: 139px;
    padding-bottom: 82px
}

.section.with-padding.special {
    background-color: #fff;
    padding-top: 4%;
    padding-bottom: 4%
}

.section.with-padding.zero-bottom {
    background-color: var(--white);
    padding-top: 67px;
    padding-bottom: 0;
    position: relative
}

.section.with-padding.zero-bottom.audit {
    background-image: none;
    background-size: auto;
    padding-top: 153px;
    padding-bottom: 153px
}

.section.with-equal-padding {
    background-color: var(--white);
    padding-top: 90px;
    padding-bottom: 90px
}

.section.with-equal-padding.special {
    padding-top: 93px;
    padding-bottom: 44px
}

.section.with-equal-padding.zero-bottom {
    background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a389f38e02fd16fd15f21c_back.png);
    background-position: 0 0;
    background-size: auto;
    padding-top: 89px;
    padding-bottom: 0;
    position: relative
}

.section.with-equal-padding.alternative {
    background-color: var(--light-grey)
}

.section.with-equal-padding.brands-worked-with {
    padding-top: 60px;
    padding-bottom: 60px
}

.section.proposals-section {
    padding-top: 95px;
    padding-bottom: 95px
}

.section.proposals-section.special {
    background-color: #fff;
    padding-top: 3%;
    padding-bottom: 3%
}

.section.proposals-section.zero-bottom {
    background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a389f38e02fd16fd15f21c_back.png);
    background-position: 0 0;
    background-size: auto;
    padding-top: 89px;
    padding-bottom: 0;
    position: relative
}

.content-contain-90rem {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0
}

.content-contain-90rem.centrered {
    z-index: 95;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.content-contain-90rem.centrered.bottom-margin {
    margin-bottom: 83px
}

.content-contain-90rem.centrered.bottom-margin.is-white {
    color: #fff;
    margin-bottom: 40px
}

.content-contain-90rem.centrered.dark {
    background-color: var(--black);
    border-radius: 10px;
    margin-bottom: 76px;
    padding: 47px 29px
}

.content-contain-90rem.margin-top {
    margin-top: 73px
}

.content-contain-90rem.overlap {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    display: flex
}

.content-contain-90rem.left-align {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr 1fr;
    grid-auto-columns: 1fr;
    place-items: flex-start start;
    width: 100%;
    display: flex
}

.content-contain-90rem.with-margin {
    margin-bottom: 86px
}

.content-grid {
    grid-template-rows: auto
}

.content-grid._1 {
    grid-template-columns: 3.75fr 1fr
}

.content-grid.about-us {
    grid-column-gap: 101px;
    grid-template-columns: 1.5fr 1fr
}

.content-wrapper.is-white {
    color: #fff
}

.h1-hero {
    color: var(--black);
    font-size: 6.9rem;
    line-height: 1
}

.h1-hero.with-bottom-margin {
    color: #fff;
    margin-bottom: 2.6rem;
    font-size: 6rem;
    line-height: 1.2
}

.text-span_pink {
    color: var(--deep-pink)
}

.paragraph {
    color: var(--black);
    width: auto;
    margin-bottom: 1.5rem;
    font-family: Poppins, sans-serif;
    font-size: 1.313rem;
    font-weight: 400
}

.paragraph._40ch {
    color: #fff;
    width: 40ch;
    margin-bottom: 2.1rem;
    font-family: Fractul, sans-serif;
    font-size: 21px
}

.paragraph._50 {
    width: 30%
}

.paragraph._50.fractul {
    width: 50%;
    font-family: Fractul, sans-serif;
    font-size: 1.5rem;
    font-weight: 400
}

.paragraph._50.fractul.hero {
    text-align: left;
    width: 70%;
    font-size: 1.718rem;
    line-height: 1.3
}

.paragraph._50.fractul.hero.white {
    width: 80%
}

.paragraph.is-white {
    color: #fff;
    font-size: 1.313rem;
    font-weight: 300
}

.paragraph.is-white._60 {
    width: 55%;
    margin-bottom: 0
}

.paragraph.is-white._60.centrered {
    font-size: 1.313rem;
    line-height: 1.3
}

.paragraph.is-white.remove-margin {
    margin-bottom: .125rem
}

.paragraph.is-white.centre-mobil {
    font-size: 1.313rem
}

.paragraph.is-white.centre-mobil._60 {
    width: 48%
}

.paragraph.is-white.miss-out {
    margin-top: 23px
}

.paragraph.is-dark._60 {
    color: var(--black);
    width: 55%;
    margin-bottom: 0
}

.paragraph.no-margin {
    color: var(--black-2);
    margin-bottom: 0
}

.paragraph.white {
    color: #fff
}

.paragraph.is-pink {
    color: var(--deep-pink)
}

.paragraph.is-blue {
    color: #1d9ea2;
    font-weight: 600
}

.paragraph.is-dark {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300
}

.paragraph.is-dark._60 {
    width: 55%;
    margin-bottom: 0
}

.paragraph.is-dark.remove-margin {
    color: var(--black);
    margin-bottom: .125rem
}

.paragraph.is-dark.zero-bottom-margin {
    color: var(--black);
    margin-bottom: 0
}

.paragraph.centered._60 {
    width: 60%
}

.text-span_yellow {
    color: var(--gold)
}

.menu-cta-wrap {
    margin-top: 10px
}

.menu-title-dark {
    color: var(--black);
    margin-bottom: 4px;
    font-size: 1.25rem;
    font-weight: 700
}

.menu-title-dark.white {
    color: #fff
}

.nav-container-panther {
    background-color: #fff;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    display: flex;
    overflow: hidden
}

.button-inner-panther {
    color: #ffab15;
    background-color: #ffab151a;
    border-radius: 10px;
    padding: 16px 32px;
    transition: all .35s;
    display: inline-block
}

.column-panther {
    color: #000;
    border-radius: 8px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 75%;
    margin-right: 7px;
    padding: 0 33px 33px;
    text-decoration: none;
    transition: all .35s;
    display: flex
}

.column-panther:hover {
    background-color: var(--light-grey);
    color: var(--black-2)
}

.column-cta-panther {
    background-color: var(--black);
    color: #fff;
    border-radius: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 25%;
    padding: 20px 33px 33px;
    font-size: 1.25rem;
    text-decoration: none;
    display: flex;
    position: relative
}

.navigation-panther {
    border-bottom: 3px none var(--light-grey);
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    color: var(--white);
    background-color: #1a1a1a;
    align-items: center;
    height: 12vh;
    padding: 5px 3%;
    display: flex;
    position: fixed;
    inset: 0% 0% auto
}

.menu-button-panther {
    border-radius: 8px
}

.menu-button-panther.w--open {
    background-color: var(--deep-pink)
}

.content-wrap-panther {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 7px;
    display: flex
}

.menu-subtext {
    opacity: 1;
    font-size: 16px;
    line-height: 1.5
}

.menu-subtext.hide-on-mobile {
    font-size: 17px
}

.nav-link-panther {
    color: var(--white);
    margin-left: 0;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1.25rem;
    font-weight: 500;
    transition: all .35s
}

.nav-link-panther:hover,
.nav-link-panther.w--current {
    color: var(--deep-pink)
}

.nav-link-panther.blue:hover {
    color: var(--dark-turquoise)
}

.dropdown-panther {
    margin-left: 5px;
    margin-right: 5px;
    position: static
}

.chevron-panther {
    margin-right: 5px;
    font-size: 14px
}

.toggle-panther {
    color: #000;
    padding-left: 12px;
    padding-right: 24px;
    font-size: 1.25rem;
    font-weight: 500;
    transition: all .2s
}

.toggle-panther:hover {
    color: var(--gold)
}

.nav-menu-panther {
    background-color: var(--black);
    color: var(--white);
    border-radius: 0;
    align-items: center;
    width: 400px;
    height: 100%;
    padding: 15px;
    display: flex;
    position: static
}

.navigation-menu-panther {
    align-items: center;
    display: flex
}

.menu-subtext-dark {
    color: var(--black);
    font-size: 1.125rem
}

.menu-subtext-dark.white {
    color: #fff
}

.list-wrap-panther {
    background-color: #fff
}

.nav-title-panther {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 600
}

.brand-logo {
    width: 150px
}

.header {
    background-color: #fff;
    min-height: 720px
}

.image-2-copy {
    border: 6px none var(--black);
    border-radius: 100%;
    width: 100%;
    margin-bottom: 21px
}

.asset-panther {
    width: 100px;
    height: 100px;
    margin-top: 25px;
    margin-bottom: 18px
}

.arrow-right {
    position: absolute;
    inset: auto 5% 5% auto
}

.button-panther {
    color: var(--black-2);
    background-color: #fff;
    border-radius: 5px;
    padding: 18px 24px;
    font-size: 1.125rem;
    font-weight: 500;
    transition: all .35s
}

.button-panther:hover {
    background-color: var(--gold)
}

.button-panther.web {
    background-color: var(--deep-pink);
    color: #fff
}

.button-panther.seo {
    background-color: var(--gold);
    color: #fff
}

.button-panther.brand-dev {
    background-color: var(--dark-turquoise);
    color: #fff
}

.button-panther.is-yellow {
    background-color: var(--gold)
}

.button-panther.is-yellow:hover {
    background-color: #daa80f
}

.button-panther.pink-button {
    background-color: var(--deep-pink);
    color: var(--white)
}

.button-panther.centred {
    margin-left: auto;
    margin-right: auto
}

.button-panther.centred:hover {
    background-color: var(--deep-pink);
    color: var(--white)
}

.brand {
    margin-right: 20px
}

.container-panther {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.list-panther {
    min-width: 100%
}

.list-panther.w--open {
    background-color: #0000;
    padding-top: 20px;
    position: absolute;
    bottom: auto;
    left: 0;
    right: 0;
    box-shadow: 4px 70px 50px #00000014
}

.footer-bottom {
    border-bottom: 1px solid #ffffff1a;
    justify-content: space-between;
    margin-top: 92px;
    display: flex
}

.footer-bottom.line-blank {
    border-bottom-style: none
}

.footer-grid-03 {
    grid-template-rows: auto;
    grid-template-columns: 2fr 1fr 1fr 1fr
}

.social-link {
    color: var(--white);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    padding: 10px;
    display: flex
}

.social-link.dark {
    color: var(--black);
    margin-top: 19px;
    padding: 0
}

.social-link.light {
    color: var(--white);
    margin-top: 19px;
    padding: 0
}

.footer-07 {
    background-color: var(--black-2);
    padding: 60px 3%;
    position: relative;
    inset: auto 0% 0%
}

.footer-cta {
    color: #fff;
    margin-bottom: 32px;
    margin-right: 20px;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.4
}

.footer-column {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 20px;
    display: flex
}

.footer-wrapper {
    align-items: center;
    display: flex
}

.footer-wrapper.hide {
    display: none
}

.container-2 {
    width: 100%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto
}

.button-3 {
    color: #5e4dcd;
    background-color: #ffd2dd;
    border-radius: 10px;
    padding: 20px 30px;
    font-size: 16px
}

.footer-title {
    color: var(--gold);
    margin-bottom: 22px;
    font-size: 21px
}

.footer-link {
    color: #fff;
    margin-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: opacity .2s;
    display: block
}

.footer-link:hover {
    opacity: .5
}

.footer-link.policy-link {
    font-size: 15px;
    font-weight: 300
}

.footer-link.comingsoon {
    opacity: .5
}

.footer-link-block {
    color: var(--white);
    padding-top: 6px;
    padding-bottom: 6px;
    transition: color .2s;
    display: flex
}

.footer-link-block:hover {
    color: var(--deep-pink)
}

.footer-link-img-holder {
    align-items: center;
    margin-right: 9px;
    display: block
}

.footer-link-img {
    width: 20px;
    height: 20px
}

.footer-link-text {
    font-size: 1.2rem
}

.footer-link-text.brand:hover {
    color: var(--dark-turquoise)
}

.icon {
    color: var(--white);
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    display: flex
}

.icon._2 {
    -webkit-backdrop-filter: drop-shadow(0 2px 5px #000000b3);
    backdrop-filter: drop-shadow(0 2px 5px #000000b3);
    mix-blend-mode: normal;
    width: 40px;
    height: 40px
}

.location-wrapper {
    color: var(--black);
    text-align: left;
    background-color: #fff;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 170px;
    margin-bottom: 24px;
    padding: 10px 7px;
    font-size: .8rem;
    font-weight: 400;
    display: flex;
    box-shadow: 0 2px 5px #0003
}

.location-icon-wrapper {
    color: var(--gold);
    justify-content: flex-start;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    display: flex
}

.icon-2 {
    color: var(--deep-pink);
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    display: flex
}

.textspan-pink {
    color: var(--deep-pink)
}

.h1-heading {
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    line-height: 1.2
}

.h1-heading.hero {
    font-size: 7rem
}

.h1-heading.hero._57 {
    text-align: left;
    letter-spacing: -.03em;
    width: 100%;
    margin-bottom: 19px;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1.1
}

.h1-heading.hero._57.white {
    color: var(--white);
    font-size: 4.3rem;
    font-weight: 600;
    line-height: 1
}

.h1-heading.hero._57.white.london {
    font-size: 4.5rem;
    line-height: 1
}

.h1-heading.harsh-truth {
    letter-spacing: 0;
    margin-bottom: 30px;
    font-size: 4rem;
    line-height: 1
}

.h1-heading.is-white {
    color: #fff;
    letter-spacing: 0;
    margin-bottom: -155px;
    padding-bottom: 0;
    font-size: 8rem;
    line-height: 1
}

.header-link-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 48px;
    display: flex
}

.header-feature-grid {
    grid-column-gap: 44px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    margin-top: 72px
}

.button-primary {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--gold);
    color: var(--black);
    text-align: center;
    letter-spacing: -.02em;
    border-radius: 6px;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 12px 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    display: flex
}

.section-regular {
    color: var(--black);
    background-image: linear-gradient(#ffffffb5, #ffffffb5), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/63a389f38e02fd16fd15f21c_back.png);
    background-position: 0 0, 50%;
    background-size: auto, cover;
    padding: 148px 5%;
    position: relative
}

.margin-bottom-08 {
    margin-bottom: 8px
}

.header-icon-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    align-items: center;
    margin-bottom: 16px;
    display: flex
}

.highlight {
    z-index: -1;
    position: absolute;
    inset: 0%
}

.header-wrap {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 792px;
    position: relative
}

.h4-heading {
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 1.2
}

.icon-regular {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.margin-bottom-32 {
    margin-bottom: 32px
}

.container-regular {
    z-index: 5;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.icon-x-large {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex
}

.margin-bottom-16 {
    margin-bottom: 16px
}

.subheading-bold {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px
}

.header-play-button-s {
    border: 1px solid #e4e4e7;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    min-height: 48px;
    display: flex
}

.highlight-wrap {
    display: inline-block;
    position: relative
}

.paragraph-regular {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.9
}

.header-icon-line {
    background-color: #e4e4e7;
    width: 100%;
    height: 1px
}

.header-grid-d {
    grid-column-gap: 52px;
    grid-row-gap: 44px;
    grid-template-rows: auto;
    grid-template-columns: 1.2fr 1fr;
    align-items: start
}

.highlight-span {
    background-color: #fbc21121;
    border-radius: 32px;
    padding: 2px 8px;
    display: inline-block
}

.b-content-accordion-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    align-items: start;
    max-width: 600px;
    display: grid
}

.span-link-primary {
    color: var(--deep-pink)
}

.b-h3-heading {
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2
}

.b-content-accordion-title-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.b-content-image {
    border-radius: 8px;
    margin-bottom: 22px
}

.b-content-accordion-toggle {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: flex-start;
    padding: 0;
    display: flex
}

.b-content-image-wrapper {
    width: 100%;
    max-width: 510px
}

.b-icon-regular {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: color .2s;
    display: flex
}

.b-icon-medium {
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    transition: all .3s;
    display: flex
}

.b-content-accordion-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: var(--black);
    flex-direction: column;
    align-items: flex-start;
    padding-top: 8px;
    padding-left: 56px;
    display: flex
}

.b-max-width-small {
    max-width: 400px
}

.b-paragraph-small {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8
}

.b-content-accordion-item {
    color: var(--black);
    background-color: #fff;
    border: 1px solid #dce0e5;
    border-radius: 10px;
    width: 100%;
    padding: 24px;
    display: block
}

.b-paragraph-regular {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6
}

.b-heading-wrapper {
    grid-column-gap: 44px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 64px;
    display: flex
}

.b-content-accordion-list {
    background-color: #0000;
    width: 100%;
    display: block;
    position: static;
    overflow: hidden
}

.b-container-small {
    z-index: 5;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: 0% auto 0% 0%
}

.b-content-accordion-icon {
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex
}

.b-content-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    display: block
}

.b-content-grid.margin-bottom-56 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 60px;
    display: grid
}

.b-paragraph-large {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.9
}

.b-paragraph-large.b-text-weight-semibold {
    font-weight: 600
}

.b-section-regular {
    background-color: var(--black);
    color: #fff;
    padding: 92px 5%;
    position: relative;
    overflow: hidden
}

.bold-text {
    width: 90%;
    font-size: 6.5rem
}

.yellow {
    color: var(--gold)
}

.image {
    width: 20px;
    height: 20px
}

.bold {
    font-weight: 700
}

.two-buttons {
    margin-top: 36px;
    margin-right: 7px;
    display: flex
}

.spacer-44 {
    width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: auto
}

.video {
    margin-bottom: -163px
}

.servides-grid {
    grid-column-gap: 38px;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    align-items: stretch
}

.services-div {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.service-cirle {
    border-radius: 100px;
    width: 100px;
    height: 100px
}

.service-cirle.yellow {
    background-color: var(--gold)
}

.service-cirle.is-pink {
    background-color: var(--deep-pink);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px;
    display: flex;
    position: relative;
    overflow: hidden
}

.service-cirle.is-yellow {
    background-color: var(--gold);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    display: flex;
    position: relative;
    overflow: hidden
}

.service-cirle.is-blue {
    background-color: var(--dark-turquoise);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 21px;
    display: flex;
    position: relative;
    overflow: hidden
}

.service-box {
    background-color: var(--black-2);
    text-align: center;
    border-radius: 10px;
    width: 100%;
    height: auto;
    margin-top: -52px;
    padding: 93px 21px 57px
}

.spacer-22 {
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-right: auto
}

.service-button {
    background-color: var(--black);
    color: var(--white);
    text-align: center;
    border: 1px solid #000;
    border-radius: 8px;
    align-items: center;
    padding: .35rem 1.9rem;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex
}

.service-button.is-alternate {
    border-width: 11px;
    border-color: var(--gold);
    background-color: var(--white);
    color: #000;
    transition: background-color .2s
}

.service-button.is-alternate:hover {
    background-color: var(--gold)
}

.service-button.is-alternate.margin-right {
    background-color: #fff0;
    margin-right: 23px;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem
}

.service-button.is-button-small {
    padding: .5rem 1.25rem
}

.service-button.with-icon {
    grid-column-gap: .75rem;
    align-items: center;
    display: flex
}

.service-button.is-link {
    color: #000;
    background-color: #0000;
    border-style: none;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none
}

.service-button.is-link.is-icon {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem
}

.service-button.is-secondary {
    color: #000;
    background-color: #0000
}

.service-button.is-small {
    padding: .5rem 1.25rem
}

.service-button.yellow-button {
    border: 11px solid var(--gold);
    background-color: var(--gold);
    color: #fff;
    border: 11px solid var(--gold);
    background-color: var(--gold);
    margin-top: -34px;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem;
    transition: all .2s
}

.service-button.yellow-button.yellow {
    border-color: var(--gold);
    background-color: var(--gold);
    color: #000
}

.service-button.yellow-button.yellow:hover {
    border-color: var(--goldenrod);
    background-color: var(--goldenrod)
}

.service-button._3d {
    border: 11px none var(--deep-pink);
    background-color: var(--deep-pink);
    color: #fff;
    text-shadow: -2px 2px 1px #00000029;
    mix-blend-mode: normal;
    margin-top: -34px;
    padding: 1.35rem 2.55rem;
    font-size: 1.25rem;
    transition: all .3s
}

.service-button._3d:hover {
    text-shadow: -2px 5px 2px #00000029;
    background-color: #d41965;
    border-color: #d41965;
    padding-top: 1.35rem;
    padding-bottom: 1.35rem;
    transform: translateY(-3px)
}

.service-button._3d.zero-margin {
    color: #fff;
    margin-top: 0
}

.service-button._3d.blue {
    background-color: var(--dark-turquoise);
    border-style: none;
    border-width: 0
}

.service-button._3d.blue:hover {
    background-color: #1c9b9e
}

.service-button.blue-button.blue {
    border-color: var(--dark-turquoise);
    background-color: var(--dark-turquoise);
    text-shadow: -2px 2px 1px #00000029;
    mix-blend-mode: normal
}

.service-button.blue-button.blue:hover {
    background-color: #1da6aa;
    border-color: #1da6aa
}

.service-button.blue-button {
    border: 11px solid var(--deep-pink);
    background-color: var(--deep-pink);
    color: #fff;
    margin-top: -34px;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem;
    transition: all .2s
}

.service-button.blue-button:hover {
    background-color: #d41965;
    border-color: #d41965;
    transform: translateY(-3px)
}

.service-button.blue-button.zero-margin {
    border-color: var(--dark-turquoise);
    background-color: var(--dark-turquoise);
    color: #fff;
    margin-top: 0
}

.service-button.yellow-button {
    border: 11px solid var(--deep-pink);
    background-color: var(--deep-pink);
    color: #fff;
    margin-top: -34px;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.25rem;
    transition: all .2s
}

.service-button.yellow-button:hover {
    background-color: #d41965;
    border-color: #d41965;
    transform: translateY(-3px)
}

.service-button.yellow-button.zero-margin {
    border-color: var(--goldenrod);
    background-color: var(--goldenrod);
    color: #fff;
    margin-top: 0
}

.spacer-84 {
    width: 84px;
    height: 84px;
    margin-left: auto;
    margin-right: auto
}

.content-grid-second {
    grid-column-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    margin-top: 35px;
    margin-bottom: 35px
}

.content-grid-second.about {
    grid-column-gap: 83px;
    grid-row-gap: 44px;
    grid-template-columns: 1fr 1fr;
    place-items: center end
}

.special-text {
    color: var(--deep-pink);
    width: 70%;
    font-size: 2rem;
    line-height: 1.1
}

.harsh-truth-block-left {
    text-align: center;
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

.harsh-truth-block-right {
    flex-direction: column;
    align-items: flex-start;
    width: 400px;
    display: flex
}

.semi-bold {
    font-weight: 600
}

.grey-service-box {
    background-color: var(--light-grey);
    border-radius: 5px;
    flex-direction: column;
    padding: 24px 37px;
    display: flex
}

.text-block {
    margin-bottom: 0;
    font-size: 2rem
}

.service-link-block {
    color: var(--black);
    align-items: center;
    margin-bottom: 13px;
    transition: color .2s;
    display: flex
}

.service-link-block:hover {
    color: var(--deep-pink)
}

.service-link-block.remove-margin {
    margin-bottom: 0
}

.line {
    background-color: #cfcfcf;
    border-radius: 2px;
    width: 30px;
    height: 8px;
    margin-left: -52px;
    margin-right: 23px
}

.portfolio-grid {
    grid-column-gap: 51px;
    grid-row-gap: 36px;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    margin-top: 0;
    margin-bottom: 0
}

.portfolio-image {
    border-radius: 8px;
    width: 100%;
    min-width: 100%;
    margin-bottom: 11px;
    transition: transform .2s;
    box-shadow: 0 8px 10px #0000005e
}

.portfolio-image:hover {
    transform: translateY(-3px)
}

.portfolio-block {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 0;
    display: flex
}

.floating-image {
    width: 700px;
    position: absolute;
    inset: auto auto 6% -3%;
    transform: rotate(18deg)
}

.floating-image._1 {
    inset: -4% auto auto 0%;
    transform: rotate(-4deg)
}

.floating-image._2 {
    width: 500px;
    inset: 0% 0% auto auto;
    transform: rotate(-24deg)
}

.floating-image._3 {
    width: 500px;
    inset: auto -1% 8% auto;
    transform: rotate(-16deg)
}

.image-2 {
    width: 100%;
    margin-bottom: -147px
}

.why-property-section-left {
    background-color: var(--deep-pink);
    border-radius: 10px;
    padding: 33px 48px
}

.why-property-section-left._2 {
    background-color: var(--gold)
}

.why-property-grid {
    grid-column-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 35px;
    margin-bottom: 35px
}

.grid {
    grid-column-gap: 47px;
    grid-template-rows: auto
}

.grid.about {
    grid-column-gap: 96px
}

.grid.about-us {
    grid-column-gap: 58px
}

.image-3 {
    border-radius: 10px;
    width: 100%;
    position: sticky;
    top: 140px
}

.skills-wrapper {
    background-color: var(--white);
    border-radius: 10px;
    flex-direction: column;
    margin-bottom: 37px;
    padding: 39px;
    display: flex;
    position: sticky;
    top: 140px;
    box-shadow: 0 -10px 15px #322e2c17
}

.skills-wrapper.outline {
    border: 0px none var(--gold)
}

.skills-icon {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: auto;
    margin-right: 8px;
    display: flex
}

.skills-icon._2 {
    margin-right: 12px
}

.skills-header {
    color: var(--black);
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
    font-weight: 600;
    display: flex
}

.skills-header.dark {
    color: var(--black)
}

.text-block-2 {
    font-size: 2rem
}

.b-button-plain-icon-right {
    grid-column-gap: 8px;
    color: #5e53a2;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.b-button-plain-icon-right:hover {
    color: #3e376d;
    background-color: #f3f4f6
}

.b-h3-heading-2 {
    color: #3e376d;
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2
}

.b-span-red {
    color: #e57361
}

.icon-small-2 {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex
}

.margin-bottom-33 {
    margin-bottom: 8px
}

.b-content-banner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 5.7px solid var(--deep-pink);
    color: #454f5f;
    align-items: center;
    padding-top: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: flex
}

.margin-bottom-34 {
    margin-bottom: 32px
}

.b-container-small-2 {
    z-index: 5;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: 0% auto 0% 0%
}

.b-section-regular-2 {
    color: #fff;
    padding: 92px 5%;
    position: relative;
    overflow: hidden
}

.b-icon-large {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex
}

.b-content-grid-medium {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto
}

.set-apart {
    color: #fff;
    position: relative;
    overflow: hidden
}

.set-apart-wrapper {
    z-index: 5;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    inset: 0% auto 0% 0%
}

.set-apart-icon {
    width: 60px;
    height: 60px;
    transition: all .2s
}

.set-apart-icon:hover {
    filter: drop-shadow(0 8px #ffffff0f);
    transform: rotate(-9deg)scale(1.1)
}

.set-apart-icon.smaller {
    width: 30px;
    height: 30px
}

.set-apart-keys {
    color: #fff;
    background-color: #141414;
    border-radius: 8px;
    padding: 35px 24px
}

.link {
    color: #fff;
    font-weight: 400;
    transition: color .2s
}

.link:hover {
    color: var(--gold)
}

.link.dark {
    color: var(--black-2);
    font-weight: 500
}

.link.dark:hover {
    color: var(--goldenrod)
}

.icon-3 {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    inset: auto 5% 5% auto
}

.about-hero {
    color: #fff;
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.1
}

.about-hero.shopheader {
    margin-bottom: .4rem;
    font-size: 4rem
}

.about-hero.conversion-science-header {
    text-transform: uppercase;
    text-shadow: -6px -6px 1px #ed1e728f;
    transform-style: preserve-3d;
    margin-bottom: 2.8rem;
    font-size: 5rem;
    transform: rotateX(0)rotateY(20deg)rotate(-4deg)
}

.pink {
    color: var(--deep-pink)
}

.content-block {
    padding: 17px
}

.content-block.is-white {
    background-color: var(--black);
    color: #fff;
    border-radius: 8px;
    margin-bottom: 94px;
    padding: 40px
}

.content-block.is-white.audit {
    height: auto;
    overflow: hidden
}

.content-block.is-white.forward {
    z-index: 0;
    position: relative
}

.m-h3-heading {
    color: var(--black-2);
    letter-spacing: -.02em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2
}

.m-contact-text-field {
    color: #dedfe3;
    background-color: #22242f;
    border: 1px solid #22242f;
    border-radius: 24px;
    min-height: 64px;
    margin-bottom: 0;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.m-contact-text-field:active,
.m-contact-text-field:focus {
    border-color: #333647
}

.m-contact-text-field::placeholder {
    color: #717384
}

.m-text-color-blue {
    color: #7e8ef1
}

.m-contact-card {
    background-color: var(--black);
    border-radius: 10px;
    padding: 50px 24px
}

.m-contact-checkbox-wrapper {
    color: #717384;
    align-items: center;
    padding: 8px 24px;
    display: flex
}

.m-contact-checkbox {
    outline-offset: 0px;
    border-style: none;
    border-width: 0;
    border-radius: 8px;
    outline: 2px solid #333647;
    flex: none;
    width: 24px;
    height: 24px;
    margin-top: 0
}

.m-contact-checkbox.w--redirected-checked {
    background-color: #0000;
    background-image: none;
    background-size: 16px
}

.m-contact-checkbox-span {
    color: #7e8ef1;
    text-decoration: underline
}

.m-contact-feature-wrapper {
    width: 100%
}

.m-contact-form {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
    display: flex
}

.m-contact-link-block {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    background-color: var(--light-grey);
    color: var(--black);
    border-radius: 8px;
    width: 100%;
    margin-bottom: 25px;
    padding: 33px 54px 33px 25px;
    text-decoration: none;
    display: flex
}

.m-contact-field-label {
    color: #dedfe3;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

.m-error-message {
    text-align: center;
    background-color: #ed5a5a;
    border-radius: 99px;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.m-icon-regular {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.m-container-regular {
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.m-contact-submit-button {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    color: #fff;
    background-color: #5a6ded;
    border-radius: 99px;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    transition: background-color .3s;
    display: flex
}

.m-contact-submit-button:hover {
    background-color: #7e8ef1
}

.m-margin-bottom-32 {
    margin-bottom: 32px
}

.m-contact-feature-card {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.m-contact-checkbox-label {
    color: #717384;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.m-contact-form-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    width: 100%
}

.m-section-regular {
    background-color: var(--white);
    padding: 190px 5% 94px
}

.m-success-message {
    text-align: center;
    background-color: #86c1a0;
    border-radius: 99px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.m-contact-grid {
    grid-column-gap: 45px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr;
    grid-auto-columns: 1fr;
    display: grid
}

.m-contact-link-title {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 11px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    display: flex
}

.m-contact-text-area {
    color: #dedfe3;
    background-color: #22242f;
    border: 1px solid #22242f;
    border-radius: 24px;
    min-height: 200px;
    margin-bottom: 0;
    padding: 20px 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.m-contact-text-area:active,
.m-contact-text-area:focus {
    border-color: #333647
}

.m-contact-text-area::placeholder {
    color: #717384
}

.m-contact-header {
    grid-column-gap: 44px;
    grid-row-gap: 24px;
    color: var(--black-2);
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 63px;
    margin-left: auto;
    margin-right: auto;
    display: flex
}

.m-contact-link-detail {
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2
}

.m-contact-link-detail:hover {
    color: var(--deep-pink)
}

.m-button-outline {
    color: #7e8ef1;
    text-align: center;
    background-color: #0000;
    border: 2px solid #333647;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    min-height: 56px;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
    transition: all .3s;
    display: flex
}

.m-button-outline:hover {
    color: #c8cef9;
    border-color: #7e8ef1
}

.m-contact-feature-title-icon {
    opacity: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.m-contact-checkbox-field {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding-left: 8px;
    display: flex
}

.div-block {
    flex-direction: row;
    align-items: center;
    display: flex
}

.image-4 {
    width: 700px;
    max-width: 700%;
    position: absolute;
    inset: auto 3% 0% auto
}

.image-4.audit {
    z-index: -1;
    width: 1080px
}

.light {
    color: #fff;
    margin-bottom: 2.4rem
}

.brick {
    border-radius: 10px;
    width: 100%;
    position: sticky;
    top: 140px
}

.grid-2 {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.button-primary-right-icon {
    grid-column-gap: 8px;
    color: #f5f5f5;
    letter-spacing: -.02em;
    background-color: #141414;
    border-radius: 99px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
    display: flex
}

.section-large {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 75px;
    padding: 60px 5%;
    position: relative
}

.section-large.cta {
    background-color: var(--black);
    background-image: none
}

.title-wrapper-r {
    z-index: 5;
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.h3-heading {
    color: #000;
    letter-spacing: -.04em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4
}

.icon-small-3 {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex
}

.margin-bottom-64 {
    margin-bottom: 12px
}

.container-large-2 {
    color: var(--black);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.cta-shape-l {
    height: 314px;
    position: absolute;
    inset: auto auto 0% 0%
}

.paragraph-regular-2 {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6
}

.margin-bottom-65 {
    margin-bottom: 16px
}

.cta-shape-r {
    height: 300px;
    position: absolute;
    inset: auto 0% 0% auto
}

.text-block-3 {
    margin-bottom: 8px;
    font-size: 2rem
}

.text-block-4 {
    margin-bottom: 7px;
    font-size: 21px
}

.brix---link-icon-right {
    margin-left: 6px
}

.brix---text-200-bold {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

.brix---color-accent-1 {
    color: var(--elements-webflow-library-accent--primary-1)
}

.brix---link-wrapper {
    color: var(--elements-webflow-library-neutral--800);
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
    transition: color .3s;
    display: flex
}

.brix---link-wrapper:hover {
    color: var(--elements-webflow-library-accent--primary-1)
}

.brix---paragraph-default {
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
    line-height: 30px
}

.brix---color-neutral-600 {
    color: var(--elements-webflow-library-neutral--600)
}

.brix---mg-bottom-32px {
    margin-bottom: 32px
}

.brix---display-4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px
}

.neutral {
    color: var(--elements-webflow-library-neutral--800)
}

.about-page_img {
    border-radius: 8px;
    width: 100%;
    height: auto
}

.brix---image-wrapper-br-24px-shadow {
    box-shadow: none;
    color: var(--black);
    border-radius: 0;
    overflow: hidden
}

.grid-4 {
    grid-column-gap: 62px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: .5fr .8fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid
}

.brix---link-content {
    color: var(--elements-webflow-library-neutral--600);
    text-decoration: none
}

.brix---grid-2-columns-text-left {
    grid-column-gap: 120px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: .8fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    margin-bottom: 26px;
    display: grid
}

.brix---grid-1-column-gap-row-64px {
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.div-block-normal {
    margin-left: 0;
    margin-right: 0
}

.brix---heading-h2-size {
    margin-top: 0;
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px
}

.brix---subtitle {
    color: var(--elements-webflow-library-accent--primary-1);
    letter-spacing: .15em;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

.brix---mg-bottom-16px {
    margin-bottom: 16px
}

.brix---text-center {
    text-align: center
}

.brix---inner-container-490px-center {
    max-width: 490px;
    margin-left: auto;
    margin-right: auto
}

.brix---mg-bottom-48px {
    margin-bottom: 48px
}

.brix---container-default {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.brix---section {
    color: var(--elements-webflow-library-neutral--100);
    padding-top: 176px;
    padding-bottom: 176px
}

.list-wrapper {
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 17px;
    display: flex
}

.icon-holder {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 30px;
    margin-right: 15px;
    display: flex
}

.div-block-2 {
    background-color: var(--light-grey);
    color: var(--black);
    border-radius: 8px;
    flex-direction: column;
    align-items: flex-start;
    padding: 47px;
    font-size: 1.125rem;
    display: flex
}

.div-block-3 {
    background-color: var(--deep-pink);
    border-radius: 100px;
    width: 35px;
    min-width: 35px;
    height: 8px
}

.div-block-3.blue {
    background-color: var(--dark-turquoise);
    min-width: 25px;
    max-width: 30px
}

.grid-3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.large-special-text {
    color: var(--black-2);
    text-align: center;
    width: 100%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.2
}

.large-special-text.is-white {
    color: var(--white);
    text-align: left;
    max-width: 80%;
    margin-left: 0;
    font-weight: 400
}

.div-block-4 {
    flex-direction: column;
    align-items: flex-start;
    width: 70%;
    display: flex
}

.div-block-4.shop-header {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}

.brix---hidden-desktop {
    display: none
}

.brix---btn-slider-arrow-right---top-right {
    border: 6px solid var(--light-grey);
    background-color: var(--elements-webflow-library-neutral--100);
    color: var(--elements-webflow-library-neutral--800);
    transform-style: preserve-3d;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px;
    text-decoration: none;
    transition: transform .3s;
    display: flex;
    top: -100px
}

.brix---btn-slider-arrow-right---top-right:hover {
    transform: scale3d(.94, .94, 1.01)
}

.brix---btn-slider-arrow-right---top-left {
    border: 6px solid var(--light-grey);
    background-color: var(--elements-webflow-library-neutral--100);
    color: var(--elements-webflow-library-neutral--800);
    transform-style: preserve-3d;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px;
    text-decoration: none;
    transition: transform .3s;
    display: flex;
    inset: -100px 84px auto auto
}

.brix---btn-slider-arrow-right---top-left:hover {
    transform: scale3d(.94, .94, 1.01)
}

.brix---text-300 {
    color: var(--deep-pink);
    font-size: 20px;
    line-height: 1.2
}

.brix---color-accent-2 {
    color: var(--elements-webflow-library-accent--primary-1)
}

.brix---text-300-bold {
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 22px
}

.brix---text-300-bold.is-white {
    color: var(--white);
    font-weight: 600
}

.brix---color-neutral-800 {
    color: var(--elements-webflow-library-neutral--800)
}

.brix---mg-bottom-8px {
    margin-bottom: 8px
}

.brix---paragraph-default-2 {
    margin-bottom: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    font-size: 18px;
    line-height: 30px
}

.brix---color-neutral-801 {
    color: var(--elements-webflow-library-neutral--600)
}

.brix---mg-bottom-40px {
    margin-bottom: 40px
}

.brix---heading-h3-size {
    color: var(--black);
    margin-top: 0;
    margin-bottom: 12px;
    font-family: Fractul, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px
}

.testimonilal-box {
    color: var(--white);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 74px 88px;
    display: flex
}

.brix---image-fit-full-height {
    object-fit: cover;
    width: 500px;
    height: 100%
}

.brix---testimonial-v3-image-wrapper {
    object-fit: fill;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    flex: none;
    width: 100%;
    max-width: 548px;
    overflow: hidden
}

.brix---card-testimonial-v3 {
    border: 1px solid var(--elements-webflow-library-neutral--300);
    background-color: var(--black);
    border-radius: 24px;
    text-decoration: none;
    transition: transform .3s, color .3s;
    display: flex
}

.brix---slider-mask-testimonial-v3 {
    border-radius: 24px;
    height: 100%
}

.brix---slider-wrapper {
    background-color: #0000;
 }

.brix---heading-h2-size-2 {
    color: var(--black);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Fractul, sans-serif;
    font-size: 38px;
    font-weight: 700;
    line-height: 50px
}

.brix---mg-bottom-16px-2 {
    margin-bottom: 16px
}

.brix---inner-container-547px {
    max-width: 574px
}

.brix---container-default-2 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.brix---section-2 {
    color: var(--elements-webflow-library-neutral--100);
    padding-top: 176px;
    padding-bottom: 176px
}

.subtext {
    color: #322e2c78;
    margin-top: 17px;
    font-family: Poppins, sans-serif;
    font-size: 16px;
    line-height: 1.2
}

.subtext.is-white {
    color: var(--light-grey)
}

.blue,
.blue.semi-bold {
    color: var(--dark-turquoise)
}

.grid-5 {
    grid-column-gap: 26px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.brand-services {
    background-color: var(--light-grey);
    color: var(--black);
    border-radius: 8px;
    padding: 0 0 41px;
    overflow: hidden
}

.brand-services-img {
    width: 100%;
    margin: 0 -32px 28px
}

.div-block-5 {
    margin-top: 12px;
    padding-left: 32px;
    padding-right: 32px
}

.profile-picture {
    border-radius: 100px;
    margin-right: 10px;
    box-shadow: 2px 2px 3px #0000002e
}

.profile-block-header {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex
}

.header-blog {
    background-color: var(--black);
    color: #fff;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 610px;
    padding: 162px 3% 220px;
    display: flex
}

.paragraph-detials-small {
    color: var(--deep-pink);
    margin-bottom: 0;
    font-size: 14px;
    line-height: 120%
}

.paragraph-detials-small.white-50 {
    color: #ffffff80
}

.title-small {
    color: var(--black);
    margin-bottom: 4px;
    font-weight: 600
}

.title-small.white {
    color: #fff
}

.heading-h1 {
    text-align: center;
    max-width: 650px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.1
}

.featured-block {
    margin-top: 10px
}

.heading-h3 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 140%
}

.title-large {
    color: var(--black);
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 700;
    line-height: 130%
}

.container {
    width: 100%;
    max-width: 90rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.container.centrered {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.stick-wrapper {
    position: sticky;
    top: 60px
}

.blog-section {
    padding-bottom: 132px;
    padding-left: 3%;
    padding-right: 3%
}

.image-5 {
    position: absolute
}

.blog-hero-image {
    border-radius: 15px;
    margin-top: -220px;
    margin-bottom: 80px;
    box-shadow: 0 22px 34px #0000000f
}

.blog-grid {
    grid-column-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr
}

.paragraph-detials-large {
    color: var(--black);
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 30px
}

.form-2 {
    background-color: #f2f5f8;
    border-radius: 15px;
    display: flex
}

.submit-button-wrap {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.blog-h2 {
    color: var(--black);
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 32px
}

.submit-button {
    background-color: #0000;
    width: 60px;
    height: 60px
}

.content-left_blog {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: block
}

.feature-image {
    border-radius: 8px;
    margin-right: 20px;
    box-shadow: 0 22px 34px #00000029
}

.text-field {
    background-color: #0000;
    border: 1px #000;
    height: 60px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 15px
}

.subscription {
    background-color: #fff;
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 100px 20px 20px;
    box-shadow: 0 12px 14px #0000000f
}

.content-right {
    position: sticky
}

.featured-item {
    color: #202146;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
    transition: color .2s;
    display: flex
}

.featured-item:hover {
    color: #5c4ebd
}

.empty-state {
    background-color: var(--light-grey);
    border-radius: 5px
}

.link-block {
    display: flex
}

.header-2 {
    background-color: var(--black-2);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    padding-top: 73px;
    padding-bottom: 73px;
    display: flex;
    position: relative
}

.title-centre {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 29px;
    display: flex
}

.blog-item {
    grid-column-gap: 40px;
    grid-row-gap: 16px;
    background-color: #fff;
    border-radius: 8px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr .8fr;
    grid-auto-columns: 1fr;
    height: 100%;
    margin-bottom: 30px;
    padding: 24px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 22px 34px #0000000f
}

.seach-bar {
    color: #9899ad;
    border: 1px #000;
    border-radius: 15px;
    height: 60px;
    margin-bottom: 40px;
    padding-left: 20px;
    font-size: 15px;
    box-shadow: 0 12px 14px #0000000f
}

.content-section {
    padding: 132px 3%
}

.content-section.blog {
    padding-top: 82px;
    padding-bottom: 0px
}

.content-section.blog.white {
    background-color: var(--light-grey)
}

.title-large-2 {
    color: #202146;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%
}

.blog-content {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.next-button {
    background-color: var(--663399);
    color: var(--white);
    border-radius: 8px;
    margin-top: 20px;
    padding: 20px 36px;
    text-decoration: none
}

.title-medium {
    color: var(--black);
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 130%;
    text-decoration: none
}

.image-6 {
    position: absolute
}

.search-button-wrapper {
    height: 100%;
    position: absolute;
    inset: 0% 0% auto auto
}

.categories-block {
    margin-top: 40px
}

.search-icon {
    position: absolute;
    inset: 22px 0% 0% 22px
}

.profile-block {
    align-items: center;
    display: flex
}

.blog-image-wrap {
    box-sizing: border-box;
    object-fit: fill;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden
}

.search-button {
    background-color: var(--663399);
    border-radius: 0 10px 10px 0;
    width: 60px;
    height: 100%;
    position: static;
    inset: 0% 0% auto auto
}

.categories-pill {
    background-color: #fff;
    border-radius: 100px;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 6px 16px;
    text-decoration: none
}

.feature-image-2 {
    border-radius: 15px;
    margin-right: 20px;
    box-shadow: 0 22px 34px #00000029
}

.search {
    position: relative
}

.blog-image {
    box-sizing: border-box;
    object-fit: fill;
    border-radius: 10px;
    width: 100%;
    display: inline-block
}

.title-small-2 {
    color: var(--black);
    text-align: left;
    margin-bottom: 4px;
    font-weight: 700
}

.title-small-2.pink {
    color: #fb9acf;
    margin-bottom: 0
}

.subscription-2 {
    background-color: #fff;
    background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/64a6eb9d934bf5388f5ab791_Paper%20Plane.png);
    background-position: -20px -30px;
    background-repeat: no-repeat;
    background-size: 125px;
    border-radius: 15px;
    margin-bottom: 40px;
    padding: 100px 20px 20px;
    box-shadow: 0 12px 14px #0000000f
}

.content-left {
    grid-column-gap: 16px;
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.paragraph-detials-medium {
    color: var(--black);
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.4
}

.heading-h2 {
    color: var(--black);
    margin-top: 0
}

.paragraph-2 {
    color: #fff;
    text-align: center
}

.arrow-icon {
    width: 25px;
    height: 25px
}

.grid-6 {
    grid-column-gap: 81px;
    grid-template-rows: auto;
    grid-template-columns: 1.75fr 1fr;
    align-items: start;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.grid-6.hero {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1.25fr .75fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: grid
}

.contact-header {
    width: 70%
}

.a-text-color-orange-900 {
    color: var(--alley-component-library-orange--900)
}

.a-caption {
    letter-spacing: -.01em;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px
}

.a-button-primary {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--alley-component-library-blue--900);
    color: #fff;
    text-align: center;
    letter-spacing: -.02em;
    border-radius: 99px;
    flex-direction: row;
    flex: none;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none;
    transition: all .5s cubic-bezier(.6, .6, 0, 1)
}

.a-button-primary:hover {
    background-color: var(--alley-component-library-blue--800)
}

.a-button-primary:active {
    background-color: var(--alley-component-library-blue--700)
}

.a-feature-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 8px;
    align-items: center;
    margin-top: 24px;
    display: flex
}

.a-paragraph-regular {
    letter-spacing: -.02em;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.8
}

.a-icon-extra-small {
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px;
    display: flex
}

.a-button-arrow-icon {
    background-color: var(--alley-component-library-blue--100);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex
}

.a-button-text-link {
    grid-column-gap: 6px;
    color: var(--alley-component-library-blue--900);
    align-items: center;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
    display: flex
}

.a-button-text-link:hover {
    color: var(--alley-component-library-blue--800)
}

.a-subheading-regular {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8
}

.a-margin-bottom-08 {
    margin-bottom: 8px
}

.a-icon-regular {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: color .2s;
    display: flex
}

.a-margin-bottom-16 {
    margin-bottom: 16px
}

.a-feature-links-grid {
    grid-template-rows: auto;
    margin-top: 48px;
    margin-bottom: 48px
}

.a-span-underline {
    border-bottom: 6px solid var(--alley-component-library-blue--900);
    color: var(--alley-component-library-blue--900)
}

.a-h3-heading {
    color: var(--black);
    letter-spacing: 0;
    margin-top: 0;
    margin-bottom: 28px;
    font-size: 48px;
    line-height: 1.2
}

.a-detail-regular {
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8
}

.a-feature-content {
    max-width: 500px
}

.a-feature-grid {
    grid-column-gap: 72px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    align-items: center
}

.a-container-regular {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.a-section-large {
    padding: 120px 0%;
    position: relative
}

.image-7 {
    width: 100%
}

.youtube {
    margin-bottom: 26px
}

.image-8 {
    width: 50px;
    margin-bottom: 22px
}

.div-block-7 {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.circle-floating {
    background-color: var(--dark-turquoise);
    border-radius: 100%;
    width: 400px;
    height: 400px;
    position: absolute;
    inset: auto auto -19% -12%
}

.circle-floating._2 {
    background-color: var(--663399);
    width: 300px;
    height: 300px;
    inset: -16% -9% auto auto
}

.floating-brick {
    background-color: var(--dark-turquoise);
    border-radius: 20px;
    width: 700px;
    height: 280px;
    position: absolute;
    inset: -25% auto auto -22%
}

.floating-brick._2 {
    border: 20px solid var(--deep-pink);
    background-color: var(--deep-pink);
    width: 450px;
    height: 180px;
    inset: auto -7% -8% auto
}

.floating-brick._3 {
    border: 20px solid var(--gold);
    border: 20px none var(--deep-pink);
    background-color: #0000;
    background-color: var(--gold);
    filter: blur(7px);
    inset: auto -9% -22% auto;
    border-radius: 15px;
    width: 130px;
    height: 65px;
    inset: auto auto 0% 0%;
    transform: none
}

.dark {
    color: var(--black)
}

.div-block-8 {
    width: 80%;
    min-width: 30%;
    max-width: 100%
}

.div-block-8.hero {
    width: 100%;
    position: relative
}

.text-span {
    font-weight: 300
}

.heading {
    line-height: .9
}

.d-20-btn-wrapper {
    perspective: 2000px;
    cursor: pointer;
    border-radius: 8px;
    width: 300px;
    height: 100px;
    position: relative
}

.d-20-btn-one {
    backface-visibility: hidden;
    transform-origin: 50% 100%;
    background-color: #961042;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0
}

.d-20-btn-one:hover {
    background-color: #d32b6a
}

.d-20-btn-one.london {
    transition: background-color .2s linear
}

.d-20-btn-one.london:hover {
    background-color: var(--deep-pink);
    color: var(--white)
}

.d-20-btn-text {
    z-index: 10;
    color: var(--white);
    letter-spacing: 0;
    font-size: 1.25rem;
    font-weight: 500;
    text-decoration: none;
    position: relative
}

.d-20-btn-two {
    backface-visibility: hidden;
    transform-origin: 50% 0;
    background-color: #d32b6a;
    border: 5px solid #d32b6a;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
    position: absolute;
    inset: 0
}

.html-embed {
    margin-top: 20px
}

.text-block-5 {
    color: var(--deep-pink);
    margin-bottom: 15px;
    font-weight: 500
}

.tab-link {
    background-color: #ddd0;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex
}

.tab-link.w--current {
    border-bottom: 2px solid var(--deep-pink);
    background-color: var(--white);
    border-radius: 0;
    width: auto;
    display: flex
}

.tab-link-tab-1 {
    background-color: var(--white)
}

.tab-link-tab-1.w--current {
    background-color: var(--light-grey)
}

.profile-header {
    background-color: var(--light-grey);
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 50%;
    background-size: auto;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    height: 250px;
    margin-bottom: 18px;
    padding: 28px;
    position: relative;
    overflow: visible
}

.profile-header.secondary {
    background-color: #fff0;
    background-image: none;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 42px;
    padding: 4px 4px 4px 54px;
    display: flex
}

.profile-image {
    border: 1px solid var(--light-grey);
    background-color: var(--light-grey);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    margin: -100px -8px -8px 0;
    padding: 17px;
    display: flex;
    overflow: hidden
}

.text-block-6 {
    margin-top: 0;
    margin-bottom: 6px;
    margin-left: 0;
    line-height: 1.2
}

.text-block-6.bold {
    margin-left: 0;
    font-size: 2rem;
    line-height: 1.2
}

.div-block-10 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 35px;
    display: flex
}

.profile-proposal-tab-wrapper {
    margin-top: 15px;
    padding: 32px
}

.icon-4 {
    color: #1a1a1a5e;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-right: 11px;
    display: flex
}

.tabs-menu {
    border-bottom: 1px solid var(--deep-pink);
    display: flex
}

.icon-5,
.icon-6,
.icon-7,
.icon-8,
.icon-9,
.icon-10 {
    color: #160042;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex
}

.text-block-7 {
    color: #1a1a1a;
    mix-blend-mode: soft-light;
    font-size: 5rem;
    font-weight: 700;
    position: absolute;
    inset: auto 3% 3% auto
}

.hero-image {
    width: 80%
}

.image-9 {
    filter: blur(1px);
    width: 110px;
    position: absolute;
    inset: 28% auto auto 18%
}

.image-9.ball-2 {
    width: 200px;
    inset: 27% 18% auto auto
}

.second-ball {
    filter: blur(1px);
    width: 130px;
    position: absolute;
    inset: 27% auto auto 18%
}

.second-ball.ball-2 {
    width: 170px;
    inset: 27% 18% auto auto
}

.blur {
    opacity: .22;
    filter: blur(6px);
    background-color: #000;
    border-radius: 100%;
    width: 80px;
    height: 13px;
    position: absolute;
    inset: 53% 19% auto auto;
    transform: rotate(-26deg)
}

.brix---top-bar-padding {
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px
}

.div-block-71 {
    background-color: var(--white);
    border-radius: 8px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    display: flex;
    position: relative
}

.text-block-32 {
    font-family: Poppins, sans-serif;
    font-weight: 600
}

.div-block-72 {
    flex-direction: row;
    display: flex
}

.html-embed-5 {
    margin-bottom: 7px
}

.brix---link-wrapper-white {
    color: #fff;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
    transition: none;
    display: flex
}

.brix---link-wrapper-white:hover {
    color: #fff
}

.brix---top-bar-flex-h-sb {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.blog-date-new {
    color: var(--deep-pink);
    margin-bottom: 0;
    font-size: 13px
}

.b-content-accordion-icon-2 {
    background-color: #fff;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    display: flex
}

.page-wrapper-2 {
    color: var(--black);
    flex-flow: column;
    display: flex
}

.brix---container-default-6 {
    max-width: 1300px;
    padding-left: 24px;
    padding-right: 24px
}

.brix---top-bar-right-col {
    margin-right: 24px
}

.b-paragraph-large-2 {
    letter-spacing: 0;
    word-break: normal;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.9
}

.mailinglist-banner {
    z-index: 999;
    color: #fff;
    text-align: center;
    background-color: #b54499;
    padding-left: 5%;
    padding-right: 5%;
    font-family: Poppins, sans-serif;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    position: sticky;
    top: 0;
    overflow: hidden
}

.content-container {
    z-index: 3;
    color: #213a4f;
    text-align: center;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 900px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative
}

.content-container.blog-content {
    background-color: var(--white);
    text-align: left;
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1200px;
    height: auto;
    padding: 24px
}

.brix---text-left---t-center {
    text-align: left;
    flex-direction: row-reverse;
    align-items: center;
    display: flex
}

.author-details {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    display: flex
}

.blog-featured-image {
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    height: auto;
    margin-bottom: 48px
}

.spacer-34px {
    width: 34px;
    height: 34px;
    margin-left: auto;
    margin-right: auto
}

.blog-post-grid {
    grid-column-gap: 92px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 2.75fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start center;
    width: 100%;
    display: grid
}

.b-content-accordion-toggle-2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: flex-start;
    padding: 0;
    display: flex
}

.audio-file {
    margin-bottom: 6px
}

.brix---link-icon-right-2 {
    margin-left: 6px
}

.icon-11 {
    color: #26aa7d;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex
}

.icon-11.blue {
    color: #1d87ae
}

.icon-11.grey {
    color: #213a4f;
    width: 18px;
    height: 18px
}

.icon-11.pink {
    color: var(--deep-pink)
}

.collection-list-wrapper-11 {
    margin-bottom: 0
}

.b-content-accordion-content-2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #454f5f;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 8px;
    padding-left: 56px;
    display: flex
}

.div-block-70 {
    background-color: var(--white);
    border-radius: 8px;
    width: 100%;
    padding: 0;
    display: block;
    position: sticky;
    top: 20px
}

.read-time {
    color: #1d87ae;
    border-radius: 8px;
    margin-bottom: 14px;
    padding: 0;
    font-size: 1rem;
    position: absolute;
    inset: 0% 0% auto auto
}

.button-link-2 {
    color: #000;
    background-color: #0000;
    align-items: center;
    padding: .25rem 0;
    line-height: 1;
    text-decoration: none;
    display: flex
}

.button-link-2.with-icon {
    grid-column-gap: .5rem;
    color: #213a4f;
    font-weight: 500
}

.button-link-2.with-icon.pink {
    color: var(--black);
    transition: color .2s
}

.button-link-2.with-icon.pink:hover {
    color: var(--deep-pink)
}

.b-content-accordion-item-2 {
    background-color: #fff;
    border: 1px solid #bdcae3;
    border-radius: 8px;
    width: 100%;
    min-width: 100%;
    padding: 24px;
    display: block;
    overflow: hidden
}

.text-size-medium-2 {
    color: #213a4f;
    margin-bottom: 19px;
    font-size: 1.644rem;
    font-weight: 500;
    line-height: 1.3
}

.text-size-medium-2.author-name {
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    font-size: 13px;
    font-weight: 500
}

.text-size-medium-2.article-summary {
    color: var(--black-2);
    text-align: left;
    margin-bottom: 45px;
    font-size: 23px;
    font-weight: 400
}

.text-size-medium-2.by {
    color: var(--black);
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 13px;
    font-weight: 300
}

.text-rich-text-2 {
    text-align: center;
    width: 70%
}

.text-rich-text-2.blog {
    color: var(--black);
    text-align: left;
    width: 100%;
    margin-bottom: 47px
}

.blog-header {
    text-align: left;
    width: 80%;
    margin-bottom: 1.3rem;
    font-size: 52px;
    font-weight: 600;
    line-height: 1.2
}

.blog-header.new {
    color: var(--black-2);
    margin-bottom: .8rem;
    font-size: 43px;
    line-height: 1.2
}

.div-block-73 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 22px;
    display: flex
}

.b-icon-regular-2 {
    justify-content: center;
    align-items: center;
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    transition: color .2s;
    display: flex
}

.text-size-regular-2 {
    color: #213a4f;
    margin-top: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.4
}

.text-size-regular-2.is-light {
    font-size: 13px
}

.text-size-regular-2.is-light.no-margin-bottom {
    color: var(--black)
}

.author-image {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    margin-right: 13px
}

.section-2 {
    padding: 47px 5%;
    overflow: hidden
}

.section-2.blog {
    background-color: var(--light-grey);
    padding-top: 154px;
    padding-bottom: 60px
}

.main-wrapper-2 {
    color: #213a4f;
    position: relative
}

.collection-list-20 {
    grid-column-gap: 16px;
    grid-row-gap: 18px;
    color: var(--black);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.icon-36 {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    display: flex
}

.text-block-27 {
    color: var(--deep-pink);
    margin-bottom: 8px
}

.heading-18 {
    color: var(--deep-pink);
    margin-bottom: 1.9rem;
    font-size: 28px
}

.heading-18.subheading-articles {
    color: var(--black);
    margin-bottom: 1.2rem;
    font-size: 21px;
    font-weight: 500
}

.text-block-31 {
    font-family: Poppins, sans-serif
}

.div-block-74 {
    color: var(--black);
    display: flex
}

.div-block-75 {
    background-color: var(--light-grey);
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    padding: 8px 11px;
    display: flex
}

.image-10 {
    width: 200px
}

.div-block-76 {
    background-color: var(--light-grey);
    color: var(--black);
    border-radius: 5px;
    padding: 16px
}

.brand-work-gird {
    grid-column-gap: 68px;
    grid-template-rows: auto;
    grid-template-columns: 1fr
}

.code-embed {
    text-align: left;
    width: 800px;
    margin-left: auto;
    margin-right: auto
}

.body-2,
.body-3,
.body-4 {
    background-color: var(--deep-pink)
}

.body-5 {
    background-color: var(--dark-turquoise)
}

.body-6,
.body-7 {
    background-color: var(--deep-pink)
}

.image-11 {
    width: 700px;
    position: absolute;
    inset: auto 0% -4% auto
}

.collection-list-21 {
    grid-column-gap: 33px;
    grid-row-gap: 33px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid
}

.collection-list-21.home-blog {
    grid-template-rows: auto
}

.image-12 {
    border-radius: 5px;
    margin-bottom: 13px
}

.image-13 {
    width: 24px;
    height: 24px;
    margin-right: 9px
}

.div-block-77 {
    margin-top: 9px;
    margin-bottom: 8px
}

.image-14 {
    mix-blend-mode: normal
}

.asset-category-tag {
    background-color: #fef2d5;
    border-radius: 5px;
    margin-right: 5px;
    padding: 4px 9px;
    font-size: .8rem
}

.div-block-78 {
    border-top: .5px #00000026;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    padding-top: 0;
    display: block
}

.collection-list-22 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-top: 1px solid #0000001f;
    border-radius: .5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 10px;
    padding-top: 18px;
    display: flex
}

.link-block-2 {
    width: 100%;
    min-width: 100%
}

.etsy_logo {
    mix-blend-mode: luminosity;
    width: 50px
}

.shop-header {
    color: var(--deep-pink);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.1
}

._100-div {
    width: 100%
}

.grid-7 {
    background-color: var(--black);
    border-radius: 0;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 13px;
    padding: 17px;
    position: absolute;
    inset: auto 0% 0%
}

.shop-text {
    color: var(--white);
    text-align: center;
    font-family: Poppins, sans-serif
}

.heading-21 {
    font-weight: 600
}

.grid-8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr
}

.grid-9 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    place-items: center start
}

.brand-logo {
    mix-blend-mode: normal
}

.brand-logo.brands {
    mix-blend-mode: lighten
}

.icon-37 {
    font-size: 3rem
}

.button-4 {
    margin-left: auto
}

.d-117-first-line {
    transform-origin: 100%;
    background-color: #e9e9e9;
    position: absolute;
    inset: 0%
}

.nav-logo {
    width: 220px
}

.d-117-second-line {
    transform-origin: 0%;
    background-color: #e9e9e9;
    position: absolute;
    inset: 0%
}

.menu-link-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-decoration: none;
    display: flex
}

.menu-link-container.w--current {
    font-size: 1.2rem
}

.menu-link-text-2 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 48px;
    transition: color .2s
}

.menu-link-text-2:hover {
    opacity: 1;
    color: var(--deep-pink)
}

.d-117-line-wrapper {
    background-color: #e9e9e9;
    border-radius: 20px;
    width: 60%;
    height: 4px;
    position: absolute;
    overflow: hidden
}

.nav-menu {
    z-index: 99;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background-color: #1a1a1aed;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 42vw;
    padding-right: 10%;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    transform: translate(100%)
}

.nav-logo-wrap {
    margin-bottom: 3%;
    display: flex
}

.nav-logo-wrap.w--current {
    margin-bottom: 14%
}

.nav-menu-button {
    z-index: 100;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    cursor: pointer;
    background-color: #1a1a1ac9;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 5px;
    display: flex;
    position: fixed;
    inset: 3rem 3rem auto auto
}

.image-15 {
    z-index: 999;
    aspect-ratio: auto;
    width: 130px;
    height: auto;
    transition: transform .2s;
    position: static;
    inset: 2% auto auto 1%
}

.image-15:hover {
    transform: translateY(-3px)
}

.link-block-3,
.link-block-3.w--current {
    z-index: 99;
    position: fixed;
    inset: 3rem auto auto 3rem
}

.div-block-79 {
    display: flex
}

.grey-text {
    color: #f4f4f4
}

.floating-cta {
    z-index: 999;
    width: auto;
    max-width: 300px;
    padding: 5px;
    position: fixed;
    inset: 4% 13% auto auto
}

.empty-state-2 {
    background-color: var(--light-grey);
    border-radius: 10px;
    padding: 25px
}

.new-projects {
    justify-content: flex-start;
    align-items: center;
     display: flex
}

.flashing-light {
    background-color: #23bf42;
    border-radius: 100px;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    min-height: 10px;
    max-height: 10px;
    margin-right: 10px
}

@media screen and (min-width:1440px) {
    .div-block-71 {
        background-color: var(--white)
    }

    .mailinglist-banner {
        background-color: #b54499
    }

    .content-container {
        color: #213a4f;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 1300px
    }

    .content-container.blog-content {
        background-color: var(--white);
        width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    .author-details {
        justify-content: flex-start;
        align-items: center
    }

    .div-block-70 {
        background-color: var(--white)
    }

    .text-size-medium-2 {
        color: #213a4f;
        white-space: normal;
        font-weight: 500
    }

    .text-size-medium-2.by {
        margin-bottom: 3px
    }

    .blog-header {
        width: 80%;
        margin-bottom: .6rem
    }

    .section-2.blog {
        background-color: var(--light-grey);
        padding-top: 151px;
        padding-bottom: 54px
    }

    .div-block-76 {
        background-color: var(--light-grey)
    }

    .image-11 {
        width: 700px
    }
}

@media screen and (min-width:1920px) {
    .text-size-large.centred._70 {
        width: 50%
    }

    .section.home_hero {
        background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/67e57f2156747ce86d299fa1_Pixelbricks%202025%20Website%20Design%20Ideas.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 14%;
        padding-bottom: 9%
    }

    .portfolio-image {
        vertical-align: baseline;
        min-width: 100%
    }

    .div-block-71 {
        background-color: var(--white)
    }

    .content-container {
        min-width: 0;
        margin-left: auto;
        margin-right: auto
    }

    .content-container.blog-content {
        background-color: var(--white)
    }

    .author-details {
        justify-content: flex-start;
        align-items: center;
        margin-left: 0
    }

    .blog-post-grid {
        grid-column-gap: 86px
    }

    .div-block-70 {
        background-color: var(--white)
    }

    .text-size-medium-2.author-name {
        margin-bottom: 0;
        font-size: 13px
    }

    .text-size-medium-2.by {
        font-size: 13px
    }

    .div-block-73 {
        justify-content: flex-start;
        align-items: center;
        margin-top: 7px;
        margin-bottom: 25px;
        display: flex
    }

    .text-size-regular-2.is-light {
        font-size: 13px
    }

    .author-image {
        width: 30px;
        height: 30px
    }

    .section-2.blog {
        background-color: var(--light-grey);
        padding-top: 175px
    }

    .div-block-75 {
        padding-left: 15px;
        padding-right: 15px
    }

    .div-block-76 {
        background-color: var(--light-grey)
    }

    .image-11 {
        width: 800px;
        right: 0%
    }

    .icon-37 {
        font-size: 3.1rem
    }

    .floating-cta {
        right: 8%
    }
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 3.25rem
    }

    h2 {
        font-size: 2.75rem
    }

    h3 {
        font-size: 2.25rem
    }

    h4 {
        font-size: 1.75rem
    }

    .hide-tablet {
        display: none
    }

    .show-tablet {
        display: block
    }

    .max-width-full-tablet {
        width: 100%;
        max-width: none
    }

    .margin-large {
        margin: 2.5rem
    }

    .margin-xlarge {
        margin: 3.5rem
    }

    .margin-xxlarge {
        margin: 4.5rem
    }

    .margin-huge {
        margin: 5rem
    }

    .margin-xhuge {
        margin: 6rem
    }

    .margin-xxhuge {
        margin: 7.5rem
    }

    .padding-large {
        padding: 2.5rem
    }

    .padding-xlarge {
        padding: 3.5rem
    }

    .padding-xxlarge {
        padding: 4.5rem
    }

    .padding-huge {
        padding: 5rem
    }

    .padding-xhuge {
        padding: 6rem
    }

    .padding-xxhuge {
        padding: 7.5rem
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .text-size-large.centred._70 {
        width: 100%
    }

    .heading-xxlarge {
        font-size: 3.25rem
    }

    .heading-medium {
        font-size: 1.75rem
    }

    .heading-large {
        font-size: 2.25rem
    }

    .button.is-alternate.margin-right.hero {
        color: var(--black)
    }

    .button.is-alternate.margin-right.hero.pink {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: #fff;
        margin-top: 1rem;
        margin-left: 0
    }

    .button.is-alternate.margin-right._404 {
        color: var(--black)
    }

    .heading-xlarge {
        font-size: 2.75rem
    }

    .menu-icon_line-middle {
        background-color: #000;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar6_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex
    }

    .navbar6_dropdown-content {
        flex-direction: column
    }

    .navbar6_menu-dropdown {
        width: 100%
    }

    .navbar6_menu-button.w--open {
        background-color: #0000
    }

    .navbar6_dropdown-content-right {
        max-width: 50rem;
        margin-bottom: 1rem
    }

    .dropdown-icon {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        inset: auto 0% auto auto
    }

    .navbar6_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        align-items: flex-start;
        height: 100vh;
        margin-left: 0;
        padding: 1rem 5% 5rem;
        position: absolute;
        overflow: auto
    }

    .navbar6_dropdown-background-layer {
        min-width: 100%
    }

    .navbar6_menu-right {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        padding-bottom: 5rem
    }

    .menu-icon {
        color: #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-right: -.5rem;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .menu-icon_line-middle-inner {
        width: 4px;
        height: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .navbar6_dropdown-list {
        inset: 0% 0% auto;
        overflow: hidden
    }

    .navbar6_dropdown-list.w--open {
        border-style: none;
        align-items: flex-start;
        padding: 0 0 0;
        position: relative;
        top: 0
    }

    .menu-icon_line-bottom {
        background-color: #000;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .navbar6_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .navbar6_dropdown-content-left {
        padding-left: 0;
        padding-right: 0
    }

    .menu-icon_line-top {
        background-color: #000;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .navbar5_dropdown-list {
        position: relative;
        overflow: hidden
    }

    .navbar5_dropdown-list.w--open {
        border-style: none;
        align-items: flex-start;
        min-width: auto;
        margin-bottom: 1.5rem;
        padding: 0 0 0;
        position: relative;
        top: 0;
        left: 0;
        right: 0
    }

    .navbar5_dropdown-background-layer {
        min-width: 100%
    }

    .navbar5_dropdown-content-right {
        align-items: flex-start;
        max-width: none
    }

    .navbar5_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        align-items: flex-start;
        height: 100vh;
        margin-left: 0;
        padding: 1rem 5% 15rem;
        position: absolute;
        overflow: auto
    }

    .navbar5_dropdown-content-left {
        align-content: start;
        align-items: start;
        padding-left: 0;
        padding-right: 0
    }

    .navbar5_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex
    }

    .navbar5_menu-dropdown {
        width: 100%;
        position: relative
    }

    .navbar5_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .navbar5_dropdown-content-wrapper {
        width: 100%
    }

    .navbar5_dropdown-content {
        flex-direction: column
    }

    .navbar5_blog-item,
    .navbar5_blog-list {
        width: 100%
    }

    .navbar5_menu-button.w--open {
        background-color: #0000
    }

    .navbar5_large-item-content {
        width: 100%
    }

    .navbar5_menu-right {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem
    }

    .navbar7_dropdown-list {
        position: relative;
        overflow: hidden
    }

    .navbar7_dropdown-list.w--open {
        border-style: none;
        align-items: flex-start;
        padding: 0 0 0;
        position: relative;
        top: 0
    }

    .navbar7_menu-button.w--open {
        background-color: #0000
    }

    .navbar7_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .navbar7_bottom-bar-left {
        margin-bottom: 1rem
    }

    .navbar7_bottom-bar {
        flex-direction: column;
        margin-bottom: 1.5rem;
        padding: 1.5rem
    }

    .navbar7_menu-right {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        padding-bottom: 5rem
    }

    .navbar7_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex
    }

    .navbar7_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        align-items: flex-start;
        height: 100vh;
        margin-left: 0;
        padding: 1rem 5% 5rem;
        position: absolute;
        overflow: auto
    }

    .navbar7_dropdown-content {
        flex-direction: column
    }

    .navbar7_menu-dropdown {
        width: 100%
    }

    .navbar7_dropdown-content-left {
        grid-row-gap: 1.5rem;
        grid-template-columns: 1fr 1fr;
        align-content: start;
        align-items: start;
        padding-left: 0;
        padding-right: 0
    }

    .navbar8_dropdown-list {
        position: relative;
        overflow: hidden
    }

    .navbar8_dropdown-list.w--open {
        border-style: none;
        align-items: flex-start;
        padding: 0 0 0;
        position: relative;
        top: 0
    }

    .navbar8_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .navbar8_dropdown-content-right {
        max-width: none;
        margin-bottom: 1.5rem
    }

    .navbar8_menu-button.w--open {
        background-color: #0000
    }

    .navbar8_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex
    }

    .navbar8_dropdown-content-left {
        padding-left: 0;
        padding-right: 0
    }

    .navbar8_dropdown-background-layer {
        min-width: 100%
    }

    .navbar8_logo {
        max-width: 130px
    }

    .navbar8_dropdown-content {
        flex-direction: column
    }

    .navbar8_menu-right {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        padding-bottom: 5rem
    }

    .navbar8_menu-dropdown {
        width: 100%
    }

    .navbar8_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        align-items: flex-start;
        height: 100vh;
        margin-left: 0;
        padding: 1rem 5% 5rem;
        position: absolute;
        overflow: auto
    }

    .navbar10_blog-item-content {
        width: 100%
    }

    .navbar10_dropdown-content {
        flex-direction: column
    }

    .navbar10_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        font-size: 1.125rem;
        display: flex
    }

    .navbar10_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        align-items: flex-start;
        height: 100vh;
        margin-left: 0;
        padding: 1rem 5% 5rem;
        position: absolute;
        overflow: auto
    }

    .navbar10_blog-item {
        grid-row-gap: 1rem;
        grid-template-columns: 1fr
    }

    .navbar10_dropdown-list {
        position: relative;
        overflow: hidden
    }

    .navbar10_dropdown-list.w--open {
        border-style: none;
        align-items: flex-start;
        padding: 0 0 0;
        position: relative;
        top: 0
    }

    .navbar10_menu-right {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        padding-bottom: 5rem
    }

    .navbar10_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .navbar10_dropdown-content-right {
        align-items: flex-start;
        max-width: none;
        padding-top: 0
    }

    .navbar10_blog-item-image-wrapper {
        flex-direction: column;
        width: 100%
    }

    .navbar10_menu-button.w--open {
        background-color: #0000
    }

    .navbar10_blog-list {
        grid-row-gap: 2rem;
        width: 100%
    }

    .navbar10_menu-dropdown {
        width: 100%
    }

    .navbar10_dropdown-content-left {
        align-content: start;
        align-items: start;
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

    .navbar10_blog-item-image {
        width: 100%
    }

    .navbar11_menu-dropdown {
        width: 100%;
        font-size: 1.125rem
    }

    .navbar11_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .menu-icon1_line-top {
        background-color: #000;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .navbar11_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        display: flex
    }

    .menu-icon1_line-bottom {
        background-color: #000;
        width: 24px;
        height: 2px;
        padding-bottom: 0;
        padding-right: 0
    }

    .navbar11_dropdown-link-list {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .menu-icon1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 48px;
        height: 48px;
        margin-right: -.5rem;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar11_menu-buttons {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem;
        margin-left: 0
    }

    .menu-icon1_line-middle {
        background-color: #000;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 2px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar11_menu-button.w--open {
        background-color: #0000
    }

    .navbar11_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        padding: 1rem 5% 2rem;
        position: absolute;
        overflow: auto
    }

    .navbar11_menu.is-page-height-tablet {
        height: 100vh;
        padding-bottom: 15rem
    }

    .navbar11_dropdown-list {
        position: static;
        overflow: hidden
    }

    .navbar11_dropdown-list.w--open {
        border-style: none;
        width: auto;
        padding: 0
    }

    .navbar12_menu-buttons {
        flex-direction: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        align-items: stretch;
        margin-top: 1.5rem
    }

    .navbar12_menu {
        background-color: var(--white);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        padding: 1rem 5% 2rem;
        position: absolute;
        overflow: auto
    }

    .navbar12_menu.is-page-height-tablet {
        padding-bottom: 15rem
    }

    .navbar12_dropdown-toggle {
        align-items: center;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: 0;
        display: flex
    }

    .navbar12_dropdown-content {
        align-content: start;
        align-items: start;
        padding: 1rem 0
    }

    .navbar12_menu-button.w--open {
        background-color: #0000
    }

    .navbar12_menu-dropdown {
        width: 100%;
        font-size: 1.125rem
    }

    .navbar12_dropdown-list {
        position: static;
        overflow: hidden
    }

    .navbar12_dropdown-list.w--open {
        border-style: none;
        width: auto;
        padding: 0
    }

    .navbar12_link {
        width: auto;
        padding: .75rem 0;
        font-size: 1.125rem
    }

    .menu-icon_line-top-2 {
        background-color: #fff;
        border-radius: 100px;
        width: 24px;
        height: 3px;
        padding-bottom: 0;
        padding-right: 0
    }

    .menu-icon_line-middle-2 {
        background-color: #fff;
        border-radius: 100px;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 3px;
        margin-top: 6px;
        margin-bottom: 6px;
        padding-bottom: 0;
        padding-right: 0;
        display: flex
    }

    .navbar8_menu-2 {
        background-color: var(--black);
        -webkit-text-fill-color: inherit;
        background-clip: border-box;
        border-bottom: 1px solid #000;
        align-items: flex-start;
        height: auto;
        margin-left: 0;
        padding: 1.7rem 5% 3.3rem;
        position: absolute;
        overflow: auto
    }

    .navbar8_link-2 {
        width: auto;
        padding: 1.15rem;
        font-size: 1.313rem;
        transition: background-color .2s, color .2s
    }

    .navbar8_link-2:hover {
        background-color: var(--black-2)
    }

    .navbar8_dropdown-background-layer-2 {
        min-width: 100%
    }

    .navbar8_dropdown-list-2 {
        position: relative;
        overflow: hidden
    }

    .navbar8_dropdown-list-2.w--open {
        border-style: none;
        align-items: flex-start;
        padding: 0 0 0;
        position: relative;
        top: 0
    }

    .menu-icon_line-bottom-2 {
        background-color: #fff;
        border-radius: 100px;
        width: 24px;
        height: 3px;
        padding-bottom: 0;
        padding-right: 0
    }

    .section.home_hero {
        justify-content: flex-start;
        height: auto;
        padding: 203px 5% 0
    }

    .section.is-dark {
        padding-left: 5%;
        padding-right: 5%
    }

    .section.is-dark.portfolio {
        overflow: hidden
    }

    .section.is-dark.audit {
        display: none
    }

    .section.with-padding.special {
        padding-top: 42px;
        padding-bottom: 42px
    }

    .section.with-padding.zero-bottom.audit {
        padding-top: 38px;
        padding-bottom: 0
    }

    .section.proposals-section.special {
        padding-top: 42px;
        padding-bottom: 42px
    }

    .content-contain-90rem.centrered.bottom-margin {
        margin-bottom: 0
    }

    .content-contain-90rem.margin-top {
        margin-top: 79px
    }

    .content-contain-90rem.left-align {
        grid-template-columns: 1.5fr
    }

    .content-grid._1 {
        grid-template-columns: 1fr
    }

    .content-grid.about-us {
        grid-column-gap: 80px;
        grid-template-columns: 1fr
    }

    .h1-hero.with-bottom-margin {
        font-size: 5rem
    }

    .paragraph {
        font-size: 1.3rem
    }

    .paragraph._40ch,
    .paragraph._50.fractul {
        width: 100%
    }

    .paragraph.is-white._60,
    .paragraph.is-white.centre-mobil._60,
    .paragraph.is-dark._60,
    .paragraph.is-dark._60 {
        width: 80%
    }

    .nav-container-panther {
        flex-wrap: wrap
    }

    .button-inner-panther {
        display: none
    }

    .column-panther {
        background-color: var(--light-grey);
        color: var(--black-2);
        border-radius: 8px;
        flex-direction: row;
        width: 100%;
        margin-top: 0;
        margin-bottom: 25px;
        padding: 26px 30px;
        display: flex
    }

    .column-panther:hover {
        background-color: #e2e2e2
    }

    .column-panther.w--current {
        padding: 22px 28px
    }

    .column-cta-panther {
        display: none
    }

    .navigation-panther {
        padding-left: 3%;
        padding-right: 3%
    }

    .navigation-button-wrap {
        align-items: center;
        display: flex
    }

    .menu-button-panther {
        background-color: var(--deep-pink);
        color: var(--white);
        border-radius: 8px;
        margin-left: 14px;
        font-size: 1.8rem
    }

    .menu-button-panther:hover {
        background-color: var(--dark-turquoise);
        color: var(--black)
    }

    .menu-button-panther.w--open {
        background-color: var(--dark-turquoise);
        color: var(--black);
        border-style: none;
        border-radius: 10px
    }

    .content-wrap-panther {
        margin-bottom: 0
    }

    .menu-subtext {
        max-width: 100%;
        font-size: 1.125rem;
        display: none
    }

    .menu-subtext.hide-on-mobile {
        display: block
    }

    .nav-link-panther {
        color: var(--black);
        width: 100%
    }

    .dropdown-panther {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .chevron-panther {
        margin-right: 20px
    }

    .toggle-panther {
        width: 100%;
        padding-left: 16px
    }

    .toggle-panther.w--open {
        width: 100%
    }

    .nav-menu-panther {
        color: var(--black-2);
        background-color: #fff;
        border-radius: 8px;
        height: auto;
        position: absolute;
        top: 80px
    }

    .navigation-menu-panther {
        align-items: center;
        display: flex
    }

    .nav-title-panther {
        color: var(--black);
        margin-bottom: 0;
        font-size: 1.25rem;
        font-weight: 600
    }

    .asset-panther {
        width: 30px;
        height: 30px;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 20px
    }

    .button-panther {
        padding-top: 18px;
        padding-bottom: 18px
    }

    .button-panther.web {
        color: var(--white);
        display: none
    }

    .button-panther.seo {
        display: none
    }

    .button-panther.brand-dev {
        color: var(--white);
        display: none
    }

    .brand {
        margin-right: 10px;
        padding: 0
    }

    .container-panther {
        position: relative
    }

    .list-panther.w--open {
        z-index: 5;
        box-shadow: none;
        padding-top: 0;
        position: static;
        top: auto
    }

    .footer-bottom {
        flex-direction: column
    }

    .footer-grid-03 {
        grid-row-gap: 29px;
        grid-template-columns: 2fr 1fr 1fr
    }

    .social-link {
        justify-content: flex-start;
        align-items: center
    }

    .footer-07 {
        padding-top: 116px;
        padding-bottom: 116px
    }

    .footer-column {
        padding-right: 20px
    }

    .h1-heading.hero._57 {
        width: 100%;
        font-size: 5.5rem
    }

    .h1-heading.harsh-truth {
        font-size: 5.1rem
    }

    .h1-heading.is-white {
        font-size: 4.9rem
    }

    .button-primary {
        display: flex
    }

    .header-grid-d {
        grid-template-columns: 1fr
    }

    .b-content-accordion-wrapper {
        max-width: none
    }

    .b-content-image {
        width: 100%
    }

    .b-content-image-wrapper {
        max-width: none
    }

    .b-content-grid {
        grid-template-columns: 1fr;
        justify-items: stretch
    }

    .b-content-grid.margin-bottom-56 {
        grid-template-columns: 1fr
    }

    .b-section-regular {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .two-buttons {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .servides-grid {
        grid-row-gap: 34px;
        grid-template-columns: 1fr
    }

    .service-box {
        height: auto
    }

    .content-grid-second {
        grid-row-gap: 33px;
        grid-template-columns: 1fr
    }

    .content-grid-second.about {
        grid-template-columns: 1fr;
        justify-items: start
    }

    .special-text {
        width: 70%
    }

    .harsh-truth-block-left {
        width: 100%
    }

    .grey-service-box {
        border-radius: 5px
    }

    .service-link-block {
        margin-bottom: 5px
    }

    .line {
        margin-left: 0
    }

    .portfolio-grid {
        grid-template-columns: 1fr;
        margin-top: 0
    }

    .floating-image._1 {
        width: 500px;
        bottom: -3%;
        left: -18%;
        right: auto
    }

    .floating-image._2 {
        width: 400px;
        top: -6%;
        right: -12%
    }

    .floating-image._3 {
        width: 300px;
        inset: auto -7% 33% auto;
        transform: rotate(10deg)
    }

    .why-property-section-left {
        padding-left: 39px;
        padding-right: 39px
    }

    .why-property-grid {
        grid-row-gap: 33px;
        grid-template-columns: 1fr
    }

    .grid {
        grid-template-columns: 1fr
    }

    .grid.about {
        grid-row-gap: 44px
    }

    .image-3 {
        position: static
    }

    .skills-wrapper {
        margin-bottom: 21px
    }

    .b-section-regular-2,
    .set-apart {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .about-hero {
        line-height: 1.1
    }

    .m-contact-grid {
        grid-template-columns: 1fr
    }

    .m-contact-header {
        flex-direction: column;
        align-items: flex-start
    }

    .image-4 {
        margin-left: auto;
        margin-right: auto;
        position: static
    }

    .image-4.audit {
        width: 600px
    }

    .brick {
        width: 80%;
        position: static
    }

    .grid-2 {
        grid-row-gap: 26px;
        grid-template-columns: 1fr
    }

    .brix---mg-bottom-32px {
        margin-bottom: 24px
    }

    .brix---display-4 {
        font-size: 22px;
        line-height: 38px
    }

    .grid-4,
    .brix---grid-2-columns-text-left {
        grid-row-gap: 48px;
        grid-template-columns: 1fr
    }

    .brix---heading-h2-size {
        font-size: 30px;
        line-height: 46px
    }

    .brix---mg-bottom-48px {
        margin-bottom: 40px
    }

    .brix---container-default {
        padding-left: 0;
        padding-right: 0
    }

    .brix---section {
        padding-top: 118px;
        padding-bottom: 118px
    }

    .grid-3 {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        grid-template-columns: 1fr 1fr;
        align-items: start
    }

    .div-block-4 {
        width: 100%
    }

    .brix---btn-slider-arrow-right---top-right {
        inset: auto 39.5% -90px auto
    }

    .brix---btn-slider-arrow-right---top-left {
        inset: auto auto -90px 39.5%
    }

    .brix---heading-h3-size {
        font-size: 22px;
        line-height: 32px
    }

    .testimonilal-box {
        padding-left: 48px;
        padding-right: 48px
    }

    .brix---testimonial-v3-image-wrapper {
        max-width: 310px
    }

    .brix---slider-mask-testimonial-v3 {
        position: static
    }

    .brix---slider-wrapper {
        margin-bottom: 43px
    }

    .brix---heading-h2-size-2 {
        font-size: 30px;
        line-height: 46px
    }

    .brix---section-2 {
        padding-top: 118px;
        padding-bottom: 118px
    }

    .grid-5 {
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        grid-template-columns: 1fr 1fr;
        align-items: start
    }

    .blog-grid {
        grid-column-gap: 22px;
        grid-template-columns: 1fr
    }

    .feature-image {
        margin-bottom: 10px
    }

    .featured-item {
        flex-wrap: wrap
    }

    .header-2 {
        background-image: url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/64a6eb945949a09f322e09c4_BG%20Shape%2001.svg);
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: auto
    }

    .blog-item {
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .feature-image-2 {
        margin-bottom: 10px
    }

    .div-block-6 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display: flex
    }

    .grid-6 {
        grid-row-gap: 64px;
        grid-template-columns: 1fr
    }

    .grid-6.hero {
        grid-column-gap: 60px;
        grid-row-gap: 60px;
        flex-direction: column;
        grid-template-columns: 1fr
    }

    .a-button-primary {
        display: flex
    }

    .a-feature-grid {
        grid-template-columns: 1fr
    }

    .floating-brick {
        width: 500px;
        height: 250px;
        inset: -12% auto auto -32%
    }

    .floating-brick._2,
    .floating-brick._3,
    .floating-brick._3 {
        width: 300px;
        inset: auto -17% -8% auto
    }

    .profile-header {
        height: 180px
    }

    .profile-image {
        width: 150px;
        height: 150px
    }

    .text-block-7 {
        font-size: 2rem;
        bottom: 7%
    }

    .hero-image {
        width: 100%
    }

    .image-9 {
        width: 100px
    }

    .image-9.ball-2 {
        width: 150px
    }

    .second-ball {
        width: 100px
    }

    .second-ball.ball-2 {
        width: 150px
    }

    .brix---top-bar-padding {
        padding-top: 26px;
        padding-bottom: 26px
    }

    .brix---top-bar-flex-h-sb {
        flex-flow: row;
        justify-content: space-between;
        align-items: center
    }

    .blog-date-new {
        color: var(--deep-pink)
    }

    .brix---top-bar-right-col {
        margin-bottom: 0;
        margin-right: 0
    }

    .mailinglist-banner {
        padding-left: 20px;
        padding-right: 20px
    }

    .content-container {
        text-align: left;
        width: auto;
        min-width: 0
    }

    .content-container.blog-content {
        padding: 21px
    }

    .brix---text-left---t-center {
        text-align: center
    }

    .blog-featured-image {
        height: auto
    }

    .spacer-34px {
        margin-left: auto;
        margin-right: auto
    }

    .blog-post-grid {
        grid-template-columns: 1fr
    }

    .read-time {
        position: static
    }

    .text-size-medium-2 {
        margin-bottom: 13px
    }

    .text-size-medium-2.by {
        color: var(--black)
    }

    .text-rich-text-2,
    .blog-header {
        width: 100%
    }

    .text-size-regular-2.is-light {
        color: var(--black)
    }

    .section-2.blog {
        padding-top: 168px
    }

    .code-embed {
        width: auto
    }

    .image-11 {
        width: 250px;
        right: -2%
    }

    .collection-list-21 {
        grid-template-columns: 1fr 1fr
    }

    .shop-header {
        line-height: 1.1
    }

    .icon-37 {
        font-size: 1.8rem
    }

    .nav-logo {
        width: 80px
    }

    .menu-link-text-2 {
        font-size: 1.6rem
    }

    .d-117-line-wrapper {
        width: 70%;
        height: 4px
    }

    .nav-menu {
        width: 45vw
    }

    .nav-menu-button {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        background-color: #1a1a1ae6;
        border-radius: 8px;
        width: 60px;
        height: 60px;
        padding: 9px 23px
    }

    .image-15 {
        height: 40px
    }

    .floating-cta {
        inset: auto auto 1% 2%
    }

    .floating-cta.hide-one-mobile {
        display: none
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 2.5rem
    }

    h2 {
        font-size: 2.25rem
    }

    h3 {
        font-size: 2rem
    }

    h4 {
        font-size: 1.5rem;
        line-height: 1.4
    }

    h5 {
        font-size: 1.25rem
    }

    h6 {
        font-size: 1.125rem
    }

    .text-rich-text figure {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .hide-mobile-landscape {
     }

    .show-mobile-landscape {
        display: block
    }

    .max-width-full-mobile-landscape {
        width: 100%;
        max-width: none
    }

    .margin-xsmall {
        margin: .75rem
    }

    .margin-small {
        margin: 1.25rem
    }

    .margin-medium {
        margin: 1.5rem
    }

    .margin-large {
        margin: 2rem
    }

    .margin-xlarge {
        margin: 2.5rem
    }

    .margin-xxlarge {
        margin: 3rem
    }

    .margin-huge {
        margin: 3.5rem
    }

    .margin-xhuge {
        margin: 4rem
    }

    .margin-xxhuge {
        margin: 5rem
    }

    .padding-xsmall {
        padding: .75rem
    }

    .padding-small {
        padding: 1.25rem
    }

    .padding-medium {
        padding: 1.5rem
    }

    .padding-large {
        padding: 2rem
    }

    .padding-xlarge {
        padding: 2.5rem
    }

    .padding-xxlarge {
        padding: 3rem
    }

    .padding-huge {
        padding: 3.5rem
    }

    .padding-xhuge {
        padding: 4rem
    }

    .padding-xxhuge {
        padding: 5rem
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .text-style-nowrap {
        white-space: normal
    }

    .text-size-medium {
        font-size: 1rem
    }

    .text-size-large {
        font-size: 1.125rem
    }

    .text-size-large.centred._70 {
        width: 100%
    }

    .heading-xxlarge {
        font-size: 2.5rem
    }

    .heading-medium {
        font-size: 1.5rem;
        line-height: 1.4
    }

    .heading-large {
        font-size: 2rem
    }

    .button.is-alternate.margin-right.hero.pink {
        background-color: #fff;
        margin-top: 1rem;
        margin-left: 0
    }

    .button.menu-nav {
        flex: none;
        padding: .85rem 2rem;
        font-size: 1rem
    }

    .heading-xsmall {
        font-size: 1.125rem
    }

    .heading-small {
        font-size: 1.25rem
    }

    .text-style-quote {
        font-size: 1.125rem
    }

    .heading-xlarge {
        font-size: 2.25rem
    }

    .navbar6_dropdown-content-right {
        padding: 1.5rem
    }

    .navbar6_component {
        min-height: 4rem
    }

    .navbar6_dropdown-content-left {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .navbar6_dropdown-link-list {
        grid-row-gap: .5rem;
        max-width: none
    }

    .navbar5_dropdown-content-right {
        padding: 1.5rem
    }

    .navbar5_dropdown-content-left {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .navbar5_component {
        min-height: 4rem
    }

    .navbar5_blog-item {
        grid-template-columns: .6fr 1fr
    }

    .navbar5_dropdown-link-list,
    .navbar7_dropdown-link-list {
        grid-row-gap: .5rem;
        max-width: none
    }

    .navbar7_component {
        min-height: 4rem
    }

    .navbar7_dropdown-content-left {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .navbar8_dropdown-link-list {
        grid-row-gap: .5rem;
        max-width: none
    }

    .navbar8_dropdown-content-right {
        padding: 1.5rem
    }

    .navbar8_dropdown-content-left {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .navbar8_component {
        min-height: 4rem
    }

    .navbar8_logo {
        width: 208px;
        max-width: 100px
    }

    .navbar10_blog-item {
        grid-row-gap: 1rem
    }

    .navbar10_dropdown-link-list {
        max-width: none
    }

    .navbar10_component {
        min-height: 4rem
    }

    .navbar10_dropdown-content-right {
        padding-bottom: 1.5rem
    }

    .navbar10_blog-item-image-wrapper {
        max-width: 100%
    }

    .navbar10_dropdown-content-left {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr
    }

    .navbar10_blog-item-image {
        margin-bottom: 0
    }

    .navbar11_component {
        min-height: 4rem
    }

    .navbar11_dropdown-link-list {
        grid-row-gap: .5rem;
        max-width: none;
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .navbar11_dropdown-link {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .navbar12_dropdown-content {
        grid-row-gap: 1.5rem;
        flex-direction: column;
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        width: 100%
    }

    .navbar12_dropdown-link-list {
        grid-row-gap: .5rem;
        max-width: none
    }

    .navbar12_component,
    .navbar8_component-2 {
        min-height: 4rem
    }

    .section.home_hero {
        background-position: 50%;
        padding-bottom: 0;
        padding-left: 6%;
        padding-right: 6%
    }

    .section.is-dark {
        padding-top: 0;
        padding-left: 5%;
        padding-right: 5%
    }

    .section.is-dark.shop-page {
        background-position: 41%
    }

    .section.is-dark.hero {
        padding-top: 150px
    }

    .section.is-dark.conversion-science {
        background-position: 41%
    }

    .section.with-padding.special {
        padding-top: 49px;
        padding-bottom: 49px
    }

    .content-contain-90rem.centrered.bottom-margin.is-white {
        margin-bottom: 10px
    }

    .content-contain-90rem.left-align.hide-mobile-portrait.hide-mobile-landscape {
        display: none
    }

    .paragraph {
        width: 100%
    }

    .paragraph._50.fractul.hero.white {
        width: 100%;
        font-size: 1.3rem
    }

    .paragraph.is-white._60,
    .paragraph.is-dark._60,
    .paragraph.is-dark._60 {
        width: 100%
    }

    .nav-container-panther {
        padding-left: 10px;
        padding-right: 10px
    }

    .button-inner-panther {
        display: none
    }

    .column-panther {
        background-color: var(--light-grey);
        margin-bottom: 21px;
        padding-top: 22px;
        padding-bottom: 22px
    }

    .column-panther:hover {
        color: var(--black);
        background-color: #e0e0e0
    }

    .column-panther.w--current {
        background-color: var(--light-grey)
    }

    .menu-button-panther.w--open {
        background-color: var(--gold);
        color: var(--black-2)
    }

    .navigation-menu-panther {
        width: 100%
    }

    .asset-panther {
        width: 100px
    }

    .button-panther {
        display: none
    }

    .footer-bottom {
        flex-wrap: wrap;
        margin-top: 40px
    }

    .footer-grid-03 {
        grid-column-gap: 22px;
        grid-row-gap: 25px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr
    }

    .footer-column {
        padding-right: 0
    }

    .footer-title {
        margin-bottom: 17px
    }

    .h1-heading {
        font-size: 48px
    }

    .h1-heading.hero._57 {
        font-size: 4rem
    }

    .h1-heading.hero._57.white {
        font-size: 3.5rem;
        line-height: 1.1
    }

    .h1-heading.hero._57.white.london {
        font-size: 4rem
    }

    .h1-heading.harsh-truth {
        font-size: 3rem
    }

    .h1-heading.is-white {
        font-size: 3.5rem
    }

    .header-feature-grid {
        grid-template-columns: 1fr
    }

    .section-regular {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .b-h3-heading {
        font-size: 40px
    }

    .b-content-grid.margin-bottom-56 {
        padding-bottom: 0
    }

    .two-buttons {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .spacer-44.hide-on-mobile {
        display: none;
        overflow: visible
    }

    .spacer-84.hide-on-mobile {
        display: none
    }

    .content-grid-second.about {
        justify-items: start
    }

    .special-text {
        width: 100%
    }

    .floating-image._2 {
        width: 300px;
        top: 44%
    }

    .floating-image._3 {
        width: 300px;
        inset: 0% auto auto 0%
    }

    .why-property-section-left {
        padding-left: 24px;
        padding-right: 24px
    }

    .why-property-section-left._2 {
        padding-left: 35px;
        padding-right: 35px
    }

    .skills-wrapper {
        padding: 31px 30px
    }

    .b-h3-heading-2 {
        font-size: 40px
    }

    .b-content-banner {
        display: none
    }

    .b-content-grid-medium {
        grid-template-columns: 1fr
    }

    .set-apart {
        padding-top: 0;
        padding-bottom: 0
    }

    .about-hero.conversion-science-header {
        font-size: 4rem
    }

    .content-block.is-white {
        margin-bottom: 0
    }

    .content-block.is-white.audit {
        padding: 28px 19px
    }

    .m-h3-heading {
        font-size: 40px
    }

    .m-contact-form-grid {
        grid-template-columns: 1fr
    }

    .m-contact-header {
        margin-bottom: 60px
    }

    .image-4 {
        width: 500px
    }

    .image-4.audit {
        width: 500px;
        max-width: 700%
    }

    .grid-2 {
        grid-row-gap: 27px
    }

    .section-large {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .h3-heading {
        font-size: 40px
    }

    .brix---link-icon-right {
        width: 20px;
        margin-left: 8px
    }

    .brix---text-200-bold {
        font-size: 16px;
        line-height: 18px
    }

    .brix---display-4 {
        font-size: 20px;
        line-height: 32px
    }

    .brix---image-wrapper-br-24px-shadow {
        box-shadow: 0 4px 22px 0 var(--elements-webflow-library-general--shadow-04);
        border-radius: 14px
    }

    .grid-4,
    .brix---grid-2-columns-text-left {
        grid-template-columns: 1fr
    }

    .brix---heading-h2-size {
        font-size: 28px;
        line-height: 40px
    }

    .brix---subtitle {
        font-size: 17px;
        line-height: 19px
    }

    .brix---mg-bottom-16px {
        margin-bottom: 8px
    }

    .brix---mg-bottom-48px {
        margin-bottom: 32px
    }

    .brix---section {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .grid-3 {
        grid-template-columns: 1fr
    }

    .brix---btn-slider-arrow-right---top-right {
        width: 56px;
        min-width: 56px;
        height: 56px;
        min-height: 56px;
        font-size: 22px;
        line-height: 24px;
        bottom: -72px;
        right: 36%
    }

    .brix---btn-slider-arrow-right---top-left {
        width: 56px;
        min-width: 56px;
        height: 56px;
        min-height: 56px;
        font-size: 22px;
        line-height: 24px;
        bottom: -72px;
        left: 36%
    }

    .brix---text-300 {
        font-size: 18px;
        line-height: 20px
    }

    .brix---text-300-bold {
        font-size: 18px;
        line-height: 22px
    }

    .brix---mg-bottom-40px {
        margin-bottom: 24px
    }

    .testimonilal-box {
        padding: 32px 32px 40px
    }

    .brix---image-fit-full-height {
        width: 100%
    }

    .brix---testimonial-v3-image-wrapper {
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0;
        max-width: 100%
    }

    .brix---card-testimonial-v3 {
        flex-direction: column
    }

    .brix---heading-h2-size-2 {
        font-size: 28px;
        line-height: 40px
    }

    .brix---mg-bottom-16px-2 {
        margin-bottom: 8px
    }

    .brix---section-2 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .subtext {
        font-size: 18px;
        line-height: 20px
    }

    .grid-5 {
        grid-template-columns: 1fr
    }

    .header-blog {
        justify-content: center;
        padding-bottom: 162px
    }

    .heading-h1 {
        font-size: 55px
    }

    .blog-hero-image {
        margin-top: -100px
    }

    .blog-grid {
        grid-row-gap: 62px;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr
    }

    .header-2 {
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        background-size: auto
    }

    .content-section {
        padding-top: 92px;
        padding-bottom: 92px
    }

    .contact-header {
        width: 100%
    }

    .a-feature-button-wrapper {
        flex-direction: column;
        align-items: flex-start
    }

    .a-feature-links-grid {
        grid-template-columns: 1fr
    }

    .a-h3-heading {
        font-size: 40px
    }

    .a-section-large {
        padding-top: 72px;
        padding-bottom: 72px
    }

    .image-8 {
        width: 40px
    }

    .text-block-5 {
        margin-bottom: 4px
    }

    .image-9 {
        width: 70px;
        top: 28%
    }

    .image-9.ball-2 {
        width: 100px;
        top: 29%
    }

    .second-ball {
        width: 70px;
        top: 28%
    }

    .second-ball.ball-2 {
        width: 100px;
        top: 29%
    }

    .brix---top-bar-flex-h-sb {
        flex-flow: row;
        justify-content: space-between;
        align-items: center
    }

    .brix---container-default-6 {
        padding-left: 0;
        padding-right: 0
    }

    .brix---top-bar-right-col {
        margin-bottom: 0
    }

    .mailinglist-banner {
        padding-left: 26px;
        padding-right: 26px
    }

    .content-container {
        justify-content: flex-start;
        align-items: center;
        width: auto;
        max-width: none;
        display: block
    }

    .blog-featured-image {
        aspect-ratio: auto;
        object-fit: contain;
        height: auto
    }

    .brix---link-icon-right-2 {
        width: 20px;
        margin-left: 8px
    }

    .read-time {
        position: static
    }

    .b-content-accordion-item-2 {
        padding-left: 17px;
        padding-right: 17px
    }

    .text-size-medium-2 {
        font-size: 1.3rem
    }

    .text-size-medium-2.article-summary {
        margin-bottom: 21px;
        font-size: 1.2rem
    }

    .blog-header {
        font-size: 42px
    }

    .blog-header.new {
        font-size: 38px
    }

    .section-2.blog {
        padding-top: 160px
    }

    .image-11 {
        width: 350px;
        right: -12%
    }

    .collection-list-21 {
        grid-template-columns: 1fr
    }

    .shop-text {
        font-size: .7rem
    }

    .nav-logo {
        width: 60px
    }

    .menu-link-text-2 {
        font-size: 1.4rem
    }

    .nav-menu {
        width: 70vw;
        display: flex
    }

    .nav-menu-button {
        width: 30px;
        height: 30px
    }

    .floating-cta {
        inset: auto auto 1% 2%
    }

    .new-projects {
        display: none
    }
}

@media screen and (max-width:479px) {
    h1 {
        font-size: 2.5rem
    }

    .show-mobile-portrait {
        display: block
    }

    .hide-mobile-portrait {
     }

    .page-wrapper {
        overflow: hidden
    }

    .margin-top {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-bottom {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0
    }

    .margin-left {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }

    .margin-right {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .margin-vertical {
        margin-left: 0;
        margin-right: 0
    }

    .margin-horizontal {
        margin-top: 0;
        margin-bottom: 0
    }

    .padding-top {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-bottom {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .padding-left {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0
    }

    .padding-right {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    .padding-vertical {
        padding-left: 0;
        padding-right: 0
    }

    .padding-horizontal {
        padding-top: 0;
        padding-bottom: 0
    }

    .max-width-full-mobile-portrait {
        width: 100%;
        max-width: none
    }

    .text-size-large.centred._70 {
        width: 100%
    }

    .heading-medium {
        line-height: 1.2
    }

    .heading-medium.is-white {
        font-size: 2rem
    }

    .heading-medium.is-white.with-top-padding {
        margin-left: auto;
        margin-right: auto;
        font-size: 1.6rem
    }

    .heading-medium.is-white.bottom-padding,
    .heading-medium.white {
        font-size: 2rem
    }

    .heading-medium.dark.is-dark {
        line-height: 1
    }

    .heading-medium.no-marg {
        margin-bottom: 0
    }

    .button.is-alternate.margin-right {
        margin-bottom: 23px;
        margin-right: 0
    }

    .button.is-alternate.margin-right.hero.pink {
        background-color: #fdfdfd;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
        margin-left: 0;
        padding-top: 1.15rem;
        padding-bottom: 1.15rem
    }

    .button.yellow-button,
    .button.pink-button {
        text-align: left
    }

    .button.menu-nav {
        flex: 0 auto;
     }

    .stylesystem-images_layout {
        grid-template-columns: 1fr
    }

    .navbar6_blog-item {
        flex-direction: column;
        display: flex
    }

    .navbar6_dropdown-content-right {
        max-width: none;
        padding-left: .75rem;
        padding-right: .75rem
    }

    .navbar6_dropdown-blog-item-wrapper {
        grid-column-gap: 0px;
        grid-row-gap: .5rem;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        max-width: none;
        display: grid
    }

    .navbar6_dropdown-content-wrapper {
        width: 100%
    }

    .navbar6_blog-content {
        margin-top: .5rem
    }

    .navbar6_dropdown-link {
        padding-left: 0
    }

    .navbar6_dropdown-content-left,
    .navbar5_dropdown-content-left {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar5_dropdown-link {
        padding-left: 0
    }

    .navbar5_blog-item {
        flex-direction: column;
        display: flex
    }

    .navbar5_blog-list {
        grid-column-gap: 0px;
        grid-row-gap: .5rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        display: grid
    }

    .navbar5_large-item-content {
        margin-top: 1rem
    }

    .navbar7_dropdown-link {
        padding-left: 0
    }

    .navbar7_bottom-bar-left {
        grid-template-rows: auto auto;
        grid-template-columns: max-content
    }

    .navbar7_bottom-bar {
        align-items: flex-start
    }

    .navbar7_bottom-bar-right {
        flex-direction: column;
        width: 100%
    }

    .navbar7_dropdown-content-left {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar8_dropdown-content-right {
        max-width: none
    }

    .navbar8_dropdown-content-left {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar8_dropdown-small-link-list {
        grid-column-gap: 0px;
        grid-row-gap: .5rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        width: 100%;
        max-width: none
    }

    .navbar8_dropdown-content-wrapper {
        width: 100%
    }

    .navbar8_logo {
        width: 180px
    }

    .navbar8_dropdown-link {
        padding-left: 0
    }

    .navbar10_blog-item {
        flex-direction: column
    }

    .navbar10_blog-list {
        grid-template-columns: 1fr
    }

    .navbar10_dropdown-content-left {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar10_dropdown-link,
    .navbar11_dropdown-link {
        padding-left: 0
    }

    .navbar12_dropdown-content {
        grid-template-columns: 1fr;
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .navbar12_dropdown-link {
        padding-left: 0
    }

    .section.home_hero {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        padding: 197px 6% 0
    }

    .section.is-dark {
        padding-top: 0;
        padding-bottom: 43px
    }

    .section.is-dark.portfolio {
        padding-top: 40px;
        padding-bottom: 40px;
        overflow: visible
    }

    .section.is-dark.web-page.service-header {
        padding-top: 121px
    }

    .section.is-dark.hero {
        padding-top: 129px
    }

    .section.is-dark.conversion-science {
        background-image: linear-gradient(#0000, #0000), url(https://cdn.prod.website-files.com/63986045d7f46929a56c235b/668fe2a08aba2e8050fede6e_pixelbricks.webp);
        background-position: 0 0, 50%;
        background-size: auto, 1000px;
        padding-top: 179px;
        padding-bottom: 18px
    }

    .section.with-padding.special {
        padding-left: 4%;
        padding-right: 4%;
        overflow: hidden
    }

    .section.with-padding.zero-bottom {
        padding-top: 51px
    }

    .section.with-equal-padding {
        padding-top: 57px;
        padding-bottom: 57px
    }

    .section.with-equal-padding.special {
        padding-left: 4%;
        padding-right: 4%
    }

    .section.with-equal-padding.zero-bottom {
        padding-top: 51px
    }

    .section.proposals-section.special {
        padding-left: 4%;
        padding-right: 4%;
        overflow: hidden
    }

    .section.proposals-section.zero-bottom {
        padding-top: 51px
    }

    .content-contain-90rem {
        white-space: normal;
        max-width: 100%
    }

    .content-contain-90rem.centrered {
        width: 100%;
        max-width: 100%
    }

    .content-contain-90rem.margin-top {
        margin-top: 0
    }

    .content-contain-90rem.left-align.hide-mobile-landscape {
        display: none
    }

    .content-wrapper {
        overflow: hidden
    }

    .h1-hero.with-bottom-margin {
        flex-direction: column;
        font-size: 3rem;
        display: block
    }

    .paragraph {
        white-space: normal;
        object-fit: fill;
        font-size: 18px
    }

    .paragraph._40ch {
        width: auto;
        overflow: visible
    }

    .paragraph._50.fractul.hero {
        width: 100%
    }

    .paragraph._50.fractul.hero.white {
        width: 100%;
        font-size: 1.2rem
    }

    .paragraph.is-white {
        text-align: left
    }

    .paragraph.is-white._60.centrered {
        text-align: center
    }

    .paragraph.is-white.link {
        text-align: center;
        margin-bottom: 0
    }

    .paragraph.is-white.centre-mobil {
        text-align: center
    }

    .paragraph.is-white.centre-mobil._60 {
        width: 100%
    }

    .paragraph.is-white.cta,
    .paragraph.is-dark._60.centered {
        text-align: center
    }

    .paragraph.is-dark {
        text-align: left
    }

    .paragraph.is-dark.link {
        margin-bottom: 0
    }

    .column-panther {
        background-color: var(--light-grey);
        margin-bottom: 18px;
        padding: 16px 19px
    }

    .column-panther.w--current {
        align-items: center;
        padding-top: 16px;
        padding-bottom: 16px
    }

    .navigation-panther {
        height: auto
    }

    .menu-button-panther,
    .menu-button-panther:hover {
        background-color: var(--deep-pink)
    }

    .asset-panther {
        width: 30px;
        height: 30px;
        margin-right: 15px
    }

    .container-panther {
        margin-top: 14px;
        margin-bottom: 14px
    }

    .footer-bottom {
        text-align: center;
        flex-direction: column
    }

    .footer-grid-03 {
        grid-row-gap: 27px;
        grid-template-columns: 1fr
    }

    .footer-07 {
        padding-top: 58px;
        padding-bottom: 58px;
        overflow: hidden
    }

    .footer-wrapper {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 16px
    }

    .footer-link.policy-link {
        font-size: 13px
    }

    .icon._2 {
        width: 24px;
        height: 24px
    }

    .location-wrapper {
        margin-bottom: 20px
    }

    .h1-heading {
        font-size: 42px
    }

    .h1-heading.hero._57 {
        font-size: 3rem
    }

    .h1-heading.hero._57.white {
        font-size: 2.3rem
    }

    .h1-heading.hero._57.white.london {
        font-size: 2.5rem
    }

    .h1-heading.harsh-truth {
        white-space: normal;
        font-size: 2rem
    }

    .h1-heading.is-white {
        margin-bottom: 0;
        font-size: 2rem
    }

    .button-primary {
        width: 100%
    }

    .header-grid-d {
        grid-template-columns: 2fr
    }

    .b-content-grid.margin-bottom-56 {
        padding-bottom: 0
    }

    .two-buttons {
        flex-direction: column;
        width: 100%;
        margin-top: 9px
    }

    .spacer-44.hide-on-mobile {
        display: none
    }

    .service-box {
        text-align: center;
        padding-top: 71px;
        padding-left: 15px;
        padding-right: 15px
    }

    .service-button.is-alternate.margin-right {
        margin-bottom: 23px;
        margin-right: 0
    }

    .spacer-84 {
        width: 64px;
        height: 64px
    }

    .special-text {
        width: 100%;
        font-size: 1.5rem
    }

    .harsh-truth-block-right {
        width: 80%
    }

    .grey-service-box {
        padding-left: 0;
        padding-right: 17px
    }

    .text-block {
        font-size: 1.3rem;
        line-height: 1.2
    }

    .service-link-block {
        margin-bottom: 10px
    }

    .portfolio-grid {
        grid-row-gap: 24px;
        margin-top: 0
    }

    .portfolio-block {
        text-align: center;
        align-items: center
    }

    .floating-image._2 {
        width: 250px;
        top: 30%;
        right: -24%
    }

    .floating-image._3 {
        width: 200px
    }

    .why-property-section-left {
        padding: 0 12px
    }

    .skills-wrapper {
        padding: 24px 20px
    }

    .skills-icon._2 {
        justify-content: flex-start;
        align-items: flex-start
    }

    .skills-header {
        flex-flow: row;
        justify-content: flex-start;
        align-items: flex-start
    }

    .text-block-2 {
        font-size: 1.6rem
    }

    .b-content-banner {
        flex-direction: column;
        align-items: flex-start
    }

    .margin-bottom-34 {
        margin-bottom: 18px
    }

    .b-content-grid-medium {
        grid-template-columns: 1fr
    }

    .set-apart {
        padding-top: 0;
        padding-bottom: 0
    }

    .set-apart-icon {
        width: 30px;
        height: 30px
    }

    .link {
        text-align: center
    }

    .link.centre-mobile {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .link.footer {
        font-size: 1rem
    }

    .about-hero {
        font-size: 3rem
    }

    .about-hero.shopheader,
    .about-hero.conversion-science-header {
        margin-bottom: .9rem;
        font-size: 3rem
    }

    .content-block.is-white {
        margin-bottom: 0;
        padding-left: 19px;
        padding-right: 19px
    }

    .m-contact-card {
        padding-left: 5%;
        padding-right: 5%
    }

    .m-contact-feature-wrapper {
        width: auto
    }

    .m-contact-link-block {
        flex-direction: column;
        width: auto;
        padding: 22px
    }

    .m-container-regular {
        max-width: 100%;
        overflow: visible
    }

    .m-section-regular {
        overflow: hidden
    }

    .m-contact-grid {
        flex-direction: column;
        display: flex
    }

    .m-button-outline {
        width: 100%
    }

    .div-block {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .image-4 {
        width: 400px
    }

    .image-4.audit {
        width: 300px
    }

    .section-large.cta {
        text-align: center
    }

    .text-block-3 {
        font-size: 1.5rem
    }

    .brix---link-icon-right {
        width: 18px
    }

    .brix---text-200-bold {
        font-size: 15px;
        line-height: 16px
    }

    .brix---paragraph-default {
        font-size: 17px;
        line-height: 28px
    }

    .brix---image-wrapper-br-24px-shadow {
        border-radius: 10px
    }

    .div-block-normal {
        flex-direction: column;
        display: flex
    }

    .brix---heading-h2-size {
        font-size: 24px;
        line-height: 34px
    }

    .brix---subtitle {
        font-size: 14px;
        line-height: 18px
    }

    .brix---mg-bottom-16px {
        margin-bottom: 15px
    }

    .brix---mg-bottom-48px {
        margin-bottom: 32px
    }

    .brix---container-default {
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }

    .div-block-2 {
        padding: 30px 16px
    }

    .grid-3 {
        grid-template-columns: 1fr
    }

    .large-special-text {
        font-size: 2rem
    }

    .div-block-4.shop-header {
        margin-bottom: 62px
    }

    .brix---btn-slider-arrow-right---top-right {
        bottom: -72px;
        right: 26%
    }

    .brix---btn-slider-arrow-right---top-left {
        bottom: -72px;
        left: 26%
    }

    .brix---text-300-bold {
        font-size: 17px;
        line-height: 21px
    }

    .brix---mg-bottom-8px {
        margin-bottom: 6px
    }

    .brix---paragraph-default-2 {
        font-size: 17px;
        line-height: 28px
    }

    .brix---heading-h3-size {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 30px
    }

    .testimonilal-box {
        padding-left: 18px;
        padding-right: 18px
    }

    .brix---testimonial-v3-image-wrapper {
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0
    }

    .brix---card-testimonial-v3 {
        flex-direction: column
    }

    .brix---heading-h2-size-2 {
        font-size: 24px;
        line-height: 34px
    }

    .brix---mg-bottom-16px-2 {
        margin-bottom: 15px
    }

    .grid-5 {
        grid-template-columns: 1fr
    }

    .header-blog {
        min-height: 680px
    }

    .heading-h1 {
        font-size: 44px
    }

    .a-button-primary {
        width: 100%
    }

    .image-8 {
        width: 40px
    }

    .floating-brick {
        display: none
    }

    .div-block-8 {
        width: 100%
    }

    .main {
        overflow: visible
    }

    .div-block-9 {
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }

    .d-20-btn-wrapper {
        width: 100%
    }

    .image-9 {
        width: 50px
    }

    .image-9.ball-2 {
        width: 70px
    }

    .second-ball {
        width: 50px
    }

    .second-ball.ball-2 {
        width: 70px
    }

    .brix---top-bar-padding {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .div-block-71 {
        padding: 0
    }

    .text-block-32 {
        font-size: 15px
    }

    .div-block-72 {
        font-size: 1.1rem
    }

    .brix---top-bar-flex-h-sb {
        flex-flow: column
    }

    .b-content-accordion-icon-2 {
        border-radius: 100px;
        max-width: 32px;
        max-height: 32px
    }

    .brix---container-default-6 {
        padding-left: 20px;
        padding-right: 20px
    }

    .b-paragraph-large-2 {
        white-space: pre-wrap;
        line-height: 1.3
    }

    .mailinglist-banner {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 17px;
        line-height: 26px
    }

    .content-container {
        z-index: 3;
        position: relative
    }

    .content-container.blog-content {
        overflow: visible
    }

    .brix---text-left---t-center {
        justify-content: flex-end;
        align-items: flex-start
    }

    .author-details {
        flex-flow: row;
        justify-content: flex-start;
        align-items: center
    }

    .blog-featured-image {
        height: auto;
        margin-bottom: 28px
    }

    .blog-post-grid {
        display: block
    }

    .b-content-accordion-toggle-2 {
        margin-bottom: 11px
    }

    .brix---link-icon-right-2 {
        width: 15px
    }

    .icon-11 {
        width: 20px;
        height: 20px
    }

    .b-content-accordion-content-2 {
        padding-left: 21px
    }

    .div-block-70 {
        margin-top: 36px;
        display: none;
        overflow: visible
    }

    .b-content-accordion-item-2 {
        max-width: 100vw;
        padding-left: 14px;
        padding-right: 14px
    }

    .text-size-medium-2 {
        font-size: 1.7rem;
        line-height: 1.4
    }

    .text-size-medium-2.author-name,
    .text-size-medium-2.article-summary {
        font-size: 1.3rem
    }

    .text-size-medium-2.by {
        margin-bottom: 0;
        font-size: 1.016rem
    }

    .blog-header,
    .blog-header.new {
        font-size: 32px
    }

    .div-block-73 {
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .text-size-regular-2.is-light {
        margin-bottom: 6px;
        font-size: 1.016rem
    }

    .text-size-regular-2.is-light.no-margin-bottom,
    .author-image {
        margin-bottom: 0
    }

    .section-2 {
        padding-left: 3%;
        padding-right: 3%
    }

    .section-2.blog {
        padding-top: 147px
    }

    .text-block-31.mailing-text {
        font-size: 15px
    }

    .div-block-75 {
        justify-content: flex-start;
        align-items: center;
        width: auto;
        margin-top: 11px;
        margin-left: 0;
        padding: 11px
    }

    .heading-19,
    .heading-20 {
        line-height: 1
    }

    .image-11 {
        width: 150px;
        bottom: -2%;
        right: 0%
    }

    .shop-header {
        font-size: 1.18rem
    }

    .grid-7 {
        grid-template-columns: 1fr 1fr
    }

    .menu-link-text-2:focus {
        opacity: 1
    }

    .nav-menu {
        width: 95vw;
        min-height: 100vh
    }

    .nav-menu-button {
        padding-top: 23px;
        padding-bottom: 23px;
        top: 3%;
        right: 6%
    }

    .link-block-3.w--current {
        -webkit-backdrop-filter: blur(7px);
        backdrop-filter: blur(7px);
        background-color: #1a1a1a87;
        border-radius: 8px;
        padding: 6px;
        top: 3%;
        left: 3%
    }

    .floating-cta {
        padding: 3px;
        inset: auto auto 1% 2%
    }
}

#w-node-_48795af0-bf48-5593-7e12-b9f8f470f0a2-616c235a,
#w-node-_6b5bb4ea-4d42-713e-5089-57c9a494fe02-616c235a,
#w-node-cf2576d4-d609-77c3-84e0-efa8e9b9f260-616c235a,
#w-node-cc9e96a3-3e3a-1044-25bf-eeaaafbf28f4-616c235a,
#w-node-_35c00501-cd70-9351-3264-5b3d22111087-616c235a {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_48bfad2a-00e1-dd1e-96d4-a8632561ca69-616c235a {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-_9af0a983-1c66-fc8e-fd01-d4913337d06f-616c235a,
#w-node-_4cad05c1-a598-13bb-3782-9bd6f904442f-616c235a,
#w-node-_85ac1d5f-fb6b-a6bd-9bd5-714148cd0a03-616c235a,
#w-node-_61b2e691-c488-5b6d-5953-b7faac6302e1-616c235a,
#w-node-_61b2e691-c488-5b6d-5953-b7faac6302e2-616c235a {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_61b2e691-c488-5b6d-5953-b7faac6302e3-616c235a {
    align-self: center
}

#w-node-_61b2e691-c488-5b6d-5953-b7faac6302ec-616c235a,
#w-node-_61b2e691-c488-5b6d-5953-b7faac6302f4-616c235a,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a42ec-a40a42da {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-efe1a5d2-e989-5f1b-d1a2-32cdec8b4173-a40a42da,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a42fc-a40a42da,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a42dc-a40a42da,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a4304-a40a42da {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a42e4-a40a42da {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a430c-a40a42da,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a4314-a40a42da,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a431c-a40a42da,
#w-node-c1c12d31-99bb-a1f1-545d-60b2a40a4334-a40a42da,
#w-node-_3db713d7-5215-d998-fdb4-02f6dc2fd416-10bc7f48,
#w-node-_87b91c8f-082f-6148-def1-b2d5e69c200b-10bc7f48,
#w-node-a405a1aa-04b1-03a7-672a-9c4711491071-10bc7f48,
#w-node-d1a6d6dd-8fc0-296a-ab1d-e6522192d7ee-10bc7f48,
#w-node-_33d7a88e-734e-c69b-ad15-3528d932dc4b-10bc7f48,
#w-node-_7ede30de-9c63-f662-184b-de56c9cd4f52-10bc7f48,
#w-node-_2d66be32-fc9b-d2f5-142f-f16bf1575c44-ba2c0a34,
#w-node-_2d66be32-fc9b-d2f5-142f-f16bf1575c68-ba2c0a34,
#w-node-adc2d721-2a7e-ae4e-5210-8ef043e551c4-0fb17b9b,
#w-node-_4a17e010-6ce7-f4e0-927f-95b6a2382999-0fb17b9b,
#w-node-adc2d721-2a7e-ae4e-5210-8ef043e551c4-0f511327,
#w-node-_4a17e010-6ce7-f4e0-927f-95b6a2382999-0f511327,
#w-node-efd4a48b-21a9-3db9-3a5e-90d949a26b38-0f511327,
#w-node-efd4a48b-21a9-3db9-3a5e-90d949a26b40-0f511327,
#w-node-efd4a48b-21a9-3db9-3a5e-90d949a26b48-0f511327,
#w-node-efd4a48b-21a9-3db9-3a5e-90d949a26b52-0f511327,
#w-node-_959f89d4-1f86-0c35-6450-4f058b368365-b898f9d3,
#w-node-fa3bfe79-a8b0-12e0-b509-4febe74cb947-d00b57ec,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4b3-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4cf-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4d5-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4e0-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4ee-4c0757ff {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4ff-4c0757ff {
    grid-area: span 1/span 2/span 1/span 2
}

#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb50c-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb514-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb516-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb551-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb552-4c0757ff {
    grid-area: span 1/span 1/span 1/span 1
}

#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb557-4c0757ff {
    align-self: center
}

#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb558-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb560-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb568-4c0757ff,
#w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb570-4c0757ff,
#w-node-fa3bfe79-a8b0-12e0-b509-4febe74cb947-93a2d27c,
#w-node-_57147244-83ed-b53a-a9cc-0bfbffe7df4f-93a2d27c,
#w-node-_69548202-ed9e-898a-acdd-b4dd78b329aa-93a2d27c,
#w-node-adc2d721-2a7e-ae4e-5210-8ef043e551c4-02bef858,
#w-node-_4a17e010-6ce7-f4e0-927f-95b6a2382999-02bef858,
#w-node-adc2d721-2a7e-ae4e-5210-8ef043e551c4-96a2c222,
#w-node-_4a17e010-6ce7-f4e0-927f-95b6a2382999-96a2c222 {
    grid-area: span 1/span 1/span 1/span 1
}

@media screen and (max-width:991px) {

    #w-node-cf2576d4-d609-77c3-84e0-efa8e9b9f260-616c235a,
    #w-node-cc9e96a3-3e3a-1044-25bf-eeaaafbf28f4-616c235a,
    #w-node-_35c00501-cd70-9351-3264-5b3d22111087-616c235a {
        grid-area: span 1/span 2/span 1/span 2
    }

    #w-node-_3ece5498-076f-9f10-495c-30714289641b-42896418 {
        grid-area: span 1/span 3/span 1/span 3
    }

    #w-node-c1c12d31-99bb-a1f1-545d-60b2a40a42ec-a40a42da,
    #w-node-c1c12d31-99bb-a1f1-545d-60b2a40a42e4-a40a42da {
        grid-area: span 1/span 1/span 1/span 1
    }

    #w-node-_9a2e2275-f129-8cad-efbd-b8c826cc7957-0fb17b9b,
    #w-node-_9a2e2275-f129-8cad-efbd-b8c826cc7957-0f511327 {
        order: 9999
    }

    #w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4d5-4c0757ff,
    #w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4e0-4c0757ff,
    #w-node-_2507867a-77e8-9c0c-247c-f3f7cf9eb4ee-4c0757ff {
        grid-area: span 1/span 2/span 1/span 2
    }

    #w-node-_9a2e2275-f129-8cad-efbd-b8c826cc7957-02bef858,
    #w-node-_9a2e2275-f129-8cad-efbd-b8c826cc7957-96a2c222 {
        order: 9999
    }
}

@media screen and (max-width:479px) {
    #w-node-_3ece5498-076f-9f10-495c-30714289641b-42896418 {
        grid-area: span 1/span 1/span 1/span 1
    }
} 
					
					
/* Snippet gets rid of top margin on first element in any rich text*/
.w-richtext>:first-child {
    margin-top: 0;
}

/* Snippet gets rid of bottom margin on last element in any rich text*/
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0;
}

/* Snippet makes all link elements listed below to inherit color from their parent */
a, 
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link
{
color: inherit;
}

/* Snippet prevents all click and hover interaction with an element */
.clickable-off {
  pointer-events: none;
}

/* Snippet enables all click and hover interaction with an element */
.clickable-on{
  pointer-events: auto;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
    main:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*Reset selects, buttons, and links styles*/
.w-input, .w-select, a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}

/*Apply "..." after 3 lines of text */
.text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width { 
        width: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
/* Removes native scrollbar */
.no-scrollbar {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}

.no-scrollbar::-webkit-scrollbar {
    display: none; // Safari and Chrome
}