/* cssom: https://cdn.prod.website-files.com/66e3cafc52638c58d5c746f1/css/rampay.webflow.shared.f7bd55914.css */ html { text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0px; } 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: 0px; display: none; } [hidden], template { display: none; } a { background-color: rgba(0, 0, 0, 0); } a:active, a:hover { outline: 0px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: 0.67em 0px; font-size: 2em; } mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } svg:not(:root) { overflow: hidden; } hr { box-sizing: content-box; height: 0px; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0px; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"] { appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { appearance: none; } legend { border: 0px; padding: 0px; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0px; } td, th { padding: 0px; } @font-face { font-family: webflow-icons; src: url(./assets/fonts/font-001.ttf) 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; 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: rgb(51, 51, 51); background-color: rgb(255, 255, 255); min-height: 100%; margin: 0px; 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: rgb(255, 255, 255); line-height: inherit; cursor: pointer; background-color: rgb(56, 152, 236); border: 0px; border-radius: 0px; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: rgba(0, 0, 0, 0) !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } pre.w-code-block code > span { display: block !important; } .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; 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; 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; overflow-wrap: unset; transition: unset; } .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 3px; visibility: visible !important; opacity: 1 !important; z-index: 2147483647 !important; color: rgb(170, 173, 176) !important; width: auto !important; height: auto !important; overflow: unset !important; background-color: rgb(255, 255, 255) !important; border-radius: 3px !important; margin: 0px !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: 0px; margin-bottom: 10px; } blockquote { border-left: 5px solid rgb(226, 226, 226); margin: 0px 0px 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0px 0px 10px; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0px; 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: 0px; position: relative; } .w-video iframe, .w-video object, .w-video embed { border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } fieldset { border: 0px; margin: 0px; padding: 0px; } button, [type="button"], [type="reset"] { cursor: pointer; appearance: button; border: 0px; } .w-form { margin: 0px 0px 15px; } .w-form-done { text-align: center; background-color: rgb(221, 221, 221); padding: 20px; display: none; } .w-form-fail { background-color: rgb(255, 222, 222); margin-top: 10px; padding: 10px; display: none; } label { margin-bottom: 5px; font-weight: bold; display: block; } .w-input, .w-select { color: rgb(51, 51, 51); vertical-align: middle; background-color: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); 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: rgb(153, 153, 153); } .w-input:focus, .w-select:focus { border-color: rgb(56, 152, 236); outline: 0px; } .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: rgb(238, 238, 238); } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: rgb(243, 243, 243); } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0px; 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 0px 0px -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { opacity: 0; z-index: -100; width: 0.1px; height: 0.1px; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: rgb(51, 51, 51); 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: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; } .w-file-upload-file { background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); flex-grow: 1; justify-content: space-between; margin: 0px; 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: rgb(234, 56, 76); padding: 2px 0px; display: inline-block; } .w-file-upload-info { padding: 0px 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: rgb(250, 250, 250); border: 1px solid rgb(204, 204, 204); margin: 0px; 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: 0px; margin-right: 0px; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0px; padding-right: 0px; } .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: 0px; margin-right: 0px; } .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: rgb(255, 255, 255); border: 1px solid rgb(117, 134, 150); border-radius: 3px; width: 28px; height: 20px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: rgb(153, 153, 153); font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical)::before, .w-widget-twitter-count-shim:not(.w--vertical)::after { content: " "; pointer-events: none; border: solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; top: 50%; left: 0px; } .w-widget-twitter-count-shim:not(.w--vertical)::before { border-width: 4px; border-color: rgba(117, 134, 150, 0) rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large::before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical)::after { border-width: 4px; border-color: rgba(255, 255, 255, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large::after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical::before, .w-widget-twitter-count-shim.w--vertical::after { content: " "; pointer-events: none; border: solid rgba(0, 0, 0, 0); width: 0px; height: 0px; position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical::before { border-width: 5px; border-color: rgb(93, 108, 123) rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical::after { border-width: 4px; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { color: rgb(255, 255, 255); height: 500px; position: relative; overflow: hidden; } .w-background-video > video { object-fit: cover; z-index: -100; background-position: 50% center; background-size: cover; width: 100%; height: 100%; margin: auto; position: absolute; inset: -100%; } .w-background-video > video::-webkit-media-controls-start-playback-button { appearance: none; display: none !important; } .w-background-video--control { background-color: rgba(0, 0, 0, 0); padding: 0px; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { text-align: center; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: rgb(221, 221, 221); height: 300px; position: relative; } .w-slider-mask { z-index: 1; white-space: nowrap; height: 100%; display: block; position: relative; left: 0px; right: 0px; 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: rgba(0, 0, 0, 0); height: 40px; margin: auto; padding-top: 10px; position: absolute; inset: auto 0px 0px; } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; font-size: inherit; line-height: inherit; padding: 0.2em 0.5em; } .w-slider-nav.w-shadow > div { box-shadow: rgba(51, 51, 51, 0.4) 0px 0px 3px; } .w-slider-nav-invert { color: rgb(255, 255, 255); } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: rgb(34, 34, 34); } .w-slider-dot { cursor: pointer; background-color: rgba(255, 255, 255, 0.4); width: 1em; height: 1em; margin: 0px 3px 0.5em; transition: background-color 0.1s, color 0.1s; display: inline-block; position: relative; } .w-slider-dot.w-active { background-color: rgb(255, 255, 255); } .w-slider-dot:focus { outline: none; box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { cursor: pointer; color: rgb(255, 255, 255); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; width: 80px; margin: auto; font-size: 40px; position: absolute; inset: 0px; 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: 0px; } .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: 0px; } .w-slider-aria-label { clip: rect(0px, 0px, 0px, 0px); border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; 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: rgb(34, 34, 34); text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0px; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0px; bottom: 0px; right: 0px; } .w-dropdown-list { background: rgb(221, 221, 221); min-width: 100%; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: rgb(34, 34, 34); padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: rgb(0, 130, 243); } .w-dropdown-link:focus { outline: 0px; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: normal; color: rgb(255, 255, 255); text-align: center; z-index: 2000; opacity: 0; user-select: none; -webkit-tap-highlight-color: transparent; background: rgba(0, 0, 0, 0.9); outline: 0px; 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: 0px; transform: translate(0px); } .w-lightbox-backdrop, .w-lightbox-container { 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: 0px; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; max-width: none; height: auto; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, 0.4); padding: 0.5em 1em; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; inset: 0px; } .w-lightbox-control { cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: 24px; width: 4em; transition: 0.3s; position: absolute; top: 0px; } .w-lightbox-left { background-image: url(./assets/img/img-057.svg); display: none; bottom: 0px; left: 0px; } .w-lightbox-right { background-image: url(./assets/img/img-058.svg); display: none; bottom: 0px; right: 0px; } .w-lightbox-close { background-image: url(./assets/img/img-059.svg); background-size: 18px; height: 2.6em; right: 0px; } .w-lightbox-strip { white-space: nowrap; padding: 0px 1vh; line-height: 0; position: absolute; bottom: 0px; left: 0px; right: 0px; overflow: auto hidden; } .w-lightbox-item { box-sizing: content-box; cursor: pointer; width: 10vh; padding: 2vh 1vh; display: inline-block; transform: translate3d(0px, 0px, 0px); } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { background: rgb(34, 34, 34); height: 10vh; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0px; left: 0px; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translate(0px, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; animation: 0.8s linear 0s infinite normal none running spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner::after { content: ""; border-width: 3px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-image: initial; 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: 0.5; display: block; } .w-lightbox-close { opacity: 0.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: rgb(40, 149, 247) solid 2px; } .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: 0px; } .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: 0.6; } .w-richtext figure div { color: rgba(0, 0, 0, 0); font-size: 0px; } .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: 0px; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .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: rgb(221, 221, 221); 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: rgb(51, 51, 51); text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: rgb(34, 34, 34); 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: rgb(0, 130, 243); } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; background: rgb(200, 200, 200); min-width: 200px; position: absolute; top: 100%; left: 0px; right: 0px; 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: 0px; right: 0px; overflow: hidden; } .w-nav-overlay [data-nav-menu-open] { top: 0px; } .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: 0px; 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: 0px; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0px; } .w-nav-button.w--open { color: rgb(255, 255, 255); background-color: rgb(200, 200, 200); } .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: rgb(34, 34, 34); background-color: rgb(221, 221, 221); padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: rgb(200, 200, 200); } .w-tab-link:focus { outline: 0px; } .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(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { background-color: rgb(221, 221, 221); padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } :root { --new-base_typography---xs--font-size\: var(--new-base_sizes---fixed--0-75rem\); --new-base_typography---font-weight--semibold\: 600; --new-base---base--black\: #1d1d1d; --brand--black: #000; --text-color--text-primary: var(--brand--black); --text-color--text-secondary: var(--brand--neutral-lighter); --bg-color--bg-primary: var(--brand--white); --text-color--text-tertiary: var(--brand--dark-blue); --border-color--border-primary: var(--brand--blue-100); --bg-color--bg-secondary: var(--brand--blue-50); --bk-color--bk-secondary\: var(--brand--neutral-light\); --border-color--border-secondary: var(--brand--dark-blue); --brand--dark-blue: #d30000; --brand--light-blue: #fa3232; --text-color--text-alternate\: var(--brand--black); --brand--white: #fff; --brand--color: #d30000; --background-color--background-warning\: var(--base-color-system--warning-yellow\); --text-color--text-warning\: var(--base-color-system--warning-yellow-dark\); --brand--blue-50: #fcf4f4; --link-color--link-primary: var(--brand--dark-blue); --new-base---white: #fff; --new-base---black: #050505; --new-base---bg-primary: #0a0a0f; --new-base---bg-secondary: #0f0f0f; --new-base---text-primary: #fff; --new-base---text-secondary: #ffffff80; --new-base---text-tertiary: #ffffff4d; --new-base---border-default: #ffffff14; --new-base---border-subtle: #ffffff1f; --new-base---accent-indigo: #e54646; --new-base---accent-violet: #ed3a3a; --new-base---accent-sky: #e90e0e; --new-base---accent-cyan: #d40606; --brand--neutral-lighter: #909090; --brand--blue-100: #f5e0e0; --link-color--link-alternate: var(--brand--neutral-lighter); --new-base_sizes---fixed--0-75rem\: .75rem; --brand--neutral-light\: #f5f5f7; --base-color-system--warning-yellow\: #fcf8d8; --base-color-system--warning-yellow-dark\: #5e5515; } .w-layout-grid { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-commerce-commercecartwrapper { display: inline-block; position: relative; } .w-commerce-commercecartopenlink { color: rgb(255, 255, 255); cursor: pointer; appearance: none; background-color: rgb(56, 152, 236); border-width: 0px; border-radius: 0px; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commercecartopenlinkcount { color: rgb(56, 152, 236); text-align: center; background-color: rgb(255, 255, 255); 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: rgba(0, 0, 0, 0.8); position: fixed; inset: 0px; } .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: rgba(0, 0, 0, 0); position: absolute; inset: 100% auto auto 0px; } .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { background-color: rgba(0, 0, 0, 0); position: absolute; inset: 100% 0px auto auto; } .w-commerce-commercecartcontainer { background-color: rgb(255, 255, 255); flex-direction: column; width: 100%; min-width: 320px; max-width: 480px; display: flex; overflow: auto; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 25px; } .w-commerce-commercecartheader { border-bottom: 1px solid rgb(230, 230, 230); flex: 0 0 auto; justify-content: space-between; align-items: center; padding: 16px 24px; display: flex; position: relative; } .w-commerce-commercecartheading { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; } .w-commerce-commercecartcloselink { width: 16px; height: 16px; } .w-commerce-commercecartformwrapper { flex-direction: column; flex: 1 1 0%; display: flex; } .w-commerce-commercecartform { flex-direction: column; flex: 1 1 0%; justify-content: flex-start; display: flex; } .w-commerce-commercecartlist { flex: 1 1 0%; 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 1 0%; margin-left: 16px; margin-right: 16px; display: flex; } .w-commerce-commercecartproductname { font-weight: 700; } .w-commerce-commercecartoptionlist { margin-bottom: 0px; padding-left: 0px; text-decoration: none; list-style-type: none; } .w-commerce-commercecartquantity { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); 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: rgb(153, 153, 153); } .w-commerce-commercecartquantity:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecartfooter { border-top: 1px solid rgb(230, 230, 230); flex-direction: column; flex: 0 0 auto; padding: 16px 24px 24px; display: flex; } .w-commerce-commercecartlineitem { flex: 0 0 auto; justify-content: space-between; align-items: baseline; margin-bottom: 16px; display: flex; } .w-commerce-commercecartordervalue { font-weight: 700; } .w-commerce-commercecartapplepaybutton { color: rgb(255, 255, 255); cursor: pointer; appearance: none; background-color: rgb(0, 0, 0); border-width: 0px; border-radius: 2px; align-items: center; height: 38px; min-height: 30px; margin-bottom: 8px; padding: 0px; text-decoration: none; display: flex; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { color: rgb(255, 255, 255); cursor: pointer; appearance: none; background-color: rgb(0, 0, 0); border-width: 0px; border-radius: 2px; justify-content: center; align-items: center; height: 38px; margin-bottom: 8px; padding: 0px 15px; text-decoration: none; display: flex; } .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon { margin-right: 8px; display: block; } .w-commerce-commercecartcheckoutbutton { color: rgb(255, 255, 255); cursor: pointer; appearance: none; text-align: center; background-color: rgb(56, 152, 236); border-width: 0px; border-radius: 2px; align-items: center; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecartemptystate { flex: 1 1 0%; justify-content: center; align-items: center; padding-top: 100px; padding-bottom: 100px; display: flex; } .w-commerce-commercecarterrorstate { background-color: rgb(255, 222, 222); flex: 0 0 auto; margin: 0px 24px 24px; padding: 10px; } .w-commerce-commerceaddtocartform { margin: 0px 0px 15px; } .w-commerce-commerceaddtocartoptionpillgroup { margin-bottom: 10px; display: flex; } .w-commerce-commerceaddtocartoptionpill { color: rgb(0, 0, 0); cursor: pointer; background-color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); margin-right: 10px; padding: 8px 15px; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: rgb(102, 102, 102); cursor: not-allowed; background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); outline-style: none; } .w-commerce-commerceaddtocartquantityinput { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 60px; height: 38px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block; } .w-commerce-commerceaddtocartquantityinput::placeholder { color: rgb(153, 153, 153); } .w-commerce-commerceaddtocartquantityinput:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commerceaddtocartbutton { color: rgb(255, 255, 255); cursor: pointer; appearance: none; background-color: rgb(56, 152, 236); border-width: 0px; border-radius: 0px; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: rgb(102, 102, 102); cursor: not-allowed; background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); outline-style: none; } .w-commerce-commercebuynowbutton { color: rgb(255, 255, 255); cursor: pointer; appearance: none; background-color: rgb(56, 152, 236); border-width: 0px; border-radius: 0px; align-items: center; margin-top: 10px; padding: 9px 15px; text-decoration: none; display: inline-block; } .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: rgb(102, 102, 102); cursor: not-allowed; background-color: rgb(230, 230, 230); border-color: rgb(230, 230, 230); outline-style: none; } .w-commerce-commerceaddtocartoutofstock { background-color: rgb(221, 221, 221); margin-top: 10px; padding: 10px; } .w-commerce-commerceaddtocarterror { background-color: rgb(255, 222, 222); margin-top: 10px; padding: 10px; } .w-commerce-commercecheckoutformcontainer { background-color: rgb(245, 245, 245); width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercelayoutcontainer { justify-content: center; align-items: flex-start; display: flex; } .w-commerce-commercelayoutmain { flex: 0 1 800px; margin-right: 20px; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutblockcontent { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); padding: 20px; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutemailinput::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutemailinput:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingfullname:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutrow { margin-left: -8px; margin-right: -8px; display: flex; } .w-commerce-commercecheckoutcolumn { flex: 1 1 0%; padding-left: 8px; padding-right: 8px; } .w-commerce-commercecheckoutshippingcity { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcity::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingcity:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); } .w-commerce-commercecheckoutshippingmethoditem { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); flex-direction: row; align-items: baseline; margin-bottom: 0px; 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: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 230, 230); border-left: 1px solid rgb(230, 230, 230); border-right: 1px solid rgb(230, 230, 230); padding: 64px 16px; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { appearance: none; cursor: text; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardnumber::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { appearance: none; cursor: text; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { appearance: none; cursor: text; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: rgb(56, 152, 236); 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 { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingfullname:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingcity { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcity::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingcity:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { appearance: none; background-color: rgb(250, 250, 250); border: 1px solid rgb(221, 221, 221); border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: rgb(153, 153, 153); } .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: rgb(56, 152, 236); outline-style: none; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { background-color: rgb(255, 255, 255); border: 1px solid rgb(230, 230, 230); 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: 0px; padding-left: 0px; 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: rgb(255, 255, 255); cursor: pointer; appearance: none; text-align: center; background-color: rgb(56, 152, 236); border-width: 0px; border-radius: 3px; align-items: center; margin-bottom: 20px; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecheckouterrorstate { background-color: rgb(255, 222, 222); margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commercepaypalcheckoutformcontainer { background-color: rgb(245, 245, 245); 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: 0.33em; } .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckouterrorstate { background-color: rgb(255, 222, 222); margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commerceorderconfirmationcontainer { background-color: rgb(245, 245, 245); width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px; } @media screen and (max-width: 767px) { .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-commerce-commercelayoutmain { flex-basis: auto; margin-right: 0px; } .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: 0px; } .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput, .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; } } .new-base--img { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .new-base--t-temlis-component { z-index: 999; position: fixed; inset: auto 0.88rem 0.81rem auto; } .new-base--t-card { gap: 0.75rem; background-color: rgb(0, 0, 0); border-radius: 0.75rem; flex-flow: column; padding: 0.75rem; font-family: Inter, sans-serif; display: flex; position: relative; } .new-base--t-card:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { background-color: rgb(255, 255, 255); } .new-base--t-top { gap: 0.25rem; justify-content: center; align-items: center; margin-bottom: -0.25rem; margin-left: auto; margin-right: auto; display: flex; } .new-base--t-temlis:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { display: none; } .new-base--t-text-secondary { color: rgba(255, 255, 255, 0.8); font-size: var(--new-base_typography---xs--font-size\); letter-spacing: -0.01em; line-height: 1.66; } .new-base--t-text-secondary:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { color: rgb(61, 61, 61); } .new-base--t-buttons { gap: 0.375rem; flex-flow: column; display: flex; } .new-base--t-button-secondary { height: 2.25rem; font-weight: var(--new-base_typography---font-weight--semibold\); text-align: center; letter-spacing: -0.01em; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(102, 102, 102); border-radius: 0.25rem; justify-content: center; align-items: center; padding: 0.5rem 0.75rem; transition: transform 0.2s, background-color 0.2s; display: flex; } .new-base--t-button-secondary:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { color: var(--new-base---base--black\); background-color: rgb(237, 237, 237); border-color: rgb(237, 237, 237); } .new-base--t-button-secondary:hover { background-color: rgb(28, 28, 28); transform: scale(0.95); } .new-base--t-button-secondary:hover:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { background-color: rgb(247, 247, 247); } .new-base--t-button { gap: 0.5rem; color: rgb(0, 0, 0); height: 2.25rem; font-weight: var(--new-base_typography---font-weight--semibold\); text-align: center; letter-spacing: -0.01em; background-color: rgb(235, 242, 19); border-radius: 0.25rem; justify-content: center; align-items: center; padding: 0.5rem 0.75rem; transition: transform 0.2s; display: flex; } .new-base--t-button:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { color: rgb(255, 255, 255); background-color: rgb(1, 88, 255); } .new-base--t-button:hover { transform: scale(0.95); } .new-base--t-icon { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; } .new-base--t-bottom { gap: 0.5rem; justify-content: flex-start; align-items: center; display: flex; } .new-base--t-right { gap: 0rem; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .new-base--t-stars { gap: 0.15rem; justify-content: flex-start; align-items: center; display: flex; } .new-base--t-star { flex: 0 0 auto; width: 0.75rem; height: 0.75rem; } .new-base--t-profiles { justify-content: flex-end; align-items: center; display: flex; } .new-base--t-profile { z-index: 5; border: 1px solid rgb(102, 102, 102); border-radius: 5rem; flex: 0 0 auto; width: 2rem; height: 2rem; position: relative; overflow: clip; } .new-base--t-profile:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { border-color: rgb(255, 255, 255); } .new-base--t-profile2 { z-index: 4; border: 1px solid rgb(102, 102, 102); border-radius: 5rem; flex: 0 0 auto; width: 2rem; height: 2rem; margin-right: -0.875rem; position: relative; overflow: clip; } .new-base--t-profile2:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { border-color: rgb(255, 255, 255); } .new-base--t-img { width: 4.8125rem; max-width: none; height: auto; position: absolute; inset: -11px -9px auto auto; transform: rotate(11deg); } .new-base--t-img:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858), .new-base--t-temlis-lite { display: none; } .new-base--t-temlis-lite:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { display: block; } .new-base--t-img-lite { width: 4.8125rem; height: auto; display: none; position: absolute; inset: -11px -9px auto auto; transform: rotate(11deg); } .new-base--t-img-lite:where(.w-variant-897e133c-80a0-c876-d9b9-e10f8a590858) { display: block; } body { color: var(--brand--black); letter-spacing: -0.008em; overscroll-behavior: none; font-family: Inter, sans-serif; font-size: 1rem; line-height: 1.5; } h1 { margin-top: 0px; margin-bottom: 0px; font-weight: 500; } h2 { letter-spacing: -0.005em; margin-top: 0px; margin-bottom: 0px; font-weight: 500; } h3 { margin-top: 0px; margin-bottom: 0px; font-weight: 500; } h4 { margin-top: 0px; margin-bottom: 0px; font-weight: 400; } h5, h6 { margin-top: 0px; margin-bottom: 0px; font-weight: 300; } p { color: var(--text-color--text-primary); margin-bottom: 0px; font-size: 0.88rem; line-height: 1.4; } a { color: var(--text-color--text-secondary); font-size: 0.88rem; text-decoration: none; } ul { color: var(--text-color--text-secondary); margin-top: 0px; margin-bottom: 0px; padding-left: 1.5rem; font-size: 0.88rem; } ol { margin-top: 0px; margin-bottom: 0px; padding-left: 1.5rem; font-size: 0.88rem; } li { margin-bottom: 1rem; } img { max-width: 100%; display: inline-block; } label { margin-bottom: 0.25rem; font-weight: 500; } blockquote { border-left: 0.25rem solid rgb(226, 226, 226); margin-bottom: 0px; padding: 0px 1.25rem; font-size: 0.88rem; } figure { margin-top: 2rem; margin-bottom: 2rem; } figcaption { text-align: center; margin-top: 0.25rem; } .utility-page_component { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; padding-left: 1.25rem; padding-right: 1.25rem; display: flex; } .utility-page_wrapper { gap: 1rem; text-align: center; flex-direction: column; justify-content: flex-start; align-items: stretch; max-width: 20rem; margin-left: auto; margin-right: auto; display: flex; } .utility-page_form { gap: 1rem; flex-direction: column; justify-content: flex-start; align-items: stretch; display: flex; } .utility-page_image { margin-left: auto; margin-right: auto; } .global-styles { display: block; position: fixed; inset: 0% auto auto 0%; } .margin-custom2 { margin: 2.5rem; } .padding-xlarge { padding: 4rem; } .margin-xlarge { margin: 4rem; } .margin-xsmall { margin: 0.5rem; } .padding-xhuge { padding: 8rem; } .margin-custom1 { margin: 1.5rem; } .padding-0 { padding: 0px; } .padding-xxhuge { padding: 12rem; } .padding-huge { padding: 6rem; } .margin-large { margin: 3rem; } .padding-xxlarge { padding: 5rem; } .margin-xxsmall { margin: 0.25rem; } .padding-custom3 { padding: 3.5rem; } .padding-large { padding: 3rem; } .margin-tiny { margin: 0.125rem; } .padding-small { padding: 1rem; } .padding-custom2 { padding: 2.5rem; } .margin-custom3 { margin: 3.5rem; } .padding-custom1 { padding: 1.5rem; } .margin-huge { margin: 6rem; } .padding-medium { padding: 2rem; } .padding-xsmall { padding: 0.5rem; } .margin-xxlarge { margin: 5rem; } .padding-xxsmall { padding: 0.25rem; } .margin-xhuge { margin: 8rem; } .padding-tiny { padding: 0.125rem; } .margin-small { margin: 1rem; } .margin-medium { margin: 2rem; } .margin-xxhuge { margin: 12rem; } .margin-0 { margin: 0px; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .fs-styleguide_background { border: 1px solid rgba(0, 0, 0, 0.1); flex-direction: column; justify-content: center; align-items: stretch; width: 100%; display: flex; } .fs-styleguide_spacing { gap: 0.5rem; background-image: linear-gradient(0deg, rgba(50, 122, 250, 0.21), rgba(255, 255, 255, 0)); grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start stretch; display: grid; position: relative; } .icon-1x1-small { flex: 0 0 auto; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; display: flex; } .overflow-auto { overflow: auto; } .spacing-clean { margin: 0px; padding: 0px; } .icon-1x1-large { width: 2.5rem; height: 2.5rem; } .z-index-2 { z-index: 2; position: relative; } .fs-styleguide_background-space { width: 1px; height: 1px; margin: 5rem; } .text-weight-semibold { font-weight: 600; } .text-style-strikethrough { text-decoration: line-through; } .fs-styleguide_item { gap: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: start; place-items: start; padding-bottom: 1rem; display: grid; position: relative; } .fs-styleguide_item.is-stretch { justify-items: stretch; } .max-width-full { width: 100%; max-width: none; } .fs-styleguide_item-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); width: 100%; padding-bottom: 2rem; } .background-color-primary { background-color: var(--bg-color--bg-primary); } .z-index-1 { z-index: 1; position: relative; } .text-color-primary { color: var(--text-color--text-primary); } .text-color-secondary { color: var(--text-color--text-secondary); } .fs-styleguide_2-col { gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .fs-styleguide_2-col.is-align-start { align-items: start; } .form_message-success { background-color: rgba(0, 0, 0, 0); width: 100%; padding: 100% 0px 0px; position: relative; } .fs-styleguide_row { gap: 0.75rem; flex-direction: row; grid-template-rows: auto; grid-template-columns: auto; grid-auto-columns: auto; grid-auto-flow: column; justify-content: flex-start; align-items: center; display: flex; } .text-rich-text { font-weight: 400; } .text-rich-text h1 { margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text h2 { margin-top: 0px; margin-bottom: 1rem; } .text-rich-text h3 { margin-top: 1.5rem; margin-bottom: 1rem; font-size: 1.5rem; } .text-rich-text h4 { margin-top: 1.5rem; margin-bottom: 1rem; } .text-rich-text h5, .text-rich-text h6 { margin-top: 1.25rem; margin-bottom: 1rem; } .text-rich-text p { color: var(--text-color--text-secondary); margin-bottom: 1rem; } .text-rich-text ul { color: var(--text-color--text-primary); margin-bottom: 1.5rem; } .text-rich-text ol { color: var(--text-color--text-secondary); margin-bottom: 1.5rem; } .text-rich-text blockquote { margin-top: 2rem; margin-bottom: 2rem; } .pointer-events-auto { pointer-events: auto; } .container-small { width: 100%; max-width: 70.5rem; margin-left: auto; margin-right: auto; } .icon-height-small { height: 0.75rem; } .icon-1x1-medium { width: 2rem; height: 2rem; } .padding-global { padding-left: 2.5rem; padding-right: 2.5rem; } .padding-global.is-box { padding: 1.5rem; } .padding-global.is-navbar { padding-top: 1.5rem; padding-bottom: 1.5rem; } .padding-global.is-hero { padding-left: 1.5rem; padding-right: 1.5rem; } .padding-global.is-footer { padding-top: 2.5rem; padding-bottom: 2.5rem; } .padding-global.padding-section-hero { padding-top: 4rem; padding-bottom: 4rem; } .text-weight-normal { font-weight: 400; } .padding-section-small { padding-top: 3rem; padding-bottom: 3rem; } .max-width-small { width: 100%; max-width: 20rem; } .text-color-alternate { color: var(--text-color--text-tertiary); } .text-style-italic { font-style: italic; } .pointer-events-none { pointer-events: none; } .text-weight-medium { font-weight: 500; } .overflow-hidden { overflow: hidden; } .fs-styleguide_section-header { gap: 1rem; border-bottom: 1px solid var(--border-color--border-primary); grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; padding-bottom: 3rem; line-height: 1.4; display: grid; } .text-xl { letter-spacing: -0.04em; font-size: 1.25rem; } .max-width-xxlarge { width: 100%; max-width: 80rem; } .fs-styleguide_1-col { gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .overflow-visible { overflow: visible; } .fs-styleguide_empty-box { z-index: -1; background-color: rgba(45, 64, 234, 0.05); border: 1px dashed rgb(45, 64, 234); min-width: 3rem; height: 3rem; position: relative; } .text-weight-light { font-weight: 300; } .fs-styleguide_heading-medium { font-size: 3rem; } .max-width-xsmall { width: 100%; max-width: 16rem; } .fs-styleguide_4-col { gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; } .text-base { font-size: 1rem; line-height: 1.5; } .text-base.is-link { transition: color 0.2s; } .text-base.is-link:hover { color: var(--text-color--text-primary); } .text-align-right { text-align: right; } .max-width-medium { width: 100%; max-width: 32rem; } .fs-styleguide_item-wrapper { gap: 3rem; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; } .max-width-large { width: 100%; max-width: 48rem; } .fs-styleguide_header-block { gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: center start; display: grid; } .form_field-wrapper { justify-content: center; align-items: center; min-height: 4rem; max-height: 4rem; display: flex; position: relative; } .text-style-muted { opacity: 0.6; } .text-lg { letter-spacing: -0.01em; font-size: 1.125rem; line-height: 1.333; } .form_label { font-weight: 400; } .max-width-xlarge { width: 100%; max-width: 64rem; } .text-style-nowrap { white-space: nowrap; } .text-align-left { text-align: left; } .background-color-secondary { background-color: var(--bg-color--bg-secondary); } .form_input { border: 1px solid var(--border-color--border-primary); background-color: var(--bk-color--bk-secondary\); min-height: 2.725rem; color: var(--text-color--text-secondary); border-radius: 0.75rem; margin-bottom: 0.75rem; padding: 0.75rem; font-size: 0.88rem; line-height: 1.4; } .form_input:focus { border-color: var(--border-color--border-secondary); } .form_input:focus-visible, .form_input[data-wf-focus-visible] { color: var(--text-color--text-primary); } .form_input::placeholder { color: var(--text-color--text-secondary); } .padding-section-large { padding-top: 6.25rem; padding-bottom: 6.25rem; } .fs-styleguide_3-col { gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; width: 100%; display: grid; } .fs-styleguide_3-col.is-align-start { align-items: start; } .text-style-link { text-decoration: underline; } .text-xs { font-size: 0.75rem; } .fs-styleguide_header { background-color: var(--bg-color--bg-primary); background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--brand--dark-blue), var(--brand--light-blue) 55%); color: var(--text-color--text-alternate\); } .heading-style-h2 { font-weight: 500; } .page-wrapper { overflow: clip; } .fs-styleguide_label { background-color: var(--brand--light-blue); color: var(--brand--white); border-radius: 0.25rem; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0.25rem 0.75rem 0.3rem; font-weight: 600; display: flex; } .fs-styleguide_label.is-tag { background-color: var(--brand--dark-blue); } .container-large { width: 100%; max-width: 87rem; margin-left: auto; margin-right: auto; } .icon-height-medium { height: 2rem; } .text-style-allcaps { text-transform: uppercase; } .overflow-scroll { overflow: scroll; } .form_message-error { background-color: rgba(0, 0, 0, 0); margin-top: 0.75rem; padding: 0px 0.75rem; } .icon-height-large { height: 3rem; } .text-align-center { text-align: center; } .form_component { margin-bottom: 0px; } .max-width-xxsmall { width: 100%; max-width: 12rem; } .layer { justify-content: center; align-items: center; position: absolute; inset: 0%; } .text-style-quote { border-left: 0.25rem solid rgb(226, 226, 226); margin-bottom: 0px; padding: 0px 1.25rem; font-size: 1.25rem; line-height: 1.5; } .align-center { margin-left: auto; margin-right: auto; } .button { gap: 0.625rem; background-image: linear-gradient(180deg, var(--brand--dark-blue), var(--brand--light-blue)); min-height: 3.5rem; max-height: 3.5rem; color: var(--brand--white); text-align: center; transform-style: preserve-3d; border-radius: 2.5rem; flex: 0 0 auto; justify-content: center; align-items: center; padding: 1rem 2rem; font-weight: 500; transition: background-color 0.3s, transform 0.3s; display: flex; transform: scale3d(1, 1, 1.01); } .button:hover { background-image: linear-gradient(180deg, var(--brand--dark-blue), var(--brand--light-blue) 0%); transform: scale3d(0.95, 0.95, 1.01); } .button.is-form-submit { border-radius: 2.5rem; width: 100%; height: 2.725rem; padding: 0.75rem; font-weight: 600; line-height: 1.4; transition: background-color 0.2s; } .button.is-form-submit:hover { background-color: rgb(53, 53, 57); } .button.is-secondary { background-color: var(--brand--white); color: var(--brand--color); background-image: none; } .button.is-secondary:hover { background-color: var(--brand--black); color: var(--brand--white); } .button.is-icon { gap: 1rem; flex-direction: row; justify-content: center; align-items: center; text-decoration: none; display: flex; } .button.is-outline { border: 1px solid var(--border-color--border-secondary); min-height: 3.5rem; max-height: 0px; color: var(--text-color--text-tertiary); letter-spacing: -0.02em; background-color: rgba(0, 0, 0, 0); background-image: none; font-size: 1rem; font-weight: 500; } .button.is-large { background-color: rgb(255, 255, 255); min-height: 4rem; max-height: 4rem; font-size: 1rem; } .button.is-black { background-color: var(--brand--white); background-image: linear-gradient(180deg, var(--brand--black), #000000a8); } .fs-styleguide_classes { gap: 1px; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .text-sm { letter-spacing: -0.005em; font-size: 0.875rem; } .fs-styleguide_section { gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: start; display: grid; } .fs-styleguide_section.is-vertical { gap: 4rem; grid-template-columns: 1fr; place-items: start; } .button-group { gap: 1rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .hide { display: none; } .padding-section-medium { padding-top: 4.5rem; padding-bottom: 4.5rem; } .container-medium { width: 100%; max-width: 81rem; margin-left: auto; margin-right: auto; } .fs-styleguide_spacing-all { display: none; } .spacer-huge { width: 100%; padding-top: 6rem; } .spacer-medium { width: 100%; padding-top: 2rem; } .fs-styleguide_spacer-box { background-color: rgba(45, 64, 234, 0.1); border: 1px dashed rgb(45, 64, 234); width: 100%; position: relative; } .spacer-xsmall { width: 100%; padding-top: 0.5rem; } .spacer-small { width: 100%; padding-top: 1rem; } .spacer-xhuge { width: 100%; padding-top: 8rem; } .spacer-tiny { width: 100%; padding-top: 0.125rem; } .spacer-xxsmall { width: 100%; padding-top: 0.25rem; } .spacer-xxhuge { width: 100%; padding-top: 12rem; } .spacer-xlarge { width: 100%; padding-top: 4rem; } .spacer-large { padding-top: 3rem; } .spacer-xxlarge { width: 100%; padding-top: 5rem; } .fs-styleguide_message { background-color: var(--background-color--background-warning\); color: var(--text-color--text-warning\); border-radius: 0.25rem; padding: 0.25rem 0.5rem; font-size: 0.875rem; } .aspect-ratio-square { aspect-ratio: 1 / 1; object-fit: cover; } .aspect-ratio-portrait { aspect-ratio: 2 / 3; object-fit: cover; } .aspect-ratio-landscape { aspect-ratio: 3 / 2; object-fit: cover; } .aspect-ratio-widescreen { aspect-ratio: 16 / 9; object-fit: cover; } .fs-styleguide_hero-label { color: var(--text-color--text-primary); text-transform: uppercase; background-color: rgb(238, 238, 238); border-radius: 0.25rem; padding: 0.25rem 0.375rem; font-size: 0.75rem; font-weight: 500; text-decoration: none; } .fs-styleguide_heading-header { color: var(--brand--white); font-size: 6rem; line-height: 1.2; } .body { background-color: var(--brand--white); color: var(--text-color--text-primary); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; } .text-2xl { letter-spacing: -0.04em; font-size: 1.5rem; } .text-3xl { letter-spacing: -0.04em; font-size: 2rem; } .text-4xl { letter-spacing: -0.04em; font-size: 2.25rem; line-height: 1.2; } .text-5xl { font-size: 2.5rem; line-height: 1.2; } .text-6xl { letter-spacing: -0.04em; font-size: 4rem; line-height: 1.2; } .text-7xl { letter-spacing: -0.04em; font-size: 4.5rem; line-height: 1.2; } .text-8xl { font-size: 6rem; } .text-weight-bold { font-weight: 700; } .section_hero { background-color: var(--bg-color--bg-primary); justify-content: center; align-items: center; } .navbar_content { justify-content: space-between; align-items: center; display: flex; } .navbar_logo-link { justify-content: center; align-items: center; padding-left: 0px; padding-right: 0px; position: relative; } .navbar_logo { width: 7.69rem; max-height: 2.5rem; } .nav_wrap { gap: 3rem; justify-content: center; align-items: center; display: flex; } .nav_mobile { justify-content: center; align-items: center; display: flex; } .navbar_list { gap: 3.5rem; justify-content: center; align-items: center; display: flex; } .nav_links { color: var(--text-color--text-secondary); padding: 0px; font-size: 1rem; line-height: 1.5; transition: color 0.2s; } .nav_links:hover { color: var(--text-color--text-primary); } .nav_links.w--current { color: var(--link-color--link-primary); font-weight: 500; } .nav_buttons-wrap { gap: 1.25rem; justify-content: flex-start; align-items: center; display: flex; } .login-wrap { gap: 1rem; justify-content: center; align-items: center; display: flex; } .nav-button_component { row-gap: 0.5rem; background-color: rgb(143, 0, 255); border-radius: 4px; flex-direction: column; justify-content: center; align-items: center; width: 4rem; height: 4rem; padding-left: 1rem; padding-right: 1rem; display: flex; } .nav-button_component:hover { opacity: 1; } .nav-button_line { background-color: rgb(41, 45, 50); border-radius: 2px; width: 100%; height: 0.1rem; } .nav-button_line.is-first { transform-origin: 50% center; width: 100%; transform: translate(0px); } .nav-button_line.is-second { width: 100%; } .nav-button_line.is-third { transform-origin: 50% center; } .cart-button { color: var(--text-color--text-secondary); background-color: rgba(0, 0, 0, 0); padding: 0px; transition: color 0.2s; } .cart-button:hover { color: var(--text-color--text-primary); } .cart-quantity-wrapper { justify-content: flex-start; align-items: center; margin-left: 3px; display: flex; } .cart-quantity { min-width: 0px; height: auto; color: var(--text-color--text-primary); background-color: rgba(0, 0, 0, 0); margin-left: 0px; padding-left: 0px; padding-right: 0px; font-size: 1rem; font-weight: 500; line-height: 1.5; } .navbar_component { background-color: rgba(0, 0, 0, 0); } .hero_wrap { color: var(--brand--white); flex-flow: column; padding-top: 1.06rem; padding-bottom: 4.25rem; display: flex; position: relative; } .hero_wrap.is-blog { height: auto; max-height: none; padding-bottom: 1.5rem; } .hero_box { background-image: url(./assets/img/img-060.webp), url(./assets/img/img-061.webp), url(./assets/img/img-062.webp), url(./assets/img/img-063.svg), linear-gradient(180deg, var(--brand--dark-blue), #f3a8a8 76%, #f3a8a8); background-position: 0px 0px, 50% 100%, 50% 0px, 50% center, 0px 0px; background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat; background-size: contain, cover, contain, contain, auto; border-radius: 2.5rem; flex-flow: column; flex: 1 1 0%; display: flex; position: relative; overflow: clip; } .hero_box.is-blog { padding: 0px; position: relative; } .hero_content { gap: 5.0625rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: stretch; max-height: 52.1875rem; display: flex; position: relative; overflow: clip; } .hero_content.is-pricing { gap: 5rem; width: 100%; max-height: 45.6875rem; position: relative; overflow: visible; } .header { gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; max-width: 54rem; margin-left: auto; margin-right: auto; padding-top: 5.8125rem; display: flex; position: relative; } .header.is-features { z-index: 10; text-align: left; justify-content: center; align-items: flex-start; max-width: none; padding-top: 2rem; padding-bottom: 2rem; } .header.is-pricing { max-width: none; } .header.is-blog { flex: 1 1 0%; justify-content: center; align-items: center; max-width: 67rem; } .header.is-blog-cms { flex: 1 1 0%; justify-content: center; align-items: center; max-width: 67rem; padding-top: 0px; } .header_content { gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .header_content.is-features { justify-content: center; align-items: flex-start; } .header_description { max-width: 46rem; } .hero_images { gap: 3%; flex-flow: row; flex: 0 0 auto; grid-template-rows: auto; grid-template-columns: 32.1% 30.86% 32.1%; grid-auto-columns: 1fr; place-items: start stretch; width: 100%; min-width: 100%; display: grid; position: relative; } .hero_visual { flex-flow: row; flex: 1 1 0%; justify-content: center; align-items: stretch; padding-left: 3.1rem; padding-right: 3.1rem; display: flex; } .hero_image1 { border-radius: 2rem; margin-top: 7.5625rem; padding-top: 56.6%; position: relative; box-shadow: rgba(10, 67, 128, 0) 0px 213.544px 59.43px, rgba(10, 67, 128, 0.01) 0px 135.983px 54.393px, rgba(10, 67, 128, 0.05) 0px 76.553px 46.335px, rgba(10, 67, 128, 0.09) 0px 34.248px 34.248px, rgba(10, 67, 128, 0.1) 0px 8.058px 19.138px; } .img { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .img.is-feature { border-style: solid; border-width: 1px; border-top-color: var(--border-color--border-primary); border-right-color: var(--border-color--border-primary); border-bottom-color: var(--border-color--border-primary); border-left-color: var(--border-color--border-primary); border-radius: 1.5rem; box-shadow: rgba(10, 67, 128, 0) 0px 213.544px 59.43px, rgba(10, 67, 128, 0.01) 0px 135.983px 54.393px, rgba(10, 67, 128, 0.05) 0px 76.553px 46.335px, rgba(10, 67, 128, 0.09) 0px 34.248px 34.248px, rgba(10, 67, 128, 0.1) 0px 8.058px 19.138px; } .img.shadow { border-radius: 7%; } .hero_image2 { border-radius: 1.5rem; width: 100%; padding-top: 119%; position: relative; overflow: clip; box-shadow: rgba(10, 67, 128, 0) 0px 213.544px 59.43px, rgba(10, 67, 128, 0.01) 0px 135.983px 54.393px, rgba(10, 67, 128, 0.05) 0px 76.553px 46.335px, rgba(10, 67, 128, 0.09) 0px 34.248px 34.248px, rgba(10, 67, 128, 0.1) 0px 8.058px 19.138px; } .hero_image3 { border-radius: 2rem; margin-top: 7.5625rem; padding-top: 69.5%; position: relative; box-shadow: rgba(10, 67, 128, 0) 0px 213.544px 59.43px, rgba(10, 67, 128, 0.01) 0px 135.983px 54.393px, rgba(10, 67, 128, 0.05) 0px 76.553px 46.335px, rgba(10, 67, 128, 0.09) 0px 34.248px 34.248px, rgba(10, 67, 128, 0.1) 0px 8.058px 19.138px; } .hero_image-box { width: 97.1154%; position: absolute; inset: -26.2% auto auto -23.557%; } .hero_image-box.is-right { left: auto; right: -23.557%; } .data_wrap { gap: 4.5rem; flex-flow: column; display: flex; } .data_top { gap: 2rem; justify-content: flex-start; align-items: flex-end; display: flex; } .data_grid { gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; align-items: start; position: relative; } .block { border: 1px solid var(--border-color--border-primary); background-color: var(--bg-color--bg-secondary); border-radius: 2rem; flex-flow: column; flex: 1 1 0%; justify-content: space-between; align-items: stretch; padding: 0.5rem; display: flex; } .block.is-shadow { box-shadow: rgba(10, 67, 128, 0) 0px 213.544px 59.43px, rgba(10, 67, 128, 0.01) 0px 135.983px 54.393px, rgba(10, 67, 128, 0.05) 0px 76.553px 46.335px, rgba(10, 67, 128, 0.09) 0px 34.248px 34.248px, rgba(10, 67, 128, 0.1) 0px 8.058px 19.138px; } .block.is-faq { cursor: pointer; } .block_container { border: 1px solid var(--border-color--border-primary); background-color: var(--bg-color--bg-primary); border-radius: 1.5rem; flex: 1 1 0%; width: 100%; } .data_item { gap: 2rem; justify-content: flex-start; align-items: center; padding: 1.5rem; display: flex; } .icon-large { border: 1px solid var(--border-color--border-secondary); background-image: linear-gradient(180deg, var(--brand--dark-blue) 25%, var(--brand--light-blue)); border-radius: 6rem; flex: 0 0 auto; justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .data_info { gap: 0.5rem; flex-flow: column; justify-content: center; align-items: stretch; font-weight: 500; display: flex; } .features_wrap { gap: 4.5rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .features_top { text-align: center; max-width: 59.25rem; } .features_content { gap: 4.5rem; flex-flow: column; width: 100%; display: flex; } .features_grid { gap: 4.5rem; grid-template-rows: auto; place-items: center stretch; } .features_info { gap: 4.75rem; flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; padding-top: 4.75rem; padding-bottom: 4.75rem; display: flex; } .features_info-content { gap: 2.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .features_info-content.is-v2 { gap: 1.5rem; } .icon-medium { border: 1px solid var(--border-color--border-secondary); background-image: linear-gradient(180deg, var(--brand--dark-blue) 25%, var(--brand--light-blue)); border-radius: 6rem; flex: 0 0 auto; justify-content: center; align-items: center; width: 4rem; height: 4rem; display: flex; } .features_header { gap: 1rem; flex-flow: column; display: flex; } .tag_group { gap: 1rem 1.44rem; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .tag { gap: 0.75rem; border: 1px solid var(--border-color--border-primary); background-color: var(--bg-color--bg-secondary); color: var(--text-color--text-secondary); white-space: nowrap; border-radius: 2rem; flex: 0 0 auto; justify-content: center; align-items: center; padding: 0.25rem 1.5rem 0.25rem 0.25rem; display: flex; } .tag_icon { border: 1px solid var(--border-color--border-secondary); width: 2rem; height: 2rem; color: var(--text-color--text-tertiary); background-image: linear-gradient(rgba(0, 76, 211, 0.2), rgba(50, 122, 250, 0.2)); border-radius: 6rem; justify-content: center; align-items: center; display: flex; } .tag_icon.is-blue { background-image: linear-gradient(0deg, var(--brand--light-blue), var(--brand--dark-blue) 74%); } .icon-1x1-xsmall { flex: 0 0 auto; justify-content: center; align-items: center; width: 0.75rem; height: 0.75rem; display: flex; } .features_visual { flex-flow: column; justify-content: center; align-items: flex-start; height: 100%; display: flex; } .features_visual.is-right { justify-content: center; align-items: flex-end; } .features_img { flex: 0 0 auto; width: 79%; padding-top: 88%; position: relative; } .features_img.is-integrate { padding-top: 90.5%; } .features_img.is-start { padding-top: 94%; } .features_img.is-2 { padding-top: 82.5%; } .features_img.is-3 { padding-top: 83%; } .features_img.is-1 { padding-top: 89%; } .features_img.is-4 { padding-top: 84%; } .feature_sub-img { min-width: 70%; padding-top: 38.5%; position: absolute; inset: auto -27% 7.5% auto; } .feature_sub-img.is-integrate { padding-top: 24%; bottom: 16%; } .feature_sub-img.is-start { padding-top: 30%; bottom: 14%; } .testimonial_grid { gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; align-items: start; width: 100%; } .testimonial_container { gap: 1.5rem; flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 1.5rem; display: flex; } .testimonial_info { gap: 1.5rem; flex-flow: column; display: flex; } .testimonial_user { gap: 1.5rem; justify-content: flex-start; align-items: center; display: flex; } .testimonial_img { border-radius: 4rem; width: 4rem; height: 4rem; } .testimonial_details { gap: 0.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .testimonial_rating { gap: 0.5rem; color: rgb(255, 199, 0); flex-flow: row; justify-content: center; align-items: center; display: flex; } .icon-1x1-main { width: 1rem; height: 1rem; } .content-wrap { gap: 4rem; flex-flow: column; justify-content: center; align-items: center; display: flex; } .content-wrap.is-more { justify-content: flex-start; align-items: stretch; } .top-content { gap: 1.5rem; text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .top-content.is-core { max-width: 59rem; } .top-content.is-left { justify-content: flex-start; align-items: flex-start; width: 100%; } .top-description { max-width: 45rem; color: var(--text-color--text-secondary); } .tabs_component { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; display: flex; } .tabs_menu { gap: 0rem; border: 1px solid var(--border-color--border-primary); background-color: var(--bg-color--bg-secondary); border-radius: 4rem; justify-content: center; align-items: center; padding: 0.5rem; display: flex; } .tabs_link { min-height: 3rem; max-height: 3rem; color: var(--text-color--text-secondary); background-color: rgba(0, 0, 0, 0); border-radius: 2.5rem; justify-content: center; align-items: center; padding: 0.25rem 2rem; transition: color 0.2s, background-color 0.2s; display: flex; } .tabs_link.w--current { background-image: linear-gradient(180deg, var(--brand--dark-blue) 25%, var(--brand--light-blue)); color: var(--brand--white); } .tabs_content { width: 100%; margin-top: 1.5rem; overflow: visible; } .tabs_grid { gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .card_container { gap: 1.5rem; height: 100%; color: var(--text-color--text-primary); flex-flow: column; justify-content: space-between; align-items: stretch; padding: 2rem 1.5rem; display: flex; } .card_content { gap: 1.5rem; flex-flow: column; display: flex; } .card_title { gap: 1rem; justify-content: flex-start; align-items: center; display: flex; } .icon-small { border: 1px solid var(--border-color--border-secondary); background-image: linear-gradient(180deg, var(--brand--dark-blue) 25%, var(--brand--light-blue)); border-radius: 6rem; flex: 0 0 auto; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; } .card_price { gap: 0.75rem; justify-content: flex-start; align-items: center; display: flex; } .card_details { gap: 1rem; flex-flow: column; display: flex; } .card_list { gap: 1rem; color: var(--text-color--text-primary); flex-flow: column; justify-content: space-between; align-items: flex-start; padding-left: 0px; font-style: italic; display: flex; } .card_item { gap: 0.5rem; justify-content: flex-start; align-items: center; width: 100%; margin-bottom: 0px; font-size: 0.875rem; line-height: 1.4; display: flex; } .icon-1x1-list { width: 1.25rem; height: 1.25rem; } .blog_top { text-align: center; max-width: 48.75rem; } .blog_list-wrap { z-index: 2; width: 100%; position: relative; } .blog_list { gap: 1.5rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .blog_list.is-hero { grid-template-columns: 1fr 1fr; } .blog_item-link { border-radius: 2rem; flex-flow: column; justify-content: space-between; align-items: stretch; height: 100%; transition: box-shadow 0.3s, transform 0.3s; display: flex; } .blog_item-link:hover { transform: translate(0px, -0.25rem); box-shadow: rgba(52, 47, 47, 0.1) 0px 6px 16px; } .blog_item-container { gap: 1.5rem; flex-flow: column; justify-content: space-between; align-items: stretch; height: 100%; padding: 1rem; display: flex; } .blog_item-content { gap: 1.5rem; flex-flow: column; display: flex; } .blog_item-img { border: 1px solid var(--border-color--border-primary); background-color: var(--bg-color--bg-secondary); border-radius: 0.5rem; padding-top: 65%; position: relative; overflow: clip; } .blog_item-info { gap: 0.75rem; flex-flow: column; display: flex; } .cta_wrap { background-color: var(--brand--blue-50); padding: 5rem 3rem 6rem; position: relative; } .cta_content { gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 55%; display: flex; } .cta_header { gap: 1rem; flex-flow: column; width: 100%; display: flex; } .cta_description { max-width: 36rem; } .cta_gradient { z-index: 2; background-image: linear-gradient(180deg, #fcf4f400, var(--brand--blue-50)); min-height: 5rem; position: absolute; inset: auto 0% 0%; } .cta_visual { width: 29.88%; position: absolute; inset: 15% 5% auto auto; } .shadow { box-shadow: rgba(10, 67, 128, 0) 0px 213.544px 59.43px, rgba(10, 67, 128, 0.01) 0px 135.983px 54.393px, rgba(10, 67, 128, 0.05) 0px 76.553px 46.335px, rgba(10, 67, 128, 0.09) 0px 34.248px 34.248px, rgba(10, 67, 128, 0.1) 0px 8.058px 19.138px; } .cta_container { border-radius: 2.5rem; position: relative; overflow: clip; } .container-footer { width: 100%; max-width: 81rem; margin-left: auto; margin-right: auto; } .footer_wrap { gap: 2.5rem; flex-flow: column; display: flex; } .footer_bottom { color: var(--text-color--text-secondary); justify-content: space-between; align-items: center; display: flex; } .footer_top { gap: 3rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; place-items: stretch; display: flex; } .footer_column { gap: 2.5rem; flex-flow: column; display: flex; } .footer_info { gap: 1rem; flex-flow: column; display: flex; } .footer_info-row { gap: 1rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .footer_column-link { gap: 1rem; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: stretch; width: 25%; display: flex; } .footer_list { gap: 1rem; flex-flow: column; display: flex; } .footer_subscribe { gap: 1.25rem; flex-flow: column; min-width: 26rem; display: flex; } .hero-features_visual { gap: 0px; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: stretch; height: 100%; display: grid; position: relative; } .hero_features-content { gap: 2rem; text-align: center; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr minmax(33rem, 0.9fr); grid-auto-columns: 1fr; grid-auto-flow: row; place-items: center stretch; height: 100%; margin-top: 0px; padding-left: 3rem; padding-right: 3rem; display: grid; overflow: visible; } .hero_features-content.is-features { flex: 1 1 0%; grid-template-columns: 1fr minmax(33rem, 39.08%); place-items: center stretch; height: auto; } .hero_box-features { background-image: url(./assets/img/img-060.webp), url(./assets/img/img-061.webp), url(./assets/img/img-062.webp), url(./assets/img/img-063.svg), linear-gradient(180deg, var(--brand--dark-blue), #f3a8a8 76%, #f3a8a8); background-position: 0px 0px, 50% 100%, 50% 0px, 50% center, 0px 0px; background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat; background-size: contain, cover, contain, contain, auto; border-radius: 2.5rem; flex-flow: column; justify-content: space-between; align-items: stretch; min-height: 54rem; display: flex; position: relative; overflow: clip; } .hero_brand { gap: 1rem; justify-content: space-between; align-items: center; padding: 2rem 3rem; display: flex; } .hero_brand-img { max-height: 2.5rem; } .hero-features_img-left { z-index: 2; border: 1px solid var(--border-color--border-primary); border-radius: 2rem; width: 64.7%; position: absolute; inset: 25% auto auto 0%; overflow: clip; } .hero-features_img-right { border: 1px solid var(--border-color--border-primary); border-radius: 2rem; width: 67.83%; position: absolute; inset: 11% 0% auto auto; overflow: clip; } .hero-features_column { justify-content: center; align-items: center; padding-top: 21rem; display: flex; position: relative; } .hero-features_column.is-right { padding-top: 0px; padding-bottom: 12rem; } .form_input-cta { border: 1px solid var(--border-color--border-primary); background-color: var(--brand--blue-50); min-width: 26rem; min-height: 4rem; max-height: 4rem; color: var(--text-color--text-secondary); border-radius: 4rem; margin-bottom: 0px; padding: 0.5rem 0.5rem 0.5rem 1.5rem; font-size: 0.88rem; line-height: 1.4; transition: border-color 0.2s; position: relative; } .form_input-cta:hover { border-color: var(--brand--light-blue); } .form_input-cta:focus { border-color: var(--border-color--border-secondary); } .form_input-cta:focus-visible, .form_input-cta[data-wf-focus-visible] { color: var(--text-color--text-primary); } .form_input-cta::placeholder { color: var(--text-color--text-secondary); } .form_input-cta.is-hero { min-width: 25rem; } .button-cta { z-index: 2; gap: 0.625rem; background-image: linear-gradient(180deg, var(--brand--dark-blue), var(--brand--light-blue)); min-height: 3rem; max-height: 3rem; color: var(--brand--white); text-align: center; transform-style: preserve-3d; border-radius: 2.5rem; flex: 0 0 auto; justify-content: center; align-items: center; padding: 1rem 2rem; font-weight: 500; transition: transform 0.2s, background-color 0.2s; display: flex; position: absolute; inset: 0.5rem 0.5rem 0.5rem auto; transform: scale3d(1, 1, 1.01); } .button-cta:hover { background-image: linear-gradient(180deg, var(--brand--dark-blue), var(--brand--light-blue) 0%); transform: scale3d(0.95, 0.95, 1.01); } .solution_item { gap: 1rem; flex-flow: column; padding: 1rem; display: flex; } .solution_content { gap: 0.5rem; flex-flow: column; display: flex; } .faq_wrap { gap: 4rem; flex-flow: column; justify-content: flex-start; align-items: center; display: flex; } .faq_list { gap: 1.5rem; flex-flow: column; width: 100%; max-width: none; display: flex; } .faq_item { background-color: var(--brand--white); border-radius: 1.5rem; flex-flow: column; padding: 1rem 1rem 1rem 2rem; display: flex; position: relative; } .faq_top { cursor: pointer; justify-content: space-between; align-items: center; width: 100%; display: flex; position: relative; } .faq_top-title { gap: 1.25rem; flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } .icon-1x1-faq { width: 1rem; height: 1rem; } .faq_bottom-wrap { flex-flow: column; width: 100%; padding-bottom: 0.44rem; display: flex; overflow: hidden; } .faq_bottom { flex-flow: column; width: 95%; margin-top: 0.5rem; display: flex; } .hero-about-image { border: 1px solid var(--border-color--border-primary); border-radius: 2rem; min-width: 136%; padding-top: 154%; position: absolute; left: -44%; right: auto; overflow: clip; } .hero-about-image-left { z-index: 2; border: 1px solid var(--border-color--border-primary); border-radius: 1.5rem; min-width: 96%; padding-top: 119%; position: absolute; inset: auto 0% auto auto; overflow: clip; } .hero-about-visual { gap: 0px; flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; place-items: center stretch; height: 100%; display: grid; position: relative; } .core_grid { width: 100%; } .core_item { gap: 2rem; padding: 1.5rem; display: flex; } .core_content { gap: 0.75rem; flex-flow: column; width: 100%; display: flex; } .team_grid { gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; width: 100%; } .team_item { gap: 1.5rem; flex-flow: column; height: 100%; padding: 1rem; display: flex; } .team_img { border-radius: 0.5rem; padding-top: 114%; position: relative; overflow: clip; } .team_img.is-next { background-color: var(--brand--blue-50); flex: 1 1 0%; justify-content: center; align-items: center; padding-top: 0%; display: flex; } .team_content { gap: 0.5rem; text-align: center; flex-flow: column; display: flex; } .team_number { color: var(--brand--dark-blue); font-weight: 500; position: relative; } .hero_wrap-pricing { color: var(--brand--white); flex-flow: column; padding-top: 1.06rem; padding-bottom: 25rem; display: flex; position: relative; } .pricing_tab-wrap { max-width: 73rem; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; } .hero_box-pricing { background-image: url(./assets/img/img-060.webp), url(./assets/img/img-061.webp), url(./assets/img/img-062.webp), url(./assets/img/img-063.svg), linear-gradient(180deg, var(--brand--dark-blue), #f3a8a8 76%, #f3a8a8); background-position: 0px 0px, 50% 100%, 50% 0px, 50% center, 0px 0px; background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat; background-size: contain, cover, cover, contain, auto; border-radius: 2.5rem; flex-flow: column; min-height: 41.6rem; display: flex; position: relative; } .hero-gradient { width: 25.25rem; height: 24.31rem; position: absolute; inset: -24% -12% auto auto; } .hero-gradient.is-left { left: -12%; right: auto; } .hero_content-blog { gap: 5.6rem; text-align: center; flex-flow: column; justify-content: flex-end; align-items: stretch; height: 100%; padding: 2rem; display: flex; position: relative; inset: auto; overflow: clip; } .hero_content-blog.is-blog { padding-top: 7.44rem; padding-bottom: 7.44rem; } .hero_articles { z-index: 5; gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .article_item { gap: 1.5rem; color: var(--text-color--text-primary); flex-flow: row; grid-template-rows: auto; grid-template-columns: 45% 1fr; grid-auto-columns: 1fr; padding: 1rem; display: grid; } .article_img { border-radius: 0.5rem; position: relative; overflow: clip; } .article_content { gap: 1.5rem; flex-flow: column; justify-content: space-between; align-items: flex-start; display: flex; } .article_head { gap: 0.75rem; text-align: left; flex-flow: column; width: 100%; display: flex; } .article_component { position: relative; } .article_gradient { pointer-events: none; width: 25.25rem; height: 24.31rem; position: absolute; inset: -64% -4% auto auto; } .article_gradient.is-left { left: -4%; right: auto; } .blog_gradient { pointer-events: none; width: 25.25rem; height: 24.31rem; position: absolute; inset: auto -6% -23% auto; } .blog_gradient.is-left { left: -6%; right: auto; } .container-mini { width: 100%; max-width: 40rem; margin-left: auto; margin-right: auto; } .blog_main-img { border-radius: 1.25rem; min-height: 22.5rem; margin-bottom: 4rem; position: relative; overflow: clip; } .slider { background-color: rgba(0, 0, 0, 0); height: 100%; overflow: visible; } .blog_slider-mask { width: 26rem; position: static; overflow: visible; } .blog_slide { height: 100%; margin-right: 1.5rem; } .arrow { background-image: linear-gradient(180deg, var(--brand--dark-blue) 25%, var(--brand--light-blue)); border-radius: 3rem; justify-content: center; align-items: center; width: 3rem; height: 3rem; display: flex; inset: 0% 0% auto auto; transform: translate(0px, -7.2rem); } .arrow.is-eft { transform: translate(-4.4rem, -7.2rem); } .section_login { flex-flow: row; justify-content: flex-start; align-items: stretch; } .login_content { justify-content: center; align-items: center; padding-top: 10rem; padding-bottom: 10rem; display: flex; } .login_form-component { flex: 1 1 0%; max-width: 30rem; } .login_form { gap: 2.5rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .login_form-wrap { gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .form_field-wrapper-2 { gap: 1rem; flex-flow: column; flex: 1 1 0%; display: flex; } .form_input-contact { border: 1px solid var(--border-color--border-primary); background-color: var(--bg-color--bg-secondary); min-height: 3.5em; color: var(--text-color--text-secondary); border-radius: 4rem; margin-bottom: 0px; padding: 1rem 2rem; font-size: 1rem; line-height: 1.5; transition: border-color 0.2s; } .form_input-contact:hover { border-color: var(--brand--light-blue); } .form_input-contact:focus { border-color: var(--brand--light-blue); color: var(--text-color--text-primary); } .form_input-contact::placeholder { color: var(--text-color--text-secondary); } .form_bottom { gap: 0.5rem; flex-flow: column; display: flex; } .form_button-group { gap: 1.25rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .icon_button { gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; width: 1.25rem; height: 1.25rem; display: flex; } .form_subtext { text-align: center; letter-spacing: -0.008em; margin-top: 0.5rem; font-size: 1rem; line-height: 1.5; } .product_wrap { gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .product_image { border-radius: 1.25rem; height: 36.81rem; position: relative; overflow: clip; } .image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .product_content { gap: 1.5rem; flex-flow: column; justify-content: center; align-items: stretch; padding-left: 1.5rem; display: flex; } .default-state { gap: 0.25rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .quiantity { color: rgb(41, 45, 50); background-color: rgb(241, 248, 249); } .category_content { gap: 3rem; flex-flow: column; display: flex; } .title_wrap { padding-left: 1.5rem; padding-right: 1.5rem; } .categories_list { gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .categories_item { gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-left: 1.5rem; padding-right: 1.5rem; display: flex; } .work_block { gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .prince_wrap { justify-content: center; align-items: center; display: flex; } .check_header { padding-top: 1rem; padding-bottom: 1rem; } .checkout-form { background-color: var(--brand--white); } .card_img { width: 80px; height: 60px; position: relative; } .cart-container { border-radius: 1.5rem; } .close-button { cursor: pointer; } .paypal-checkout-form, .order-confirmation { background-color: var(--brand--white); } .hero_image-box-internal { padding-top: 96.2871%; position: relative; } .hero_item-wrap { position: relative; } .hero-features_img-left-internal { padding-top: 138.636%; position: relative; } .hero-features_img-right-internal { padding-top: 125.47%; position: relative; } .cta_visual-internal { padding-top: 119.71%; position: relative; } .hero_box-about { background-image: url(./assets/img/img-060.webp), url(./assets/img/img-061.webp), url(./assets/img/img-062.webp), url(./assets/img/img-063.svg), linear-gradient(180deg, var(--brand--dark-blue), #f3a8a8 76%, #f3a8a8); background-position: 0px 0px, 50% 100%, 50% 0px, 50% center, 0px 0px; background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, repeat; background-size: contain, cover, contain, contain, auto; border-radius: 2.5rem; flex-flow: column; justify-content: center; align-items: center; min-height: 55rem; display: flex; position: relative; overflow: clip; } .height-100 { height: 100%; } .temlis_component { z-index: 999; gap: 0.5rem; backdrop-filter: blur(7.5px); background-color: rgba(0, 0, 0, 0.08); border: 0.0625em solid rgb(1, 88, 255); flex-flow: column; padding: 0.5rem; display: flex; position: fixed; inset: auto 1rem 1rem auto; box-shadow: rgba(16, 24, 40, 0.15) 0px 19px 16px -4px, rgba(13, 16, 20, 0.25) 0px 8px 25px -2px; } .custom { gap: 0.75rem; color: var(--text-color--text-primary); background-color: rgb(255, 255, 255); border-radius: 0.75rem; justify-content: flex-start; align-items: center; padding: 0.5rem 1.25rem 0.5rem 0.75rem; transition: background-color 0.2s; display: flex; } .custom:hover { background-color: rgb(242, 242, 242); } .custom_icon { width: 3.5rem; height: 3.17563rem; } .custom_content { gap: 0.5rem; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .custom_text { letter-spacing: -0.015em; font-size: 0.9375rem; font-weight: 500; line-height: 1.33; } .temlis_wrap { gap: 0.75rem; justify-content: center; align-items: center; padding-left: 0.125rem; padding-right: 0.125rem; display: flex; } .temlis_wrap.is-blue { color: rgb(1, 88, 255); } .temlis_text { letter-spacing: 0.14em; text-transform: uppercase; font-size: 0.71875rem; font-weight: 600; line-height: 1.39; } .temlis_icon { width: 1rem; height: 1rem; } .temlis_icon.is-main { width: 1.25763rem; height: 1.25763rem; } .temlis { gap: 1.12rem; color: rgb(255, 255, 255); background-color: rgb(1, 88, 255); border: 1px solid rgba(18, 109, 242, 0.6); border-radius: 0.75rem; justify-content: center; align-items: center; width: 100%; min-height: 3rem; margin-left: auto; margin-right: auto; padding: 0.25rem 1.25rem; transition: background-color 0.2s; display: flex; } .temlis:hover { background-color: rgb(11, 100, 230); } .temlis_point { background-color: rgb(1, 88, 255); border-radius: 4rem; width: 0.31rem; height: 0.31rem; position: absolute; inset: -0.15rem auto auto -0.15rem; } .temlis_point.is-right { left: auto; right: -0.15rem; } .temlis_point.is-right-bot { inset: auto -0.15rem -0.15rem auto; } .temlis_point.is-left-bot { inset: auto auto -0.15rem -0.15rem; } .temlis_icon-1x1 { width: 1.25763rem; height: 1.25763rem; } @media screen and (max-width: 991px) { body { --new-base_sizes---fixed--0-75rem\: .75rem; --new-base_typography---xs--font-size\: var(--new-base_sizes---fixed--0-75rem\); --new-base_typography---font-weight--semibold\: 600; } .padding-xlarge { padding: 3rem; } .margin-xlarge { margin: 3rem; } .padding-xhuge { padding: 6rem; } .padding-xxhuge { padding: 8rem; } .padding-huge { padding: 5rem; } .margin-large { margin: 2.5rem; } .padding-xxlarge { padding: 4rem; } .padding-large { padding: 2.5rem; } .margin-huge { margin: 5rem; } .padding-medium { padding: 1.5rem; } .margin-xxlarge { margin: 4rem; } .margin-xhuge { margin: 6rem; } .margin-medium { margin: 1.5rem; } .margin-xxhuge { margin: 8rem; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .hide-tablet { display: none; } .fs-styleguide_2-col { gap: 2rem; grid-template-columns: 1fr; } .max-width-full-tablet { width: 100%; max-width: none; } .padding-global.is-navbar { padding-bottom: 1rem; } .padding-global.padding-section-hero { padding-top: 3rem; } .fs-styleguide_1-col { gap: 2rem; } .fs-styleguide_heading-medium { font-size: 3rem; } .fs-styleguide_4-col { grid-template-columns: 1fr; } .padding-section-large { padding-top: 6rem; padding-bottom: 6rem; } .fs-styleguide_3-col { grid-template-columns: 1fr; } .fs-styleguide_section { column-gap: 2.5rem; grid-template-columns: 1fr; } .padding-section-medium { padding-top: 4rem; padding-bottom: 4rem; } .spacer-huge { padding-top: 5rem; } .spacer-medium { padding-top: 1.5rem; } .spacer-xhuge { padding-top: 6rem; } .spacer-xxhuge { padding-top: 8rem; } .spacer-xlarge { padding-top: 3rem; } .spacer-large { padding-top: 2.5rem; } .spacer-xxlarge { padding-top: 4rem; } .fs-styleguide_heading-header { font-size: 4rem; } .text-6xl { font-size: 3.5rem; } .text-7xl { font-size: 4rem; } .navbar_content { justify-content: space-between; align-items: center; width: 100%; } .navbar_logo-link { justify-content: flex-start; align-items: center; } .nav_wrap { flex: 1 1 0%; justify-content: flex-end; align-items: center; padding-right: 1rem; } .nav_mobile { text-align: left; background-color: rgba(0, 0, 0, 0); flex-flow: row; justify-content: flex-end; align-items: stretch; min-width: auto; margin-right: 3rem; position: absolute; inset: 0% 0% 0% auto; } .navbar_list { gap: 0.75rem; background-color: var(--brand--blue-50); text-align: left; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0.75rem; flex-flow: column; justify-content: flex-start; align-items: center; min-width: 9rem; padding: 1rem; position: relative; box-shadow: rgba(0, 0, 0, 0) 0px 105px 29px, rgba(0, 0, 0, 0.01) 0px 67px 27px, rgba(0, 0, 0, 0.02) 0px 38px 23px, rgba(0, 0, 0, 0.03) 0px 17px 17px, rgba(0, 0, 0, 0.03) 0px 4px 9px; } .nav_links { color: rgb(41, 45, 50); width: auto; margin-left: 0px; margin-right: 0px; padding: 0px; font-size: 1rem; } .nav_buttons-wrap { gap: 0rem; } .menu-button { padding: 0px 0.95rem 0px 2rem; } .menu-button.w--open { color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0); } .nav-button_component { row-gap: 0.25rem; background-color: rgb(255, 255, 255); border-radius: 0.38rem; width: 2rem; height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } .hero_wrap.is-blog { padding-top: 0px; padding-bottom: 0px; } .hero_content { gap: 3rem; max-height: 43rem; } .hero_content.is-pricing { gap: 3rem; } .header { padding-top: 4rem; } .header.is-features { text-align: center; justify-content: center; align-items: center; width: 100%; margin-left: 0px; margin-right: 0px; padding-bottom: 0px; } .header_content.is-features { justify-content: center; align-items: center; } .header_description.is-features { max-width: none; } .hero_visual { padding-left: 1rem; padding-right: 1rem; } .img.is-feature { border-radius: 1.25rem; } .data_wrap { gap: 4rem; } .data_grid { flex-flow: wrap; grid-template-columns: 1fr 1fr; justify-content: center; align-items: center; display: flex; } .icon-large { width: 4rem; height: 4rem; } .features_wrap, .features_content { gap: 3rem; } .features_grid { gap: 0rem; } .features_info { gap: 3rem; padding-top: 2rem; padding-bottom: 2rem; } .features_info-content { gap: 2rem; } .testimonial_grid { grid-template-columns: 1fr 1fr; } .content-wrap { gap: 3rem; } .tabs_grid, .blog_list { grid-template-columns: 1fr 1fr; } .blog_list.is-hero { grid-template-columns: 1fr; } .blog_item-link { width: 100%; } .cta_wrap { gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: center; max-height: 45.6rem; padding: 3rem 2.5rem; display: flex; } .cta_content { text-align: center; justify-content: flex-start; align-items: center; width: 100%; } .cta_header { justify-content: flex-start; align-items: center; } .cta_visual { width: 70%; position: relative; top: auto; right: auto; } .footer_wrap { gap: 2rem; } .footer_top { gap: 2rem; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer_column-link { width: 85%; margin-top: 4.7rem; } .hero-features_visual { grid-template-columns: 50% 50%; place-items: center; margin-top: 2rem; margin-bottom: 2rem; padding-top: 70%; } .hero_features-content { grid-template-rows: min-content; grid-template-columns: 1fr; place-items: center stretch; margin-top: 3rem; margin-bottom: 3rem; padding-left: 2.5rem; padding-right: 2.5rem; } .hero_features-content.is-features { gap: 3rem; grid-template-columns: 1fr; place-items: center stretch; margin-bottom: 3rem; display: grid; } .hero_box-features { min-height: auto; } .hero-features_img-left { width: 50%; top: auto; bottom: 0%; } .hero-features_img-right { width: 55%; position: absolute; inset: 0% 0% auto auto; } .hero-features_column { flex-flow: column; justify-content: flex-start; align-items: flex-end; width: 100%; padding-top: 10rem; position: relative; } .hero-features_column.is-right { justify-content: flex-start; align-items: flex-start; padding-bottom: 0px; } .form_input-cta.is-hero { min-width: 21rem; } .solution_item { max-width: 22rem; } .faq_top { gap: 2rem; } .hero-about-image { border-radius: 1.5rem; min-width: 90.6667%; padding-top: 102.667%; left: -8%; } .hero-about-image-left { border-radius: 1.5rem; min-width: 80%; padding-top: 100%; position: relative; right: -5%; } .hero-about-visual { place-items: start stretch; } .core_grid { grid-template-columns: 1fr; } .core_item { gap: 1.5rem; justify-content: flex-start; align-items: center; height: 100%; } .team_grid { grid-template-columns: 1fr 1fr; } .hero_wrap-pricing { padding-bottom: 58rem; } .hero-gradient { width: 37%; height: auto; padding-top: 35.6%; top: -8%; } .hero_content-blog { gap: 4rem; justify-content: center; align-items: stretch; position: static; } .article_img { padding-top: 65%; } .article_gradient { top: -20%; right: -17%; } .article_gradient.is-left { top: -20%; left: -17%; } .blog_gradient { top: 53%; bottom: auto; right: -17%; } .blog_gradient.is-left { left: -17%; } .blog_main-img { min-height: auto; margin-bottom: 3rem; padding-top: 55%; } .arrow { transform: translate(0px, -6.8rem); } .arrow.is-eft { transform: translate(-4rem, -6.8rem); } .login_content { min-height: auto; padding-top: 7rem; padding-bottom: 7rem; } .form_field-wrapper-2 { justify-content: flex-start; align-items: flex-start; } .product_content { padding-left: 0px; } .title_wrap { padding-left: 0px; padding-right: 0px; } .categories_list { gap: 3rem 2rem; grid-template-columns: 1fr 1fr; } .categories_item { padding-left: 0px; padding-right: 0px; } .hero_box-about { min-height: auto; } .temlis_point.is-right { justify-content: flex-start; align-items: flex-start; padding-bottom: 0px; } } @media screen and (max-width: 767px) { body { --new-base_typography---xs--font-size\: var(--new-base_sizes---fixed--0-75rem\); --new-base_typography---font-weight--semibold\: 600; --new-base_sizes---fixed--0-75rem\: .75rem; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1rem; } h6 { font-size: 0.875rem; } .padding-xlarge { padding: 2rem; } .margin-xlarge { margin: 2rem; } .padding-xhuge { padding: 4rem; } .padding-xxhuge { padding: 4.5rem; } .padding-huge { padding: 3.5rem; } .margin-large { margin: 1.5rem; } .padding-xxlarge { padding: 3rem; } .padding-large { padding: 1.5rem; } .margin-huge { margin: 3.5rem; } .padding-medium { padding: 1.25rem; } .margin-xxlarge { margin: 3rem; } .margin-xhuge { margin: 4rem; } .margin-medium { margin: 1.25rem; } .margin-xxhuge { margin: 4.5rem; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .hide-mobile-landscape { display: none; } .heading-style-h3 { font-size: 1.5rem; } .icon-1x1-medium { width: 1.75rem; height: 1.75rem; } .padding-global { padding-left: 1.25rem; padding-right: 1.25rem; } .padding-global.is-box { padding-left: 1rem; padding-right: 1rem; } .padding-global.is-navbar { padding-top: 1rem; padding-bottom: 1rem; } .padding-global.is-hero { padding-left: 1rem; padding-right: 1rem; } .padding-global.is-footer { padding-top: 1.5rem; padding-bottom: 1.5rem; } .padding-global.padding-section-hero { padding-bottom: 3rem; } .padding-section-small { padding-top: 2rem; padding-bottom: 2rem; } .fs-styleguide_section-header { font-size: 0.875rem; } .fs-styleguide_heading-medium { font-size: 2rem; } .max-width-full-mobile-landscape { width: 100%; max-width: none; } .heading-style-h4 { font-size: 1rem; } .text-style-nowrap { white-space: normal; } .heading-style-h6 { font-size: 0.75rem; } .padding-section-large { padding-top: 4rem; padding-bottom: 4rem; } .text-xs { font-size: 1.25rem; } .heading-style-h5 { font-size: 0.875rem; } .padding-section-medium { padding-top: 3rem; padding-bottom: 3rem; } .spacer-huge { padding-top: 3.5rem; } .spacer-medium { padding-top: 1.25rem; } .spacer-xhuge { padding-top: 4rem; } .spacer-xxhuge { padding-top: 4.5rem; } .spacer-xlarge { padding-top: 2rem; } .spacer-large { padding-top: 1.5rem; } .spacer-xxlarge { padding-top: 3rem; } .text-3xl { font-size: 1.75rem; } .text-6xl { font-size: 3rem; line-height: 1.1; } .text-7xl { font-size: 3.5rem; } .navbar_logo { width: 5rem; } .navbar_logo.is-footer { width: 7.7rem; max-height: 2.5rem; } .nav_mobile { margin-top: 0.25rem; margin-right: 0px; top: 4.5rem; right: 1.25rem; } .nav_buttons-wrap { justify-content: space-between; align-items: center; } .menu-button { padding-left: 1rem; padding-right: 0.5rem; } .hero_wrap { min-height: auto; padding-top: 0px; padding-bottom: 0px; } .hero_box { border-radius: 1.5rem; } .hero_box.is-blog { padding: 1rem; } .hero_content { gap: 3rem; justify-content: flex-start; align-items: center; max-height: 50rem; padding: 3rem 1rem; position: static; } .hero_content.is-pricing { padding-top: 0px; } .header { max-width: none; padding-top: 0px; } .header.is-features { text-align: center; justify-content: flex-start; align-items: center; padding-top: 1rem; } .header.is-pricing { padding-top: 3rem; } .header.is-blog, .header.is-blog-cms { padding-top: 2rem; } .header_content.is-features { justify-content: flex-start; align-items: center; } .header_description { max-width: none; } .hero_images { min-width: 55.6rem; } .hero_image1, .hero_image2, .hero_image3 { border-radius: 1rem; } .data_wrap { gap: 3rem; } .data_top { text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; } .data_grid { gap: 1rem; flex-flow: column; justify-content: center; align-items: stretch; } .block { border-radius: 1.5rem; } .block_container { border-radius: 1rem; } .icon-large { width: 3rem; height: 3rem; } .features_content { gap: 5rem; } .features_grid { gap: 3rem; flex-flow: column; display: flex; } .features_info { gap: 2rem; justify-content: space-between; align-items: stretch; padding-top: 0px; padding-bottom: 0px; } .features_info-content { gap: 1rem; } .icon-medium { width: 3rem; height: 3rem; } .tag_group { row-gap: 0.75rem; justify-content: flex-start; align-items: center; } .features_visual { order: 1; justify-content: center; align-items: center; width: 70%; min-height: 11rem; } .features_visual.is-right { justify-content: center; align-items: center; } .testimonial_grid { grid-template-columns: 1fr; } .testimonial_container { padding: 1rem; } .content-wrap { gap: 2rem; justify-content: flex-start; align-items: stretch; } .tabs_component { z-index: 2; } .tabs_grid { grid-template-columns: 1fr; } .card_container { padding: 1.5rem 1.25rem; } .card_content { gap: 1rem; } .blog_list { grid-template-columns: 1fr; } .blog_list.is-hero { gap: 1rem; } .blog_item-link { border-radius: 1.5rem; } .cta_wrap { gap: 2.5rem; min-height: auto; max-height: 49rem; display: flex; } .cta_visual { width: 80%; } .cta_container { border-radius: 1.5rem; max-height: 45rem; overflow: clip; } .footer_wrap { gap: 3rem; } .footer_top { gap: 2rem 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; padding-left: 0.5rem; padding-right: 0.5rem; display: grid; } .footer_column { gap: 1.5rem; } .footer_info-row { justify-content: flex-start; align-items: flex-start; } .footer_column-link { width: 93%; margin-top: 3.8rem; } .footer_subscribe { order: -1; } .hero_features-content { z-index: 2; flex-flow: column; justify-content: flex-start; margin-top: 2rem; margin-bottom: 2rem; padding-left: 1.5rem; padding-right: 1.5rem; position: relative; } .hero_features-content.is-features { gap: 2rem; margin-bottom: 1.5rem; } .hero_box-features { border-radius: 1.5rem; } .hero_brand { z-index: 1; padding: 1rem 1.5rem; position: relative; } .hero_brand.hide-tablet { gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .hero_brand-img { max-height: 2rem; } .hero-features_img-left, .hero-features_img-right { border-radius: 1.5rem; } .hero-features_column { padding-top: 5rem; } .faq_list { height: auto; } .faq_item { padding: 1rem; } .faq_top-title { gap: 0.75rem; padding-top: 0px; } .icon-1x1-faq { flex: 0 0 auto; } .faq_bottom-wrap { padding-bottom: 0px; } .faq_bottom { padding-top: 0px; padding-left: 0px; } .hero-about-image, .hero-about-image-left { border-radius: 1rem; } .core_item { gap: 1rem; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 1rem; } .team_grid { gap: 1rem; } .team_item { gap: 0.5rem; padding: 0.75rem; } .team_content { gap: 0.25rem; } .hero_wrap-pricing { height: auto; max-height: none; padding-top: 0px; padding-bottom: 86rem; } .pricing_tab-wrap { padding-left: 0px; padding-right: 0px; } .hero_box-pricing { border-radius: 1.5rem; } .hero-gradient { top: -4%; } .hero_content-blog { gap: 3rem; justify-content: flex-start; align-items: center; padding: 0px; position: static; } .hero_content-blog.is-blog { padding-top: 2rem; padding-bottom: 2rem; } .article_item { min-height: auto; } .article_content { gap: 1rem; } .blog_main-img { margin-bottom: 2rem; } .slider { padding-bottom: 5rem; } .blog_slider-mask { width: 60%; } .arrow { inset: auto 0% 0%; transform: translate(2rem); } .arrow.is-eft { transform: translate(-2rem); } .login_content { padding-top: 4rem; padding-bottom: 4rem; } .form_button-group { gap: 1rem; } .product_wrap { gap: 1.5rem; grid-template-columns: 1fr; } .product_image { height: auto; padding-top: 70%; } .section_category { padding-bottom: 0px; } .category_content { gap: 2rem; } .categories_list { gap: 3rem; grid-template-columns: 1fr; } .hero_box-about { border-radius: 1.5rem; } } @media screen and (max-width: 479px) { body { --new-base_sizes---fixed--0-75rem\: .75rem; --new-base_typography---xs--font-size\: var(--new-base_sizes---fixed--0-75rem\); --new-base_typography---font-weight--semibold\: 600; } .utility-page_wrapper { width: 100%; max-width: none; } .margin-horizontal { margin-top: 0px; margin-bottom: 0px; } .padding-top { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } .margin-vertical { margin-left: 0px; margin-right: 0px; } .margin-bottom { margin-top: 0px; margin-left: 0px; margin-right: 0px; } .padding-left { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; } .padding-vertical { padding-left: 0px; padding-right: 0px; } .padding-horizontal { padding-top: 0px; padding-bottom: 0px; } .margin-right { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; } .margin-top { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } .margin-left { margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } .padding-right { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .padding-bottom { padding-top: 0px; padding-left: 0px; padding-right: 0px; } .form_form { width: 100%; } .fs-styleguide_row { flex-wrap: wrap; } .container-small { max-width: none; } .max-width-full-mobile-portrait { width: 100%; max-width: none; } .padding-global { padding-left: 1rem; padding-right: 1rem; } .padding-global.is-box, .padding-global.is-hero { padding-left: 0.75rem; padding-right: 0.75rem; } .padding-global.padding-section-hero { padding-bottom: 2rem; } .hide-mobile-portrait { display: none; } .form_field-wrapper { flex-flow: column; justify-content: center; align-items: stretch; width: 100%; } .container-large { max-width: 100%; } .form_component { width: 100%; } .text-5xl { font-size: 2.25rem; } .text-6xl { font-size: 3rem; } .text-7xl { letter-spacing: -0.1em; font-size: 3.5rem; } .navbar_content { padding-left: 0px; } .navbar_logo-link { padding-left: 0px; padding-right: 0px; } .nav_mobile { top: 4.5rem; right: 1rem; } .navbar_list { gap: 0.5rem 1rem; flex-flow: column; justify-content: center; align-items: center; } .nav_links:lang(en) { color: rgb(41, 45, 50); } .menu-button { padding-right: 0.4rem; } .nav-button_line.is-first, .nav-button_line.is-second, .nav-button_line.is-third { flex: 0 0 auto; } .hero_box { border-radius: 1rem; } .hero_box.is-blog { padding-top: 1.5rem; padding-bottom: 1.5rem; } .hero_content { width: 100%; max-height: 50rem; padding-left: 1rem; padding-right: 1rem; } .hero_content.is-pricing, .header.is-blog, .header.is-blog-cms { padding-top: 0px; } .hero_images { min-width: 45rem; } .img.is-feature { border-radius: 1rem; } .data_wrap { gap: 2rem; } .data_top { justify-content: flex-start; align-items: stretch; } .features_info { gap: 1.25rem; } .features_info-content { gap: 1.25rem; align-self: flex-end; position: relative; } .testimonial_container { padding: 1rem; } .tabs_component { z-index: 2; } .card_container { padding: 1.25rem 1rem; } .cta_wrap { gap: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } .section_footer { justify-content: space-between; align-items: center; } .container-footer { max-width: 100%; } .footer_wrap { gap: 2rem; } .footer_top { column-gap: 2rem; grid-template-columns: 1fr; justify-content: flex-start; align-items: stretch; width: 100%; padding-left: 0px; padding-right: 0px; display: flex; } .footer_column { gap: 1rem; } .footer_info { gap: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .footer_column-link { gap: 4rem; width: 80%; margin-top: 0px; padding-left: 0.5rem; } .footer_subscribe { order: 0; justify-content: flex-start; align-items: center; min-width: auto; } .subscribe_component { width: 100%; } .hero_features-content { margin-top: 1rem; margin-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; } .hero_features-content.is-features { padding-left: 1rem; padding-right: 1rem; } .hero_box-features, .hero-features_img-left, .hero-features_img-right { border-radius: 1rem; } .hero-features_column { padding-top: 3rem; } .form_input-cta, .form_input-cta.is-hero { min-width: auto; } .faq_item { padding: 1rem; } .faq_top { gap: 1rem; justify-content: space-between; align-items: flex-start; padding-right: 0px; } .hero-about-image { border-radius: 1rem; min-width: 100%; padding-top: 112%; } .hero-about-image-left { border-radius: 1rem; min-width: 100%; padding-top: 124%; } .team_grid { grid-template-columns: 1fr; } .team_img.is-next { min-height: 15rem; } .hero_wrap-pricing { padding-bottom: 90rem; } .hero_box-pricing { border-radius: 1rem; } .hero-gradient { top: 0%; } .hero_content-blog { gap: 2rem; padding-top: 1rem; padding-left: 0px; padding-right: 0px; } .hero_articles { gap: 1.5rem; } .article_item { gap: 1rem; grid-template-columns: 100%; } .article_img { padding-top: 50%; } .container-mini { max-width: none; } .blog_slider-mask { width: 80%; height: 100%; } .blog_slide { height: 100%; } .login_content { padding-top: 3rem; padding-bottom: 3rem; } .login_form { gap: 2rem; text-align: center; justify-content: flex-start; align-items: stretch; } .product_content { gap: 1rem; } .hero_box-about { border-radius: 1rem; } } #w-node-_36dba362-b328-f85e-c452-bc00a05302c5-d5c746e8 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_6a69605c-6706-eccd-d1d9-932099034338-99034316, #w-node-_6a69605c-6706-eccd-d1d9-932099034350-99034316 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b224ec27-30fa-be84-48bf-7ed471542af3-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca17-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca1c-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca21-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca26-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca2c-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca32-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca38-d5c746eb { justify-self: start; } #w-node-_6f5f6643-558c-14d9-9a3d-df87a110f94a-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ca86-d5c746eb, #w-node-_5d224905-8a1e-1460-7532-d38cb7ec37c1-d5c746eb, #w-node-_40538c8c-870b-b365-34c4-2a06f0f8567d-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb5e-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb61-d5c746eb { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb63-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cb66-d5c746eb { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbb8-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc2-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cbc3-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc31-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc36-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc3b-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc40-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc45-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc4a-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc54-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc59-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc5e-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc63-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc68-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc6d-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc72-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc77-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc7c-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc81-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc86-d5c746eb { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8a-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc8b-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc90-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc95-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cc9a-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccaf-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb4-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccb9-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccbe-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc3-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccc8-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd2-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccd7-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccdc-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce1-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cce6-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cceb-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf0-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccf5-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccfa-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627ccff-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd04-d5c746eb { justify-self: start; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd08-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd09-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd0e-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd13-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd18-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef3e5-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ea-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef3ef-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f4-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef3f9-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef3fe-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef403-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef408-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef40d-d5c746eb, #w-node-_30684373-af34-3818-02a4-e58b3ffef412-d5c746eb { justify-self: start; } #w-node-_30684373-af34-3818-02a4-e58b3ffef416-d5c746eb { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_30684373-af34-3818-02a4-e58b3ffef417-d5c746eb { justify-self: start; } #w-node-_30684373-af34-3818-02a4-e58b3ffef41a-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd6b-d5c746eb, #w-node-_32eadc24-e391-a089-abe0-fb5b6627cd98-d5c746eb, #w-node-_7b53046f-a385-578d-61a8-590e7b1b1682-d5c746ed, #w-node-_8d3db30e-390b-82e8-0804-03d29bebf749-d5c746ee, #w-node-_8d3db30e-390b-82e8-0804-03d29bebf754-d5c746ee { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-a999ca78-ab59-9fa6-119d-013e6447f7da-d5c746e8, #w-node-_92e597a0-3376-cb1a-7609-6e67ff94157f-d5c746e8 { order: 9999; grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b523878b-4ff2-24ae-510c-bc7cef3808ee-ef3808e9, #w-node-b523878b-4ff2-24ae-510c-bc7cef380901-ef3808e9 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b523878b-4ff2-24ae-510c-bc7cef380916-ef3808e9 { grid-area: 2 / 1 / 2 / 3; } #w-node-_6a69605c-6706-eccd-d1d9-932099034338-99034316, #w-node-_6a69605c-6706-eccd-d1d9-932099034350-99034316 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f364a890-d893-7a3e-4654-80f044760c73-fb427082, #w-node-f364a890-d893-7a3e-4654-80f044760cea-fb427082 { order: 9999; grid-area: span 1 / span 2 / span 1 / span 2; } } @media screen and (max-width: 767px) { #w-node-_69baa068-f3f3-c3ab-2531-b2829c7452c2-d5c746e8 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b32a05a3-5450-72e0-73a5-ddecdd308c92-d5c746e8 { order: 9999; } #w-node-a999ca78-ab59-9fa6-119d-013e6447f7da-d5c746e8 { order: -9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_3b57dd5a-ddd8-f78c-82b1-e5a6bbc228cd-d5c746e8 { order: 9999; } #w-node-_92e597a0-3376-cb1a-7609-6e67ff94157f-d5c746e8 { order: -9999; grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b523878b-4ff2-24ae-510c-bc7cef380916-ef3808e9 { grid-area: 2 / 1 / 2 / 5; } #w-node-_6a008adc-0104-b79e-0561-552ab2a4f00a-552282cd, #w-node-f1e60603-d32a-a329-e6aa-0bb3fcd685cf-552282cd, #w-node-d688f851-78d4-8787-588e-846f116f8a05-552282cd, #w-node-_551571c9-41e3-0c8b-0a4b-2393ee5b66e4-552282cd, #w-node-fde66969-b3b3-1fb9-89ef-aea3b884540c-48f9187b { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-f364a890-d893-7a3e-4654-80f044760c73-fb427082, #w-node-f364a890-d893-7a3e-4654-80f044760cea-fb427082 { order: 9999; grid-area: span 1 / span 1 / span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-b523878b-4ff2-24ae-510c-bc7cef3808ee-ef3808e9, #w-node-b523878b-4ff2-24ae-510c-bc7cef380901-ef3808e9, #w-node-b523878b-4ff2-24ae-510c-bc7cef380916-ef3808e9 { grid-area: span 1 / span 1 / span 1 / span 1; } }