html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: "Fa Brands 400";
src: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/65e8a084b7f1781fe6e7eb03_fa-brands-400.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fa Solid 900";
src: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/65e8a084b7f1781fe6e7eb04_fa-solid-900.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--neutral-900: #393941;
--primary-200: #bed9ff;
--primary-500: #0497b2b8;
--white: #fff;
--border-radius-24px: 24px;
--neutral-950: #101012;
--neutral-50: #f7f7f8;
--primary-300: #91c2ff;
--primary-50: #eff6ff;
--neutral-200: #d9d9de;
--neutral-100: #eeeef0;
--neutral-300: #b8b9c1;
--neutral-400: #91939f;
--neutral-500: #737584;
--neutral-600: #5d5e6c;
--neutral-700: #4c4d58;
--neutral-800: #41414b;
--primary-100: #daf0ff30;
--primary-400: #5da0fd;
--primary-600: #215bef;
--primary-700: #1946da;
--primary-800: #1b3ab2;
--primary-900: #1c368c;
--primary-950: #162255;
--success-50: #f1fcf2;
--success-100: #defae3;
--success-200: #bff3c9;
--success-300: #8ce99f;
--success-400: #63d97b;
--success-500: #2cbb4a;
--success-600: #1e9b38;
--success-700: #1b7a30;
--success-800: #1b602a;
--success-900: #184f25;
--success-950: #072c10;
--warning-50: #fffdeb;
--warning-100: #fdf9c8;
--warning-200: #fcf28b;
--warning-300: #fae54f;
--warning-400: #f9d626;
--warning-500: #f3bb1a;
--warning-600: #d78f08;
--warning-700: #b2660b;
--warning-800: #914f0f;
--warning-900: #774110;
--warning-950: #442104;
--error-50: #fef2f2;
--error-100: #fee2e2;
--error-200: #ffc9c9;
--error-300: #fda4a4;
--error-400: #ff5252d4;
--error-500: #f03637;
--error-600: #de2425;
--error-700: #bb1a1b;
--error-800: #9a1a1b;
--error-900: #801c1d;
--error-950: #460909;
--transparent: #ddd0;
--flowui-component-library--error-lighter: #fceff0;
--flowui-component-library--error-darker: #5b0b11;
--flowui-component-library--success-lighter: #ebfff6;
--flowui-component-library--success-darker: #006638;
--flowui-component-library--grey-300: #e4e6f1;
--flowui-component-library--gray-900: #160042;
--flowui-component-library--white: white;
--flowui-component-library--gray-700: #282556;
--flowui-component-library--gray-400: #b6b9ce;
--flowui-component-library--gray-500: #6b7094;
--flowui-component-library--gray-800: #1b114a;
--flowui-component-library--gray-200: #f3f5fb;
--flowui-component-library--primary-dark: #2d0896;
--flowui-component-library--primary-base: #642eff;
--waves-library--white: white;
--waves-library--black: #131313;
--accessible-components--dark-grey: #9b9b9b;
--accessible-components--white-smoke: whitesmoke;
--flowui-component-library--success-base: #0ebc6e;
--flowui-component-library--gray-100: #f7f9fd;
--flowui-component-library--primary-lighter: #f7f5ff;
--accessible-components--dodger-blue: #1378d1;
--waves-library--dark-elevation: #ede0d8;
}
.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-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: var(--neutral-900);
font-family: Quicksand, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
}
h1 {
margin-top: 0;
margin-bottom: 16px;
font-size: 56px;
font-weight: 700;
line-height: 1.2em;
}
h2 {
margin-top: 0;
margin-bottom: 16px;
font-size: 48px;
font-weight: 700;
line-height: 1.2em;
}
h3 {
margin-top: 0;
margin-bottom: 12px;
font-size: 36px;
font-weight: 700;
line-height: 1.2em;
}
h4 {
margin-top: 0;
margin-bottom: 12px;
font-size: 32px;
font-weight: 700;
line-height: 1.2em;
}
h5 {
margin-top: 0;
margin-bottom: 12px;
font-size: 28px;
font-weight: 700;
line-height: 1.2em;
}
h6 {
margin-top: 0;
margin-bottom: 12px;
font-size: 24px;
font-weight: 700;
line-height: 1.2em;
}
p {
margin-bottom: 12px;
}
a {
color: var(--neutral-900);
text-decoration: none;
}
ul {
margin-top: 0;
margin-bottom: 12px;
padding-left: 40px;
}
li {
margin-bottom: 4px;
}
label {
margin-bottom: 8px;
font-weight: 700;
display: block;
}
.mg-bottom-4px {
margin-bottom: 4px;
}
.mg-bottom-8px {
margin-bottom: 8px;
}
.mg-bottom-12px {
margin-bottom: 12px;
}
.mg-bottom-16px {
margin-bottom: 16px;
}
.mg-bottom-24px {
margin-bottom: 24px;
}
.mg-bottom-32px {
margin-bottom: 32px;
}
.mg-bottom-40px {
margin-bottom: 40px;
}
.mg-bottom-48px {
margin-bottom: 48px;
}
.mg-bottom-56px {
margin-bottom: 56px;
}
.mg-bottom-64px {
margin-bottom: 64px;
}
.mg-bottom-96px {
margin-bottom: 96px;
}
.mg-top-24px {
margin-top: 24px;
}
.mg-top-32px {
margin-top: 32px;
}
.mg-top-56px {
margin-top: 56px;
}
.mg-top-64px {
margin-top: 64px;
}
.mg-left-4px {
margin-left: 4px;
}
.mg-left-24px {
margin-left: 24px;
}
.section {
padding-top: 22px;
padding-bottom: 0;
padding-left: 0;
position: relative;
overflow: hidden;
}
.section.extra-small {
padding-top: 24px;
padding-bottom: 24px;
}
.section.footer {
border-top: 1px solid var(--primary-200);
padding-top: 64px;
padding-bottom: 32px;
}
.section.hero {
padding-top: 56px;
padding-bottom: 56px;
overflow: hidden;
}
.section.small {
padding-top: 56px;
padding-bottom: 56px;
}
.section.small.primary-500 {
background-color: var(--primary-500);
color: var(--white);
}
.section.small.abt {
padding-top: 20px;
padding-bottom: 0;
}
.section.numbers {
padding-top: 0;
padding-bottom: 56px;
overflow: visible;
}
.section.pd-bottom-196px {
padding-bottom: 100px;
}
.section.coming-soon {
background-color: var(--primary-500);
color: var(--white);
text-align: center;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.section.large {
padding-top: 156px;
padding-bottom: 156px;
}
.section.hdn-sec {
display: none;
}
.section.abt_desc, .section.home-service {
padding-top: 0;
padding-bottom: 0;
}
.pd-y-axis-48px {
padding-top: 48px;
padding-bottom: 48px;
}
.pd-y-axis-56px {
padding-top: 56px;
padding-bottom: 56px;
}
.container {
background-color: #0000;
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: block;
overflow: visible;
}
.container.style-guide {
max-width: 1000px;
}
.container.align-center {
height: 200%;
}
.container.blue-bg {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
padding: 56px 48px;
}
.container.coming-soon {
grid-row-gap: 64px;
flex-direction: column;
align-items: center;
display: flex;
}
.overflow-hidden {
overflow: hidden;
}
.sg-page-wrapper {
position: relative;
}
.sg-column.nav {
background-color: var(--neutral-950);
width: 300px;
padding: 56px 24px 24px;
position: fixed;
inset: 0% auto 0% 0%;
}
.sg-column.content {
margin-left: 300px;
}
.sg-logo {
width: 200px;
}
.sg-nav {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.sg-nav-item-wrapper {
border-radius: 4px;
width: 100%;
padding: 8px;
transition: background-color .3s;
position: relative;
}
.sg-nav-item-wrapper:hover, .sg-nav-item-wrapper.w--current {
background-color: var(--neutral-900);
}
.sg-nav-item {
color: var(--neutral-50);
font-weight: 400;
}
.text-box._750px {
max-width: 750px;
}
.text-box._500px {
max-width: 500px;
}
.sg-section-heading {
font-size: 36px;
line-height: 1em;
}
.sg-section-heading.sub-heading {
margin-bottom: 24px;
font-size: 24px;
}
.sg-title {
font-size: 48px;
line-height: 1.2em;
}
.sg-item-wrapper {
margin-bottom: 36px;
}
.sg-item-wrapper.buttons {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.badge {
border: 1px solid var(--primary-300);
background-color: var(--primary-50);
border-radius: 100px;
padding: 8px 16px;
display: inline-block;
}
.badge.small {
padding: 4px 16px;
font-size: 14px;
}
.badge.large {
padding: 12px 20px;
}
.badge.secondary {
border-color: var(--neutral-900);
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.badge.outline {
border-color: var(--neutral-900);
background-color: #0000;
}
.sg-class-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.heading {
line-height: 1.2em;
}
.heading.xxl {
font-size: 128px;
}
.heading.xl {
font-size: 96px;
}
.heading.l {
margin: 40px 200px 40px 44px;
font-size: 38px;
display: block;
}
.heading.l.tb---align-center.banner {
display: none;
}
.heading.m {
font-size: 48px;
}
.heading.m.mg-bottom-0px {
margin-bottom: 0;
}
.heading.m.visit_sec {
display: none;
}
.heading.s {
margin-bottom: 12px;
font-size: 24px;
}
.heading.s.mg-bottom-24px {
margin-bottom: 24px;
}
.heading.s.mg-bottom-0px {
margin-bottom: 0;
}
.heading.s.mg-bottom-4px {
margin-bottom: 4px;
}
.heading.xs {
font-size: 20px;
}
.heading.xxs {
font-size: 16px;
}
.paragraph {
margin-bottom: 45px;
}
.paragraph.small {
font-size: 14px;
}
.paragraph.large {
font-size: 18px;
}
.paragraph.mg-bottom-0px {
margin-bottom: 0;
}
.paragraph.care_sec {
text-align: center;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
font-size: 36px;
font-weight: 400;
line-height: 46px;
display: flex;
}
.section-divider {
background-color: #000;
width: 100%;
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
}
.sg-color-section {
margin-bottom: 36px;
}
.sg-color-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.sg-color-block {
border: 1px solid var(--neutral-200);
border-radius: 4px;
height: 256px;
padding: 24px;
position: relative;
}
.sg-color-swatch {
border-radius: 4px;
height: 156px;
margin-bottom: 12px;
}
.sg-color-swatch.neutral-50 {
background-color: var(--neutral-50);
}
.sg-color-swatch.neutral-100 {
background-color: var(--neutral-100);
}
.sg-color-swatch.neutral-200 {
background-color: var(--neutral-200);
}
.sg-color-swatch.neutral-300 {
background-color: var(--neutral-300);
}
.sg-color-swatch.neutral-400 {
background-color: var(--neutral-400);
}
.sg-color-swatch.neutral-500 {
background-color: var(--neutral-500);
}
.sg-color-swatch.neutral-600 {
background-color: var(--neutral-600);
}
.sg-color-swatch.neutral-700 {
background-color: var(--neutral-700);
}
.sg-color-swatch.neutral-800 {
background-color: var(--neutral-800);
}
.sg-color-swatch.neutral-900 {
background-color: var(--neutral-900);
}
.sg-color-swatch.neutral-950 {
background-color: var(--neutral-950);
}
.sg-color-swatch.primary-50 {
background-color: var(--primary-50);
}
.sg-color-swatch.primary-100 {
background-color: var(--primary-100);
}
.sg-color-swatch.primary-200 {
background-color: var(--primary-200);
}
.sg-color-swatch.primary-300 {
background-color: var(--primary-300);
}
.sg-color-swatch.primary-400 {
background-color: var(--primary-400);
}
.sg-color-swatch.primary-500 {
background-color: var(--primary-500);
}
.sg-color-swatch.primary-600 {
background-color: var(--primary-600);
}
.sg-color-swatch.primary-700 {
background-color: var(--primary-700);
}
.sg-color-swatch.primary-800 {
background-color: var(--primary-800);
}
.sg-color-swatch.primary-900 {
background-color: var(--primary-900);
}
.sg-color-swatch.primary-950 {
background-color: var(--primary-950);
}
.sg-color-swatch.success-50 {
background-color: var(--success-50);
}
.sg-color-swatch.success-100 {
background-color: var(--success-100);
}
.sg-color-swatch.success-200 {
background-color: var(--success-200);
}
.sg-color-swatch.success-300 {
background-color: var(--success-300);
}
.sg-color-swatch.success-400 {
background-color: var(--success-400);
}
.sg-color-swatch.success-500 {
background-color: var(--success-500);
}
.sg-color-swatch.success-600 {
background-color: var(--success-600);
}
.sg-color-swatch.success-700 {
background-color: var(--success-700);
}
.sg-color-swatch.success-800 {
background-color: var(--success-800);
}
.sg-color-swatch.success-900 {
background-color: var(--success-900);
}
.sg-color-swatch.success-950 {
background-color: var(--success-950);
}
.sg-color-swatch.warning-50 {
background-color: var(--warning-50);
}
.sg-color-swatch.warning-100 {
background-color: var(--warning-100);
}
.sg-color-swatch.warning-200 {
background-color: var(--warning-200);
}
.sg-color-swatch.warning-300 {
background-color: var(--warning-300);
}
.sg-color-swatch.warning-400 {
background-color: var(--warning-400);
}
.sg-color-swatch.warning-500 {
background-color: var(--warning-500);
}
.sg-color-swatch.warning-600 {
background-color: var(--warning-600);
}
.sg-color-swatch.warning-700 {
background-color: var(--warning-700);
}
.sg-color-swatch.warning-800 {
background-color: var(--warning-800);
}
.sg-color-swatch.warning-900 {
background-color: var(--warning-900);
}
.sg-color-swatch.warning-950 {
background-color: var(--warning-950);
}
.sg-color-swatch.error-50 {
background-color: var(--error-50);
}
.sg-color-swatch.error-100 {
background-color: var(--error-100);
}
.sg-color-swatch.error-200 {
background-color: var(--error-200);
}
.sg-color-swatch.error-300 {
background-color: var(--error-300);
}
.sg-color-swatch.error-400 {
background-color: var(--error-400);
}
.sg-color-swatch.error-500 {
background-color: var(--error-500);
}
.sg-color-swatch.error-600 {
background-color: var(--error-600);
}
.sg-color-swatch.error-700 {
background-color: var(--error-700);
}
.sg-color-swatch.error-800 {
background-color: var(--error-800);
}
.sg-color-swatch.error-900 {
background-color: var(--error-900);
}
.sg-color-swatch.error-950 {
background-color: var(--error-950);
}
.text-neutral-50 {
color: var(--neutral-50);
}
.text-neutral-100 {
color: var(--neutral-100);
}
.text-neutral-200 {
color: var(--neutral-200);
}
.text-neutral-300 {
color: var(--neutral-300);
}
.text-neutral-400 {
color: var(--neutral-400);
}
.text-neutral-500 {
color: var(--neutral-500);
}
.text-neutral-600 {
color: var(--neutral-600);
}
.text-neutral-700 {
color: var(--neutral-700);
}
.text-neutral-800 {
color: var(--neutral-800);
}
.text-neutral-900 {
color: var(--neutral-900);
}
.text-neutral-950 {
color: var(--neutral-950);
}
.text-primary-50 {
color: var(--primary-50);
}
.text-primary-100 {
color: var(--primary-100);
}
.text-primary-200 {
color: var(--primary-200);
}
.text-primary-300 {
color: var(--primary-300);
}
.text-primary-400 {
color: var(--primary-400);
}
.text-primary-500 {
color: var(--primary-500);
}
.text-primary-500.bold.link {
transition: color .3s;
}
.text-primary-500.bold.link:hover {
color: var(--primary-700);
}
.text-primary-600 {
color: var(--primary-600);
}
.text-primary-700 {
color: var(--primary-700);
}
.text-primary-800 {
color: var(--primary-800);
}
.text-primary-900 {
color: var(--primary-900);
}
.text-primary-950 {
color: var(--primary-950);
}
.text-success-50 {
color: var(--success-50);
}
.text-success-100 {
color: var(--success-100);
}
.text-success-200 {
color: var(--success-200);
}
.text-success-300 {
color: var(--success-300);
}
.text-success-400 {
color: var(--success-400);
}
.text-success-500 {
color: var(--success-500);
}
.text-success-600 {
color: var(--success-600);
}
.text-success-700 {
color: var(--success-700);
}
.text-success-800 {
color: var(--success-800);
}
.text-success-900 {
color: var(--success-900);
}
.text-success-950 {
color: var(--success-950);
}
.text-warning-50 {
color: var(--warning-50);
}
.text-warning-100 {
color: var(--warning-100);
}
.text-warning-200 {
color: var(--warning-200);
}
.text-warning-300 {
color: var(--warning-300);
}
.text-warning-400 {
color: var(--warning-400);
}
.text-warning-500 {
color: var(--warning-500);
}
.text-warning-600 {
color: var(--warning-600);
}
.text-warning-700 {
color: var(--warning-700);
}
.text-warning-800 {
color: var(--warning-800);
}
.text-warning-900 {
color: var(--warning-900);
}
.text-warning-950 {
color: var(--warning-950);
}
.text-error-50 {
color: var(--error-50);
}
.text-error-100 {
color: var(--error-100);
}
.text-error-200 {
color: var(--error-200);
}
.text-error-300 {
color: var(--error-300);
}
.text-error-400 {
color: var(--error-400);
}
.text-error-500 {
color: var(--error-500);
}
.text-error-600 {
color: var(--error-600);
}
.text-error-700 {
color: var(--error-700);
}
.text-error-800 {
color: var(--error-800);
}
.text-error-900 {
color: var(--error-900);
}
.text-error-950 {
color: var(--error-950);
}
._2-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._2-grid.feature-offset {
grid-template-columns: 1.25fr 1fr;
}
._2-grid.feature-offset---reverse {
grid-template-columns: 1fr 1.25fr;
}
._2-grid.hero {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--neutral-50);
padding: 96px 48px;
position: relative;
}
._2-grid.feature-bg {
border-radius: var(--border-radius-24px);
background-color: var(--primary-50);
padding: 56px 48px;
position: relative;
overflow: hidden;
}
._2-grid.feature-bg.primary-500 {
background-color: var(--primary-500);
color: var(--white);
}
.visible-grid {
background-color: var(--neutral-200);
border-radius: 4px;
height: 56px;
}
._3-grid, ._4-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._4-grid.footer {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: 1.25fr 1fr 1fr;
}
._4-grid.offset {
border-radius: var(--border-radius-24px);
background-color: var(--primary-50);
margin-top: -72px;
padding: 32px 24px;
}
._1-2-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
}
._1-2-grid.footer {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
._2-1-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
}
._1-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._1-grid.row-gap-48px {
grid-row-gap: 48px;
}
.sg-class-highlight {
color: var(--primary-500);
font-weight: 700;
}
.bold {
font-weight: 700;
}
.sg-style-wrapper {
border: 1px solid var(--neutral-200);
border-radius: 4px;
padding: 24px;
}
.sg-style-wrapper.full {
width: 100%;
}
.button {
border: 1px solid var(--primary-500);
background-color: var(--primary-500);
color: var(--neutral-50);
text-align: center;
border-radius: 100px;
padding: 12px 20px;
font-weight: 500;
transition: color .3s, background-color .3s;
}
.button:hover {
background-color: var(--transparent);
color: var(--primary-500);
}
.button.small {
padding: 6px 16px;
font-size: 14px;
}
.button.large {
background-color: var(--primary-50);
color: var(--primary-500);
padding: 16px 24px;
font-size: 18px;
}
.button.large:hover {
background-color: var(--primary-500);
color: var(--neutral-50);
}
.button.large.full-width {
color: var(--primary-500);
max-width: 250px;
margin-top: 20px;
}
.button.large.full-width:hover {
color: var(--neutral-50);
}
.button.outline {
border: 1px solid var(--neutral-900);
color: var(--neutral-950);
background-color: #0000;
transition: color .2s, transform .3s, background-color .3s;
}
.button.outline:hover {
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.button.secondary {
border-color: var(--neutral-900);
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.button.secondary:hover {
background-color: var(--transparent);
color: var(--neutral-900);
}
.button.form {
position: absolute;
inset: 6px 6px 6px auto;
}
.button.full-width {
text-align: center;
width: 100%;
}
.button.icon {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.button.white {
border-color: var(--white);
background-color: var(--white);
color: var(--neutral-900);
}
.button.white:hover {
background-color: var(--transparent);
color: var(--white);
}
.button.white.large.book_btn {
display: none;
}
.button.outline-white {
border-color: var(--white);
background-color: var(--transparent);
}
.button.outline-white:hover {
background-color: var(--white);
color: var(--neutral-900);
}
.button.outline-white.large {
justify-content: center;
align-items: center;
display: flex;
}
.button.outline-white.large.bner_btn {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--primary-50);
text-align: left;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.button.inline {
display: inline-block;
}
.button.cont-btn {
display: none;
}
.tab-menu {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
display: flex;
}
.tab-menu.center {
justify-content: center;
margin-bottom: 48px;
}
.tab-link {
border: 1px solid var(--primary-500);
color: var(--neutral-900);
background-color: #0000;
border-radius: 100px;
transition: background-color .3s, color .3s;
}
.tab-link:hover {
background-color: var(--neutral-50);
color: var(--neutral-900);
}
.tab-link.w--current {
border-color: var(--primary-500);
background-color: var(--primary-500);
color: var(--neutral-50);
}
.drop-shadow {
box-shadow: 0 12px 20px -5px #00000029;
}
.card {
border: 1px solid var(--neutral-200);
border-radius: var(--border-radius-24px);
background-color: var(--white);
width: 100%;
height: 100%;
padding: 32px 24px;
}
.card.large {
padding: 64px 48px;
}
.card.large.blue {
border-bottom-color: var(--primary-500);
background-color: var(--primary-500);
color: var(--white);
}
.card.small {
padding: 24px 16px;
}
.card.hover {
transition: border-color .3s;
}
.card.hover:hover {
border-color: var(--primary-500);
}
.card.pricing {
text-align: center;
padding-top: 48px;
padding-bottom: 48px;
position: relative;
overflow: hidden;
}
.card.pricing.fixed {
max-width: 448px;
margin-left: auto;
margin-right: auto;
}
.card.service {
border-radius: var(--border-radius-24px);
background-color: var(--white);
}
.card.doctors {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
transition: border-color .3s;
display: flex;
}
.card.doctors:hover {
border-color: var(--primary-500);
}
.card.doctors.drop-shadow-w-hover {
background-color: var(--white);
transition: box-shadow .3s, border-color .3s;
}
.card.blog-featured {
min-height: 560px;
}
.card.career {
border-color: var(--white);
}
.card.career.drop-shadow-w-hover {
color: var(--neutral-900);
}
.card.job-listing {
background-color: var(--primary-500);
color: var(--white);
padding: 56px 48px;
overflow: hidden;
}
.avatar-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.avatar-block.vertical {
text-align: center;
flex-direction: column;
}
.avatar {
border-radius: 100px;
min-width: 64px;
max-width: 64px;
min-height: 64px;
max-height: 64px;
display: inline-block;
position: relative;
overflow: hidden;
}
.avatar.large {
min-width: 96px;
max-width: 96px;
min-height: 96px;
max-height: 96px;
}
.avatar.small {
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
}
.avatar-image {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.avatar-name {
font-size: 20px;
font-weight: 700;
}
.avatar-position {
color: var(--neutral-500);
}
.icon._24px {
min-width: 24px;
max-width: 24px;
min-height: 24px;
max-height: 24px;
}
.icon._32px {
min-width: 32px;
max-width: 32px;
min-height: 32px;
max-height: 32px;
}
.icon._48px {
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
}
.icon._64px {
min-width: 64px;
max-width: 64px;
min-height: 64px;
max-height: 64px;
}
.icon._96px {
min-width: 96px;
max-width: 96px;
min-height: 96px;
max-height: 96px;
}
.icon._128px {
min-width: 128px;
max-width: 128px;
min-height: 128px;
max-height: 128px;
}
.icon._16px {
min-width: 16px;
max-width: 16px;
min-height: 16px;
max-height: 16px;
}
.input-field {
background-color: var(--white);
color: var(--neutral-900);
border-radius: 100px;
min-height: 48px;
margin-bottom: 0;
padding-left: 24px;
padding-right: 24px;
transition: border-color .3s;
}
.input-field:hover {
border: 1px solid var(--primary-400);
}
.input-field:active {
border-color: var(--primary-400);
}
.input-field:focus, .input-field.-wfp-focus {
border: 1px solid var(--primary-400);
}
.input-field:focus-visible, .input-field[data-wf-focus-visible] {
border-color: var(--primary-400);
}
.input-field::placeholder {
color: var(--neutral-500);
}
.input-field.large {
min-height: 56px;
}
.input-field.large.with-button {
min-height: 64px;
}
.input-field.message {
border-radius: var(--border-radius-24px);
min-height: 156px;
padding-top: 24px;
padding-bottom: 24px;
}
.input-field.with-button {
min-height: 56px;
}
.input-field.newsletter {
margin-bottom: 0;
}
.input-field.blue-bg {
background-color: var(--white);
transition: box-shadow .3s, border-color .3s;
}
.input-field.blue-bg:hover {
border-color: var(--white);
box-shadow: 0 5px 19px 1px #0003;
}
.input-field.mg-bottom-12px {
margin-bottom: 12px;
}
.input-field.mg-bottom-12px::placeholder {
color: var(--neutral-900);
}
.input-field.quantity {
border-radius: 12px;
padding-left: 12px;
padding-right: 12px;
}
.checkbox {
border: 1px solid var(--neutral-200);
border-radius: 4px;
width: 16px;
height: 16px;
margin-top: 4px;
margin-right: 8px;
}
.checkbox.w--redirected-checked {
border-color: var(--primary-300);
background-color: var(--primary-300);
}
.radio-button {
border-color: var(--neutral-200);
width: 16px;
height: 16px;
margin-top: 4px;
margin-right: 8px;
}
.radio-button.w--redirected-checked {
border-color: var(--primary-300);
}
.success-message {
background-color: var(--success-500);
border-radius: 4px;
}
.error-message {
background-color: var(--error-500);
color: var(--neutral-50);
text-align: center;
border-radius: 200px;
padding: 16px 24px;
font-weight: 600;
}
.input-button-wrapper {
position: relative;
}
.input-button-wrapper.search {
max-width: 496px;
}
.mg-left-32px {
margin-left: 32px;
}
.grid-column {
position: relative;
}
.licenses-link-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.navbar {
background-color: var(--transparent);
align-items: center;
min-height: 80px;
display: flex;
}
.navbar.style-guide {
display: none;
}
.brand-block.utility {
margin-bottom: 56px;
}
.logo-image {
width: 100%;
min-width: 196px;
max-width: 196px;
}
.logo-image.utility {
min-width: 256px;
max-width: 256px;
}
.nav-content-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
align-items: center;
display: flex;
}
.navigation-item-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.navigation-item-wrapper.menu-center {
justify-content: space-between;
width: 100%;
}
.navigation-item-wrapper.menu-left {
justify-content: space-between;
width: 100%;
padding-left: 24px;
}
.nav-menu-wrapper {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-menu-wrapper.menu-center {
margin-left: auto;
margin-right: auto;
}
.navbar-link-wrapper {
position: relative;
overflow: hidden;
}
.navbar-link-wrapper.dropdown {
overflow: visible;
}
.navlink {
font-family: Quicksand, sans-serif;
font-weight: 600;
transition: color .3s;
}
.navlink:hover {
color: var(--primary-500);
}
.navlink.dropdown {
margin-bottom: 8px;
padding: 0;
}
.navlink.dropdown.mg-bottom-0px {
margin-bottom: 0;
}
.dropdown-toggle {
padding: 14px 0;
transition: color .3s;
display: flex;
}
.dropdown-toggle:hover {
color: var(--primary-500);
}
.dropdown-list.w--open {
border: 1px solid var(--neutral-200);
background-color: var(--neutral-50);
border-radius: 4px;
padding: 32px 24px;
}
.mbl-show {
display: none;
}
.nav-flex-button-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
display: flex;
}
.nav-icon {
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
padding-top: 4px;
padding-bottom: 4px;
display: flex;
}
.top-line, .middle-line {
background-color: #fff;
width: 32px;
height: 2px;
}
.bottom-line {
background-color: #fff;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 32px;
height: 2px;
display: flex;
}
.menu-icon-block {
cursor: pointer;
}
.utility-page-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
border: 1px solid var(--primary-500);
border-radius: var(--border-radius-24px);
background-color: var(--primary-50);
text-align: center;
flex-direction: column;
width: 100%;
max-width: 550px;
padding: 96px 64px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.flex-center {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.flex-center.gap-24px {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.flex-center.vertical {
flex-direction: column;
}
.align-center {
text-align: center;
}
.center {
margin-left: auto;
margin-right: auto;
}
.flex-left {
justify-content: flex-start;
align-items: center;
display: flex;
}
.flex-left.gap-24px {
grid-column-gap: 24px;
grid-row-gap: 16px;
flex-wrap: wrap;
}
.flex-left.gap-24px.tb-justify-center {
justify-content: flex-end;
align-items: center;
display: flex;
}
.flex-left.align-flex-top {
align-items: flex-start;
}
.flex-left.gap-16px {
grid-column-gap: 16px;
}
.flex-left.gap-8px {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.feature-image-wrapper {
border-radius: var(--border-radius-24px);
position: relative;
overflow: hidden;
}
.feature-image-wrapper._100 {
width: 100%;
height: 100%;
position: relative;
}
.feature-image-wrapper.left-1 {
margin-top: 96px;
}
.feature-image-wrapper.left-1.drop-shadow.cll-left-img {
display: none;
}
.feature-image-wrapper.right-1 {
margin-bottom: 56px;
}
.feature-image-wrapper.overflow-on {
overflow: visible;
}
.feature-image.full-width {
width: 100%;
}
.checklist-wrapper {
grid-row-gap: 8px;
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.checklist-wrapper.plan {
border-bottom: 1px solid var(--neutral-200);
padding-bottom: 56px;
}
.checklist-item-wrapper {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-wrapper._32px {
width: 32px;
height: 32px;
}
.drop-shadow-w-hover {
transition: box-shadow .3s;
box-shadow: 0 12px 20px -5px #00000029;
}
.drop-shadow-w-hover:hover {
box-shadow: 0 12px 20px 1px #00000029;
}
.inner-container._1000px {
max-width: 1000px;
}
.inner-container._500px {
max-width: 500px;
}
.inner-container._500px.full-width {
width: 100%;
}
.inner-container._750px {
max-width: 750px;
}
.inner-container._1200px {
max-width: 1200px;
}
.position-sticky {
position: sticky;
}
.position-sticky._56px-top {
top: 56px;
}
.weight-normal {
font-weight: 400;
}
.fa-solid-icon {
font-family: "Fa Solid 900", sans-serif;
display: inline-block;
}
.fa-solid-icon._24px {
font-size: 24px;
line-height: 1em;
}
.fa-solid-icon.social-media {
font-size: 20px;
}
.fa-solid-icon.dropdown {
margin-left: 4px;
font-size: 12px;
}
.slider-arrow-wrapper {
border: 1px solid var(--neutral-200);
color: var(--neutral-900);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
transition: transform .3s, background-color .3s, color .3s, border-color .3s;
display: flex;
inset: -112px 0% auto auto;
}
.slider-arrow-wrapper:hover {
border-color: var(--primary-500);
background-color: var(--primary-500);
color: var(--white);
transform: scale(1.1);
}
.slider-arrow-wrapper.left {
margin-right: 80px;
}
.display-none {
display: none;
}
.footer-nav-menu {
grid-column-gap: 12px;
grid-row-gap: 8px;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
max-height: 256px;
display: flex;
}
.footer-nav-link-wrapper {
color: var(--neutral-900);
transition: color .3s;
display: inline-block;
position: relative;
overflow: hidden;
}
.footer-nav-link-wrapper:hover {
color: var(--primary-500);
}
.footer-nav-link {
font-weight: 500;
}
.footer-nav-link.no-wrap {
transition: color .3s;
}
.footer-nav-link.no-wrap:hover {
color: var(--primary-500);
}
.footer-bottom-row {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.footer-flex-block {
grid-column-gap: 12px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.social-media-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.social-media-wrapper.doctors {
justify-content: center;
max-width: 196px;
}
.social-media-wrapper.doctors.left-aligned {
justify-content: flex-start;
max-width: none;
}
.social-icon-wrapper {
border: 1px solid var(--neutral-200);
color: var(--primary-500);
border-radius: 100px;
justify-content: center;
align-items: center;
min-width: 36px;
max-width: 36px;
min-height: 36px;
max-height: 36px;
transition: color .3s, border-color .3s, background-color .3s;
display: flex;
}
.social-icon-wrapper:hover {
border-color: var(--primary-500);
background-color: var(--primary-500);
color: var(--neutral-50);
}
.social-icon-wrapper.white {
border-color: var(--white);
background-color: var(--white);
}
.social-icon-wrapper.white:hover {
background-color: var(--transparent);
color: var(--white);
}
.fa-brand-icon {
font-family: "Fa Brands 400", sans-serif;
}
.fa-brand-icon.social-media {
font-size: 18px;
line-height: 1em;
}
.footer-top-row {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.faq-button-icon {
width: 28px;
}
.faq-paragraph {
color: var(--neutral-600);
text-align: left;
letter-spacing: -.03em;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 14px;
font-size: 18px;
font-weight: 400;
line-height: 1.5em;
}
.faq-question-wrap {
border: 1px solid var(--neutral-200);
border-radius: var(--border-radius-24px);
background-color: var(--white);
cursor: pointer;
width: 100%;
padding: 12px 24px;
transition: border-color .4s;
}
.faq-question-wrap:hover {
border-color: var(--primary-400);
}
.faq-wrapper {
grid-column-gap: 36px;
align-items: flex-start;
margin-top: 36px;
display: flex;
}
.faq-content {
overflow: hidden;
}
.faq-heading {
color: var(--neutral-900);
text-align: left;
font-size: 18px;
font-weight: 700;
line-height: 1.4em;
}
.faq-circle {
border: 1px solid var(--primary-50);
background-color: var(--primary-50);
border-radius: 10px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
display: flex;
}
.faq-column {
grid-row-gap: 36px;
flex-direction: column;
align-items: stretch;
width: 50%;
min-height: 25px;
display: flex;
}
.faq-question-bar {
justify-content: space-between;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
display: flex;
}
.faq-div {
width: 100%;
height: 1px;
}
.blog-thumbnail-wrapper {
border-radius: var(--border-radius-24px);
position: relative;
overflow: hidden;
}
.blog-thumbnail {
object-fit: cover;
width: 100%;
height: 224px;
}
.blog-card-heading {
color: var(--neutral-900);
margin-bottom: 8px;
font-size: 20px;
line-height: 1.2em;
}
.blog-card-heading.featured {
font-size: 28px;
}
.blog-card-info-text {
font-weight: 400;
}
.blog-card-info-wrapper {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.flex-space-between {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.flex-space-between.flex-align-bottom {
flex-wrap: wrap;
align-items: flex-end;
}
.flex-space-between.section-header {
grid-column-gap: 32px;
grid-row-gap: 24px;
align-items: flex-end;
}
.flex-space-between.gap-16px {
grid-row-gap: 16px;
}
.pagination {
border-color: var(--neutral-200);
background-color: var(--white);
color: var(--neutral-900);
border-radius: 100px;
transition: border-color .3s, background-color .3s;
}
.pagination:hover {
border-color: var(--primary-500);
background-color: var(--primary-50);
}
.categories-list-wrapper {
grid-column-gap: 12px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.category-item-wrapper {
grid-column-gap: 12px;
grid-row-gap: 8px;
flex-wrap: wrap;
display: flex;
}
.category-badge {
border: 1px solid var(--neutral-200);
color: var(--neutral-900);
border-radius: 100px;
padding: 8px 24px;
transition: border-color .3s, background-color .3s;
}
.category-badge:hover {
border-color: var(--primary-500);
background-color: var(--primary-50);
}
.category-badge.w--current {
border-color: var(--primary-500);
background-color: var(--primary-500);
color: var(--white);
}
.featured-post-thumbnail {
border-radius: var(--border-radius-24px);
width: 100%;
margin-bottom: 12px;
overflow: hidden;
}
.empty-state {
background-color: var(--neutral-900);
color: var(--neutral-50);
text-align: center;
border-radius: 4px;
padding: 16px 12px;
display: none;
}
.v-flex-tabs {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tab-content {
width: 100%;
}
.pricing-card-top-header {
margin-bottom: 12px;
}
.card-divider {
background-color: var(--neutral-200);
width: 100%;
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
}
.pricing-card-price-wrapper {
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
margin-bottom: 24px;
display: flex;
}
.pricing-card-price-tag {
font-size: 56px;
font-weight: 700;
line-height: 1em;
}
.pricing-card-payment-time {
color: var(--neutral-400);
font-size: 28px;
font-weight: 700;
line-height: 1em;
}
.breadcrumbs {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-post-author-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.blog-post-header-image.mg-bottom-56px {
border-radius: var(--border-radius-24px);
}
.job-location {
color: var(--neutral-500);
margin-bottom: 4px;
font-size: 14px;
font-weight: 700;
line-height: 1em;
}
.job-detail-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.h-flex-left-bottom {
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.price-tag {
font-size: 42px;
font-weight: 700;
line-height: 1em;
}
.input-wrapper {
margin-bottom: 12px;
}
.form-button-wrapper {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.form-underline-link {
color: var(--neutral-200);
text-decoration: underline;
}
.form-underline-link.primary-500 {
color: var(--primary-500);
}
.item-content-wrapper {
position: relative;
}
.testimonial-grid {
column-count: 3;
column-gap: 24px;
}
.testimonial-card {
border: 1px solid var(--neutral-200);
border-radius: var(--border-radius-24px);
margin-bottom: 24px;
padding: 24px;
transition: border-color .3s;
display: inline-block;
position: relative;
}
.testimonial-card:hover {
border-color: var(--primary-500);
}
.newsletter-form-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: stretch;
max-width: 550px;
display: flex;
}
.cta-card {
border: 1px solid var(--neutral-200);
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 56px 24px;
display: flex;
}
.appointment-form-grid {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.appointment-image {
border-radius: var(--border-radius-24px);
width: 564px;
}
.appointment-image.drop-shadow:hover {
filter: none;
}
.appointment-cta-card {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
text-align: center;
padding: 96px;
position: relative;
overflow: hidden;
}
.services-slider {
background-color: var(--transparent);
height: 100%;
display: none;
}
.services-slider-mask {
max-width: 356px;
overflow: visible;
}
.service-slide {
width: 100%;
max-width: 356px;
height: 100%;
margin-right: 48px;
}
.service-icon {
border: 1px solid var(--primary-50);
background-color: var(--primary-50);
border-radius: 12px;
width: 64px;
height: 64px;
margin-bottom: 24px;
padding: 8px;
}
.service-icon.mg-bottom-0px {
margin-bottom: 0;
}
.service-icon.office {
border-color: var(--primary-200);
background-color: var(--neutral-50);
margin-bottom: 0;
}
.service-icon.large {
width: 96px;
height: 96px;
margin-bottom: 0;
}
.service-icon.large.password {
border-color: var(--primary-500);
background-color: var(--white);
width: 156px;
height: 156px;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
padding: 16px;
}
.text-link {
font-weight: 700;
transition: color .3s;
}
.text-link:hover {
color: var(--primary-500);
}
.text-link.white {
color: var(--white);
font-weight: 500;
transition: color .3s;
}
.text-link.white:hover {
color: var(--primary-200);
}
.footer-logo-wrapper {
margin-bottom: 12px;
}
.footer-contact-wrapper {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.link-underline {
font-weight: 500;
text-decoration: underline;
transition: color .3s;
}
.link-underline:hover {
color: var(--primary-500);
}
.doctor-image-wrapper {
border-radius: 100px;
min-width: 196px;
max-width: 196px;
min-height: 196px;
max-height: 196px;
margin-bottom: 24px;
overflow: hidden;
}
.doctor-image-wrapper.mg-bottom-0px {
margin-bottom: 0;
}
.doctor-avatar {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .3s;
}
.doctor-avatar:hover {
transform: rotate(2deg)scale(1.2);
}
.doctor-avatar.no-hover {
transition-property: none;
}
.doctor-avatar.no-hover:hover {
transform: none;
}
.office-detail-block {
padding-top: 24px;
padding-bottom: 24px;
}
.office-detail-block.last {
display: none;
}
.office-image {
border-radius: var(--border-radius-24px);
}
.cart-button {
background-color: var(--transparent);
color: var(--neutral-900);
padding: 4px 0;
font-weight: 600;
}
.cart-button:hover {
color: var(--primary-500);
}
.cart-quantity {
background-color: var(--neutral-900);
color: var(--neutral-50);
font-weight: 300;
}
.cart-container {
border-radius: var(--border-radius-24px);
}
.remove-link {
color: var(--neutral-400);
font-weight: 600;
transition: color .3s;
}
.remove-link:hover {
color: var(--primary-500);
}
.cart-header {
border-bottom-color: var(--neutral-200);
padding: 24px 32px;
}
.cart-footer {
border-top-color: var(--neutral-200);
padding: 24px 32px;
}
.tb-show {
display: none;
}
.mg-left-auto {
margin-left: auto;
}
.hero-image-1 {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
max-height: 424px;
}
.hero-image-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-image-2-wrapper {
border-radius: var(--border-radius-24px);
width: 100%;
height: 100%;
max-height: 196px;
margin-top: auto;
overflow: hidden;
}
.hero-image-1-wrapper {
border-radius: var(--border-radius-24px);
overflow: hidden;
}
.hero-image-2 {
object-fit: cover;
width: 100%;
height: auto;
}
.feature-image-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
}
._w-h-100 {
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
}
._w-h-100.hdn {
display: inline-block;
}
.docotr-name-wrapper {
margin-bottom: 24px;
transition: color .3s;
}
.docotr-name-wrapper:hover {
color: var(--primary-500);
}
.office-image-2 {
border-radius: var(--border-radius-24px);
width: 100%;
max-width: 196px;
position: absolute;
inset: auto -6% -11% auto;
}
.office-image-2:hover {
filter: none;
}
.number-card {
border: 1px solid var(--neutral-200);
border-radius: var(--border-radius-24px);
background-color: var(--white);
text-align: center;
padding: 32px 24px;
}
.numbers-heading {
color: var(--primary-500);
margin-bottom: 4px;
}
.story-image {
z-index: 2;
border-radius: var(--border-radius-24px);
width: 100%;
max-width: 560px;
max-height: 100%;
position: relative;
}
.story-shape {
background-color: var(--primary-500);
border-radius: 100px;
width: 156px;
height: 156px;
position: absolute;
inset: auto -12% -15% auto;
}
.feature-blog-image {
object-fit: cover;
height: 396px;
}
.pricing-card-heading {
text-align: center;
font-size: 36px;
font-weight: 700;
line-height: 1em;
}
.savings-wrapper {
justify-content: center;
margin-bottom: 16px;
display: flex;
}
.savings-badge {
border: 1px solid var(--primary-500);
background-color: var(--primary-50);
border-radius: 100px;
padding: 4px 8px;
display: flex;
}
.job-container {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 56px 48px;
overflow: hidden;
}
.job-container.small {
max-width: 750px;
}
.doctor-card {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 56px 48px;
overflow: hidden;
}
.doctor-job-title {
border: 1px solid var(--white);
background-color: var(--white);
color: var(--neutral-900);
border-radius: 100px;
margin-bottom: 12px;
padding: 8px 16px;
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.doctor-details-wrapper {
border-bottom: 1px solid var(--neutral-200);
padding-bottom: 56px;
}
.doctor-details-wrapper.no-line {
border-bottom-style: none;
}
.doctor-contact-info-card {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
padding: 48px 24px;
}
.service-card {
border-radius: var(--border-radius-24px);
background-color: var(--primary-500);
color: var(--white);
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 56px 48px;
overflow: hidden;
}
.service-image {
border-radius: var(--border-radius-24px);
}
.warning-message {
background-color: var(--warning-500);
color: var(--neutral-900);
text-align: center;
border-radius: 100px;
}
.checkout-form {
background-color: var(--transparent);
padding-top: 64px;
}
.block-header {
border-color: var(--neutral-200);
border-top-left-radius: var(--border-radius-24px);
border-top-right-radius: var(--border-radius-24px);
padding: 16px 24px;
}
.block-content {
border-style: none solid solid;
border-width: 1px;
border-color: var(--neutral-200);
border-bottom-left-radius: var(--border-radius-24px);
border-bottom-right-radius: var(--border-radius-24px);
}
.apple-pay {
border-radius: 100px;
height: 48px;
}
.urgent_img {
width: 315px;
max-width: 100%;
margin-left: -10px;
}
.image {
margin-left: 0;
}
.image.bnr_text {
margin-left: -33px;
}
.hdn-sec {
display: none;
}
.heading-2 {
text-align: left;
font-size: 19px;
font-weight: 400;
line-height: 1.4em;
}
.text-block {
margin-top: 40px;
}
.bold-text, .bold-text-2, .link-2 {
font-weight: 400;
}
.img_hdn {
display: none;
}
.ins-logo {
box-shadow: 0 2px 3px 0 var(--primary-100), 0 2px 5px 0 #0003;
border: 1px solid #377bfa52;
border-radius: 10px;
max-height: 100%;
margin-bottom: 30px;
padding: 10px 20px;
}
.columns {
float: none;
position: static;
}
.section-2 {
box-shadow: none;
}
.columns-3 {
text-align: center;
}
.kioskbutton {
border: 1px solid var(--primary-500);
background-color: var(--primary-500);
color: var(--neutral-50);
text-align: center;
border-radius: 100px;
padding: 12px 20px;
font-size: 30px;
font-weight: 500;
transition: color .3s, background-color .3s;
}
.kioskbutton:hover {
background-color: var(--transparent);
color: var(--primary-500);
}
.kioskbutton.small {
padding: 6px 16px;
font-size: 14px;
}
.kioskbutton.large {
background-color: var(--primary-50);
color: var(--primary-600);
padding: 16px 24px;
font-size: 18px;
}
.kioskbutton.large.full-width {
max-width: 250px;
margin-top: 20px;
}
.kioskbutton.outline {
border: 1px solid var(--neutral-900);
color: var(--neutral-950);
background-color: #0000;
transition: color .2s, transform .3s, background-color .3s;
}
.kioskbutton.outline:hover {
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.kioskbutton.secondary {
border-color: var(--neutral-900);
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.kioskbutton.secondary:hover {
background-color: var(--transparent);
color: var(--neutral-900);
}
.kioskbutton.form {
position: absolute;
inset: 6px 6px 6px auto;
}
.kioskbutton.full-width {
text-align: center;
width: 100%;
}
.kioskbutton.icon {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.kioskbutton.white {
border-color: var(--white);
background-color: var(--white);
color: var(--neutral-900);
}
.kioskbutton.white:hover {
background-color: var(--transparent);
color: var(--white);
}
.kioskbutton.white.large.book_btn {
display: none;
}
.kioskbutton.outline-white {
border-color: var(--white);
background-color: var(--transparent);
}
.kioskbutton.outline-white:hover {
background-color: var(--white);
color: var(--neutral-900);
}
.kioskbutton.outline-white.large.bner_btn {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--primary-50);
text-align: left;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.kioskbutton.inline {
display: inline-block;
}
.kioskbutton.cont-btn {
display: none;
}
.f-error-message {
background-color: var(--flowui-component-library--error-lighter);
color: var(--flowui-component-library--error-darker);
text-align: center;
border-radius: 8px;
}
.f-success-message {
background-color: var(--flowui-component-library--success-lighter);
color: var(--flowui-component-library--success-darker);
letter-spacing: -.03em;
font-size: 14px;
line-height: 24px;
}
.f-paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-contact-divider {
background-color: var(--flowui-component-library--grey-300);
width: 1px;
height: 24px;
}
.f-button-neutral {
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 30px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-contact-submit-wrapper {
grid-column-gap: 24px;
justify-content: center;
align-items: center;
display: flex;
}
.f-text-area {
border: 1px solid var(--flowui-component-library--grey-300);
color: var(--flowui-component-library--gray-900);
border-radius: 8px;
min-height: 112px;
margin-bottom: 0;
padding: 16px;
font-size: 14px;
line-height: 24px;
}
.f-text-area:focus {
border-color: var(--flowui-component-library--gray-400);
}
.f-text-area::placeholder {
color: var(--flowui-component-library--gray-500);
}
.f-field-label {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.01em;
margin-bottom: 8px;
font-size: 30px;
font-weight: 400;
line-height: 24px;
}
.f-margin-bottom-32 {
margin-bottom: 32px;
}
.f-field-input {
border: 1px solid var(--flowui-component-library--grey-300);
border-radius: 8px;
min-height: 48px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 25px;
transition: all .2s;
}
.f-field-input:focus {
border-color: var(--flowui-component-library--gray-400);
}
.f-field-input::placeholder {
color: var(--flowui-component-library--gray-500);
}
.f-contact-form-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 24px;
}
.f-contact-form {
flex-direction: column;
display: flex;
}
.f-paragraph-large {
text-align: center;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.f-h3-heading {
color: var(--flowui-component-library--gray-900);
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.f-margin-bottom-16 {
margin-bottom: 16px;
}
.f-heading-detail-small {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-08 {
margin-bottom: 8px;
}
.f-title-wrapper-left {
max-width: 500px;
}
.f-margin-bottom-48 {
margin-bottom: 48px;
}
.f-container-x-small {
width: 100%;
max-width: 840px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large {
width: auto;
padding: 36px 5% 92px 9%;
position: relative;
}
.field-wrap {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.date-field {
color: #151e24;
border: 1px solid #e9ecf0;
border-radius: 12px;
width: 100%;
min-height: 48px;
margin-bottom: 0;
padding: 12px 16px 12px 52px;
font-size: 14px;
transition: all .25s;
box-shadow: 1px 1px 2px #7281a70a;
}
.date-field:hover {
border-color: #ccd5e0;
}
.date-field:focus {
border-color: #642eff;
}
.date-field::placeholder {
color: #a0a6b0;
}
.field-icon {
position: absolute;
inset: auto auto auto 16px;
}
.f-dropdown-link {
color: var(--flowui-component-library--gray-800);
letter-spacing: -.01em;
border-radius: 4px;
align-items: center;
padding: 12px;
font-size: 14px;
line-height: 24px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.f-dropdown-link:hover, .f-dropdown-link:focus {
background-color: var(--flowui-component-library--gray-200);
}
.f-dropdown-link.w--current {
color: var(--flowui-component-library--primary-dark);
}
.f-dropdown-wrap {
z-index: 999;
background-color: #fff;
height: auto;
padding: 8px;
}
.f-dropdown-list.w--open {
background-color: #fff;
border-radius: 8px;
margin-top: 12px;
overflow: hidden;
box-shadow: 34px 34px 88px #b1bac829;
}
.f-paragraph-small {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-paragraph-small.f-text-color-gray-500 {
color: #d9ff02;
}
.f-dropdown-icon-l {
color: var(--flowui-component-library--gray-500);
margin-right: 16px;
font-size: 14px;
}
.f-dropdown-toggle {
border: 1px solid var(--flowui-component-library--grey-300);
color: var(--flowui-component-library--gray-900);
border-radius: 8px;
justify-content: space-between;
width: 100%;
padding: 12px 16px;
transition: border-color .3s;
display: inline-block;
}
.f-dropdown-toggle:hover {
border-color: var(--flowui-component-library--primary-base);
outline-offset: 1px;
outline: 2px solid #642eff1a;
}
.f-dropdown-toggle.w--open {
border-color: var(--flowui-component-library--primary-base);
outline-offset: 0px;
outline: 2px solid #642eff1a;
}
.f-dropdown {
width: 100%;
max-width: 240px;
}
.f-dropdown-link-2 {
color: var(--flowui-component-library--gray-800);
letter-spacing: -.01em;
border-radius: 4px;
align-items: center;
padding: 12px;
font-size: 14px;
line-height: 24px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.f-dropdown-link-2:hover, .f-dropdown-link-2:focus {
background-color: var(--flowui-component-library--gray-200);
}
.f-dropdown-link-2.w--current {
color: var(--flowui-component-library--primary-dark);
}
.f-dropdown-wrap-2 {
z-index: 999;
background-color: #fff;
height: auto;
padding: 8px;
}
.f-dropdown-list-2.w--open {
background-color: #fff;
border-radius: 8px;
margin-top: 12px;
overflow: hidden;
box-shadow: 34px 34px 88px #b1bac829;
}
.f-paragraph-small-2 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-dropdown-icon-l-2 {
color: var(--flowui-component-library--gray-500);
margin-right: 16px;
font-size: 14px;
}
.f-dropdown-toggle-2 {
border: 1px solid var(--flowui-component-library--grey-300);
color: var(--flowui-component-library--gray-900);
border-radius: 8px;
justify-content: space-between;
width: 100%;
padding: 12px 16px;
transition: border-color .3s;
display: inline-block;
}
.f-dropdown-toggle-2:hover {
border-color: var(--flowui-component-library--primary-base);
outline-offset: 1px;
outline: 2px solid #642eff1a;
}
.f-dropdown-toggle-2.w--open {
border-color: var(--flowui-component-library--primary-base);
outline-offset: 0px;
outline: 2px solid #642eff1a;
}
.f-dropdown-2 {
width: 100%;
max-width: 240px;
}
.grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
margin-left: 30px;
margin-right: 30px;
}
.cta-button {
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #000;
border: 2px solid #000;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: border-color .2s, background-color .2s;
display: flex;
}
.cta-button:hover {
color: #1e1e20;
background-color: #fff;
border: 2px solid #1e1e20;
}
.sub-heading-regular {
letter-spacing: -.03em;
font-size: 20px;
line-height: 1.5;
}
.paragraph-small {
letter-spacing: -.01em;
font-size: 14px;
line-height: 1.5;
}
.container-large {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.cta-description {
color: #1e1e20;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: auto;
padding: 8px;
display: flex;
position: absolute;
inset: auto 16px 16px;
overflow: hidden;
}
.section-regular {
padding: 92px 5%;
position: relative;
}
.grid-two-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.margin-bottom-08 {
margin-bottom: 8px;
}
.margin-bottom-08.text-weight-medium {
font-weight: 500;
}
.cta-block {
border-radius: 16px;
align-items: flex-end;
height: 772px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.cta-description-content {
border: 1px dashed #414144;
border-radius: 8px;
width: 100%;
padding: 24px;
}
.cta-image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.content-wrapper {
color: #fff;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 32px 32px 48px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.heading-detail {
color: #b3b3b3;
letter-spacing: .08em;
text-transform: uppercase;
white-space: normal;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.heading-wrapper {
color: #1e1e20;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 720px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.content-block {
border-radius: 16px;
align-items: flex-end;
height: 620px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.content-link {
color: #fff;
letter-spacing: .05em;
text-transform: uppercase;
margin-top: 32px;
font-weight: 600;
line-height: 24px;
text-decoration: underline;
}
.content-tab {
color: #000;
background-color: #0000;
border: 1px solid #0000;
border-radius: 32px;
margin: 4px;
padding: 2px 16px;
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.content-tab.w--current {
background-color: #0000;
border-color: #000;
}
.h1-heading {
letter-spacing: -.04em;
margin-top: 0;
font-size: 64px;
line-height: 1.2;
}
.h1-heading.text-weight-medium {
font-weight: 500;
}
.badge-red {
color: #fff;
text-align: center;
background-color: #d0011d;
border-radius: 32px;
justify-content: center;
align-items: center;
margin-bottom: 16px;
padding: 4px 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
display: flex;
}
.h3-heading {
letter-spacing: -.02em;
margin-top: 0;
font-size: 48px;
line-height: 1.2;
}
.h3-heading.text-weight-medium {
font-weight: 500;
}
.content-tab-menu {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 80px;
display: flex;
}
.paragraph-regular {
letter-spacing: -.02em;
font-size: 16px;
line-height: 24px;
}
.image-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-3 {
mix-blend-mode: normal;
}
.f-button-icon {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-button-google-icon {
border: 5px solid var(--primary-400);
color: var(--flowui-component-library--gray-900);
text-align: center;
letter-spacing: -.02em;
border-radius: 100px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 12px;
font-size: 30px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-google-icon:hover {
background-color: var(--flowui-component-library--gray-200);
border-color: #0000;
}
.heading-3 {
font-size: 30px;
}
.bg-video {
z-index: 0;
opacity: .07;
width: 100%;
height: 100vh;
position: fixed;
inset: 0% auto auto 0%;
}
.html-embed {
height: 500px;
}
.content-grid {
grid-column-gap: 92px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.content-image-wrap {
max-width: 700px;
position: relative;
}
.content-feature-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
}
.content-container {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.content-heading {
color: #0b0b0d;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 30px;
font-size: 48px;
font-weight: 700;
line-height: 60px;
}
.feature-card {
text-align: center;
background-color: #fff;
border-radius: 14px;
padding: 24px 16px;
}
.feature-number {
color: #0497b2;
margin-bottom: 10px;
font-size: 48px;
font-weight: 700;
line-height: 1;
}
.content-wrapper-2 {
flex-direction: column;
align-items: flex-start;
max-width: 700px;
display: flex;
}
.content-section {
padding: 180px 3%;
}
.content-paragraph {
color: #7c7c7c;
margin-bottom: 60px;
font-size: 22px;
font-weight: 400;
line-height: 34px;
}
.feature-text {
color: #0497b2;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
place-items: center;
}
.heading-4 {
text-align: center;
font-size: 30px;
}
.heading-5 {
text-align: center;
font-size: 20px;
}
.grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center;
display: grid;
}
.grid-4 {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: flex;
}
.category-checkbox {
background-color: #e9eced;
border-style: none;
border-width: 0;
border-radius: 4px;
width: 16px;
height: 16px;
margin-top: 0;
margin-left: 0;
margin-right: 12px;
}
.category-checkbox.w--redirected-checked {
background-color: #e9eced;
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6621ce2257cb06c3788959a5_check.svg");
background-size: 26px;
border-style: none;
border-width: 0;
border-radius: 4px;
}
.category-checkbox.w--redirected-focus {
border-style: none;
border-width: 0;
border-radius: 4px;
box-shadow: 0 2px 4px #94a5a840;
}
.paragraph-regular-2 {
font-size: 16px;
line-height: 24px;
}
.table-mid-row {
padding: 8px;
}
.table-submit-hidden {
display: none;
}
.table-bottom {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 40px;
display: flex;
}
.table-button {
color: #323c3e;
text-align: center;
text-transform: uppercase;
border: 1px solid #ccd4d6;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 16px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.table-button:hover {
color: #fff;
background-color: #1c2122;
}
.chevron-down {
margin: 0;
position: relative;
}
.table-dropdown-base {
border: 1px solid #ccd4d6;
border-radius: 8px;
padding: 12px;
}
.table-all-page-wrap {
justify-content: space-between;
align-items: flex-end;
max-width: 224px;
margin-left: auto;
display: flex;
}
.heading-detail-2 {
color: #323c3e;
letter-spacing: .02em;
text-transform: uppercase;
white-space: normal;
margin-bottom: 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.section-large {
padding-left: 5%;
padding-right: 5%;
position: relative;
}
.table-speakers-avatar {
background-color: #f5f5f5;
border: .5px solid #e9eced;
border-radius: 99px;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
overflow: hidden;
}
.table-date {
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.table-dropdown {
background-color: #b38f8f;
}
.table-dropdown.w--open {
background-color: #fff;
border-radius: 10px;
margin-top: 8px;
}
.table-info-wrapper {
grid-column-gap: 40px;
justify-content: center;
align-items: center;
max-width: 510px;
padding: 8px 24px;
display: flex;
}
.table-top-row {
background-color: #f5f5f5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
align-items: center;
padding: 16px 24px;
display: flex;
}
.heading-wrapper-2 {
text-align: center;
max-width: 620px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.icon-star {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.table-heading-detail {
color: #788d91;
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.table-check-wrapper {
grid-row-gap: 8px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.table-row-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .4fr 2fr 1.5fr 1fr 1fr;
align-items: center;
width: 100%;
}
.table-chevron-wrap {
justify-content: center;
align-items: center;
padding: 12px;
display: flex;
}
.table-chevron-wrap.disable-button {
color: #b0bcbf;
flex: none;
}
.table-card {
border: 1px solid #ccd4d6;
border-radius: 8px;
}
.table-filter-wrapper {
justify-content: flex-end;
margin-bottom: 24px;
display: flex;
}
.table-row {
border-radius: 8px;
padding: 16px;
transition: all .3s;
}
.table-row:hover {
background-color: #e9eced;
}
.caption-regular {
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.caption-regular.text-color-gray-700 {
color: #49575a;
}
.table-full-wrapper {
padding: 0 10px 10px;
}
.table-checkbox-field {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.table-toggle {
grid-column-gap: 8px;
color: #323c3e;
letter-spacing: -.02em;
border: 1px solid #ccd4d6;
border-radius: 8px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.table-sort-dropdown {
max-width: 200px;
margin-left: auto;
margin-right: 0;
}
.table-speakers {
grid-column-gap: 16px;
align-items: flex-start;
display: flex;
}
.table-grid-number {
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
display: flex;
}
.table-grid-number.text-color-gray-500 {
color: #788d91;
}
.table-heading {
color: #1c2122;
margin-top: 0;
margin-bottom: 0;
font-size: 72px;
font-weight: 400;
line-height: 86px;
}
.table-page-numbers {
grid-column-gap: 4px;
align-items: center;
display: flex;
}
.table-label {
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
}
.table-time {
color: #788d91;
font-size: 14px;
line-height: 24px;
}
.icon-small {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.table-line {
background-color: #e9eced;
width: 100%;
height: 1px;
margin-top: 8px;
margin-bottom: 8px;
}
.table-form-block {
margin-bottom: 0;
}
.table-page-number {
color: #49575a;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
display: flex;
}
.table-page-number:hover {
outline-offset: 0px;
outline: 1px solid #ccd4d6;
}
.table-page-number:active, .table-page-number.active-button {
color: #1c2122;
background-color: #e9eced;
}
.table-author-role {
color: #607276;
font-size: 14px;
line-height: 24px;
}
.table-sort-selected {
grid-column-gap: 12px;
align-items: center;
font-size: 14px;
font-weight: 600;
line-height: 24px;
display: flex;
}
.paragraph-regular-3 {
font-size: 16px;
line-height: 24px;
}
.heading-detail-3 {
color: #323c3e;
letter-spacing: .02em;
text-transform: uppercase;
white-space: normal;
margin-bottom: 8px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
}
.container-2 {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 50px;
display: flex;
}
.header {
width: 90%;
height: 50px;
margin-bottom: 10px;
}
.grid-6 {
grid-column-gap: 0px;
grid-template-rows: 50px;
grid-template-columns: 1fr 1fr 1fr .75fr;
}
.heading-6 {
color: #fff;
text-align: center;
background-color: #000000b3;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
display: flex;
}
.collection-list-wrapper-2 {
flex-direction: row;
justify-content: center;
width: 90%;
display: block;
}
.collection-item {
text-shadow: 3px 3px 1px #0003;
border: 1px #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 50px;
margin-bottom: 0;
display: block;
}
.collection-item:first-child {
font-size: 20px;
font-weight: 500;
line-height: 2em;
}
.grid-5 {
grid-column-gap: 0px;
grid-row-gap: 10px;
border-bottom: 1px solid #000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row dense;
place-items: center start;
margin-top: 0;
}
.heading-7 {
margin-left: 20px;
padding-left: 10px;
}
.category1 {
display: block;
}
.category1.category-inlay {
margin-bottom: 0;
margin-left: 20px;
margin-right: 0;
padding-left: 5px;
padding-right: 5px;
font-weight: 700;
display: block;
}
.text-block-2 {
font-size: 20px;
font-weight: 700;
}
.check {
width: 20px;
}
.c-canvas {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
}
.c-canvas__nav {
z-index: 999;
position: fixed;
bottom: 30px;
left: 30px;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr .25fr;
justify-content: center;
place-items: center;
display: flex;
}
.paragraph-2 {
text-align: center;
}
.submit-button {
background-color: #0497b2;
}
.grid-8 {
grid-template-rows: auto;
}
.grid-9 {
grid-template-rows: auto;
grid-template-columns: 5fr 1fr;
}
.button-2 {
background-color: #6b6e70;
}
.html-embed-2 {
display: block;
}
.grid-10 {
color: var(--primary-500);
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr 1fr;
justify-content: center;
place-items: center;
display: flex;
}
.grid-11 {
grid-template-columns: 1fr;
}
.grid-12 {
color: var(--primary-500);
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.text-field {
clear: none;
width: 30%;
position: static;
}
.grid-13 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
place-items: center;
}
.grid-14 {
color: var(--primary-500);
grid-template-rows: auto;
justify-content: center;
align-items: center;
display: flex;
}
.button-3 {
background-color: #0497b2;
}
.container-3 {
background-color: #928a8033;
}
.grid-15 {
grid-template-columns: 1fr;
}
.paragraph-3 {
padding-left: 50px;
}
.div-block {
color: var(--warning-300);
text-shadow: 5px 5px 2px #0003;
font-size: 60px;
}
.grid-16 {
grid-template-rows: auto;
justify-content: center;
display: flex;
}
.image-4, .image-5, .image-6 {
padding-bottom: 15px;
}
.f-team-image-square {
border-radius: 8px;
width: 100%;
height: 240px;
overflow: hidden;
}
.f-team-name-wrapper {
margin-bottom: 16px;
}
.f-line-regular {
background-color: #e4e6f1;
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
}
.f-container-regular {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-h3-heading-2 {
color: #160042;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.f-team-title-wrapper-left {
max-width: 500px;
margin-bottom: 48px;
}
.f-margin-bottom-49 {
margin-top: 54px;
margin-bottom: 8px;
}
.f-team-regular {
text-decoration: none;
}
.f-image-cover {
box-sizing: content-box;
object-fit: cover;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.f-team-content-wrapper {
color: #160042;
margin-top: 24px;
}
.f-grid-three-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 5px #225769;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: center end;
margin-top: 40px;
}
.f-heading-detail-small-2 {
color: #6b7094;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-paragraph-large-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-paragraph-large-2.f-text-weight-bold {
font-size: 18px;
font-weight: 700;
}
.paragraph-4 {
opacity: 1;
color: var(--neutral-50);
background-color: #ff5252cc;
border: 3px solid #f0e5e5;
border-radius: 20px;
margin-top: 20px;
margin-left: -38px;
margin-right: -71px;
padding: 26px 0 44px;
display: block;
}
.body.bodybackgroundbluegradient {
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/664508d96382b184220bc93b_18.png");
background-size: 1100px 1700px;
}
.text-block-3 {
font-size: 32px;
}
.text-block-4 {
font-family: PT Sans, sans-serif;
font-size: 32px;
}
.text-block-5 {
color: var(--neutral-50);
text-align: center;
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6644ed18143068cfa736c3aa_15.png");
background-position: 0 0;
background-size: auto;
font-family: Bitter, serif;
font-size: 30px;
}
.collection-item-2 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.cta-button-2 {
background-color: #e9ab0d;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 222px;
height: 67px;
margin-bottom: 24px;
font-size: 18px;
font-weight: 700;
line-height: 27px;
transition: color .2s, background-color .2s;
display: flex;
}
.cta-button-2:hover {
color: #0f1529;
background-color: #fff;
}
.cta-subheading {
color: #ffffffe6;
max-width: 410px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
font-weight: 500;
line-height: 27px;
}
.cta-container {
max-width: 1060px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.heading-wrap {
flex-direction: column;
align-items: center;
}
.cta-grid {
grid-row-gap: 80px;
color: #fff;
text-align: center;
border-radius: 40px;
grid-template-columns: 1fr;
place-items: center;
padding: 120px 90px 100px;
}
.feature-text-2 {
color: #fffc;
font-weight: 500;
}
.features-wrap {
align-items: center;
display: flex;
}
.cta-section {
background-image: linear-gradient(#fff, #fff 50%, #0f1529 50%);
padding: 150px 3%;
}
.cta-heading {
margin-top: 0;
margin-bottom: 32px;
font-size: 48px;
line-height: 58px;
}
.cta-button-wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.blue-dot {
background-color: #0dc8e9;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 6px;
height: 6px;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.body-2 {
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/662a30f54ebcf09cd967eba5_404.gif");
background-position: 0 0;
background-size: cover;
}
.heading-8 {
color: var(--warning-300);
}
.text-block-6 {
color: var(--warning-400);
}
.html-embed-3 {
height: 2000px;
}
.body-3 {
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/662c453ea39e1276d4451179_Leaderboardbg.jpg");
background-position: 0 0;
background-size: auto;
}
.image-7 {
transform: rotate(85deg);
}
.quick-stack {
float: none;
}
.cell {
align-items: center;
}
.image-8 {
transform: rotate(88deg);
}
.image-9 {
transform-style: preserve-3d;
transform: rotateX(0)rotateY(150deg)rotateZ(0);
}
.body-4, .body-5 {
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/662c453ea39e1276d4451179_Leaderboardbg.jpg");
background-position: 0 0;
background-size: auto;
}
.text-field-3 {
opacity: 0;
}
.text-span {
color: var(--primary-500);
}
.content-image-2 {
object-fit: cover;
object-position: 50% 0%;
background-color: #fff;
border-radius: 24px;
width: 100%;
height: 100%;
}
.paragraph-large {
letter-spacing: -.02em;
font-size: 18px;
line-height: 32px;
}
.content-feature-wrapper {
grid-column-gap: 16px;
align-items: flex-start;
display: flex;
}
.content-block-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: center;
}
.icon-medium {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.heading-wrapper-large {
text-align: center;
max-width: 620px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.heading-wrapper-large.margin-bottom-200 {
margin-bottom: 200px;
}
.section-large-2 {
padding: 120px 5%;
position: relative;
}
.span-strike-red {
color: #e64d80;
text-decoration: line-through;
}
.content-feature-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
margin-bottom: 60px;
}
.content-card {
grid-column-gap: 32px;
grid-row-gap: 60px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.paragraph-small-2 {
letter-spacing: -.01em;
font-size: 14px;
line-height: 24px;
}
.content-heading-2 {
letter-spacing: -.04em;
font-size: 72px;
font-weight: 400;
line-height: 1.2;
}
.container-x-small {
width: 100%;
max-width: 840px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.content-features {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 510px;
margin-top: 60px;
display: flex;
position: relative;
}
.content-detail-wrapper {
grid-row-gap: 24px;
flex-direction: column;
width: 100%;
max-width: 440px;
margin-top: 60px;
margin-bottom: 100px;
display: flex;
}
.content-card-image {
outline-offset: 0px;
border-radius: 20px;
outline: 1px solid #e9eced;
width: 100%;
height: 500px;
position: relative;
}
.content-button-secondary {
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #1c2122;
border-radius: 99px;
min-height: 48px;
margin-left: 48px;
margin-right: 48px;
padding: 8px 24px;
font-size: 18px;
font-weight: 600;
line-height: 32px;
text-decoration: none;
display: inline-block;
}
.feature-content-title {
letter-spacing: -.02em;
font-size: 30px;
font-weight: 500;
line-height: 32px;
}
.content-feature-detail {
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.text-block-7 {
text-align: center;
font-size: 30px;
}
.text-span-2 {
color: var(--primary-500);
}
.text-field-4 {
object-fit: fill;
background-color: #fff0;
border: 0 #000;
}
.textarea {
background-color: #fff0;
}
.text-field-5 {
background-color: #fff0;
border: 0 solid #000;
}
.paragraph-5, .paragraph-6 {
font-size: 30px;
}
.paragraph-7 {
margin-bottom: 0;
font-size: 18px;
}
.paragraph-8 {
margin-bottom: 0;
font-size: 25px;
}
.cell-2 {
justify-content: center;
align-items: center;
}
.container-regular {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.h4-heading {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
}
.title-wrapper-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 588px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.max-width-regular {
width: 100%;
max-width: 524px;
}
.feature-card-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
border-radius: 32px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
padding: 40px;
display: flex;
}
.icon-block {
color: #2a514c;
background-color: #e0e3de;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
overflow: hidden;
}
.h1-heading-2 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
.wrap-v-x-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.paragraph-regular-4 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.5;
}
.paragraph-regular-4.text-gray-700 {
color: #50584b;
}
.paragraph-regular-4.text-weight-medium {
font-weight: 500;
}
.grid-four-column {
z-index: 1;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-rows: 3fr;
}
.icon-regular {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.section-regular-2 {
background-color: #1dc1d126;
padding: 92px 5%;
position: relative;
}
.score-column-header {
color: #36d1ec;
font-size: 20px;
font-weight: 700;
}
.arrow {
margin-left: 20px;
}
.hero-person {
z-index: 5;
max-height: 800px;
margin-bottom: -20px;
padding: 180px 0 0;
position: relative;
}
.nav-menu {
color: #000;
align-items: center;
width: auto;
height: 100%;
display: flex;
position: static;
}
.display-heading {
z-index: 5;
color: #161c27;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: -36px;
padding-top: 34px;
padding-bottom: 0;
font-size: 80px;
font-weight: 400;
line-height: 88px;
position: relative;
}
.header-block {
grid-template-rows: auto;
}
.navigation-menu {
align-items: center;
width: 100%;
display: flex;
}
.nav-link {
color: #000;
margin-left: 0;
margin-right: 0;
padding: 20px;
font-size: 14px;
font-weight: 500;
transition: all .35s;
}
.nav-link:hover {
color: #000;
}
.card-02 {
z-index: 5;
position: absolute;
inset: -120px 0% auto auto;
box-shadow: 17px 17px 52px #6663;
}
.brand {
margin-right: 60px;
}
.hero-block-right {
background-color: #0497b2;
justify-content: flex-start;
align-items: flex-end;
width: 40%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.play-icon {
width: 40px;
margin-right: 10px;
}
.header-container {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.header-paragraph {
color: #6f6f6f;
letter-spacing: -.02em;
font-size: 20px;
line-height: 32px;
}
.hero-title-wrap {
position: relative;
}
.container-navigation {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.header-wrapper {
flex-wrap: wrap;
margin-bottom: 40px;
display: flex;
}
.hero-image-wrapper {
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
left: -60px;
}
.button-wrapper {
z-index: 5;
align-items: center;
margin-top: 100px;
display: flex;
position: relative;
}
.header-section {
align-items: center;
min-height: 600px;
padding: 0 3%;
display: flex;
position: relative;
overflow: hidden;
}
.card-01 {
z-index: 9;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.button-header {
color: #fff;
background-color: #63b4c8;
border: 1px #000;
border-radius: 50px;
padding: 16px 48px;
font-size: 18px;
transition: all .3s;
}
.button-header:hover {
color: #000;
background-color: #fff;
border: 1px solid #000;
}
.header-accent-wrapper {
align-items: center;
display: flex;
}
.brand-logo {
width: 60px;
}
.header-accent-text {
color: #6f6f6f;
letter-spacing: -.02em;
font-size: 24px;
font-weight: 600;
line-height: 36px;
}
.video-play-link {
color: #000;
align-items: center;
margin-left: 20px;
padding: 10px 16px;
font-size: 18px;
line-height: 32px;
text-decoration: none;
transition: opacity .3s;
display: flex;
}
.video-play-link:hover {
opacity: .6;
}
.navigation {
background-color: #0000;
align-items: center;
height: 100px;
padding-left: 3%;
padding-right: 3%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.accent-header {
position: absolute;
inset: 0 -50px auto auto;
}
.waves---cta-white {
background-color: var(--waves-library--white);
color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.waves---cta-white.wide-cta {
min-width: 200px;
}
.waves---mg-top-16 {
margin-top: 16px;
}
.waves---subtitle {
font-size: 24px;
line-height: 40px;
}
.waves---limit-480 {
width: 100%;
max-width: 480px;
}
.waves---mega-heading-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 100px;
line-height: 115%;
}
.waves-title-wrap-hero-5 {
z-index: 1;
grid-row-gap: 24px;
border-radius: 0;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
margin-top: 200px;
padding-left: 60px;
display: flex;
position: relative;
}
.waves---main-container {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.waves-gradient-hero-5 {
box-sizing: content-box;
object-fit: fill;
background-color: #fff;
background-image: linear-gradient(#131313c4 63%, #131313a8 77%, #131313b8 86%, #1313131a 100%, #131313cc);
position: absolute;
inset: 0%;
overflow: clip;
}
.waves-section-hero-5 {
color: var(--waves-library--white);
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6639688e7fedfaa01b9f5e51_Wide%20Image.webp");
background-position: 50%;
background-size: cover;
padding-top: 340px;
padding-bottom: 88px;
position: relative;
}
.waves---paragraph-big {
font-size: 20px;
line-height: 130%;
}
.waves---heading-3-no-margins {
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 120%;
}
.waves-name-wrap-team-1 {
grid-row-gap: 8px;
flex-direction: column;
align-items: center;
display: flex;
}
.waves-image-team-1 {
border-radius: 8px;
width: 100%;
}
.waves-tile-team-1 {
grid-row-gap: 24px;
background-color: var(--neutral-50);
text-align: center;
border-radius: 12px;
flex-direction: column;
align-items: center;
padding: 24px;
display: flex;
}
.waves-grid-team-1 {
grid-column-gap: 32px;
grid-row-gap: 48px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 64px;
overflow: visible;
}
.waves---heading-2-no-margins {
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 130%;
}
.waves---center-heading {
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.waves---section-medium {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
}
.nav-link-2 {
flex: 0 auto;
padding-left: 0;
padding-right: 0;
}
.image-12 {
margin-left: -44px;
padding-left: 200px;
}
.waves---cta-white-2 {
background-color: var(--waves-library--white);
color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.waves---cta-white-2.wide-cta {
min-width: 200px;
}
.waves---mg-top-17 {
margin-top: 16px;
}
.waves---subtitle-2 {
font-size: 24px;
line-height: 40px;
}
.waves---limit-481 {
width: 100%;
max-width: 480px;
}
.waves---mega-heading-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 100px;
line-height: 115%;
}
.waves-title-wrap-hero-6 {
z-index: 1;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.waves---main-container-2 {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.waves-gradient-hero-6 {
color: var(--transparent);
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#00000080, #00000080);
background-position: 0 0, 0 0;
background-size: auto, auto;
line-height: 50em;
position: absolute;
inset: 0%;
}
.waves-section-hero-6 {
color: var(--waves-library--white);
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6639688e7fedfaa01b9f5e51_Wide%20Image.webp");
background-position: 50%;
background-size: cover;
padding-top: 340px;
padding-bottom: 88px;
position: relative;
}
.image-13 {
color: var(--neutral-50);
margin-left: 89px;
padding-left: 77px;
padding-right: 111px;
}
.bold-text-3 {
color: var(--neutral-950);
margin-left: 2px;
font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
font-size: 60px;
line-height: 2em;
}
.hero-heading-left {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-4 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.shadow-two {
box-shadow: 0 4px 24px #96a3b514;
}
.image-14 {
position: relative;
}
.f-success-message-2 {
background-color: var(--flowui-component-library--success-lighter);
color: var(--flowui-component-library--success-darker);
letter-spacing: -.03em;
font-size: 14px;
line-height: 24px;
}
.f-button-neutral-2 {
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral-2:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-header-input-field {
color: var(--flowui-component-library--gray-900);
background-color: #0000;
border: 1px #000;
min-height: 48px;
margin-bottom: 0;
margin-right: 16px;
padding: 12px 16px;
}
.f-header-input-field::placeholder {
color: var(--flowui-component-library--gray-400);
}
.f-header-form-wrapper {
border: 1px solid var(--flowui-component-library--grey-300);
background-color: #fff;
border-radius: 50px;
align-items: center;
padding: 4px;
display: flex;
}
.f-header-form-block {
max-width: 360px;
margin-bottom: 0;
}
.f-paragraph-large-3 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-paragraph-large-3.f-text-color-gray-500 {
color: #6b7094;
}
.f-margin-bottom-40 {
margin-bottom: 40px;
}
.f-h1-heading {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
line-height: 1.2;
}
.f-margin-bottom-24 {
margin-bottom: 24px;
}
.f-heading-detail-small-3 {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-50 {
margin-bottom: 8px;
}
.f-header-title-wrapper-center {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 630px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-image-cover-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.f-header-image-wrapper-top {
border-radius: 8px;
justify-content: center;
align-items: center;
height: 350px;
margin-bottom: 48px;
display: flex;
overflow: hidden;
}
.f-container-regular-2 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large-2 {
padding: 92px 5%;
position: relative;
}
.f-margin-bottom-51 {
margin-bottom: 24px;
}
.f-margin-bottom-52 {
margin-bottom: 8px;
}
.image-15 {
box-sizing: content-box;
clear: both;
max-width: 100%;
margin-left: 0;
padding-left: 0;
}
.waves---cta-white-3 {
background-color: var(--waves-library--white);
color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.waves---cta-white-3.wide-cta {
min-width: 200px;
}
.waves---mg-top-18 {
margin-top: 16px;
}
.waves---subtitle-3 {
font-size: 24px;
line-height: 40px;
}
.waves---limit-482 {
width: 100%;
max-width: 480px;
}
.waves---mega-heading-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 100px;
line-height: 115%;
}
.waves-title-wrap-hero-7 {
z-index: 1;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.waves---main-container-3 {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.waves-gradient-hero-7 {
background-image: linear-gradient(#1313131a 22%, #131313a8 77%, #131313cc);
position: absolute;
inset: 0%;
}
.waves-section-hero-7 {
color: var(--waves-library--white);
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6639688e7fedfaa01b9f5e51_Wide%20Image.webp");
background-position: 50%;
background-size: cover;
padding-top: 340px;
padding-bottom: 88px;
position: relative;
}
.image-16 {
margin-top: 46px;
}
.body-7 {
background-color: #13acc8;
margin-top: 10px;
}
.waves-icon-24 {
width: 24px;
height: 24px;
}
.waves-bottom-right-footer-2 {
grid-column-gap: 24px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.waves---paragraph-small {
font-size: 16px;
line-height: 130%;
}
.waves-bottom-footer-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.waves-divider-footer-2 {
background-color: #13131333;
width: 100%;
height: 1px;
margin-top: 64px;
margin-bottom: 32px;
}
.waves-link-footer-2 {
text-decoration: none;
}
.waves-links-wrap-footer-2 {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.waves---paragraph-regular {
font-size: 18px;
line-height: 130%;
}
.waves-column-links-footer-2 {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.waves-top-right-footer-2 {
grid-column-gap: 120px;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.waves---cta-dark {
background-color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
transition: background-color .2s;
display: flex;
}
.waves---cta-dark:hover {
background-color: #131313e6;
}
.waves---cta-dark.wide-cta {
min-width: 200px;
}
.waves---paragraph-big-2 {
font-size: 20px;
line-height: 130%;
}
.waves-brand-footer-2 {
height: 100%;
}
.waves-brand-link-footer-2 {
height: 32px;
}
.waves-top-left-footer-2 {
grid-row-gap: 32px;
flex-direction: column;
align-items: flex-start;
max-width: 350px;
display: flex;
}
.waves-top-footer-2 {
justify-content: space-between;
align-items: flex-start;
padding-left: 135px;
padding-right: 161px;
display: flex;
}
.waves-footer-2 {
background-color: var(--waves-library--white);
padding: 80px 98px 64px 125px;
}
.f-button-primary {
background-color: var(--flowui-component-library--gray-900);
color: #fff;
letter-spacing: -.02px;
white-space: nowrap;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-primary:hover {
background-color: var(--flowui-component-library--gray-700);
}
.list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: center;
list-style-type: disc;
display: grid;
}
.image-17 {
width: 2800px;
margin-top: -104px;
padding-right: 0;
}
.quick-stack-2 {
color: var(--neutral-50);
-webkit-text-stroke-color: var(--neutral-50);
background-color: #ff5252cf;
border: 3px solid #fff;
margin-left: 26px;
padding-left: 26px;
}
.div-block-2 {
margin-left: 14px;
margin-right: 71px;
padding-left: 0;
padding-right: 0;
}
.cell-3, .cell-4 {
align-items: center;
}
.image-18 {
margin-top: -3px;
padding-bottom: 0;
}
.section-3 {
background-color: #eafcfc;
margin-top: -12px;
}
.grid-17 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.quick-stack-3 {
background-color: #fff;
}
.grid-18 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: center;
}
.collection-item-3 {
color: var(--neutral-50);
}
.f-icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-banner-icon-button {
color: var(--flowui-component-library--white);
border-radius: 100px;
transition: background-color .3s;
}
.f-banner-icon-button:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-banner-close {
grid-column-gap: 8px;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.f-paragraph-detail {
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.f-banner-text-span {
color: var(--flowui-component-library--primary-base);
}
.f-paragraph-regular-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-banner-text-wrapper {
grid-column-gap: 16px;
align-items: center;
display: flex;
}
.f-banner-center {
grid-row-gap: 4px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.f-banner-container-center {
z-index: 5;
justify-content: center;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-banner {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--flowui-component-library--gray-900);
opacity: .63;
color: var(--flowui-component-library--white);
justify-content: center;
align-items: center;
min-height: 56px;
padding: 16px 5%;
display: flex;
}
.waves---cta-white-4 {
background-color: var(--waves-library--white);
color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.waves---cta-white-4.wide-cta {
min-width: 200px;
}
.waves---mg-top-19 {
margin-top: 16px;
}
.waves---subtitle-4 {
text-align: center;
border-radius: 0;
margin-left: 98px;
margin-right: 200px;
padding-left: 200px;
padding-right: 0;
font-size: 20px;
line-height: 40px;
}
.waves---limit-483 {
width: 100%;
max-width: 480px;
}
.waves---mega-heading-4 {
text-align: center;
margin-top: -26px;
margin-bottom: 0;
margin-left: 65px;
padding-left: 200px;
font-family: Montserrat, sans-serif;
font-size: 80px;
line-height: 115%;
}
.waves-title-wrap-hero-8 {
z-index: 1;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.waves---main-container-4 {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.waves-gradient-hero-8 {
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/664e6cc15d8e868843b958b8_BG1.png");
background-position: 0 0;
background-size: auto;
position: absolute;
inset: 0%;
}
.waves-section-hero-8 {
color: var(--waves-library--white);
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/664e6cc15d8e868843b958b8_BG1.png");
background-position: 0 0;
background-size: cover;
padding-top: 200px;
padding-bottom: 0;
position: relative;
}
.testimonial-stack {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-5 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.testimonial-card-three {
text-align: center;
background-color: #f5f7fa;
margin-top: -71px;
margin-left: 65px;
padding: 51px 42px 64px 96px;
}
.testimonial-card-content {
flex-direction: column;
align-items: center;
max-width: 580px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.testimonial-card-heading {
margin-bottom: 24px;
}
.testimonial-text-three {
text-align: left;
flex: 0 auto;
font-size: 24px;
line-height: 32px;
}
.testimonial-info-four {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: 24px;
display: flex;
}
.testimonial-image {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-image.centered {
width: 80px;
height: 80px;
margin-bottom: 16px;
margin-right: 0;
}
.testimonial-author-name-three {
margin-bottom: 10px;
}
.paragraph-9 {
padding-left: 200px;
font-size: 25px;
}
.bold-text-4 {
margin-left: -200px;
padding-left: 65px;
}
.text-block-8 {
text-align: left;
margin-top: 52px;
margin-left: 200px;
padding-left: 135px;
padding-right: 0;
}
.image-19 {
margin-top: -159px;
margin-left: -200px;
margin-right: 83px;
padding-left: 0;
padding-right: 11px;
}
.bold-text-5 {
margin-left: -26px;
margin-right: -200px;
padding-left: 27px;
padding-right: 0;
}
.waves---cta-white-5 {
background-color: var(--waves-library--white);
color: var(--waves-library--black);
border-radius: 8px;
justify-content: center;
align-items: center;
height: 52px;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.waves---cta-white-5.wide-cta {
min-width: 200px;
}
.waves---mg-top-20 {
margin-top: 16px;
}
.waves---subtitle-5 {
color: var(--waves-library--black);
text-align: left;
margin-right: -200px;
padding-right: 200px;
font-size: 24px;
line-height: 40px;
}
.waves---limit-484 {
width: 100%;
max-width: 480px;
}
.waves---mega-heading-5 {
margin-top: 0;
margin-bottom: 0;
padding-right: 0;
font-size: 100px;
line-height: 115%;
}
.waves-title-wrap-hero-9 {
z-index: 1;
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.waves---main-container-5 {
max-width: 1352px;
padding-left: 24px;
padding-right: 24px;
}
.waves-gradient-hero-9 {
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6650cfd4171bd6f4b0bf82e2_Blue%20and%20White%20Simple%20and%20Professional%20Hospital%20Training%20Presentation%20(1).png");
background-position: 0 0;
background-size: cover;
margin-top: 10px;
margin-bottom: -132px;
padding-top: 0;
padding-bottom: 0;
position: absolute;
inset: 0%;
}
.waves-section-hero-9 {
color: var(--waves-library--white);
padding-top: 340px;
padding-bottom: 0;
position: relative;
}
.bold-text-6 {
margin-right: -200px;
padding-right: 0;
}
.f-image-cover-3 {
object-fit: cover;
width: 100%;
height: 100%;
}
.f-gallery-image-l {
border-radius: 8px;
height: 440px;
overflow: hidden;
}
.f-gallery-lightbox {
border-radius: 8px;
width: 100%;
height: 100%;
overflow: hidden;
}
.f-h3-heading-3 {
color: var(--flowui-component-library--gray-900);
text-align: center;
letter-spacing: -.02em;
margin: -183px -200px 0;
padding: 156px 0 3px;
font-size: 48px;
line-height: 1.2;
}
.f-heading-detail-small-4 {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-53 {
margin-bottom: 8px;
}
.f-title-wrapper-center {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 580px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-margin-bottom-54 {
margin-bottom: 48px;
}
.f-container-regular-3 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large-3 {
background-color: #ddd;
border: 1px solid #141212;
border-radius: 0;
padding: 92px 5% 5px;
position: relative;
}
.html-embed-6 {
object-fit: fill;
width: 100%;
}
.html-embed-7 {
box-sizing: content-box;
object-fit: fill;
width: 100%;
min-width: 150px;
min-height: 150px;
}
.heading-9 {
color: var(--neutral-900);
background-color: #63b4c8;
border-radius: 20px;
padding-left: 96px;
padding-right: 0;
font-size: 80px;
}
.f-press-enter-text {
font-size: 14px;
}
.f-steps-input {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.f-radio-butn {
border-color: #000;
border-radius: 100vw;
margin-top: 0;
margin-left: 0;
}
.f-radio-butn.w--redirected-checked {
border-color: #031616;
border-radius: 26%;
}
.f-radio-butn.w--redirected-focus, .f-radio-butn.w--redirected-focus-visible {
border-radius: 26%;
}
.f-radio-buttn-wrap.is---1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.f-txt-wrap {
color: #031616;
margin-bottom: 26px;
font-weight: 700;
}
.f-radio-butn-field {
grid-column-gap: 4px;
grid-row-gap: 4px;
border: 1px solid #000;
border-radius: 100px;
align-items: center;
margin-bottom: 0;
padding: 10px;
font-size: .9rem;
display: flex;
position: relative;
}
.f-steps-wrap {
padding: 56px 32px;
}
.f-steps-wrap.is--1 {
grid-row-gap: 40px;
background-color: #f4f4f4;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.f-input-field {
color: #000;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 4px;
height: auto;
margin-bottom: 0;
padding: 14px 16px;
}
.f-input-wrapper {
width: 100%;
}
.f-form-button-wrapper.is---1 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.f-form-steps-item.is---1 {
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
padding: 0;
display: flex;
}
.f-checkbox-butn-field-2 {
border: 1px solid #000;
border-radius: 3px;
align-items: center;
margin-bottom: 0;
padding: 10px;
font-size: .9rem;
display: flex;
}
.f-checkbox-butn-2 {
border-color: #000;
border-radius: 26%;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
}
.f-checkbox-butn-2.w--redirected-checked {
border-color: #031616;
border-radius: 26%;
}
.f-checkbox-butn-2.w--redirected-focus, .f-checkbox-butn-2.w--redirected-focus-visible {
border-radius: 26%;
}
.f-container {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 3rem;
}
.f-container.is--form {
flex-direction: column;
justify-content: center;
height: 100%;
display: flex;
}
.hide {
display: none;
}
.f-form-button {
color: #fff;
background-color: #031616;
border-radius: 100vw;
justify-content: center;
align-items: center;
padding: 10px 20px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.f-form-button.is---1 {
border-radius: 100vw;
padding: 12px 18px;
font-weight: 600;
}
.f-form-section {
justify-content: center;
align-items: stretch;
min-height: 100vh;
display: flex;
position: relative;
}
.f-txt-field-label {
font-weight: 700;
}
.f-form-parent {
margin-bottom: 0;
}
.f-checkbox-buttn-wrap.is---1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.f-form {
background-color: #ededed00;
}
.form-field-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
max-width: 70ch;
display: flex;
}
.success-message-2 {
background-color: #f5ff82;
border: 2px solid #000;
padding-top: 38px;
padding-bottom: 38px;
font-size: 18px;
font-weight: 600;
line-height: 23px;
}
.form-field-top {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.button-copy {
color: #fff;
background-color: #5125f1;
border-radius: 7px;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 13px;
font-weight: 400;
display: flex;
}
.container-6 {
width: 100%;
max-width: 1000px;
}
.check-box {
background-color: #1f7fff0f;
border: 0 solid #5125f2;
border-radius: 0;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
inset: 0%;
}
.check-box:hover {
background-color: #1f7fff26;
}
.check-box.w--redirected-checked {
background-color: #5125f126;
background-image: none;
border-width: 2px;
}
.form-container {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.form-wrapper {
width: 85%;
margin-left: auto;
margin-right: auto;
}
.checkbox-field {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #5125f1;
text-align: center;
border: 1px solid #5125f1;
border-radius: 4px;
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 10px 5px;
font-size: 18px;
display: flex;
position: relative;
overflow: hidden;
}
.steps-text {
grid-column-gap: 3px;
grid-row-gap: 3px;
margin-right: 10px;
display: flex;
}
.step-content-only {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
align-items: center;
width: 60%;
margin-left: auto;
margin-right: auto;
font-size: 18px;
display: flex;
}
.press-enter-text {
font-size: 12px;
font-weight: 400;
}
.form-checkbox-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 0;
margin-bottom: 30px;
display: grid;
}
.h2 {
color: #5125f1;
font-size: 44px;
line-height: 1.3;
}
.form-step-item {
width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
}
.form-step-item.show {
display: block;
}
.form {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
overflow: visible;
}
.form-field-icon {
z-index: 1;
background-color: #f8ff76;
border: 1px solid #5125f1;
justify-content: center;
align-items: center;
width: 27px;
height: 28px;
font-size: 15px;
display: flex;
position: relative;
}
.form-block {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: stretch;
width: 100%;
margin-bottom: 0;
display: flex;
}
.html-icon {
justify-content: center;
align-items: center;
width: 13px;
height: 13px;
margin-left: 2px;
display: flex;
}
.progress-indicator {
background-color: #0000;
flex: 1;
justify-content: center;
align-items: center;
height: 100%;
transition: background-color .6s;
display: flex;
}
.progress-indicator.current {
color: #fff;
background-color: #5125f1;
justify-content: center;
align-items: center;
display: flex;
}
.section-4 {
background-color: #f5ff82;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.checkbox-label {
z-index: 1;
align-items: center;
margin-bottom: 0;
display: flex;
position: relative;
}
.progress-wrapper {
height: 20px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.next-button {
letter-spacing: .5px;
text-transform: uppercase;
background-color: #5125f1;
border: 1px solid #000050;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin-right: 4px;
padding: 0;
font-size: 15px;
font-weight: 700;
display: flex;
}
.current-step {
transition: all .2s;
display: block;
}
.form-input-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column wrap;
justify-content: space-between;
width: 70%;
margin-top: 0;
display: flex;
overflow: hidden;
}
.back-button {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
background-color: #5125f1;
border: 1px solid #000050;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
margin-right: 10px;
font-size: 16px;
font-weight: 700;
display: flex;
}
.fixed-button-wrapper {
align-items: center;
display: flex;
position: fixed;
inset: auto 2% 2% auto;
}
.form-step-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
display: grid;
position: relative;
}
.form-button {
color: #fff;
background-color: #5125f1;
border-radius: 7px;
padding: 12px 20px;
font-size: 16px;
font-weight: 600;
}
.form-input {
background-color: #0000;
border: 1px #000;
border-bottom-style: solid;
height: auto;
margin-bottom: 0;
padding: 15px 0;
}
.form-input:focus {
border-style: none;
}
.form-button-wrapper-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
margin-top: 20px;
display: flex;
}
.step-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.form-description {
color: #555;
margin-bottom: 16px;
font-size: 18px;
}
.form-field-letter {
color: #805dff;
font-weight: 500;
}
.fs_starrating-1_message {
color: var(--accessible-components--dark-grey);
}
.fs_starrating-1_icon {
color: var(--accessible-components--white-smoke);
width: 2rem;
position: relative;
}
.fs_starrating-1_icon.is-active-starrating {
color: #ffc800;
}
.fs_starrating-1_label {
display: none;
}
.fs_starrating-1_radio-button {
border-style: none;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
}
.fs_starrating-1_radio-button.w--redirected-focus {
box-shadow: none;
}
.fs_starrating-1_radio-button.w--redirected-focus-visible {
outline-color: var(--accessible-components--dark-grey);
outline-offset: 4px;
outline-width: 2px;
outline-style: solid;
}
.fs_starrating-1_item {
cursor: pointer;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.fs_starrating-1_item:hover {
transform: translate(0, -2px);
}
.fs_starrating-1_group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-items: stretch stretch;
display: grid;
}
.fs_starrating-1_wrapper {
justify-content: center;
display: flex;
}
.fs_starrating-1_embed {
margin-bottom: 0;
}
.fs_starrating-1_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.f-icon-regular-2 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-modal-close {
color: var(--flowui-component-library--gray-500);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
position: absolute;
inset: 24px 24px auto auto;
}
.f-modal-close:hover {
color: var(--flowui-component-library--primary-base);
}
.f-button-primary-2 {
background-color: var(--primary-500);
color: #fff;
letter-spacing: -.02px;
white-space: nowrap;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-primary-2:hover {
background-color: var(--success-400);
}
.f-paragraph-small-3 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-margin-bottom-28 {
margin-bottom: 28px;
}
.f-sub-heading-regular {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.03em;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.f-margin-bottom-12 {
margin-bottom: 12px;
}
.f-icon-large {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.f-modal-icon-success {
color: var(--flowui-component-library--success-base);
background-color: #25cc881a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.f-modal-centre {
border: 1px solid var(--flowui-component-library--gray-100);
color: var(--flowui-component-library--gray-900);
text-align: center;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 468px;
padding: 32px;
position: relative;
box-shadow: 105px 105px 144px -32px #1b09430a;
}
.container-7 {
justify-content: center;
display: flex;
}
.fs_starrating-2_message {
color: var(--accessible-components--dark-grey);
}
.fs_starrating-2_icon {
filter: grayscale();
color: var(--accessible-components--white-smoke);
width: 2rem;
position: relative;
}
.fs_starrating-2_icon.is-active-starrating {
filter: grayscale(0%);
color: #ffc800;
}
.fs_starrating-2_label {
display: none;
}
.fs_starrating-2_radio-button {
border-style: none;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
}
.fs_starrating-2_radio-button.w--redirected-focus {
box-shadow: none;
}
.fs_starrating-2_radio-button.w--redirected-focus-visible {
outline-color: var(--accessible-components--dark-grey);
outline-offset: 4px;
outline-width: 2px;
outline-style: solid;
}
.fs_starrating-2_item {
cursor: pointer;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.fs_starrating-2_item:hover {
transform: translate(0, -2px);
}
.fs_starrating-2_group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-items: stretch stretch;
display: grid;
}
.fs_starrating-2_wrapper {
justify-content: center;
display: flex;
}
.fs_starrating-2_embed {
margin-bottom: 0;
}
.fs_starrating-2_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fs_starrating-2_wrapper-2 {
flex-flow: row;
justify-content: center;
display: flex;
}
.f-checkbox {
border-width: 2px;
border-color: var(--flowui-component-library--gray-400);
background-color: var(--flowui-component-library--white);
border-radius: 4px;
width: 20px;
height: 20px;
margin: 0 8px 0 0;
}
.f-checkbox.w--redirected-checked {
background-color: var(--flowui-component-library--gray-900);
background-size: 12px;
border-style: none;
border-radius: 4px;
}
.f-checkbox.w--redirected-focus {
box-shadow: none;
}
.f-checkbox-field {
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.f-text-area-2 {
border: 1px solid var(--flowui-component-library--grey-300);
color: var(--flowui-component-library--gray-900);
border-radius: 8px;
min-height: 112px;
margin-bottom: 0;
padding: 16px;
font-size: 14px;
line-height: 24px;
}
.f-text-area-2:focus {
border-color: var(--flowui-component-library--gray-400);
}
.f-text-area-2::placeholder {
color: var(--flowui-component-library--gray-500);
}
.f-field-label-2 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.01em;
margin-bottom: 8px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.f-field-wrapper {
flex-direction: column;
align-items: flex-start;
}
.f-modal-centre-survey {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--flowui-component-library--gray-100);
color: var(--flowui-component-library--gray-900);
text-align: center;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 468px;
padding: 32px;
display: block;
position: relative;
box-shadow: 0 3px 20px 15px #add1da;
}
.review-feedback-block {
justify-content: center;
display: flex;
}
.section-5 {
padding-top: 0;
}
.divider {
padding-bottom: 20px;
}
.phone-label {
font-size: 12px;
font-weight: 300;
display: flex;
}
.f-icon-regular-3 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-modal-close-2 {
color: var(--flowui-component-library--gray-500);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
position: absolute;
inset: 24px 24px auto auto;
}
.f-modal-close-2:hover {
color: var(--flowui-component-library--primary-base);
}
.f-button-primary-3 {
background-color: var(--flowui-component-library--gray-900);
color: #fff;
letter-spacing: -.02px;
white-space: nowrap;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-primary-3:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-paragraph-small-4 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-margin-bottom-55 {
margin-bottom: 28px;
}
.f-sub-heading-regular-2 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.03em;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.f-margin-bottom-56 {
margin-bottom: 12px;
}
.f-icon-large-2 {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.f-modal-icon-success-2 {
color: var(--flowui-component-library--success-base);
background-color: #25cc881a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.f-modal-centre-2 {
border: 1px solid var(--flowui-component-library--gray-100);
color: var(--flowui-component-library--gray-900);
text-align: center;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 468px;
padding: 32px;
position: relative;
box-shadow: 105px 105px 144px -32px #1b09430a;
}
.first-review-feedback-block {
justify-content: center;
display: flex;
}
.f-image-cover-4 {
object-fit: cover;
width: 100%;
height: 100%;
}
.f-header-image-wrapper-wide {
border-radius: 12px;
justify-content: center;
align-items: center;
height: 400px;
margin-top: 64px;
display: flex;
overflow: hidden;
}
.f-success-message-3 {
background-color: var(--flowui-component-library--success-lighter);
color: var(--flowui-component-library--success-darker);
letter-spacing: -.03em;
font-size: 14px;
line-height: 24px;
}
.f-button-neutral-3 {
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral-3:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-header-input-field-2 {
color: var(--flowui-component-library--gray-900);
background-color: #0000;
border: 1px #000;
min-height: 48px;
margin-bottom: 0;
margin-right: 16px;
padding: 12px 16px;
}
.f-header-input-field-2::placeholder {
color: var(--flowui-component-library--gray-400);
}
.f-header-form-wrapper-2 {
border: 1px solid var(--flowui-component-library--grey-300);
background-color: #fff;
border-radius: 50px;
align-items: center;
padding: 4px;
display: flex;
}
.f-header-form-block-2 {
max-width: 360px;
margin-bottom: 0;
}
.f-paragraph-large-4 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-margin-bottom-57 {
margin-bottom: 40px;
}
.f-h1-heading-2 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
line-height: 1.2;
}
.f-margin-bottom-58 {
margin-bottom: 24px;
}
.f-heading-detail-small-5 {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-59 {
margin-bottom: 8px;
}
.f-header-title-wrapper-center-2 {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 630px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-container-regular-4 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large-4 {
padding: 92px 5%;
position: relative;
}
.survey-feedback-button {
color: var(--primary-500);
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
transition: border-color .2s;
display: flex;
}
.survey-feedback-button:hover {
-webkit-text-fill-color: inherit;
background-color: #d3f5fd;
background-clip: padding-box;
}
.f-button-google-icon-2 {
border: 1px solid var(--flowui-component-library--gray-200);
color: var(--flowui-component-library--gray-900);
text-align: center;
letter-spacing: -.02em;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 12px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-google-icon-2:hover {
background-color: var(--flowui-component-library--gray-200);
border-color: #0000;
}
.cell-5 {
justify-content: center;
align-items: center;
}
.feedback-button {
border: 1px solid var(--flowui-component-library--gray-200);
color: var(--flowui-component-library--gray-900);
text-align: center;
letter-spacing: -.02em;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
padding: 12px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.feedback-button:hover {
background-color: var(--flowui-component-library--gray-200);
border-color: #0000;
}
.f-paragraph-small-5 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-accordian-content {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 4px;
padding-bottom: 4px;
}
.f-accordian-list {
background-color: #0000;
width: 100%;
display: block;
position: static;
overflow: hidden;
}
.f-accordian-icon {
color: var(--flowui-component-library--gray-500);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.f {
letter-spacing: -.01em;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.f-accordian-title-wrapper {
white-space: normal;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.f-accordian-toggle {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 4px;
padding: 0;
}
.f-accordian-dropdown {
transition: all .3s;
display: block;
}
.f-accordian-wrapper {
grid-row-gap: 24px;
border: 1px solid var(--flowui-component-library--grey-300);
border-radius: 8px;
flex-direction: column;
max-width: 500px;
padding: 24px;
display: flex;
}
.f-button-neutral-4 {
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral-4:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-button-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.f-paragraph-regular-3 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-icon-regular-4 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-content-list-item {
grid-column-gap: 16px;
color: var(--flowui-component-library--gray-900);
align-items: center;
display: flex;
}
.f-content-list-wrapper {
grid-row-gap: 12px;
flex-direction: column;
margin-top: 32px;
margin-bottom: 42px;
display: flex;
}
.f-paragraph-large-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-h3-heading-4 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.f-margin-bottom-60 {
margin-bottom: 16px;
}
.f-heading-detail-small-6 {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-61 {
margin-bottom: 12px;
}
.f-image-cover-5 {
object-fit: cover;
width: 100%;
height: 100%;
}
.f-content-image-wrapper-large {
border-radius: 12px;
width: 100%;
max-width: 450px;
height: 460px;
overflow: hidden;
}
.f-grid-two-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.f-container-regular-5 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large-5 {
padding: 92px 5%;
position: relative;
}
.google-review-feedback-block {
justify-content: center;
display: flex;
}
.f-button-icon-2 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-button-google {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--flowui-component-library--gray-200);
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-google:hover {
background-color: var(--flowui-component-library--gray-200);
border-color: #0000;
}
.f-button-google-review {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--flowui-component-library--gray-200);
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
background-color: #c6e6ecb8;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 25px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-google-review:hover {
background-color: var(--success-400);
border-color: #0000;
}
.text-block-9 {
font-size: 20px;
}
.f-sub-heading-regular-google-review, .f-sub-heading-regular-google-review-2 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.03em;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.google-review-label-text {
color: var(--waves-library--black);
font-size: 18px;
}
.f-button-submit-feedback {
background-color: var(--primary-500);
color: #fff;
letter-spacing: -.02px;
white-space: nowrap;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-submit-feedback:hover {
background-color: var(--success-400);
}
.f-icon-regular-5 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-modal-close-3 {
color: var(--flowui-component-library--gray-500);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
position: absolute;
inset: 24px 24px auto auto;
}
.f-modal-close-3:hover {
color: var(--flowui-component-library--primary-base);
}
.f-button-primary-4 {
background-color: var(--flowui-component-library--gray-900);
color: #fff;
letter-spacing: -.02px;
white-space: nowrap;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-primary-4:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-paragraph-small-6 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-margin-bottom-62 {
margin-bottom: 28px;
}
.f-sub-heading-regular-3 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.03em;
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.f-margin-bottom-63 {
margin-bottom: 12px;
}
.f-icon-large-3 {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.f-modal-icon-success-3 {
color: var(--flowui-component-library--success-base);
background-color: #25cc881a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.f-modal-centre-3 {
border: 1px solid var(--flowui-component-library--gray-100);
color: var(--flowui-component-library--gray-900);
text-align: center;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 468px;
padding: 32px;
position: relative;
box-shadow: 105px 105px 144px -32px #1b09430a;
}
.f-margin-bottom-64 {
margin-bottom: 12px;
}
.cell-6 {
justify-content: center;
align-items: center;
}
.image-20 {
margin-left: 200px;
margin-right: -200px;
padding-left: 170px;
}
.f-button-secondary {
border: 1px solid var(--flowui-component-library--grey-300);
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
background-color: #fff;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: border-color .3s, background-color .3s;
display: flex;
}
.f-button-secondary:hover {
background-color: var(--flowui-component-library--gray-200);
border-color: #0000;
}
.f-button-neutral-5 {
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral-5:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-header-button-middle {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.f-paragraph-large-6 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-margin-bottom-65 {
margin-bottom: 40px;
}
.f-h1-heading-3 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
line-height: 1.2;
}
.f-margin-bottom-66 {
margin-bottom: 24px;
}
.f-heading-detail-small-7 {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-67 {
margin-bottom: 8px;
}
.f-header-title-wrapper-center-3 {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 630px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-container-regular-6 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large-6 {
padding: 92px 5%;
position: relative;
}
.code-embed {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.code-embed-2 {
justify-content: center;
display: flex;
}
.icon-large {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
transform: translate(0);
}
.icon-small-2 {
color: var(--accessible-components--white-smoke);
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.icon-red {
background-color: #fde7e7;
border-radius: 1000px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
display: flex;
}
.footnote {
font-size: 12px;
}
.action-m {
color: #030711;
font-size: 16px;
font-weight: 500;
line-height: 32px;
}
.overline {
color: #030711;
letter-spacing: 1.8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.subheading {
color: #4b5563;
letter-spacing: -.3px;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.section-cta {
background-color: #f3f4f6;
padding: 20px 5%;
position: relative;
}
.cta-grid-2 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(auto, 420px);
align-items: center;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
.footnote-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.cta-card-s {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #e5e7eb;
border-radius: 8px;
flex-direction: row;
align-items: center;
padding: 16px;
display: flex;
}
.cta-wrapper {
background-color: #fff;
border-radius: 24px;
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
padding: 100px 44px;
position: relative;
}
.button-primary-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.2px;
background-color: #030711;
border-radius: 44px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-primary-l:hover {
background-color: var(--primary-500);
}
.button-primary-l.w--current {
background-color: #344256;
border-color: #48566a;
}
.h1-heading-3 {
color: #030711;
letter-spacing: -1.6px;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 72px;
}
.button-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.wrap-v-regular {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.wrap-v-x-large {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.paragraph-small-3 {
color: #030711;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.paragraph-small-3.text-color-gray-600 {
color: #4b5563;
}
.icon-large-2 {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.container-small {
width: 100%;
max-width: 996px;
margin-left: auto;
margin-right: auto;
}
.h6-heading {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 1.4;
}
.content-icon-wrapper {
color: #2a514c;
background-color: #e0e3de;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 78px;
height: 78px;
display: flex;
overflow: hidden;
}
.content-card-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
max-width: 792px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.content-card-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
padding: 24px;
text-decoration: none;
display: flex;
}
.paragraph-small-4 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 23px;
}
.paragraph-small-4.text-gray-700 {
color: #50584b;
}
.title-wrapper {
text-align: center;
flex-direction: column;
width: 100%;
max-width: 640px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.h2-heading {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 500;
line-height: 1.2;
}
.icon-x-small {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.content-card-button {
color: #d74747;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.section-regular-3 {
background-color: #f7f6f2;
padding: 92px 5%;
position: relative;
}
.wrap-h {
display: flex;
}
.wrap-h.align-c {
align-items: center;
}
.text-red-500 {
color: #d74747;
}
.wrap-v-regular-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.wrap-v-regular-2.align-c {
align-items: center;
}
.subheading-large {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.8;
}
.rounded-icon-large {
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
display: flex;
box-shadow: 1px 1px 20px #0000000d;
}
.caption {
letter-spacing: -.01em;
font-size: 12px;
font-weight: 500;
line-height: 24px;
}
.wrap-v-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.wrap-v-large.align-c {
align-items: center;
}
.wrap-v-large.align-l {
align-items: flex-start;
}
.wrap-v-large.space-bottom {
padding-bottom: 62px;
}
.section-regular-4 {
padding: 92px 5%;
position: relative;
}
.container-x-small-2 {
width: 100%;
max-width: 840px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.content-grid-small {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
}
.icon-large-3 {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.h3-heading-2 {
color: #131316;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.content-card-tall {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
border: 1.5px solid #f4f4f6;
border-radius: 24px;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 24px;
display: flex;
}
.span-underline {
color: #5167f6;
border-bottom: 6px solid #5167f6;
}
.overline-2 {
color: #5e606e;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
line-height: 1.8;
}
.title-wrapper-small-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 510px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.integrations-grid {
flex-flow: row;
grid-template-rows: auto;
justify-content: center;
align-items: stretch;
display: flex;
}
.section-regular-5 {
padding: 96px 5%;
position: relative;
}
.container-large-2 {
margin-left: 100px;
margin-right: 100px;
position: relative;
}
.details-subheading {
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.integrations-top-overlay {
z-index: 1;
background-image: linear-gradient(#fff, #fff0);
width: 100%;
height: 64px;
position: absolute;
inset: 0% 0% auto;
}
.integrations-top-overlay.right {
background-image: linear-gradient(360deg, #fff, #fff0);
inset: auto 0% 0%;
}
.integration {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #f9fafb;
border: .5px solid #f3f4f6;
border-radius: 12px;
flex-direction: row;
align-items: center;
padding: 12px 24px 12px 12px;
display: flex;
}
.integration:hover {
opacity: 1;
}
.button-primary-l-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.2px;
background-color: #030711;
border-radius: 44px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-primary-l-2.w--current {
background-color: #344256;
border-color: #48566a;
}
.integrations-column-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
display: flex;
position: relative;
overflow: hidden;
}
.h6-heading-2 {
color: #030711;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.h6-heading-2:hover {
color: #202020;
transform: scale(1.1);
}
.integrations-title-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
}
.paragraph-large-2 {
color: #030711;
letter-spacing: -.3px;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.integrations-icon-wrapper {
border-radius: 8px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.integrations-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.overline-3 {
color: #030711;
letter-spacing: 1.8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.overline-3:hover {
color: #63b4c8;
font-size: 16px;
font-style: normal;
font-weight: 700;
}
.div-block-4 {
justify-content: center;
align-items: center;
display: flex;
}
.image-21 {
max-width: 80%;
}
.fb-typewriter-hidden-string {
display: none;
}
.integration-logo {
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
display: flex;
}
.integration-detail {
flex-direction: column;
margin-bottom: auto;
margin-right: auto;
display: flex;
}
.integration-card {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.button-small {
outline-offset: 0px;
color: #323c3e;
text-transform: uppercase;
background-color: #0000;
border-radius: 99px;
outline: 1px solid #ccd4d6;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.button-small:hover {
color: #fff;
background-color: #1c2122;
outline-color: #1c2122;
}
.integration-button-wrapper {
max-width: 127px;
margin-left: auto;
margin-right: auto;
}
.grid-integration {
grid-column-gap: 40px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-bottom: 72px;
}
.integration-line-light {
background-color: #e9eced;
justify-content: flex-end;
width: 100%;
max-width: 80%;
height: 1px;
margin-top: 32px;
margin-left: auto;
}
.integration-app-title {
letter-spacing: -.02em;
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.button-primary-2 {
color: #fff;
letter-spacing: -.02em;
background-color: #1c2122;
border-radius: 8px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 8px 32px;
font-size: 18px;
font-weight: 600;
line-height: 32px;
text-decoration: none;
display: flex;
}
.integration-apps {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.integration-logo-small {
box-shadow: none;
border: 1px solid #e9eced;
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
transition: border-color .3s, box-shadow .3s;
display: flex;
overflow: hidden;
}
.integration-logo-small:hover {
background-color: #fff;
border-style: none;
border-width: 0;
box-shadow: 0 2px 4px #94a5a840;
}
.integration-wrapper {
width: 100%;
max-width: 840px;
margin-left: auto;
margin-right: auto;
}
.integration-heading {
color: #1c2122;
margin-top: 0;
margin-bottom: 0;
font-size: 72px;
font-weight: 400;
line-height: 86px;
}
.f-margin-bottom-68 {
margin-bottom: 16px;
}
.f-blog-avatar {
background-color: #f7f9fd;
border-radius: 100%;
width: 48px;
height: 48px;
margin-right: 16px;
overflow: hidden;
}
.f-h3-heading-5 {
color: #160042;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.f-blog-title-wrapper {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-h6-heading {
color: #160042;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.5;
}
.f-blog-badge {
color: #642eff;
text-align: center;
background-color: #f7f5ff;
border-radius: 50px;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
padding: 4px 12px;
font-size: 12px;
line-height: 16px;
display: inline-block;
}
.f-blog-thumbnail {
border-radius: 8px;
height: 320px;
margin-bottom: 24px;
overflow: hidden;
}
.f-margin-bottom-69 {
margin-bottom: 40px;
}
.f-paragraph-regular-4 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-paragraph-regular-4.f-text-weight-medium {
font-weight: 500;
}
.f-text-color-gray-500 {
color: #6b7094;
}
.f-blog-card:hover {
box-shadow: 6px 5px 5px #0003;
}
.f-max-width-large {
max-width: 610px;
}
.f-grid-three-column-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.f-heading-detail-small-8 {
color: #6b7094;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-blog-author-wrapper {
align-items: center;
height: 48px;
display: flex;
}
.f-margin-bottom-70 {
margin-bottom: 32px;
}
.f-section-large-7 {
padding: 92px 5%;
position: relative;
}
.text-block-10 {
color: #0797b2;
}
.section-cta-2 {
background-color: #f3f4f6;
padding: 20px 5%;
position: relative;
}
.image-22 {
max-width: 50%;
}
.flex-block {
align-items: center;
}
.f-paragraph-large-copy {
text-align: center;
letter-spacing: -.02em;
justify-content: flex-start;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
display: flex;
}
.content-section-2 {
background-color: #f6f5f3;
padding-top: 96px;
padding-bottom: 96px;
}
.content-link-title {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: center;
font-weight: 500;
display: flex;
}
.label-small {
font-size: 14px;
line-height: 20px;
}
.label-small.text-color-gray-900 {
color: #393837;
}
.label-small.text-color-gray-700 {
color: #5f5e5d;
}
.content-link-row {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 2660px;
}
.content-link-row.bottom {
padding-bottom: 6px;
}
.content-link-row.top {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: auto;
}
.label-medium {
font-size: 16px;
line-height: 24px;
}
.wrap-v-x-small-2 {
z-index: 5;
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
display: flex;
}
.title-caption {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #ff443d;
flex-direction: row;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.icon-x-large {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.content-link-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #000;
text-align: center;
border-radius: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding: 24px 16px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.content-link-card.raised {
background-color: #fff;
box-shadow: 0 3px 2px #201f1f00, 0 2px 1px #201f1f03, 0 1px 1px #201f1f0a, 0 1px 1px #201f1f12;
}
.content-carousel {
z-index: 5;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 2560px;
margin-left: auto;
margin-right: auto;
padding-bottom: 6px;
display: flex;
overflow: hidden;
}
.content-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1060px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.h2-heading-2 {
color: #000;
letter-spacing: -.8px;
font-size: 56px;
font-weight: 700;
line-height: 1.1;
}
.icon-wrapper-regular {
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.content-footer {
text-align: center;
justify-content: center;
align-items: center;
max-width: 1060px;
margin-top: 104px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.link-arrow {
overflow: hidden;
}
.grid-19 {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.social-media-wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
align-items: flex-start;
margin-bottom: 80px;
display: flex;
overflow: hidden;
}
.image-cover-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.icon-x-large-2 {
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.subheading-regular {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
}
.marquee-embed {
display: none;
}
.social-media-section {
padding-top: 96px;
padding-bottom: 96px;
position: relative;
}
.marquee-group {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: none;
align-items: center;
margin-right: 24px;
display: flex;
}
.paragraph-small-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 23px;
}
.social-media-marquee {
align-items: center;
display: flex;
}
.social-media-image-large {
border: 1px solid #e0e3de;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 486px;
display: flex;
position: relative;
overflow: hidden;
}
.wrap-h-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.wrap-h-small.align-c {
align-items: center;
}
.h2-heading-3 {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 500;
line-height: 1.2;
}
.justify-c {
justify-content: center;
display: flex;
}
.social-media-button {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #000;
background-color: #f5f6f4;
border-radius: 8px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 340px;
padding: 16px;
text-decoration: none;
display: flex;
}
.social-media-wrapper-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
align-items: center;
margin-bottom: 80px;
display: flex;
overflow: hidden;
}
.b-h3-heading {
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;
}
.b-button-primary {
color: #fff;
text-align: center;
background-color: #3e376d;
border-radius: 16px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: background-color .3s;
display: inline-block;
}
.b-button-primary:hover {
background-color: #4e4587;
}
.b-badge {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.b-cta-banner {
color: #454f5f;
margin-top: 16px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.b-button-secondary {
color: #3e376d;
background-color: #0000;
border: 1px solid #acb5c3;
border-radius: 16px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
display: flex;
}
.margin-bottom-56 {
margin-bottom: 56px;
}
.b-paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.6;
}
.b-button-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
margin-top: 32px;
display: flex;
}
.b-span-primary {
color: #e57361;
}
.b-cta-content-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
max-width: 510px;
display: flex;
}
.b-badge-caption {
letter-spacing: .01em;
font-size: 12px;
font-weight: 600;
line-height: 1.8;
}
.b-container-small {
z-index: 5;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
position: relative;
inset: 0% auto 0% 0%;
}
.b-badge-icon {
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.b-cta-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
}
.b-section-regular {
padding: 92px 5%;
position: relative;
overflow: hidden;
}
.b-cta-image {
width: 100%;
height: 100%;
}
.b-max-width-small {
max-width: 400px;
}
.margin-bottom-32 {
margin-bottom: 32px;
}
.b-title-wrapper-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 620px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-10 {
font-size: 40px;
}
.heading-11, .heading-12 {
font-weight: 400;
}
.list-text {
text-shadow: 10px 6px 4px #0003;
flex-flow: row;
justify-content: flex-start;
padding-top: 15px;
font-size: 20px;
font-weight: 400;
display: flex;
}
.list-text:hover {
color: var(--primary-500);
font-size: 22px;
}
.icon-2 {
color: #160042;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
._1-grid-v2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._1-grid-v2.row-gap-48px {
grid-row-gap: 48px;
}
.h6-heading-list {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.h6-heading-list:hover {
color: var(--primary-500);
transform: scale(1.1);
}
.f-paragraph-large-7 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-h5-heading {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 25px;
line-height: 1.4;
}
.f-margin-bottom-71 {
margin-bottom: 16px;
}
.f-feature-icon-wrapper-white {
background-color: #fff;
border-radius: 8px;
width: 72px;
min-width: 72px;
height: 72px;
min-height: 72px;
margin-bottom: 40px;
padding: 16px;
}
.f-feature-card-filled {
background-color: var(--flowui-component-library--gray-100);
border-radius: 12px;
padding: 32px 32px 43px;
}
.f-grid-three-column-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.f-button-secondary-2 {
border: 1px solid var(--flowui-component-library--grey-300);
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
background-color: #fff;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: border-color .3s, background-color .3s;
display: flex;
}
.f-button-secondary-2:hover {
background-color: var(--flowui-component-library--gray-200);
border-color: #0000;
}
.f-button-neutral-6 {
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral-6:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-button-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.f-margin-bottom-72 {
margin-bottom: 32px;
}
.f-h3-heading-6 {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.f-heading-detail-small-9 {
color: var(--flowui-component-library--gray-500);
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-margin-bottom-73 {
margin-bottom: 12px;
}
.f-max-width-large-2 {
max-width: 610px;
}
.f-header-grid-asymmetrical {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
}
.f-margin-bottom-74 {
margin-bottom: 64px;
}
.f-container-regular-7 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-section-large-8 {
padding: 0 5% 92px;
position: relative;
}
.image-23 {
padding-bottom: 37px;
}
.bold-text-7 {
padding-left: 0;
}
.search-icon-s {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
position: absolute;
inset: 12px auto 12px 12px;
}
.wrap-h-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.menu-link {
grid-column-gap: 8px;
filter: saturate(0%);
color: #6d767e;
letter-spacing: -.02em;
background-color: #0000;
border-radius: 8px;
align-items: center;
padding: 8px;
font-size: 16px;
line-height: 24px;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.menu-link:hover, .menu-link.w--current {
filter: saturate();
color: #000;
background-color: #fff;
}
.menu-link-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #f8f9fa;
border-radius: 8px;
flex-direction: column;
padding: 8px;
display: flex;
overflow: hidden;
}
.menu-link-wrap.margin-top-32 {
margin-top: 32px;
}
.document-menu-link {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #6d767e;
letter-spacing: -.02em;
align-items: center;
font-size: 14px;
line-height: 16px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.document-menu-link:hover {
color: #000;
}
.document-menu-link.w--current {
color: #6173e5;
}
.document-container {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.document-grid-s {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.icon-small-3 {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.document-title {
color: #000;
letter-spacing: -.02em;
margin-bottom: 4px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.button-main-wrap {
grid-column-gap: 32px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 32px;
margin-bottom: 32px;
display: flex;
}
.search-wrapper {
align-items: center;
display: flex;
position: relative;
}
.dropdown-link-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-left: 1px solid #eaedf0;
flex-direction: column;
display: flex;
position: relative;
}
.document-feature-block {
grid-column-gap: 12px;
border: 1px solid #ebebeb;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 24px;
display: flex;
}
.document-navigation {
border-bottom: 1px solid #ebebeb;
justify-content: space-between;
align-items: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: flex;
}
.document-icon-square {
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-bottom: 16px;
display: flex;
}
.document-icon-square.red {
color: #e56161;
background-color: #fceeee;
}
.document-icon-square.orange {
color: #e59661;
background-color: #fcf3ee;
}
.document-icon-square.blue {
color: #6173e5;
background-color: #eeeffc;
}
.document-icon-square.green {
color: #86c1a0;
background-color: #f2f8f5;
}
.search-badge {
background-color: #fff;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 38px;
height: 32px;
padding: 8px;
display: flex;
position: absolute;
inset: 4px 4px 4px auto;
}
.paragraph-large-3 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 1.8;
}
.paragraph-large-3.text-weight-bold {
white-space: normal;
font-weight: 700;
}
.menu-main {
border-right: 1px solid #ebebeb;
flex: none;
width: 20%;
min-width: 260px;
max-width: 280px;
height: auto;
padding: 16px;
position: relative;
}
.document-block {
grid-row-gap: 16px;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
align-items: stretch;
padding: 16px;
display: flex;
}
.h6-heading-3 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.4;
}
.button-group {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fafafa;
border: 1px solid #ebebeb;
border-radius: 8px;
flex-wrap: wrap;
align-items: center;
padding: 8px;
display: flex;
}
.button-secondary-square {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #6173e5;
text-align: center;
letter-spacing: -.02em;
background-color: #eeeffc;
border-radius: 8px;
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;
transition: all .5s cubic-bezier(.6, .6, 0, 1);
}
.dropdown-toggle-2 {
letter-spacing: -.02em;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 16px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.document-base {
flex: 1;
width: 100%;
padding: 42px;
}
.icon-x-small-2 {
flex: none;
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
margin-bottom: 3px;
display: flex;
}
.milestone-circle {
z-index: 2;
color: #6173e5;
background-color: #eeeffc;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
display: flex;
}
.headline-m {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.8;
}
.milestone-block {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.headline-s {
color: #6173e5;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
}
.wrap-h-x-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.dropdown {
width: 100%;
}
.dropdown-list-2 {
position: relative;
}
.dropdown-list-2.w--open {
background-color: #0000;
}
.icon-regular-2 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.document-content {
grid-row-gap: 12px;
flex-direction: column;
align-items: stretch;
display: flex;
}
.application-button {
grid-column-gap: 8px;
color: #000;
letter-spacing: -.02em;
background-color: #fff;
border-radius: 8px;
align-items: center;
padding: 8px;
font-size: 14px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
display: flex;
}
.search-bar {
letter-spacing: -.02em;
background-color: #f8f9fa;
border: 1px solid #eaedf0;
border-radius: 8px;
width: 100%;
height: 40px;
margin-bottom: 0;
padding: 8px 44px;
font-size: 16px;
line-height: 24px;
transition: border-color .3s;
}
.search-bar:hover, .search-bar:focus {
border-color: #adb5bd;
}
.search-bar::placeholder {
color: #adb5bd;
}
.search-block {
margin-bottom: 0;
}
.milestone-line {
z-index: 1;
background-color: #eeeffc;
width: 1px;
height: 100%;
position: relative;
}
.badge-button {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #080808;
text-align: center;
letter-spacing: -.02em;
background-color: #eeeffc;
border: 1px solid #cbd0f6;
border-radius: 8px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
padding: 8px;
font-size: 14px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
transition: all .5s cubic-bezier(.6, .6, 0, 1);
display: flex;
}
.document-image {
border-radius: 8px;
overflow: hidden;
}
.document-image.small {
height: 200px;
}
.document-image.large {
height: 320px;
}
.document-inner {
display: flex;
}
.dropdown-link-s {
z-index: 5;
color: #6d767e;
letter-spacing: -.01em;
border-left: 1px solid #0000;
justify-content: space-between;
align-items: center;
margin-left: -1px;
padding-left: 8px;
line-height: 28px;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.dropdown-link-s:hover {
color: #6173e5;
border-left-color: #a7b1f1;
}
.dropdown-link-s.w--current {
color: #6173e5;
border-left-color: #a7b1f1;
justify-content: space-between;
}
.text-color-blue-500 {
color: #6173e5;
}
.document-badge {
color: #6173e5;
background-color: #eeeffc;
border-radius: 44px;
padding: 8px 16px;
}
.document-tab-link {
color: #6d767e;
letter-spacing: -.02em;
background-color: #0000;
border-bottom: 2px solid #0000;
padding: 8px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: color .3s, border-color .3s;
}
.document-tab-link.w--current {
color: #6173e5;
background-color: #0000;
border-bottom-color: #6173e5;
font-weight: 600;
}
.document-tabs-menu {
grid-column-gap: 24px;
border-bottom: 2px solid #ebebeb;
flex-wrap: wrap;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.menu-right {
grid-row-gap: 8px;
background-color: #f8f9fa;
flex-direction: column;
width: 20%;
min-width: 300px;
padding: 16px;
display: flex;
}
.document-step-wrapper {
margin-top: 32px;
}
.paragraph-regular-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.paragraph-regular-5.text-weight-bold {
font-weight: 700;
}
.menu-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.menu-icon-block-2 {
color: #6173e5;
background-color: #eeeffc;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.document-cta-image {
border-radius: 8px;
height: 200px;
overflow: hidden;
}
.paragraph-small-6 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.document-badge-red {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #e56161;
letter-spacing: normal;
background-color: #fceeee;
border-radius: 8px;
align-items: center;
padding: 4px 8px 4px 4px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.document-step-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
padding: 4px;
text-decoration: none;
display: flex;
}
.dropdown-list-inner {
padding: 8px 16px;
overflow: hidden;
}
.document-badge-blue {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #6173e5;
background-color: #eeeffc;
border-radius: 8px;
align-items: center;
padding: 4px 8px 4px 4px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.h3-heading-3 {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.section-document {
padding-left: 5%;
padding-right: 5%;
}
.milestone-grid {
grid-column-gap: 16px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 24px 1fr;
}
.feature-card-large-bw {
grid-column-gap: 24px;
grid-row-gap: 24px;
filter: grayscale();
background-color: #fff;
border-radius: 32px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
padding: 40px;
display: flex;
}
.feature-card-large-bw:hover {
filter: none;
}
.tab-paragraph {
color: #6b6b6b;
font-size: 18px;
line-height: 36px;
}
.check-wrapper {
align-items: center;
display: flex;
}
.checl-mark {
width: 30px;
margin-right: 14px;
}
.check-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
margin-top: 30px;
}
.tabs-menu {
flex-direction: column;
min-width: 270px;
margin-right: 80px;
display: flex;
}
.check-text {
color: #6b6b6b;
font-size: 16px;
}
.tab-image {
border-radius: 30px;
margin-bottom: 40px;
overflow: hidden;
box-shadow: 17px 17px 60px #5a5a5a66;
}
.tab-section {
padding: 80px 3%;
}
.tabs-content {
width: 100%;
overflow: visible;
}
.accent-circle {
z-index: -1;
position: absolute;
inset: auto 0%;
}
.heading-wrapper-3 {
flex-wrap: wrap;
align-items: center;
max-width: 560px;
margin-bottom: 80px;
display: flex;
}
.tabs-container {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.features-heading {
color: #000;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 1.3;
}
.tab-link-2 {
text-align: center;
background-color: #fafafa;
border-radius: 10px;
justify-content: center;
align-items: center;
margin-bottom: 24px;
padding: 24px 40px;
font-size: 18px;
display: flex;
}
.tab-link-2.w--current {
color: #fff;
background-color: #6273e5;
}
.tabs {
display: flex;
}
.accent-wrapper {
justify-content: flex-start;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
}
.tab-section-2 {
width: 100%;
padding: 80px 3%;
}
.code-embed-3 {
flex-flow: column;
align-items: center;
display: block;
}
.heading-style-h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.pdf_filters_form-component {
margin-bottom: 0;
}
.empty-state-2 {
display: none;
}
.pdf_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pdf_item {
border: 1px solid #000;
flex-direction: column;
display: flex;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.pdf_filters_search {
color: #000;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/665d114dc68a958913262b64_IcRoundSearch.svg");
background-position: 8px;
background-repeat: no-repeat;
background-size: 0 1.5rem;
background-attachment: scroll;
border: 1px solid #000;
min-height: 3rem;
margin-bottom: 0;
padding: .5rem 1rem;
font-weight: 500;
}
.pdf_filters_search:focus {
background-size: 1.5rem;
background-attachment: scroll;
border-color: #002fff;
padding-left: 2.5rem;
}
.pdf_header-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr .25fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem;
}
.container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.spacer-large {
padding-top: 3rem;
}
.navbar_component {
z-index: 999;
background-color: #000;
border-bottom: 1px solid #fbfbfb;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.navbar_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar_logo-link {
padding-left: 0;
}
.navbar_logo {
object-fit: contain;
width: 8rem;
}
.navbar_backdrop {
z-index: -1;
opacity: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #101010b3;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.pdf_modal {
z-index: 1000;
justify-content: center;
align-items: center;
width: 100vw;
height: 100svh;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.pdf_modal-content {
z-index: 2;
color: #000;
text-align: center;
background-color: #e7ff50;
flex-direction: column;
justify-content: center;
align-items: center;
width: 54.1875rem;
height: 90svh;
font-size: 1.5rem;
font-weight: 500;
display: flex;
position: relative;
overflow: scroll;
}
.pdf_modal-close-button {
z-index: 2;
color: #e7ff50;
transition: color .3s;
position: absolute;
top: 1rem;
right: 1rem;
}
.pdf_modal-close-button:hover {
color: #fff;
}
.icon-embed-medium {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.pdf_modal-background {
z-index: -1;
background-color: #000000a6;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.pdf_image-link {
width: 100%;
padding-top: 54%;
position: relative;
overflow: hidden;
}
.pdf_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.pdf_image-overlay {
z-index: 2;
background-image: linear-gradient(#0009, #0009);
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 1rem;
display: flex;
position: absolute;
inset: 0%;
}
.pdf_image-lottie {
filter: brightness(2000000%);
width: 6rem;
height: 6rem;
margin-top: -3rem;
margin-left: -3rem;
position: absolute;
inset: 50% 0% 0% 50%;
}
.pdf_image-text {
color: #000;
background-color: #0497b2;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
line-height: 1.2;
}
.pdf_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 1.5rem;
display: flex;
}
.page-header2_metatag-icon {
flex: none;
align-self: flex-start;
margin-right: .5rem;
}
.pdf_button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-size-small {
font-size: .875rem;
}
.pdf_title-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.pdf_metatag-item {
align-items: center;
display: flex;
}
.heading-style-h5 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
}
.button-4 {
color: #fff;
text-align: center;
background-color: #000;
border: 1.5px solid #000;
padding: .5rem 1rem;
font-weight: 600;
transition: background-color .3s, color .3s;
}
.button-4:hover {
color: #000;
background-color: #e7ff50;
}
.button-4.is-secondary {
color: #000;
background-color: #0000;
border: 1.5px solid #000;
}
.button-4.is-secondary:hover {
color: #000;
background-color: #e7ff50;
}
.pdf_metatag-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: auto;
display: flex;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.text-span-3 {
color: var(--primary-400);
}
.subheading-bold {
color: var(--accessible-components--white-smoke);
letter-spacing: .08em;
text-transform: uppercase;
text-shadow: none;
padding-bottom: 0;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.icon-x-small-3 {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.header-title-wrap {
margin-bottom: 32px;
}
.header-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 792px;
position: relative;
}
.container-regular-2 {
z-index: 5;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.button-primary-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #131315;
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;
}
.header-text-background {
color: var(--accessible-components--white-smoke);
text-shadow: none;
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6661b3d004e7ede48bd5e42b_Arcs_Changelog%20Pattern%202x.svg");
background-repeat: repeat;
background-size: 100% 90%;
background-attachment: scroll;
}
.header-grid {
grid-column-gap: 52px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
align-items: center;
margin-bottom: 100px;
}
.header-user-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.section-regular-6 {
padding: 96px 5%;
position: relative;
}
.h1-heading-4 {
color: var(--accessible-components--white-smoke);
letter-spacing: -.04em;
text-shadow: none;
background-color: #0000;
background-image: none;
background-size: auto;
border-radius: 0;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 11px;
font-size: 72px;
line-height: 1.2;
}
.avatar-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.margin-bottom-16 {
margin-bottom: 16px;
}
.header-link-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
margin-top: 48px;
display: flex;
}
.h6-heading-4 {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 1.4;
}
.header-logo-block {
border: 1px solid #e4e4e7;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 32px;
display: flex;
}
.header-logo-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
}
.header-detail-wrap {
grid-column-gap: 44px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
display: flex;
}
.avatar-large {
border: 4px solid #fff;
border-radius: 100px;
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
overflow: hidden;
box-shadow: 0 1px #e4e4e7;
}
.avatar-large.group {
margin-left: -16px;
}
.paragraph-regular-6 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.header-section-text {
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 14px;
font-weight: 500;
display: flex;
}
.footer-social-links {
align-items: center;
margin-right: 14px;
display: flex;
}
.footer-link {
color: #52527a;
margin-bottom: 16px;
line-height: 27px;
text-decoration: none;
transition: color .2s;
display: inline-block;
}
.footer-link:hover {
color: #3385ff;
}
.footer-column-2 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-container {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.footer-text-field {
background-color: #fff;
border: 1px #000;
border-radius: 10px;
min-height: 70px;
margin-bottom: 0;
margin-right: 10px;
padding-left: 65px;
padding-right: 120px;
font-size: 18px;
transition: box-shadow .3s;
box-shadow: 0 20px 40px #e5e5e566;
}
.footer-text-field:hover, .footer-text-field:focus {
box-shadow: 0 10px 20px #e5e5e599;
}
.footer-text-field::placeholder {
color: #b4b4b4;
}
.footer-submit-button {
background-color: #3385ff;
border-radius: 10px;
min-height: 54px;
padding-left: 34px;
padding-right: 34px;
font-size: 18px;
transition: background-color .3s;
}
.footer-submit-button:hover {
background-color: #2d2d2d;
}
.footer-form {
align-items: center;
display: flex;
}
.footer-section {
color: #8d88a7;
background-color: #fff;
padding: 100px 3% 40px;
font-size: 20px;
}
.footer-logo {
color: #1e1e48;
margin-bottom: 60px;
font-size: 34px;
font-weight: 700;
line-height: 50px;
text-decoration: none;
display: inline-block;
}
.field-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.footer-social-link {
flex: none;
margin-right: 26px;
transition: opacity .2s;
}
.footer-social-link:hover {
opacity: .6;
}
.footer-title {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
font-size: 18px;
font-weight: 700;
line-height: 23px;
}
.header-stripe {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #000;
border-top: 1px solid #0003;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
line-height: 24px;
display: flex;
}
.footer-newsletter {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 450px;
display: flex;
}
.footer-blue-link {
color: #3385ff;
text-decoration: none;
transition: color .2s;
}
.footer-blue-link:hover {
color: #2d2d2d;
}
.footer-contact-block {
justify-content: space-between;
align-items: flex-start;
margin-right: -20px;
display: flex;
}
.footer-left-col {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-form-block {
margin-bottom: 40px;
}
.footer-contact-item {
margin-right: 20px;
}
.footer-grid {
grid-column-gap: 60px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 100px;
display: grid;
}
.image-24 {
position: absolute;
inset: auto auto auto 20px;
}
.text-block-11 {
color: var(--neutral-50);
padding-left: 15px;
font-size: 13px;
}
.header-above-navbar {
background-color: var(--transparent);
align-items: center;
min-height: 80px;
display: flex;
}
.header-above-navbar.style-guide {
display: none;
}
.quick-stack-4 {
padding-top: 0;
padding-bottom: 0;
}
.cell-7, .cell-8, .cell-9, .cell-10 {
justify-content: center;
align-items: center;
}
.header-stripe-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #000;
border-top: 1px solid #0003;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
line-height: 24px;
display: flex;
}
.flex-block-2 {
flex: 1;
justify-content: center;
align-items: center;
display: block;
}
.next-episode-link {
color: var(--primary-400);
}
.next-episode-link:hover {
color: var(--success-500);
font-size: 20px;
}
.wrap-v-small-for-episode {
justify-content: flex-end;
align-items: center;
display: flex;
}
.wrap-v-small-for-episode-prev {
justify-content: flex-start;
align-items: center;
display: flex;
}
.dropdown-image {
max-height: 254px;
box-shadow: 0 0 32px -16px #000;
}
.cart-discount {
color: #d74747;
font-size: 12px;
text-decoration: line-through;
}
.text-gray-700 {
color: #50584b;
}
.cart-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
max-height: 350px;
display: flex;
position: relative;
overflow: auto;
}
.navigation-search-form-block {
z-index: 2;
width: 0;
margin-bottom: 0;
overflow: hidden;
}
.cart-dropdown-card {
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 20px;
overflow: hidden;
box-shadow: 4px 36px 64px -14px #4d4d4d26;
}
.button-primary-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
background-color: #2a514c;
border-radius: 8px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: all .3s;
}
.button-primary-4:hover {
background-color: #376d65;
}
.button-primary-4:active {
background-color: #45877e;
}
.navigation-dropdown-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
min-height: 350px;
}
.navigation-button-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.navigation-cart-dropdown {
z-index: 99;
inset: 0% 0% auto auto;
}
.navigation-cart-dropdown.w--open {
z-index: 99;
background-color: #0000;
width: 100%;
min-width: auto;
max-width: 400px;
margin-left: 5%;
margin-right: 5%;
inset: 120px 10% auto auto;
}
.navigation-menu-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: none;
align-items: center;
display: flex;
position: static;
}
.navigation-dropdown {
position: static;
}
.navigation-button-outline {
color: #2a514c;
border: 1px solid #cbd0c8;
border-radius: 8px;
flex: none;
justify-content: center;
align-items: center;
padding: 12px;
display: flex;
}
.navigation-button-outline:hover {
background-color: #e0e3de;
border-color: #e0e3de;
}
.navigation-button-outline:active {
background-color: #cbd0c8;
border-color: #cbd0c8;
}
.cart-item-remove {
cursor: pointer;
padding: 6px;
}
.cart-item-remove:hover {
color: #d74747;
}
.navigation-button-group {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.navigation-button {
color: #2a514c;
text-align: center;
background-color: #e0e3de;
border-radius: 8px;
flex: none;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
}
.navigation-button:hover {
background-color: #cbd0c8;
}
.navigation-button:active {
background-color: #b6bdb2;
}
.dropdown-featured-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #282c25;
background-color: #f5f6f4;
border-radius: 16px;
flex-direction: column;
align-items: center;
width: 100%;
padding: 24px 24px 32px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.dropdown-featured-link:hover {
background-color: #e0e3de;
}
.dropdown-card-small {
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 20px;
padding: 16px;
overflow: hidden;
box-shadow: 4px 36px 64px -14px #4d4d4d26;
}
.navigation-close-icon {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: none;
}
.navigation-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cart-item-bottom {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
align-items: center;
display: flex;
}
.cart-gradient-overlay {
pointer-events: none;
background-image: linear-gradient(#0000, #fff);
height: 40px;
position: absolute;
inset: auto 0% 0%;
}
.cart-title-block {
grid-column-gap: 32px;
grid-row-gap: 32px;
white-space: nowrap;
border-bottom: 1px solid #e0e3de;
justify-content: space-between;
align-items: center;
padding: 40px 48px 24px;
display: flex;
}
.paragraph-large-4 {
color: #3c4238;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 1.8;
}
.paragraph-large-4.text-weight-bold {
font-weight: 700;
}
.paragraph-large-4.text-weight-medium {
font-weight: 500;
}
.cart-gradient-wrapper {
position: relative;
}
.navigation-right-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.cart-main {
flex-flow: column;
padding: 32px;
display: flex;
}
.navigation-dropdown-link {
color: #3c4238;
border-radius: 8px;
flex-wrap: wrap;
align-items: center;
padding: 16px 24px 16px 16px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all .3s;
display: flex;
}
.navigation-dropdown-link:hover {
color: #000;
background-color: #f5f6f4;
}
.navigation-logo {
width: 48px;
height: 48px;
}
.navigation-search-icon {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.navigation-dropdown-list-small {
z-index: 99;
min-width: auto;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.navigation-dropdown-list-small.w--open {
z-index: 99;
background-color: #0000;
width: 600px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.navigation-link-title {
color: #000;
letter-spacing: .03em;
text-transform: uppercase;
padding: 16px;
font-weight: 700;
}
.navigation-link-title.text-color-green-500 {
color: #2a514c;
}
.cart-item {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-radius: 8px;
justify-content: space-between;
align-items: center;
padding: 16px;
transition: background-color .2s;
display: flex;
}
.cart-item:hover {
background-color: #f5f6f4;
}
.navigation-toggle {
grid-column-gap: 4px;
color: #2a514c;
border-radius: 12px;
justify-content: center;
align-items: center;
height: 100%;
padding: 12px 20px 12px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: all .2s;
display: flex;
}
.navigation-toggle:hover {
color: #000;
background-color: #fff;
border-radius: 12px;
}
.navigation-toggle.w--open {
color: #000;
background-color: #fff;
}
.navigation-left-wrapper {
width: 100%;
}
.cart-item-details {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.cart-item-price {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.navigation-link {
color: #2a514c;
letter-spacing: -.01em;
white-space: nowrap;
background-color: #0000;
border-radius: 12px;
flex: none;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .35s;
}
.navigation-link:hover {
color: #160042;
background-color: #fff;
}
.navigation-link.w--current {
color: #642eff;
}
.text-green-300 {
color: #45877e;
}
.dropdown-content {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 14px;
display: flex;
}
.navigation-search-input {
color: #282c25;
background-color: #e0e3de;
border: 1px solid #e0e3de;
border-radius: 8px;
min-height: 48px;
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
.navigation-search-input:focus {
border-style: solid;
border-color: #cbd0c8;
}
.navigation-search-input::placeholder {
color: #788471;
}
.navigation-search-button {
color: #2a514c;
border: 1px solid #f7f6f2;
border-radius: 8px;
padding: 12px;
transition: all .3s;
}
.navigation-search-button:hover {
color: #000;
background-color: #e0e3de;
border-color: #fff;
}
.navigation-divider {
background-color: #e0e3de;
width: 1px;
height: 24px;
}
.dropdown-arrow-icon {
margin-right: 0;
position: static;
}
.navigation-link-button {
grid-column-gap: 8px;
color: #e96e35;
justify-content: center;
align-items: center;
padding: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.navigation-link-button:hover {
background-color: #fdf2ed;
border-radius: 12px;
}
.icon-x-small-4 {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.navigation-2 {
background-color: #f7f6f2;
align-items: center;
width: 100%;
padding: 24px 5%;
display: flex;
}
.cart-image {
width: 78px;
height: 110px;
box-shadow: 0 10px 16px -10px #282c25;
}
.a-filter-image-wrapper {
border: 1px solid #dedfe3;
border-radius: 24px;
height: 282px;
margin-bottom: 16px;
}
.a-container-large {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.a-filter-filter-button {
grid-column-gap: 6px;
color: #131316;
border: 1px solid #dedfe3;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 12px 16px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.a-filter-filter-button:hover {
background-color: #f4f4f6;
}
.a-filter-card-grid {
grid-column-gap: 24px;
grid-row-gap: 40px;
}
.a-subheading-regular {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.8;
}
.a-filter-header-small {
justify-content: space-between;
margin-bottom: 24px;
display: flex;
}
.a-filter-checkbox {
cursor: pointer;
background-color: #eceefe;
border-style: none;
border-radius: 8px;
flex: none;
width: 24px;
height: 24px;
margin-top: 0;
margin-left: 0;
margin-right: 16px;
}
.a-filter-checkbox.w--redirected-checked {
background-color: #5167f6;
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/665e237d979a341a86a21e70_check-primary.svg");
background-size: 16px 16px;
border-style: none;
}
.a-filter-checkbox.w--redirected-focus {
box-shadow: none;
border-style: none;
}
.a-filter-load {
color: #000;
letter-spacing: -.03em;
background-color: #f4f4f6;
border-radius: 99px;
padding: 12px 16px;
font-size: 16px;
font-weight: 600;
transition: color .2s, background-color .2s;
}
.a-filter-load:hover {
color: #5167f6;
background-color: #dedfe3;
}
.a-h6-heading {
color: #131316;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.4;
}
.a-filter-toggle-wrap {
grid-column-gap: 16px;
cursor: pointer;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.a-filter-toggle-wrap:hover {
color: #5167f6;
}
.a-filter-clear {
color: #f65172;
letter-spacing: -.03em;
background-color: #0000;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 4px 16px;
font-size: 16px;
font-weight: 700;
line-height: 1.8;
transition: background-color .3s;
display: flex;
}
.a-filter-clear:hover {
background-color: #feecef;
}
.a-filter-filters-subcategory-wrapper {
flex-direction: column;
margin-top: 8px;
margin-bottom: 8px;
display: flex;
}
.a-filter-toggle {
cursor: pointer;
background-color: #5167f6;
border-radius: 50px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 44px;
height: 24px;
padding: 2px;
display: flex;
position: relative;
box-shadow: inset 1px 1px 2px #494a7d4d, 17px 17px 24px -18px #38327c14;
}
.a-filter-link {
color: #000;
padding-top: 8px;
padding-bottom: 8px;
text-decoration: none;
}
.a-filter-link:hover {
color: #5167f6;
}
.a-filter-top-row {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 64px;
display: flex;
}
.a-filter-form {
color: #131316;
flex-direction: column;
display: flex;
}
.a-filter-card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.a-toggle-round {
z-index: 1;
background-color: #fff;
border-radius: 30px;
width: 20px;
height: 20px;
position: absolute;
box-shadow: 3px 3px 8px #494a7d3d;
}
.a-filter-header {
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 64px;
display: flex;
}
.a-filter-filters-wrapper {
flex-direction: column;
display: flex;
}
.a-filter-checkbox-label {
letter-spacing: -.02em;
width: 100%;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.8;
}
.a-text-primary-underline {
color: #5167f6;
text-decoration: underline;
}
.a-filter-checkbox-field {
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 8px;
padding-left: 8px;
display: flex;
}
.a-filter-checkbox-field:hover {
color: #5167f6;
}
.a-filter-grid {
grid-column-gap: 72px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
}
.a-filter-clear-large {
grid-column-gap: 8px;
color: #f65172;
align-items: center;
padding: 10px 18px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.a-filter-clear-large:hover {
background-color: #feecef;
border-radius: 99px;
}
.a-h4-heading {
color: #131316;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
line-height: 1.4;
}
.a-section-regular {
padding: 92px 5%;
position: relative;
}
.a-filter-divider {
background-color: #dedfe3;
width: 100%;
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
}
.a-filter-category-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.a-paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.a-filter-load-more {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.a-filter-clear-button {
grid-column-gap: 8px;
color: #f65172;
background-color: #feecef;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 12px 16px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.a-filter-clear-button:hover {
background-color: #fdd8e0;
}
.a-icon-small {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.a-paragraph-small {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.image-25 {
margin-left: 104px;
margin-right: 200px;
padding-left: 200px;
padding-right: 95px;
}
.hero-subscribe-left {
background-color: #63b4c8;
border-bottom: 1px solid #e4ebf3;
padding: 43px 30px 153px;
position: relative;
}
.container-8 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px-2 {
text-align: left;
margin-bottom: 24px;
font-size: 20px;
}
.hero-form {
margin-bottom: 12px;
}
.hero-form-container {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.hero-form-input {
color: #1a1b1f;
border: 1px solid #d1d6db;
width: 240px;
height: auto;
margin-bottom: 0;
margin-right: 9px;
padding: 5px 16px;
font-size: 14px;
line-height: 20px;
transition: all .2s;
}
.hero-form-input:hover, .hero-form-input:focus {
border-color: #76879d;
}
.hero-form-input::placeholder {
color: #1a1b1fcc;
}
.button-primary-5 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-5:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-5:active {
background-color: #43464d;
}
.text-link-arrow {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed {
margin-left: 2px;
display: flex;
}
.shadow-two-2 {
box-shadow: 0 4px 24px #96a3b514;
}
.heading-13 {
font-size: 40px;
}
.testimonial-stack-2 {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.testimonial-card-three-2 {
text-align: center;
background-color: #f5f7fa;
padding: 64px 42px;
}
.testimonial-card-content-2 {
flex-direction: column;
align-items: center;
max-width: 580px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.testimonial-card-heading-2 {
margin-bottom: 24px;
}
.testimonial-text-three-2 {
font-size: 24px;
line-height: 32px;
}
.testimonial-info-four-2 {
text-align: center;
flex-direction: column;
align-items: center;
margin-top: 24px;
display: flex;
}
.testimonial-image-2 {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-image-2.centered {
width: 80px;
height: 80px;
margin-bottom: 16px;
margin-right: 0;
}
.testimonial-author-name-three-2 {
margin-bottom: 10px;
}
.hero-without-image {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
margin-top: -192px;
padding: 43px 0 80px;
position: relative;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-14 {
text-align: left;
}
.hero-person-for-services {
z-index: 5;
margin-bottom: 0;
padding: 0;
}
.section-6 {
padding-top: 65px;
padding-bottom: 65px;
position: relative;
}
.section-6.hp-hero {
background-color: #000;
padding-top: 155px;
padding-bottom: 80px;
}
.section-6.related, .section-6.contact {
background-color: #000;
}
.section-6.course-hero {
border-bottom: 1px solid #3d3d41;
padding-top: 22px;
overflow: hidden;
}
.section-6.template-hero {
background-color: #000;
min-height: 1500px;
padding-top: 30px;
padding-bottom: 50px;
}
.section-6.lesson {
padding-bottom: 10px;
display: none;
}
.container-9 {
width: 100%;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.hp-hero__wrap {
width: 100%;
max-width: 550px;
}
.hp-heading {
font-size: 60px;
font-weight: 600;
}
.hp-heading.mb-24 {
color: var(--neutral-50);
font-size: 55px;
line-height: 1;
}
.hp-p {
color: var(--neutral-50);
font-size: 16px;
line-height: 1.7;
}
.dd-account {
position: relative;
}
.nav-link-3 {
color: var(--accessible-components--white-smoke);
padding: 4px 16px;
font-size: 14px;
font-weight: 500;
transition: all .2s;
display: block;
}
.nav-link-3:hover {
color: #f0f0f0b3;
}
.search-field {
color: #444;
border: 1px solid #0000;
height: 100%;
margin-bottom: 0;
padding-left: 40px;
}
.search-field:focus {
border-style: solid;
border-color: #0000;
}
.nav-menu-2 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.beta-text {
color: #222;
letter-spacing: .5px;
font-size: 11px;
}
.navigation-wrap {
position: relative;
}
.dd-toggle {
grid-column-gap: 8px;
color: #f0f0f0;
justify-content: space-between;
padding: 4px 16px;
font-weight: 500;
transition: all .2s;
display: flex;
}
.dd-toggle:hover {
color: #f0f0f0b3;
}
.nav-left {
grid-column-gap: 16px;
align-items: center;
display: flex;
}
.mobile-nav {
display: none;
}
.dd-list__group {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 28px;
display: flex;
}
.dd-list__group.last {
margin-bottom: 0;
}
.search-wrap {
height: 100%;
position: relative;
}
.nav-wrap {
justify-content: space-between;
align-items: center;
display: flex;
}
.hamburger {
display: none;
}
.navbar-2 {
z-index: 99999;
-webkit-backdrop-filter: blur(12px) brightness() saturate(250%);
backdrop-filter: blur(12px) brightness() saturate(250%);
background-color: #000c;
border-bottom: 1px solid #302f30;
align-items: center;
height: 62px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.dd-flex {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.button-wrapper-3 {
display: flex;
}
.button-wrapper-3.gap-4 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-wrap: wrap;
}
.button-wrapper-3.more-buttons {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
}
.search-close {
display: none;
}
.hamburger-line {
background-color: #fff;
width: 20px;
height: 2px;
}
.hamburger-line.middle {
margin-top: 4px;
margin-bottom: 4px;
}
.nav-right {
grid-column-gap: 22px;
align-items: center;
display: flex;
}
.logo {
max-width: 85%;
}
.none {
display: none;
}
.dd-list {
left: 0;
}
.dd-list.w--open {
background-color: #fff;
min-width: 200px;
padding: 28px 28px 20px;
}
.dd-list.account {
left: auto;
right: 0;
}
.dd-list.account.w--open {
min-width: 290px;
top: 100%;
}
.nav-spacer {
height: 62px;
}
.image-26 {
position: absolute;
inset: 50% auto auto 0%;
transform: translate(0, -50%);
}
.log-in-nav {
background-color: #000;
}
.container-10 {
width: 100%;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.container-10.full-height {
height: 100%;
}
.search {
cursor: pointer;
justify-content: center;
align-items: center;
width: 21px;
height: 21px;
display: flex;
}
.dd-heading {
opacity: .8;
color: #666;
text-transform: uppercase;
border-bottom: 1px solid #aaa;
width: 100%;
margin-bottom: 10px;
padding-bottom: 8px;
font-size: 11px;
}
.account-toggle {
grid-column-gap: 8px;
color: #f0f0f0;
background-color: #3d3d41;
align-items: center;
padding: 15px 20px;
font-size: 14px;
font-weight: 500;
transition: all .2s;
display: flex;
}
.account-toggle:hover {
opacity: .7;
}
.search-bar-2 {
background-color: #fff;
width: 100%;
height: 70px;
display: none;
position: absolute;
bottom: -70px;
}
.button-5 {
grid-column-gap: 8px;
background-color: #4353ff;
align-items: center;
padding: 20px 24px;
font-weight: 500;
display: flex;
}
.button-5.log-in {
background-color: #3d3d41;
padding: 15px 20px;
transition: all .2s;
display: block;
}
.button-5.log-in:hover {
background-color: #4353ff;
}
.button-5.grey {
background-color: #3d3d41;
transition: all .2s;
}
.button-5.grey:hover {
background-color: #28292a;
}
.dd-link {
color: #222222d9;
padding-top: 11px;
padding-bottom: 11px;
font-size: 14px;
font-weight: 500;
transition: all .2s;
}
.dd-link:hover {
color: #999;
}
.span-light {
opacity: .8;
font-weight: 400;
}
.dd-embed {
margin-top: -2px;
}
.related-cards__wrap {
grid-column-gap: 13px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 30px;
display: grid;
}
.p-13 {
opacity: .7;
color: var(--accessible-components--white-smoke);
font-size: 13px;
line-height: 1.5;
}
.p-13.opacity-100 {
color: var(--accessible-components--white-smoke);
}
.embed-center {
margin-bottom: -4px;
}
.link-flex {
grid-column-gap: 8px;
align-items: center;
font-weight: 500;
display: flex;
}
.contact-card {
background-color: #1c1f22;
flex-direction: column;
justify-content: space-between;
padding: 40px 40px 50px;
display: flex;
}
.contact-card.white {
color: #0e1012;
background-color: #e7e7eb;
}
.h5 {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.h5.mb-7 {
color: var(--accessible-components--white-smoke);
}
.mb-35 {
margin-bottom: 35px;
}
.contact-top {
margin-bottom: 50px;
}
.contact-cards__wrap {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.widget-container {
z-index: 3;
background-color: #2962ff;
border: 2px solid #2962ff;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
box-shadow: -7px 7px 30px 1px #0003;
}
.widget-close {
z-index: 5;
color: #3f3e46;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-bottom: -.5vw;
display: flex;
position: absolute;
inset: auto 1vw 100% auto;
}
.widget-close:hover {
background-color: #002aff1a;
}
.widget-embed {
flex: 1;
min-width: 86vh;
height: 100%;
}
.widget-wrapper {
z-index: 9999;
width: 20vw;
height: 50vh;
padding: 1vw;
position: fixed;
inset: auto 0 0 auto;
}
.widget-move {
opacity: 0;
color: #fff;
background-color: #161e27;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: auto;
margin-right: auto;
transition: opacity .2s;
display: flex;
position: absolute;
inset: auto 0 100%;
}
.widget-move:hover {
opacity: 1;
}
.widget-move.right {
margin: auto 0;
inset: 0 auto 0 100%;
transform: rotate(90deg);
}
.widget-move.left {
margin: auto 0;
inset: 0 100% 0 auto;
transform: rotate(-90deg);
}
.widget-move.down {
top: 100%;
bottom: auto;
transform: rotate(180deg);
}
.widget-mobile {
display: none;
}
.widget-svg-small {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.double-click {
text-align: center;
font-size: 12px;
position: absolute;
top: -27.3203px;
left: -28.3203px;
transform: rotate(-30deg);
}
.widget-svg {
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.play-img {
display: none;
}
.course-hero__wrap {
z-index: 10;
flex-direction: column;
justify-content: space-between;
min-height: 433px;
padding-right: 40px;
display: flex;
position: relative;
}
.lightbox-button {
grid-column-gap: 8px;
background-color: #3d3d41;
align-items: center;
padding: 20px 24px;
font-weight: 600;
transition: all .2s;
display: flex;
}
.lightbox-button:hover {
background-color: #28292a;
}
.hairline {
background-color: #f0f0f0;
width: 1px;
height: 16px;
}
.breadcrumb-arrow {
margin-left: 4px;
margin-right: 14px;
}
.breadcrumb-arrow.m-small {
margin-right: 4px;
}
.embed-video {
width: 100%;
height: 100%;
}
.course-hero__content {
align-self: flex-end;
width: 100%;
max-width: 640px;
}
.h2-2 {
font-size: 40px;
font-weight: 600;
line-height: 1.2;
}
.h2-2.mb-10 {
color: var(--accessible-components--white-smoke);
margin-bottom: 0;
}
.hero-p {
color: var(--accessible-components--white-smoke);
width: 100%;
max-width: 550px;
margin-bottom: 16px;
font-size: 16px;
line-height: 1.7;
}
.level-wrap {
grid-column-gap: 10px;
align-items: center;
margin-bottom: 7px;
font-size: 11px;
display: flex;
}
.course-time-count {
color: var(--accessible-components--white-smoke);
margin-bottom: 0;
}
.course-hero__gradient {
background-image: linear-gradient(to top, #0f0f0f, #fff0), linear-gradient(239deg, #0f0f0f00 23%, #0f0f0f4a 67%), radial-gradient(circle at 0 0, #332c2a24 53%, #0f0f0fb0 82%);
position: absolute;
inset: 0%;
}
.breadcurmb-link {
color: var(--accessible-components--white-smoke);
border-left: 4px solid #4353ff;
padding: 12px 10px;
display: inline-block;
}
.breadcurmb-link.no-b {
border-left-style: none;
}
.bg-video-2 {
position: absolute;
inset: 0%;
}
.toggle-button {
z-index: 20;
cursor: pointer;
background-color: #000;
justify-content: center;
align-items: center;
width: 66px;
height: 69px;
display: flex;
position: absolute;
inset: auto auto 12px 20px;
}
.breadcrumbs-2 {
align-items: center;
font-weight: 500;
display: flex;
}
.breadcrumbs-2.b-lessons {
display: none;
}
.h3 {
font-size: 29px;
font-weight: 600;
line-height: 1.3;
}
.h3.mb-15 {
color: var(--accessible-components--white-smoke);
}
.rte-description {
margin-bottom: 16px;
}
.description-l {
flex: 1;
}
.summary-img {
object-fit: cover;
height: 100%;
}
.p-16 {
line-height: 1.7;
}
.p-16.mb-16 {
color: var(--accessible-components--white-smoke);
}
.progress-bar-inside {
background-color: #4353ff;
border-radius: 500px;
width: 0%;
height: 6px;
transition: all .2s;
}
.summary-card {
align-items: stretch;
margin-bottom: 10px;
display: flex;
}
.tabs-menu-2 {
border-bottom: 1px solid #f0f0f026;
margin-bottom: 70px;
}
.video-group {
padding-top: 15px;
}
.summary-top {
border-bottom: 1px solid #3d3d41;
padding: 20px 20px 20px 34px;
}
.p-17 {
color: var(--accessible-components--white-smoke);
font-size: 17px;
font-weight: 700;
}
.video {
width: 100%;
max-width: 955px;
}
.video.video-lesson {
display: none;
}
.videos-group-title {
color: var(--accessible-components--white-smoke);
margin-bottom: 5px;
font-size: 11px;
}
.description-r {
flex: 1;
}
.video-wrapper {
grid-column-gap: 20px;
justify-content: space-between;
margin-top: 60px;
display: flex;
}
.video-wrapper.grid2 {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rich-groups-videos {
display: none;
}
.h4 {
font-size: 21px;
font-weight: 600;
}
.h4.mb-9 {
color: var(--accessible-components--white-smoke);
}
.video-list {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.video-list.full {
min-height: 1080px;
}
.video-items {
border-top: 1px solid #f0f0f026;
}
.summary-flex {
grid-column-gap: 4px;
justify-content: center;
display: flex;
}
.progress-bar {
background-color: #3d3d41;
border-radius: 500px;
width: 100%;
height: 6px;
margin-bottom: 24px;
}
.videos-top {
border-bottom: 1px solid #f0f0f026;
width: 100%;
}
.lessons-flex {
grid-column-gap: 8px;
align-items: center;
margin-bottom: 7px;
font-size: 11px;
display: flex;
}
.summary-l {
width: 50%;
}
.video-item {
grid-column-gap: 10px;
cursor: pointer;
border: 1px solid #f0f0f026;
border-top-style: none;
justify-content: space-between;
align-items: center;
padding: 15px;
transition: all .2s;
display: flex;
}
.video-item:hover {
background-color: #3d3d4140;
}
.summary-r {
background-color: #1c1f22;
width: 50%;
}
.font-400 {
font-weight: 400;
}
.videos-scroll {
padding-right: 0;
position: static;
inset: 0% auto auto 0%;
overflow: auto;
}
.video-duration {
color: var(--accessible-components--white-smoke);
text-align: right;
min-width: 50px;
}
.course-lessons-count {
color: var(--accessible-components--white-smoke);
}
.divider-2 {
background-color: #3d3d41;
width: 1px;
height: 43px;
}
.lesson-description {
grid-column-gap: 70px;
display: flex;
}
.summary-count {
text-align: center;
}
.play-icon-2 {
width: 20px;
}
.summary-bot {
grid-column-gap: 15%;
justify-content: center;
padding: 20px 34px 40px;
display: flex;
}
.lesson-tab {
color: #fff6;
background-color: #0000;
border-bottom: 1px solid #0000;
margin-bottom: -1px;
padding: 20px 24px;
font-weight: 500;
}
.lesson-tab.w--current {
color: #fff;
background-color: #0000;
border-bottom: 1px solid #f0f0f0;
}
.video-name {
grid-column-gap: 10px;
color: var(--accessible-components--white-smoke);
flex: 1;
align-items: center;
display: flex;
}
.videos {
flex: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.custom-scrollbar {
display: none;
}
.image-27 {
position: absolute;
inset: 50% auto auto 0%;
transform: translate(0, -50%);
}
.p-11 {
font-size: 11px;
}
.p-11.opacity-60.mb-7 {
color: var(--accessible-components--white-smoke);
}
.related-img {
object-fit: cover;
width: 100%;
height: 150px;
}
.related-img__wrap {
margin-bottom: 27px;
position: relative;
}
.related-card {
background-color: #1c1f23;
border-radius: 5px;
height: 100%;
padding: 12px 12px 40px;
}
.play-icn {
display: none;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.heading-15 {
color: var(--neutral-50);
}
.image-28 {
position: absolute;
inset: 50% auto auto 0%;
transform: translate(0, -50%);
}
.heading-16, .paragraph-10 {
color: var(--accessible-components--white-smoke);
}
.paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14 {
color: var(--accessible-components--white-smoke);
margin-bottom: 0;
}
.paragraph-15, .text-course-chapter, .course-chapter-time-marks {
color: var(--accessible-components--white-smoke);
}
.paragraph-16 {
color: var(--accessible-components--white-smoke);
margin-bottom: 0;
}
.text-block-12, .text-block-13 {
color: var(--accessible-components--white-smoke);
}
.header-content {
width: 100%;
max-width: 486px;
}
.button-header-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #6173e5;
text-align: center;
letter-spacing: -.02em;
background-color: #eeeffc;
border-radius: 99px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 8px 24px 8px 8px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
text-decoration: none;
display: flex;
}
.header-button-group {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.button-play-icon {
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.caption-m {
color: #353b41;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
text-decoration: none;
}
.icon-small-4 {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.header-avatar {
border-radius: 99px;
width: 48px;
height: 48px;
overflow: hidden;
}
.play-button {
background-color: #fff;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 112px;
height: 112px;
display: flex;
position: absolute;
box-shadow: 0 24px 64px #e0e0e07a;
}
.header-heading-detail {
grid-column-gap: 12px;
align-items: center;
margin-bottom: 32px;
display: flex;
}
.header-video {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
justify-content: center;
align-items: center;
height: 480px;
display: flex;
position: relative;
overflow: hidden;
}
.header-section-2 {
padding: 80px 5% 0;
position: relative;
}
.container-large-4 {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.header-grid-c {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-bottom: 68px;
}
.button-primary-6 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #6173e5;
border-radius: 99px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
padding: 12px 32px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
display: flex;
}
.paragraph-regular-7 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.h2-heading-4 {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 700;
line-height: 1.2;
}
.video-small {
border-radius: 24px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.paragraph-regular-8 {
margin-bottom: 0;
font-size: 16px;
line-height: 1.6;
}
.section-large-3 {
padding: 120px 5%;
position: relative;
}
.overline-4 {
color: #000;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.play-button-2 {
z-index: 2;
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
display: flex;
position: relative;
}
.play-image {
flex: none;
width: 32px;
height: 32px;
}
.video-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.title-wrapper-small-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 432px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.video-detail {
text-align: center;
width: 100%;
max-width: 588px;
margin-left: auto;
margin-right: auto;
}
.header-container-for-bg-video {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.button-solid-bg {
border: 1px solid var(--primary-500);
color: var(--neutral-50);
text-align: center;
background-color: #0797b2;
border-radius: 100px;
padding: 12px 20px;
font-weight: 500;
transition: color .3s, background-color .3s;
}
.button-solid-bg:hover {
color: var(--primary-500);
background-color: #fff;
}
.button-solid-bg.small {
padding: 6px 16px;
font-size: 14px;
}
.button-solid-bg.large {
background-color: var(--primary-50);
color: var(--primary-500);
padding: 16px 24px;
font-size: 18px;
}
.button-solid-bg.large:hover {
background-color: var(--primary-500);
color: var(--neutral-50);
}
.button-solid-bg.large.full-width {
color: var(--primary-500);
max-width: 250px;
margin-top: 20px;
}
.button-solid-bg.large.full-width:hover {
color: var(--neutral-50);
}
.button-solid-bg.outline {
border: 1px solid var(--neutral-900);
color: var(--neutral-950);
background-color: #0000;
transition: color .2s, transform .3s, background-color .3s;
}
.button-solid-bg.outline:hover {
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.button-solid-bg.secondary {
border-color: var(--neutral-900);
background-color: var(--neutral-900);
color: var(--neutral-50);
}
.button-solid-bg.secondary:hover {
background-color: var(--transparent);
color: var(--neutral-900);
}
.button-solid-bg.form {
position: absolute;
inset: 6px 6px 6px auto;
}
.button-solid-bg.full-width {
text-align: center;
width: 100%;
}
.button-solid-bg.icon {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.button-solid-bg.white {
border-color: var(--white);
background-color: var(--white);
color: var(--neutral-900);
}
.button-solid-bg.white:hover {
background-color: var(--transparent);
color: var(--white);
}
.button-solid-bg.white.large.book_btn {
display: none;
}
.button-solid-bg.outline-white {
border-color: var(--white);
background-color: var(--transparent);
}
.button-solid-bg.outline-white:hover {
background-color: var(--white);
color: var(--neutral-900);
}
.button-solid-bg.outline-white.large {
justify-content: center;
align-items: center;
display: flex;
}
.button-solid-bg.outline-white.large.bner_btn {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: var(--primary-50);
text-align: left;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-solid-bg.inline {
display: inline-block;
}
.button-solid-bg.cont-btn {
display: none;
}
.text-block-14 {
font-size: 50px;
font-weight: 700;
}
.h1-heading-for-bgvideo {
letter-spacing: -.04em;
margin-top: 0;
font-size: 45px;
line-height: 1.2;
}
.h1-heading-for-bgvideo.text-weight-medium {
font-weight: 500;
}
.header-title-wrap-for-bgvideo {
margin-top: 140px;
margin-bottom: 32px;
}
.footnote-for-minutes {
color: var(--accessible-components--white-smoke);
padding-left: 10px;
font-size: 18px;
}
.background-video {
text-shadow: 0 0 1px #0003;
border-radius: 0;
min-height: 1080px;
}
.margin-bottom-220 {
margin-bottom: 220px;
}
.footnote-info-for-waittime {
color: var(--accessible-components--white-smoke);
text-shadow: 0 2px #41414b;
padding-left: 6px;
font-family: Quicksand, sans-serif;
font-size: 18px;
}
.footnote-info-for-waittime-minutes {
color: var(--accessible-components--white-smoke);
text-shadow: none;
background-image: url("https://cdn.prod.website-files.com/65e8a084b7f1781fe6e7ea75/6661b12f42d3e1edd040d86e_Arcs_Changelog%20Pattern.svg");
background-position: 0 0;
background-size: auto;
padding-left: 6px;
font-size: 25px;
}
.bold-text-8, .bold-text-9 {
text-shadow: none;
}
.button-wrapper-landing-page {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.f-paragraph-regular-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-banner-badge {
background-color: var(--flowui-component-library--primary-base);
color: #fff;
text-transform: uppercase;
border-radius: 50px;
padding: 4px 12px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.f-banner-flex-row {
grid-column-gap: 16px;
grid-row-gap: 8px;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.f-banner-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--flowui-component-library--gray-900);
color: var(--flowui-component-library--white);
justify-content: center;
align-items: center;
min-height: 56px;
padding: 16px 5%;
display: flex;
}
.f-icon-regular-6 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-banner-icon-button-2 {
color: var(--flowui-component-library--white);
border-radius: 100px;
transition: background-color .3s;
}
.f-banner-icon-button-2:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-banner-close-2 {
grid-column-gap: 8px;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.f-paragraph-detail-2 {
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.f-banner-text-span-2 {
color: var(--flowui-component-library--primary-base);
}
.f-banner-text-wrapper-2 {
grid-column-gap: 16px;
align-items: center;
display: flex;
}
.f-banner-center-2 {
grid-row-gap: 4px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.f-banner-container-center-2 {
z-index: 5;
justify-content: center;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-paragraph-small-7 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-alert-information {
background-color: var(--flowui-component-library--primary-lighter);
color: var(--flowui-component-library--primary-base);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
margin-right: 16px;
display: flex;
}
.f-alert-content {
width: 100%;
}
.f-paragraph-regular-6 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-paragraph-regular-6.f-text-weight-medium {
font-weight: 500;
}
.f-alert-icon {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.f-text-weight-medium {
font-weight: 500;
}
.f-interaction-wrapper {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.f-interaction {
grid-row-gap: 16px;
background-color: var(--flowui-component-library--gray-200);
text-align: center;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 24px 14px;
display: flex;
}
.f-interaction-accent {
max-width: 320px;
}
.f-interaction-detail {
color: #6b7094;
font-weight: 500;
}
.f-interaction-alert {
background-color: var(--flowui-component-library--white);
color: var(--flowui-component-library--gray-900);
border-radius: 8px;
align-items: flex-start;
padding: 16px 24px 16px 16px;
display: flex;
box-shadow: 56px 0 80px -24px #393b6a1f;
}
.link-3 {
color: var(--primary-500);
font-weight: 500;
}
@media screen and (min-width: 1920px) {
.section.hero {
overflow: visible;
}
.navbar {
background-color: var(--neutral-50);
}
.f-paragraph-regular {
color: var(--neutral-50);
}
.f-section-large {
margin-left: -11px;
}
.f-paragraph-small.f-text-color-gray-500 {
color: #fff200;
}
.f-paragraph-large-2.f-text-weight-bold {
color: var(--neutral-50);
}
.paragraph-4 {
color: var(--neutral-50);
border: 2px solid #fff;
border-radius: 0;
}
.text-block-5 {
margin-left: -14px;
}
.section-regular-2 {
overflow: hidden;
}
.header-section {
background-color: #fff;
display: block;
}
.image-10 {
position: fixed;
}
.image-11 {
position: fixed;
overflow: visible;
}
.bold-text-3 {
margin-left: -29px;
}
.image-14 {
vertical-align: baseline;
}
.quick-stack-2 {
background-color: var(--error-400);
}
.div-block-2 {
opacity: 1;
background-position: 50%;
background-size: 2500px 3500px;
background-attachment: scroll;
border-radius: 0;
transition: opacity .2s;
}
.form-wrapper {
max-width: 850px;
}
.header-above-navbar {
background-color: var(--neutral-50);
}
.background-video {
box-shadow: none;
text-shadow: 0 0 1px #0003;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 28px;
}
h5 {
font-size: 24px;
}
h6 {
font-size: 20px;
}
.tb-hidden, .sg-column.nav {
display: none;
}
.sg-column.content {
margin-left: 0;
}
.heading.xxl {
font-size: 72px;
}
.heading.xl {
font-size: 64px;
}
.heading.l {
font-size: 56px;
}
._2-grid, ._2-grid.feature-offset, ._2-grid.feature-offset---reverse {
grid-template-columns: 1fr;
}
._2-grid.career, ._3-grid, ._4-grid, ._4-grid.footer {
grid-template-columns: 1fr 1fr;
}
._1-2-grid.footer {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
._2-1-grid, ._2-1-grid.footer {
grid-template-columns: 1fr;
}
.input-button-wrapper {
margin-bottom: 12px;
}
.navbar.style-guide {
display: flex;
}
.navigation-item-wrapper.menu-center, .navigation-item-wrapper.menu-left {
width: auto;
}
.nav-menu-wrapper {
border-bottom: 1px solid var(--primary-200);
background-color: var(--neutral-50);
text-align: left;
padding: 32px 24px 56px;
position: absolute;
}
.navbar-link-wrapper {
margin-bottom: 8px;
display: block;
}
.nav-dropdown {
display: block;
}
.dropdown-toggle {
padding-top: 0;
padding-bottom: 8px;
}
.dropdown-list.w--open {
background-color: #0000;
border-style: none;
padding: 0 0 0 8px;
position: relative;
}
.nav-flex-button-wrapper {
flex-wrap: wrap;
}
.nav-icon {
justify-content: space-around;
align-items: center;
width: 36px;
height: 36px;
}
.top-line, .middle-line, .bottom-line {
background-color: var(--neutral-900);
height: 2px;
}
.menu-icon-block {
width: 36px;
height: 36px;
margin-left: 24px;
padding: 0;
}
.menu-icon-block.w--open {
background-color: #0000;
}
.flex-left.gap-24px.tb-justify-center {
justify-content: center;
}
.tb---align-center {
text-align: center;
}
.tb---mg-y-axis-auto {
margin-left: auto;
margin-right: auto;
}
.feature-image-wrapper {
position: relative;
}
.inner-container._500px.tb-mg-bottom-16px {
margin-bottom: 16px;
}
.inner-container.tablet-100 {
max-width: 100%;
}
.social-media-wrapper {
padding-left: 40px;
}
.social-media-wrapper.footer_icon {
padding-left: 0;
}
.faq-question-wrap {
padding-left: 20px;
padding-right: 20px;
}
.faq-wrapper {
flex-wrap: wrap;
}
.faq-column {
width: 100%;
margin-bottom: 36px;
}
.flex-space-between.section-header {
flex-wrap: wrap;
}
.flex-space-between.gap-16px.tb-center {
grid-column-gap: 80px;
grid-row-gap: 16px;
text-align: center;
justify-content: center;
}
.flex-space-between.gap-16px.tb-center.footer {
grid-column-gap: 50px;
}
.tablet-100 {
max-width: 100%;
}
.testimonial-grid {
column-count: 2;
}
.services-slider {
margin-top: 128px;
}
.footer-bottom {
text-align: left;
}
.tb-show {
display: flex;
}
.office-image-2 {
max-width: 256px;
bottom: -5%;
right: -3%;
}
.columns {
display: flex;
}
.columns-2 {
display: block;
}
.grid-two-column, .content-grid {
grid-template-columns: 1fr;
}
.content-section {
padding-top: 140px;
padding-bottom: 140px;
}
.table-bottom {
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: center;
}
.table-all-page-wrap {
margin-right: auto;
}
.table-info-wrapper {
grid-row-gap: 14px;
text-align: center;
flex-direction: column;
}
.table-card {
width: 1040px;
}
.table-full-wrapper {
overflow: scroll;
}
.f-grid-three-column {
grid-template-columns: 1fr 1fr;
}
.cta-container {
max-width: 620px;
}
.cta-grid {
grid-template-columns: 1fr;
padding: 100px 50px 70px;
}
.content-block-2 {
grid-template-columns: 1fr;
}
.grid-four-column {
grid-template-columns: 1fr 1fr;
}
.menu-button {
color: #fff;
background-color: #000;
border-radius: 100px;
margin-left: 14px;
padding: 14px;
}
.menu-button:hover {
color: #fff;
border-radius: 100px;
}
.menu-button.w--open {
color: #fff;
background-color: #000;
}
.hero-person {
max-height: 600px;
}
.nav-menu {
background-color: #fff;
height: auto;
position: absolute;
top: 80px;
}
.header-block {
grid-template-columns: 1fr;
margin-bottom: 140px;
}
.navigation-menu {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-link {
color: #000;
width: 100%;
}
.card-02 {
display: none;
}
.brand {
margin-right: 10px;
padding: 0;
}
.hero-block-right {
background-color: #0497b200;
background-image: radial-gradient(circle closest-side at 50% 50%, var(--primary-500), white);
width: auto;
position: relative;
}
.container-navigation {
position: relative;
}
.hero-image-wrapper {
align-items: center;
margin-left: auto;
margin-right: auto;
left: 0;
}
.header-section {
flex-direction: column;
min-height: auto;
padding-bottom: 0;
}
.card-01 {
display: none;
}
.navigation {
padding-left: 3%;
padding-right: 3%;
}
.waves---mega-heading-1 {
font-size: 72px;
line-height: 110%;
}
.waves-section-hero-5 {
padding-top: 240px;
}
.waves-grid-team-1 {
grid-template-columns: 1fr;
width: 100%;
max-width: 400px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
}
.waves---mega-heading-2 {
font-size: 72px;
line-height: 110%;
}
.waves-section-hero-6 {
padding-top: 240px;
}
.container-4 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.waves---mega-heading-3 {
font-size: 72px;
line-height: 110%;
}
.waves-section-hero-7 {
padding-top: 240px;
}
.waves-bottom-footer-2 {
grid-row-gap: 32px;
text-align: center;
flex-direction: column;
justify-content: flex-start;
}
.waves-top-left-footer-2 {
text-align: center;
align-items: center;
}
.waves-top-footer-2 {
grid-row-gap: 64px;
flex-direction: column;
align-items: center;
}
.waves---mega-heading-4 {
font-size: 72px;
line-height: 110%;
}
.waves-section-hero-8 {
padding-top: 240px;
}
.container-5 {
max-width: 728px;
}
.waves---mega-heading-5 {
font-size: 72px;
line-height: 110%;
}
.waves-section-hero-9 {
padding-top: 240px;
}
.f-container {
padding-left: 2rem;
padding-right: 2rem;
}
.f-accordian-list {
width: 100%;
}
.f-content-image-wrapper-large {
max-width: 100%;
}
.f-grid-two-column, .cta-grid-2 {
grid-template-columns: 1fr;
}
.cta-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
.content-grid-small {
grid-template-columns: 1fr 1fr;
}
.integrations-grid {
flex-flow: column;
grid-template-columns: 1fr;
}
.integrations-column-wrapper {
max-width: none;
height: 400px;
}
.integrations-title-wrapper {
padding-top: 0;
}
.f-blog-thumbnail {
margin-bottom: 16px;
}
.f-grid-three-column-2 {
grid-template-columns: 1fr 1fr;
}
.content-link-row {
width: 1660px;
}
.content-carousel {
overflow: auto;
}
.b-cta-grid {
grid-template-columns: 1fr;
}
.b-section-regular {
padding-top: 60px;
padding-bottom: 60px;
}
.f-grid-three-column-3 {
grid-template-columns: 1fr 1fr;
}
.f-header-grid-asymmetrical {
grid-template-columns: 1fr;
}
.menu-link-wrap.margin-top-32 {
margin-top: 0;
}
.document-container {
flex-direction: column;
}
.document-navigation {
border-bottom-style: none;
}
.menu-main {
border-right-style: none;
width: 100%;
max-width: none;
padding: 0;
}
.button-secondary-square {
max-width: 150px;
display: flex;
}
.document-base {
width: 100%;
padding: 24px 0;
}
.badge-button {
display: flex;
}
.menu-right {
width: 100%;
display: none;
}
.tabs-menu {
min-width: 220px;
margin-right: 40px;
}
.pdf_filters_form-component {
z-index: 999;
}
.pdf_list {
grid-template-columns: 1fr 1fr;
}
.pdf_header-wrapper {
grid-template-columns: 1fr;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pdf_modal-content {
width: 90%;
}
.pdf_image-overlay {
background-image: linear-gradient(#0000001a, #0000001a);
}
.pdf_image-lottie {
display: none;
}
.button-primary-3 {
display: flex;
}
.header-grid {
grid-template-columns: 1fr;
}
.header-logo-grid {
grid-template-columns: 1fr 1fr;
}
.header-detail-wrap {
justify-content: center;
}
.header-stripe {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
}
.footer-newsletter {
align-items: flex-start;
max-width: 100%;
}
.footer-form-block {
width: 100%;
}
.footer-contact-item {
margin-right: 40px;
}
.footer-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.header-above-navbar.style-guide {
display: flex;
}
.quick-stack-4 {
grid-row-gap: 20px;
}
.header-stripe-mobile {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
}
.navigation-dropdown-grid {
grid-template-columns: 1fr 1fr;
}
.navigation-button-wrapper {
grid-column-gap: 24px;
align-items: center;
display: flex;
}
.navigation-cart-dropdown.w--open {
width: auto;
max-width: none;
left: 0%;
right: 0%;
}
.navigation-menu-2 {
background-color: #fff;
border-radius: 8px;
padding: 12px;
position: absolute;
}
.navigation-menu-2.w--open {
background-color: #282556;
border-color: #fff;
}
.navigation-dropdown {
width: 100%;
}
.dropdown-featured-link {
max-width: 100%;
}
.dropdown-card-small {
box-shadow: none;
}
.navigation-right-wrapper {
align-items: center;
width: auto;
display: flex;
}
.navigation-dropdown-list-small.w--open {
width: auto;
max-width: none;
position: static;
overflow: auto;
}
.navigation-toggle.w--open {
background-color: #f7f6f2;
width: 100%;
}
.navigation-logo-link {
margin-right: 0;
}
.navigation-link {
width: 100%;
}
.menu-button-2 {
background-color: #fff;
border: 1px solid #f3f5fb;
border-radius: 8px;
padding: 12px;
}
.menu-button-2.w--open {
background-color: #2a514c;
border-color: #fff;
}
.navigation-search-button, .navigation-divider {
display: none;
}
.navigation-2 {
position: relative;
}
.a-filter-form-block {
max-width: 100%;
}
.a-filter-top-row {
margin-bottom: 32px;
}
.a-filter-header {
margin-bottom: 16px;
}
.a-filter-grid {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.container-8 {
max-width: 728px;
}
.hero-wrapper-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split-2 {
max-width: 100%;
margin-bottom: 40px;
}
.hero-person-for-services {
max-height: 600px;
}
.section-6.course-hero {
padding-bottom: 45px;
}
.section-6.lesson {
padding-top: 40px;
}
.hp-heading.mb-24 {
font-size: 52px;
}
.mobile-nav__column {
flex-direction: column;
display: flex;
}
.dd-account, .nav-menu-2 {
display: none;
}
.mobile-nav {
z-index: 99999;
opacity: 0;
background-color: #1c1f22;
padding-top: 24px;
padding-bottom: 24px;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.mobile-nav__grid {
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nav-wrap {
width: 100%;
}
.hamburger {
cursor: pointer;
display: block;
}
.navbar-2 {
align-items: center;
display: flex;
}
.mobile-nav__link {
color: #ffffffd9;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
font-weight: 500;
display: inline-block;
}
.nav-right {
grid-column-gap: 20px;
}
.mobile-nav__top {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 48px;
display: grid;
}
.mobile-nav__bottom {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.mobile-nav-col__small {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.mobile-nav__label {
color: #ebebeb;
text-transform: uppercase;
border-bottom: 1px solid #fff3;
margin-bottom: 10px;
padding-bottom: 8px;
font-size: 10px;
}
.button-5.log-in {
display: none;
}
.button-5.log-in.mobile {
background-color: #4353ff;
}
.button-5.log-in.mobile:hover {
opacity: .8;
}
.button-5.smaller {
padding: 15px 20px;
transition: all .2s;
}
.button-5.smaller:hover {
opacity: .8;
}
.related-cards__wrap {
grid-template-columns: 1fr 1fr;
}
.link-flex {
font-size: 13px;
}
.contact-card {
padding: 20px 20px 30px;
}
.course-hero__wrap {
padding-right: 0;
}
.h2-2 {
font-size: 35px;
}
.toggle-button {
display: none;
}
.h3 {
font-size: 25px;
}
.summary-img {
width: 100%;
}
.summary-card {
flex-direction: column;
}
.video-wrapper {
grid-row-gap: 40px;
flex-direction: column;
}
.summary-l, .summary-r {
width: 100%;
}
.lesson-description {
grid-column-gap: 30px;
}
.summary-bot {
justify-content: flex-start;
padding-right: 20px;
}
.related-img {
width: 100%;
}
.header-content {
max-width: none;
}
.button-header-2 {
display: flex;
}
.header-grid-c {
grid-template-columns: 1fr;
}
.button-primary-6 {
display: flex;
}
.background-video {
box-shadow: none;
text-shadow: none;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
.heading.xxl {
font-size: 56px;
}
.heading.xl {
font-size: 48px;
}
.heading.l {
font-size: 42px;
}
.heading.m {
font-size: 36px;
}
._2-grid.career, ._3-grid, ._4-grid, ._1-2-grid {
grid-template-columns: 1fr;
}
.button.form {
width: 100%;
min-height: 64px;
position: static;
}
.button.form.tb-white {
border-color: var(--white);
background-color: var(--white);
color: var(--neutral-900);
transition: border-color .3s, color .3s, background-color .3s;
}
.button.form.tb-white:hover {
border-color: var(--white);
background-color: var(--transparent);
color: var(--white);
}
.input-field.with-button.large {
margin-bottom: 16px;
}
.navigation-item-wrapper.menu-left {
padding-left: 0;
}
.dropdown-list.w--open {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
}
.mbl-show {
display: block;
}
.nav-flex-button-wrapper {
flex-wrap: wrap;
}
.mbl---align-center {
text-align: center;
}
.footer-bottom-row.mg-top-64px {
grid-row-gap: 24px;
flex-direction: column;
}
.footer-flex-block {
text-align: center;
}
.social-media-wrapper {
justify-content: center;
}
.faq-question-wrap {
width: 100%;
}
.flex-space-between.gap-16px.tb-center {
text-align: center;
justify-content: center;
}
.categories-list-wrapper {
justify-content: center;
}
.testimonial-grid {
column-count: 1;
}
.newsletter-form-wrapper {
grid-row-gap: 16px;
flex-wrap: wrap;
}
.services-slider-mask, .service-slide {
max-width: 100%;
}
.hero-image-grid {
grid-template-columns: 1fr;
}
.hero-image-2-wrapper {
display: none;
}
.feature-image-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.office-image-2 {
display: none;
}
.ins-logo {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
display: block;
overflow: hidden;
}
.columns {
grid-column-gap: 1px;
grid-row-gap: 1px;
text-align: left;
flex-flow: column wrap-reverse;
align-items: center;
width: 100%;
display: flex;
}
.columns.logo-main {
text-align: left;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.column {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.logo-outer {
display: inline-flex;
}
.kioskbutton.form {
width: 100%;
min-height: 64px;
position: static;
}
.kioskbutton.form.tb-white {
border-color: var(--white);
background-color: var(--white);
color: var(--neutral-900);
transition: border-color .3s, color .3s, background-color .3s;
}
.kioskbutton.form.tb-white:hover {
border-color: var(--white);
background-color: var(--transparent);
color: var(--white);
}
.f-h3-heading {
font-size: 40px;
}
.f-section-large, .section-regular {
padding-top: 72px;
padding-bottom: 72px;
}
.grid-two-column {
grid-template-columns: 1fr;
}
.cta-block, .content-block {
height: 520px;
}
.h1-heading {
font-size: 48px;
}
.h3-heading {
font-size: 40px;
}
.bg-video {
width: 100%;
}
.content-grid {
grid-row-gap: 60px;
}
.content-section {
padding-top: 100px;
padding-bottom: 100px;
}
.section-large {
padding-top: 72px;
padding-bottom: 72px;
}
.heading-wrapper-2 {
margin-bottom: 44px;
}
.table-heading {
font-size: 50px;
line-height: 56px;
}
.f-h3-heading-2 {
font-size: 40px;
}
.f-grid-three-column {
grid-template-columns: 1fr;
}
.features-wrap {
flex-direction: column;
}
.blue-dot {
margin-top: 12px;
margin-bottom: 12px;
}
.content-block-2 {
grid-template-columns: 1fr;
}
.section-large-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.content-heading-2 {
font-size: 64px;
}
.h4-heading {
font-size: 32px;
}
.h1-heading-2 {
font-size: 48px;
}
.section-regular-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.display-heading {
font-size: 60px;
line-height: 70px;
}
.navigation-menu {
width: 100%;
}
.waves---subtitle {
font-size: 22px;
line-height: 34px;
}
.waves---mega-heading-1 {
font-size: 56px;
}
.waves-title-wrap-hero-5 {
text-align: center;
align-items: center;
}
.waves---main-container {
padding-left: 16px;
padding-right: 16px;
}
.waves-section-hero-5 {
padding-top: 160px;
}
.waves---heading-2-no-margins {
font-size: 44px;
line-height: 125%;
}
.waves---section-medium {
padding-top: 80px;
padding-bottom: 80px;
}
.waves---subtitle-2 {
font-size: 22px;
line-height: 34px;
}
.waves---mega-heading-2 {
font-size: 56px;
}
.waves-title-wrap-hero-6 {
text-align: center;
align-items: center;
}
.waves---main-container-2 {
padding-left: 16px;
padding-right: 16px;
}
.waves-section-hero-6 {
padding-top: 160px;
}
.hero-heading-left {
padding: 60px 15px;
}
.f-h1-heading {
margin-top: 0;
font-size: 48px;
}
.f-header-image-wrapper-top {
height: 490px;
}
.f-section-large-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.waves---subtitle-3 {
font-size: 22px;
line-height: 34px;
}
.waves---mega-heading-3 {
font-size: 56px;
}
.waves-title-wrap-hero-7 {
text-align: center;
align-items: center;
}
.waves---main-container-3 {
padding-left: 16px;
padding-right: 16px;
}
.waves-section-hero-7 {
padding-top: 160px;
}
.waves-column-links-footer-2 {
align-items: center;
}
.waves-top-right-footer-2 {
grid-row-gap: 80px;
text-align: center;
flex-direction: column;
align-items: center;
}
.f-banner-center {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.f-banner-container-center {
flex-direction: column;
align-items: flex-start;
}
.f-banner {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.waves---subtitle-4 {
font-size: 22px;
line-height: 34px;
}
.waves---mega-heading-4 {
font-size: 56px;
}
.waves-title-wrap-hero-8 {
text-align: center;
align-items: center;
}
.waves---main-container-4 {
padding-left: 16px;
padding-right: 16px;
}
.waves-section-hero-8 {
padding-top: 160px;
}
.testimonial-stack {
padding: 60px 15px;
}
.testimonial-text-three {
font-size: 20px;
line-height: 28px;
}
.waves---subtitle-5 {
font-size: 22px;
line-height: 34px;
}
.waves---mega-heading-5 {
font-size: 56px;
}
.waves-title-wrap-hero-9 {
text-align: center;
align-items: center;
}
.waves---main-container-5 {
padding-left: 16px;
padding-right: 16px;
}
.waves-section-hero-9 {
padding-top: 160px;
}
.f-gallery-image-l {
height: 420px;
}
.f-h3-heading-3 {
font-size: 40px;
}
.f-section-large-3 {
padding-top: 72px;
padding-bottom: 72px;
}
.f-container {
padding-left: 1rem;
padding-right: 1rem;
}
.f-container.is--form {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.f-checkbox-buttn-wrap.is---1 {
flex-wrap: wrap;
}
.f-h1-heading-2 {
margin-top: 0;
font-size: 48px;
}
.f-section-large-4 {
padding-top: 72px;
padding-bottom: 72px;
}
.f-h3-heading-4 {
font-size: 40px;
}
.f-section-large-5 {
padding-top: 72px;
padding-bottom: 72px;
}
.f-h1-heading-3 {
margin-top: 0;
font-size: 48px;
}
.f-section-large-6 {
padding-top: 72px;
padding-bottom: 72px;
}
.section-cta {
padding-top: 36px;
padding-bottom: 36px;
}
.cta-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.h1-heading-3 {
font-size: 54px;
line-height: 62px;
}
.content-card-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
}
.h2-heading {
font-size: 44px;
}
.section-regular-3, .section-regular-4 {
padding-top: 72px;
padding-bottom: 72px;
}
.content-grid-small {
grid-template-columns: 1fr;
}
.h3-heading-2 {
font-size: 40px;
}
.section-regular-5 {
padding-top: 72px;
padding-bottom: 72px;
}
.grid-integration {
grid-template-columns: 1fr;
}
.integration-line-light {
margin-top: 24px;
}
.integration-heading {
font-size: 50px;
line-height: 56px;
}
.f-h3-heading-5 {
font-size: 40px;
}
.f-grid-three-column-2 {
grid-template-columns: 1fr;
}
.f-section-large-7 {
padding-top: 72px;
padding-bottom: 72px;
}
.section-cta-2 {
padding-top: 36px;
padding-bottom: 36px;
}
.content-section-2, .social-media-section {
padding-top: 72px;
padding-bottom: 72px;
}
.h2-heading-3 {
font-size: 44px;
}
.b-h3-heading {
font-size: 40px;
}
.b-badge-caption {
margin-right: 8px;
display: inline;
}
.f-grid-three-column-3 {
grid-template-columns: 1fr;
}
.f-h3-heading-6 {
font-size: 40px;
}
.f-section-large-8 {
padding-top: 72px;
padding-bottom: 72px;
}
.document-grid-s {
grid-template-columns: 1fr;
}
.document-navigation {
padding-left: 0;
padding-right: 0;
}
.button-secondary-square {
max-width: 100%;
}
.document-badge {
display: none;
}
.menu-right {
padding-top: 32px;
padding-bottom: 32px;
}
.tabs-menu {
flex-flow: wrap;
justify-content: center;
min-width: auto;
margin-bottom: 40px;
margin-right: 0;
}
.tab-link-2 {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
padding: 16px 32px;
}
.tabs {
flex-direction: column;
}
.heading-style-h2 {
font-size: 2rem;
}
.pdf_list {
grid-template-columns: 1fr;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.navbar_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.pdf_modal-content {
height: 80svh;
max-height: none;
padding-left: 5%;
padding-right: 5%;
}
.heading-style-h5 {
font-size: .875rem;
}
.pdf_metatag-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.section-regular-6 {
padding-top: 72px;
padding-bottom: 72px;
}
.h1-heading-4 {
font-size: 48px;
}
.header-detail-wrap {
flex-direction: column;
}
.footer-social-links {
margin-top: 20px;
margin-bottom: 24px;
margin-right: -24px;
}
.footer-link {
font-size: 18px;
}
.footer-section {
background-position: 0 100%, 70% 0;
}
.footer-logo {
margin-bottom: 40px;
}
.footer-title {
margin-bottom: 24px;
font-size: 18px;
}
.header-stripe {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: flex-start start;
padding-bottom: 0;
display: grid;
}
.footer-blue-link {
font-size: 16px;
}
.footer-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
margin-bottom: 60px;
}
.header-stripe-mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: flex-start start;
padding-bottom: 0;
display: grid;
}
.navigation-dropdown-grid {
grid-template-columns: 1fr;
}
.navigation-button-wrapper {
grid-column-gap: 16px;
}
.dropdown-card-small {
height: 450px;
overflow: scroll;
}
.dropdown-content {
padding: 0;
}
.a-filter-card-grid {
grid-template-columns: 1fr;
}
.a-h4-heading {
font-size: 36px;
}
.a-section-regular {
padding-top: 72px;
padding-bottom: 72px;
}
.hero-subscribe-left, .testimonial-stack-2 {
padding: 60px 15px;
}
.testimonial-text-three-2 {
font-size: 20px;
line-height: 28px;
}
.hero-without-image {
padding: 60px 15px;
}
.section-6 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-6.hp-hero {
padding-top: 100px;
}
.hp-heading.mb-24 {
font-size: 48px;
}
.mobile-nav__top {
margin-bottom: 30px;
}
.related-cards__wrap {
grid-template-columns: 1fr;
}
.contact-cards__wrap {
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.widget-embed {
min-width: 690px;
}
.widget-wrapper {
width: 250px;
height: 400px;
margin: auto;
display: block;
top: 0;
left: 0;
}
.widget-move {
display: none;
}
.widget-mobile {
color: #fff;
background-color: #2962ff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
display: flex;
position: fixed;
inset: auto 3vw 3vw auto;
box-shadow: 0 0 0 5px #2962ff33;
}
.widget-svg {
width: 36px;
}
.widget-svg.close {
display: none;
}
.course-hero__content {
align-self: flex-start;
}
.h2-2 {
font-size: 31px;
}
.course-hero__gradient {
background-image: linear-gradient(to top, #0e1012 57%, #fff0);
}
.outline-l {
width: 100%;
}
.summary-card {
flex-direction: row;
}
.video-wrapper.grid2 {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.videos-scroll {
max-height: 400px;
position: static;
}
.lesson-description {
grid-row-gap: 50px;
flex-direction: column;
}
.related-img {
object-fit: cover;
object-position: 50% 50%;
max-height: 170px;
}
.header-section-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.h2-heading-4 {
font-size: 44px;
}
.video-small {
height: 320px;
}
.section-large-3 {
padding-top: 72px;
padding-bottom: 72px;
}
.button-solid-bg.form {
width: 100%;
min-height: 64px;
position: static;
}
.button-solid-bg.form.tb-white {
border-color: var(--white);
background-color: var(--white);
color: var(--neutral-900);
transition: border-color .3s, color .3s, background-color .3s;
}
.button-solid-bg.form.tb-white:hover {
border-color: var(--white);
background-color: var(--transparent);
color: var(--white);
}
.h1-heading-for-bgvideo {
font-size: 48px;
}
.f-banner-badge {
margin-bottom: 4px;
margin-left: 0;
margin-right: 0;
}
.f-banner-flex-row {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.f-banner-2 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.f-banner-center-2 {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.f-banner-container-center-2 {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.section, .section.hero {
padding-left: 0;
}
.heading.xxl {
font-size: 42px;
}
.heading.xl {
font-size: 36px;
}
.heading.l {
font-size: 28px;
}
.heading.m {
font-size: 24px;
}
.heading.s {
font-size: 20px;
}
.heading.xs {
font-size: 18px;
}
._4-grid.footer {
grid-template-columns: 1fr;
}
.card.large {
padding: 48px 24px;
}
.logo-image {
min-width: auto;
}
.nav-flex-button-wrapper {
grid-row-gap: 12px;
}
.feature-image-wrapper.left-1.drop-shadow {
display: none;
}
.footer-nav-menu {
max-height: none;
}
.social-media-wrapper.footer_icon {
padding-left: 0;
}
.faq-column {
margin-bottom: 36px;
}
.categories-list-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.category-item-wrapper {
flex-direction: column;
align-items: center;
}
.appointment-form-grid {
grid-template-columns: 1fr;
}
.doctor-image-wrapper {
min-width: 156px;
max-width: 156px;
min-height: 156px;
max-height: 156px;
}
.feature-image-grid {
grid-template-columns: 1fr;
}
.story-shape, .f-contact-divider {
display: none;
}
.f-contact-submit-wrapper {
grid-row-gap: 24px;
flex-flow: column wrap;
align-items: flex-start;
}
.f-contact-form-grid {
grid-template-columns: 1fr;
}
.content-block {
height: 440px;
}
.content-feature-grid {
grid-template-columns: 1fr;
}
.cta-grid {
padding-left: 5%;
padding-right: 5%;
}
.content-heading-2 {
font-size: 52px;
}
.feature-card-large {
padding-left: 24px;
padding-right: 24px;
}
.grid-four-column {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
}
.arrow {
display: none;
}
.display-heading {
font-size: 40px;
}
.hero-block-right {
background-color: #0497b217;
background-image: linear-gradient(180deg, white, var(--primary-500));
border-radius: 10px;
}
.button-wrapper {
flex-direction: column;
align-items: flex-start;
}
.header-section {
padding-left: 3%;
}
.hero-block {
padding-left: 8px;
}
.header-accent-wrapper {
flex-wrap: wrap;
}
.video-play-link {
margin-top: 20px;
margin-left: 0;
}
.waves---subtitle {
font-size: 20px;
}
.waves---mega-heading-1 {
font-size: 36px;
}
.waves-section-hero-5 {
padding-bottom: 48px;
}
.waves---heading-3-no-margins {
font-size: 22px;
}
.waves-tile-team-1 {
padding: 16px;
}
.waves-grid-team-1 {
grid-row-gap: 32px;
}
.waves---heading-2-no-margins {
font-size: 34px;
}
.waves---section-medium {
padding-top: 64px;
padding-bottom: 64px;
}
.waves---subtitle-2 {
font-size: 20px;
}
.waves---mega-heading-2 {
font-size: 36px;
}
.waves-section-hero-6 {
padding-bottom: 48px;
}
.container-4 {
max-width: none;
}
.f-header-image-wrapper-top {
height: 390px;
}
.waves---subtitle-3 {
font-size: 20px;
}
.waves---mega-heading-3 {
font-size: 36px;
}
.waves-section-hero-7 {
padding-bottom: 48px;
}
.f-banner-close {
display: none;
}
.f-banner-center {
text-align: left;
}
.waves---subtitle-4 {
font-size: 20px;
}
.waves---mega-heading-4 {
font-size: 36px;
}
.waves-section-hero-8 {
padding-bottom: 48px;
}
.container-5 {
max-width: none;
}
.testimonial-card-three {
padding-left: 24px;
padding-right: 24px;
}
.testimonial-info-four {
text-align: center;
flex-direction: column;
}
.waves---subtitle-5 {
font-size: 20px;
}
.waves---mega-heading-5 {
font-size: 36px;
}
.waves-section-hero-9 {
padding-bottom: 48px;
}
.f-gallery-image-l {
height: 320px;
}
.f-container-regular-3 {
flex-flow: column;
justify-content: center;
align-items: center;
}
.f-radio-buttn-wrap.is---1 {
flex-wrap: wrap;
}
.f-steps-wrap.is--1 {
padding: 40px 24px;
}
.f-container.is--form {
padding-left: 0;
padding-right: 0;
}
.f-checkbox-buttn-wrap.is---1 {
grid-row-gap: 12px;
}
.f-form {
padding-left: 0;
padding-right: 0;
}
.f-header-button-middle {
justify-content: center;
}
.cta-card-s {
flex-direction: column;
align-items: flex-start;
}
.cta-wrapper {
padding: 32px 24px;
}
.h1-heading-3 {
font-size: 35px;
}
.content-card-2 {
padding-left: 12px;
padding-right: 12px;
}
.integration {
padding-left: 0;
padding-right: 0;
}
.integration-apps {
flex-wrap: wrap;
}
.content-link-row.top {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
justify-items: stretch;
width: 100%;
position: static;
}
.content-link-card {
padding: 16px 12px;
}
.h2-heading-2 {
font-size: 48px;
}
.grid-19 {
grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.social-media-wrapper-2, .social-media-wrapper-3 {
padding-top: 4px;
padding-bottom: 4px;
}
.b-button-primary, .b-button-secondary {
width: 100%;
}
.b-button-wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.wrap-h-regular {
flex-direction: column;
}
.button-group {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.document-badge {
display: none;
}
.milestone-grid {
grid-column-gap: 8px;
}
.feature-card-large-bw {
padding-left: 24px;
padding-right: 24px;
}
.tab-image {
height: 240px;
}
.pdf_modal-content {
font-size: 1rem;
}
.pdf_content {
padding: 1.25rem;
}
.pdf_metatag-list {
grid-template-rows: auto auto;
}
.button-primary-3 {
width: 100%;
}
.header-grid {
grid-template-columns: 2fr;
}
.header-user-wrap {
flex-direction: column;
align-items: flex-start;
}
.h1-heading-4 {
font-size: 42px;
}
.h6-heading-4 {
white-space: pre-wrap;
}
.header-logo-block {
padding: 24px;
}
.footer-text-field {
background-image: none;
width: 100%;
padding-left: 60px;
padding-right: 24px;
font-size: 18px;
line-height: 24px;
}
.footer-submit-button {
width: 100%;
}
.footer-form {
flex-wrap: wrap;
max-width: 100%;
}
.footer-section {
padding-left: 20px;
padding-right: 20px;
}
.header-stripe {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.footer-contact-block {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
margin-bottom: -40px;
}
.footer-left-col {
grid-column-gap: 20px;
grid-template-columns: 1fr;
}
.footer-contact-item {
margin-bottom: 40px;
margin-right: 0;
}
.header-stripe-mobile {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.button-primary-4 {
width: 100%;
}
.navigation-button-wrapper {
grid-column-gap: 8px;
}
.navigation-button {
width: 100%;
display: none;
}
.navigation-right-wrapper {
grid-column-gap: 16px;
}
.cart-main {
padding-left: 16px;
padding-right: 16px;
}
.navigation-dropdown-link {
flex-flow: column;
align-items: flex-start;
}
.cart-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap-reverse;
}
.a-filter-top-row {
margin-bottom: 32px;
}
.container-8 {
max-width: none;
}
.hero-form {
align-self: stretch;
margin-bottom: 15px;
}
.hero-form-container {
flex-direction: column;
align-items: flex-start;
}
.hero-form-input {
width: 100%;
height: 48px;
margin-bottom: 10px;
}
.testimonial-card-three-2 {
padding-left: 24px;
padding-right: 24px;
}
.testimonial-info-four-2 {
text-align: center;
flex-direction: column;
}
.section-6.hp-hero {
padding-top: 70px;
padding-bottom: 70px;
}
.container-9 {
padding-left: 16px;
padding-right: 16px;
}
.hp-heading.mb-24 {
font-size: 42px;
}
.mobile-nav__grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.mobile-nav__top {
grid-row-gap: 15px;
}
.mobile-nav__bottom {
grid-row-gap: 23px;
grid-template-columns: 1fr;
}
.container-10 {
padding-left: 16px;
padding-right: 16px;
}
.button-5 {
justify-content: center;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 14px;
}
.button-5.start-first-lesson, .button-5.grey {
justify-content: center;
width: 100%;
}
.lightbox-button {
justify-content: center;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
.h2-2 {
font-size: 27px;
}
.hero-p {
font-size: 14px;
}
.h3 {
font-size: 23px;
}
.summary-card {
flex-direction: column;
}
.video-wrapper.grid2 {
grid-row-gap: 40px;
}
.button-header-2, .button-primary-6 {
width: 100%;
}
.video-small {
border-radius: 12px;
height: 200px;
}
.play-button-2 {
width: 56px;
height: 56px;
}
.f-banner-flex-row {
text-align: left;
}
.f-banner-close-2 {
display: none;
}
.f-banner-center-2 {
text-align: left;
}
}
#w-node-_63948bb5-f4a6-daad-4dfb-25e59b7ebe83-e6e7eac2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d28f1ec0-2ed8-9a59-ad5c-76f780d7220a-80d721f5, #w-node-d28f1ec0-2ed8-9a59-ad5c-76f780d72235-80d721f5, #w-node-_1c1c82d2-298f-e68d-6f66-437189bf6ab5-89bf6ab2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1c1c82d2-298f-e68d-6f66-437189bf6ad2-89bf6ab2 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-f01f0394-adc5-33bb-dffe-2ebb090bc077-090bc054, #w-node-f01f0394-adc5-33bb-dffe-2ebb090bc057-090bc054, #w-node-f01f0394-adc5-33bb-dffe-2ebb090bc05d-090bc054, #w-node-f01f0394-adc5-33bb-dffe-2ebb090bc061-090bc054, #w-node-f01f0394-adc5-33bb-dffe-2ebb090bc065-090bc054, #w-node-f01f0394-adc5-33bb-dffe-2ebb090bc069-090bc054 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f01f0394-adc5-33bb-dffe-2ebb090bc06d-090bc054 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_70d2f182-ec49-da14-041f-d0aaf83f0028-f83f001f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_70d2f182-ec49-da14-041f-d0aaf83f002a-f83f001f, #w-node-_70d2f182-ec49-da14-041f-d0aaf83f002c-f83f001f, #w-node-_70d2f182-ec49-da14-041f-d0aaf83f002e-f83f001f, #w-node-_70d2f182-ec49-da14-041f-d0aaf83f0030-f83f001f, #w-node-_70d2f182-ec49-da14-041f-d0aaf83f0032-f83f001f, #w-node-_70d2f182-ec49-da14-041f-d0aaf83f0034-f83f001f, #w-node-_70d2f182-ec49-da14-041f-d0aaf83f0036-f83f001f, #w-node-b9008ac3-af35-976a-d82f-6512c267d20a-f83f001f, #w-node-b9008ac3-af35-976a-d82f-6512c267d213-f83f001f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5e6596b6-cd67-bcbf-71ba-e01620b78876-c8244051 {
grid-template-rows: auto;
grid-template-columns: 2fr 1.25fr 1.25fr 1fr;
}
#w-node-_7fe6537f-972c-edbe-c4b6-efd48a49ae96-c8244051 {
grid-template-rows: auto;
grid-template-columns: 2fr 1.25fr 1.25fr;
display: none;
}
#w-node-_938e1b1c-aa83-c085-c97d-06ba7b80affc-e6e7eb35, #w-node-_2a1459d1-7a2e-3ad4-2f49-3789d1df30bc-e6e7eb35, #w-node-f508ea30-3c7f-c83e-51b4-53976c0f701b-e6e7eb35, #w-node-c116aa9d-5fbc-0b74-6fac-ab29dc8116a2-e6e7eb35 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a569701e-1d1c-7a03-6cc2-8f94d4269c00-e6e7eb35 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-a569701e-1d1c-7a03-6cc2-8f94d4269c0a-e6e7eb35, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86dc-e6e7eb35, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86e4-e6e7eb35, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86ec-e6e7eb35, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86f4-e6e7eb35, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86fc-e6e7eb35, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc8704-e6e7eb35, #w-node-_258aaca3-f080-d5a9-0ad6-b9c94886f3b4-e6e7eb3a, #w-node-_0914c33b-c620-728e-6a20-ac6193f44c97-e6e7eb3a, #w-node-_9c6862b6-addc-e4f7-4e8b-ad14c3e82fb8-e6e7eb3a, #w-node-a294414c-4145-5058-c61a-080a8ffb2186-e6e7eb3a, #w-node-_1c0b03a8-b128-a766-0998-c9227ec3c2a7-e6e7eb48, #w-node-_96038608-eac6-460a-71b4-ce9582fc9db7-82fc9dae, #w-node-_96038608-eac6-460a-71b4-ce9582fc9db9-82fc9dae, #w-node-_96038608-eac6-460a-71b4-ce9582fc9dcd-82fc9dae, #w-node-_96038608-eac6-460a-71b4-ce9582fc9de1-82fc9dae, #w-node-_96038608-eac6-460a-71b4-ce9582fc9dfb-82fc9dae, #w-node-_1a976edf-629b-56da-a1d3-e37bcbb8d087-cbb8d084, #w-node-_1a976edf-629b-56da-a1d3-e37bcbb8d097-cbb8d084, #w-node-_1a976edf-629b-56da-a1d3-e37bcbb8d099-cbb8d084, #w-node-_1a976edf-629b-56da-a1d3-e37bcbb8d0ad-cbb8d084, #w-node-_1a976edf-629b-56da-a1d3-e37bcbb8d0c1-cbb8d084, #w-node-c30a0041-bb56-a6c2-7651-074e67c9dad5-e6e7eb71, #w-node-a5307664-02a0-4f36-2cff-256da88eaef3-e6e7eb71, #w-node-_53bf8b1d-f218-3601-6e66-730fb7436375-e6e7eb71, #w-node-_53bf8b1d-f218-3601-6e66-730fb743637a-e6e7eb71, #w-node-fc85062f-d78a-87f0-d260-1e76a15b0b01-e6e7eb71, #w-node-fc85062f-d78a-87f0-d260-1e76a15b0b09-e6e7eb71, #w-node-f4d29d77-bbec-21cc-78c0-d7028947cdd7-e6e7eb77, #w-node-_83c460c3-e365-e4fb-5f77-6e1340230d92-e6e7eb77, #w-node-bf626503-321b-cce6-2eb4-9d141af7d0f1-e6e7eb80, #w-node-cd93698f-ed82-fc57-fe06-ab3f2e3448c4-e6e7eb80, #w-node-_46e7bdde-dd10-6e7d-ee1f-5f5eb37b140a-e6e7eb80, #w-node-_9357ae96-d42c-e862-1b27-11f149a701c6-e6e7eb80, #w-node-_2f547aba-8551-4da3-53bf-3d7b413069e4-e6e7eb80, #w-node-_4c6a0d62-df00-43ab-a68c-4ea70352dfe3-e6e7eb80, #w-node-f4f6c315-b6eb-c2f5-c7cd-fed59f1127c5-e6e7eb80, #w-node-_7d6237dc-7822-2eb3-59cb-32e8662068d7-e6e7eb80, #w-node-_23227d89-155b-15c5-50c0-c78d867db458-e6e7eb80, #w-node-_82b0b04c-d605-9d75-cc25-549555a22bdd-e6e7eb80, #w-node-dfe510a2-40b9-900a-0f83-187f06fe08af-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5843-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5849-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b584f-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5855-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b585b-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5861-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5867-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b586d-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5873-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b5879-e6e7eb80, #w-node-a5176edd-e30f-00bd-e705-89fd5b2b587f-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de049-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de04f-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de055-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de05b-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de061-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de067-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de06d-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de073-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de079-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de07f-e6e7eb80, #w-node-_125aca19-7c73-61d9-ca58-0c34b45de085-e6e7eb80, #w-node-_80c42951-329b-d8d9-68ae-80f4b6c36043-e6e7eb80, #w-node-ba68898b-2db4-3bbf-538c-ef7294cf007a-e6e7eb80, #w-node-_14cf27ef-3a98-a4bf-11f1-92c696493425-e6e7eb80, #w-node-ff5fbcf7-3cda-3f12-89a9-d9ab5cb40816-e6e7eb80, #w-node-_27b78027-446a-a80c-7e8d-e9acc493bfaa-e6e7eb80, #w-node-_2f9ef61f-d06e-1925-655f-418cddc60225-e6e7eb80, #w-node-e7f7b025-1e85-9e68-870b-9723cc7b15d9-e6e7eb80, #w-node-db3b34b2-e5ed-7407-fe82-e65a533bbb8d-e6e7eb80, #w-node-c4732564-cff1-2d70-76b6-afc8d4bd057f-e6e7eb80, #w-node-_132eee6a-740f-e4cd-b06d-61e2f8ab1161-e6e7eb80, #w-node-_6d1d8870-d919-fa0d-03f4-ce3e3342c1e0-e6e7eb80, #w-node-_5fa42fa2-1a37-b893-93b6-5b4922b41db3-e6e7eb80, #w-node-_98bdbaf0-3fb8-9c7b-1c9c-235e3a1e803d-e6e7eb80, #w-node-_8c299d73-cbc9-b76e-d9a3-55a23d583f40-e6e7eb80, #w-node-a9f2f099-b4b9-2db3-fc38-89d8c17f1d22-e6e7eb80, #w-node-a37d51d7-c968-5a9a-992f-f8d14c98fc8a-e6e7eb80, #w-node-_7931f216-7671-7f1d-baec-88296322f00c-e6e7eb80, #w-node-_4721f18f-8012-ff7b-c203-566acce81e26-e6e7eb80, #w-node-_01874cf8-ef44-d249-c9e4-e0b1babfbafa-e6e7eb80, #w-node-a0491ad7-3969-4980-97db-55dd695f02cb-e6e7eb80, #w-node-_34b2f405-804b-d7ff-18fc-2f41c256fe23-e6e7eb80, #w-node-_0c8e918d-3000-48df-9b5e-9aa55bea9ab4-e6e7eb80, #w-node-c41a1bc3-ef43-a26b-8d0a-539a077cc7d4-e6e7eb80, #w-node-_2ec04c63-7fc2-b8be-38b0-d3368d05d5ff-e6e7eb80, #w-node-_2ec04c63-7fc2-b8be-38b0-d3368d05d600-e6e7eb80, #w-node-_05f1ea23-2955-55c2-5499-1dc37b357ac3-e6e7eb80, #w-node-_05f1ea23-2955-55c2-5499-1dc37b357ac4-e6e7eb80, #w-node-e29a0cc5-6229-03a4-f0e3-3d5cdb9267df-e6e7eb80, #w-node-_56b367f6-1cbd-6a59-912e-2b16f2a9b0b9-e6e7eb80, #w-node-_56b367f6-1cbd-6a59-912e-2b16f2a9b0ba-e6e7eb80, #w-node-_56b367f6-1cbd-6a59-912e-2b16f2a9b0bb-e6e7eb80, #w-node-_170664ff-cf72-8dea-0ece-bbc15bfe1b09-e6e7eb80, #w-node-_6a5dabd4-c11f-7d6d-a910-6cb223d0aa53-e6e7eb80, #w-node-_6a5dabd4-c11f-7d6d-a910-6cb223d0aa54-e6e7eb80, #w-node-_4a96ec6f-2b48-93a7-e689-59a84c267a6c-e6e7eb80, #w-node-_4a96ec6f-2b48-93a7-e689-59a84c267a6d-e6e7eb80, #w-node-_938e1b1c-aa83-c085-c97d-06ba7b80affc-20b2890c, #w-node-_2a1459d1-7a2e-3ad4-2f49-3789d1df30bc-20b2890c, #w-node-f508ea30-3c7f-c83e-51b4-53976c0f701b-20b2890c, #w-node-c116aa9d-5fbc-0b74-6fac-ab29dc8116a2-20b2890c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a569701e-1d1c-7a03-6cc2-8f94d4269c00-20b2890c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-a569701e-1d1c-7a03-6cc2-8f94d4269c0a-20b2890c, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86dc-20b2890c, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86e4-20b2890c, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86ec-20b2890c, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86f4-20b2890c, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc86fc-20b2890c, #w-node-_4d077610-41b6-e18e-5ef1-7cb955dc8704-20b2890c, #clockwise_appointment_id.w-node-_53bc0b42-8563-1080-ddb5-aeebc44be07a-5d2f3236, #ConsentFormHTML.w-node-_989b1ef5-57c4-1cea-43f0-0e7504742a64-5d2f3236 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5f3aa0d9-4f01-dc77-4eff-d15d67f05dd2-9218a6e0 {
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e0-9218a6e0 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824ec-9218a6e0 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e2-9218a6e0 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e4-9218a6e0 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-fb3b8364-08c1-4d6f-8c50-484f63544925-9218a6e0 {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-_2cfec33f-2166-bd75-5792-322f3d028b68-9218a6e0 {
grid-area: 1 / 6 / 2 / 7;
place-self: center;
}
#w-node-_63663ca5-e80f-31f8-92e1-847eee0b321f-9218a6e0 {
grid-area: 1 / 7 / 2 / 8;
place-self: center;
}
#w-node-ce68d24d-9e30-a1f8-d50f-529bf6688552-9218a6e0 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-_513b3d16-9138-1cd7-afb4-621d75d54b8f-9218a6e0 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_513b3d16-9138-1cd7-afb4-621d75d54b8e-9218a6e0 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-_223b25cf-56a2-7154-1228-04778a5d7b69-9218a6e0 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-ed2b06be-74d8-ba50-e277-d02338c0d5f9-9218a6e0 {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-_88f96f0b-cdb2-62fd-da81-8d7adcba5287-9218a6e0 {
grid-area: 1 / 6 / 2 / 7;
place-self: center;
}
#w-node-_4e748493-4c53-8426-f3c6-4d1f9deef806-9218a6e0 {
grid-area: 1 / 7 / 2 / 8;
place-self: center;
}
#w-node-_51651267-653b-079b-25e1-aa49722eabcd-9218a6e0 {
grid-template-rows: auto;
grid-template-columns: .25fr 1.5fr .25fr;
}
#w-node-_9f2a3b03-a8dd-a549-54bc-c5b647515fe6-47515fe2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_6a4d9c55-0b08-da05-a094-c29770463b70-634bce71 {
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e0-634bce71 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824ec-634bce71 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e2-634bce71 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e4-634bce71 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-_11b5bcc2-eb19-31aa-3643-42421075f16b-634bce71 {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-ce68d24d-9e30-a1f8-d50f-529bf6688552-634bce71 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-_513b3d16-9138-1cd7-afb4-621d75d54b8e-634bce71 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_513b3d16-9138-1cd7-afb4-621d75d54b8f-634bce71 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-_223b25cf-56a2-7154-1228-04778a5d7b69-634bce71 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-_62017b0f-3bfc-bfd8-bf33-ee16f116e1fa-634bce71 {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-_7746e366-f5ea-83b1-1256-cdc24b1b1e06-634bce71 {
grid-template-rows: auto;
grid-template-columns: .25fr 1.5fr .25fr;
}
#w-node-_75567f82-f1f9-6441-3d75-0e327dfbf895-f17bcc07 {
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e0-f17bcc07 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824ec-f17bcc07 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e2-f17bcc07 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-fefb11f5-2f48-c385-925e-188bcc4824e4-f17bcc07 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-ce68d24d-9e30-a1f8-d50f-529bf6688552-f17bcc07 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-_513b3d16-9138-1cd7-afb4-621d75d54b8e-f17bcc07 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_513b3d16-9138-1cd7-afb4-621d75d54b8f-f17bcc07 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-_223b25cf-56a2-7154-1228-04778a5d7b69-f17bcc07 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-_74f3c5fc-9135-96a1-6220-c9e745ab9511-f17bcc07 {
grid-template-rows: auto;
grid-template-columns: .25fr 1.5fr .25fr;
}
#w-node-a9d25220-321f-bcb3-5a0f-b9fc99432a1c-1de9a514 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-a9d25220-321f-bcb3-5a0f-b9fc99432a1e-1de9a514 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-a9d25220-321f-bcb3-5a0f-b9fc99432a22-1de9a514 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-a9d25220-321f-bcb3-5a0f-b9fc99432a2c-1de9a514 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-a9d25220-321f-bcb3-5a0f-b9fc99432a2d-1de9a514 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-a9d25220-321f-bcb3-5a0f-b9fc99432a2e-1de9a514 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-a3dcb24a-33ab-eccb-d650-e0d9d10d5192-0ed0a41a {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
#w-node-_7cc6c73a-f8c1-5b5d-9802-00350dd90506-8a2f6a66, #w-node-_72d23739-a26f-07b5-7b3b-8a9ae2dad580-8a2f6a66, #w-node-_6f3d8e09-a58e-a4b7-20a0-7ee9366cebfd-8a2f6a66, #w-node-_31f27d3e-2507-7253-a15e-3afa720330a7-8a2f6a66, #w-node-e6f1ea72-e4a3-c794-a7ea-d8039e1005ac-8a2f6a66, #w-node-_935b7ebc-9d72-f1ed-701c-b7a81ccc81a2-8a2f6a66, #w-node-c840191a-1541-3121-c5bc-e17f473ed9d4-8a2f6a66, #w-node-_9dc3afd4-9cdf-c55b-9f24-f232c39eaf38-8a2f6a66, #w-node-_932f655a-56df-0710-32b4-979ad880499f-8a2f6a66, #w-node-_62072412-c6d6-26ad-94b8-d9434c7e401b-8a2f6a66 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c0f7f9c7-b54d-14b3-681e-1dbb4027898a-a3e75fbc {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_5f3aa0d9-4f01-dc77-4eff-d15d67f05dd2-9c9084cb {
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d194c-9c9084cb {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d194e-9c9084cb {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d1952-9c9084cb {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d1956-9c9084cb {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d195c-9c9084cb {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d195d-9c9084cb {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d195e-9c9084cb {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-e8eb49b2-2b23-592d-39a8-1e89304d195f-9c9084cb {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516564-9c9084cb {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516566-9c9084cb {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac151656a-9c9084cb {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac151656c-9c9084cb {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac151656e-9c9084cb {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516574-9c9084cb {
grid-area: 1 / 6 / 2 / 7;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac151657a-9c9084cb {
grid-area: 1 / 7 / 2 / 8;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516582-9c9084cb {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516583-9c9084cb {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516584-9c9084cb {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516585-9c9084cb {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516586-9c9084cb {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516587-9c9084cb {
grid-area: 1 / 6 / 2 / 7;
place-self: center;
}
#w-node-dd3f5c19-eda7-04c8-031a-d8cac1516588-9c9084cb {
grid-area: 1 / 7 / 2 / 8;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032939-9c9084cb {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d303293b-9c9084cb {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032942-9c9084cb {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032948-9c9084cb {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d303294e-9c9084cb {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032954-9c9084cb {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032955-9c9084cb {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032956-9c9084cb {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032957-9c9084cb {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-d951d146-4abf-cc9f-c7af-e9d0d3032958-9c9084cb {
grid-area: 1 / 5 / 2 / 6;
place-self: center;
}
#w-node-_156dacbb-0f9c-c506-1c11-607647354d1d-cbd077db {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b06-e71bd898 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b08-e71bd898 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b0a-e71bd898 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b0c-e71bd898 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b12-e71bd898 {
grid-area: 1 / 1 / 2 / 2;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b13-e71bd898 {
grid-area: 1 / 2 / 2 / 3;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b14-e71bd898 {
grid-area: 1 / 3 / 2 / 4;
place-self: center;
}
#w-node-_5f15147f-2f73-7a5c-b043-8d215bd78b15-e71bd898 {
grid-area: 1 / 4 / 2 / 5;
place-self: center;
}
#w-node-_25c448e0-f73a-287b-5352-967725d54cc0-f0fea57d, #w-node-_25c448e0-f73a-287b-5352-967725d54cc0-e8fb50bd, #w-node-_25c448e0-f73a-287b-5352-967725d54cc0-dc33f189, #w-node-_25c448e0-f73a-287b-5352-967725d54cda-dc33f189, #w-node-_25c448e0-f73a-287b-5352-967725d54cc0-ba5f5b39, #w-node-_25c448e0-f73a-287b-5352-967725d54cda-ba5f5b39, #w-node-_25c448e0-f73a-287b-5352-967725d54cc0-acc97345, #w-node-_25c448e0-f73a-287b-5352-967725d54cda-acc97345 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f2068-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f206d-b6f2aaec, #w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f2086-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f2089-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f208e-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f20b2-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f20b7-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_02c4eb89-1ad8-3a5c-fc85-f15d2f50e747-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_02c4eb89-1ad8-3a5c-fc85-f15d2f50e74c-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_02c4eb89-1ad8-3a5c-fc85-f15d2f50e770-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_02c4eb89-1ad8-3a5c-fc85-f15d2f50e775-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_02c4eb89-1ad8-3a5c-fc85-f15d2f50e7a8-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_02c4eb89-1ad8-3a5c-fc85-f15d2f50e7ad-b6f2aaec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f2068-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f206d-d30a383c, #w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f2086-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f2089-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f208e-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f20b2-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_403b36cf-8b6b-c6eb-ff9b-cc94467f20b7-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-edec6068-f468-38f2-2d9b-10c6e2d07df1-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-edec6068-f468-38f2-2d9b-10c6e2d07df6-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-edec6068-f468-38f2-2d9b-10c6e2d07e12-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-edec6068-f468-38f2-2d9b-10c6e2d07e17-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-edec6068-f468-38f2-2d9b-10c6e2d07e1f-d30a383c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-edec6068-f468-38f2-2d9b-10c6e2d07e24-d30a383c, #w-node-_2e0bfa48-bd7d-a378-a0a9-0c0586da4b86-81d81a44 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-d28f1ec0-2ed8-9a59-ad5c-76f780d72235-80d721f5 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-f01f0394-adc5-33bb-dffe-2ebb090bc057-090bc054 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_5e6596b6-cd67-bcbf-71ba-e01620b78876-c8244051 {
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: 2fr 1.25fr 1fr;
display: none;
}
#w-node-_7fe6537f-972c-edbe-c4b6-efd48a49ae96-c8244051 {
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: 1fr 1.25fr 1fr;
display: grid;
}
#w-node-_96038608-eac6-460a-71b4-ce9582fc9de1-82fc9dae {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_96038608-eac6-460a-71b4-ce9582fc9dfb-82fc9dae {
grid-area: 1 / 1 / 2 / 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_5e6596b6-cd67-bcbf-71ba-e01620b78876-c8244051 {
display: none;
}
#w-node-_7fe6537f-972c-edbe-c4b6-efd48a49ae96-c8244051 {
display: grid;
}
#w-node-_96038608-eac6-460a-71b4-ce9582fc9de1-82fc9dae {
grid-column: span 1 / span 1;
}
}
@media screen and (max-width: 479px) {
#w-node-d28f1ec0-2ed8-9a59-ad5c-76f780d72235-80d721f5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f01f0394-adc5-33bb-dffe-2ebb090bc06d-090bc054 {
grid-column: span 1 / span 1;
}
#w-node-_7fe6537f-972c-edbe-c4b6-efd48a49ae96-c8244051 {
display: none;
}
}