html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663d57063b4458976d8a_fonnts.com-Ivy-Presto-Headline-Semi-Bold.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663c4214727b63491438_fonnts.com-Ivy-Presto-Text-.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663c9454699a665e622b_fonnts.com-Ivy-Presto-Headline-Light.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663cac54514527f34227_fonnts.com-Ivy-Presto-Display-Semi-Bold.woff2") format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663c9265a71b202f366e_fonnts.com-Ivy-Presto-Display-Light.woff2") format("woff2");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663c2d62fe871eeaf753_fonnts.com-Ivy-Presto-Display-.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663ce0016122bdebeb48_fonnts.com-Ivy-Presto-Display-Thin.woff2") format("woff2");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Ivy Presto;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891663c2b3b7bcff6f62d35_fonnts.com-Ivy-Presto-Text-Semi-Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/689167095cf5480888cc6fa7_fonnts.com-Halyard_Display_Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709cbde722a4a8f9204_fonnts.com-Halyard_Display_Book_Italic.woff2") format("woff2");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670986600e1addd56271_fonnts.com-Halyard_Micro_Black_Italic.woff2") format("woff2");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709ebbc1470bb83034c_fonnts.com-Halyard_Display_Bold_Italic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a96b68f7774064dc2_fonnts.com-Halyard_Micro_Bold_Italic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670947d2665371dba4e7_fonnts.com-Halyard_Display_Book.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709e08a123821bae502_fonnts.com-Halyard_Display_ExtraLight_Italic.woff2") format("woff2");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709d37fa6a5f509ff8a_fonnts.com-Halyard_Display_Light.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709911134dfc167e141_fonnts.com-Halyard_Display_Light_Italic.woff2") format("woff2");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709e93f6103ddbf30fe_fonnts.com-Halyard_Display_Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709999f186d81857d7b_fonnts.com-Halyard_Display_Black_Italic.woff2") format("woff2");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670981040e878f94a534_fonnts.com-Halyard_Display_SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/689167099454699a665e83d3_fonnts.com-Halyard_Display_Regular.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/689167096c7e13efd87107bc_fonnts.com-Halyard_Display.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709df165c7e93c509ca_fonnts.com-Halyard_Display_Italic.woff2") format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670934bdaeb7aac571d3_fonnts.com-Halyard_Display_SemiBold_Italic.woff2") format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670929f1da9e4e25c229_fonnts.com-Halyard_Micro.woff2") format("woff2"), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670acbde722a4a8f921b_fonnts.com-Halyard_Micro_Regular.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709136d06d32394de3a_fonnts.com-Halyard_Micro_Black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709766cd2b59ed6e870_fonnts.com-Halyard_Micro_Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68916709ff79462ce56bb05c_fonnts.com-Halyard_Display_Black.woff2") format("woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/689167099561c2cd39933ef3_fonnts.com-Halyard_Display_ExtraLight.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a2ef6479f917ec2e5_fonnts.com-Halyard_Micro_Book_Italic.woff2") format("woff2");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670ac2941896c3483aa1_fonnts.com-Halyard_Micro_Book_Regular.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670af2e93fb24cab94e5_fonnts.com-Halyard_Micro_Italic.woff2") format("woff2");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670aeed9b48c665621c0_fonnts.com-Halyard_Micro_ExtraLight_Italic.woff2") format("woff2");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a51c64e4f0dbdd416_fonnts.com-Halyard_Micro_ExtraLight.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670ac8d3fece93114be2_fonnts.com-Halyard_Micro_Light.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a5fd628848196b4be_fonnts.com-Halyard_Micro_Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a35b302bb88cd4420_fonnts.com-Halyard_Micro_Medium_Italic.woff2") format("woff2");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670aff88a5fd9cccd840_fonnts.com-Halyard_Micro_SemiBold_Italic.woff2") format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a5ca332758d90a2fa_fonnts.com-Halyard_Micro_Light_Italic.woff2") format("woff2");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Micro;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a751dc0046cc9137d_fonnts.com-Halyard_Micro_SemiBold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670ab11ad92178a6522b_fonnts.com-Halyard_Text_Bold_Italic.woff2") format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a266231f105115336_fonnts.com-Halyard_Text_Light.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a9e45233c0e7314aa_fonnts.com-Halyard_Text_Light_Italic.woff2") format("woff2");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670ad0f8b0a5e3dcc27e_fonnts.com-Halyard_Text_Bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a51c64e4f0dbdd42c_fonnts.com-Halyard_Text_Italic.woff2") format("woff2");
font-weight: 100 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670aa5732a19e39fcbbe_fonnts.com-Halyard_Text_Medium_Italic.woff2") format("woff2");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670aed02b47bd3af9004_fonnts.com-Halyard_Text_Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Text;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670a2c8fffb8b9584d6c_fonnts.com-Halyard_Text_Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Halyard Display;
src: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6891670ba95ec878b333c326_fonnts.com-Halyard_Display_Medium_Italic.woff2") format("woff2");
font-weight: 500;
font-style: italic;
font-display: swap;
}
:root {
--heading-color: #133b3a;
--light: #fcfcf9;
--body-text-dark: #415554;
--background-color: #081717;
--secondary-color: #1c1c24;
--orange: #ffe205;
--accent: #7bd9d7;
--light-contrast: #f3f3ee;
--white: #fcfcf9;
--radius: 1000px;
--nav-two-font-size-four: 20px;
--nav-two-font-height-four: 29px;
--nav-two-font-size-two: 20px;
--nav-two-font-height-two: 29px;
--nav-two-font-size-five: 20px;
--nav-two-font-height-five: 29px;
--nav-two-font-size-one: 20px;
--nav-two-font-height-one: 29px;
--nav-two-font-size-three: 20px;
--nav-two-font-height-three: 29px;
--service-two-radius-one: 1000px;
--service-two-radius-two: 1000px;
--black: #081717;
--body-text-light: #c8cece;
--accent-dark: #228e8c;
--transparent: #0000;
--red: #ff4000;
--green: #00ff6a;
--border: 7px;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-commerce-commerceaddtocartform {
margin: 0 0 15px;
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex;
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999;
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity, .w-commerce-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;
}
}
body {
color: var(--heading-color);
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 29px;
}
h1 {
color: var(--heading-color);
letter-spacing: normal;
text-transform: none;
margin-top: 20px;
margin-bottom: 10px;
font-family: Ivy Presto Headline;
font-size: 88px;
font-style: normal;
font-weight: 400;
line-height: 90px;
}
h2 {
color: var(--heading-color);
text-transform: none;
margin-top: 20px;
margin-bottom: 10px;
font-family: ivypresto-display;
font-size: 56px;
font-weight: 300;
line-height: 70px;
}
h3 {
color: var(--heading-color);
text-transform: none;
margin-top: 20px;
margin-bottom: 10px;
font-family: ivypresto-display;
font-size: 36px;
font-weight: 400;
line-height: 100px;
}
h4 {
font-size: 32px;
font-weight: 400;
line-height: 100%;
}
h5 {
color: var(--heading-color);
-webkit-text-stroke-width: 0px;
text-transform: none;
margin-top: 10px;
margin-bottom: 10px;
font-family: halyard-text;
font-size: 2rem;
font-weight: 700;
line-height: 37px;
}
h6 {
color: var(--heading-color);
letter-spacing: -1px;
text-transform: none;
margin-top: 10px;
margin-bottom: 10px;
font-family: halyard-text;
font-size: 1.6rem;
font-weight: 600;
line-height: 33px;
}
p {
margin-bottom: 10px;
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 18px;
font-weight: 200;
line-height: 32px;
}
a {
color: var(--light);
font-family: Halyard Micro, Tahoma, sans-serif;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.2rem;
text-decoration: none;
}
ul {
color: var(--body-text-dark);
margin-top: 0;
margin-bottom: 10px;
padding-left: 60px;
line-height: 35px;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 60px;
line-height: 35px;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
strong {
font-weight: bold;
}
.global {
background-color: var(--background-color);
}
.home-one-hero-merquee-item {
flex: none;
padding-right: 50px;
}
.nav-one-cart {
z-index: 1;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.home-one-project-image-box {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
padding-bottom: 40px;
display: flex;
}
.home-one-project-image-item {
border-radius: 6px;
overflow: hidden;
}
.navbar-one {
z-index: 5;
background-color: #ddd0;
padding-left: 15px;
padding-right: 15px;
position: sticky;
inset: 0% 0% auto;
}
.navbar-one.change-style-nav-two {
padding-left: 0;
padding-right: 0;
}
.navbar-one.change-style-nav-two.desktop-display-off {
display: none;
}
.heading-six {
letter-spacing: -.48px;
text-transform: uppercase;
}
.heading-six.change-font-style {
font-size: 22px;
line-height: 20px;
}
.heading-six.chnage-heading-color {
color: #0e0d26;
text-transform: none;
}
.heading-six.chnage-heading-color.change-size {
font-size: 20px;
line-height: 30px;
}
.heading-six.chnage-heading-color.change-size.change-color-white {
color: #fff;
}
.heading-six.text-no-wrap {
white-space: nowrap;
}
.heading-six.change-font-style {
font-size: 22px;
line-height: 20px;
text-decoration: underline;
}
.heading-six.is--white {
-webkit-text-stroke-width: 0px;
}
.home-one-project-details {
max-width: 183px;
}
.auto-fit {
vertical-align: baseline;
object-fit: cover;
display: inline-block;
}
.auto-fit.image-full-width {
width: 100%;
max-width: 100%;
height: 100%;
position: static;
overflow: clip;
}
.auto-fit.image-full-width.border-radius-twenty {
border-radius: 20px;
}
.auto-fit.image-full-width.chnage-height {
height: 110%;
}
.auto-fit.image-full-width.image-effect-height {
height: 120%;
}
.auto-fit.responsive-image-full-width.image-effect-height, .auto-fit.responsive-image-full-width.image-effect {
height: 110%;
}
.auto-fit.image-big-size {
height: 800px;
}
.auto-fit.chnage-filter {
filter: invert();
}
.auto-fit.three, .auto-fit.six, .auto-fit.four, .auto-fit.two, .auto-fit.five {
position: absolute;
inset: 0%;
}
.auto-fit.border-radius-twenty {
border-radius: 20px;
width: 100%;
}
.auto-fit.border-radius-twenty.image-full-width.image-effect {
height: 105%;
}
.auto-fit.about-image-effect {
width: auto;
height: 120%;
}
.auto-fit.border-radius-five {
border-radius: 5px;
}
.auto-fit.banner-image-border-radius {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.auto-fit.image-full-width {
width: 100%;
height: 100%;
}
.social-media-main-icon-wrapper {
justify-content: center;
align-items: center;
padding-bottom: 10px;
display: flex;
position: absolute;
inset: -60px 0% auto;
}
.header-menu-item {
color: #202854;
font-size: 1rem;
font-weight: 400;
line-height: 1.6875rem;
}
.header-menu-item:hover {
color: #4a74fd;
}
.header-menu-item.sub-menu {
display: block;
}
.header-menu-item.sub-menu.change-line-height {
color: #7e7e7e;
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px;
font-weight: 700;
line-height: 26px;
transition: all .2s;
}
.header-menu-item.sub-menu.change-line-height:hover, .header-menu-item.sub-menu.change-line-height.w--current {
color: var(--light);
}
.home-one-project-social-media {
flex-flow: wrap;
max-width: 255px;
display: flex;
}
.home-one-project-social-media.change-gap {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
}
.home-one-project-client-wrapper {
padding-bottom: 30px;
display: flex;
}
.home-one-project-client-wrapper.change-flex {
grid-column-gap: 15px;
grid-row-gap: 15px;
padding-top: 20px;
}
.nav-one-menu {
z-index: 1;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.dropdown-toggle {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: flex-start;
align-items: center;
padding: 40px 10px;
display: flex;
}
.dropdown-toggle.change-left-padding {
padding-left: 0;
}
.dropdown-toggle.change-left-padding.change-padding-arround, .dropdown-toggle.change-padding-arround {
padding-top: 20px;
padding-bottom: 20px;
}
.menu-font {
color: #fff;
letter-spacing: 1.5px;
text-transform: uppercase;
font-family: Generalsans Variable;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.menu-font.social-media-hover.change-fonrt-style {
color: #7e7e7e;
font-weight: 500;
}
.menu-font.social-media-hover.change-fonrt-style.hover {
color: var(--body-text-dark);
transition: all .3s;
}
.menu-font.social-media-hover.change-fonrt-style.hover:hover {
color: var(--light);
}
.menu-font.change-submenu {
min-width: 230px;
padding-top: 10px;
padding-bottom: 10px;
}
.menu-font.change-submenu.w--open {
background-color: #fff;
}
.menu-font.change-submenu.box-shadow.w--open {
box-shadow: 0 10px 10px 2px #0000001a;
}
.menu-font.change-submenu.box-shadow.border-radius-ten {
background-color: var(--background-color);
}
.menu-font.change-submenu.box-shadow.border-radius-ten:hover {
color: #4c34e3;
}
.menu-font.change-submenu.box-shadow.border-radius-ten.w--open {
box-shadow: 0 5px 10px 2px #0000001a;
}
.menu-font.change-submenu.box-shadow.border-radius-ten.change-color, .menu-font.change-submenu.box-shadow.border-radius-ten.change-color.change-secondary-color {
background-color: var(--secondary-color);
}
.menu-font.change-submenu.box-shadow.border-radius-ten.change-color.change-primary-color {
background-color: var(--background-color);
}
.menu-font.change-font-weight {
font-weight: 500;
}
.menu-font.change-font-weight.social-media-hover.text-underline, .menu-font.change-decoration {
text-decoration: underline;
}
.menu-font.change-color {
color: #0e0d26;
}
.nav-one-main-wrapper {
grid-template-rows: auto;
grid-template-columns: 3.5fr 1fr 1.5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: grid;
position: relative;
}
.nav-one-main-wrapper.chnage-dispaly {
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.nav-one-main-wrapper.change-sizing {
grid-template-columns: .5fr 3.5fr .8fr;
}
.social-media-polygon {
position: absolute;
inset: auto auto -7px;
}
.nav-one-cart-wrapper {
grid-column-gap: 35px;
grid-row-gap: 35px;
display: flex;
}
.home-one-project-click-main {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624624_Box%20Background.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
padding: 40px;
position: relative;
}
.home-one-project-click-main.chnage-background {
background-size: 337px 446px;
padding-right: 25px;
}
.home-one-project-click-main.chnage-background.new-background {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247e3_BG.webp");
padding-bottom: 60px;
}
.footer-one-right-item-link {
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.footer-one-right-item-link.change-underline {
text-decoration: underline;
}
.footer-one-right-item-link.chnage-display {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
padding-right: 230px;
}
.big-container {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1700px;
margin-left: auto;
margin-right: auto;
display: block;
}
.big-container.position-relative {
position: relative;
}
.big-container.position-relative.change-index {
z-index: 5;
}
.big-container.change-width {
max-width: 1720px;
}
.big-container.chnage-wrapper-size {
max-width: 1797px;
}
.big-container.change-max-width {
width: 100%;
}
.home-one-hero-merquee {
z-index: 5;
width: 100%;
padding-bottom: 362px;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.home-one-project-top-wrapper {
opacity: 0;
justify-content: flex-end;
margin-top: -60px;
display: flex;
position: absolute;
inset: 0 0% auto;
overflow: hidden;
}
.home-one-project-top-wrapper.change-position {
width: 40%;
margin-top: 0;
margin-left: auto;
top: 80px;
}
.home-one-project-top-wrapper.change-position.new-position {
margin-top: -150px;
}
.social-media-icon-main {
background-color: #070616;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
display: flex;
position: relative;
}
.home-one-hero-background {
position: absolute;
inset: 0%;
overflow: hidden;
}
.home-one-project-email {
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.black-nav-arrow {
display: none;
}
.black-nav-arrow.display-on {
display: block;
}
.button-font {
color: var(--background-color);
letter-spacing: normal;
text-transform: uppercase;
font-size: 12px;
}
.button-font.change-color-white.chnage-wight {
font-weight: 500;
}
.button-font.change-color-white.chnage-wight.hover-link {
color: var(--body-text-dark);
}
.button-font.change-color-white.chnage-wight.hover-link:hover {
color: var(--light);
}
.button-font.change-color-grey {
color: #7e7e7e;
}
.button-font.chnage-font-size {
font-size: 13px;
}
.button-font.chnage-color-dark-grey {
color: #5c5c5c;
}
.button-font.chnage-color-dark-grey.scroll-effect.responsive-color-white.hover:hover {
color: var(--heading-color);
}
.button-font.chnage-color-grey-light {
color: #7e7e7e;
}
.button-font.chnage-rotation {
white-space: nowrap;
width: 40px;
margin-top: 140px;
transform: rotate(-90deg);
}
.button-font.change-color-green {
color: #b3de4f;
}
.button-font.change-color-grey-light {
color: #efefef;
}
.button-font.chnage-color-light-grey {
color: #c2c2c2;
}
.button-font.change-color-fade-white {
color: #fff9;
}
.change-opacity {
opacity: .4;
}
.home-one-project-click-wrapper {
z-index: 11;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 140px;
display: flex;
position: relative;
}
.home-one-social-media-item {
padding-left: 10px;
padding-right: 10px;
}
.home-one-social-media-item.change-left-side-padding {
border-right: 2.5px solid #fff;
padding-left: 0;
}
.home-one-social-media-item.change-left-side-padding.border-none {
border-right-width: 0;
}
.home-one-social-media-item.change-left-side-padding.change-left-padding {
padding-left: 10px;
}
.home-one-social-media-item.change-left-side-padding.change-left-padding.change-border-style {
color: var(--body-text-dark);
border-right-color: #7e7e7e;
}
.home-one-social-media-item.change-left-side-padding.change-left-padding.change-border-style:hover {
color: var(--light);
}
.home-one-social-media-item.change-left-side-padding.chnage-border-style {
border-right-color: #7e7e7e;
}
.home-one-social-media-item.border-left {
border-right: 2.5px solid #fff;
}
.home-one-hero-contact {
z-index: 11;
padding-left: 15px;
padding-right: 15px;
position: absolute;
inset: auto 0% 80px;
}
.home-one-project-click-top {
border-bottom: 1px solid #e1e1e133;
padding-bottom: 20px;
}
.responsive-burger-menu-navbar.border-radius-ten.change-style {
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: var(--background-color);
border-radius: 20px;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: absolute;
inset: 100% auto auto;
}
.responsive-burger-menu-navbar.border-radius-ten.desktop-display-off {
display: none;
}
.home-one-project-click-big {
position: relative;
}
.home-one-project-arrow {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
position: absolute;
inset: auto 5px -2px auto;
}
.home-one-project-arrow.chnage-position {
bottom: 40px;
right: 0;
}
.home-one-contact-left {
display: flex;
}
.chnage-font-style {
color: #7e7e7e;
font-size: 14px;
line-height: 21px;
}
.chnage-font-style.hover-link {
text-decoration: underline;
}
.chnage-font-style.hover-link:hover {
color: var(--light);
}
.home-one-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
height: 1300px;
position: relative;
}
.merquee-text {
color: #fff;
letter-spacing: -.8px;
text-transform: none;
white-space: nowrap;
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 250px;
font-weight: 400;
line-height: 200px;
}
.logo-font {
color: #fff;
letter-spacing: -.96px;
font-family: Actionsans;
font-size: 40px;
font-weight: 400;
line-height: 90px;
}
.logo-font.change-color {
color: #0e0d26;
}
.home-one-social-media-main {
position: relative;
}
.home-one-hero-main-backgound-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624744_Banner%20img%20(5).webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 130%;
}
.nav-arrow.display-off {
display: none;
}
.home-one-hero-contact-main {
justify-content: space-between;
align-items: center;
display: flex;
}
.home-one-about-main-effect {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
padding-top: 40px;
display: flex;
}
.home-one-about-dimond {
flex: 1;
max-width: 180px;
}
.button-background {
background-color: var(--orange);
border-radius: 50px;
width: 50%;
position: absolute;
inset: 0% 0% 0% auto;
}
.button-background.is--orange {
background-color: var(--orange);
}
.button-main {
z-index: 1;
background-color: var(--orange);
border-radius: 50px;
justify-content: center;
align-items: center;
margin-left: 1px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: relative;
}
.button-main.change-button-padding {
padding-left: 20px;
padding-right: 20px;
}
.button-main.change-padding-around {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.button-main.remove-padding {
padding-left: 0;
padding-right: 10px;
}
.button-main.is--orange {
background-color: var(--orange);
}
.button-main.is--full-width {
width: 100%;
}
.button-arrow-wrapper {
z-index: 1;
background-color: var(--orange);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
display: flex;
position: relative;
transform: translate(-10px);
}
.button-arrow-wrapper.is--orange {
background-color: var(--orange);
}
.home-one-about {
background-color: #070616;
padding: 160px 15px;
position: relative;
overflow: hidden;
}
.small-heading-text {
text-transform: uppercase;
font-family: Generalsans Variable;
font-size: 1rem;
font-weight: 500;
line-height: 35px;
}
.small-heading-text.change-color-white {
color: #fff;
}
.small-heading-text.change-color-white.no-margin-bottom {
margin-bottom: -30px;
}
.small-heading-text.change-weight {
color: #5c5c5c;
font-weight: 400;
}
.small-heading-text.change-color-grey-dark {
color: #55555b;
}
.home-one-about-green-line {
background-color: var(--accent);
width: 50%;
height: 1px;
}
.about-text {
color: #fff;
letter-spacing: -.8px;
text-transform: uppercase;
font-family: halyard-display;
font-size: 65px;
font-weight: 400;
line-height: 60px;
}
.about-text.change-color-black {
color: #0e0d26;
font-weight: 600;
}
.home-one-about-overlay-one {
pointer-events: none;
background-color: #07061680;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.home-one-about-effect-line {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-one-about-effect-line.change-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-bottom: -20px;
}
.home-one-about-text {
position: relative;
}
.home-one-about-text.change-mergin {
margin-left: -20px;
position: relative;
}
.home-one-about-line-wrapper {
background-color: #3d3d42;
height: 1px;
}
.home-one-about-line-wrapper.change-width {
max-width: 1290px;
}
.home-one-about-line-wrapper.change-color {
background-color: #c2c2c2;
}
.home-one-about-line-wrapper.change-color.padding {
margin-bottom: 30px;
}
.small-container {
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.small-container.chnage-width {
flex: 1;
}
.small-container.chnage-width.position-relative, .small-container.change-position {
z-index: 2;
position: relative;
}
.small-container.change-position.change-index {
z-index: 5;
}
.small-container.gutter-space {
padding-left: 15px;
padding-right: 15px;
}
.diamond-image {
width: 80%;
height: 50%;
}
.button-wrapper {
justify-content: flex-start;
align-items: stretch;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
display: flex;
position: relative;
}
.button-wrapper.change-button-width {
width: 100%;
}
.button-wrapper.disabled {
opacity: .6;
transition: opacity .2s;
}
.responsive-about-main-effect {
display: none;
}
.home-one-about-subheading {
padding-bottom: 20px;
}
.home-one-agency-design-heading {
max-width: 630px;
margin-left: auto;
margin-right: auto;
}
.home-one-agency-design {
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 10px;
flex-flow: column;
flex: 1;
justify-content: flex-end;
align-items: center;
padding-left: 10px;
padding-right: 10px;
display: flex;
position: relative;
overflow: hidden;
}
.home-one-agency-background {
position: absolute;
inset: 0%;
}
.text-align-center {
text-align: center;
}
.text-align-center.change-color-dark {
color: #5c5c5c;
}
.home-one-agency-tab-item {
background-color: #070616;
border-radius: 20px;
padding: 8px 30px 5px;
}
.home-one-agency-tab-item.change-tab-style {
background-color: #07061600;
border: 1px solid #fff;
}
.home-one-agency-pertition {
background-color: #dbdbdb;
width: 1px;
}
.home-one-agency-main-image {
height: 120%;
}
.heading-five {
color: var(--heading-color);
text-transform: none;
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 54px;
}
.heading-five.change-color-white {
color: #fff;
}
.heading-five.change-color-white.text-no-wrap {
white-space: nowrap;
}
.heading-five.change-color-white.change-size {
max-width: 395px;
}
.heading-five.change-font-style {
text-align: center;
text-transform: none;
}
.heading-five.chnage-size {
font-size: 40px;
line-height: 40px;
}
.heading-five.change-heading-color {
color: var(--heading-color);
}
.heading-five.change-heading-color.chnage-font-size {
letter-spacing: normal;
font-family: halyard-text;
font-size: 35px;
font-weight: 500;
line-height: 39px;
}
.heading-five.change-color-green {
color: #b3de4f;
}
.heading-five.text-break {
white-space: normal;
}
.heading-five.text-align-center.moble-color-white {
color: var(--light);
}
.home-one-agency-counter-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
max-width: none;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.home-one-agency-design-tab {
z-index: 1;
grid-column-gap: 15px;
grid-row-gap: 15px;
padding-top: 30px;
padding-left: 20px;
display: flex;
position: relative;
}
.home-one-agency-design-tab.change-position {
padding-left: 60px;
position: absolute;
inset: 0% 0% auto;
}
.home-one-agency-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
display: flex;
}
.home-one-agency-item {
background-color: var(--light);
border-radius: 20px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
padding: 90px 20px 100px;
display: flex;
}
.home-one-agency-counter-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
width: 100%;
display: flex;
}
.home-one-agency-design-text {
z-index: 1;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
padding-bottom: 60px;
display: flex;
position: relative;
}
.home-one-agency-item-heading {
max-width: 576px;
padding-bottom: 20px;
}
.home-one-agency-item-details {
max-width: 522px;
padding-bottom: 40px;
}
.home-one-agency {
z-index: 1;
background-color: var(--light-contrast);
padding: 160px 15px;
position: relative;
}
.medium-container {
max-width: 1500px;
margin-left: auto;
margin-right: auto;
}
.medium-container.full-height {
z-index: 1;
height: 100%;
position: relative;
}
.medium-container.chnage-position-sticky {
position: sticky;
top: 15%;
}
.medium-container.chnage-position-static {
z-index: 1;
position: relative;
}
.medium-container.chnage-width {
z-index: 11;
flex: 1;
position: relative;
}
.medium-container.service-one-business-position-sticky {
position: sticky;
top: 0;
}
.medium-container.chnage-full-width {
width: 100%;
}
.change-font {
letter-spacing: 0;
text-transform: none;
font-family: ivypresto-display;
font-style: italic;
font-weight: 400;
}
.change-font.change-style {
background-color: var(--accent);
border-radius: 8px;
padding-left: 10px;
padding-right: 10px;
}
.change-font.change-color-white {
color: #fff;
}
.change-font.is--blue {
color: var(--accent);
}
.change-padding {
margin-top: 0;
margin-bottom: 0;
}
.change-padding.text-align-center.change-heading-color.text-no-break, .change-padding.chnage-color-white {
color: #fff;
}
.change-padding.chnage-color-white.padding-bottom {
padding-bottom: 30px;
}
.home-one-logo-overlay {
z-index: 2;
background-color: #07061680;
position: absolute;
inset: 0%;
}
.home-one-logo-heading-wrapper {
max-width: 1355px;
margin-left: auto;
margin-right: auto;
}
.home-one-logo-section {
z-index: auto;
background-color: #070616;
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
position: relative;
top: 0;
overflow: hidden;
}
.change-color-white {
color: #fff;
}
.home-one-logo-item {
background-color: #303030;
justify-content: center;
align-items: center;
max-width: 258px;
padding: 60px 20px;
display: flex;
position: relative;
overflow: hidden;
}
.home-one-logo-heading-main {
justify-content: space-between;
align-items: center;
padding-bottom: 60px;
display: flex;
}
.home-one-logo-top {
position: relative;
}
.home-one-logo-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-one-logo-wrapper.two {
margin-top: 16px;
}
.semi-big-container {
max-width: 1630px;
margin-left: auto;
margin-right: auto;
}
.semi-big-container.change-width {
width: 100%;
}
.heading-two {
color: #fff;
font-family: halyard-text-variable;
font-size: 130px;
font-weight: 400;
line-height: 120px;
}
.heading-two.change-font {
text-transform: none;
font-family: ivypresto-display;
}
.heading-two.change-font-style {
text-transform: capitalize;
font-size: 130px;
}
.home-one-logo-heading-left {
position: relative;
}
.home-one-logo-heading-overlay {
background-color: var(--background-color);
height: 60%;
position: absolute;
inset: auto 0% 0%;
}
.home-one-logo-heading-overlay.change-height {
background-color: var(--background-color);
height: 40%;
bottom: -7%;
}
.home-one-logo-heading-top {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-one-logo-top-overlay {
background-image: linear-gradient(#07061680, #fff0 33%);
position: absolute;
inset: 0%;
}
.client-logo {
z-index: 1;
position: relative;
}
.home-one-logo-color-overlay {
background-color: #b3de4f;
border-radius: 1000px;
position: absolute;
inset: auto auto -25% -25%;
}
.home-one-logo-top-details {
max-width: 223px;
position: relative;
overflow: hidden;
}
.home-one-logo-heading-bottom {
padding-right: 20px;
position: relative;
}
.home-one-service-main-image {
border-radius: 20px;
width: 100%;
height: 130%;
overflow: hidden;
transform: scale(.5);
}
.home-one-service-main {
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.home-one-service-text-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.home-one-service-main-image-wrapper {
height: 130%;
}
.home-one-service {
z-index: 1;
background-color: var(--light);
height: 300vh;
position: relative;
}
.home-one-service.dark-background {
background-color: var(--background-color);
}
.heading-one {
color: #fff;
letter-spacing: -.8px;
text-transform: none;
font-size: 160px;
font-weight: 400;
line-height: 150px;
}
.heading-one.change-font {
letter-spacing: 5px;
font-family: ivypresto-display;
}
.heading-one.no-wrap {
white-space: nowrap;
}
.heading-one.no-wrap.chnage-font-size {
font-size: 120px;
}
.heading-one.change-heading-heading-color {
color: #0e0d26;
}
.heading-one.change-heading-heading-color.margin-bottom, .heading-one.margin-bottom {
margin-bottom: -17px;
}
.heading-one.text-align-center.chnage-color-grey-main {
color: #5c5c5c;
}
.home-one-service-image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.heading-four {
color: #fff;
letter-spacing: -.8px;
text-transform: none;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 70px;
font-weight: 200;
line-height: 70px;
}
.heading-four.change-color-light {
color: #55555b;
}
.heading-four.change-color-light.text-no-break {
white-space: nowrap;
}
.heading-four.change-heading-color.padding-bottom {
padding-bottom: 3px;
}
.heading-four.chnage-color-grey.text-no-wrap {
white-space: nowrap;
font-size: 60px;
line-height: 70px;
transform: rotate(-90deg);
}
.heading-four.chnage-color-green {
color: #b3de4f;
}
.heading-four.text-align-center.is--package-comparison {
color: var(--heading-color);
font-family: Ivy Presto, Georgia, sans-serif;
font-weight: 300;
}
.home-one-card-image-text-wrapper {
cursor: pointer;
flex-flow: column;
justify-content: flex-end;
padding-bottom: 60px;
padding-left: 40px;
display: flex;
position: absolute;
inset: 0%;
}
.home-one-card-image-main-wrapper {
height: 130%;
}
.home-one-card {
background-color: var(--light);
padding: 60px 15px 160px;
position: relative;
}
.home-one-card-image-main-text {
max-width: 662px;
}
.home-one-card-main-wrapper {
grid-column-gap: 40vh;
grid-row-gap: 40vh;
flex-flow: column;
height: 500vh;
display: flex;
}
.home-one-card-border {
background-color: var(--accent);
height: 60px;
position: absolute;
inset: -8px 0% auto;
}
.card-small-text {
color: #fffc;
font-family: Actionsans;
font-size: 40px;
font-weight: 400;
line-height: 40px;
}
.home-one-card-heading {
transform-origin: 0%;
}
.home-one-card-image {
cursor: none;
border-radius: 20px;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.home-one-card-image.two, .home-one-card-image.three {
cursor: pointer;
}
.home-one-card-item {
z-index: 1;
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--white);
border-radius: 20px;
flex-flow: column;
height: 100%;
padding: 70px 60px;
display: flex;
position: relative;
overflow: hidden;
}
.home-one-card-main {
height: 100vh;
position: sticky;
top: 0;
}
.home-one-card-main.website-design {
border-radius: 20px;
padding-top: 8px;
overflow: hidden;
}
.home-one-service-button-wrapper {
padding-top: 60px;
display: flex;
}
.home-one-reson-heading-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.home-one-reason {
z-index: 1;
background-color: var(--background-color);
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.home-one-reson-main-heading {
flex: 1;
position: relative;
}
.home-one-reson-main-heading.is--funnel {
max-width: 65%;
}
.home-one-small-heading {
margin-top: 5px;
}
.home-one-tool-item-paragraph {
max-width: 100%;
padding-bottom: 20px;
}
.text-span {
white-space: normal;
overflow-wrap: anywhere;
}
.home-one-tool {
z-index: 1;
background-color: var(--background-color);
justify-content: center;
align-items: flex-start;
height: 150vh;
display: flex;
position: relative;
}
.home-one-tool-image-big-wrapper {
width: 100%;
overflow: hidden;
}
.home-one-tool-item {
background-color: var(--light-contrast);
border-radius: 20px;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 90px 20px;
display: flex;
}
.home-one-tool-item-image {
border-radius: 10px;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
overflow: hidden;
}
.home-one-tool-item-heading-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 10px;
display: flex;
}
.home-one-tool-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start center;
height: 750px;
display: grid;
}
.home-one-tool-main {
border-radius: var(--radius);
background-color: #fff;
justify-content: center;
align-items: center;
height: auto;
padding: 130px 15px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.home-one-project-main-wrapper {
height: 200vh;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.home-one-project {
background-color: #070616;
padding-top: 100px;
position: relative;
}
.home-one-project-number {
display: flex;
}
.home-one-project-top-text {
max-width: 600px;
}
.home-one-project-main-image {
border-radius: 20px;
height: 650px;
position: relative;
overflow: hidden;
}
.home-one-project-merquee-item {
flex: none;
justify-content: flex-start;
align-items: center;
padding-right: 40px;
display: flex;
}
.home-one-project-image-wrapper {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.home-one-project-main-text {
max-width: 600px;
margin-left: 0;
position: relative;
transform: translate(0, -120%);
}
.text-background-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624623_thumb.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.text-background-image.change-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624631_Diamond.svg");
}
.home-one-service-scroll-down {
position: absolute;
bottom: 27vh;
}
.home-one-service-scroll-down.chnage-position {
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
bottom: -5%;
left: 50px;
}
.home-one-project-box {
padding-left: 20px;
padding-right: 20px;
}
.home-one-project-main-image-wrapper {
height: 100%;
overflow: hidden;
}
.home-one-project-merquee {
display: flex;
overflow: hidden;
}
.home-one-project-click-heading {
max-width: 217px;
padding-bottom: 60px;
}
.home-one-project-click-heading.change-width {
max-width: 269px;
}
.home-one-project-text-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% 5%;
}
.home-one-project-button {
display: flex;
position: absolute;
inset: 3% 26% auto auto;
}
.home-one-effect-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 150px;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.heading-three {
color: #fff;
letter-spacing: -.8px;
text-transform: none;
font-family: ivypresto-display;
font-size: 110px;
font-weight: 400;
line-height: 100px;
}
.heading-three.text-align-center {
padding-bottom: 30px;
}
.heading-three.chnage-heading-color {
color: #0e0d26;
}
.heading-three.chnage-color-green {
color: #b3de4f;
}
.heading-three.chnage-color-light-grey {
color: #efefef;
}
.home-one-effect {
background-color: #070616;
height: 150vh;
position: relative;
}
.home-one-effect-overlay {
pointer-events: none;
background-image: linear-gradient(#070616 22%, #070616cc 35%, #07061600 50%, #070616cc 65%, #070616 79%);
width: 100%;
height: 100%;
}
.home-one-effect-sticky {
z-index: 1;
perspective: 1000px;
perspective-origin: 50%;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.home-one-testimonial-quotetion {
position: absolute;
inset: 15% 15% auto auto;
}
.home-one-testimonial {
background-color: #070616;
position: relative;
overflow: hidden;
}
.home-one-testimonial-item {
background-color: #efefef;
border-radius: 20px;
flex: 1;
max-width: 502px;
padding: 40px 20px;
position: relative;
overflow: hidden;
}
.wrapper-two {
position: static;
inset: 0%;
}
.home-one-testimonial-small-wrapper {
z-index: 1;
max-width: 1622px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.home-one-testimonial-item-star {
padding-bottom: 20px;
}
.testimonial-down-arrow {
position: absolute;
}
.home-one-testimonial-item-paragraph {
max-width: 386px;
padding-bottom: 40px;
}
.home-one-testimonial-main-image {
transform-origin: 0 0;
border-radius: 10px;
overflow: hidden;
}
.change-color-black {
color: var(--heading-color);
}
.home-one-testimonial-background-wrapper {
border-radius: var(--radius);
background-color: #fff;
width: 6%;
height: 8%;
display: block;
position: absolute;
inset: 0% auto;
}
.home-one-testimonial-main-round {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.home-one-testimonial-round {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0 0% auto;
}
.home-one-testimonial-main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
display: flex;
}
.home-one-testimonial-arrow-wrapper {
justify-content: center;
align-items: center;
width: 73px;
height: 73px;
display: flex;
position: relative;
}
.home-one-testimonial-merquee-item {
padding-right: 20px;
}
.home-one-testimonial-merquee {
display: flex;
position: absolute;
inset: 20% auto auto 0%;
}
.home-one-testimonial-item-image {
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 20px;
display: flex;
}
.home-one-testimonial-big-wrapper {
border-radius: 20px;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 130px 15px;
display: flex;
position: relative;
overflow: hidden;
}
.footer-one-ball-wrapper {
display: none;
position: absolute;
bottom: 220px;
}
.footer-big-merquee-wrapper {
padding-top: 20px;
display: flex;
}
.footer-big-merquee-item {
flex: none;
padding-right: 40px;
}
.change-text-style {
text-transform: capitalize;
}
.footer-one-bottom-wrapper {
z-index: 2;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.footer-one-right-phone {
flex-flow: column;
display: flex;
}
.footer-one-right-wrapper {
flex: 0 auto;
}
.footer-one-heading {
max-width: 580px;
position: relative;
}
.footer-one-right-bottom {
padding-top: 60px;
}
.footer-small-heading {
color: #fff;
text-transform: uppercase;
font-family: halyard-text-variable;
font-size: 20px;
font-weight: 500;
}
.chnage-color-grey {
color: #c2c2c2;
}
.footer-one-right-item-main {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
display: flex;
}
.footer-one-right-item-line {
background-color: #fff;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.footer-one {
z-index: 1;
background-color: #070616;
flex-flow: column;
justify-content: space-between;
align-items: center;
height: 100vh;
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.footer-one-right-heading {
padding-bottom: 40px;
}
.footer-one-right-button {
padding-top: 40px;
display: flex;
}
.footer-one-bottom-right {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-one-wrapper {
justify-content: space-between;
align-items: flex-start;
padding-bottom: 100px;
display: flex;
}
.footer-one-right {
flex: 0 27%;
justify-content: space-between;
display: flex;
}
.footer-one-right.change-sizing {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex: 1;
}
.footer-one-arrow-top {
z-index: 99;
border: 1px solid #ffffff80;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 73px;
height: 73px;
display: flex;
position: absolute;
inset: auto auto 32%;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-hidden.chnage-sising {
flex: 1;
}
.counter-new {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.counter-box {
justify-content: center;
align-items: flex-start;
height: 60px;
display: flex;
overflow: hidden;
}
.counter-box.big-counter {
height: 54px;
}
.home-two-counter-box-new {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.counter {
justify-content: center;
align-items: center;
display: flex;
}
.counter-train {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-one-service-wrapper {
position: relative;
}
.home-one-service-overlay {
background-image: linear-gradient(#0000, #070616 85%);
height: 200px;
position: absolute;
inset: -160px 0% auto;
}
.home-one-project-number-wrapper {
position: relative;
}
.home-one-project-number-line {
background-color: var(--light);
height: 1px;
margin-top: -5px;
}
.nav-two-main-wrapper {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.home-two-text-wrapper {
padding-bottom: 0;
}
.home-two-hero-text-bottom {
max-width: 471px;
}
.nav-two-menu-main {
grid-column-gap: 8px;
grid-row-gap: 8px;
cursor: pointer;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.home-two-hero-big-container {
background-color: #070616;
border-radius: 20px;
width: 100%;
max-width: 1826px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 220px 15px 70px;
position: relative;
}
.nav-two-menu-font {
color: #7e7e7e;
text-transform: uppercase;
font-family: Actionsans;
font-size: 20px;
font-weight: 500;
line-height: 29px;
}
.nav-two-menu-font.four {
font-size: var(--nav-two-font-size-four);
line-height: var(--nav-two-font-height-four);
}
.nav-two-menu-font.two {
font-size: var(--nav-two-font-size-two);
line-height: var(--nav-two-font-height-two);
}
.nav-two-menu-font.five {
font-size: var(--nav-two-font-size-five);
line-height: var(--nav-two-font-height-five);
}
.nav-two-menu-font.one {
font-size: var(--nav-two-font-size-one);
line-height: var(--nav-two-font-height-one);
}
.nav-two-menu-font.three {
font-size: var(--nav-two-font-size-three);
line-height: var(--nav-two-font-height-three);
}
.home-two-hero {
justify-content: center;
align-items: center;
height: 1195px;
padding-top: 30px;
display: flex;
position: relative;
}
.home-two-hero-inner-wrapper {
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.home-two-social-media-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.home-two-social-media-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-two-hero-flower {
width: 70%;
margin-top: 20%;
margin-left: 25%;
position: absolute;
}
.home-two-big-text {
color: #fff;
text-transform: uppercase;
font-family: Actionsans;
font-size: 210px;
font-weight: 400;
line-height: 200px;
}
.home-two-hero-text-top {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-two-hero-text-arrow-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
}
.nav-two-menu-top {
justify-content: flex-end;
align-items: flex-start;
padding-left: 200px;
display: flex;
position: relative;
}
.nav-two {
z-index: 111;
padding-top: 40px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
inset: 0% 0% auto;
}
.nav-two-menu {
grid-column-gap: 10px;
grid-row-gap: 10px;
opacity: 0;
background-color: #fff;
border-radius: 10px;
flex-flow: column;
padding: 30px;
display: flex;
position: absolute;
inset: 0% auto auto 0;
}
.nav-two-menu.two {
left: -30px;
}
.home-two-about-image-wrapper {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.home-two-about-text-white-wrapper {
transform-origin: 50% 0;
justify-content: center;
align-items: center;
width: 92%;
height: 254px;
display: flex;
position: absolute;
overflow: hidden;
}
.home-two-about-white-paragraph-wrapper {
position: absolute;
inset: 0% auto;
}
.change-heading-color {
color: #0e0d26;
}
.home-two-about {
background-color: var(--light);
height: 300vh;
padding-top: 220px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.home-two-about-paragraph-text-wrapper {
justify-content: center;
align-items: center;
width: 81%;
height: 53px;
display: flex;
position: absolute;
overflow: hidden;
}
.home-two-about-text-paragraph {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.home-two-about-text {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.home-two-about-image-main-wrapper {
border-radius: 20px;
width: 574px;
height: 780px;
overflow: hidden;
}
.home-two-about-white-text-wrapper {
position: absolute;
inset: 0% auto;
}
.home-two-about-text-heading {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.home-two-text-top {
display: flex;
position: relative;
}
.home-one-about-dimond-main {
flex: 1;
max-width: 180px;
}
.home-one-about-dimond-main.change-width {
z-index: 1;
max-width: 120px;
position: relative;
}
.button-main-wrapper {
justify-content: space-between;
display: flex;
}
.home-two-text-main {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.responsive-text {
display: none;
}
.home-two-text-right {
z-index: 2;
margin-left: -30px;
position: relative;
}
.home-two-text-left {
position: relative;
}
.home-two-text-section {
z-index: 1;
background-color: var(--light);
padding: 100px 15px 160px;
position: relative;
overflow: hidden;
}
.home-two-text-section.vh {
background-color: var(--light-contrast);
}
.home-two-text-button {
padding-top: 80px;
}
.diamond-image-new {
width: 80%;
height: 50%;
}
.home-two-text-overlay {
background-color: var(--light-contrast);
position: absolute;
inset: 0%;
}
.home-two-text-middle {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.home-two-project-details-wrapper {
grid-column-gap: 140px;
grid-row-gap: 140px;
justify-content: flex-start;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.change-color-grey {
color: #c2c2c2;
}
.home-two-project-heading {
flex: 1;
max-width: 720px;
position: relative;
}
.home-two-project {
background-color: #070616;
padding: 160px 15px;
}
.home-two-project-main {
position: sticky;
top: 100px;
}
.home-two-agency-merquee {
display: flex;
}
.home-two-project-details-main {
max-width: 468px;
}
.home-two-agency-merquee-text {
padding-right: 40px;
}
.home-two-agency-merquee-item {
flex: none;
justify-content: flex-start;
align-items: center;
padding-right: 40px;
display: flex;
}
.heading-three-new {
color: #fff;
letter-spacing: -.8px;
text-transform: uppercase;
font-family: Generalsans Variable;
font-size: 110px;
font-weight: 400;
line-height: 100px;
}
.heading-three-new.no-wrap {
white-space: nowrap;
}
.home-two-agency-arrow-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
}
.home-two-project-top {
justify-content: space-between;
align-items: center;
display: flex;
}
.home-one-logo-heading-overlay-new {
background-color: #070616cc;
height: 60%;
position: absolute;
inset: auto 0% 0%;
}
.home-one-logo-heading-overlay-new.change-height {
height: 32%;
}
.home-two-project-item {
position: relative;
overflow: hidden;
}
.home-two-project-main-wrapper {
grid-column-gap: 160px;
grid-row-gap: 160px;
flex-flow: column;
display: flex;
}
.home-two-project-item-image {
border-radius: 20px;
overflow: hidden;
}
.home-two-project-top-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding-bottom: 60px;
padding-left: 40px;
display: flex;
position: absolute;
inset: 0%;
}
.home-two-deffence-merquee-main {
background-color: #efefef;
border-radius: 20px;
flex: none;
justify-content: center;
align-items: center;
width: 258px;
height: 183px;
display: flex;
}
.home-two-deffence-merquee-main.change-radius {
border-radius: 200px;
}
.home-two-defence-heading-wrapper {
max-width: 450px;
}
.home-two-deffence-merquee-item {
flex: none;
padding-right: 30px;
display: flex;
}
.home-two-defence-merquee {
display: flex;
}
.home-two-deffence-merquee-wrapper {
padding-right: 30px;
}
.home-two-deffence-heading {
justify-content: center;
align-items: center;
padding-bottom: 40px;
display: flex;
}
.home-two-defence {
padding: 150px 15px 75px;
overflow: hidden;
}
.change-color-dark-grey {
color: #7e7e7e;
}
.change-color-dark-grey.change-heading-color {
color: #0e0d26;
}
.home-two-team-heading {
max-width: 600px;
}
.home-two-team {
height: 300vh;
padding-left: 15px;
padding-right: 15px;
}
.home-two-team-main {
justify-content: flex-start;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.home-two-team-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
display: flex;
}
.home-two-team-member-image {
flex: none;
margin-left: -200px;
}
.home-two-team-left {
flex: 0 50%;
justify-content: flex-start;
align-items: center;
padding-right: 200px;
display: flex;
}
.home-two-count-bottom-text {
z-index: 1;
position: absolute;
bottom: 30px;
}
.home-two-count-right-main {
max-width: 266px;
}
.home-two-count-arrow-wrapper {
background-color: var(--accent);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.home-two-count-bottom {
justify-content: center;
align-items: center;
height: 357px;
display: flex;
position: relative;
}
.home-two-count-overlay {
background-color: var(--accent);
border-top-left-radius: 50px;
border-top-right-radius: 50px;
height: 98%;
position: absolute;
inset: auto 0% 0;
}
.home-two-count-overlay.overlay-four {
height: 12%;
}
.home-two-count-overlay.overlay-three {
height: 75%;
}
.home-two-count-overlay.overlay-two {
background-color: var(--accent);
height: 32%;
}
.home-two-count-top {
padding-top: 40px;
padding-bottom: 40px;
}
.home-two-count-right-text {
max-width: 430px;
}
.home-two-count-wrapper {
justify-content: space-around;
align-items: center;
padding-bottom: 100px;
display: flex;
}
.home-two-count-main {
border: 1px solid #3d3d42;
justify-content: space-between;
margin-bottom: 40px;
display: flex;
}
.home-two-count {
z-index: 1;
background-color: var(--background-color);
padding: 200px 15px 110px;
position: relative;
overflow: hidden;
}
.home-two-count-item {
border-right: 1px solid #3d3d42;
flex: 1;
max-width: 345px;
}
.home-two-count-cristal {
display: none;
position: absolute;
inset: 0% 0% auto auto;
}
.home-two-count-left {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-one-project-merquee-new {
display: flex;
}
.home-two-count-right {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.home-two-grow-bottom {
justify-content: center;
align-items: center;
display: flex;
}
.home-two-grow-email {
border-bottom: 1px solid #3d3d42;
justify-content: space-between;
align-items: center;
padding-bottom: 10px;
}
.home-two-grow-image {
border-radius: 20px;
flex: none;
overflow: hidden;
}
.home-two-grow-wrapper {
z-index: 12;
grid-column-gap: 70px;
grid-row-gap: 70px;
background-color: #070616;
border-radius: 20px;
flex-flow: column;
max-width: 1290px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.home-two-grow-email-arrow {
color: #c2c2c200;
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
position: relative;
}
.home-two-two-grow-top-right {
max-width: 400px;
}
.home-two-grow {
perspective: 3000px;
background-image: none;
background-repeat: repeat;
background-size: auto;
padding: 160px 15px;
overflow: hidden;
}
.home-two-grow-top {
justify-content: space-between;
align-items: flex-start;
padding-top: 60px;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.home-two-grow-text {
max-width: 401px;
padding-bottom: 40px;
}
.home-two-grow-top-image {
padding-bottom: 20px;
}
.home-two-news-item-tag-main {
background-color: #070616;
border-radius: 20px;
padding: 5px 20px 4px;
}
.home-two-news-wrapper {
justify-content: space-around;
align-items: flex-end;
padding-bottom: 60px;
display: flex;
}
.home-two-news-item-tag-paragraph {
max-width: 336px;
}
.home-two-news-item-tag-paragraph.chnage-width {
max-width: 537px;
}
.home-two-news-item-image {
border-radius: 20px;
width: 100%;
overflow: hidden;
}
.home-two-news {
z-index: 1;
background-color: #070616;
padding-top: 160px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.home-two-news-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
display: flex;
}
.home-two-news-left-heading {
flex: 1;
max-width: 600px;
}
.home-two-news-inner-wrapper {
background-color: #fff;
border-radius: 20px;
padding: 100px 15px 160px;
}
.home-two-news-item-tag-heading {
max-width: 327px;
}
.home-two-news-item-tag-heading.change-width {
max-width: 537px;
}
.home-two-news-left {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.home-two-news-item-tag {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.home-two-news-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.home-two-news-left-button {
margin-bottom: 5px;
margin-left: -160px;
}
.footer-two-left-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.footer-two-social-media {
border-radius: 10px;
position: relative;
overflow: hidden;
}
.footer-two-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 60px;
display: flex;
}
.footer-two-hover-main {
position: absolute;
inset: 0% 0% auto auto;
overflow: hidden;
}
.footer-two-left-address {
max-width: 248px;
}
.footer-two-bottom-right-text {
max-width: 286px;
}
.footer-two-bottom {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.footer-two-bottom-right {
border-bottom: 1px solid #7e7e7e;
flex: 0 41%;
justify-content: space-between;
align-items: center;
padding-bottom: 40px;
display: flex;
}
.footer-two {
background-color: #070616;
padding: 160px 15px 100px;
position: relative;
}
.footer-two-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
flex: 1;
display: flex;
}
.footer-two-bottom-left {
flex: 1;
}
.footer-two-social-media-icon-main {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.chnage-color-white {
color: #fff;
}
.chnage-color-white.chnage-font-style {
color: #fff;
text-transform: capitalize;
}
.home-two-grow-image-wrapper {
position: absolute;
inset: 0%;
}
.home-two-form-submit {
color: #c2c2c2;
background-color: #fff0;
border: 1px solid #0000;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
font-family: Actionsans;
font-weight: 500;
display: flex;
position: relative;
}
.home-two-form-submit:focus {
border-width: 0;
}
.home-two-form-submit::placeholder {
color: #c2c2c2;
text-transform: uppercase;
font-family: Actionsans;
font-weight: 500;
}
.submit-arrow {
position: absolute;
}
.home-two-grow-emailmain {
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-two-team-right-text-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex: none;
height: 800px;
display: flex;
}
.home-two-right-main-wrapper {
flex: 0 50%;
justify-content: flex-end;
align-items: center;
}
.home-two-team-right {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
width: 100%;
display: flex;
}
.home-two-team-right-image {
border-radius: 20px;
flex: none;
width: 80%;
position: relative;
overflow: hidden;
}
.home-two-team-member-name {
cursor: pointer;
background-color: #efefef;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 70px;
display: flex;
}
.home-three-banner-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d0c4393a20f7feaebdff3e_Exposure%203d%20Icon%20-%20Saturated.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
border-radius: 10px;
}
.home-three-hero-banner-background {
z-index: 1;
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624691_milad-fakurian-fUl4Hbe3GCY-unsplash%206.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
position: absolute;
inset: 0%;
}
.nav-bar-three {
z-index: 11;
padding: 15px;
position: static;
inset: 0% 0% auto;
}
.home-three-hero-image-three {
z-index: 4;
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624691_milad-fakurian-fUl4Hbe3GCY-unsplash%206.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.nav-bar-three-hambarger {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.nav-bar-three-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1.3fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.nav-bar-three-link {
grid-column-gap: 35px;
grid-row-gap: 35px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-three-hero-image-one {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce62468e_Banner%20Image.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.home-three-hero-text {
z-index: 2;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
inset: 0%;
}
.home-three-banner-text {
max-width: 834px;
}
.home-three-banner-details {
max-width: 465px;
}
.home-three-hero {
background-color: var(--background-color);
height: 100vh;
position: static;
top: 0;
overflow: hidden;
}
.home-three-hero-image-two {
z-index: 3;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624690_cash-macanaya-Oe7HQQWm9Z4-unsplash%201%20(1).webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
width: 100vw;
height: 100%;
position: absolute;
inset: 0%;
}
.home-three-hero-image {
z-index: 1;
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.home-three-hero-image.change-display {
display: block;
}
.home-three-banner-bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
max-width: 850px;
padding-top: 40px;
display: flex;
}
.home-three-about-left {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.home-three-about-bottom {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: flex-end;
padding-top: 60px;
display: flex;
}
.home-three-about-text-overlay {
background-color: var(--light);
margin-bottom: -20px;
position: absolute;
inset: auto 0% 0;
}
.home-three-about-right {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
display: flex;
}
.home-three-about-tag {
background-color: #b3de4f;
border-radius: 30px;
padding: 10px 20px 8px;
}
.chabge-color-loght {
color: #5c5c5c;
}
.home-three-about-details {
max-width: 257px;
}
.home-three-about-text {
max-width: 1035px;
position: relative;
}
.home-three-about {
background-color: #fff;
padding: 160px 15px;
position: relative;
}
.home-three-about-top {
justify-content: space-between;
display: flex;
}
.home-three-about-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.small-heading {
color: #0e0d26;
text-transform: uppercase;
font-family: Generalsans Variable;
font-size: 20px;
font-weight: 500;
}
.small-heading.change-color-grey {
color: #c2c2c2;
}
.small-heading.change-color-white {
color: #fff;
}
.home-three-about-bottom-wrapper {
max-width: 620px;
}
.home-three-vedio-client {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fff;
border-radius: 6px;
justify-content: flex-start;
align-items: center;
margin-top: -10px;
padding: 20px 20px 15px;
display: flex;
}
.home-three-vedio-section-email {
background-color: #0e0d26;
border-radius: 24px;
padding: 5px 20px 10px;
}
.home-three-vedio-email {
z-index: 11;
position: absolute;
inset: auto 0% 120px;
}
.home-three-vedio-button-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.home-three-vedio-client-image {
border-radius: 10px;
overflow: hidden;
}
.home-three-vedio-content-item {
background-color: #fff;
border-radius: 6px;
padding: 10px 20px 10px 30px;
}
.home-three-vedio-content-item.mergin-top {
margin-top: -10px;
}
.home-three-vedio-wrapper {
padding-top: 100px;
display: flex;
}
.home-one-hero-merquee-three {
z-index: 1;
width: 100%;
padding-bottom: 200px;
display: flex;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.home-one-hero-merquee-three.change-position {
z-index: 10;
padding-bottom: 50px;
bottom: 20%;
}
.home-three-vedio-email-main {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.home-three-vedio-content {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.home-three-vedio {
z-index: auto;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d0c03b4e8d394a7aa2695d_Our%20Story%201x1.avif");
background-position: 50%;
background-repeat: repeat-x;
background-size: cover;
height: 850px;
padding-left: 15px;
padding-right: 15px;
position: sticky;
top: 0;
}
.home-three-project-item-image {
border-radius: 20px;
overflow: hidden;
}
.home-three-project-small-line {
background-color: #b3de4f;
width: 50%;
height: 1px;
}
.home-three-project-details {
max-width: 314px;
padding-bottom: 40px;
}
.white-arrow {
margin-top: 8px;
margin-left: -80px;
margin-right: 80px;
}
.home-three-project-left {
background-color: #efefef;
flex: 0 28%;
padding: 60px 20px 70px;
position: sticky;
top: 160px;
}
.home-three-project-heading {
justify-content: flex-start;
align-items: flex-start;
max-width: 280px;
display: flex;
}
.home-three-project-heading.chnage-border-bottom {
border-bottom: 1px solid #000;
padding-bottom: 40px;
}
.home-three-project-star {
position: absolute;
inset: auto 10% 30% auto;
}
.home-three-project-small-heading {
padding-bottom: 10px;
}
.home-three-project-middle {
flex: 0 28%;
height: 570px;
overflow: hidden;
}
.home-three-project-percentage {
flex-flow: column;
display: flex;
}
.home-three-project-percentage-main {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.home-three-project-client-details {
flex: 1;
max-width: 207px;
}
.home-three-project {
background-color: #fff;
height: 350vh;
padding: 160px 15px;
position: relative;
}
.home-three-project-one {
background-color: #1c1c24;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding: 60px 20px 70px;
display: flex;
position: relative;
}
.home-three-project-one.two {
justify-content: space-between;
align-items: flex-start;
}
.home-three-project-one.three {
background-color: #b3de4f;
}
.home-three-project-main {
border-radius: 20px;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.home-three-project-arrow-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
position: absolute;
inset: 20px 20px auto auto;
}
.home-three-project-left-top {
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 10px;
display: flex;
}
.home-three-project-line {
background-color: #c2c2c2;
height: 1px;
}
.home-three-project-image {
flex: 1;
}
.home-three-project-client {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 20px;
display: flex;
}
.home-three-service-bottom-head {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: center;
align-items: center;
padding-bottom: 60px;
display: flex;
}
.home-three-service-head {
grid-column-gap: 35px;
grid-row-gap: 35px;
justify-content: center;
align-items: center;
display: flex;
}
.home-three-service {
background-color: #fff;
position: relative;
overflow: hidden;
}
.home-three-service-head-image {
border-radius: 10px;
overflow: hidden;
}
.home-three-work-round-button {
background-color: #1c1c24;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 150px;
height: 150px;
display: flex;
}
.home-three-work-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.button-main-2 {
z-index: 1;
background-color: #b3de4f;
border-radius: 50px;
justify-content: center;
align-items: center;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: relative;
}
.home-three-work-wrapper {
position: relative;
}
.home-three-work {
background-color: #fff;
padding-top: 160px;
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
.home-three-work-item {
border-radius: 20px;
flex: none;
padding-right: 30px;
overflow: hidden;
}
.home-three-work-heading {
max-width: 800px;
padding-bottom: 40px;
}
.home-three-work-top {
justify-content: space-between;
display: flex;
}
.home-three-work-top-overlay {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.home-three-work-top-wrapper {
flex: none;
display: flex;
}
.home-three-work-button {
justify-content: center;
align-items: center;
padding-top: 60px;
display: flex;
}
.home-three-team-member-image {
border-radius: 20px;
position: relative;
overflow: hidden;
}
.home-three-team-heading {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.home-three-team-details-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.home-three-team-button {
justify-content: center;
align-items: center;
margin-top: 100px;
display: flex;
}
.home-two-team-main-section {
padding-top: 60px;
}
.home-three-team-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-three-team-item.change-padding-top {
margin-top: 416px;
margin-left: -50px;
}
.home-three-team-item.change-padding-top.two, .home-three-team-item.change-padding-top.four {
margin-left: 0;
}
.home-three-team-item.change-padding-top.four, .home-three-team-item.change-padding-top.two {
margin-top: 300px;
margin-left: 0;
}
.home-three-team-dot {
background-color: #fff;
width: 5px;
height: 5px;
margin-bottom: 6px;
}
.home-three-team {
background-color: #070616;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6246bf_BG%20line.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
padding: 160px 15px;
position: relative;
overflow: hidden;
}
.home-three-team-heading-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d0c4393a20f7feaebdff3e_Exposure%203d%20Icon%20-%20Saturated.avif");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.home-three-team-top {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.home-three-team-top.chnage-margin-left {
margin-top: -60px;
}
.home-three-team-member-details {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-bottom: 20px;
display: flex;
}
.home-three-team-social-media {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-three-team-name {
max-width: 266px;
padding-top: 20px;
padding-bottom: 20px;
}
.home-three-awards {
background-color: #070616;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.home-three-awards.chnage-boittom-padding {
padding-bottom: 160px;
}
.home-three-awrads-wrapper {
background-color: #fff;
border-radius: 20px;
padding: 160px 15px;
}
.home-three-awards-item-heading {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-three-awards-overlay {
z-index: 1;
border-radius: 10px;
position: absolute;
inset: 0% 0% 5px;
transform: translate(0, 110%);
}
.home-three-awards-item-left {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-three-awrads-heading {
max-width: 709px;
}
.body-font {
color: #c2c2c2;
}
.home-three-awards-heading-top {
background-color: #b3de4f;
border-radius: 17px;
padding: 3px 10px 2px;
}
.home-three-black-main-overlay {
background-color: #070616;
border-radius: 10px;
position: absolute;
inset: 0%;
}
.home-three-awards-wrapper {
justify-content: space-between;
align-items: center;
padding-top: 40px;
display: flex;
}
.home-three-awards-image-main {
position: relative;
}
.small-font {
text-transform: uppercase;
font-family: Actionsans;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.home-three-awards-item {
z-index: 2;
border-radius: 10px;
justify-content: space-between;
align-items: center;
padding-top: 35px;
padding-bottom: 35px;
display: flex;
position: relative;
overflow: hidden;
}
.home-three-arawds-lower-line {
background-color: #b3de4f;
border-radius: 10px;
height: 20px;
position: absolute;
inset: auto 0% -5px;
}
.home-three-awrads-main {
flex: 0 70%;
}
.home-three-awards-item-wrapper {
border-bottom: 1px solid #e3e3e3;
position: relative;
overflow: hidden;
}
.home-three-testimonial-main {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-right: -102vw;
display: flex;
}
.home-three-testimonial-designation {
width: 20px;
margin-bottom: 0;
transform: rotate(-90deg);
}
.home-three-testimonial-item-name {
border-right: 1px solid #3d3d42;
justify-content: flex-start;
align-items: flex-end;
padding-right: 20px;
display: flex;
}
.home-three-testimonial-item-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.home-three-testimonial {
transform-origin: 50% 100%;
background-color: #070616;
height: 300vh;
padding-top: 100px;
padding-bottom: 160px;
position: relative;
}
.home-three-testimonial-item-right {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.home-three-testimonial-main-content {
max-width: 397px;
}
.chnage-color-white-new {
color: var(--light);
}
.home-three-testimonial-main-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: #fff;
border-radius: 20px;
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
padding: 70px 45px;
display: flex;
}
.home-three-testimonial-main-item.chnage-padding-around {
padding-left: 20px;
padding-right: 20px;
}
.home-three-testimonial-content {
max-width: 307px;
padding-top: 20px;
}
.home-three-testimonial-name {
width: 40px;
margin-bottom: 0;
transform: rotate(-90deg);
}
.home-three-testimonial-wrapper {
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
.home-three-testimonial-heading {
max-width: 550px;
position: relative;
}
.home-three-testimonial-main-wrapper {
position: sticky;
top: 160px;
overflow: hidden;
}
.home-three-testimonial-item-two {
grid-column-gap: 70px;
grid-row-gap: 70px;
background-color: #1c1c24;
border-radius: 20px;
flex: none;
padding: 40px 100px 40px 40px;
display: flex;
}
.home-three-testimonial-top {
justify-content: space-around;
align-items: center;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.home-three-testimonial-top.change-style {
justify-content: space-between;
padding-bottom: 60px;
}
.home-three-social-item-icon {
padding-right: 15px;
overflow: hidden;
}
.footer-three-social-item-main {
border-bottom: 1px solid #c2c2c2;
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
}
.footer-three-social-item-main.chnage-padding-top {
padding-top: 0;
}
.footer-three {
z-index: 1;
background-color: var(--background-color);
position: relative;
}
.footer-three-social-item {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.about-one-hero {
background-image: none;
background-repeat: repeat;
background-size: auto;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.social-media-main-icon-wrapper-main {
justify-content: center;
align-items: center;
padding-bottom: 10px;
display: flex;
position: absolute;
inset: -60px 0% auto;
}
.navbar-one-new {
z-index: 2;
background-color: #ddd0;
padding-left: 15px;
padding-right: 15px;
position: sticky;
inset: 0% 0% auto;
}
.navbar-one-new.chnage-position-stiky {
z-index: 11;
position: absolute;
}
.about-one-hero-background-image-wrapper {
position: absolute;
inset: 0%;
}
.about-one-background-main-image {
height: 120%;
}
.about-one-hero-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
inset: 0%;
}
.about-one-client-wrapper {
max-width: 207px;
}
.about-one-about-main {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-between;
display: flex;
}
.small-heading-text-new {
text-transform: uppercase;
font-family: Generalsans Variable;
font-size: 20px;
font-weight: 500;
}
.small-heading-text-new.change-weight {
color: #5c5c5c;
font-weight: 400;
}
.small-heading-text-new.change-weight.change-style {
text-transform: capitalize;
}
.small-heading-text-new.chnage-color-grey-black {
color: #5c5c5c;
}
.small-heading-text-new.change-color-white {
color: #fff;
}
.about-one-about-right {
flex: 1;
padding-top: 60px;
padding-bottom: 100px;
}
.about-one-about {
background-color: var(--light);
padding: 160px 15px;
position: relative;
}
.about-one-about-image {
border-radius: 20px;
height: 500px;
overflow: hidden;
}
.about-one-about-top {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 10px;
display: flex;
}
.about-one-about-text {
max-width: 900px;
position: relative;
}
.about-one-about-left {
border-right: 1px solid #c2c2c2;
flex: 0 30%;
padding-top: 70px;
}
.about-one-about-left.chnage-style {
background-color: #070616;
border-radius: 20px;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-start;
max-width: 458px;
padding-bottom: 70px;
padding-left: 60px;
padding-right: 40px;
display: flex;
}
.about-one-about-left.chnage-style.change-color {
border-right-width: 0;
padding-right: 20px;
}
.about-one-about-details {
max-width: 277px;
padding-top: 20px;
padding-bottom: 20px;
}
.about-one-about-left-button {
background-color: var(--accent);
border-radius: 30px;
padding: 5px 5px 30px;
}
.about-one-client {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.about-one-work-item-heading {
max-width: 423px;
padding-bottom: 20px;
}
.about-one-work-item-paragraph {
max-width: 423px;
overflow: hidden;
}
.about-one-work-heading {
max-width: 840px;
padding-top: 40px;
padding-bottom: 40px;
}
.about-one-work-arrow {
background-color: var(--accent);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
margin-top: 20px;
display: flex;
}
.about-one-work-number {
padding-bottom: 10px;
}
.about-one-work-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
display: flex;
}
.about-one-work-image {
width: 170px;
height: 170px;
}
.about-one-work {
background-color: var(--white);
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.about-one-work.top-padding {
padding-top: 160px;
}
.about-one-work-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: var(--light);
border-radius: 20px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
padding: 60px 20px;
display: flex;
}
.about-one-work-item.is--funnel {
padding-top: 30px;
padding-bottom: 30px;
}
.about-one-project-image {
border-radius: 10px;
margin-top: 20px;
overflow: hidden;
}
.about-one-project-two-heading {
max-width: 275px;
}
.about-one-project-two-heading.change-style {
border-bottom: 1px solid #3d3d42;
padding-bottom: 20px;
}
.about-one-project-number.change-padding-top {
padding-top: 40px;
}
.about-one-vedio-button {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.about-one-vedio-image {
height: 100%;
}
.about-one-project-right-image.padding-around {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: #efefef;
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding: 20px 15px;
display: flex;
}
.about-one-project-right-image.padding-around.chnage-background-color {
background-color: #1c1c24;
}
.about-one-project-right {
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-one-project-two-heading-wrapper {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.about-one-project-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.about-one-project-arrow {
margin-left: -80px;
display: none;
}
.about-one-project-vedio {
flex: 1;
height: 100%;
position: relative;
}
.about-one-logo {
padding: 150px 15px;
overflow: hidden;
}
.about-one-logo-main {
flex: none;
display: flex;
overflow: hidden;
}
.about-one-logo-left {
max-width: 334px;
}
.about-one-logo-item {
flex: none;
justify-content: space-between;
align-items: center;
padding: 20px 40px;
display: flex;
}
.about-one-logo-right {
z-index: 1;
flex: 1;
display: flex;
overflow: visible;
}
.about-one-logo-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
display: flex;
}
.about-one-agency-tag {
position: absolute;
inset: 100px 100px auto auto;
}
.about-one-agency {
padding-left: 15px;
padding-right: 15px;
}
.about-one-agency-bottom-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: center;
align-items: center;
display: flex;
}
.about-one-agency-top {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
align-items: center;
display: flex;
}
.about-one-agency-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #070616;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6246ed_Component%2020.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 250px;
padding-bottom: 250px;
display: flex;
position: relative;
overflow: hidden;
}
.about-one-agency-bottom {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: center;
align-items: flex-end;
display: flex;
}
.about-one-awards {
padding: 160px 15px;
}
.about-one-contact-heading {
max-width: 400px;
}
.about-one-contact-left-main {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-bottom: 1px solid #7e7e7e;
flex-flow: column;
flex: 1;
padding-bottom: 10px;
display: flex;
}
.about-one-contact-left-main.change-border {
border-bottom-width: 0;
}
.about-one-contact-right {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6246ef_Red%20Sky%20Image.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-start;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.about-one-contact-right-heading {
max-width: 500px;
}
.about-one-contact-main {
justify-content: space-between;
display: flex;
}
.about-one-contact-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6246ee_Human.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-flow: column;
flex: 0 55%;
padding: 120px 15px;
display: flex;
}
.about-one-contact-main-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.chnage-color {
color: #5c5c5c;
}
.about-one-faq {
padding: 160px 15px;
}
.about-one-main-question-change-width {
max-width: 696px;
}
.dropdown-faq {
border-bottom: 1px dashed #a5a5a5;
width: 100%;
}
.dropdown-faq.change-bottom-border {
border-bottom: 0 solid #27323a26;
}
.about-one-answar {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 100px;
}
.pricing-two-question-details.chnage-side-padding {
max-width: 890px;
padding-left: 40px;
padding-right: 40px;
}
.pricing-two-question-details.chnage-side-padding.chnage-padding-around {
padding-left: 0;
padding-right: 0;
}
.about-one-main-question {
border-bottom: 1px solid #7e7e7e;
flex: 1;
padding-left: 60px;
}
.about-one-faq-main-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
display: flex;
}
.pricing-two-toogle {
border-top: 1px solid #fff3;
max-width: 600px;
padding: 0;
display: block;
}
.pricing-two-toogle.chnage-width {
max-width: 100%;
}
.pricing-two-toogle.chnage-width.chnage-border-top {
border-top-width: 0;
}
.pricing-two-question-top {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.pricing-two-question-top.chnage-side-padding {
padding-left: 30px;
padding-right: 10px;
}
.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding {
padding-left: 0;
padding-right: 0;
}
.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding.chnage-top-padding {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
padding-bottom: 0;
}
.chnage-color-transperent {
background-color: #ddd0;
position: static;
overflow: hidden;
}
.about-one-faq-small-wrapper {
max-width: 1135px;
margin-left: auto;
margin-right: auto;
}
.about-two-hero-image-overlay {
background-image: linear-gradient(#0000004d, #0000004d);
position: absolute;
inset: 0%;
}
.about-two-hero-line {
background-color: #fff;
flex: 1;
max-width: 243px;
height: 1px;
}
.about-two-hero-line.grey-background {
background-color: var(--white);
}
.about-two-hero-image-main {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
width: 28%;
height: 85%;
position: relative;
overflow: hidden;
}
.about-two-hero {
background-color: #070616;
height: 300vh;
position: relative;
}
.about-two-hero-image {
justify-content: center;
align-items: flex-start;
height: 100%;
display: flex;
overflow: hidden;
}
.about-two-hero-text {
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
inset: 0%;
}
.about-two-hero-sub-heading {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.about-two-hero-sub-heading.change-style {
justify-content: flex-start;
align-items: center;
max-width: 490px;
}
.about-two-hero-wrapper {
height: 100vh;
position: sticky;
top: 0;
}
.nav-one-menu-main {
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.about-two-merquee-main {
padding: 90px 15px;
position: static;
inset: auto 0% 0%;
}
.about-two-work-image-main {
border-radius: 20px;
height: 817px;
overflow: hidden;
}
.about-two-work-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.about-two-work-text-top {
padding-bottom: 150px;
}
.about-two-work-text {
flex: 1;
}
.about-two-work-bottom-text-heading {
padding-bottom: 40px;
}
.about-two-work-item-top {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.about-two-work-image {
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 60px;
}
.about-two-main-bar {
background-color: #b3de4f;
border-radius: 18px;
width: 98%;
height: 5px;
}
.about-two-main-bar.two {
background-color: #0e0d26;
width: 87%;
}
.about-two-main-bar.three {
background-color: #7e7e7e;
width: 95%;
}
.about-two-work {
padding: 160px 15px;
}
.about-two-work-heading {
max-width: 700px;
padding-bottom: 40px;
}
.about-two-work-text-bottom {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.about-two-work-item-bar {
background-color: #efefef;
border-radius: 18px;
height: 15px;
padding: 5px;
}
.about-two-work-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.about-two-work-bottom-text-paragraph {
max-width: 740px;
padding-bottom: 40px;
}
.about-two-work-graph {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
max-width: 635px;
display: flex;
}
.about-two-work-graph.change-style {
background-color: #fff;
border-radius: 20px;
flex: 1;
max-width: 514px;
padding: 40px 60px;
}
.about-two-experience-background-image {
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.about-two-experience {
padding: 258px 15px;
position: relative;
overflow: hidden;
}
.about-one-experience-main {
perspective: 3000px;
display: flex;
}
.process-line {
background-color: #7473864d;
width: 1px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.service-one-project-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-bottom: 1px solid #7473864d;
align-items: center;
display: flex;
overflow: hidden;
}
.service-one-project-item.remobe-border {
border-bottom-width: 0;
}
.about-two-process-heading {
flex: 1;
max-width: 703px;
}
.service-one-project-item-details {
max-width: 453px;
padding-top: 20px;
}
.service-one-project-main, .about-two-process-main {
flex: 1;
}
.service-one-project-number {
flex: 0 109px;
justify-content: center;
align-items: center;
padding-top: 30px;
padding-bottom: 110px;
display: flex;
position: relative;
}
.about-two-process {
background-color: #070616;
padding: 80px 15px 160px;
}
.about-two-process-wrapper {
justify-content: space-between;
align-items: flex-start;
padding-top: 100px;
display: flex;
}
.progess-overlay {
background-color: #b3de4f;
width: 2px;
height: 92px;
margin-left: -1px;
position: absolute;
}
.about-two-awards-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.about-two-contact-button {
justify-content: center;
align-items: center;
display: flex;
}
.about-two-contact-image {
height: 120%;
position: absolute;
inset: 0%;
}
.about-two-contact {
padding-top: 160px;
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
.about-two-contact-heading {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.about-three-round-text-wrapper {
position: absolute;
inset: 0%;
}
.about-three-round-icon {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.about-three-round-icon-main {
justify-content: center;
align-items: center;
width: 178px;
height: 178px;
display: flex;
position: relative;
}
.about-three-merquee-item {
flex: none;
display: flex;
}
.about-three-small-round-icon {
background-color: var(--accent);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
display: flex;
}
.about-three-hero-main-wrapper {
z-index: 5;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.about-three-hero-style {
grid-column-gap: 60px;
grid-row-gap: 60px;
padding-top: 40px;
padding-bottom: 60px;
display: flex;
}
.about-three-hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.about-three-hero {
background-color: #070616;
padding-top: 220px;
position: relative;
overflow: hidden;
}
.about-three-merqee-main-item {
flex: none;
padding-right: 30px;
}
.about-three-hero-heading {
flex: 1;
}
.about-three-merquee-top {
margin-top: -2px;
position: absolute;
inset: 0% 0% auto;
}
.about-three-merquee-bottom {
margin-bottom: -2px;
position: absolute;
inset: auto 0% 0%;
}
.about-three-hero-merquee {
display: flex;
position: relative;
}
.about-three-growth-heading {
max-width: 900px;
margin-bottom: 100px;
position: relative;
}
.about-three-growth-item-text {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
flex: 1;
display: flex;
}
.about-three-growth {
background-color: #070616;
padding: 160px 15px;
}
.about-three-growth-overlay {
background-color: #07061666;
position: absolute;
inset: auto 0% 0%;
}
.about-three-growth-item-image {
width: 40px;
height: 40px;
}
.about-three-growth-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px solid #3d3d42;
border-right: 1px solid #3d3d42;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-bottom: 40px;
padding-right: 40px;
display: flex;
}
.about-three-growth-item.change-bottom-padding {
border-bottom-width: 0;
padding-top: 40px;
}
.about-three-growth-item.chnmage-padding-direction {
border-right-width: 0;
padding-left: 40px;
padding-right: 0;
}
.about-three-growth-item.chnmage-padding-direction.chnage-bottom-padding {
border-bottom-width: 0;
padding-top: 40px;
}
.about-three-growth-main {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-three-growth-item-paragraph {
max-width: 514px;
}
.about-three-team-designation {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.about-three-team-sticky-wrapper {
position: sticky;
top: 100px;
}
.about-three-team-image {
border-radius: 20px;
overflow: hidden;
}
.about-three-team-main-wrapper {
margin-right: -15px;
display: flex;
position: sticky;
}
.about-three-team {
height: 300vh;
padding: 160px 15px;
}
.about-three-team-main-heading {
max-width: 500px;
}
.about-there-team-item-main {
flex: none;
width: 26%;
padding-right: 30px;
transform: none;
}
.about-three-team-heading {
grid-column-gap: 100px;
grid-row-gap: 100px;
justify-content: flex-start;
align-items: center;
padding-bottom: 40px;
display: flex;
}
.about-three-team-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.about-there-logo {
background-color: #070616;
padding: 150px 15px;
overflow: hidden;
}
.about-three-rating-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.about-three-rating-bar {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.about-three-rating-item-text {
max-width: 210px;
}
.about-three-rating-item-text.change-width {
max-width: 150px;
}
.about-three-rating-moving-bar {
background-color: #b3de4f;
width: 98%;
height: 30px;
}
.about-three-rating-moving-bar.project-bar-four {
background-color: #55555b;
width: 89.47%;
}
.about-three-rating-moving-bar.project-bar-three {
background-color: #fff;
width: 63.5%;
}
.about-three-rating-moving-bar.project-bar-two {
background-color: #5c5c5c;
width: 75%;
}
.about-there-rating {
background-color: #070616;
padding-left: 15px;
padding-right: 15px;
}
.about-three-rating-item-bar {
background-color: #070616;
border-radius: 5px;
flex: 1;
width: 100%;
max-width: 689px;
height: 30px;
overflow: hidden;
}
.about-three-rating-wrapper {
grid-column-gap: 45px;
grid-row-gap: 45px;
background-color: #1c1c24;
border-radius: 20px;
flex-flow: column;
padding: 125px 40px;
display: flex;
}
.about-three-portfolio-bottom-right {
grid-column-gap: 150px;
grid-row-gap: 150px;
flex-flow: column;
display: flex;
}
.about-three-portfolio-middle-right {
border-radius: 20px;
margin-bottom: -70px;
overflow: hidden;
}
.about-three-portfolio-left {
border-radius: 20px;
overflow: hidden;
}
.about-three-portfolio-top {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: center;
display: flex;
}
.about-three-portfolio-container {
max-width: 1574px;
margin-left: auto;
margin-right: auto;
}
.about-three-portfolio-button {
display: flex;
}
.about-three-portfolio-bottom {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: center;
margin-top: 220px;
display: flex;
}
.about-three-portfolio-bottom-left {
border-radius: 20px;
overflow: hidden;
}
.about-three-portfolio-image-wrapper {
z-index: 1;
margin-top: -50vh;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.about-three-portfolio-middle-left, .about-three-portfolio-bottom-image {
border-radius: 20px;
overflow: hidden;
}
.about-three-portfolio-wrapper {
justify-content: center;
align-items: center;
padding-top: 50vh;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: sticky;
top: 0;
}
.about-three-portfolio-middle {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-around;
align-items: flex-end;
margin-top: 100px;
display: flex;
}
.about-three-portfolio-right {
border-radius: 20px;
overflow: hidden;
}
.about-three-portfolio {
background-color: #070616;
position: relative;
}
.about-three-portfolio-heading {
opacity: .44;
}
.about-one-about-paragraph {
max-width: 858px;
padding-top: 30px;
}
.about-two-merquee {
background-color: var(--background-color);
}
.home-three-service-item-image {
border-radius: 20px;
width: 100%;
height: 501px;
overflow: hidden;
}
.home-three-service-item-small-heading {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.home-three-service-item-close {
flex: 0 auto;
width: 0%;
height: 100%;
overflow: hidden;
}
.home-three-service-item-close.one {
width: 0%;
}
.home-three-service-item-close.five {
width: 100%;
}
.home-three-service-item-small-details {
max-width: 200px;
}
.home-three-service-item-main-heading {
width: 80px;
transform: rotate(-90deg);
}
.home-three-service-item-details {
z-index: 1;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 10px;
padding-right: 20px;
display: flex;
position: relative;
}
.home-three-service-main {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6246a4_Color%20full%20Image.webp");
background-position: 50%;
background-size: cover;
height: 1139px;
padding-top: 120px;
padding-bottom: 120px;
}
.home-three-service-item-arrow-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
}
.home-three-service-item-overlay {
background-color: #070616;
border-radius: 20px;
width: 0%;
position: absolute;
inset: 0%;
}
.home-three-service-item-overlay.five {
width: 100%;
}
.home-three-service-item-overlay.one {
width: 0%;
}
.home-three-service-wrapper {
justify-content: space-between;
height: 100%;
display: flex;
}
.home-three-service-wrapper.change-diaplay.desktop-off {
display: none;
}
.home-three-service-item-heading {
z-index: 1;
flex: 0 12%;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 300px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.home-three-service-item-heading.five {
border-right-width: 0;
}
.home-three-service-item {
border-right: 1px solid #c2c2c2;
justify-content: center;
align-items: center;
width: 12%;
padding-top: 100px;
display: flex;
position: relative;
overflow: hidden;
}
.home-three-service-item.one {
border-right: 1px solid #c2c2c2;
width: 12%;
}
.home-three-service-item.five {
border-right-width: 1px;
width: 45%;
}
.home-three-service-item-top-details {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.service-one-hero-banner-image-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.service-one-hero-scroll {
z-index: 5;
position: absolute;
inset: auto 3% 294px auto;
}
.service-one-hero {
background-color: #070616;
padding: 220px 15px 120px;
position: relative;
overflow: hidden;
}
.service-one-hero-click-wrapper {
display: flex;
}
.home-one-project-small-heading {
max-width: 257px;
padding-bottom: 20px;
}
.service-one-hero-left {
grid-column-gap: 45px;
grid-row-gap: 45px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-one-hero-contact-wrapper {
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.service-one-hero-heading {
padding-bottom: 20px;
}
.service-one-hero-heading.overflow-hidden {
z-index: 5;
position: relative;
}
.home-one-project-client-wrapper-main {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-bottom: 30px;
display: flex;
}
.service-one-hero-contact {
z-index: 5;
border-top: 1px solid #3d3d42;
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 40px;
display: flex;
position: relative;
}
.service-one-hero-banner-image {
border-radius: 20px;
width: 65%;
height: 812px;
overflow: hidden;
}
.change-coloe-dark-grey {
color: #5c5c5c;
}
.home-three-about-text-overlay-new {
background-color: #fff9;
height: 50%;
position: absolute;
inset: auto 0% 0;
}
.service-one-about {
padding-top: 160px;
padding-left: 15px;
padding-right: 15px;
}
.about-one-about-paragraph-main {
max-width: 858px;
padding-top: 30px;
}
.service-three-effect {
padding: 160px 15px;
overflow: hidden;
}
.service-three-effect-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
height: 500px;
display: flex;
}
.service-three-effect-item {
border-radius: 20px;
overflow: hidden;
}
.service-three-effect-item.one {
width: 43%;
}
.service-three-effect-item.three, .service-three-effect-item.two {
width: 30%;
}
.service-one-service-details {
flex: 1;
}
.service-one-service {
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
}
.service-one-service-heading {
grid-column-gap: 60px;
grid-row-gap: 60px;
border-bottom: 1px solid #c2c2c2;
justify-content: flex-start;
align-items: center;
margin-bottom: 60px;
padding-bottom: 20px;
display: flex;
}
.service-one-service-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
cursor: pointer;
border-bottom: 1px solid #7e7e7e;
justify-content: flex-start;
align-items: flex-end;
margin-left: auto;
margin-right: 0;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
}
.service-one-service-line {
background-color: #b3de4f;
width: 30%;
height: 1px;
position: absolute;
inset: auto 0% -1px;
}
.service-one-service-image {
border-radius: 20px;
flex: 0 40%;
position: relative;
overflow: hidden;
}
.service-one-service-tag {
background-color: #070616;
border-radius: 33px;
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding: 8px 15px 5px;
display: flex;
}
.service-one-service-main {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: center;
display: flex;
}
.service-one-process-item-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.service-one-business-left {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
flex: 1;
display: flex;
}
.service-one-process-heading {
max-width: 439px;
}
.service-one-process-wrapper {
background-color: #efefef;
border-radius: 20px;
margin-top: 50px;
padding: 100px 40px;
position: relative;
}
.service-one-process-wrapper.is--event {
z-index: 2;
margin-top: -30px;
margin-bottom: -30px;
}
.service-one-process-left {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
flex: 1;
display: flex;
position: sticky;
top: 100px;
}
.service-one-left-moving-line {
background-color: #b3de4f;
border-radius: 5px;
width: 98%;
height: 50px;
position: relative;
overflow: hidden;
}
.service-one-left-moving-line.line-four {
background-color: #55555b;
width: 89.47%;
}
.service-one-left-moving-line.line-two {
background-color: #5c5c5c;
width: 75%;
}
.service-one-left-moving-line.line-three {
background-color: #fff;
width: 63%;
}
.service-one-left-moving-text {
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.process-font {
font-size: 1.2rem;
line-height: 1.7rem;
}
.service-one-business-customer-left {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-one-business-customer-left.change-align-top {
justify-content: flex-start;
align-items: flex-start;
}
.service-one-process-item-main-tag {
background-color: #efefef;
border-radius: 20px;
justify-content: center;
align-items: center;
padding: 8px 10px 5px;
display: flex;
}
.service-one-business-wrapper {
background-color: #1c1c24;
border-radius: 20px;
padding: 100px 20px;
overflow: hidden;
}
.service-one-process-item-tag {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.service-one-process-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: center;
padding-bottom: 30px;
display: flex;
}
.service-one-business-customer-rating {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
display: flex;
}
.service-one-business-heading-overlay {
background-color: var(--secondary-color);
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.service-one-business-left-heading-line {
flex: 0 60%;
height: 50px;
}
.service-one-business-left-heading-line.change-marging-top {
margin-top: 10px;
}
.service-one-process-item-wrapper {
background-color: #fff;
border-radius: 20px;
padding: 40px;
position: sticky;
top: 100px;
}
.service-one-process-paragraph {
max-width: 482px;
}
.service-one-process-image {
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.service-one-business-left-heading {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
max-width: 210px;
display: flex;
}
.service-one-business-left-heading.change-width {
max-width: 120px;
margin-right: 90px;
}
.service-one-process-left-paragraph {
max-width: 404px;
}
.service-one-process-right {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
flex: 1;
max-width: 725px;
display: flex;
}
.service-one-process-main {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.service-one-business-right {
border-radius: 20px;
overflow: hidden;
}
.service-one-business {
background-color: #070616;
padding: 45px 15px 160px;
position: relative;
}
.service-one-left-text-main {
padding-right: 40px;
}
.service-one-business-heading {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
position: relative;
}
.service-three-image-button {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 20px;
padding-left: 100px;
display: flex;
}
.service-one-image-top {
position: absolute;
inset: -3% auto auto 0%;
}
.service-one-image-bottom-left {
position: absolute;
inset: auto auto 5% 0%;
}
.service-one-image-section {
padding: 160px 15px 280px;
}
.service-one-image-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
height: 1121px;
display: flex;
position: relative;
}
.service-one-image-heading {
max-width: 1000px;
}
.service-one-image-top-right {
position: absolute;
inset: 0% 25% auto auto;
}
.service-one-image-bottom-right {
position: absolute;
inset: auto 0% -12% auto;
}
.service-two-hero-text-main {
justify-content: space-between;
align-items: center;
display: flex;
}
.cart-image {
filter: invert();
}
.service-two-hero-hero-wrapper {
z-index: 1;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 220px;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.service-two-hero-image {
border-radius: var(--service-two-radius-one);
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d1f770639bee53c9f246db_March%20Seminar%20Advert.00_00_28_11.Still004.avif");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
width: 35%;
height: 70%;
margin: auto;
padding-bottom: 40px;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.service-two-hero-text {
padding-bottom: 100px;
}
.service-two-hero-text-bottom-left {
width: 100%;
}
.service-two-hero-main {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.menu-icon {
filter: invert();
}
.service-two-hero-text-top {
max-width: 343px;
}
.navbar-one-main {
z-index: 2;
background-color: #ddd0;
padding-left: 15px;
padding-right: 15px;
position: sticky;
inset: 0% 0% auto;
}
.navbar-one-main.chnage-position-styky {
z-index: 10;
position: absolute;
}
.service-two-hero-text-left {
flex: 0 30%;
}
.service-two-hero {
z-index: 1;
background-color: var(--light);
height: 300vh;
position: relative;
}
.service-two-hero-text-wrapper {
border-bottom: 1px solid #c2c2c2;
max-width: 388px;
padding-bottom: 20px;
}
.service-two-text-animation {
z-index: 2;
border-radius: var(--service-two-radius-two);
pointer-events: none;
justify-content: center;
align-items: center;
width: 35%;
height: 70%;
margin: auto;
padding-bottom: 40px;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.service-two-hero-text-bottom {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
padding-right: 40px;
display: flex;
}
.service-two-social-media-link {
width: 36px;
padding: 10px;
}
.service-two-hero-text-social-media {
width: 100%;
display: flex;
}
.service-two-text {
background-color: #efefef;
padding: 160px 15px;
}
.service-two-text-main {
max-width: 1035px;
position: relative;
}
.service-two-text-overlay {
background-color: #efefef80;
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.service-two-service-item-bottom-right {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.service-two-service-wrapper {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-flow: column;
display: flex;
}
.service-two-service-item-text {
flex: 1;
}
.service-three-service-heading {
flex: 1;
max-width: 735px;
}
.service-three-service-heading.overflow-hidden {
overflow: visible;
}
.service-three-service-heading-right {
flex: 1;
max-width: 400px;
padding-top: 10px;
}
.service-three-service {
background-color: #070616;
padding-top: 160px;
padding-bottom: 160px;
}
.service-three-service.is--funnel {
padding-top: 20px;
display: none;
}
.service-two-service-item-image {
border-radius: 25px;
width: 500px;
height: 500px;
margin: 20px;
padding: 0;
overflow: hidden;
}
.service-three-service-heading-button {
padding-bottom: 40px;
}
.service-three-service-top-heading {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 60px;
display: flex;
}
.service-three-service-paragraph {
max-width: 502px;
}
.service-two-service-item-main {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-three-service-wrapper {
background-color: #fff;
border-radius: 20px;
padding: 150px 15px;
}
.service-two-service-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #efefef;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
padding-right: 15px;
display: flex;
position: sticky;
top: 160px;
overflow: hidden;
}
.service-two-service-item.change-color-green {
background-color: #b3de4f;
}
.service-two-service-item.change-style {
background-color: #070616;
padding-left: 15px;
padding-right: 0;
}
.service-two-service-item-heading {
padding-bottom: 20px;
}
.service-two-service-item-bottom {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.service-two-planning-line {
background-color: #3d3d42;
width: 1px;
position: absolute;
inset: 0% auto 0% 40px;
}
.service-two-planning-overlay {
z-index: 1;
background-image: linear-gradient(#070616, #fff0);
display: none;
position: absolute;
inset: 0% 110% 0% -180%;
}
.service-two-planning-text-paragraph {
max-width: 643px;
}
.service-two-planning {
background-color: var(--background-color);
padding: 30px 15px 160px;
}
.service-two-planning-text {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.service-two-planning-right {
z-index: 1;
border-radius: 20px;
flex: 0 36%;
position: sticky;
top: 160px;
}
.service-two-planning-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.service-two-planning-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: flex-start;
margin-top: 160px;
display: flex;
}
.service-two-planning-item {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.service-two-planning-item-wrapper {
justify-content: flex-start;
align-items: center;
height: 170px;
display: flex;
}
.service-two-planning-item-wrapper.one {
margin-bottom: 20px;
}
.service-two-planning-number-wrapper {
padding-top: 5px;
}
.service-two-green-line {
background-color: #b3de4f;
width: 1px;
height: 150px;
}
.service-two-testimonial-item {
background-color: #070616;
border-radius: 20px;
flex-flow: column;
justify-content: space-between;
padding: 40px;
display: flex;
}
.service-two-about-main-heading {
max-width: 600px;
}
.service-two-about {
background-color: #070616;
padding-left: 15px;
padding-right: 15px;
}
.service-two-tesimonial-poet-wrapper {
border-top: 1px solid #5c5c5c;
justify-content: space-between;
align-items: center;
padding-top: 20px;
display: flex;
}
.service-two-testimonial-arrow-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
}
.service-two-about-heading {
justify-content: space-between;
padding-bottom: 60px;
display: flex;
}
.service-two-tesimonial-poet {
border-radius: 5px;
overflow: hidden;
}
.service-two-testimonial-star {
padding-bottom: 20px;
}
.service-two-testimonial-item-details {
max-width: 500px;
padding-bottom: 40px;
}
.service-two-tesimonial-details {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.service-two-about-main {
background-color: #efefef;
border-radius: 20px;
padding: 90px 40px;
}
.service-two-poet-details-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-two-about-testimonial {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-two-contact-main {
padding-bottom: 40px;
}
.service-two-contact-heading-overlay {
pointer-events: none;
background-image: linear-gradient(#0000 23%, #070616);
position: absolute;
inset: 0%;
}
.service-two-contact-heading {
max-width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.service-two-contact-button {
justify-content: center;
align-items: center;
padding-top: 60px;
display: flex;
}
.service-two-contact {
background-color: var(--background-color);
padding: 160px 15px 60px;
}
.service-two-vedio {
background-color: var(--background-color);
position: relative;
overflow: hidden;
}
.background-video {
z-index: 1;
height: 810px;
}
.service-two-vedio-overlay {
z-index: 2;
justify-content: space-between;
position: absolute;
inset: 0%;
}
.responsive-service-hero-image {
display: none;
}
.service-three-hero {
background-color: #070616;
padding-top: 220px;
}
.service-three-hero-banner {
position: relative;
}
.service-three-hero-heading {
padding-bottom: 20px;
}
.service-there-hero-button {
justify-content: center;
align-items: center;
padding-bottom: 60px;
display: flex;
}
.service-three-text {
background-color: #070616;
padding: 150px 15px 160px;
}
.service-three-text-overlay {
background-color: #07061680;
position: absolute;
inset: auto 0% 0%;
}
.service-three-project-item-paragraph {
max-width: 284px;
padding-top: 20px;
}
.service-three-project-item-heading {
border-bottom: 1px solid #ffffff26;
padding-bottom: 20px;
position: relative;
}
.service-project-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-right: 1px solid #3d3d42;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding-right: 30px;
display: flex;
}
.service-project-item.change-border-style {
border-right-width: 0;
}
.service-project-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.service-three-text-heading {
max-width: 988px;
margin-bottom: 140px;
position: relative;
}
.service-three-project-icon {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
}
.service-three-project-line {
background-color: #b3de4f;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.service-three-vedio {
background-color: #070616;
}
.service-three-vedio-main {
z-index: 1;
border-radius: 20px;
height: 720px;
position: relative;
overflow: hidden;
}
.service-three-vedio-overlay {
justify-content: flex-end;
align-items: flex-end;
padding-bottom: 60px;
padding-right: 60px;
display: flex;
position: absolute;
inset: 0%;
}
.service-three-background-vedio {
height: 100%;
}
.service-three-portfolio-button {
flex: 1;
display: flex;
}
.service-three-portfolio-left-main {
flex-flow: column;
flex: 1;
display: flex;
}
.service-three-portfolio-main-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
height: 1600px;
display: flex;
overflow: hidden;
}
.service-three-portfolio-main {
background-color: #fff;
border-radius: 20px;
padding: 160px 15px;
}
.service-three-portfolio-item {
border-radius: 20px;
flex: none;
overflow: hidden;
}
.service-three-portfolio-heading-main {
flex: 0 65%;
}
.service-three-portfolio-heading {
justify-content: space-between;
align-items: center;
padding-bottom: 60px;
display: flex;
}
.service-three-portfolio {
background-color: #070616;
}
.service-three-portfolio-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
flex: 1;
padding-bottom: 40px;
display: flex;
}
.service-three-portfolio-right-main {
flex-flow: column;
flex: 1;
display: flex;
}
.service-three-work-merquee {
display: flex;
}
.service-three-work-item-left {
z-index: 1;
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.service-three-work-item {
flex: none;
justify-content: flex-start;
align-items: center;
padding-right: 40px;
display: flex;
}
.service-three-work-item-button {
background-color: var(--background-color);
border: 1px solid #ffffff4d;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 8px 10px;
display: flex;
}
.service-three-work-item-details {
z-index: 1;
max-width: 496px;
position: relative;
}
.service-three-work-item-main {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-bottom: 1px solid #3d3d42;
justify-content: space-between;
align-items: flex-start;
padding: 40px 15px;
transition: all .5s;
display: flex;
position: relative;
overflow: hidden;
}
.service-three-work-item-main:hover {
border-bottom-width: 0;
}
.service-three-work {
z-index: 1;
background-color: var(--background-color);
padding-top: 160px;
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
.service-three-work-main {
z-index: 1;
background-color: var(--background-color);
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.service-three-work-item-text {
padding-right: 40px;
}
.service-three-work-item-button-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 2fr 2fr 2fr 1.5fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
padding-top: 30px;
display: flex;
}
.service-three-work-main-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.service-three-work-item-wrapper {
background-color: var(--accent);
border-radius: 20px;
position: absolute;
inset: auto 0% 0%;
transform: none;
}
.service-there-testimonial {
background-color: #070616;
height: 300vh;
padding-top: 100px;
position: relative;
}
.service-three-hero-contact {
padding-left: 15px;
padding-right: 15px;
position: absolute;
inset: auto 0% 70px;
}
.team-one-hero-line {
background-color: #fff;
width: 385px;
height: 1px;
}
.team-one-hero-main-wrapper {
flex-flow: column;
justify-content: space-between;
height: 100vh;
padding: 160px 15px 60px;
display: flex;
}
.team-one-hero-inner-wrapper {
position: relative;
}
.team-one-hero-main {
height: 100vh;
position: sticky;
top: 0;
}
.team-one-hero-small-text {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.team-one-hero {
background-color: #070616;
height: 300vh;
}
.team-one-hero-image {
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
inset: 0%;
}
.team-one-hero-image-main {
border-radius: 20px;
justify-content: center;
align-items: flex-end;
width: 80%;
height: 75%;
overflow: hidden;
}
.team-one-main-headding {
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
.team-one-hero-member {
background-color: #070616;
padding-top: 160px;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
.team-two-merquee {
padding-top: 220px;
padding-bottom: 100px;
overflow: hidden;
}
.team-two-merquee-main {
display: flex;
}
.team-two-main {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-two-member-item-overlay {
background-color: #0006;
flex-flow: column;
padding-top: 40px;
padding-left: 20px;
display: flex;
position: absolute;
inset: 0%;
}
.team-two-member-image {
height: 100%;
}
.team-two-member-designation-main {
border: 1px solid #c2c2c2;
border-radius: 50px;
padding: 10px 20px;
}
.team-two-member-designation {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.team-two-merquee-item {
flex: none;
padding-right: 40px;
}
.team-two-member-merquee {
display: flex;
position: absolute;
inset: 50% 0% 0%;
}
.team-two-member-item {
height: 100%;
position: relative;
overflow: hidden;
}
.team-three-banner {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce62476d_team%203%20Banner.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.team-three-banner-button {
justify-content: center;
align-items: center;
padding-top: 100px;
display: flex;
}
.team-three-banner-line {
background-color: #fff;
width: 385px;
height: 1px;
}
.team-three-banner-heading {
padding-bottom: 20px;
}
.team-three-banner-line-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
display: flex;
}
.team-three-member-item-image {
border-radius: 20px;
overflow: hidden;
}
.team-three-member {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #1c1c24;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
padding: 160px 15px;
display: grid;
}
.team-three-member-item-details {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 20px;
display: flex;
}
.team-details-banner {
background-color: #070616;
padding-top: 160px;
padding-bottom: 160px;
position: relative;
}
.team-details-hero-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: center;
}
.team-details-hero-wrapper.position-relative {
justify-content: space-between;
}
.container {
max-width: 1320px;
padding-left: 15px;
padding-right: 15px;
}
.hover-out-icon {
position: absolute;
transform: translate(0, 110%);
}
.team-details-social-border {
background-color: #fff;
width: 1px;
height: 150px;
}
.team-details-hero-heading {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: stretch;
}
.team-details-hero-heading.margin-bottom-thirty {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-bottom: 0;
padding-bottom: 30px;
}
.div-block {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.no-margin-bottom {
margin-bottom: 0;
}
.team-details-social-icons {
grid-row-gap: 16px;
align-items: center;
display: none;
position: absolute;
right: 0%;
}
.position-relative {
position: relative;
}
.position-relative.icon-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.team-details-border {
background-color: #ffffff4d;
width: 2px;
}
.border-radius-ten {
border-radius: 10px;
}
.team-details-hero-text-wrapper {
z-index: 10;
max-width: 490px;
position: relative;
}
.tag-five-text {
color: #fff;
text-transform: uppercase;
font-size: .875rem;
font-weight: 600;
line-height: 1.5rem;
}
.tag-five-text.tag-five-heart-emoji {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624773_%F0%9F%98%8D%20(4).svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
padding-right: 20px;
}
.team-member-quote {
color: #fff;
font-size: 2.5rem;
font-style: italic;
line-height: 3.125rem;
}
.about-team-member {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.team-details-text {
color: #ffffff0d;
font-size: 15.625rem;
font-weight: 700;
line-height: 16.25rem;
}
.team-member {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: -110px;
display: grid;
}
.tag-style-five-details {
grid-column-gap: 2px;
grid-row-gap: 2px;
align-items: center;
}
.tag-style-five-details.heading-six {
padding-bottom: 40px;
}
.team-member-about {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.tag-six-colord-background {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-image: linear-gradient(to right, #8f88ff, #5cb0e9);
align-items: center;
padding-top: 1px;
padding-left: 10px;
padding-right: 10px;
}
.tag-six-colord-background.border-radius-twenty {
background-image: none;
border-radius: 20px;
padding-right: 0;
}
.details {
align-items: center;
}
.quote-wrapper {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624775_Background%20Quote.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
margin-bottom: 60px;
padding-top: 60px;
padding-left: 100px;
}
.team-member-details-section {
background-color: #1c1c24;
padding-top: 130px;
padding-bottom: 130px;
}
.blog-one-hero {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624776_Blog%201%20Banner.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 270px 15px;
position: relative;
}
.blog-one-hero-heading {
padding-bottom: 10px;
}
.blog-one-hero-sub-heading {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
display: flex;
}
.blog-one-hero-line {
background-color: #fff;
flex: 1;
max-width: 300px;
height: 1px;
}
.blog-one-heading-wrapper {
border-bottom: 1px solid #c2c2c2;
padding-bottom: 20px;
}
.blog-one-post-paragraph {
max-width: 384px;
padding-bottom: 40px;
}
.blog-one-main {
padding: 160px 15px;
}
.blog-one-post-tag-main {
border: 1px solid #7e7e7e;
border-radius: 50px;
padding: 10px 20px 8px;
}
.blog-one-post-date {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-bottom: 1px solid #c2c2c2;
flex-flow: column;
flex: 0 26%;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 20px;
display: flex;
position: relative;
}
.blog-one-post-item-heading {
max-width: 429px;
padding-bottom: 20px;
}
.blog-one-post-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
perspective: 3000px;
flex-flow: column;
padding-top: 80px;
display: flex;
}
.blog-one-post-image {
border-radius: 20px;
position: relative;
overflow: hidden;
}
.blog-one-post-image-overlay {
background-image: linear-gradient(#00000080, #00000080);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.blog-post-hover-line {
background-color: #b3de4f;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.blog-one-post-month {
padding-bottom: 2px;
}
.blog-one-arrow-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 59px;
height: 59px;
display: flex;
}
.blog-one-post-tag {
display: flex;
}
.blog-one-main-heading {
max-width: 500px;
}
.blog-one-post-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
display: flex;
}
.blog-two-post-item-heading {
max-width: 429px;
}
.blog-two-post-item-heading.change-max-width {
max-width: 300px;
}
.blog-two-post-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.blog-two-post-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
display: flex;
}
.blog-two-post-date.change-style {
border-bottom: 1px solid #5c5c5c;
max-width: 390px;
margin-bottom: 10px;
padding-bottom: 20px;
}
.blog-two-post {
background-color: #efefef;
padding: 160px 15px;
}
.blog-two-post-item-image {
border-radius: 20px;
overflow: hidden;
}
.blog-two-post-item-details {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: #fff;
border-radius: 20px;
flex-flow: column;
margin-top: -40px;
padding: 80px 20px 40px;
display: flex;
}
.blog-two-post-item-details.black-item {
background-color: #070616;
margin-top: 0;
padding-top: 35px;
padding-bottom: 35px;
}
.blog-two-post-item-details.change-primary-color {
background-color: #070616;
}
.blog-three-hero-iten-image {
border-radius: 20px;
overflow: hidden;
}
.blog-three-hero-item {
justify-content: space-between;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.blog-three-hero-wrapper {
justify-content: space-between;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 100px;
display: flex;
}
.blog-three-hero-item-details {
grid-column-gap: 15px;
grid-row-gap: 15px;
background-color: #070616;
border-radius: 20px;
flex-flow: column;
margin-left: -200px;
padding: 60px 40px;
display: flex;
}
.blog-three-hero-stone {
opacity: .8;
transform: rotate(50deg);
}
.blog-three-hero-main-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-three-hero {
background-color: #1c1c24;
padding: 160px 15px;
position: relative;
}
.blog-three-hero-item-heading {
max-width: 535px;
padding-bottom: 20px;
}
.date-month-wrapper {
display: flex;
}
.blog-details-hero-tag-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center;
padding-bottom: 40px;
display: flex;
}
.blog-details-hero {
background-color: #1c1c24;
padding: 160px 15px 40px;
position: relative;
}
.blog-details-hero-image {
border-radius: 20px;
height: 700px;
overflow: hidden;
}
.blog-details-hero-heading {
max-width: 1000px;
padding-bottom: 60px;
}
.blog-details-image {
border-radius: 20px;
height: 531px;
overflow: hidden;
}
.blog-details-poet-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #070616;
border-radius: 20px;
padding: 40px 40px 30px;
display: flex;
}
.blog-details-details-main {
padding-top: 20px;
padding-bottom: 60px;
}
.blog-details-button-paragraph {
max-width: 524px;
}
.blog-details-image-heading {
padding-bottom: 40px;
}
.blog-details-details {
background-color: #1c1c24;
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
}
.blog-details-image-sub-heading {
padding-bottom: 60px;
}
.blog-details-button-wrapper {
background-color: #fff;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
padding: 40px 60px;
display: flex;
}
.blog-details-details-wrapper {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
}
.blog-details-image-details {
padding-bottom: 60px;
}
.blog-details-poet-top {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.blog-details-poet-main-details {
max-width: 762px;
}
.blog-details-blog {
background-color: #1c1c24;
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
}
.blog-details-blog-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-details-blog-heading {
max-width: 572px;
padding-bottom: 60px;
}
.portfolio-one-banner-text-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-end;
padding-bottom: 140px;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio-one-hero {
height: 500vh;
}
.portfolio-one-banner {
height: 100vh;
position: sticky;
top: 0;
}
.portfolio-one-banner-line-wrapper {
pointer-events: none;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio-link-main {
width: 100%;
height: 100%;
position: relative;
}
.portfolio-move-line {
background-color: #fff;
height: 1px;
}
.portfolio-one-banner-line-main {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
padding-bottom: 100px;
display: flex;
}
.portfolio-one-banner-image {
height: 100%;
position: relative;
}
.portfolio-line {
background-color: #ffffff4d;
flex: 1;
height: 1px;
}
.portfolio-two-arrow {
background-color: var(--orange);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 82px;
height: 82px;
display: flex;
}
.tab-link-tab-3, .tab-link-tab-3.w--current {
background-color: #070616;
}
.small-heading-text-main {
text-transform: uppercase;
font-family: Generalsans Variable;
font-size: 20px;
font-weight: 500;
}
.small-heading-text-main.change-color-white {
color: #fff;
}
.small-heading-text-main.chanhe-color-fade-white {
color: #fff9;
}
.small-heading-text-main.change-style {
color: var(--white);
text-transform: capitalize;
max-width: 397px;
}
.small-heading-text-main.change-style.change-color-white {
color: #fff;
}
.small-heading-text-main.change-color-fade-white {
color: var(--light);
}
.small-heading-text-main.change-color-green {
color: #b3de4f;
}
.portfolio-two-paragraph {
max-width: 430px;
}
.portfolio-two-logo-top {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.portfolio-two-hero-heading {
padding-bottom: 20px;
}
.portfolio-two-main-item {
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.portfolio-two-main-item-image {
border-radius: 20px;
width: 100%;
position: relative;
overflow: hidden;
}
.portfolio-two-details {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: center;
align-items: center;
padding-bottom: 60px;
display: flex;
}
.portfolio-two-text-heading {
max-width: 416px;
}
.portfolio-two-main {
padding-bottom: 60px;
}
.portfolio-two-main.change-portfolio-bottom-padding {
padding-bottom: 0;
}
.tab-link-tab-2, .tab-link-tab-2.w--current {
background-color: #070616;
}
.portfolio-two-text-left {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.tab-link-tab-1, .tab-link-tab-1.w--current {
background-color: #070616;
}
.portfolio-two-hero {
background-color: #070616;
padding-top: 200px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.portfolio-two-project-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 100%;
display: flex;
}
.tabs-menu {
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 60px;
display: flex;
}
.portfolio-two-line {
background-color: #3d3d42;
max-width: 843px;
height: 1px;
margin-left: auto;
margin-right: auto;
}
.portfolio-two-project-details {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-top: 40px;
display: flex;
}
.portfolio-two-text-overlay {
grid-column-gap: 70px;
grid-row-gap: 70px;
background-color: #1c1c24;
border-radius: 20px;
flex-flow: column;
flex: 1;
max-width: 827px;
padding: 60px;
display: flex;
}
.portfolio-two-text-top {
background-color: #b3de4f;
border-radius: 20px;
padding: 5px 10px;
}
.portfolio-two-project-image {
border-radius: 8px;
height: 240px;
position: relative;
overflow: hidden;
}
.portfolio-two-logo-details {
border-bottom: 1px solid #fff3;
max-width: 330px;
padding-bottom: 20px;
}
.portfolio-two-main-top {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
display: flex;
}
.portfolio-two-main-text-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio-two-green-line {
background-color: #b3de4f;
height: 1px;
}
.tab-link-tab-4 {
background-color: #ddd0;
}
.tab-link-tab-4.w--current {
background-color: #070616;
}
.portfolio-two-text-details {
justify-content: space-between;
align-items: center;
padding-right: 100px;
display: flex;
}
.portfolio-three-image {
border-radius: 20px;
overflow: hidden;
}
.portfolio-three-hero {
background-color: #efefef;
padding: 160px 15px;
position: relative;
}
.portfolio-three-main {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.portfolio-three-image-details {
background-color: #fff;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
justify-content: space-between;
align-items: center;
margin-top: -30px;
padding: 60px 30px 30px;
display: flex;
}
.portfolio-three-hero-heading {
padding-bottom: 20px;
}
.portfolio-three-image-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.collection-list-wrapper, .collection-list, .collection-item-portfolio {
height: 100%;
}
.portfolio-link-main-overlay {
background-image: linear-gradient(#0000004d, #0000004d);
position: absolute;
inset: 0%;
}
.portfolio-main-details-paragraph {
max-width: 697px;
}
.portfolio-details-box-text {
max-width: 623px;
}
.portfolio-details-text {
flex: 1;
max-width: 726px;
}
.portfolio-details-text-main {
grid-column-gap: 25px;
grid-row-gap: 25px;
border-bottom: 1px solid #c2c2c2;
justify-content: flex-start;
align-items: center;
padding-bottom: 30px;
display: flex;
}
.portfolio-details-list {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.portfolio-details-hero {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #efefef;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.portfolio-details-text-wrapper {
justify-content: center;
align-items: center;
width: 50%;
padding-top: 40px;
padding-bottom: 100px;
padding-right: 15px;
position: sticky;
top: 0;
}
.portfolio-details-poet {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.portfolio-details-text-heading {
padding-bottom: 30px;
}
.portfolio-details-date {
background-color: #070616;
border-radius: 20px;
padding: 5px 20px;
}
.portfolio-details-box {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #fff;
border-radius: 20px;
flex-flow: column;
padding: 40px;
display: flex;
}
.portfolio-details-image-one {
height: 100vh;
position: sticky;
top: 0;
}
.portfolio-details-image {
width: 50%;
}
.portfolio-main-details {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
padding-top: 40px;
display: flex;
}
.portfolio-details-list-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.portfolio-details-dot {
background-color: var(--black);
border-radius: 50%;
width: 5px;
height: 5px;
}
.portfolio-two-project-overlay {
background-color: #07061666;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio-two-merquee {
flex: none;
padding-right: 20px;
}
.shop-page-hero-top-heading {
z-index: 5;
padding-bottom: 20px;
position: relative;
}
.shop-page-hero-button {
z-index: 5;
position: relative;
}
.shop-page-hero-heading {
z-index: 5;
max-width: 896px;
padding-bottom: 40px;
position: relative;
}
.shop-page-hero {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624788_Shop%20Banner.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding: 250px 15px;
position: relative;
}
.shop-page-shop-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 60px;
display: grid;
}
.shop-page-shop-line {
background-color: #c2c2c2;
max-width: 1500px;
height: 1px;
margin-left: auto;
margin-right: auto;
}
.shop-page-shop-details {
background-color: #fff;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: -40px;
padding-top: 60px;
padding-bottom: 25px;
display: flex;
}
.shop-page-shop-heading {
padding-bottom: 50px;
}
.shop-page-shop {
background-color: #efefef;
padding: 160px 15px;
}
.shop-page-shop-image {
border-radius: 20px;
position: relative;
overflow: hidden;
}
.shop-page-cart-wrapper {
padding-top: 20px;
padding-left: 20px;
position: absolute;
inset: 0%;
}
.cart-wrapper {
background-color: #b3de4f;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.product-details-info {
flex: 0 48.76%;
}
.product-small-image {
object-fit: cover;
border-radius: 20px;
width: 100%;
transition: transform .75s;
}
.product-small-image:hover {
transform: scale(1.1);
}
.shop-details-price {
padding-bottom: 30px;
}
.shop-details-hero-main {
grid-column-gap: 100px;
grid-row-gap: 100px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.product-details-main {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.margin-bottom-thirty {
margin-bottom: 30px;
}
.margin-bottom-thirty.border-radius-six, .product-small-image-one {
border-radius: 20px;
}
.product-small-image-one.cursor-pointer {
cursor: pointer;
}
.shop-details-hero {
background-color: #efefef;
justify-content: space-between;
padding: 140px 15px;
position: relative;
}
.small-images-menu {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.product-image-tab {
flex-direction: column-reverse;
justify-content: flex-start;
display: flex;
}
.product-details-information {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
}
.product-details-information.border-off {
border-bottom-style: none;
}
.product-details-more-information-wrapper {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: #fff;
border-radius: 20px;
flex-flow: column;
width: 100%;
max-width: 512px;
margin-top: 20px;
padding: 30px 50px 30px 30px;
display: flex;
}
.shop-details-color-main {
background-color: #c95454;
border-radius: 5px;
width: 20px;
height: 20px;
}
.product-details-brand {
flex: 0 30%;
}
.shop-details-paragraph {
padding-top: 30px;
padding-bottom: 20px;
}
.product-image-big {
cursor: pointer;
object-fit: cover;
border-radius: 20px;
width: 100%;
transition: transform .75s;
}
.product-image-big:hover {
transform: scale(1.1);
}
.product-details {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.margin-bottom-twenty {
margin-bottom: 20px;
}
.margin-bottom-twenty.style-panel {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247f9_Landing%20Banner%20Image.webp");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 251px;
width: 251px;
height: 347px;
}
.shop-details-hero-text {
flex: 1;
position: sticky;
top: 130px;
}
.shop-details-quantity {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: center;
padding-bottom: 40px;
display: flex;
}
.shop-details-hero-heading {
max-width: 492px;
padding-bottom: 35px;
}
.no-padding {
opacity: .45;
background-color: #ddd0;
padding: 0;
}
.no-padding.w--current {
opacity: 1;
background-color: #fff0;
border: 1px solid #0e0d26;
border-radius: 20px;
padding: 10px;
}
.shop-details-star-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #c2c2c2;
justify-content: flex-start;
align-items: center;
padding-bottom: 30px;
display: flex;
}
.product-details-heading {
padding-bottom: 20px;
}
.product-details-work-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-top: 20px;
display: flex;
}
.product-details-work-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.product-details-work-dot {
background-color: var(--body-text-dark);
border-radius: 50%;
width: 5px;
height: 5px;
}
.display-off {
display: none;
}
.quantity {
margin-bottom: 0;
}
.shop-page-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.add-to-cart-button {
background-color: #3898ec00;
padding-left: 20px;
padding-right: 20px;
}
.shop-details-product {
background-color: #efefef;
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
}
.shop-details-product-heading {
max-width: 403px;
padding-bottom: 40px;
}
.shop-details-product-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cart-button {
background-color: #3898ec00;
padding-left: 0;
padding-right: 0;
position: relative;
}
.cart-quantity {
position: absolute;
inset: 0% auto auto 5px;
}
.cart-quantity.chnage-color-white {
background-color: var(--background-color);
}
.row {
flex-flow: column;
}
.checkout-form {
background-color: #efefef00;
}
.block-header {
padding-top: 20px;
padding-bottom: 20px;
}
.order-confirmation-hero {
background-color: #efefef;
padding-top: 140px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.order-confirmation {
background-color: #f5f5f500;
padding-left: 0;
padding-right: 0;
}
.order-confirmation-hero-heading {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
.submit-button {
background-color: var(--orange);
}
.submit-button.button-font.change-button-padding {
border-radius: 100px;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.submit-button.button-font.change-button-padding.change-width {
width: 100%;
padding: 0 30px;
font-family: halyard-micro;
font-weight: 400;
}
.paypal-checkout-section {
background-color: #efefef;
padding-top: 140px;
padding-bottom: 100px;
position: relative;
}
.paypal-checkout-heading {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
.paypal-checkout-form {
background-color: #f5f5f500;
}
.checkout-hero {
background-color: #efefef;
padding-top: 140px;
padding-bottom: 100px;
position: relative;
}
.contact-one-form-item {
padding-bottom: 30px;
}
.contact-one-hero {
height: 200vh;
position: relative;
}
.contact-one-email {
border-bottom: 1px solid #fff;
}
.contact-one-right-main-heading {
max-width: 500px;
}
.contact-one-right-heading {
padding-bottom: 40px;
display: flex;
}
.select-field {
color: #949494;
text-transform: uppercase;
background-color: #f3f3f300;
border: 1px solid #0000;
border-bottom-color: #3d3d42;
height: 75px;
margin-bottom: 0;
padding-left: 0;
font-family: Actionsans;
font-size: 20px;
font-weight: 400;
line-height: 18px;
}
.select-field.change-style {
background-color: var(--secondary-color);
letter-spacing: 1.44px;
border-width: 1px;
border-color: #55555b;
border-radius: 80px;
height: 60px;
padding-left: 20px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.contact-one-main {
grid-column-gap: 100px;
grid-row-gap: 100px;
display: flex;
}
.contact-one-main-item-top {
border-bottom: 1px solid #fff9;
padding-bottom: 10px;
}
.contact-one-right-main {
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
}
.contact-one-main-middle {
padding-top: 20px;
padding-bottom: 10px;
}
.contact-one-main-item {
flex: 1;
max-width: 300px;
}
.contact-one-main-item.change-max-width {
max-width: 330px;
}
.contact-one-hero-left {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247a3_Contact%20One%20Banner.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: none;
width: 100%;
height: 100vh;
padding-top: 100px;
}
.contact-one-hero-right {
z-index: 11;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247a4_Contact%20One%20Form.webp");
background-size: cover;
width: 100vw;
height: 100vh;
padding-top: 60px;
padding-left: 15px;
padding-right: 15px;
position: relative;
transform: none;
}
.submit-button-wrapper {
padding-top: 60px;
display: flex;
}
.contact-one-form {
max-width: 623px;
}
.contact-one-contact {
z-index: 1500;
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 60px;
display: flex;
position: relative;
}
.contact-one-hero-heading {
padding-bottom: 100px;
}
.contact-one-input {
color: #949494;
background-color: #fff0;
border: 1px solid #0000;
border-bottom-color: #3d3d42;
margin-bottom: 0;
padding: 25px 0 40px;
font-family: Generalsans Variable;
font-size: 20px;
font-weight: 400;
line-height: 18px;
}
.contact-one-input::placeholder {
color: #949494;
text-transform: uppercase;
}
.contact-one-hero-full {
z-index: 1111;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.contact-one-hero-main {
justify-content: space-between;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.submit-button-new {
background-color: #3898ec00;
font-family: halyard-micro;
font-size: 16px;
font-weight: 400;
}
.contact-one-form-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.contact-one-hero-design-middle {
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-items: center;
max-width: 1051px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.contact-one-design-heading-main {
max-width: 907px;
padding-bottom: 40px;
}
.contact-one-hero-design {
justify-content: space-between;
display: flex;
overflow: hidden;
}
.contact-one-hero-small-heading {
padding-bottom: 40px;
}
.contact-two-contact-main-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 40px;
display: flex;
}
.contact-two-form-left {
max-width: 508px;
}
.contact-two-form-button {
display: flex;
}
.contact-two-contact-form {
background-color: #070616;
border-radius: 20px;
padding: 160px 15px 150px;
}
.contact-two-hero-heading {
padding-bottom: 40px;
}
.contact-two-hero {
padding-top: 160px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.contact-two-form-right-main {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 40px;
display: grid;
}
.contact-two-contact-item {
border-bottom: 1px solid #c2c2c2;
}
.conact-two-input-field {
color: #949494;
background-color: #1c1c24;
border: 1px solid #55555b;
border-radius: 80px;
margin-bottom: 0;
padding-top: 28px;
padding-bottom: 28px;
padding-left: 20px;
font-family: Generalsans Variable;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.conact-two-input-field::placeholder {
color: #949494;
text-transform: uppercase;
font-weight: 500;
}
.conact-two-input-field.change-color-white {
background-color: #fff;
}
.conact-two-input-field.change-color-white.change-input-style, .conact-two-input-field.change-color-white.change-input-style::placeholder {
color: #5c5c5c;
font-weight: 500;
}
.contact-two-form-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.contact-two-form-item.change-size {
max-width: 100%;
}
.contact-two-form-right {
flex: 0 45%;
}
.contact-two-contact-heading {
max-width: 782px;
padding-bottom: 60px;
}
.contact-two-form-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.contact-two-contact {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247a8_Contact%20Image%20(1).webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
margin-bottom: 70px;
padding: 160px 15px;
}
.location-icon {
width: 25px;
margin-top: 3px;
}
.contact-three-line {
background-color: #b3de4f;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.contact-two-service-wrapper {
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.contact-three-contact {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start stretch;
min-height: 500px;
padding-bottom: 40px;
display: grid;
}
.contact-three-contact.is--funnel {
padding-bottom: 100px;
}
.contact-three-hero-main {
justify-content: space-between;
align-items: center;
padding-bottom: 140px;
padding-right: 100px;
display: flex;
}
.contact-three-social-media {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: flex;
}
.contact-three-contact-form {
flex: 1;
padding-left: 20px;
}
.contact-three-social-media-icon {
background-color: #1c1c24;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
transition: all .5s;
display: flex;
}
.contact-three-social-media-icon:hover {
border-radius: 50px;
}
.contact-three-contact-left-item {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.contact-three-hero {
background-color: #070616;
padding: 160px 15px 100px;
position: relative;
}
.contact-three-hero.margin-bottom {
padding-bottom: 0;
}
.contact-three-location {
max-width: 299px;
position: relative;
}
.contact-three-hero-heading {
max-width: 872px;
}
.contact-three-contact-left {
grid-column-gap: 25px;
grid-row-gap: 25px;
border-right: 1px solid #3d3d42;
flex-flow: column;
flex: 0 55%;
justify-content: center;
align-items: flex-start;
margin-right: 40px;
display: flex;
}
.contact-three-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
border-bottom: 1px solid #3d3d42;
justify-content: space-between;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
padding-right: 0;
display: flex;
}
.contact-three-item.change-bottom-margin {
border-bottom-width: 0;
}
.contact-three-item-image {
flex: 1;
max-width: 300px;
}
.contact-three-branch {
background-color: #070616;
padding-top: 160px;
padding-left: 15px;
padding-right: 15px;
}
.contact-three-item-left {
flex: 0 28%;
padding-top: 40px;
}
.contact-three-item-location-top {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.contact-three-heading {
max-width: 665px;
}
.contact-three-branch-wrapper {
background-color: #1c1c24;
border-radius: 20px;
padding: 160px 15px 120px;
}
.contact-three-link {
border-bottom: 1px solid #b3de4f;
}
.contact-three-item-location {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
flex: 1;
max-width: 300px;
padding-top: 40px;
display: flex;
}
.pricing-item-text {
font-size: 22px;
line-height: 32px;
}
.pricing-plan-item-heading {
padding-bottom: 20px;
}
.pricing-row-right-column {
grid-column-gap: 80px;
grid-row-gap: 80px;
text-align: center;
flex: 0 70%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: stretch center;
}
.pricing-row-right-column.price-right-column {
justify-items: stretch;
}
.pricing-row-right-column._2-column {
grid-template-columns: 1fr 1fr;
}
.pricing-plan-item {
background-color: #1c1c24;
border-radius: 20px;
flex: 1;
padding: 50px 20px;
}
.pricing-plan-item.change-color-white {
background-color: #fff;
}
.pricing-plan-hero-heading {
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.pricing-plan-item-price-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.pricing-plan-item-price-wrapper.pricing-two-change-style {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
padding-bottom: 5px;
}
.pricing-plan-hover-middle {
background-color: var(--background-color);
border-radius: 20px;
margin-top: -20px;
margin-bottom: -20px;
}
.heading-four-new {
color: #1d1837;
letter-spacing: -.16px;
text-transform: capitalize;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.heading-four-new.change-color-white {
color: #fff;
}
.pricing-plan-price {
position: relative;
}
.pricing-plan-plan-heading {
max-width: 657px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
}
.pricing-table-row {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-between;
align-items: center;
padding: 18px 40px 18px 20px;
}
.pricing-table-row.border-bottom-new {
padding-bottom: 0;
}
.pricing-table-row.pricing-table-inner-row {
padding-top: 20px;
padding-bottom: 20px;
}
.pricing-table-row.pricing-table-inner-row.border-top {
border-bottom-width: 0;
border-radius: 0;
}
.pricing-table-row.pricing-table-inner-row.price-row {
justify-content: space-between;
align-items: flex-start;
padding-top: 10px;
}
.pricing-table-row.pricing-table-inner-row.price-row.display-off {
display: flex;
}
.pricing-table-row.total {
background-color: var(--accent);
-webkit-backdrop-filter: grayscale();
backdrop-filter: grayscale();
border-radius: 20px;
margin-left: -20px;
margin-right: -20px;
padding-left: 40px;
padding-right: 60px;
}
.pricing-plan-main-wrapper {
background-color: var(--light);
border-radius: 8px;
position: relative;
}
.pricing-plan-main-wrapper.padding {
margin-bottom: 80px;
}
.pricing-plan-hero {
background-color: #070616;
background-image: linear-gradient(#0000 80%, #070616), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247cb_Pricing%20One%20Banner.webp");
background-position: 0 0, 50%;
background-size: auto, cover;
padding-top: 200px;
padding-bottom: 140px;
position: relative;
}
.pricing-plan-price-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #5c5c5c;
justify-content: flex-start;
align-items: flex-end;
padding-bottom: 20px;
display: flex;
}
.pricing-plan-button-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
padding-bottom: 80px;
display: flex;
}
.pricing-two-button-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.pricing-plan-price-item-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.image-off {
opacity: 0;
}
.pricing-plan-main {
margin-top: -140px;
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.pricing-plan-hover-left {
flex: 0 30%;
}
.monthly-text {
text-align: center;
font-weight: 500;
}
.monthly-text.yearly {
color: #fff;
}
.pricing-plan-button-item {
background-color: #b3de4f;
border-radius: 42px;
padding: 5px 20px;
}
.pricing-plan-button-item.monthly {
border: 1px solid #fff0;
}
.pricing-plan-button-item.yearly {
background-color: #b3de4f00;
border: 1px solid #fff6;
}
.heading-four-5 {
color: #132035;
letter-spacing: -.24px;
font-size: 20px;
font-weight: 600;
line-height: 30px;
}
.heading-four-5.change-color-blue {
color: #5618ff;
}
.pricing-row-left-column {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
flex: 0 30%;
display: flex;
}
.pricing-row-left-column.chnage-opacity {
opacity: 0;
}
.pricing-row-left-column.blueprint-padding {
padding-left: 60px;
}
.pricing-plan-main-item {
z-index: 1;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.pricing-plan-item-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.pricing-plan-item-wrapper.yearly {
display: none;
}
.pricing-plan-price-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.pricing-plan-hover {
pointer-events: none;
display: flex;
position: absolute;
inset: 0%;
}
.pricing-plan {
background-color: #070616;
}
.pricing-plan-hover-right {
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.pricing-plan-hover-right._2-column {
grid-template-columns: 1fr 1fr;
}
.pricing-plan-plan-main {
background-color: var(--light-contrast);
padding: 80px 15px;
}
.pricing-plan-toggle-button {
grid-column-gap: 15px;
grid-row-gap: 15px;
cursor: pointer;
display: flex;
}
.checkout-button {
background-color: #3898ec00;
}
.checkout-button.button-font.change-padding-around {
padding-left: 40px;
padding-right: 40px;
}
.nav-one-cross {
position: absolute;
}
.nav-one-cross.change-color {
filter: invert();
}
.nav-three {
background-color: #ddd0;
}
.nav-three-click {
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.nav-three-cross {
position: absolute;
}
.chnage-color-grey-dark {
color: var(--body-text-dark);
}
.portfolio-details-button {
justify-content: flex-end;
align-items: flex-start;
padding-top: 20px;
display: flex;
}
.play-button {
z-index: 6;
clear: right;
background-color: var(--accent);
mix-blend-mode: normal;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: absolute;
}
.home-project-text {
padding-right: 20px;
}
.home-two-vedio {
width: 100%;
height: 100%;
}
.home-one-hero-main {
z-index: 10;
height: 100vh;
position: sticky;
top: 0;
}
.home-one-project-main {
justify-content: flex-end;
align-items: center;
display: flex;
position: absolute;
inset: 220px 15px 0% 0%;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-wrap.change-background-primary-color {
background-color: var(--background-color);
}
.utility-page-wrap.change-background-password-protect {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247e5_Password%20Protect%20Image.webp");
background-position: 50%;
background-size: cover;
padding-left: 15px;
padding-right: 15px;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-content.chnage-width {
justify-content: center;
align-items: center;
width: 100%;
}
.utility-page-content.chnage-width.change-max-width {
background-color: var(--secondary-color);
border-radius: 20px;
max-width: 600px;
padding: 60px 15px;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.utility-page-form.chnage-width {
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 427px;
}
.utility-page-heading {
padding-top: 40px;
}
.utility-page-paragraph {
max-width: 489px;
padding-top: 10px;
padding-bottom: 20px;
}
.lock-image {
margin-left: auto;
margin-right: auto;
}
.password-protect-heading {
max-width: 300px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
}
.password-protect-button {
justify-content: center;
align-items: center;
padding-top: 20px;
display: flex;
}
.landing-marquee-section {
background-color: var(--secondary-color);
display: none;
}
.landing-top-marquee {
background-color: #ffd6a5;
align-items: center;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
.landing-top-marquee.overflow-hidden {
background-color: var(--accent);
}
.landing-marquee-train {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex: none;
align-items: center;
padding-left: 25px;
}
.landing-marquee-text {
color: #0f1d33;
text-transform: uppercase;
font-size: .8125rem;
font-weight: 600;
line-height: 1.4375rem;
}
.border-radius-six {
border-radius: 6px;
}
.type-panel-two {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247f8_Landing%20Banner%20Image%20(1).webp");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 116px;
width: 116px;
height: 535px;
margin-bottom: 35px;
}
.landing-banner-container {
max-width: 1064px;
}
.landing-banner-image-wrapper {
position: relative;
}
.landing-banner-section {
background-color: #181825;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247fe_For%20glow%20(4).svg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto;
padding-left: 15px;
padding-right: 15px;
}
.landing-banner-section.overflow-hidden {
background-color: var(--secondary-color);
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.selector-panel {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247f7_Landing%20Banner%20Image%20(3).webp");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 211px;
width: 211px;
height: 191px;
}
.banner-left-panel {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: flex-end;
position: absolute;
inset: -52% auto auto -56%;
}
.page-panel {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce6247f1_Landing%20Banner%20Image%20(2).webp");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 319px;
width: 319px;
height: 495px;
margin-top: 60px;
}
.landing-banner-main-wrapper {
grid-row-gap: 50px;
align-items: center;
}
.about-image-wrapper {
border-top: 2px solid #fff3;
border-left: 2px solid #fff3;
border-right: 2px solid #fff3;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
}
.banner-right-panel-image-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: flex-end;
position: absolute;
inset: -35% -56% auto auto;
}
.landing-text {
align-items: center;
}
.landing-banner-content-wrapper {
padding-top: 160px;
}
.shop-screen {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624801_Mockup.webp");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 197px;
width: 197px;
height: 555px;
}
.nav-link-main {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
align-items: center;
margin-top: 8%;
margin-bottom: 8%;
text-decoration: none;
display: flex;
}
.landing-page-heading-wrapper {
max-width: 926px;
padding-bottom: 30px;
}
.text-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624631_Diamond.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.landing-page-query {
background-color: var(--secondary-color);
padding: 160px 15px;
}
.landing-page-query-main {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.landing-page-query-main.padding-bottom {
padding-bottom: 60px;
}
.landing-page-query-left {
max-width: 570px;
}
.landing-page-query-right {
grid-column-gap: 30px;
grid-row-gap: 30px;
max-width: 534px;
margin-top: 10px;
display: flex;
}
.landing-page-query-right.change-width {
max-width: 600px;
}
.landing-page-query-text {
padding-bottom: 10px;
display: flex;
}
.landing-page-query-plus {
background-color: var(--light);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-top: 10px;
display: flex;
}
.landing-page-query-paragraph {
max-width: 264px;
padding-bottom: 20px;
}
.homepage-text-wrapper {
flex: 0 60%;
padding-bottom: 40px;
position: relative;
overflow: hidden;
}
.overlay-line-wrapper {
position: absolute;
inset: 0%;
}
.heading-overlay {
background-color: #f2f2f2b3;
height: 3.75rem;
}
.home-page-text-main {
max-width: 950px;
}
.landing-home-page-section {
background-color: #efefef;
padding: 160px 15px;
}
.landing-home-subheading {
background-color: var(--light);
border: 1px solid #c2c2c2;
border-radius: 20px;
padding: 8px 20px 5px;
}
.landing-home-subheading.change-background-color {
background-color: #fff0;
}
.small-subheading {
color: var(--heading-color);
text-transform: uppercase;
font-family: Actionsans;
font-size: 17px;
font-weight: 500;
}
.small-subheading.change-color-white {
color: var(--light);
}
.landing-home-main-subheading {
padding-bottom: 20px;
display: flex;
}
.landing-home-container {
max-width: 1600px;
margin-left: auto;
margin-right: auto;
}
.landing-main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
display: flex;
}
.landing-main-wrapper.change-display {
grid-column-gap: 30px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 110px;
display: grid;
}
.landing-page-item {
width: 100%;
height: 100%;
}
.landing-page-item-image {
cursor: none;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.landing-page-item-image.change-style {
border: 1px solid #363636;
}
.landing-page-item-text {
padding-top: 30px;
}
.landing-inner-page {
background-color: var(--secondary-color);
padding: 100px 15px 160px;
overflow: hidden;
}
.landing-page-cta {
padding: 100px 15px;
position: relative;
}
.landing-pge-cta-wrapper {
background-color: #1c1c248f;
border-radius: 20px;
justify-content: space-between;
align-items: center;
padding: 40px 20px;
display: flex;
}
.landing-page-cta-left {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.landing-page-cta-paragraph {
max-width: 450px;
padding-top: 10px;
}
.change-color-green {
color: var(--accent);
}
.landing-page-cms {
background-color: var(--secondary-color);
padding-top: 160px;
padding-bottom: 160px;
}
.landing-page-cms-wrapper {
background-color: var(--light);
border-radius: 20px;
padding: 160px 15px;
}
.landing-page-cms-heading {
max-width: 658px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.landing-page-utility {
background-color: var(--secondary-color);
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
}
.landing-page-small-container {
max-width: 1050px;
margin-left: auto;
margin-right: auto;
}
.landing-page-utility-heading {
max-width: 642px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}
.landing-page-utility-paragraph {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
display: flex;
}
.landing-page-shop {
background-color: var(--secondary-color);
padding-bottom: 160px;
padding-left: 15px;
padding-right: 15px;
}
.landing-shop-main-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
}
.hover-style {
border-radius: 40px;
position: absolute;
inset: 34% auto auto 0%;
}
.cart-image-main {
position: absolute;
inset: 0% 0% auto auto;
}
.cart-image-main.border-radius-six {
border-radius: 6px;
}
.fit-cover {
object-fit: cover;
}
.fit-cover.shop-image {
object-position: 0% 50%;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.landing-shop-text-wrapper {
flex: 1;
}
.landing-shop-image-wrapper {
flex: 0 55.19%;
}
.shop-features {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: var(--heading-color);
border-radius: 2px;
align-items: center;
padding: 8px 17px;
}
.shop-image-wrapper {
flex: 0 55.19%;
padding: 50px 20px 90px;
position: relative;
}
.landing-shop-features-tag-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
}
.landing-product-image {
position: absolute;
inset: auto auto 0% 0%;
}
.landing-product-image.border-radius-six {
border-radius: 6px;
}
.shop-big-text {
color: #f1f1f1;
letter-spacing: -.8rem;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(93deg, #f1f1f1, #2f2f3666 39%, #1c1c241a);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: -77px;
font-family: Actionsans;
font-size: 220px;
font-weight: 400;
line-height: 225px;
}
.text-black {
color: #0f1d33;
}
.text-black.text-semibold {
font-weight: 400;
}
.text-black.text-semibold.text-small {
color: #c2c2c2;
}
.landing-page-shop-heading {
padding-bottom: 20px;
}
.landing-page-shop-paragraph {
padding-bottom: 40px;
}
.landing-page-footer {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce624840_CTA%20BG.webp");
background-position: 50%;
background-size: cover;
padding: 160px 15px;
position: relative;
}
.landing-page-footer-logo {
justify-content: center;
align-items: center;
padding-bottom: 40px;
display: flex;
}
.landing-page-footer-text {
max-width: 964px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.landing-page-footer-button {
justify-content: center;
align-items: center;
display: flex;
}
.landing-view-button {
z-index: 3;
background-color: var(--accent);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
transform: none;
}
.view-button-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.license-hero-main {
padding-left: 15px;
padding-right: 15px;
}
.main-container {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
}
.licensing-hero {
background-color: var(--background-color);
padding-top: 220px;
padding-bottom: 120px;
}
.license-page-paragraph {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.licencing-boxes.padding-top-twenty {
padding-top: 40px;
}
.background-video-new {
aspect-ratio: 2.39;
width: 100%;
height: auto;
}
.image-link-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.image-link-wrapper.margin-bottom-thirty {
flex-wrap: wrap;
margin-top: 20px;
margin-bottom: 30px;
}
.video-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-bottom: 20px;
display: flex;
}
.image-link {
color: #040404;
flex: none;
font-size: 1.125rem;
line-height: 1.875rem;
}
.licence-information-image-block {
margin-top: 50px;
margin-bottom: 40px;
}
.licencing-image-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
margin-bottom: 40px;
}
.licencing-section {
padding: 88px 15px 120px;
}
.changelog-section {
background-color: var(--secondary-color);
padding-top: 120px;
padding-bottom: 100px;
}
.margin-top-ten {
margin-top: 10px;
}
.style-guied-color {
background-color: #fff;
padding: 120px 15px;
}
.style-guied-color-wrapper {
background-color: var(--background-color);
border-radius: 50%;
width: 10.875rem;
height: 10.875rem;
}
.style-guied-color-wrapper.change-body-color {
background-color: var(--body-text-dark);
}
.style-guied-color-wrapper.change-body-color.change-color-sky-blue {
background-color: var(--secondary-color);
}
.style-guied-color-wrapper.change-color-green {
background-color: var(--accent);
}
.style-guied-color-option {
grid-column-gap: 300px;
grid-row-gap: 300px;
justify-content: center;
margin-top: -50px;
display: flex;
}
.style-guied-color-image {
justify-content: center;
display: flex;
}
.style-guied-color-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: center;
display: flex;
}
.style-guied-color-container {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.style-guied-typography-heading-five {
padding-top: 40px;
}
.div-block-1744 {
padding-top: 10px;
}
.style-guied-typography-heading-one {
padding-top: 20px;
}
.style-guied-typography-heading-four {
padding-top: 40px;
}
.style-guied-typography {
background-color: var(--secondary-color);
padding: 160px 15px 120px;
position: relative;
}
.style-guied-typography-container {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.style-guied-typography-heading-three {
padding-top: 40px;
}
.typography-heading-one-paragraph, .typography-heading-two-paragraph {
padding-top: 10px;
}
.style-guied-button {
padding-top: 40px;
display: flex;
}
.typography-heading-one-paragraph-two {
padding-top: 10px;
}
.style-guied-typography-heading-six, .style-guied-typography-list-style {
padding-top: 40px;
}
.div-block-1440, .style-guide-typography-button {
padding-top: 20px;
}
.style-guied-typography-heading-two {
padding-top: 30px;
}
.chnage-heading-color {
color: var(--heading-color);
}
.imagery, .vedio-graphy, .link-block {
padding-bottom: 20px;
}
.chnage-color-white.text-align-center.chnage-color-grey {
color: #c2c2c2;
}
.blog-coma {
padding-right: 10px;
}
.opacity-off {
opacity: 0;
}
.opacity-off.change-position {
position: absolute;
inset: 0%;
}
.landing-footer-bottom {
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
inset: auto 0% 0%;
}
.landing-page-footer-bottom-main {
justify-content: space-between;
align-items: center;
display: flex;
}
.landing-page-bottom-right {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
display: flex;
}
.hover {
transition: all .2s;
}
.hover:hover {
color: var(--accent);
}
.bold-text {
font-weight: 500;
}
.landing-hero-paragraph {
max-width: 700px;
padding-bottom: 20px;
}
.change-font-style {
font-weight: 400;
}
.landing-page-diamond {
display: none;
}
.landing-page-cta-background {
position: absolute;
inset: 0%;
}
.block-header-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.button-one {
z-index: 10;
text-transform: capitalize;
background-color: #6b37ff;
border-radius: 60px;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
margin-bottom: 0;
padding: 0 35px;
transition: background-color .4s;
display: flex;
position: relative;
}
.button-one:hover {
background-color: #00000d;
}
.section-container {
max-width: 1290px;
margin-left: auto;
margin-right: auto;
}
.cta-customization-card-one {
text-align: center;
background-image: linear-gradient(#00000d 38%, #6833ff87);
border: 1px solid #484848;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 30px;
}
.customization-offer-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
}
.library-preview {
width: 100%;
}
.button-border-effect {
z-index: 1;
background-image: linear-gradient(90deg, #fe4d581a, #6b37ff 50%, #b264f31a);
width: 50%;
height: 900%;
position: absolute;
}
.cta-customization-card-two {
width: 100%;
padding-top: 30px;
}
.customization-offer {
padding-left: 15px;
padding-right: 15px;
}
.icon-box {
background-color: #6b37ff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 85px;
height: 85px;
margin-bottom: 20px;
}
.cta-customization-heading-two {
max-width: 465px;
}
.spacial-card-v3-main {
background-color: #111115;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 452px;
padding: 45px;
}
.spacial-card-v2 {
background-color: var(--secondary-color);
text-align: center;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
padding: 40px 30px 30px;
}
.cta-customization-heading {
max-width: 300px;
}
.button-wrapper-one {
border-radius: 60px;
justify-content: center;
align-items: center;
min-width: 148px;
padding: 2px;
display: flex;
position: relative;
overflow: hidden;
}
.body {
background-color: var(--light);
}
.heading {
font-family: Ivy Presto, Georgia, sans-serif;
font-weight: 400;
}
.paragraph {
color: var(--body-text-dark);
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 18px;
font-weight: 200;
line-height: 30px;
}
.paragraph.big {
font-size: 22px;
}
.paragraph.big.light {
color: var(--body-text-light);
}
.list {
font-family: halyard-text-variable;
}
.max-width-full {
width: 100%;
}
.background-video-3 {
z-index: 1;
}
.is--black {
color: var(--heading-color);
font-weight: 500;
}
.btn-title-text-white {
color: #fff;
width: 100%;
height: 100%;
}
.btn-title-text-white:hover {
color: #c1121f;
}
.nav-bg-cover {
opacity: 0;
background-color: #f2fbfc;
border: 1px solid #afafaf4d;
border-radius: 12px;
width: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.logo-outdoor-mobile {
padding-left: 0;
display: none;
}
.nav-intro-item {
color: var(--heading-color);
text-transform: capitalize;
font-size: 16px;
font-weight: 300;
}
.nav-fixed-menu {
z-index: 900;
background-color: #0000;
height: auto;
margin-top: .625rem;
margin-left: .625rem;
margin-right: .625rem;
position: fixed;
inset: 0% 0% auto;
overflow: visible;
}
.nav-fixed-menu.is--funnel {
background-color: var(--white);
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 10px 18px;
position: fixed;
}
.nav-menu-shadow-overlay-4 {
align-items: center;
display: flex;
}
.nan-line {
background-color: #004349;
width: 100%;
height: 1px;
position: absolute;
top: auto;
bottom: auto;
}
.menu-item-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.tablet-menu-4 {
display: none;
}
.clip-3 {
z-index: 10;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.nav-text-wrap {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.logo-outdoor {
width: auto;
height: 35px;
}
.btn-banner-text:hover {
color: #004349;
}
.btn-banner-text.button-text-bottom {
position: absolute;
bottom: -100%;
}
.nav-menu-3 {
text-align: right;
justify-content: center;
align-items: center;
display: flex;
}
.brand-logo {
padding-left: 0;
position: relative;
}
.brand-logo:hover {
opacity: 1;
}
.brand-logo.w--current {
transition-property: opacity;
}
.brand-logo.w--current:hover {
opacity: 1;
}
.nav-hero-container {
z-index: 100;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.header-link-item {
background-color: #0000;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding: 22px 10px;
transition: all .5s;
display: flex;
}
.header-link-item.w--open:hover {
color: #a8a4a4;
text-decoration: none;
}
.dropdown-menu-3 {
z-index: 0;
justify-content: space-between;
align-items: center;
display: flex;
}
.icon-top-2 {
width: 12px;
height: 12px;
transform: rotate(-45deg);
}
.primary-dark-button {
z-index: 100;
grid-column-gap: 5px;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
-webkit-text-fill-color: inherit;
background-color: #66b5bc;
background-image: none;
background-clip: border-box;
border: 1px solid #66b5bc;
border-radius: 100px;
justify-content: center;
height: auto;
min-height: 45px;
max-height: 45px;
padding: 15px 20px;
font-size: 12px;
line-height: 1em;
transition-duration: .35s;
display: flex;
position: relative;
}
.primary-dark-button:hover {
background-color: #004349;
border-color: #004349;
}
.right-header-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.login-tablet-wrap-2 {
grid-column-gap: 30px;
justify-content: space-between;
margin-left: 30px;
display: none;
}
.button-icon {
justify-content: center;
align-items: center;
padding: 2px;
display: flex;
}
.button-icon.button-icon-bottom {
position: absolute;
bottom: -100%;
left: -100%;
}
.primary-dark-button-3 {
z-index: 100;
grid-column-gap: 5px;
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
-webkit-text-fill-color: inherit;
background-color: #c1121f;
background-image: none;
background-clip: border-box;
border: 1px #c1121f;
border-radius: 100px;
justify-content: center;
height: auto;
min-height: 45px;
max-height: 45px;
padding: 15px 20px;
font-size: 12px;
line-height: 1em;
transition-duration: .35s;
display: flex;
position: relative;
}
.primary-dark-button-3:hover {
color: #c1121f;
background-color: #fff;
border-style: solid;
border-color: #c1121f;
}
.border-wrap-3 {
display: flex;
}
.button-hero-wrapper {
flex: none;
}
.button-hero-wrapper:hover {
box-shadow: 0 0 10px #ffffff1a;
}
.is--white {
color: var(--white);
-webkit-text-stroke-width: 0px;
font-family: Halyard Text, Tahoma, sans-serif;
}
.wrapper__funnel-video {
z-index: 100;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
border: 1px #afafaf4d;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: space-between center;
align-items: center;
width: 100%;
padding: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.landing-page-video {
z-index: 15;
border: 0 #000;
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.h6-hero-title {
margin-top: 0;
margin-bottom: 0;
}
.h6-hero-title.is--subheading {
letter-spacing: .3px;
text-transform: none;
text-shadow: none;
margin-bottom: 20px;
font-style: normal;
font-weight: 900;
}
.h6-hero-title.is--subheading.is--red-white-stroke {
z-index: 10;
background-color: var(--background-color);
color: #fff;
letter-spacing: normal;
-webkit-text-stroke-color: white;
text-shadow: none;
border-radius: 50px;
margin-bottom: -20px;
padding: 8px 20px;
font-family: halyard-micro;
font-weight: 700;
display: block;
position: relative;
}
.home-2-banner {
text-align: center;
background-color: #fff;
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-top: 110px;
padding-bottom: .625rem;
display: flex;
position: relative;
}
.statistic-line {
display: none;
}
.section-container-2 {
justify-content: space-between;
width: 100%;
padding-top: 160px;
padding-bottom: 60px;
display: flex;
}
.section-container-2.is--funnel {
padding-top: 0;
padding-bottom: 60px;
}
.wrapper__split {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.video-1-overlay {
z-index: 5;
filter: hue-rotate(355deg) saturate(150%);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
text-align: center;
background-color: #00444926;
background-image: linear-gradient(#3a83816b, #fff0 51%, #fff 85%);
flex-direction: row;
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
inset: 0%;
}
.large-base-container {
z-index: 5;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.statistiv-text {
text-align: center;
height: 50px;
margin-top: 0;
margin-bottom: 0;
}
.wrapper__video-hero {
background-color: #fff;
border-radius: 15px;
max-width: 1080px;
}
.wrapper__funnel-header {
text-align: center;
-webkit-text-stroke-width: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1080px;
margin-top: 0;
display: flex;
}
.banner-1-video {
z-index: 1;
object-fit: cover;
object-position: 50% 50%;
border-bottom: 0 #000;
border-radius: 12px;
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
overflow: hidden;
}
.padding-horizontal {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.padding-horizontal.padding-home-2 {
padding-left: .625rem;
padding-right: .625rem;
}
.home-2-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 12px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center end;
position: relative;
overflow: hidden;
}
.text--sub-video {
color: var(--heading-color);
font-family: halyard-text;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2rem;
}
.number-large-circle {
background-color: #2eb1bd;
border: 1px solid #afafaf4d;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: 3px;
display: flex;
position: absolute;
inset: 60% 6% auto 9px;
}
.hero-home-background {
z-index: 15;
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 30px;
display: flex;
position: relative;
overflow: hidden;
}
.funnel__colour-block {
border-radius: 15px;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 0 10px;
display: flex;
}
.vimeo_embed {
width: 100%;
height: 100%;
}
.heading--funnel {
color: var(--orange);
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: var(--light);
text-transform: none;
text-shadow: 1px 1px 1px #00000080;
margin-top: 0;
margin-bottom: 0;
font-family: halyard-display;
font-size: 5rem;
font-weight: 700;
line-height: 4.5rem;
}
.margin {
margin-top: 0;
margin-bottom: 0;
}
.margin.is--caps {
text-transform: uppercase;
font-size: 1.8rem;
line-height: 30px;
}
.is--thin {
font-weight: 400;
}
.auto-fit-video-dim {
filter: brightness(74%);
vertical-align: baseline;
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
}
.funnel--video {
vertical-align: baseline;
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
}
.is--blue {
color: var(--accent);
}
.is--blue.is--ivy {
font-family: ivypresto-display;
font-style: normal;
}
.shapes {
margin-top: 25px;
margin-left: -.8em;
}
.categories-link-text-dark {
z-index: 2;
letter-spacing: .05em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 1.6em;
position: relative;
}
.categories-border-gray {
z-index: 1;
opacity: .35;
background-color: #ffffff1a;
border-radius: 100vw;
position: absolute;
inset: 0%;
}
.radio-btn-link {
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
border-radius: 100vw;
margin: 1px;
padding: 15px 30px;
position: relative;
overflow: hidden;
}
.btn-shop-text.button-text-bottom {
position: absolute;
bottom: -100%;
}
.radio-btn-wrap {
cursor: pointer;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.radio-button {
z-index: 90;
cursor: pointer;
background-color: #f0644600;
border-width: 1px;
border-color: #afafaf4d;
border-radius: 100px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
}
.radio-button.w--redirected-checked {
background-color: #f0644600;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-width: 2px;
border-color: #66b5bc;
}
.radio-button.w--redirected-focus {
border-color: #66b5bc;
box-shadow: 0 0 6px 1px #63ab4433;
}
.radio-button.w--redirected-focus-visible {
border-color: #66b5bc;
}
.link_container {
padding: .8em;
display: inline-block;
}
.service-two-service-item-image-copy {
border-radius: 25px;
width: 500px;
height: 500px;
margin: 20px;
padding: 0;
overflow: hidden;
}
.is--center {
justify-content: center;
align-items: center;
display: flex;
}
.is--marquee-heading {
color: var(--body-text-dark);
text-transform: uppercase;
font-size: 1rem;
font-weight: 400;
}
.left-dot-wrapper {
justify-content: flex-start;
display: flex;
}
.feedback-hero-wrap {
display: flex;
}
.flex-about-us-wrap {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: auto 38%;
grid-auto-columns: 1fr;
place-content: space-between;
place-items: start stretch;
width: 100%;
display: grid;
}
.top-contact-us-content {
flex-direction: column;
justify-content: center;
display: flex;
}
.contact-us-description {
color: var(--heading-color);
text-align: right;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-weight: 300;
display: block;
}
.base-hero-container {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
padding-bottom: 100px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.feedback-photo {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67eca3e44092602e82391ba0_Team%201.webp");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
margin: 4px;
position: absolute;
inset: 0%;
}
.feedback-photo.photo-5 {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67eca3e44092602e82391b99_Team%202.webp");
background-position: 50% 0;
}
.feedback-photo.photo-2 {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67eca3e44092602e82391ba7_Team%204.webp");
background-position: 50% 0;
}
.feedback-photo.photo-3 {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67eca3e44092602e82391bae_Team%205.webp");
background-position: 50% 0;
}
.small-dots {
background-color: var(--accent);
border-radius: 1000rem;
width: 5px;
height: 5px;
overflow: hidden;
}
.flex-intro-description {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
display: flex;
}
.top-contact-us-con {
grid-column-gap: 32px;
justify-content: flex-end;
align-items: center;
width: 98%;
display: flex;
position: relative;
}
.small-white-ava {
background-color: #fff;
border-radius: 100%;
width: 60px;
height: 60px;
margin-left: -20px;
position: relative;
}
.small-ava-wrap {
align-items: center;
padding-left: 20px;
display: flex;
}
.dot-index-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.scroll-line {
background-color: #afafaf4d;
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
}
.line-wrap {
width: 100%;
height: 1px;
position: relative;
}
.is--blue-span {
background-color: var(--accent);
color: var(--heading-color);
border-radius: 50px;
padding: 8px 20px;
font-weight: 500;
}
.is--bold {
font-weight: 700;
}
.italic-text.is--funnel {
text-shadow: 1px 1px 1px #00000080;
}
.is--yellow-span {
background-color: var(--black);
color: var(--light);
border-radius: 20px;
padding-left: 15px;
padding-right: 15px;
}
.is--yellow {
color: var(--orange);
}
.margin-top-negative {
z-index: 99;
background-color: var(--white);
margin-top: -30px;
position: relative;
}
.max-vw {
width: 100%;
}
.is--underline {
text-decoration: underline;
-webkit-text-decoration-color: var(--accent);
text-decoration-color: var(--accent);
text-decoration-thickness: 2px;
}
.success-message {
background-color: var(--orange);
border-radius: 15px;
}
.menu-links-wrap {
overflow: hidden;
}
.navigation-label-mobile {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
display: none;
}
.nav-right {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-left: 1px solid #16231b29;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 50px;
display: flex;
}
.nav-right.light {
border-left-color: #ffffff29;
}
.navigation-exand-icon-wrap {
justify-content: center;
align-items: center;
width: 14px;
height: 14px;
display: flex;
position: relative;
}
.menu-cta-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.menu-cta-wrap.centered {
justify-content: center;
align-items: center;
}
.navigation-icon-line-horizontal {
background-color: #16231b;
width: 14px;
height: 2px;
}
.nav-dropdown-list.w--open {
z-index: 10043;
background-color: #0000;
margin-top: 0;
padding-top: 24px;
}
.multi-layout-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
padding: 16px 20px 16px 12px;
transition: background-color .2s;
display: flex;
}
.navbar-master {
z-index: 999;
perspective-origin: 50% 0;
transform-origin: 50% 0;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.navbar-master.sticky-nav {
background-color: var(--white);
}
.nav-menu-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.mega-menu-wrap {
background-color: var(--light);
transform-origin: 50% 0;
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
}
.megs-menu-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.navbar {
z-index: 100;
background-color: #0000;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.multi-layout-right {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.menu-page-image {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
width: 100%;
}
.brand-link-navbar {
height: 32px;
}
.menu-cta-mobile {
display: none;
}
.label-2.text-semi-light {
color: var(--light-contrast);
}
.navigation-icon-line-vertical {
background-color: #16231b;
width: 2px;
height: 14px;
position: absolute;
}
.menu-bottom-tile {
display: none;
}
.text-small {
color: var(--body-text-dark);
letter-spacing: .01rem;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
line-height: 142%;
}
.text-small.opacity-50 {
color: var(--body-text-dark);
}
.text-small.is--white {
color: var(--light);
}
.nav-link {
color: var(--heading-color);
padding: 0;
font-size: 14px;
font-weight: 300;
transition: color .35s;
}
.nav-link:hover {
color: var(--orange);
}
.nav-link.w--current {
color: var(--accent-dark);
}
.nav-link.light {
color: var(--white);
}
.nav-link.light:hover {
color: var(--orange);
}
.nav-link.light.w--current {
color: var(--accent);
}
.icon-multi-layout {
width: 20px;
height: 20px;
}
.nav-small-dropdown {
display: none;
}
.nav-menu-4 {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
display: flex;
}
.link-multi-layout {
color: #16231b99;
font-size: 14px;
line-height: 150%;
}
.link-multi-layout:hover {
color: #16231b;
text-decoration: underline;
}
.navigation-link-wrap {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-color: #f9f5eb;
flex-flow: column;
display: flex;
}
.nav-dropdown {
display: none;
}
.dropdown-list-inner {
transform-origin: 50% 0;
background-color: #f9f5eb;
border: 1px solid #16231b29;
border-radius: 8px;
padding: 24px;
}
.nav-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-right: 1px solid #16231b29;
justify-content: flex-start;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 60px;
display: flex;
}
.nav-left.light {
border-right-color: #ffffff29;
}
.menu-divider {
display: none;
}
.menu-column {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.dropdown-toggle-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
padding: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
display: flex;
}
.cta-small {
color: #f9f5eb;
background-color: #16231b;
border-radius: 8px;
justify-content: space-between;
align-items: center;
height: 32px;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
line-height: 142%;
display: flex;
}
.navbar-bottom-line {
z-index: 999;
background-color: #16231b29;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% -1px;
}
.navbar-bottom-line.light {
background-color: #ffffff29;
}
.mega-menu-halves {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: space-between;
align-items: flex-start;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: flex;
}
.text-underline {
text-decoration: underline;
}
.text-body {
color: var(--body-text-dark);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 150%;
}
.text-body.medium {
font-weight: 500;
}
.text-body.is--white, .text-body.end-tier-comparison {
color: var(--body-text-light);
}
.navigation-link-hover-wrap {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
align-items: center;
padding: 4px 8px;
transition: color .5s;
display: flex;
}
.navigation-link-hover-wrap:hover {
flex: 1;
}
.navigation-link-hover-wrap.light {
color: var(--light);
}
.menu-page-bottom-tile {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.multi-layout-link-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.menu-link {
color: var(--heading-color);
border-radius: 8px;
padding: 4px 16px 4px 8px;
font-size: 16px;
font-weight: 500;
line-height: 150%;
transition: background-color .2s;
}
.menu-link:hover {
background-color: #ece7d9;
}
.dropdown-list {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000;
}
.dropdown-list.w--open {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1800px;
margin-top: 45px;
padding-top: 50px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.menu-links-column {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.menu-page-wrap {
background-color: #ece7d9;
border-radius: 8px;
justify-content: space-between;
align-items: flex-end;
width: 304px;
height: 180px;
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.navigation-label-desktop {
border: 1px solid #16231b29;
border-radius: 24px;
padding: 4px 16px;
}
.mega-menu-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1000px;
display: flex;
}
.brand-navbar {
height: 100%;
}
.brand-navbar.dark {
display: none;
}
.nav-menu-5 {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
display: none;
}
.dropdown-toggle-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
padding: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
display: flex;
}
.home-a-top-title {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
display: flex;
}
.cta-main {
color: #f9f5eb;
text-align: center;
cursor: pointer;
background-color: #16231b;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
transition: background-color .2s, color .2s;
display: flex;
overflow: hidden;
}
.cta-main.small {
padding: 8px 16px;
font-size: 14px;
line-height: 142%;
}
.cta-main.blured {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #ffffff29;
}
.cta-main.light {
color: #16231b;
background-color: #f9f5eb;
}
.cta-main.bg-color {
color: #16231b;
background-color: #ece7d9;
}
.main-container-2 {
z-index: 3;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 90px;
position: relative;
}
.main-container-2.static-container {
position: static;
}
.home-a-button-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.home-a-hero-maser {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.hide {
margin-bottom: -15px;
padding-bottom: 20px;
overflow: hidden;
}
.home-a-video {
z-index: 1;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
padding-top: 97px;
padding-bottom: 80px;
display: flex;
position: relative;
}
.home-a-small-video {
z-index: 4;
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--orange);
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
text-align: center;
border-radius: 8px;
flex-flow: column;
width: 300px;
padding: 8px;
display: flex;
position: absolute;
bottom: 24px;
right: 24px;
overflow: hidden;
}
.text-h2 {
color: var(--white);
letter-spacing: 0;
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 56px;
font-weight: 300;
line-height: 110%;
}
.text-h2.is--faq {
font-family: halyard-display;
font-size: 32px;
font-weight: 400;
}
.headline-home-a {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.heading-home-a {
grid-column-gap: 8px;
grid-row-gap: 0px;
flex-flow: wrap;
max-width: 640px;
display: flex;
}
.lightbox-home-a {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/681d27d53f920f2f4f807940_Blueprint%20for%20Success%20-%20Intro-low.gif");
background-position: 0 0;
background-size: cover;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
height: 160px;
display: flex;
overflow: hidden;
}
.lightbox-home-a.is--about {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/681e4b3b8696bf4d4084d31a_The%20Exposure%20Story-low.gif");
}
.section-2 {
z-index: 1;
background-color: var(--light-contrast);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-2.hero-home-a {
color: #f9f5eb;
justify-content: flex-start;
align-items: flex-end;
height: 100svh;
margin-bottom: -100vh;
padding-top: 0;
padding-bottom: 0;
position: sticky;
top: 0;
}
.section-2.home-a-column-section {
border-bottom: 1px solid #16231b29;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-top: 0;
padding-bottom: 0;
}
.section-2.hero-home-a-flex {
color: #f9f5eb;
justify-content: flex-start;
align-items: flex-end;
height: 100svh;
margin-bottom: -100vh;
padding-top: 0;
padding-bottom: 0;
position: sticky;
top: 0;
}
.home-a-play-button {
opacity: .94;
border-radius: 100vw;
width: 40px;
height: 40px;
}
.section-spacer {
height: 100vh;
}
.home-a-gradient-overlay {
background-image: linear-gradient(180deg, var(--background-color), var(--transparent) 15%, var(--transparent) 60%, var(--background-color) 91%);
opacity: .4;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.home-a-gradient-overlay.layer {
z-index: 2;
}
.home-a-about-columns {
display: flex;
}
.master-marquees {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
position: relative;
overflow: hidden;
}
.marquee-shadow-light {
z-index: 1;
background-image: linear-gradient(90deg, #fff0, var(--light-contrast));
width: 40px;
position: absolute;
inset: 0% 0% 0% auto;
}
.marquee-shadow-light.left {
background-image: linear-gradient(90deg, var(--light-contrast), #fff0);
inset: 0% auto 0% 0%;
}
.marquee-shadow-light.blueprint {
background-image: linear-gradient(90deg, #fff0, var(--light));
}
.marquee-shadow-light.blueprint.left {
background-image: linear-gradient(270deg, #fff0, var(--light));
}
.home-a-about-column {
padding-top: 64px;
padding-bottom: 64px;
}
.home-a-about-column.right {
padding-left: 64px;
}
.home-a-about-column.left {
border-right: 1px solid #16231b29;
padding-right: 75px;
}
.text-h5 {
text-align: left;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-size: 28px;
line-height: 116.6%;
}
.label-tile {
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-a-logos-master {
grid-column-gap: 65px;
grid-row-gap: 65px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.label-master {
grid-column-gap: 16px;
grid-row-gap: 16px;
letter-spacing: .08em;
text-transform: uppercase;
border-style: solid;
border-width: 1px;
border-radius: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 4px 16px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.label-master.light {
border-color: var(--light);
color: var(--light);
font-family: Halyard Display, Tahoma, sans-serif;
font-weight: 400;
}
.cta-top-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-h1 {
z-index: 1;
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 88px;
font-weight: 400;
line-height: 90%;
}
.text-h1.is--white {
font-weight: 300;
}
.cta-video {
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.cta-master {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 649px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cta-overlay {
background-color: #08171799;
position: absolute;
inset: 0%;
}
.section-3 {
z-index: 1;
background-color: var(--light);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-3.cta-section {
color: #f9f5eb;
padding-top: 0;
padding-bottom: 0;
}
.section-3.hero-pricing {
background-color: var(--light-contrast);
padding-top: 128px;
padding-bottom: 128px;
}
.section-3.hero-blog {
background-color: var(--light);
padding-top: 144px;
padding-bottom: 30px;
}
.cta-gradient {
background-image: linear-gradient(0deg, var(--background-color), #fff0);
height: 146px;
position: absolute;
inset: auto 0% 0%;
}
.text-field {
color: #16231b;
background-color: #ffffff29;
border: 1px solid #16231b29;
border-radius: 8px;
width: 100%;
height: 48px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 16px;
font-weight: 400;
}
.text-field:focus {
border-color: #16231b;
}
.text-field::placeholder {
color: #16231b99;
}
.text-field.newsletter {
color: #f9f5eb;
}
.text-field.newsletter::placeholder {
color: #fff9;
}
.text-field.text-area {
height: 169px;
}
.footer-link {
color: #f9f5eb;
letter-spacing: -.03em;
font-size: 14px;
font-weight: 400;
line-height: 140%;
transition: color .5s;
}
.footer-link:hover {
color: var(--orange);
}
.footer-link.w--current {
color: var(--accent);
}
.error-message-2 {
color: #fffdfa;
background-color: #ff5353;
border-radius: 16px;
}
.footer-right {
grid-column-gap: 107px;
grid-row-gap: 107px;
padding-right: 75px;
display: flex;
}
.success-message-newsletter {
color: #f9f5eb;
text-align: center;
background-color: #16231b;
border-radius: 8px;
max-width: 400px;
}
.footer-bottom-message {
padding-top: 32px;
}
.submit-button-2 {
background-color: #0000;
padding-right: 0;
position: absolute;
inset: 0%;
}
.footer-logo-big {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 150px;
margin-bottom: 200px;
font-family: ivypresto-display;
font-size: 100%;
display: flex;
}
.submit-button-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0% 16px 0% auto;
}
.footer-last-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: center;
justify-content: space-between;
align-items: center;
display: flex;
}
.newsletter-form-block {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.footer {
z-index: 1;
background-color: var(--background-color);
color: #f9f5eb;
margin-left: auto;
margin-right: auto;
padding: 64px 32px 32px;
position: relative;
overflow: hidden;
}
.cta-arrow {
justify-content: flex-start;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.newsletter-field-master {
max-width: 304px;
position: relative;
}
.footer-column {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-flow: column;
flex: none;
display: flex;
}
.footer-rights-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.footer-bottom-tile {
border-top: 1px solid #ffffff29;
border-bottom: 1px solid #ffffff29;
padding-top: 32px;
padding-bottom: 32px;
}
.newsletter-form-top {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.newsletter-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.footer-bottom-wrap {
z-index: 1;
position: relative;
}
.footer-links-column-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.footer-halves-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr;
display: grid;
}
.tab-link-pricing {
background-color: #0000;
border-radius: 32px;
padding: 4px 16px;
}
.tab-link-pricing.w--current {
background-color: var(--orange);
}
.headline-pricing {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 640px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
font-family: ivypresto-display;
display: flex;
}
.product-thirds {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tabs-content-pricing {
width: 100%;
overflow: visible;
}
.pricing-tabs {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.no-margins {
margin-top: 0;
margin-bottom: 0;
}
.tab-menu-pricing {
background-color: #ece7d9;
border-radius: 32px;
margin-bottom: 64px;
padding: 2px;
}
.price-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.tick {
color: var(--black);
justify-content: center;
align-items: center;
width: 13px;
display: flex;
}
.tick.contrast {
width: 17px;
}
.text-h3 {
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 40px;
font-weight: 300;
line-height: 110%;
}
.text-h3.is--faq {
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 24px;
font-weight: 500;
}
.section-divider {
border-bottom: 1px solid #16231b29;
width: 100%;
height: 0;
margin-right: auto;
}
.section-divider.plan-divider-2 {
border-bottom-style: solid;
border-bottom-color: #16231b29;
margin-bottom: 16px;
}
.section-divider.plan-divider {
border-bottom-style: solid;
border-bottom-color: #16231b29;
}
.section-divider.plan-divider.is--contrast {
border: 1px solid var(--body-text-dark);
}
.section-divider.career-descrption, .section-divider.blog-divider {
margin-bottom: 32px;
}
.section-divider.article-divider {
border-bottom-style: solid;
border-bottom-color: #16231b29;
margin-bottom: 64px;
}
.section-divider.article-divider-2 {
margin-top: 160px;
}
.section-divider.home-a-features {
margin-bottom: 64px;
}
.plan-button-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
margin-top: -8px;
display: flex;
}
.plan-title {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.plan-title.is--contrast {
color: var(--white);
}
.plan-header {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.check-icon-wrap {
background-color: var(--accent);
color: #16231b99;
border-radius: 8px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
overflow: hidden;
}
.check-icon-wrap.no {
background-color: var(--red);
}
.check-icon-wrap.no.mobile {
display: none;
}
.check-icon-wrap.yes {
background-color: var(--green);
}
.check-icon-wrap.yes.large.mobile {
display: none;
}
.text-h6 {
letter-spacing: -.01em;
font-size: 20px;
font-weight: 400;
line-height: 100%;
}
.plan-name-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.pricing-card {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: var(--white);
text-align: left;
border-radius: 16px;
flex-direction: column;
height: 100%;
padding: 40px;
transition: all .3s;
display: flex;
}
.pricing-card:hover {
transform: scale(1.05);
}
.pricing-card.last {
background-color: var(--background-color);
color: var(--light);
}
.check-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.check-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.plan-bottom-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.icon-plan {
width: 20px;
}
.icon-plan.mobile {
display: none;
}
.text-h4 {
font-size: 32px;
font-weight: 300;
line-height: 100%;
}
.expandable-single {
cursor: pointer;
border-bottom: 1px solid #16231b29;
padding-top: 24px;
padding-bottom: 24px;
}
.body-2 {
background-color: var(--white);
}
.headline-blog {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 80px;
display: flex;
}
.label-3 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.image-wrap-blog {
border-radius: 8px;
width: 100%;
max-height: 240px;
position: relative;
overflow: hidden;
}
.image-wrap-blog.pinned {
min-height: 40vh;
max-height: none;
}
.article-info-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--heading-color);
flex-direction: column;
display: flex;
}
.article-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--heading-color);
flex-direction: column;
width: 100%;
display: flex;
}
.article-tile.pinned {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.article-category-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-cover {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.heading-14 {
color: var(--heading-color);
font-family: Ivy Presto, Georgia, sans-serif;
font-weight: 300;
}
.pricing-onboarding {
background-color: var(--heading-color);
color: var(--light);
letter-spacing: 0;
white-space: nowrap;
border-radius: 20px;
padding-left: 12px;
padding-right: 12px;
font-family: halyard-text;
font-size: 15px;
font-style: italic;
font-weight: 400;
}
.pricing-onboarding.is--contrast {
background-color: var(--light);
color: var(--body-text-dark);
}
.marquee-shadow-light-2 {
z-index: 3;
background-image: linear-gradient(90deg, #fff0, #f9f5eb);
width: 40px;
position: absolute;
inset: 0% 0% 0% auto;
}
.marquee-shadow-light-2.left {
background-image: linear-gradient(90deg, #f9f5eb, #fff0);
inset: 0% auto 0% 0%;
}
.marquee-shadow-light-2.left.light {
background-image: linear-gradient(90deg, var(--light), #fff0);
}
.marquee-shadow-light-2.light {
background-image: linear-gradient(90deg, #fff0, var(--light));
}
.section-4 {
z-index: 1;
background-color: var(--light-contrast);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-4.home-a-testimonials-section {
background-color: var(--light);
border-bottom: 1px solid #16231b29;
padding-top: 120px;
padding-bottom: 120px;
}
.section-4.testimonial-section {
background-color: var(--background-color);
color: var(--light);
padding-top: 120px;
padding-bottom: 120px;
}
.section-4.home-c-tabs-section {
background-color: var(--light-contrast);
}
.section-4.home-b-hero {
background-color: var(--background-color);
color: #f9f5eb;
padding-top: 128px;
padding-bottom: 0;
}
.section-4.home-b-blogs-section {
background-color: var(--light);
border-bottom: 1px solid #16231b29;
padding-top: 40px;
padding-bottom: 40px;
}
.section-4.home-b-blogs-section.is--contrast {
background-color: var(--light-contrast);
}
.section-4.home-b-about-section {
background-color: var(--light-contrast);
padding-top: 160px;
padding-bottom: 160px;
}
.section-4.hero-careers {
background-color: var(--light-contrast);
padding-top: 128px;
padding-bottom: 0;
}
.strategic-value-comparison-main {
z-index: 1;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.headline-home-a-story {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 80px;
display: flex;
}
.testimonial-card {
grid-column-gap: 40px;
grid-row-gap: 40px;
color: #fff;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680fc0229357a50041cbb9ca_680fb629e86cef90bb989632_Subtract%20Dark.avif");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 416px 560px;
border-radius: 8px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 560px;
padding: 40px;
display: flex;
position: relative;
}
.testimonial-card.white-card {
color: #07171f;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68100989a2be3828b53aae7c_680fb629e86cef90bb989632_Light.avif");
}
.main-container-3 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.testimonial-author {
border-radius: 8px;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
overflow: hidden;
}
.testimonial-video {
border-radius: 8px;
width: 100%;
height: 100%;
max-height: 560px;
overflow: hidden;
}
.testimonial-text {
z-index: 1;
position: relative;
}
.label-5 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.testimonial-info {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
position: relative;
}
.testimonial-card-bg {
background-color: var(--background-color);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
width: 30%;
position: absolute;
inset: 0% auto 0% 0%;
}
.testimonial-card-bg.light {
background-color: var(--light-contrast);
}
.text-h5-4 {
letter-spacing: -.03em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-size: 24px;
font-weight: 400;
line-height: 116.6%;
}
.text-h0-2 {
letter-spacing: -.02em;
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 112px;
font-weight: 400;
line-height: 93%;
}
.testimonial-thirds {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.testimonial-halves {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
}
.testimonial-halves.swap {
grid-template-columns: 1fr .7fr;
}
.testimonial-image-wrap {
border-radius: 8px;
height: 800px;
position: relative;
overflow: hidden;
}
.main-container-5 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.testimonial-text-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.label-6 {
letter-spacing: .1em;
text-transform: uppercase;
font-size: 12px;
line-height: 16px;
}
.testimonial-right-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 90%;
display: flex;
}
.testimonial-image-mask {
background-color: #f8f7f5;
position: absolute;
inset: auto 0% 0%;
}
.author-name-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.tab-top-tile {
z-index: 2;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: auto;
display: flex;
position: relative;
}
.main-container-6 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.expanable-tab-expand-content {
opacity: 0;
color: #f9f5eb;
border-radius: 8px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 40px;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.tab-b-text-wrap {
z-index: 2;
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.headline-expandable-tabs {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 80px;
display: flex;
}
.expandable-rotated-title {
white-space: nowrap;
flex-flow: column;
margin-right: -24px;
position: absolute;
top: -56px;
left: 0%;
right: 80px;
transform: rotate(-90deg);
}
.icon-tab {
width: 32px;
}
.expandable-tabs {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-rotate {
transform: rotate(-90deg);
}
.text-h5-5 {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 116.6%;
}
.tab-b-image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.expandable-title-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
flex: none;
justify-content: flex-end;
align-items: center;
width: 24px;
display: flex;
position: relative;
}
.limit-520 {
max-width: 520px;
}
.tab-b-overlay {
z-index: 1;
opacity: .35;
pointer-events: none;
background-image: linear-gradient(0deg, #081717 50%, #0817171a);
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.icon-32 {
width: 32px;
height: 32px;
}
.icon-32.text-accent {
color: #16231b;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.expandable-tab {
background-color: #0000;
border: 1px solid #16231b29;
border-radius: 8px;
justify-content: center;
align-items: flex-end;
width: auto;
height: 562px;
padding: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.expandable-tab.w--current {
background-color: #0000;
}
.expandable-tab.testimonial {
height: 90vh;
}
.expandable-tab.testimonial.w--current {
transition: box-shadow .3s;
box-shadow: 0 10px 10px -1px #0000001f;
}
.expandable-tab.testimonial.hidden {
display: none;
}
.hero-home-b-top-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.main-container-7 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.home-b-hero-video {
border-radius: 16px 16px 0 0;
width: 100%;
height: 597px;
overflow: hidden;
}
.headline-home-b {
z-index: 2;
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
height: 100%;
margin-bottom: 80px;
position: relative;
}
.home-b-heading {
max-width: 880px;
}
.main-container-8 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.about-text-master {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.about-text-wrap {
grid-column-gap: 16px;
grid-row-gap: 0px;
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 1050px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.careers-top-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 770px;
display: flex;
}
.careers-image-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.career-image {
border-radius: 8px;
width: 100%;
height: 304px;
overflow: hidden;
}
.heading-careers {
grid-column-gap: 8px;
grid-row-gap: 0px;
flex-flow: wrap;
display: flex;
}
.headline-careers {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 64px;
display: flex;
}
.label-master-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #16231b29;
border-radius: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 4px 16px;
}
.label-master-2.light {
border-color: #ffffff29;
}
.main-container-10 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.careers-about-halves {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
place-items: start;
}
.label-8 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.logo-round {
height: 88px;
margin-bottom: 5px;
padding-bottom: 0;
padding-right: 0;
}
.circles {
z-index: -99;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
margin-top: 56px;
display: flex;
position: absolute;
top: 0%;
left: 0%;
right: 0%;
overflow: visible;
}
.content-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 70vh;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.circle {
box-shadow: inset 0 0 20px 0 var(--accent);
background-image: none;
border: 1px #8f00ff;
border-radius: 100%;
width: 20vh;
height: 20vh;
position: absolute;
}
.circle.two {
background-image: none;
align-self: auto;
width: 640px;
height: 640px;
bottom: auto;
}
.circle.one {
width: 320px;
height: 320px;
bottom: auto;
}
.circle._120 {
width: 960px;
height: 960px;
}
.circle.four {
width: 1200px;
height: 1200px;
}
.circle.logo {
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
margin-bottom: 0;
margin-right: 0;
display: flex;
position: static;
}
.container-2 {
width: 90vw;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
}
.timeline_quote {
color: var(--body-text-dark);
margin-bottom: 16px;
font-size: 14px;
}
.timeline_centre {
justify-content: center;
display: flex;
}
.timeline_date-text {
color: var(--heading-color);
font-family: Ivy Presto, Georgia, sans-serif;
font-size: 48px;
font-weight: 300;
line-height: 1.2;
position: sticky;
top: 50vh;
}
.overlay-fade-bottom {
background-image: linear-gradient(0deg, var(--light-contrast), #0a0a0a00);
height: 80px;
position: absolute;
inset: auto 0% 0%;
}
.timeline_quote-text-wrapper {
flex: 1;
}
.timeline_image-wrapper {
border-radius: 12px;
padding-left: 80px;
padding-right: 80px;
overflow: hidden;
}
.margin-bottom-medium {
margin-bottom: 32px;
}
.timeline_quote-wrapper {
border: 2px solid var(--heading-color);
border-radius: 16px;
align-items: flex-start;
padding: 24px;
display: flex;
}
.overlay-fade-top {
background-image: linear-gradient(180deg, var(--light-contrast), #0a0a0a00);
height: 80px;
position: absolute;
inset: 0% 0% auto;
}
.timeline_text {
color: var(--body-text-dark);
font-family: Halyard Text, Tahoma, sans-serif;
font-weight: 300;
}
.timeline_progress-bar {
z-index: -1;
background-color: #fff;
background-image: linear-gradient(0deg, var(--secondary-color), var(--accent) 1%, var(--light-contrast));
width: 3px;
height: 50vh;
position: fixed;
inset: 0 auto 50vh;
}
.timeline_component {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.timeline_quote-image {
border-radius: 8px;
width: 48px;
height: 48px;
margin-right: 24px;
}
.timeline_quote-title {
color: var(--heading-color);
font-size: 14px;
font-weight: 500;
}
.page-wrapper {
z-index: 0;
position: relative;
}
.timeline_circle {
border: 2px solid var(--background-color);
background-color: var(--light);
box-shadow: 0 0 0 4px var(--background-color);
border-radius: 100%;
width: 15px;
min-width: 15px;
max-width: 15px;
height: 15px;
min-height: 15px;
max-height: 15px;
position: sticky;
top: 50vh;
}
.timeline_left {
text-align: right;
justify-content: flex-end;
align-items: stretch;
}
.margin-bottom-xlarge {
margin-bottom: 56px;
}
.timeline_item {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 180px 1fr;
grid-auto-columns: 1fr;
padding-top: 80px;
padding-bottom: 80px;
display: grid;
position: relative;
}
.timeline_progress {
z-index: -2;
background-color: var(--body-text-dark);
width: 3px;
height: 100%;
position: absolute;
}
.section-timeline {
z-index: -3;
background-color: var(--light-contrast);
position: relative;
}
.main-container-13 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.label-11 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-4 {
margin-bottom: -15px;
padding-bottom: 20px;
overflow: hidden;
}
.main-wrapper-2 {
z-index: 1;
background-color: var(--background-color);
width: auto;
padding-top: 60px;
position: relative;
}
.image-5 {
height: 100%;
}
.section-6 {
z-index: 1;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
min-width: 0;
max-width: none;
height: 88%;
padding-top: 0;
display: block;
overflow: hidden;
}
.main-container-14 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.label-12 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.headline-moving-features {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 864px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.label-13 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.heading-home-a-services {
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.text-h1-2 {
z-index: 1;
letter-spacing: -.02em;
font-size: 88px;
font-weight: 400;
line-height: 90%;
}
.marquee-services-master {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
}
.icon-service-card {
color: var(--accent-dark);
width: 75px;
height: 75px;
}
.services-marquee {
overflow: hidden;
}
.single-services-marquee {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: none;
display: flex;
}
.single-services-marquee.scroll {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-around;
align-items: stretch;
}
.label-14 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.text-h5-7 {
letter-spacing: -.03em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-size: 24px;
font-weight: 400;
line-height: 116.6%;
}
.section-7 {
z-index: 1;
opacity: 100;
background-color: #f9f5eb;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-7.home-a-services-section {
grid-column-gap: 80px;
grid-row-gap: 80px;
background-color: var(--white);
flex-flow: column;
padding-top: 120px;
padding-bottom: 120px;
display: flex;
}
.section-7.hero-contact-a {
background-color: var(--light-contrast);
justify-content: space-between;
align-items: center;
padding-top: 112px;
padding-bottom: 64px;
}
.section-7.scroll-blogs-section {
background-color: var(--background-color);
color: #f9f5eb;
padding-top: 0;
padding-bottom: 0;
}
.section-7.hero-about-a {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.section-7.about-a-stories-section {
background-color: var(--background-color);
color: #f9f5eb;
padding-top: 120px;
padding-bottom: 120px;
}
.section-7.about-c-stacking-cards-sectiob {
background-color: var(--light-contrast);
color: #f9f5eb;
padding-top: 120px;
padding-bottom: 120px;
}
.service-card {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--light-contrast);
border-radius: 8px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 416px;
height: 320px;
padding: 48px;
transition: all .2s;
display: flex;
}
.contact-a-halves {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
}
.success-message-2 {
color: #151515;
text-align: center;
background-color: #ece7d9;
}
.contact-a-address-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
place-items: start;
}
.contact-form {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.label-15 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.headline-contact-a {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.contact-a-left {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
padding-top: 32px;
display: flex;
}
.contact-a-right {
border-radius: 8px;
max-width: 557px;
height: 848px;
overflow: hidden;
}
.contact-a-address-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-left: 1px solid #16231b29;
flex-flow: column;
padding-left: 16px;
display: flex;
}
.contact-input-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
display: flex;
}
.input-halves {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.error-message {
color: #fffdfa;
background-color: #ff5353;
}
.sticky-image-cms-master {
z-index: 0;
position: absolute;
inset: 0% auto auto 0%;
}
.sticky-image-cms-master._2 {
z-index: 1;
}
.sticky-image-cms-master._3 {
z-index: 2;
}
.sticky-images-block {
z-index: 1;
width: 47%;
height: 100svh;
position: sticky;
inset: 0% auto auto 0%;
}
.scroll-blogs {
margin-top: -100svh;
}
.scroll-blogs-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.expandble-logo-case-study {
max-width: 150px;
max-height: 70px;
}
.testimonial-tab-wrap {
z-index: 2;
grid-column-gap: 5px;
grid-row-gap: 5px;
border: 2px solid var(--white);
border-radius: 5px;
flex-flow: column;
width: 100%;
padding: 44px;
display: flex;
position: relative;
}
.testimonial-tab-top-text {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.testimonial-tab-bottom-text {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.testimonial-tab-text {
font-size: 22px;
font-weight: 500;
line-height: 32px;
}
.testimonial-tab-text.is--white {
font-family: Halyard Text, Tahoma, sans-serif;
}
.is--large {
letter-spacing: -1px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 8rem;
font-weight: 700;
line-height: 1%;
}
.is--large.is--white {
line-height: 35px;
}
.label-18 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.overlay-about-a-hero {
background-color: #16231b99;
position: absolute;
inset: 0%;
}
.hide-7 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.headline-hero-about-a {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
max-width: 640px;
display: flex;
}
.about-a-video {
z-index: 1;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 1024px;
padding-bottom: 80px;
display: flex;
}
.cta-gradient-2 {
background-image: linear-gradient(0deg, #16231b, #fff0);
height: 146px;
position: absolute;
inset: auto 0% 0%;
}
.text-h4-3 {
letter-spacing: -.03em;
font-size: 32px;
font-weight: 400;
line-height: 100%;
}
.stories-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.label-20 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.icon-story-block {
width: 48px;
height: 48px;
}
.hide-8 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.story-card {
background-color: #ffffff29;
border-radius: 8px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 320px;
padding: 40px;
display: flex;
overflow: hidden;
}
.headline-stories-sticky {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 120px;
}
.stories-halves {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
place-items: start stretch;
}
.story-card-title {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.stacking-card {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6819347ebb0e80c42d6154a9_PW%20Image.avif");
background-position: 50%;
background-size: cover;
border-radius: 8px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 640px;
padding: 32px;
display: flex;
position: sticky;
top: 120px;
overflow: hidden;
}
.stacking-card._2 {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6819347ebb0e80c42d6154b2_Tab%20Image-1.avif");
margin-bottom: -40px;
top: 180px;
}
.stacking-card._1 {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680fb70164836865e06f36b5_Video%20Image.avif");
margin-bottom: 10px;
}
.stacking-card._3 {
margin-bottom: -80px;
top: 240px;
}
.stacking-card-text-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #16231b;
background-color: #f9f5eb;
border-radius: 8px;
flex-flow: column;
padding: 26px 24px;
display: flex;
}
.text-small-2 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.stacking-list {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 1088px;
height: 2500px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
display: flex;
position: relative;
}
.faq-vertical {
background-color: #16231b;
width: 1.5px;
height: 12px;
position: absolute;
}
.faq-animated-box {
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.faq-heading {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.faq-right {
grid-column-gap: 120px;
grid-row-gap: 120px;
flex-flow: column;
max-width: 640px;
margin-top: 56px;
display: flex;
}
.expandable-top {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.label-21 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.faq-block {
border-top: 1px solid #16231b29;
}
.faq-paragraph {
letter-spacing: -.03em;
margin-bottom: 0;
padding-top: 24px;
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 20px;
font-weight: 200;
}
.faq-tile {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.text-h5-8 {
letter-spacing: -.03em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-size: 24px;
font-weight: 400;
line-height: 116.6%;
}
.faq-halves {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
place-items: start stretch;
width: 100%;
}
.expandable-bottom {
transform-origin: 50% 0;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.faq-horizontal {
background-color: #16231b;
width: 12px;
height: 1.5px;
}
.faq-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 120px;
}
.section {
z-index: 1;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section.hero-faq {
background-color: var(--light);
padding-top: 144px;
}
.label-22 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-9 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.section-8 {
z-index: 1;
background-color: var(--light-contrast);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-8.hero-blog {
padding-top: 144px;
padding-bottom: 16px;
}
.headline-related {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 80px;
}
.hide-10 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.blog-thirds {
grid-column-gap: 32px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.article-info-wrap-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--heading-color);
flex-direction: column;
display: flex;
}
.text-small-3 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.text-h5-9 {
letter-spacing: -.03em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 26px;
font-weight: 200;
line-height: 116.6%;
}
.product-halves {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
}
.back-link {
color: #16231b;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.button-animation-hide {
height: 24px;
overflow: hidden;
}
.label-23 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-11 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.button-content-tile {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.check-icon-wrap-2 {
color: #16231b99;
background-color: #f9f5eb;
border-radius: 8px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
overflow: hidden;
}
.product-content-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
margin-bottom: 40px;
display: flex;
}
.headline-product {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.features-grid {
grid-column-gap: 32px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-9 {
z-index: 1;
background-color: #f9f5eb;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-9.hero-product {
background-color: var(--light);
padding-top: 128px;
padding-bottom: 80px;
display: flex;
}
.section-9.academy-description {
background-color: var(--white);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding-top: 120px;
padding-bottom: 0;
}
.section-9.blueprint-content {
background-color: var(--light-contrast);
flex-flow: column;
justify-content: center;
align-items: flex-end;
width: 100%;
padding-top: 128px;
padding-bottom: 80px;
padding-left: 17%;
display: flex;
}
.section-10 {
z-index: 1;
background-color: #f9f5eb;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-10.related-blog-section {
background-color: var(--light);
padding-top: 32px;
padding-bottom: 120px;
}
.article-info-wrap-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.text-small-4 {
color: var(--body-text-dark);
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 300;
line-height: 142%;
}
.text-h5-10 {
letter-spacing: -.03em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-family: halyard-text;
font-size: 24px;
font-weight: 500;
line-height: 116.6%;
}
.scroll-blogs-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
min-height: 100svh;
display: grid;
}
.label-24 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-12 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.heading-column {
margin-bottom: 8px;
}
.scroll-blog-content-master {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: 640px;
padding-top: 264px;
padding-bottom: 264px;
display: flex;
}
.label-25 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-13 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.label-26 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-14 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.scroll-blog-image {
width: 100%;
height: 100svh;
}
.heading-hero-about-b {
max-width: 880px;
margin-left: auto;
margin-right: auto;
}
.label-27 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.text-h0 {
letter-spacing: -.02em;
font-size: 112px;
font-weight: 400;
line-height: 93%;
}
.headline-about-b {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.landing-section {
z-index: 1;
background-color: var(--light-contrast);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.landing-section.hero-service-c {
color: #f9f5eb;
background-color: #16231b;
padding-top: 130px;
padding-bottom: 380px;
}
.landing-section.hero-home-a {
color: #f9f5eb;
justify-content: flex-start;
align-items: flex-end;
height: 100svh;
margin-bottom: -100vh;
padding-top: 0;
padding-bottom: 0;
position: sticky;
top: 0;
}
.landing-section.academy-hero {
color: var(--white);
justify-content: flex-start;
align-items: flex-end;
height: 100svh;
margin-bottom: -100vh;
padding-top: 0;
padding-bottom: 0;
position: sticky;
top: 0;
}
.landing-section.hero-article {
flex-flow: column;
justify-content: flex-end;
align-items: center;
padding-top: 144px;
padding-bottom: 80px;
display: flex;
}
.landing-section.body-article {
padding-top: 0;
padding-bottom: 0;
}
.landing-section.sales-features-section {
padding-top: 120px;
padding-bottom: 120px;
}
.landing-section.hero-blueprint {
background-color: var(--background-color);
color: var(--light);
}
.landing-section.contrast {
background-color: var(--light);
}
.abouot-b-marquee {
z-index: 3;
margin-top: -300px;
position: relative;
}
.marquee-images {
padding-top: 8px;
padding-bottom: 8px;
overflow: clip;
}
.marquee-inner-images {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.single-marquee-images {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
flex: none;
display: flex;
}
.marquee-image-item {
border-radius: 8px;
flex: none;
width: 562px;
height: 562px;
overflow: hidden;
}
.marquee-image-item.big-item {
width: 640px;
}
.marquee-image-item.small-item {
width: 416px;
}
.expandable-tab-static {
background-color: #0000;
border: 1px solid #16231b29;
border-radius: 8px;
justify-content: center;
align-items: flex-end;
width: auto;
height: 562px;
padding: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.expandable-tab-static.w--current {
background-color: #0000;
}
.expandable-tab-static.testimonial {
height: 90vh;
}
.logo-inline {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68589650749d147775bc1eb9_Exposure%20Webclip%20-%20256x256.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.testimonial-subtext {
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 1.6rem;
font-weight: 500;
line-height: 100px;
}
.testimonial-credit {
text-align: right;
justify-content: flex-end;
align-items: center;
font-size: 1.6rem;
line-height: 40px;
display: flex;
}
.home-a-title-bottom-tikle {
justify-content: center;
align-items: center;
display: flex;
}
.label-28 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-15 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.home-a-logo-big {
color: var(--light);
justify-content: center;
align-items: center;
font-family: halyard-display;
font-size: 150px;
font-weight: 600;
display: flex;
}
.home-a-small-video-2 {
z-index: 2;
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
text-align: center;
background-color: #ffffff29;
border-radius: 8px;
flex-flow: column;
width: 300px;
padding: 8px;
display: flex;
position: absolute;
bottom: 24px;
right: 24px;
overflow: hidden;
}
.home-a-overlay {
z-index: 2;
opacity: .4;
background-color: #231f20;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.text-h2-2 {
letter-spacing: -.02em;
font-size: 56px;
font-weight: 400;
line-height: 100%;
}
.lightbox-home-a-2 {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680abc3f035b28baa826da76_Small%20Video.avif");
background-position: 50%;
background-size: cover;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
height: 160px;
display: flex;
overflow: hidden;
}
.home-a-play-button-2 {
border-radius: 100vw;
width: 40px;
height: 40px;
}
.home-a-underlay {
z-index: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.home-a-title-bottom-tikle-2 {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.main-container-15 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.label-29 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-16 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.home-a-logo-big-2 {
width: 100%;
}
.home-a-overlay-2 {
opacity: .4;
background-color: #231f20;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.video {
z-index: 5;
width: 100%;
height: 100%;
display: block;
}
.password-modal {
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.validation-point {
grid-column-gap: 10px;
align-items: center;
margin-right: 15px;
font-size: 12px;
display: flex;
position: absolute;
}
.icon_valid {
color: #16b42b;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
display: flex;
overflow: hidden;
}
.form {
flex-flow: column;
display: flex;
}
.form-block {
z-index: 10;
text-align: center;
width: 100%;
max-width: 500px;
margin-top: 0;
margin-bottom: 0;
padding: 0;
position: relative;
}
.field {
border-style: none none solid;
border-width: 1.5px 1.5px 1px;
border-radius: 50px;
margin-bottom: 0;
padding: 28px 0 28px 20px;
transition: box-shadow .2s;
}
.spacer-10 {
width: 100%;
height: 10px;
}
.validation-block {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
margin-top: 20px;
display: flex;
}
.p-light {
margin-bottom: 35px;
font-weight: 300;
}
.section_big {
z-index: 99;
background-color: var(--light-contrast);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
position: fixed;
}
.button {
background-color: var(--transparent);
color: var(--background-color);
text-transform: uppercase;
width: 100%;
font-size: 12px;
transition: box-shadow .2s;
overflow: visible;
}
.button.social {
grid-column-gap: 13px;
color: #07093d;
background-color: #fff;
border: 1px solid #07093d;
justify-content: center;
align-items: center;
margin-top: 15px;
margin-bottom: 0;
transition: box-shadow .2s;
display: flex;
}
.mb-20 {
margin-top: 0;
margin-bottom: 10px;
font-size: 31px;
font-weight: 500;
line-height: 1.3;
}
.icon_invalid {
color: #a1a1a1;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
display: flex;
overflow: hidden;
}
.cloneable {
z-index: 1;
background-color: var(--light-contrast);
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 10px;
display: flex;
position: absolute;
overflow: hidden;
}
.dots-wrap {
width: 100%;
height: 100%;
position: relative;
}
.dots-container {
grid-column-gap: 2em;
grid-row-gap: 2em;
pointer-events: none;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.dot {
background-color: var(--transparent);
will-change: transform, background-color;
transform-origin: center;
border: 1px solid #fcfcf91a;
border-radius: 100%;
width: 1em;
height: 1em;
position: relative;
transform: translate(0);
}
.osmo-icon__link {
color: currentColor;
width: 8em;
text-decoration: none;
position: absolute;
}
.osmo-icon-svg {
width: 8em;
}
.code-embed-js {
pointer-events: none;
width: 0;
height: 0;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.countdown-box-wrapper {
flex: 0 auto;
justify-content: center;
align-items: center;
padding-right: 0;
display: flex;
}
.countdown-box-inner {
margin-bottom: 10px;
margin-right: 10px;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
.countdwon-text {
color: #000;
margin-top: 40px;
font-size: 62px;
line-height: 1;
}
.countdown-box {
cursor: pointer;
background-color: #e4e4e400;
border: 2px #000;
position: relative;
}
.countdown-dots-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 10px;
margin-top: -30px;
display: flex;
}
.countdown-dot {
width: 7px;
height: 7px;
padding-bottom: 2px;
}
.countdown-number {
color: #000;
font-size: 30px;
line-height: 1;
}
.sticker-2 {
z-index: 3;
width: 150px;
height: auto;
margin-top: 200px;
margin-bottom: 0;
margin-left: -76px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.countdown-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
position: static;
inset: auto 0% 0%;
}
.countdown-box-front {
z-index: 2;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/682365fd69c00099a61bc336_background-sq.svg");
background-position: 0 0;
background-size: auto;
border: 2px #000;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: absolute;
inset: 0 0 0 0%;
}
.countdown-box-front.minutes, .countdown-box-front.seconds {
background-image: none;
justify-content: center;
align-items: center;
display: flex;
}
.countdown-box-front.day {
text-align: center;
background-image: none;
justify-content: center;
align-items: center;
display: flex;
}
.countdown-box-front.hours {
background-image: none;
justify-content: center;
align-items: center;
line-height: 203232px;
display: flex;
}
.countdown-box-back {
background-color: #fff0;
border: 2px solid #000;
height: 290px;
position: absolute;
inset: 10px -10px 0 10px;
}
.sticker-1 {
z-index: 3;
width: 220px;
height: 220px;
margin-left: 100px;
position: absolute;
top: -117.5px;
left: 0;
right: 0;
}
.event-collection-list {
display: none;
}
.final-date {
color: #000;
}
.container-3, .container-4 {
z-index: 3;
flex: 1;
max-width: 1240px;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.side-navigation {
z-index: 50;
scrollbar-width: thin;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 17%;
height: 100vh;
transition-property: filter, border-color, border, background-color;
transition-duration: .3s, .3s, .3s, .3s;
transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
display: flex;
position: fixed;
left: 0;
overflow: auto;
}
.scroll-dot {
z-index: 70;
opacity: 0;
background-color: #fff;
border-radius: 100%;
width: .375rem;
height: .375rem;
transition: opacity .5s;
position: absolute;
inset: 10% 4% auto auto;
}
.scroll-dot.is-black {
background-color: #000;
}
.side-navigation-button {
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--accent);
background-color: var(--light-contrast);
color: var(--body-text-dark);
border-radius: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px;
font-size: 1rem;
line-height: 1.2;
text-decoration: none;
transition: border-color .3s ease-in-out, border .3s ease-in-out, background-color .3s ease-in-out;
display: flex;
position: relative;
overflow: hidden;
}
.side-navigation-button:hover {
border: 1px solid var(--accent-dark);
background-color: #0000;
}
.side-navigation-button.w--current {
background-color: var(--accent);
}
.side-navigation-button.is-orange {
color: #fff;
background-color: #ff3d00;
}
.side-navigation-button.is-orange:hover {
color: #fff;
background-color: #0000;
}
.side-navigation-button.is-yellow {
color: #000;
background-color: #ff0;
}
.side-navigation-button.is-yellow:hover {
color: #fff;
background-color: #0000;
}
.side-navigation-button.is-blue {
color: #fff;
background-color: #2835f8;
}
.side-navigation-button.is-blue:hover {
color: #fff;
background-color: #0000;
}
.side-navigation-button.is-red {
color: #fff;
background-color: #ff003d;
}
.side-navigation-button.is-red:hover {
color: #fff;
background-color: #0000;
}
.side-navigation-button.is-maroon {
color: #fff;
background-color: #5900cc;
}
.side-navigation-button.is-maroon:hover {
color: #fff;
background-color: #0000;
}
.side-navigation-button.is-black {
color: #fff;
background-color: #000;
}
.side-navigation-button.is-black:hover {
color: #fff;
background-color: #0000;
}
.navbar-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #0000;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.blueprint-split {
justify-content: space-between;
width: 100%;
display: flex;
}
.text---group {
z-index: 999;
text-align: center;
position: relative;
top: -200px;
overflow: visible;
}
.text---outline {
color: var(--light-contrast);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--heading-color);
transition: transform 1.5s cubic-bezier(.645, .045, .355, 1);
}
.text {
font-family: ivypresto-display;
transition: transform 1.5s cubic-bezier(.645, .045, .355, 1);
}
.text---wrap {
background-color: var(--light-contrast);
text-transform: uppercase;
white-space: nowrap;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: .86em;
font-size: 70px;
font-weight: 600;
line-height: .86;
display: flex;
position: absolute;
overflow: hidden;
}
.text---wrap.x-02 {
z-index: 3;
top: 50%;
}
.text---wrap.x-03 {
z-index: 4;
top: 90%;
}
.text---wrap.x-01 {
z-index: 2;
top: 20%;
}
.text---wrap.x-04 {
z-index: 5;
top: 140%;
}
.text---wrap.x-05 {
z-index: 6;
text-align: center;
top: 200%;
}
.text---wrap.x-00 {
z-index: 1;
position: relative;
}
.text-block {
color: var(--white);
}
.blueprint-form-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.h2-blueprint {
margin-bottom: 0;
}
.h3-blueprint {
margin-top: 0;
}
.blueprint-sections-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.academy-video {
max-width: 1080px;
}
.wrapper__academy-video {
background-color: var(--background-color);
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.block__academy-video {
width: 100%;
max-width: 1080px;
max-height: 1080px;
display: flex;
}
.wrapper__academy-description {
z-index: 3;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.wrapper__academy-description.static-container {
position: static;
}
.article-h1 {
font-size: 60px;
}
.article-paragraph {
font-weight: 100;
}
.main-container-16 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.article-top-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.article-down-button {
color: #a9d0e6;
border: 1px solid #16231b29;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
overflow: hidden;
}
.icon-down-arrow {
justify-content: center;
align-items: center;
width: 28px;
display: flex;
}
.text-small-5 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.text-small-5.semibold {
font-weight: 500;
}
.article-big-thumbnail {
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 640px;
}
.article-heading-wrap {
z-index: 1;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.article-hero-halves {
z-index: 1;
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
}
.main-container-17 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.main-container-17.article-container {
max-width: 755px;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.post-body {
max-width: 866px;
}
.article-body-wrap {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.article-rich-text h1 {
letter-spacing: 1px;
padding-top: 60px;
padding-bottom: 15px;
font-family: halyard-display;
font-size: 48px;
font-weight: 400;
line-height: 1.1;
}
.article-rich-text h3 {
letter-spacing: 1px;
padding-top: 60px;
padding-bottom: 10px;
font-family: halyard-display;
font-size: 24px;
font-weight: 500;
line-height: 1;
}
.article-rich-text h2 {
letter-spacing: 1px;
padding-top: 60px;
padding-bottom: 10px;
font-family: halyard-display;
font-size: 32px;
font-weight: 400;
line-height: 1;
}
.article-rich-text h4 {
letter-spacing: .5px;
padding-top: 60px;
padding-bottom: 10px;
font-family: halyard-display;
font-size: 22px;
font-weight: 500;
}
.article-rich-text h5 {
letter-spacing: .5px;
padding-top: 60px;
padding-bottom: 5px;
font-family: halyard-display;
font-size: 22px;
font-weight: 500;
}
.article-rich-text h6 {
letter-spacing: .5px;
padding-top: 60px;
padding-bottom: 5px;
font-family: halyard-display;
font-size: 18px;
font-weight: 500;
}
.article-rich-text p {
margin-bottom: 0;
line-height: 28px;
}
.article-rich-text strong {
font-family: halyard-display;
font-weight: 500;
}
.article-rich-text ul {
margin-bottom: 40px;
}
.article-rich-text li {
line-height: 30px;
}
.bold-text-2 {
font-weight: 500;
}
.article-pagination {
justify-content: flex-end;
align-items: center;
margin-top: 30px;
}
.expired-message {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: none;
}
.eula-section {
z-index: 98;
background-color: var(--light-contrast);
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: fixed;
}
.eula-wrapper {
border-radius: var(--border);
background-color: var(--light);
width: 700px;
height: 700px;
margin-top: 12px;
padding: 30px;
overflow: scroll;
}
.eula-inline {
grid-column-gap: .2em;
grid-row-gap: .2em;
vertical-align: bottom;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.eula-title {
margin-bottom: 25px;
font-family: ivypresto-display;
font-size: 30px;
font-weight: 400;
}
.eula-text {
text-transform: uppercase;
font-family: halyard-micro;
font-size: 14px;
font-weight: 300;
line-height: 35px;
}
.div-block-1745 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.confidential-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: auto 0% 0% auto;
}
.confidential-block {
border: 1px solid var(--white);
border-radius: var(--border);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
margin-right: 20px;
padding: 5px 7px;
font-family: halyard-micro;
font-size: 12px;
box-shadow: 1px 1px 5px #0003;
}
.confidential-watermark {
z-index: 2;
background-color: var(--transparent);
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: 0%;
}
.watermark {
opacity: .02;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68588b3fa77e8d025cf53bcc_Exposure%20Icon%20-%20Logo%202025.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 50%;
height: 50%;
}
.logo-watermark {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6855a89a02ec2a73eeeb2b63_Exposure%20Combination%20Mark%202025.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
height: 35px;
display: flex;
}
.logo-wrapper-watermark {
z-index: 100;
width: 100%;
position: absolute;
inset: 30px 0% auto;
}
.new-testimonial-bubbles {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
display: flex;
}
.new-testimonial-bubbles.scroll {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.new-master-marquees {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
display: flex;
position: relative;
overflow: hidden;
}
.new-master-marquees.absolute {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
padding-top: 20px;
padding-bottom: 20px;
position: static;
inset: auto 0% 2%;
}
.new-testimonial-items {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: row;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
min-width: 100%;
display: flex;
}
.span-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd17a_256x256%20-%20Webclip%20-%20Nasreen%20Organics.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.span-image.filler {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd17e_Sulfate%20Free.avif");
}
.span-image.chemical {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd186_Preservative%20Free.avif");
}
.span-image.organic {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd182_Organic%20Botanicals.avif");
}
.span-image.gmo {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd178_Organic.avif");
}
.span-image.cruelty {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd188_Cruelty%20Free.avif");
}
.span-image.canada {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd180_Canada.avif");
}
.span-image.preservative {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd186_Preservative%20Free.avif");
}
.span-image.vegan {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd18a_Vegan.avif");
}
.span-image.esthetician {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/685898830331c6da9b0fd17c_Esthetician%20Approved.avif");
}
.bg-video-iframe {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hero-section {
z-index: 0;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.bg-video-wrap {
position: absolute;
inset: 0%;
}
.main-container-18 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.sales-paragraph {
max-width: 490px;
}
.text-big {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
.text-big.semibold {
font-weight: 500;
}
.heading-sales {
max-width: 670px;
}
.sales-button-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.sales-headline {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.headline-sales-block {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
margin-bottom: 80px;
display: flex;
}
.single-sales-pages {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.image-sales-page {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
}
.template-page {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.sales-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-color: #ece7d9;
border-radius: 16px;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 24px;
text-decoration: none;
transition: transform .2s;
display: flex;
}
.sales-card:hover {
transform: translate(0, -4px);
}
.sales-card.page-card {
justify-content: flex-end;
align-items: center;
padding: 32px 32px 0;
}
.grid-thirds-sales-page {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.main-container-19 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.headline-sales-features {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
margin-bottom: 80px;
display: flex;
}
.more-power-card {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: left;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.more-power-bottom-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.icon-sales {
width: 32px;
}
.more-power-icon-wrap {
background-color: #ffffff29;
border-radius: 100vw;
justify-content: center;
align-items: center;
display: flex;
}
.text-h5-11 {
letter-spacing: -.03em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
font-size: 24px;
font-weight: 400;
line-height: 116.6%;
}
.grid-all-features {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.headline-moving-features-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 864px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.label-30 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-17 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.single-blueprint-features {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-blueprint-feature {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 50px;
}
.blueprint-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--heading-color);
text-align: center;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
padding: 24px;
text-decoration: none;
transition: transform .2s;
display: flex;
}
.blueprint-card:hover {
transform: translate(0, -4px);
}
.blueprint-card.page-card {
justify-content: flex-end;
align-items: center;
padding: 32px 32px 0;
}
.number-features-grid {
grid-column-gap: 32px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.home-number-feature {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #f9f5eb;
border-radius: 8px;
flex-flow: column;
padding: 24px;
display: flex;
}
.text-small-6 {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 142%;
}
.blueprint-features-grid {
grid-column-gap: 32px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: grid;
}
.section-11 {
z-index: 1;
background-color: var(--light);
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-11.about-b-video-section {
padding-top: 40px;
padding-bottom: 120px;
}
.main-container-20 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.headlinec-about-b-video {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-home-a-about {
max-width: 526px;
}
.hide-18 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.label-size-correction {
display: flex;
}
.feature-grid-side {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.main-container-21 {
z-index: 2;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.label-31 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-19 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.feature-halves-home-a {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
}
.feature-icon-wrap {
overflow: hidden;
}
.feature-bottom-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.feature-card-side {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: #ece7d9;
border-radius: 8px;
flex-flow: column;
padding: 40px;
display: flex;
}
.headline-about-a-features {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 500px;
display: flex;
}
.icon-feature {
width: 32px;
height: 32px;
}
.section-12 {
z-index: 1;
background-color: #f9f5eb;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-12.benefits-careers {
padding-top: 40px;
padding-bottom: 96px;
}
.blueprint-number-feature {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--transparent);
text-align: center;
border-radius: 8px;
flex-flow: column;
padding: 24px;
display: flex;
}
.headline-moving-features-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 864px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.label-32 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.hide-20 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.blueprint-wrapper-welcome-video {
flex-flow: column;
justify-content: center;
align-items: center;
width: 800px;
display: flex;
}
.div-block-1746 {
justify-content: center;
align-items: center;
display: flex;
}
.bluepting-landing-page-video {
max-width: 100%;
height: 100%;
}
.blueprint-video-context {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.heading-blueprint-landing {
font-family: halyard-display;
font-weight: 400;
}
.blueprint-text-h2 {
z-index: 1;
letter-spacing: -.02em;
font-size: 60px;
font-weight: 400;
line-height: 90%;
}
.blueprint-text-h1 {
z-index: 1;
letter-spacing: -.02em;
font-size: 88px;
font-weight: 400;
line-height: 90%;
}
.blueprint-compare {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.included-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-color: #ece7d9;
border-radius: 8px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: auto;
padding-top: 32px;
padding-left: 32px;
padding-right: 32px;
display: flex;
box-shadow: 0 2px 30px #7777770f;
}
.included-card.figma-card {
grid-column-gap: 56px;
text-align: left;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-height: 0;
padding: 24px;
}
.included-card.blueprint-compare-card {
grid-column-gap: 56px;
background-color: var(--accent);
text-align: left;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 0;
padding: 30px 24px;
}
.included-card.blueprint-component-card {
grid-column-gap: 56px;
background-color: var(--accent);
text-align: left;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 0;
margin-top: 90px;
padding: 30px 24px;
}
.figma-button-wrap, .figma-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-figma {
width: 80px;
height: 80px;
}
.wrap-figma-content {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.grid-blueprint-features {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-1747 {
height: 100px;
}
.div-block-1748 {
width: 100px;
}
.marquee-logo {
display: flex;
}
.div-block-1749 {
width: 100px;
}
.image-6 {
width: 10%;
}
.marquee-partner-logo {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: none;
width: 100px;
height: 100px;
display: flex;
}
.marquee-partner-logo.scroll {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-around;
align-items: stretch;
}
.testimonial-bubble {
flex: none;
width: 85px;
}
.marquee-partner-logos {
flex-flow: column;
flex: none;
justify-content: center;
align-items: center;
width: 100px;
display: flex;
}
.marquee-logo-solo {
justify-content: center;
align-items: center;
width: 100%;
max-width: 100px;
display: flex;
}
.funnel-navigation {
background-color: var(--accent);
justify-content: flex-start;
align-items: center;
width: 100%;
height: 60px;
display: flex;
}
.marquee-logo {
max-width: 100%;
max-height: 45px;
}
.div-block-1750 {
flex-flow: column;
display: flex;
}
.wrap-compare-content {
grid-column-gap: 15px;
grid-row-gap: 15px;
text-align: center;
flex-direction: column;
width: 100%;
max-width: 800px;
display: flex;
}
.blueprint-h3 {
font-size: 36px;
font-weight: 400;
}
.blueprint-h4 {
font-size: 24px;
font-weight: 500;
}
.success-message-3 {
color: #151515;
text-align: center;
background-color: #ece7d9;
}
.text-body-2 {
color: #415554;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 150%;
}
.label-33 {
letter-spacing: .02em;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.section-13 {
z-index: 1;
opacity: 100;
background-color: #f9f5eb;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-13.hero-contact-a {
background-color: #f3f3ee;
justify-content: space-between;
align-items: center;
padding-top: 112px;
padding-bottom: 64px;
}
.blueprint-contact {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
padding-top: 32px;
display: flex;
}
.modular-card {
z-index: 1;
color: #212121;
background-color: #fbfbfb;
border-radius: 24px;
width: 100%;
position: relative;
}
.modular-card.modular-card-full-rounded {
border-radius: 200px;
}
.modular-card.modular-overflow-hidden {
border-radius: var(--border);
overflow: hidden;
}
.modular-card.modular-card-width-auto {
width: auto;
}
.modular-subscribe-wrap-1.center-flex {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.modular-margin-top-small {
margin-top: 1.01em;
}
.modular-card-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-card-bg.mission {
border-radius: var(--border);
background-color: var(--light-contrast);
}
.modular-grid-content {
width: 100%;
}
.modular-grid-content.modular-grid-content-relative {
position: relative;
}
.modular-content-flex-vertical {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.modular-text-small {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
}
.modular-hero-anim-load-4th {
text-decoration: none;
}
.modular-hero-anim-load-4th.hero-rise {
margin-top: -60px;
}
.modular-success-message-1 {
color: #212121;
background-color: #fffffe;
border: 1px solid #212121;
padding: 16px;
font-size: 16px;
line-height: 1.2;
}
.modular-hero-09-content {
grid-column-gap: 3em;
grid-row-gap: 3em;
text-align: left;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: end stretch;
display: grid;
}
.modular-button {
grid-column-gap: 5px;
grid-row-gap: 5px;
transform: scale3d(1none, 1none, 1none);
color: #fffffe;
text-transform: none;
transform-style: preserve-3d;
background-color: #212121;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: transform .375s;
display: flex;
position: relative;
}
.modular-button:hover {
color: #fffffe;
background-color: #212121;
text-decoration: none;
transform: scale(1.05);
}
.modular-button.modular-subscribe-1-btn {
background-color: var(--orange);
color: #000001;
background-color: #d6fc52;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ab421d7b14a863c901f2e_Form%20Arrow.svg");
background-position: 80%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 12px;
padding: 14px 50px 14px 32px;
}
.modular-button.modular-subscribe-1-btn-copy {
background-color: var(--orange);
color: #000001;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ab421d7b14a863c901f2e_Form%20Arrow.svg");
background-position: 80%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 12px;
padding: 14px 50px 14px 32px;
position: static;
}
.modular-button.modular-subscribe-2-btn {
border-radius: 12px;
padding: 14px 32px;
}
.modular-button.modular-subscribe-2-btn:hover {
color: #fffffe;
background-color: #212121;
}
.modular-button.modular-subscribe-1-btn {
color: #000001;
background-color: #d6fc52;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ab421d7b14a863c901f2e_Form%20Arrow.svg");
background-position: 80%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 12px;
padding: 14px 50px 14px 32px;
}
.modular-hero-description {
color: var(--body-text-dark);
text-wrap: balance;
max-width: 710px;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.3;
}
.modular-hero-description.bottom-padding {
font-family: Halyard Text, Tahoma, sans-serif;
}
.modular-hero-anim-load-1st {
text-decoration: none;
}
.modular-video-person-image-wrap {
border: 0 solid #a0a0a073;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
display: flex;
position: relative;
overflow: hidden;
}
.modular-video-play-box {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
pointer-events: auto;
text-wrap: balance;
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.modular-hero-09-section-hero {
z-index: 1;
background-color: var(--white);
position: relative;
}
.modular-vertical-flex {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modular-subscriber-image {
border: 1px solid var(--accent);
background-color: var(--light);
object-fit: cover;
border-radius: 100px;
width: 38px;
min-width: 38px;
height: 38px;
}
.modular-subscriber-image.modular-subscriber-image-3rd, .modular-subscriber-image.modular-subscriber-image-2nd {
margin-left: -10px;
}
.modular-home-video-play-icon {
pointer-events: none;
color: #fff;
background-color: #0003;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.modular-play-lightbox-2 {
z-index: 1;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.modular-video-play {
justify-content: center;
align-items: center;
min-width: 200px;
text-decoration: none;
display: flex;
position: relative;
inset: 0%;
}
.modular-video-play:hover {
text-decoration: none;
}
.modular-hero-9-image-1-wrap {
z-index: 2;
width: 100%;
max-width: 100px;
position: absolute;
inset: 10% auto auto -2em;
}
.modular-subscribe-1-form {
z-index: 1;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.modular-subscribe-1-form.landscape {
flex-flow: row;
}
.modular-video-person-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.modular-hero-wrapper {
width: 100%;
}
.modular-hero-anim-load-3rd {
text-decoration: none;
}
.modular-error-message-1 {
color: #212121;
background-color: #ffdedd;
margin-top: 10px;
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
}
.modular-video-play-content-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding: 10px 30px 10px 10px;
display: flex;
}
.modular-lightbox-2-overlay {
z-index: -1;
background-color: #00000026;
position: absolute;
inset: 0%;
}
.modular-hero-anim-load-2nd {
text-decoration: none;
}
.modular-video-play-relative {
position: relative;
}
.modular-opacity-70-pct {
opacity: .7;
}
.modular-form-input {
outline-offset: 0px;
color: #000000a1;
border: 1px solid #212121;
outline: 0 #000001;
margin-top: 0;
margin-bottom: 0;
padding: 8px 12px;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
transition: border .35s, background-color .35s;
}
.modular-form-input:hover {
outline-offset: 0px;
border-color: #a0a0a073;
outline: 0 #000001;
}
.modular-form-input:focus {
outline-offset: 0px;
background-color: #f6f6f6;
border-color: #212121;
outline: 0 #000001;
}
.modular-form-input::placeholder {
color: #0003;
font-weight: 400;
}
.modular-form-input.modular-subscribe-1-input {
border-style: solid;
border-color: var(--body-text-light);
border-radius: 16px;
height: 64px;
padding-left: 20px;
padding-right: 110px;
}
.modular-form-input.modular-subscribe-2-input {
color: #212121;
border-radius: 16px;
height: 64px;
padding-right: 110px;
box-shadow: 0 1px 1px #8e8e8e54, 0 5px 8px #8e8e8e2b, 0 3px 5px #8e8e8e0d;
}
.modular-form-input.modular-subscribe-2-input:focus {
background-color: #fffffe;
}
.modular-form-input.modular-subscribe-2-input::placeholder {
color: #000000a1;
}
.modular-hero-heading {
transform-origin: 50% 100%;
color: var(--background-color);
letter-spacing: -.03em;
text-wrap: balance;
transform-style: preserve-3d;
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 88px;
font-weight: 500;
line-height: 1;
transform: perspective(260px)perspective(300px);
}
.modular-lightbox-2-wrap {
z-index: 1;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.modular-home-hero-09-image-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-top: 5em;
display: flex;
position: relative;
}
.modular-section-hero {
z-index: 1;
width: 100%;
position: relative;
}
.modular-subscribe-1-button-wrap {
justify-content: flex-end;
align-items: flex-end;
padding: 8px;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.modular-subscribers-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-size: 16px;
display: flex;
}
.modular-subscribers-wrap.modular-subscribers-wrap-hero {
color: #000001;
}
.modular-hero-9-image {
border-radius: 16px;
width: 100%;
}
.modular-subscribe-1 {
width: 100%;
min-width: 360px;
margin-bottom: 0;
}
.modular-text {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
}
.modular-text.modular-color-inherit {
color: inherit;
}
.modular-text.light {
color: var(--light);
}
.modular-play-icon {
width: 30px;
min-width: 30px;
height: auto;
}
.modular-hero-image-wrap {
width: 100%;
position: relative;
}
.modular-hero-image-holder {
z-index: 1;
border-radius: var(--border);
position: relative;
overflow: hidden;
}
.modular-container {
z-index: 2;
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 3em 2em 5em;
position: relative;
}
.modular-container.modular-nav-container {
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.modular-container.hero {
padding-top: 1em;
}
.modular-hero-9-image-2-wrap {
z-index: 2;
width: 100%;
max-width: 100px;
position: absolute;
bottom: 10%;
right: -2em;
}
.modular-subscribers-images {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modular-hero-image {
border-radius: 12px;
width: 100%;
}
.modular-hero-image.height-100-fit-cover-left {
object-fit: cover;
object-position: 0% 0%;
height: 100%;
}
.m-nav-wrap {
z-index: 99;
width: 100%;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
position: sticky;
top: 0;
}
.m-nav-wrap.absolute {
position: absolute;
}
.dropdown-icon {
width: 12px;
height: 8px;
margin-top: auto;
margin-bottom: auto;
margin-right: 0;
position: relative;
}
.modular-nav-link-wrap {
justify-content: flex-start;
align-items: center;
padding-left: 3px;
padding-right: 3px;
display: flex;
}
.modular-nav-01-menu {
flex: 1;
justify-content: space-between;
align-items: flex-end;
margin-left: 1.5rem;
display: flex;
position: static;
}
.modular-menu-line-bottom {
background-color: #212121;
border-radius: 10px;
width: 100%;
height: 2px;
padding: 0;
display: block;
}
.nav-big-dropdown-wrap {
width: 100%;
}
.modular-nav-buttons-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.modular-nav-background {
z-index: -1;
background-color: #fffffe;
position: absolute;
inset: 0%;
}
.modular-big-nav-link-wrap {
justify-content: flex-start;
align-items: center;
padding-left: 3px;
padding-right: 3px;
display: flex;
}
.modular-nav-menu-button {
background-color: #fff0;
border-radius: 10px;
width: 48px;
height: 48px;
padding: .7rem;
transition: background-color .4s;
}
.modular-nav-menu-button:hover, .modular-nav-menu-button.w--open {
background-color: #0000000d;
}
.modular-nav-menu-button.w--open:hover {
background-color: #00000008;
}
.modular-nav-logo-wrap {
flex-wrap: nowrap;
width: auto;
height: 2rem;
display: flex;
}
.modular-dropdown-list-detail {
justify-content: center;
align-items: flex-start;
max-width: 100%;
margin-top: 2px;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.modular-big-menu-title-wrap {
padding-bottom: 10px;
padding-left: 10px;
}
.modular-nav-big-menu {
background-color: #fffffe;
border-radius: 16px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1rem;
display: flex;
position: relative;
box-shadow: 0 0 0 1px #f6f6f6;
}
.modular-menu-icon-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
width: 26px;
height: 100%;
display: flex;
}
.modular-h6-heading {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.2;
}
.modular-big-menu-links-wrap {
border-right: 1px solid #f6f6f6;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
margin-right: 1rem;
padding-right: 1rem;
display: flex;
}
.modular-menu-line-top {
background-color: #212121;
border-radius: 2px;
width: 100%;
height: 2px;
padding: 0;
display: block;
}
.modular-nav {
background-color: #ddd0;
align-items: center;
width: 100%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
display: flex;
position: sticky;
top: 0;
}
.modular-nav-link-with-image {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #212121;
text-align: left;
background-color: #f5f5f700;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: opacity .4s;
display: grid;
}
.modular-nav-link-with-image:hover {
opacity: .8;
color: #212121;
}
.modular-nav-link-with-image.w--current {
color: #000;
}
.modular-simple-text {
color: var(--background-color);
font-family: Halyard Text, Tahoma, sans-serif;
font-weight: 300;
line-height: inherit;
font-size: inherit;
margin-top: 0;
margin-bottom: 0;
}
.modular-simple-text.light {
color: var(--light);
font-family: Halyard Text, Tahoma, sans-serif;
}
.modular-dropdown-list {
background-color: #fff0;
position: absolute;
top: 120%;
left: 0;
right: 0;
}
.modular-nav-link {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #292929;
justify-content: center;
align-items: center;
padding: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: color .4s;
display: flex;
position: relative;
}
.modular-nav-link:hover {
color: #303030a1;
text-decoration: none;
}
.modular-nav-link.w--current {
color: #d5acfe;
}
.modular-nav-link.modular-nav-link-big {
justify-content: flex-start;
align-items: stretch;
}
.modular-button-secondary {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: var(--orange);
transform: scale3d(1none, 1none, 1none);
color: #212121;
text-transform: none;
transform-style: preserve-3d;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: transform .375s;
display: flex;
position: relative;
box-shadow: inset 0 0 #d6fc5200;
}
.modular-button-secondary:hover {
clear: left;
color: #212121;
background-color: #d6fc52;
text-decoration: none;
transform: scale(1.05);
}
.modular-big-menu-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.modular-nav-menu-right {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.modular-button-icon {
color: inherit;
width: auto;
height: 17px;
}
.modular-rocket-icon {
color: #d5acfe;
}
.nav-link-background {
z-index: -1;
background-color: #ff5251;
border-radius: 100px;
display: none;
position: absolute;
inset: 0%;
}
.modular-nav-mobile-bg-holder {
display: none;
}
.modular-nav-badge {
color: #fffffe;
background-color: #212121;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding: 3px;
font-size: 10px;
display: flex;
}
.modular-logo-image {
flex: none;
display: block;
}
.modular-big-menu-in-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.modular-button-2-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-nav-logo-link {
opacity: 1;
padding-left: 0;
transition: opacity .4s;
}
.modular-nav-logo-link:hover {
opacity: .8;
}
.modular-opacity-50-pct {
opacity: .5;
}
.modular-opacity-50-pct.center {
justify-content: center;
align-items: center;
display: flex;
}
.modular-margin-top-bottom {
justify-content: flex-start;
align-items: center;
margin-top: 5px;
margin-bottom: 5px;
display: flex;
}
.modular-nav-link-big-image {
aspect-ratio: 1;
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
max-height: 100px;
}
.modular-nav-link-text-wrap {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.modular-menu-line-middle {
background-color: #212121;
border-radius: 10px;
width: 100%;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding: 0;
display: block;
}
.modular-dropdown {
background-color: #fff0;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: static;
}
.modular-logo-wrap {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d755e3de4010172f31806e_Bell%20Media%20Logo.avif");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
min-width: 80px;
height: 50px;
display: flex;
}
.modular-logo-wrap.hendra {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687acfcd2868d6aa8c377ff7_Hendra%20Logo.avif");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
height: 35px;
}
.modular-logo-wrap.puddle-ducks {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd8115b0dab000ca52ed_Puddle%20Ducks%20Logo.avif");
}
.modular-logo-wrap.bell-media {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d755e3de4010172f31806e_Bell%20Media%20Logo.avif");
}
.modular-logo-wrap.organized-interiors {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd7f9f52fa8c94aa2759_Organized%20Interiors%20Logo.avif");
}
.modular-logo-wrap.rich-dad {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d755e2db995e343a15d36e_Rich%20Dad%20Logo.avif");
min-width: 160px;
height: 100px;
}
.modular-logo-wrap.chicken-soup {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/681d4c22869dd9ae0e28d758_Chicken%20Soup%20For%20The%20Soul%20Logo%20White%20-%20Exposure%20Marketing.avif");
min-width: 160px;
height: 100px;
}
.modular-logo-wrap.mvh {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680c205447ee9eb5a4314d4b_Chicken%20Soup%20For%20The%20Soul%20Logo.avif");
background-position: 50%;
background-size: contain;
}
.modular-nav-link-icon-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 24px;
min-width: 24px;
height: 100%;
display: flex;
}
.modular-nav-01-menu-links {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modular-nav-01 {
background-color: #ddd0;
align-items: center;
width: 100%;
min-height: 80px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
display: flex;
position: sticky;
top: 0;
}
.modular-button-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-hero-anim-load-6th {
display: block;
}
.modular-grey-text {
color: #484848;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
line-height: 1.3;
}
.modular-integration-8th-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-margin-bottom-large {
margin-bottom: 3.01em;
}
.modular-h1-heading {
color: var(--background-color);
margin-top: 0;
margin-bottom: 10px;
font-family: halyard-display;
font-weight: 500;
}
.modular-integration-05-small {
opacity: .5;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
transform: scale(.75);
}
.modular-header-container {
text-align: left;
text-wrap: balance;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.modular-header-container.modular-left-header-container {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
}
.modular-integration-5th-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-h2-heading {
color: #000002;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.2;
}
.modular-button-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #fffffe;
text-transform: none;
background-color: #111112;
border-radius: .01px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: box-shadow .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.modular-button-2:hover {
color: #fff;
background-color: #222221;
text-decoration: none;
}
.modular-integrations-05-item {
pointer-events: auto;
position: absolute;
inset: 30% auto auto -2%;
}
.modular-integrations-05-item.modular-integrations-05-item-8th {
margin-bottom: -30px;
inset: auto 14% 11% auto;
}
.modular-integrations-05-item.modular-integrations-05-item-7th {
inset: auto -15px 28% auto;
}
.modular-integrations-05-item.modular-integrations-05-item-5th {
inset: 19% 2% auto auto;
}
.modular-integrations-05-item.modular-integrations-05-item-6th {
inset: 40% -30px auto auto;
}
.modular-integrations-05-item.modular-integrations-05-item-10th {
inset: auto auto 0% 22%;
}
.modular-integrations-05-item.modular-integrations-05-item-2nd {
top: 7%;
left: 13%;
}
.modular-integrations-05-item.modular-integrations-05-item-12th {
inset: auto auto 38% -30px;
}
.modular-integrations-05-item.modular-integrations-05-item-11th {
margin-left: -31px;
inset: auto auto 16% 8%;
}
.modular-integrations-05-item.modular-integrations-05-item-4th {
inset: 1% 20% auto auto;
}
.modular-integrations-05-item.modular-integrations-05-item-9th {
inset: auto 40% -30px auto;
}
.modular-integrations-05-item.modular-integrations-05-item-3rd {
margin-top: -30px;
top: 0%;
left: 43%;
}
.modular-button-icon-2 {
width: auto;
height: 17px;
}
.modular-subtitle {
color: #111112;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
}
.modular-integrations-05-circle {
z-index: 1;
grid-column-gap: 1em;
grid-row-gap: 1em;
aspect-ratio: 1;
pointer-events: none;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
max-height: 90%;
display: flex;
position: absolute;
}
.modular-integration-icon {
aspect-ratio: 1;
object-fit: contain;
width: 100%;
}
.modular-text-l {
color: #000002;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
}
.modular-integration-1st-box, .modular-integration-4th-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-subtitle-wrap {
margin-bottom: 10px;
}
.modular-subtitle-wrap.light {
color: var(--light);
}
.modular-integration-3rd-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-flex-text-center {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modular-flex-text-center.light {
color: var(--white);
}
.modular-integration-12th-box, .modular-integration-7th-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-integrations-05-in {
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 750px;
display: flex;
position: relative;
}
.modular-integration-05-link {
z-index: 1;
aspect-ratio: 1;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
border: 1px solid #bdbdbd;
border-radius: 500px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 70px;
transition: transform .4s;
display: flex;
position: relative;
overflow: hidden;
}
.modular-integration-05-link:hover {
transform: scale(1.2);
}
.modular-integration-01-icon-holder {
width: 60%;
}
.modular-integrations-05-text {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 60%;
height: 100%;
display: flex;
position: relative;
}
.modular-integrations-05-text-bg {
z-index: -1;
aspect-ratio: 1;
background-image: radial-gradient(circle closest-corner, #fffffe 38%, #1e2fe400 70%);
height: 100%;
display: block;
position: absolute;
}
.modular-integration-2nd-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-integrations-05 {
width: 100%;
overflow: hidden;
}
.modular-integration-11th-box, .modular-integration-6th-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-section {
z-index: 1;
background-color: #fffffe;
width: 100%;
position: relative;
}
.modular-integrations-05-circle-line {
z-index: -1;
grid-column-gap: 1em;
grid-row-gap: 1em;
aspect-ratio: 1;
border-radius: 20000px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: block;
position: absolute;
box-shadow: inset 0 0 0 1px #bdbdbd;
}
.modular-integrations-03-text-wrap {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.modular-integration-9th-box, .modular-integration-10th-box {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-integrations-wrapper {
width: 100%;
}
.modular-small-content-left {
flex-flow: column;
width: 100%;
max-width: 700px;
display: flex;
}
.modular-integration-08-item-bg {
z-index: 1;
aspect-ratio: 1;
background-color: #fafafa;
border-radius: 200px;
width: 30%;
position: absolute;
}
.modular-integration-08-item {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.modular-text-left {
color: var(--heading-color);
text-align: left;
}
.modular-integrations-08-grid {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.modular-integration-08-link {
z-index: 2;
aspect-ratio: 1;
opacity: 1;
border-radius: 500px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .4s;
display: flex;
position: relative;
overflow: hidden;
}
.modular-integration-08-link:hover {
opacity: .8;
}
.highlight-text {
color: var(--accent-dark);
}
.modular-grey-text-2 {
color: var(--body-text-dark);
font-size: 16px;
line-height: 1.3;
}
.modular-grey-text-2.light {
color: var(--light);
}
.modular-testimonial-02-slide {
width: 100%;
height: 100%;
min-height: auto;
max-height: 100%;
margin-right: 30px;
}
.modular-testimonial-02-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.modular-h1-heading-2 {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-size: 64px;
font-weight: 600;
line-height: 1.1;
}
.modular-h1-heading-2.light {
color: var(--light);
}
.modular-section---overflow-hidden {
width: 100%;
overflow: hidden;
}
.modular-testimonial-02-image {
object-fit: cover;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: var(--bradius--s);
border-bottom-right-radius: var(--bradius--s);
width: 248px;
min-width: 248px;
height: 100%;
}
.modular-h2-heading-2 {
color: var(--background-color);
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-2.light {
color: var(--light);
font-family: Halyard Display, Tahoma, sans-serif;
}
.modular-subtitle-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.modular-testimonial-02-text-holder {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 30px;
display: flex;
}
.modular-text-l-2 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.modular-testimonials-wrapper {
width: 100%;
}
.modular-slide-nav {
z-index: 1;
flex-flow: row;
justify-content: flex-start;
align-items: center;
height: 40px;
padding-top: 4px;
padding-bottom: 0;
font-size: 8px;
line-height: 1;
display: flex;
position: absolute;
inset: auto auto 0% 100px;
}
.modular-testimonial-02-name-holder {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modular-testimonial-02-slide-item {
width: 100%;
height: 100%;
display: flex;
overflow: visible;
}
.modular-slider-right-arrow {
z-index: 3;
background-color: #0000;
flex-flow: row;
width: 40px;
height: 40px;
font-size: 16px;
transition: opacity .4s;
display: flex;
position: absolute;
inset: auto auto 0% 50px;
overflow: visible;
}
.modular-slider-right-arrow:hover {
opacity: .7;
}
.modular-icon {
color: #d5acfe;
width: 100%;
}
.modular-testimonial-02-slider-mask {
width: 60%;
height: 100%;
overflow: visible;
}
.modular-h4-heading {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-size: 24px;
font-weight: 300;
line-height: 1.2;
}
.modular-right-arrow-wrap {
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.modular-testimonial-02-slider {
background-color: #0000;
width: 100%;
height: 400px;
padding-bottom: 60px;
position: relative;
}
.modular-section-special-1 {
background-color: var(--black);
color: #000001;
width: 100%;
}
.modular-icon-card-small-100pct {
z-index: 1;
background-color: var(--orange);
border: 1px solid #a0a0a073;
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
padding: 2px;
display: flex;
position: relative;
overflow: hidden;
}
.modular-icon-holder {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.modular-slider-arrow-wrap {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 7px;
display: flex;
}
.modular-slider-arrow {
z-index: 2;
background-color: #0000;
flex-flow: row;
width: 40px;
height: 40px;
font-size: 16px;
transition: opacity .4s;
display: flex;
position: absolute;
inset: auto auto 0% 0;
overflow: visible;
}
.modular-slider-arrow:hover {
opacity: .7;
}
.modular-right-arrow {
color: #d5acfe;
width: 100%;
}
.modular-testimonial-08-text-holder {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 3em;
display: flex;
}
.modular-testimonial-08-slider-mask {
width: 60%;
height: 100%;
overflow: visible;
}
.modular-testimonial-08-logo {
width: 100%;
max-width: 100px;
padding-top: 10px;
padding-bottom: 10px;
}
.modular-testimonial-08-logo.auto {
width: auto;
max-width: none;
}
.modular-text-l-3 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.modular-text-l-3.modular-semibold-font {
font-weight: 600;
}
.modular-testimonial-08-slide {
width: 100%;
height: 100%;
min-height: auto;
max-height: 100%;
margin-right: 2.02em;
}
.modular-testimonial-person-detail-holder {
grid-column-gap: 12px;
text-align: left;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modular-testimonial-person-small-image {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687f0b359821ac63d6c9af54_674dc9b8d6d86216248f16f2_Bento%20Transparent%207.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 40px;
width: 43px;
min-width: 43px;
height: 43px;
min-height: 43px;
margin-top: 3px;
}
.modular-testimonial-person-small-image.chicken-soup {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680fb756409c052a27b04b0e_Mark_Victor_Hansen-15.avif");
background-position: 50%;
background-size: cover;
}
.modular-testimonial-person-small-image.puddle-ducks {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd8115b0dab000ca52ed_Puddle%20Ducks%20Logo.avif");
}
.modular-testimonial-person-small-image.rich-dad {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680fc8de57081d2d1f4c1b6f_Robert_Kiyosaki_by_Gage_Skidmore_2.avif");
background-size: cover;
}
.modular-testimonial-person-small-image.bell-media {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d75342e8facb265ff6de63_Bell%20Media%20Logo.avif");
}
.modular-testimonial-person-small-image.organized-interiors {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6887e049596556136e1537eb_Organized%20Interiors%20Icon%20Dark%20Logo.avif");
}
.modular-testimonial-person-small-image.hendra {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687acfcd2868d6aa8c377ff7_Hendra%20Logo.avif");
background-size: 25px;
}
.modular-testimonial-person-small-image.fifty-five {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd7f1332112b268fd942_55-Logo.webp");
}
.modular-testimonial-person-small-image.digital-trading {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd7e96814ce0b760ab5c_Digital%20Trading.avif");
}
.modular-testimonial-person-small-image.action-force {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd7e5787629d9679efa6_Action%20Force%20Logo.avif");
}
.modular-testimonial-person-small-image.alchemy {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d75342ad47577d409b02a7_Alchemy%20Logo.webp");
}
.modular-testimonial-person-small-image.capital-iron {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680c20547d8a457984159bee_Capital%20Iron%20-%20Flat%20White%20Icon%20-%20Welcome%20-%20Logo.avif");
}
.modular-testimonial-person-small-image.rogers {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/680c2054584604d28fbeaff3_Rogers%20Logo.avif");
}
.modular-testimonial-person-small-image.hunter-french {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd7eb7b993172425c543_Hunter%20French%20Logo.avif");
}
.modular-testimonial-person-small-image.roma {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d753422a9764c6d40ae860_Roma%20Italian%20Ristorante%20Logo%202024.avif");
}
.modular-testimonial-person-small-image.tkt {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d7534382f3dab39391b78b_TKT%20-%20Logo.avif");
}
.modular-testimonial-08-holder {
justify-content: center;
align-items: center;
height: 100%;
}
.modular-testimonial-08-logo-wrap {
border-right: 1px solid #a0a0a073;
justify-content: flex-start;
align-items: center;
padding-right: 1em;
display: flex;
}
.modular-testimonial-08-slider {
background-color: #0000;
height: 400px;
padding-bottom: 60px;
position: relative;
}
.modular-testimonial-08-name-holder {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modular-testimonial-08-item {
width: 100%;
height: 100%;
display: flex;
overflow: visible;
}
.modular-h3-heading {
color: var(--background-color);
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Text, Tahoma, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.2;
}
.modular-hero-play-icon {
z-index: 1;
pointer-events: none;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.modular-hero-05-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: left;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: flex-start stretch;
width: 50%;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.modular-play-icon-holder {
background-color: var(--orange);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: 1px solid #ffffff26;
border-radius: 200px;
justify-content: center;
align-items: center;
width: 92px;
height: 92px;
transition: border-color .5s, transform .475s cubic-bezier(.175, .885, .32, 1.275);
display: flex;
}
.modular-play-icon-holder:hover {
border-color: #ffffff9c;
transform: scale(1.1);
}
.hero-link-arrow {
opacity: .8;
justify-content: flex-start;
align-items: center;
width: 14px;
height: 100%;
display: flex;
}
.modular-hero-play-gradient {
z-index: -1;
opacity: 0;
background-color: #0000001f;
position: absolute;
inset: 0%;
}
.modular-hero-05-image-wrap {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
min-height: 100%;
display: flex;
position: relative;
}
.modular-hero-05-image-holder {
border-radius: 32px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modular-hero-link-badge-wrap {
background-color: var(--orange);
border-radius: 100px;
flex-flow: row;
justify-content: center;
align-items: center;
height: 100%;
margin-left: -6px;
padding: 6px 12px;
display: flex;
}
.modular-hero-heading-2 {
transform-origin: 50% 100%;
color: var(--background-color);
letter-spacing: -.03em;
text-wrap: balance;
transform-style: preserve-3d;
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 100px;
font-weight: 500;
line-height: 1em;
transform: perspective(260px)perspective(300px);
}
.modular-hero-05-image-wrapper {
flex-flow: row;
width: 50vw;
margin-left: 3em;
display: flex;
position: absolute;
inset: 0% auto 0% 100%;
}
.modular-hero-05-dashboard-image {
flex-flow: row;
width: 100%;
display: flex;
}
.modular-hero-05-section-hero {
z-index: 1;
position: relative;
overflow: hidden;
}
.modular-hero-05-main-container {
flex-direction: column;
justify-content: center;
width: 100%;
display: flex;
}
.modular-hero-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-transform: none;
background-color: #212121;
border-radius: 100px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 2px 8px;
font-size: 14px;
font-weight: 400;
text-decoration: none;
transition: box-shadow .4s, background-color .4s, color .4s;
display: flex;
}
.modular-hero-link:hover {
background-color: var(--body-text-dark);
text-decoration: none;
}
.modular-play-icon-lightbox {
pointer-events: auto;
color: #fff;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.modular-play-icon-lightbox.absolute {
position: absolute;
}
.modular-hero-link-arrow-icon {
width: 100%;
height: auto;
}
.modular-hero-heading-2nd {
transform-origin: 50% 100%;
color: #000001;
text-wrap: balance;
transform-style: preserve-3d;
margin-top: 0;
font-size: 100px;
font-weight: 700;
line-height: 1.2;
transform: perspective(260px)perspective(300px);
}
.modular-hero-10-section-hero {
z-index: 1;
position: relative;
}
.modular-hero-10-section-bg {
z-index: -1;
border-radius: var(--border);
pointer-events: none;
position: absolute;
inset: 0% 0 20em;
overflow: hidden;
}
.modular-section-2 {
z-index: 1;
background-color: var(--light-contrast);
width: 100%;
position: relative;
}
.modular-home-hero-10-image-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin-top: 5em;
display: flex;
position: relative;
}
.modular-hero-10-content {
grid-column-gap: 3em;
grid-row-gap: 3em;
text-align: left;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: end stretch;
display: grid;
}
.modular-section-hero-bg {
z-index: -1;
background-color: var(--light-contrast);
pointer-events: none;
background-image: none;
position: absolute;
inset: 0%;
}
.modular-section-hero-bg-inside {
position: absolute;
inset: 0%;
}
.modular-hero-description-2nd {
color: #000000a1;
text-wrap: balance;
max-width: 710px;
margin-bottom: 0;
font-size: 22px;
font-weight: 400;
line-height: 1.3;
}
.modular-logos-loop-relative, .modular-logos-loop-content {
width: 100%;
position: relative;
}
.modular-logos-wrapper {
width: 100%;
}
.modular-logos-grid-content {
padding-top: 1em;
padding-bottom: 1em;
}
.logos-image {
color: #8fe9fc;
object-fit: contain;
width: 100%;
max-width: 140px;
height: 100%;
max-height: 25px;
}
.modular-text-2 {
color: #111;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.modular-clients-04-grid {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
width: 100%;
display: grid;
}
.modular-logos-loop {
width: 100%;
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}
.modular-logos-04-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.modular-logos-loop-absolute {
width: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 100%;
}
.modular-heading-logo-wrap {
min-width: 80px;
height: 45px;
display: flex;
}
.modular-heading-logo-wrap.hendra {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687acfcd2868d6aa8c377ff7_Hendra%20Logo.avif");
background-position: 0%;
background-repeat: no-repeat;
background-size: contain;
}
.modular-heading-logo-wrap.puddle-ducks {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd8115b0dab000ca52ed_Puddle%20Ducks%20Logo.avif");
}
.modular-heading-logo-wrap.bell-media {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d755e3de4010172f31806e_Bell%20Media%20Logo.avif");
}
.modular-heading-logo-wrap.organized-interiors {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687abd7f9f52fa8c94aa2759_Organized%20Interiors%20Logo.avif");
}
.modular-h2-heading-3 {
color: var(--background-color);
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-3.light {
color: var(--light);
}
.modular-subtitle-3 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.modular-subtitle-3.light {
color: var(--light);
}
.modular-text-l-4 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.modular-margin-top-xs {
margin-top: .33em;
}
.m-feature-wrapper {
width: 100%;
}
.modular-text-left-2 {
text-align: left;
}
.modular-icon-card {
z-index: 1;
background-color: #fffffe;
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 70px;
min-width: 70px;
max-width: 70px;
padding: 10px;
display: flex;
position: relative;
overflow: hidden;
}
.modular-icon-card-bg {
z-index: -1;
background-color: var(--light-contrast);
position: absolute;
inset: 0%;
}
.modular-features-01-grid {
grid-column-gap: 2em;
grid-row-gap: 4em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
}
.modular-light-grey-text {
opacity: .7;
color: var(--body-text-dark);
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.modular-features-01-grid-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modular-big-card-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-big-card {
z-index: 1;
border-radius: var(--border);
background-color: var(--white);
color: #000001;
width: 100%;
position: relative;
}
.modular-list-item-icon {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #fff;
text-transform: none;
background-color: #d6fc52;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687e99d19cea14c3946d5b23_Black_Check_Icon.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 14px;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 22px;
min-width: 22px;
height: 22px;
min-height: 22px;
font-weight: 500;
transition: box-shadow .4s, background-color .4s, color .4s;
display: flex;
}
.modular-list-item-text-wrap {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 100%;
min-height: 24px;
margin-top: -5px;
display: flex;
}
.modular-list-item-with-icon {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.modular-list-holder {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
width: 100%;
display: flex;
}
.modular-list-item-icon-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
display: flex;
}
.modular-features-07-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 5em;
text-decoration: none;
display: flex;
}
.modular-button-secondary-2 {
grid-column-gap: 5px;
grid-row-gap: 5px;
transform: scale3d(1none, 1none, 1none);
color: #212121;
text-transform: none;
transform-style: preserve-3d;
background-color: #d6fc52;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: transform .375s;
display: flex;
position: relative;
box-shadow: inset 0 0 #d6fc5200;
}
.modular-button-secondary-2:hover {
clear: left;
color: #212121;
background-color: #d6fc52;
text-decoration: none;
transform: scale(1.05);
}
.modular-button-icon-3 {
color: inherit;
width: auto;
height: 17px;
}
.modular-features-07-grid {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.modular-text-3 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.icon {
color: #fff;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.modular-cta-01-content-holder {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 53%;
max-width: 53%;
height: 100%;
padding-top: 3em;
padding-bottom: 3em;
padding-left: 3em;
display: flex;
position: relative;
}
.modular-subscribe-2 {
width: 100%;
min-width: 470px;
margin-bottom: 0;
}
.modular-margin-top {
margin-top: 1.5em;
}
.modular-cta-image-background {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modular-cta-image-background.blur {
filter: blur(20px);
}
.modular-cta-image {
object-fit: cover;
object-position: 0% 0%;
border-radius: 16px;
min-width: 100%;
height: 100%;
}
.modular-cta-01-container {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 4em;
padding-bottom: 4em;
display: flex;
position: relative;
overflow: hidden;
}
.modular-cta-01-img-holder {
position: absolute;
inset: 0%;
}
.modular-h2-heading-4 {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-4.modular-color-inherit {
color: inherit;
}
.modular-cta-wrapper {
width: 100%;
overflow: hidden;
}
.modular-cta-01-image-wrap {
width: 42%;
height: 100%;
position: absolute;
top: 4em;
left: 60%;
}
.modular-subscribe-2-form {
z-index: 1;
width: 100%;
position: relative;
}
.modular-cta-01-small-image {
width: 40%;
position: absolute;
inset: 5% auto auto 20%;
}
.modular-cta-card {
z-index: 1;
background-color: var(--orange);
color: #212121;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ea4643f2c9d31825ae8e7_Lines.svg");
background-position: 50%;
background-size: auto;
border-radius: 32px;
width: 100%;
position: relative;
overflow: hidden;
}
.modular-success-message-2 {
color: #212121;
background-color: #fffffe;
border: 1px solid #212121;
padding: 16px;
font-size: 16px;
line-height: 1.2;
}
.modular-subscribe-2-button-wrap {
padding: 6px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.modular-cta-image-bg-wrap {
z-index: -1;
position: absolute;
inset: 0%;
overflow: hidden;
}
.modular-cta-card-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-section-3 {
z-index: 1;
background-color: #fffffe;
width: 100%;
position: relative;
}
.modular-text-4 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-4.modular-color-inherit {
color: inherit;
}
.modular-cta-01-heading {
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.modular-cta-image-wrap {
background-color: #00000008;
border-radius: 24px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 5px;
display: flex;
position: relative;
}
.modular-text-wrap {
text-wrap: balance;
}
.modular-error-message-2 {
color: #212121;
background-color: #ffdedd;
margin-top: 10px;
padding: 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.2;
}
.modular-bento-grid-tall-img-wrap {
flex: 1;
width: 100%;
min-height: 200px;
position: relative;
}
.modular-bento-grid-card-4th {
z-index: 1;
border-radius: var(--border);
background-color: var(--background-color);
color: #fffffe;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ed2dcb0da5152aa8e1e30_Square%20Bento%20Lines.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modular-bento-section-bg-wrap {
z-index: 0;
background-color: var(--light-contrast);
position: absolute;
inset: 0%;
overflow: hidden;
}
.modular-bento-grid-normal {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.modular-bento-grid-normal-img-wrap {
flex: 1;
width: 100%;
min-height: 200px;
position: relative;
}
.modular-bento-mask-bottom {
position: absolute;
inset: 0%;
-webkit-mask-image: linear-gradient(to top, #0000 0%, #000 15%);
mask-image: linear-gradient(to top, #0000 0%, #000 15%);
}
.modular-bento-grid-card-1st {
z-index: 1;
border-radius: var(--border);
background-color: var(--background-color);
color: #fffffe;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ed2dcb0da5152aa8e1e31_Tall%20Bento%20Lines.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modular-bento-card-content {
text-wrap: balance;
padding: 2.02em;
}
.modular-bento-grid-tall {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.modular-h5-heading {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
}
.modular-h5-heading.modular-color-inherit {
color: inherit;
}
.modular-bento-grid-wide-img-wrap {
flex: 1;
width: 100%;
height: 100%;
min-height: 200px;
position: relative;
}
.modular-bento-grid-card-4-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.m-bento-grid-wrapper {
width: 100%;
}
.modular-bento-grid-wide-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modular-text-center {
text-align: center;
}
.modular-bento-grid-card-4-img-holder {
display: block;
position: absolute;
inset: 0%;
}
.modular-bento-section-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modular-bento-grid-wide-v {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
}
.modular-bento-grid-card-2-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-section-4 {
z-index: 1;
background-color: #fffffe;
width: 100%;
position: relative;
}
.modular-bento-grid-card-1-img-holder {
display: block;
position: absolute;
inset: 0%;
}
.modular-bento-grid-card-3rd {
z-index: 1;
border-radius: var(--border);
background-color: var(--background-color);
color: #fffffe;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ed2dcb0da5152aa8e1e30_Square%20Bento%20Lines.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modular-text-5 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-5.modular-color-inherit {
color: inherit;
}
.modular-bento-grid-card-2-img-holder {
display: block;
position: absolute;
inset: 0%;
}
.modular-bento-grid-card-3-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-container-2 {
z-index: 2;
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 5em 2em;
position: relative;
}
.modular-bento-grid-tall-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modular-bento-grid-card-1-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-bento-grid-3d {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.modular-bento-grid-card-3-img-holder {
display: block;
position: absolute;
inset: 0%;
}
.modular-bento-grid-normal-img {
object-fit: contain;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.modular-bento-grid-card-2nd {
z-index: 1;
border-radius: var(--border);
background-color: var(--background-color);
color: #fffffe;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ed2dcb0da5152aa8e1e30_Square%20Bento%20Lines.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modular-bento-grid-6th {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: 1fr 1fr 1fr 1fr auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.modular-bento-grid-card-5th {
z-index: 1;
color: #fffffe;
background-color: #212121;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ed33d507d909564249f13_Wide%20Bento%20Lines.svg");
background-position: 50%;
background-size: cover;
border-radius: 24px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.modular-bento-mask-top {
position: absolute;
inset: 0%;
-webkit-mask-image: linear-gradient(#0000 0%, #000 15%);
mask-image: linear-gradient(#0000 0%, #000 15%);
}
.modular-bento-grid-card-special-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-button-icon-4 {
color: inherit;
width: auto;
height: 17px;
}
.modular-button-secondary-3 {
grid-column-gap: 5px;
grid-row-gap: 5px;
transform: scale3d(1none, 1none, 1none);
color: #212121;
text-transform: none;
transform-style: preserve-3d;
background-color: #d6fc52;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: transform .375s;
display: flex;
position: relative;
box-shadow: inset 0 0 #d6fc5200;
}
.modular-button-secondary-3:hover {
clear: left;
color: #212121;
background-color: #d6fc52;
text-decoration: none;
transform: scale(1.05);
}
.modular-bento-grid-card-special {
z-index: 1;
border-radius: var(--border);
background-color: var(--background-color);
color: #fffffe;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.modular-bento-grid-card-5-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-text-6 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-6.modular-color-inherit {
color: inherit;
}
.modular-container-3 {
z-index: 2;
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 5em 2em;
position: relative;
}
.modular-container-3.modular-container-on-bg.gap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
display: flex;
}
.modular-max-width-60pct {
max-width: 60%;
}
.modular-stars {
grid-column-gap: 3px;
grid-row-gap: 3px;
display: flex;
}
.modular-stars.top-padding {
margin-top: 10px;
}
.modular-hero-11-section-hero {
z-index: 1;
position: relative;
}
.modular-star {
z-index: 1;
color: inherit;
width: 30px;
height: 30px;
padding: 5px;
position: relative;
}
.modular-hero-11-main-content {
z-index: 2;
position: relative;
}
.modular-hero-11-play-wrap {
z-index: 2;
pointer-events: none;
flex-flow: column;
justify-content: center;
align-items: center;
padding-right: 0;
display: flex;
position: absolute;
inset: 0%;
transform: translate(0);
}
.modular-hero-11-play-wrap.mobile {
display: none;
}
.modular-small-container {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 980px;
margin-left: auto;
margin-right: auto;
padding: 3em 2em;
display: flex;
position: relative;
}
.modular-logos-loop-relative-2 {
position: relative;
}
.modular-hero-default-section-bg {
z-index: -1;
display: block;
position: absolute;
inset: 0%;
}
.modular-hero-description-2 {
color: #000000a1;
text-wrap: balance;
max-width: 710px;
margin-bottom: 0;
font-size: 22px;
font-weight: 400;
line-height: 1.3;
}
.modular-hero-11-product {
z-index: 4;
pointer-events: auto;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.modular-hero-gradient-holder {
flex-direction: row;
justify-content: center;
align-items: flex-end;
width: 100vw;
height: 50%;
display: flex;
position: absolute;
bottom: 0;
overflow: hidden;
}
.home-hero-container {
z-index: 1;
flex-direction: column;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.modular-hero-11-product-dashboard-wrap {
border-radius: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.hero-buttons-line {
opacity: .2;
background-image: linear-gradient(90deg, #fff0, #212121);
width: 200px;
height: 1px;
margin-right: 20px;
position: absolute;
inset: auto 100% auto auto;
}
.hero-buttons-line.hero-buttons-line-2nd {
margin-left: 20px;
margin-right: auto;
left: 100%;
right: auto;
transform: rotate(180deg);
}
.modular-hero-11-product-container {
z-index: 99;
pointer-events: none;
border-radius: 32px;
flex-direction: column;
align-items: center;
width: 100%;
height: 100vh;
margin-top: -90px;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
position: relative;
overflow: hidden;
}
.modular-hero-cta-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 1.01em;
display: flex;
position: relative;
}
.star-icon {
width: 100%;
height: 100%;
position: relative;
}
.modular-rating {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #212121;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modular-rating.left-align {
justify-content: center;
align-items: flex-start;
}
.modular-rating.spread {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
padding-top: 10px;
}
.modular-hero-01-gradient-wrap {
flex-flow: column;
justify-content: flex-end;
align-items: center;
height: 50%;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.modular-hero-11-dashboard-2-wrap {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
transform: translate(0, 50%);
}
.logos-image-2 {
color: #d5acfe;
object-fit: contain;
width: 100%;
max-width: 140px;
height: 100%;
max-height: 25px;
}
.modular-hero-01-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.modular-subscribe-1-button-wrap-2 {
padding: 8px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.modular-text-7 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-7.modular-color-inherit {
color: inherit;
}
.modular-logos-01-grid {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.hero-clients-wrap {
opacity: .5;
width: 100%;
margin-bottom: 2em;
padding-top: 10px;
transition: opacity .4s;
position: relative;
}
.hero-clients-wrap:hover {
opacity: .8;
}
.modular-star-bg {
z-index: -1;
background-color: var(--orange);
border-radius: 8px;
position: absolute;
inset: 0%;
}
.modular-hero-11-product-dashboard-image-holder {
width: 100%;
max-height: 100%;
position: relative;
}
.modular-section-hero-bg-2 {
z-index: -1;
pointer-events: none;
background-color: #d6fc52;
background-image: none;
position: absolute;
inset: 0%;
}
.modular-hero-gradient-box {
z-index: -2;
border-bottom-right-radius: 64px;
border-bottom-left-radius: 64px;
width: 90%;
height: 100%;
position: absolute;
bottom: 0;
overflow: hidden;
-webkit-mask-image: linear-gradient(#0000 15%, #000 70%);
mask-image: linear-gradient(#0000 15%, #000 70%);
}
.modular-hero-11-dashboard {
z-index: 1;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
max-width: none;
height: auto;
max-height: 100%;
position: relative;
}
.modular-hero-11-dashboard.modular-hero-11-dashboard-2nd {
position: absolute;
inset: 0%;
transform: translate(0, -50%);
}
.modular-hero-anim-load-opacity {
width: 100%;
}
.modular-hero-11-product-full {
width: 100%;
height: 200vh;
display: block;
position: relative;
}
.modular-hero-11-product-sticky {
min-height: auto;
padding-top: 0;
position: sticky;
top: 0;
}
.modular-sticky-content {
position: sticky;
top: 100px;
}
.modular-features-03-grid-boxes {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.modular-h2-heading-5 {
color: var(--background-color);
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-5.padding {
margin-bottom: 0;
}
.modular-features-03-item {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 2.02em;
text-decoration: none;
display: flex;
}
.modular-feature-03-item-wrap {
flex-flow: row;
width: 100%;
height: 100%;
display: flex;
}
.modular-features-03-main-grid {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1.8fr;
grid-auto-columns: 1fr;
display: grid;
}
.modular-icon-card-bg-2 {
z-index: -1;
background-color: #fafafa;
position: absolute;
inset: 0%;
}
.modular-h2-heading-6 {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-6.modular-color-inherit {
color: inherit;
}
.modular-cta-card-2 {
z-index: 1;
color: #212121;
background-color: #d6fc52;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ea4643f2c9d31825ae8e7_Lines.svg");
background-position: 50%;
background-size: auto;
border-radius: 32px;
width: 100%;
position: relative;
overflow: hidden;
}
.modular-text-8 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-8.modular-color-inherit {
color: inherit;
}
.modular-cta-08-list-right {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding-right: 1em;
display: flex;
}
.modular-h2-heading-7 {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-7.modular-color-inherit {
color: var(--heading-color);
}
.modular-cta-03-content {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 610px;
display: flex;
}
.modular-cta-08-list-left {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding-right: 1em;
display: flex;
transform: translate(3em);
}
.modular-author-img-wrap {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modular-cta-08-container {
z-index: 2;
grid-column-gap: 2.01em;
grid-row-gap: 2.01em;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.modular-cta-08-list-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 3em;
display: flex;
position: absolute;
inset: 0% 0% 0 40%;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20%);
mask-image: linear-gradient(to right, #0000 0%, #000 20%);
}
.modular-cta-card-3 {
z-index: 1;
border-radius: var(--border);
background-color: var(--accent);
color: #212121;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ea4643f2c9d31825ae8e7_Lines.svg");
background-position: 50%;
background-size: auto;
width: 100%;
position: relative;
overflow: hidden;
}
.modular-button-secondary-4 {
grid-column-gap: 5px;
grid-row-gap: 5px;
transform: scale3d(1none, 1none, 1none);
color: #212121;
text-transform: none;
transform-style: preserve-3d;
background-color: #d6fc52;
border-radius: 12px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: transform .375s;
display: flex;
position: relative;
box-shadow: inset 0 0 #d6fc5200;
}
.modular-button-secondary-4:hover {
clear: left;
color: #212121;
background-color: #d6fc52;
text-decoration: none;
transform: scale(1.05);
}
.modular-cta-08-content-holder {
z-index: 2;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 40%;
max-width: 40%;
padding-top: 10em;
padding-bottom: 3em;
padding-left: 3em;
display: flex;
position: relative;
}
.modular-cta-03-buttons {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.modular-text-9 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-9.modular-color-inherit {
color: inherit;
}
.modular-cta-08-author-list {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 10000px;
min-width: 10000px;
display: flex;
}
.modular-cta-08-author-info {
grid-column-gap: 10px;
grid-row-gap: 10px;
direction: ltr;
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
font-size: 16px;
display: flex;
position: relative;
}
.modular-author-image-medium {
object-fit: cover;
border: 1px solid #a0a0a073;
border-radius: 100px;
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
}
.modular-cta-08-author-item {
padding: .5em 1.5em .5em .5em;
}
.modular-author-text {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: 100%;
display: flex;
}
.modular-grey-text-3 {
color: #7e7e7e;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.modular-card-2 {
z-index: 1;
color: #252822;
border: 1px solid #d2d4d0;
border-radius: 24px;
width: 100%;
position: relative;
}
.modular-big-card-2 {
z-index: 1;
color: #0e0f0c;
border: 1px solid #d2d4d0;
border-radius: 24px;
width: 100%;
position: relative;
}
.modular-h1-heading-3 {
color: #151f16;
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 10px;
font-size: 90px;
font-weight: 900;
line-height: 1.1;
}
.modular-icon-2 {
color: #69d254;
object-fit: contain;
width: 100%;
height: auto;
}
.modular-h2-heading-8 {
color: #151f16;
margin-top: 0;
margin-bottom: 10px;
font-size: 72px;
font-weight: 900;
line-height: 1.2;
}
.modular-subtitle-4 {
color: #111112;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
.modular-text-l-5 {
color: #0e0f0c;
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
}
.modular-features-image-bg {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/68803004b18b05f094fa962c_Feature%20bg%201.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 6px;
position: absolute;
inset: 0%;
}
.modular-features-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.modular-features-02-grid-big {
grid-column-gap: 3em;
grid-row-gap: 3em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
padding: 30px;
}
.modular-icon-card-2 {
z-index: 1;
background-color: #edefec;
border-radius: 64px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 70px;
min-width: 70px;
max-width: 70px;
padding: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.modular-features-02-content {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 24px;
text-decoration: none;
display: flex;
}
.modular-features-image-wrap {
z-index: 1;
border-radius: 8px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.modular-section-5 {
z-index: 1;
background-color: #fafafa;
width: 100%;
position: relative;
}
.modular-feature-02-item {
flex-flow: row;
width: 100%;
height: 100%;
display: flex;
}
.modular-icon-card-bg-3 {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-light-grey-text-2 {
opacity: .7;
color: #7c8078;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.modular-h3-heading-2 {
color: #151f16;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 10px;
font-size: 55px;
font-weight: 800;
line-height: 1.2;
}
.modular-grey-text-4 {
color: #484848;
font-size: 16px;
line-height: 1.3;
}
.modular-card-3 {
z-index: 1;
border-radius: var(--border);
background-color: var(--white);
color: #000002;
width: 100%;
position: relative;
}
.modular-h1-heading-4 {
color: var(--background-color);
margin-top: 0;
margin-bottom: 10px;
font-family: Halyard Display, Tahoma, sans-serif;
font-size: 70px;
font-weight: 500;
}
.modular-testnimonial-01-loop-content {
width: 100%;
position: relative;
}
.modular-testimonial-01-header {
justify-content: space-between;
align-items: center;
display: flex;
}
.modular-gallery-loop-relative {
position: relative;
}
.modular-testimonial-01-loop {
flex-flow: column;
display: flex;
}
.modular-h2-heading-9 {
color: #000002;
margin-top: 0;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.2;
}
.modular-subtitle-5 {
color: #111112;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
}
.modular-text-l-6 {
color: #000002;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
}
.modular-h5-heading-2 {
color: #000002;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
}
.modular-testimonial-loop {
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}
.modular-gallery-grid-wrap {
width: 100%;
}
.modular-gallery-loop-absolute {
width: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 100%;
}
.modular-gallery-loop-absolute.modular-gallery-loop-absolute-reverse {
inset: 0% 100% 0% auto;
}
.modular-text-10 {
margin-top: 0;
margin-bottom: 0;
}
.modular-testimonial-01-item-wrap {
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.modular-testimonial-01-item {
grid-column-gap: 16px;
grid-row-gap: 15px;
text-wrap: balance;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 30px;
display: inline-block;
}
.modular-section-special-2 {
background-color: var(--accent);
width: 100%;
}
.modular-testimonial-01-grid-loop {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: .5em;
padding-right: .5em;
display: grid;
}
.modular-testimonial-loop-reverse {
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
position: relative;
overflow: hidden;
-webkit-mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
mask-image: linear-gradient(to right, #0000 0%, #000 20% 80%, #0000 100%);
}
.modular-grey-text-5 {
color: #000000a1;
font-size: 16px;
line-height: 1.3;
}
.modular-card-4 {
z-index: 1;
color: #212121;
background-color: #fbfbfb;
border-radius: 24px;
width: 100%;
position: relative;
}
.modular-h2-heading-10 {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-text-l-7 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
}
.modular-h5-heading-3 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
}
.modular-testimonial-person-small-image-2 {
object-fit: cover;
border-radius: 40px;
width: 43px;
min-width: 43px;
height: 43px;
min-height: 43px;
margin-top: 3px;
}
.modular-text-11 {
color: var(--body-text-dark);
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-section-special-3 {
color: #000001;
background-color: #f6f6f6;
width: 100%;
}
.testimonial-video-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.path {
color: var(--background-color);
}
.modular-button-ios-icon {
color: inherit;
width: auto;
height: 17px;
}
.modular-cta-10-small-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.modular-cta-10-content {
z-index: 2;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 200000px;
min-width: 200000px;
padding-left: 40px;
display: flex;
position: relative;
}
.modular-cta-10-card-wrap-big {
grid-column-gap: 1em;
grid-row-gap: 1em;
text-align: center;
text-wrap: balance;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 3em;
padding-bottom: 3em;
display: flex;
}
.modular-text-extrabig-loop-wrap {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
padding-right: 70px;
display: flex;
}
.modular-simple-text-2 {
line-height: inherit;
font-size: inherit;
color: inherit;
margin-top: 0;
margin-bottom: 0;
}
.modular-cta-card-4 {
z-index: 1;
background-color: var(--accent);
color: #212121;
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/687ea4643f2c9d31825ae8e7_Lines.svg");
background-position: 50%;
background-size: auto;
border-radius: 32px;
width: 100%;
position: relative;
overflow: hidden;
}
.modular-cta-10-form-wrap {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.modular-cta-10-icon {
max-width: 100px;
margin-left: auto;
margin-right: auto;
}
.modular-ios-button-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-text-extrabig {
transform-origin: 50% 100%;
color: #000001;
text-wrap: balance;
transform-style: preserve-3d;
margin-top: 0;
margin-bottom: 0;
font-size: 200px;
font-weight: 500;
line-height: 1;
transform: perspective(260px)perspective(300px);
}
.modular-text-extrabig.modular-color-inherit {
color: inherit;
}
.modular-hero-icon {
color: #d5acfe;
width: 100%;
}
.modular-app-icon {
width: 100%;
}
.modular-button-android-icon {
color: inherit;
width: auto;
height: 17px;
}
.modular-text-12 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-12.modular-color-inherit {
color: inherit;
}
.modular-cta-10-buttons {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.modular-android-button-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-cta-10-text {
z-index: 1;
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
display: flex;
position: relative;
overflow: visible;
}
.modular-subscriber-image-2 {
object-fit: cover;
border: 1px solid #d6fc52;
border-radius: 100px;
width: 38px;
min-width: 38px;
height: 38px;
}
.modular-subscriber-image-2.modular-subscriber-image-3rd, .modular-subscriber-image-2.modular-subscriber-image-2nd {
margin-left: -10px;
}
.modular-cta-04-buttons {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
display: flex;
}
.modular-cta-04-content {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.modular-cta-image-overlay {
pointer-events: none;
background-color: #0000004d;
position: absolute;
inset: 0%;
}
.modular-h2-heading-11 {
color: #000001;
margin-top: 0;
margin-bottom: 10px;
font-family: halyard-display;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.modular-h2-heading-11.modular-color-inherit {
color: inherit;
font-family: Halyard Display, Tahoma, sans-serif;
}
.modular-cta-04-full {
position: relative;
overflow: hidden;
}
.modular-cta-04-footer {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: space-between;
align-items: center;
margin-top: 3em;
display: flex;
}
.modular-vertical-flex-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.modular-text-13 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.modular-text-13.modular-subscribe-white-7 {
color: #fff;
}
.modular-text-13.modular-color-inherit {
color: inherit;
}
.modular-cta-04-full-content-holder {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 100%;
display: flex;
position: relative;
}
.modular-cta-04-main-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.modular-cta-04-icon {
width: 100%;
}
.modular-cta-04-icon-wrap {
background-color: #fffffe;
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 150px;
min-width: 150px;
height: 150px;
padding: 1em;
display: flex;
}
.modular-cta-04-container {
grid-column-gap: 4em;
grid-row-gap: 4em;
color: #fefefe;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.modular-cta-04-image-wrap {
z-index: -1;
position: absolute;
inset: 0%;
}
.modular-cta-10-wrap {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
text-wrap: balance;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.modular-cta-07-form-block {
max-width: 500px;
margin-bottom: 0;
}
.modular-text-14 {
color: #000001;
margin-top: 0;
margin-bottom: 0;
font-size: 19px;
font-weight: 400;
line-height: 1.3;
}
.div-block-1751 {
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.relative {
justify-content: space-between;
align-items: center;
margin-left: -30px;
margin-right: -30px;
display: flex;
position: relative;
}
.fine-print {
color: var(--body-text-dark);
font-size: 14px;
font-style: italic;
line-height: 20px;
}
.fine-print.light {
color: var(--body-text-light);
}
.italic-text-2 {
font-size: 12px;
}
.typeform-wrapper-e3dfl3nd {
height: 500px;
}
.calendly-full-page-wrapper {
background-color: var(--heading-color);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 120px;
padding-bottom: 120px;
display: flex;
}
.calendly-embed {
width: 100%;
height: 100%;
}
.landing-nav-logo {
z-index: 999999;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.landing-logo {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6855a89a02ec2a73eeeb2b63_Exposure%20Combination%20Mark%202025.avif");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 175px;
height: 60px;
}
.desktop {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.mobile {
display: none;
}
.modular-logo-nav {
z-index: 2;
background-color: var(--light-contrast);
justify-content: center;
align-items: center;
width: 100%;
padding-top: 1em;
padding-left: 5em;
padding-right: 5em;
display: flex;
position: relative;
}
.modular-logo-nav.modular-nav-container {
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.heading-15 {
font-family: Ivy Presto, Georgia, sans-serif;
}
@media screen and (min-width: 1280px) {
.home-one-hero-merquee-item {
padding-top: 10px;
padding-bottom: 10px;
}
.heading-six.chnage-heading-color.change-size {
font-size: 25px;
line-height: 33px;
}
.nav-one-main-wrapper {
grid-template-columns: 2fr 1fr 1.5fr;
}
.home-one-project-click-wrapper {
padding-bottom: 160px;
}
.merquee-text {
font-size: 300px;
}
.home-one-about-main-effect {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.home-one-about-dimond {
margin-bottom: -10px;
}
.button-main.change-button-padding {
padding-left: 40px;
padding-right: 40px;
}
.about-text {
font-size: 85px;
line-height: 70px;
}
.home-one-about-effect-line {
justify-content: flex-start;
align-items: flex-end;
}
.home-one-about-effect-line.change-gap {
margin-bottom: 0;
}
.home-one-about-text.change-mergin {
margin-left: -25px;
}
.diamond-image {
width: 80%;
height: auto;
}
.heading-five {
font-size: 60px;
line-height: 64px;
}
.heading-five.change-color-white.change-size {
max-width: 430px;
}
.heading-five.chnage-size {
font-size: 60px;
line-height: 64px;
}
.heading-five.change-heading-color.chnage-font-size {
font-size: 50px;
line-height: 54px;
}
.home-one-agency-design-text {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.heading-two {
font-size: 160px;
line-height: 130px;
}
.home-one-logo-heading-overlay.change-height {
height: 35%;
margin-bottom: -10px;
}
.heading-one {
font-size: 200px;
line-height: 170px;
}
.heading-one.no-wrap.chnage-font-size {
font-size: 140px;
}
.heading-four, .heading-four.chnage-color-grey.text-no-wrap {
font-size: 80px;
line-height: 80px;
}
.card-small-text {
font-size: 50px;
line-height: 45px;
}
.home-one-reason {
padding-top: 60px;
}
.home-one-tool-item-paragraph {
max-width: 404px;
}
.home-one-tool-main-heading {
max-width: 350px;
}
.home-one-tool-item-heading-wrapper {
flex-flow: column;
}
.home-one-tool-wrapper {
height: 820px;
display: flex;
}
.home-one-project-main-text {
max-width: 1100px;
}
.home-one-service-scroll-down.chnage-position {
left: 80px;
}
.home-one-project-button {
top: 4%;
right: 35%;
}
.heading-three {
font-size: 120px;
line-height: 110px;
}
.home-one-effect-overlay {
background-image: linear-gradient(#070616 20%, #070616cc 32%, #07061600 50%, #070616cc 68%, #070616 79%);
}
.footer-big-merquee-wrapper {
padding-top: 0;
}
.footer-one-right-wrapper {
flex: 0 27%;
}
.footer-one-heading {
max-width: 683px;
}
.footer-one-wrapper {
justify-content: space-around;
padding-bottom: 40px;
}
.footer-one-right.change-sizing {
flex: 0 553px;
}
.counter-box.big-counter {
height: 64px;
}
.home-two-hero-text-bottom {
max-width: 500px;
}
.home-two-hero-flower {
width: 60%;
}
.home-two-big-text {
font-size: 270px;
}
.home-two-about-text-white-wrapper {
width: 74%;
}
.home-two-about-paragraph-text-wrapper {
width: 67%;
}
.home-one-about-dimond-main {
margin-bottom: -20px;
}
.home-one-about-dimond-main.change-width {
max-width: 120px;
margin-bottom: 0;
}
.home-two-text-right {
margin-left: 0;
}
.diamond-image-new {
width: auto;
height: auto;
}
.home-two-project-details-wrapper {
grid-column-gap: 160px;
grid-row-gap: 160px;
padding-bottom: 100px;
}
.home-two-project-heading {
max-width: 900px;
}
.heading-three-new {
font-size: 120px;
line-height: 110px;
}
.home-two-project-top-wrapper {
padding-bottom: 70px;
}
.home-two-team-heading {
max-width: 750px;
}
.home-two-team-member-image {
flex: none;
margin-left: -200px;
}
.home-two-team-left {
padding-right: 300px;
}
.home-two-count-right-main {
max-width: 300px;
}
.home-two-count-arrow-wrapper {
width: 59px;
height: 59px;
}
.home-two-count-right-text, .home-two-two-grow-top-right {
max-width: 500px;
}
.home-two-grow {
padding-top: 170px;
padding-bottom: 170px;
}
.home-two-grow-top {
padding-top: 90px;
padding-left: 100px;
padding-right: 100px;
}
.home-two-news-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.home-two-news-left-heading {
flex: 1;
max-width: 700px;
}
.home-two-news-left-button {
margin-left: -200px;
}
.home-two-team-right-text-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.home-two-team-member-name {
width: 100px;
padding-left: 10px;
padding-right: 10px;
}
.home-three-banner-text {
max-width: 1061px;
}
.home-three-about-bottom {
grid-column-gap: 180px;
grid-row-gap: 180px;
justify-content: flex-start;
}
.home-three-about-bottom-wrapper {
max-width: 685px;
}
.home-three-vedio-email {
padding-right: 15px;
}
.home-three-project-details {
padding-bottom: 60px;
}
.home-three-project-small-heading {
padding-bottom: 20px;
}
.home-three-project-arrow-wrapper {
top: 35px;
right: 35px;
}
.home-three-project-left-top {
padding-bottom: 20px;
}
.home-three-project-client {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.home-three-team-heading {
max-width: 1000px;
}
.home-three-team-item.change-padding-top {
margin-left: 0;
}
.home-three-team-item.change-padding-top.four, .home-three-team-item.change-padding-top.two {
margin-top: 416px;
}
.home-three-team-heading-image {
background-size: auto 90px;
}
.home-three-team-top.chnage-margin-left {
margin-top: -60px;
}
.home-three-testimonial-heading {
max-width: 550px;
}
.footer-three-social-item-wrapper {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.footer-three-social-item {
flex: 1;
max-width: 410px;
}
.about-one-about-left.chnage-style {
padding-left: 80px;
}
.about-one-client {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: row;
}
.about-one-project-two-heading.change-style {
padding-bottom: 40px;
}
.about-one-project-arrow {
display: block;
}
.about-one-logo-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.about-one-contact-right, .about-one-contact-left {
padding-left: 60px;
}
.about-three-hero-heading.overflow-hidden {
padding-right: 600px;
}
.about-three-growth-heading {
max-width: 900px;
}
.about-three-growth-item-image {
width: 60px;
height: 60px;
}
.about-three-growth-item.chnmage-padding-direction {
padding-left: 60px;
}
.about-three-team-main-heading {
max-width: 550px;
}
.about-three-team-heading {
grid-column-gap: 200px;
grid-row-gap: 200px;
}
.about-three-rating-item {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.about-three-rating-wrapper {
padding-left: 100px;
padding-right: 100px;
}
.about-three-portfolio-middle {
margin-top: 0;
}
.home-three-service-item-image {
height: 517px;
}
.home-three-service-item-small-details {
max-width: 280px;
}
.home-three-service-item-main-heading {
width: 100px;
}
.home-three-service-item-top-details {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-one-service-image {
flex: 0 auto;
}
.service-one-service-main {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.service-one-process-wrapper {
padding-left: 100px;
padding-right: 100px;
}
.service-one-business-customer-left {
grid-column-gap: 90px;
grid-row-gap: 90px;
}
.service-one-business-wrapper {
padding-left: 40px;
padding-right: 40px;
}
.service-one-business-customer-rating {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.service-one-process-item-wrapper {
padding-top: 50px;
padding-bottom: 50px;
}
.service-three-image-button {
padding-left: 140px;
}
.service-one-image-bottom-left {
bottom: 10%;
left: 5%;
}
.service-one-image-heading {
max-width: 1100px;
}
.service-two-hero-image {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce62473a_service2Banner%20img.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.service-two-service-item-bottom-left {
max-width: 450px;
}
.service-two-service-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.service-two-service-item-heading {
padding-bottom: 40px;
}
.service-two-service-item-bottom {
flex-flow: row;
}
.service-two-planning-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-two-planning-item-wrapper {
height: 198px;
}
.service-two-planning-item-wrapper.one {
margin-bottom: 0;
}
.service-two-green-line {
height: 198px;
}
.service-two-testimonial-item-details {
max-width: 368px;
}
.service-two-about-testimonial {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
display: flex;
}
.service-two-contact-main {
padding-bottom: 40px;
}
.service-two-contact-heading {
max-width: 1000px;
}
.service-two-contact-button {
justify-content: center;
align-items: center;
padding-top: 60px;
display: flex;
}
.service-two-contact {
padding-top: 160px;
}
.service-three-hero-heading.overflow-hidden, .service-there-hero-button {
z-index: 5;
position: relative;
}
.service-three-project-item-paragraph {
max-width: 284px;
}
.service-three-text-heading {
max-width: 900px;
}
.service-three-vedio-overlay {
padding-right: 100px;
}
.service-three-work-item-button {
padding-left: 10px;
padding-right: 10px;
}
.service-three-work-item-button-wrapper {
grid-template-columns: 2fr 2fr 2fr 1.5fr;
}
.team-one-main-headding {
max-width: 1000px;
}
.team-three-member {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.team-details-hero-wrapper.position-relative {
justify-content: flex-start;
align-items: center;
}
.team-details-hero-heading.margin-bottom-thirty {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.team-details-social-icons {
display: flex;
}
.hover-in-icon.change-filter {
filter: invert();
}
.blog-two-post-item-heading.change-max-width {
max-width: 100%;
}
.blog-two-post-left, .blog-two-post-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.blog-two-post-item-details {
padding-left: 40px;
padding-right: 40px;
}
.blog-three-hero-item {
padding-bottom: 30px;
}
.blog-three-hero-item-details {
padding: 80px 60px 80px 100px;
}
.blog-three-hero-main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.blog-three-hero-item-heading {
max-width: 660px;
}
.blog-details-hero-heading {
max-width: 1200px;
}
.blog-details-blog-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.portfolio-two-project-image {
height: 300px;
}
.order-confirmation-hero-heading {
max-width: 1000px;
}
.contact-one-right-main-heading {
max-width: 600px;
}
.contact-one-hero-design-middle {
padding-left: 60px;
padding-right: 60px;
}
.contact-two-contact-item {
border-bottom: 1px solid #c2c2c2;
}
.contact-two-service-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
}
.contact-three-contact.is--funnel {
padding-bottom: 120px;
}
.contact-three-contact-form {
padding-left: 100px;
}
.contact-three-item {
grid-column-gap: 100px;
grid-row-gap: 100px;
justify-content: space-between;
align-items: flex-start;
padding-right: 100px;
}
.contact-three-item-image {
max-width: none;
}
.contact-three-item-left {
flex-basis: 30%;
}
.contact-three-item-location {
max-width: none;
}
.pricing-plan-item {
padding-left: 40px;
padding-right: 40px;
}
.heading-four-5 {
font-size: 24px;
line-height: 34px;
}
.landing-page-heading-wrapper {
max-width: 1000px;
}
.landing-page-query-right.change-width {
max-width: 770px;
}
.landing-main-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.landing-main-wrapper.change-display {
grid-row-gap: 60px;
}
.landing-pge-cta-wrapper {
padding: 50px 80px;
}
.landing-page-cta-paragraph {
max-width: 650px;
}
.landing-page-cms-heading {
max-width: 700px;
}
.nav-intro-item {
font-size: 14px;
}
.nav-hero-container {
max-width: 100%;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.header-link-item {
padding-left: 20px;
padding-right: 20px;
}
.right-header-wrapper {
grid-column-gap: 30px;
}
.section-container-2 {
min-height: auto;
padding-bottom: 80px;
}
.large-base-container {
max-width: 1230px;
}
.home-2-grid {
display: flex;
}
.hero-home-background {
justify-content: space-between;
width: 100%;
display: flex;
}
.flex-about-us-wrap {
grid-template-columns: auto 37%;
}
.contact-us-description {
width: 98%;
}
.top-contact-us-con {
width: 90%;
}
}
@media screen and (min-width: 1440px) {
.nav-one-main-wrapper {
grid-template-columns: 1.5fr 1fr 1.5fr;
}
.big-container {
z-index: 5;
position: static;
}
.home-one-hero-merquee {
padding-bottom: 400px;
}
.about-text {
font-size: 90px;
}
.medium-container.chnage-position-sticky {
top: 20%;
}
.heading-one.no-wrap.chnage-font-size {
font-size: 160px;
}
.home-one-tool-item-heading-wrapper {
flex-flow: column;
}
.home-one-project-main-text {
margin-left: 0;
}
.home-one-project-text-wrapper {
justify-content: flex-start;
align-items: center;
left: 5%;
}
.home-one-project-button {
right: 30%;
}
.home-one-testimonial-item {
padding: 70px 50px;
}
.home-one-testimonial-merquee {
top: 22%;
}
.footer-one-ball-wrapper {
display: block;
}
.footer-one-heading {
margin-left: -40px;
}
.footer-one-wrapper {
padding-bottom: 60px;
}
.home-two-hero {
padding-bottom: 40px;
}
.home-two-big-text {
font-size: 300px;
}
.home-two-project-top {
padding-right: 100px;
}
.home-two-team-main {
padding-top: 100px;
}
.footer-two-wrapper {
padding-right: 40px;
position: relative;
}
.home-two-team-right-image {
width: auto;
}
.home-three-project-details {
padding-bottom: 80px;
}
.home-three-project-left, .home-three-project-one {
padding-left: 40px;
padding-right: 40px;
}
.home-three-team-top {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.home-three-testimonial-main {
margin-right: -79vw;
}
.about-one-about-right {
padding-top: 60px;
}
.about-one-work-item {
padding-left: 30px;
padding-right: 30px;
}
.about-one-project-right-image.padding-around {
padding-left: 30px;
}
.about-two-work-heading {
max-width: 600px;
}
.about-two-work-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.about-three-rating-item-bar {
width: 689px;
}
.about-three-portfolio-bottom {
padding-right: 60px;
}
.home-three-service-item-small-details {
max-width: 293px;
}
.service-three-effect-wrapper {
height: 618px;
}
.service-one-service-main {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.service-one-business-wrapper {
padding-left: 90px;
padding-right: 90px;
}
.service-two-service-item {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.service-two-service-item.change-style {
padding-left: 60px;
}
.service-two-service-item-bottom {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
}
.service-two-about-main {
padding-left: 60px;
padding-right: 60px;
}
.service-three-work-item-main {
padding-left: 0;
padding-right: 60px;
}
.service-three-work-item-main:hover {
padding-left: 60px;
}
.team-details-hero-heading.margin-bottom-thirty {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.blog-one-post-date {
flex-flow: row;
}
.blog-one-post-month {
padding-bottom: 4px;
}
.blog-two-post-date.change-style {
margin-bottom: 15px;
}
.blog-two-post-item-details.black-item {
padding-top: 45px;
padding-bottom: 45px;
}
.portfolio-two-project-image {
height: 350px;
}
.contact-three-contact.is--funnel {
padding-bottom: 140px;
}
.pricing-plan-item {
padding-left: 60px;
padding-right: 60px;
}
.home-one-project-main {
right: 40px;
}
.hover-style {
left: -9%;
}
.landing-product-image {
left: -5.7%;
}
.heading, .paragraph, .paragraph-2, .heading-2, .paragraph-3, .heading-3 {
font-family: halyard-text-variable;
}
.paragraph-4 {
font-family: halyard-text-variable;
font-weight: 300;
}
.heading-4, .paragraph-5, .heading-5, .paragraph-6, .paragraph-7 {
font-family: halyard-text-variable;
}
.heading-6 {
font-family: halyard-text-variable;
font-weight: 400;
}
.paragraph-8, .list, .list-item {
font-family: halyard-text-variable;
}
.list-item-2 {
font-weight: 400;
}
.heading-8 {
font-family: halyard-text-variable;
}
.large-base-container {
max-width: 1390px;
}
.contact-us-description {
width: 90%;
}
.top-contact-us-con {
width: 88%;
}
}
@media screen and (min-width: 1920px) {
.menu-font.social-media-hover.change-fonrt-style.hover:hover {
color: #fff;
}
.footer-one-right-item-link.change-underline {
text-decoration: none;
}
.home-one-project-top-wrapper {
overflow: hidden;
}
.button-font.change-color-white.chnage-wight {
color: #7e7e7e;
}
.button-font.change-color-white.chnage-wight.hover-link {
transition: all .3s;
}
.button-font.change-color-white.chnage-wight.hover-link:hover {
color: #fff;
text-decoration: underline;
}
.chnage-font-style.hover-link {
transition: all .3s;
}
.chnage-font-style.hover-link:hover {
color: #fff;
text-decoration: underline;
}
.about-text {
font-size: 92px;
line-height: 90px;
}
.home-one-about-effect-line {
justify-content: flex-start;
align-items: center;
}
.home-one-about-text.change-mergin {
margin-bottom: -25px;
}
.heading-five.change-heading-color.chnage-font-size {
font-size: 60px;
line-height: 64px;
}
.heading-five.text-break.change-color-dark-grey.margin-bottom {
margin-bottom: -10px;
}
.medium-container.is--funnel {
margin-bottom: 30px;
}
.change-font.change-color-white.change-spacing {
letter-spacing: -6px;
}
.change-padding.text-align-center.change-heading-color.text-no-break {
white-space: nowrap;
}
.heading-one.change-heading-heading-color.margin-bottom.change-font-size, .heading-one.margin-bottom.change-font-size {
font-size: 250px;
line-height: 220px;
}
.home-one-card-border {
transform-origin: 0%;
}
.home-one-reson-main-heading.is--funnel {
max-width: 75%;
}
.home-one-tool-item {
padding-left: 50px;
padding-right: 50px;
}
.home-one-project-main-text {
margin-left: 0;
}
.home-one-project-merquee {
overflow: hidden;
}
.home-one-project-text-wrapper {
justify-content: flex-start;
align-items: center;
left: 5%;
}
.home-one-project-button {
right: 35%;
}
.home-one-effect-overlay {
background-image: linear-gradient(#070616 20%, #070616cc 32%, #07061600 42% 46%, #07061600 51%, #070616cc 68%, #070616 79%);
}
.footer-one-ball-wrapper {
margin-bottom: -40px;
bottom: 220px;
}
.footer-one-bottom-wrapper {
margin-top: -20px;
padding-left: 105px;
padding-right: 125px;
}
.counter {
justify-content: space-between;
}
.home-two-text-wrapper {
padding-top: 40px;
}
.nav-two-menu-font {
font-family: Generalsans Variable;
}
.home-two-hero {
padding-bottom: 150px;
}
.home-two-hero-flower {
width: 40%;
margin-top: 18%;
margin-left: 8%;
}
.home-two-big-text {
font-family: Generalsans Variable;
line-height: 250px;
}
.nav-two {
padding-left: 60px;
padding-right: 60px;
}
.home-two-team-main {
justify-content: flex-start;
align-items: center;
padding-top: 0;
display: flex;
}
.home-two-team-wrapper {
grid-column-gap: 150px;
grid-row-gap: 150px;
}
.home-two-team-member-image {
margin-left: -400px;
}
.home-two-team-left {
padding-left: 110px;
padding-right: 100px;
}
.home-two-count-cristal {
display: block;
}
.home-one-project-merquee-new {
overflow: hidden;
}
.home-two-news-main {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.footer-two-bottom-right {
flex-basis: 39.5%;
}
.footer-two-bottom-left {
margin-bottom: -15px;
}
.home-two-team-right-text-wrapper {
height: 800px;
}
.home-two-team-right {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.home-three-project-left {
padding-top: 80px;
}
.home-three-service-bottom-head {
padding-right: 200px;
}
.home-three-service-head {
padding-left: 100px;
}
.home-three-team-item {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.home-three-team-item.change-padding-top {
margin-right: 100px;
}
.home-three-team-top.chnage-margin-left {
margin-left: 100px;
margin-right: -100px;
}
.home-three-team-top.chnage-margin-left.change-mergin-right {
margin-left: 150px;
margin-right: -150px;
}
.home-three-testimonial-main {
margin-right: -46vw;
}
.home-three-testimonial-wrapper {
margin-right: -200px;
}
.about-one-about-right {
padding-top: 70px;
}
.about-one-about-left.chnage-style {
padding-left: 60px;
}
.about-one-work-item-heading {
max-width: 100%;
}
.about-one-work-item {
justify-content: space-between;
max-width: 535px;
padding-left: 40px;
padding-right: 20px;
}
.about-one-project-small-heading {
margin-top: -10px;
}
.about-one-project-right-image.padding-around {
grid-column-gap: 25px;
grid-row-gap: 25px;
padding-left: 60px;
}
.about-one-contact-right, .about-one-contact-left {
padding-left: 100px;
}
.about-one-contact-main-wrapper {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.about-one-faq-main-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.about-two-work-bottom-text-paragraph.overflow-hidden {
max-width: 641px;
}
.about-three-growth-item-image {
width: 82px;
height: 82px;
}
.about-three-team-sticky-wrapper {
top: 5%;
}
.about-three-team-main-wrapper {
margin-right: -210px;
}
.about-there-team-item-main {
width: 26%;
}
.about-three-portfolio-bottom {
padding-right: 220px;
}
.about-three-portfolio-image-wrapper {
position: relative;
}
.home-three-service-item-image {
height: 562px;
}
.home-three-service-item-details {
padding-right: 60px;
}
.home-three-service-item-heading {
padding-left: 20px;
padding-right: 20px;
}
.home-three-service-item.five {
border-right-width: 1px;
}
.home-three-service-item-top-details {
grid-column-gap: 55px;
grid-row-gap: 55px;
}
.service-three-effect-wrapper {
height: 718px;
}
.service-one-service-main {
grid-column-gap: 135px;
grid-row-gap: 135px;
}
.service-one-process-wrapper.is--event {
z-index: 5;
margin-bottom: -60px;
}
.service-three-image-button {
padding-left: 276px;
}
.service-one-image-top {
top: 0%;
left: 5%;
}
.service-one-image-bottom-left {
bottom: 8%;
left: 20%;
}
.service-one-image-section {
padding-top: 120px;
padding-bottom: 140px;
}
.service-one-image-wrapper {
height: 1000px;
}
.service-one-image-bottom-right {
bottom: -3%;
right: 5%;
}
.service-two-service-item.change-style {
padding-left: 100px;
}
.service-two-planning-line {
height: 97%;
}
.service-two-about-main {
padding-left: 90px;
padding-right: 90px;
}
.service-project-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.team-two-merquee-main {
overflow: hidden;
}
.team-two-member-item-overlay {
padding-top: 40px;
padding-left: 40px;
}
.blog-one-post-item {
padding-right: 60px;
}
.small-heading-text-main.change-color-grey-dark {
color: #55555b;
}
.portfolio-two-details {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.collection-list-wrapper, .collection-list, .collection-item-portfolio {
height: 100%;
}
.portfolio-details-hero {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.contact-one-design-heading-main {
max-width: 850px;
}
.contact-three-contact.is--funnel {
padding-bottom: 160px;
}
.pricing-row-right-column {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.pricing-plan-hover-middle {
margin-right: -50px;
}
.pricing-table-row.border-bottom-new, .pricing-table-row.pricing-table-inner-row {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.pricing-plan-hover-right {
flex: 0 67%;
}
.home-one-project-main {
right: 100px;
}
.landing-page-query-right.overflow-hidden {
max-width: 600px;
}
.small-subheading.change-color-white {
color: var(--light);
}
.landing-page-utility {
position: relative;
}
.landing-shop-main-wrapper {
grid-column-gap: 140px;
grid-row-gap: 140px;
}
.landing-shop-image-wrapper {
flex-basis: 50%;
}
.shop-big-text {
background-image: linear-gradient(93deg, #f1f1f1, #2f2f3699 54%, #1c1c241a);
}
.flex-block {
padding-right: 60px;
}
.landing-page-diamond {
display: block;
position: absolute;
inset: 0% auto auto 10%;
}
.nav-fixed-menu.is--funnel {
width: 100%;
}
.nav-hero-container {
max-width: 1700px;
}
.section-container-2 {
padding-bottom: 120px;
}
.large-base-container {
max-width: 1870px;
}
.categories-link-text-dark {
font-size: 20px;
}
.radio-btn-link {
padding: 20px 50px;
}
.flex-about-us-wrap {
grid-template-columns: auto 40%;
}
.top-contact-us-content {
justify-content: center;
}
.contact-us-description {
width: 80%;
}
.base-hero-container {
max-width: 1600px;
}
.top-contact-us-con {
width: 78%;
}
.testimonial-tab-wrap {
border: 1px solid var(--light);
border-radius: 3px;
width: 100%;
}
.academy-video {
flex: 0 auto;
}
.block__academy-video {
display: flex;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 5rem;
}
h2 {
font-size: 4rem;
line-height: 4rem;
}
h3 {
font-size: 80px;
line-height: 80px;
}
h4 {
font-size: 60px;
line-height: 60px;
}
p {
font-size: 18px;
line-height: 28px;
}
.navbar-one {
padding-left: 0;
padding-right: 30px;
}
.navbar-one.change-style-nav-two.desktop-display-off {
display: block;
position: static;
}
.heading-six.chnage-heading-color.responsive-align-center {
text-align: center;
}
.heading-six.chnage-heading-color.responsive-color-white {
color: #fff;
}
.heading-six.responsive-align-center {
text-align: center;
}
.auto-fit.image-full-width.image-effect-height {
height: 100%;
}
.auto-fit.responsive-image-full-width {
width: 100%;
height: 100%;
}
.auto-fit.responsive-image-full-width.image-effect-height {
height: 100%;
}
.auto-fit.image-big-size {
height: 500px;
}
.auto-fit.three, .auto-fit.one, .auto-fit.four, .auto-fit.five {
opacity: 0;
}
.auto-fit.about-image-effect {
width: 100%;
height: 100%;
}
.social-media-main-icon-wrapper {
display: none;
}
.header-menu-item.sub-menu.change-line-height, .header-menu-item.sub-menu.change-line-height.w--current {
color: var(--background-color);
}
.nav-one-menu {
display: none;
}
.dropdown-toggle {
padding: 20px 15px;
}
.dropdown-toggle.change-left-padding {
padding-left: 15px;
}
.dropdown-toggle.change-left-padding.change-padding-arround {
padding-bottom: 0;
}
.dropdown-toggle.change-padding-arround {
padding-top: 0;
padding-bottom: 0;
}
.dropdown-toggle.change-padding-arround.responsive-padding-bottom {
padding-bottom: 20px;
}
.menu-font {
color: #132035;
}
.menu-font.social-media-hover {
color: #fff;
}
.menu-font.change-submenu.box-shadow.border-radius-ten.change-color, .menu-font.change-submenu.box-shadow.border-radius-ten.change-color.change-secondary-color {
background-color: var(--light);
}
.nav-one-main-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-one-right-item-link.chnage-display {
border-bottom: 1px solid var(--light);
}
.home-one-hero-merquee {
padding-bottom: 445px;
}
.home-one-project-top-wrapper {
display: none;
}
.black-nav-arrow {
display: block;
}
.button-font.chnage-color-grey.responsive-color-change, .button-font.chnage-color-dark-grey.scroll-effect.responsive-color-white {
color: #fff;
}
.button-font.chnage-rotation {
width: auto;
margin-top: 0;
transform: none;
}
.responsive-burger-menu-navbar {
background-color: #fff;
}
.responsive-burger-menu-navbar.border-radius-ten {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.responsive-burger-menu-navbar.border-radius-ten.change-style {
background-color: var(--light);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
display: none;
position: absolute;
inset: 140% 0% auto;
}
.home-one-hero {
height: 80vh;
}
.merquee-text {
font-size: 200px;
line-height: 180px;
}
.logo-font.change-color {
color: #fff;
}
.logo-font.change-color:where(.w-variant-3079017a-dfbf-6ff7-2de5-52d9b2846a09) {
color: var(--background-color);
}
.home-one-hero-main-backgound-image {
height: 100%;
}
.nav-arrow, .home-one-about-main-effect {
display: none;
}
.button-background {
width: 100%;
}
.button-main {
padding-left: 10px;
padding-right: 20px;
}
.button-main.change-button-padding {
padding-left: 10px;
}
.button-arrow-wrapper {
z-index: 2;
background-color: #070616;
transform: scale(.8);
}
.button-arrow-wrapper.is--orange {
background-color: var(--background-color);
}
.button-arrow-wrapper.nav {
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
}
.home-one-about {
padding-top: 70px;
padding-bottom: 70px;
}
.small-heading-text.change-color-white.no-margin-bottom {
text-align: center;
}
.home-one-about-green-line {
width: 100%;
}
.about-text {
line-height: 70px;
}
.about-text.change-color-black {
width: 85%;
font-size: 3rem;
line-height: 3rem;
}
.home-one-about-main-text {
padding-bottom: 10px;
}
.home-one-about-effect-line, .home-one-about-effect-line.change-gap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.diamond-image {
width: 100%;
height: 100%;
}
.button-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-left: 0;
}
.button-arrow {
filter: invert();
}
.responsive-about-main-effect {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 40px;
display: flex;
}
.home-one-agency-design {
grid-column-gap: 40px;
grid-row-gap: 40px;
padding-top: 60px;
padding-bottom: 60px;
}
.home-one-agency-main-image {
height: 100%;
}
.heading-five {
font-size: 40px;
}
.heading-five.chnage-color-grey.responsive-color-change {
color: var(--light);
}
.home-one-agency-design-tab {
justify-content: center;
align-items: center;
padding-top: 0;
padding-left: 0;
}
.home-one-agency-design-tab.change-position {
padding-top: 40px;
}
.home-one-agency-wrapper {
flex-flow: column;
}
.home-one-agency-item {
padding-top: 60px;
padding-bottom: 60px;
}
.home-one-agency-design-text {
padding-bottom: 0;
}
.home-one-agency-item-details {
padding-bottom: 20px;
}
.home-one-agency {
padding-bottom: 70px;
}
.medium-container.chnage-position-sticky {
position: static;
}
.medium-container.gutter-space {
padding-left: 15px;
padding-right: 15px;
}
.medium-container.service-one-business-position-sticky {
position: relative;
}
.medium-container.is--funnel {
margin-top: -30px;
}
.change-font {
letter-spacing: 0;
}
.change-padding.text-align-center.change-heading-color.responsive-color-white {
color: #fff;
}
.change-padding.change-heading-color.text-align-center.chnage-font-size {
font-size: 100px;
line-height: 80px;
}
.change-padding.change-font-size {
font-size: 5rem;
}
.home-one-logo-overlay {
display: none;
}
.home-one-logo-section {
padding-bottom: 70px;
position: static;
}
.home-one-logo-item {
max-width: 100%;
}
.home-one-logo-wrapper {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.home-one-logo-wrapper.one, .home-one-logo-wrapper.two {
grid-template-columns: 1fr 1fr 1fr;
}
.heading-two {
font-size: 100px;
line-height: 100px;
}
.heading-two.change-font {
letter-spacing: 0;
}
.heading-two.change-font-style {
font-size: 100px;
}
.home-one-logo-heading-overlay, .home-one-logo-heading-overlay.change-height {
display: none;
}
.home-one-service-main-image {
transform: none;
}
.home-one-service-main {
height: 50vh;
}
.home-one-service {
height: auto;
}
.home-one-service.dark-background {
height: 50vh;
display: none;
}
.heading-one {
font-size: 140px;
line-height: 120px;
}
.heading-four {
font-size: 60px;
line-height: 60px;
}
.heading-four.change-heading-color.responsive-align-center {
text-align: center;
}
.heading-four.chnage-color-grey.text-no-wrap {
transform: none;
}
.heading-four.reponsive-size {
font-size: 40px;
line-height: 30px;
}
.home-one-card {
padding-top: 70px;
padding-bottom: 70px;
}
.home-one-card-main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
height: auto;
}
.home-one-card-item {
grid-column-gap: 25px;
grid-row-gap: 25px;
padding: 40px 20px;
}
.home-one-card-main.website-design.one, .home-one-card-main.website-design.three, .home-one-card-main.website-design.two {
height: auto;
position: relative;
}
.home-one-service-button-wrapper {
justify-content: center;
align-items: center;
padding-top: 40px;
}
.home-one-reason {
padding-bottom: 0;
}
.home-one-reason.is--funnel {
padding-top: 60px;
padding-bottom: 60px;
}
.home-one-tool {
height: auto;
}
.home-one-tool-item {
padding-top: 40px;
padding-bottom: 40px;
}
.home-one-tool-wrapper {
grid-template-columns: 1fr;
height: auto;
}
.home-one-tool-main {
border-radius: 20px;
padding-top: 70px;
padding-bottom: 70px;
position: relative;
}
.home-one-tool-main.is--funnel {
background-color: var(--background-color);
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
}
.home-one-project-main-wrapper {
height: auto;
padding-top: 20px;
}
.home-one-project {
padding-top: 20px;
}
.home-one-project-main-image, .home-one-project-image-wrapper {
height: auto;
}
.home-one-project-main-text {
flex-flow: column;
justify-content: center;
align-items: flex-start;
max-width: none;
margin-left: 0;
display: flex;
transform: none;
}
.home-one-service-scroll-down.chnage-position {
display: none;
}
.home-one-project-bottom-text {
padding-bottom: 20px;
}
.home-one-project-text-wrapper {
justify-content: flex-start;
align-items: center;
padding-left: 15px;
padding-right: 15px;
left: 0%;
}
.home-one-project-button {
justify-content: flex-start;
align-items: center;
position: static;
}
.home-one-effect-wrapper {
padding-top: 0;
position: relative;
}
.heading-three {
font-size: 80px;
line-height: 80px;
}
.heading-three.text-align-center.three.responsive-display-off, .heading-three.text-align-center.five.responsive-display-off, .heading-three.text-align-center.four.responsive-display-off {
display: none;
}
.heading-three.change-heading-color.responsive-align-center {
text-align: center;
}
.home-one-effect {
height: auto;
padding-top: 70px;
padding-bottom: 70px;
}
.home-one-effect-overlay {
display: none;
}
.home-one-effect-sticky {
height: auto;
padding-top: 0;
position: static;
}
.home-one-testimonial-item, .home-one-testimonial-small-wrapper {
max-width: 100%;
}
.home-one-testimonial-main-image {
transform: scale(.6);
}
.home-one-testimonial-background-wrapper {
display: none;
inset: 0%;
}
.home-one-testimonial-round {
display: none;
}
.home-one-testimonial-main-wrapper {
flex-flow: column;
}
.home-one-testimonial-merquee {
top: 30%;
}
.home-one-testimonial-big-wrapper {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.footer-one-right-wrapper, .footer-one-heading {
flex: 1;
}
.footer-one-right-item-main.change-gap {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.footer-one {
height: auto;
padding-top: 70px;
}
.footer-one-right-heading {
padding-bottom: 30px;
}
.footer-one-wrapper {
padding-bottom: 70px;
}
.footer-one-right-item {
flex: 1;
}
.footer-one-right {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.footer-one-right.change-sizing {
grid-column-gap: 40px;
grid-row-gap: 40px;
width: 100%;
}
.footer-one-arrow-top {
display: none;
}
.counter-box.big-counter {
height: 60px;
}
.home-one-service-overlay {
display: none;
}
.nav-two-main-wrapper {
justify-content: space-between;
align-items: center;
}
.nav-two-menu-main {
display: none;
}
.home-two-hero-big-container {
border-radius: 0;
padding-top: 100px;
}
.home-two-hero {
height: 950px;
padding-top: 0;
}
.home-two-hero-flower {
opacity: .8;
}
.home-two-big-text {
font-size: 150px;
}
.nav-two {
padding-top: 0;
padding-right: 0;
}
.home-two-about-image-wrapper {
height: auto;
position: static;
}
.home-two-about-text-white-wrapper {
width: 100%;
height: 100%;
}
.home-two-about {
height: auto;
padding-top: 70px;
}
.home-two-about-paragraph-text-wrapper {
width: 100%;
height: 100%;
}
.home-two-about-text {
padding-top: 60px;
position: absolute;
inset: 0%;
}
.home-two-about-image-main-wrapper {
width: 100%;
height: 600px;
}
.home-two-text-top {
display: none;
}
.button-main-wrapper.padding {
margin-top: 30px;
}
.home-two-text-main {
justify-content: center;
align-items: flex-start;
}
.responsive-text {
display: block;
}
.home-two-text-section {
padding-top: 70px;
padding-bottom: 70px;
position: relative;
}
.home-two-text-button {
padding-top: 20px;
}
.diamond-image-new {
width: 100%;
height: 100%;
}
.home-two-text-middle {
display: none;
}
.home-two-project-details-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
}
.change-color-grey.responsive-color-change {
color: #0e0d26;
}
.change-color-grey.responsive-align-center {
text-align: center;
}
.change-color-grey.responsive-width {
max-width: 100%;
}
.home-two-project {
padding-top: 70px;
padding-bottom: 70px;
}
.home-two-project-main {
position: static;
}
.heading-three-new {
font-size: 80px;
line-height: 80px;
}
.home-one-logo-heading-overlay-new.change-height {
display: none;
}
.home-two-project-main-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.home-two-project-top-wrapper {
padding-top: 40px;
padding-bottom: 20px;
}
.home-two-defence {
padding-top: 70px;
padding-bottom: 70px;
}
.change-color-dark-grey.responsive-color-white {
color: #fff;
}
.home-two-team-heading {
width: 100%;
max-width: none;
}
.home-two-team {
height: auto;
padding-bottom: 70px;
}
.home-two-team-main {
height: auto;
}
.home-two-team-wrapper {
flex-flow: column;
}
.home-two-team-member-image {
margin-left: 0;
}
.home-two-team-left {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
flex-basis: auto;
justify-content: flex-start;
align-items: center;
padding-right: 0;
}
.home-two-count-right-main {
max-width: 100%;
}
.home-two-count-arrow-wrapper {
margin-left: 0;
margin-right: 0;
}
.home-two-count-bottom {
height: 250px;
}
.home-two-count-right-text {
max-width: 100%;
}
.home-two-count-wrapper {
flex-flow: column;
justify-content: space-between;
padding-bottom: 40px;
}
.home-two-count {
padding-top: 70px;
padding-bottom: 40px;
}
.home-two-count-item {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.home-two-count-right {
flex-flow: column;
}
.home-two-grow-email {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom-width: 0;
justify-content: flex-start;
}
.home-two-grow-image {
display: none;
}
.home-two-grow-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.home-two-two-grow-top-right {
max-width: 100%;
}
.home-two-grow {
padding-top: 70px;
padding-bottom: 70px;
}
.home-two-grow-top {
flex-flow: column;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
}
.home-two-grow-text {
max-width: 100%;
}
.home-two-grow-top-left {
width: 100%;
}
.home-two-news-wrapper {
justify-content: flex-start;
padding-bottom: 40px;
}
.home-two-news {
padding-top: 70px;
padding-bottom: 70px;
}
.home-two-news-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-two-news-right {
display: none;
}
.home-two-news-left-heading {
max-width: 100%;
}
.home-two-news-inner-wrapper {
padding-top: 70px;
padding-bottom: 70px;
}
.home-two-news-left {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
}
.home-two-news-left-button {
margin-bottom: 0;
margin-left: 0;
}
.footer-two-wrapper {
flex-flow: column;
padding-bottom: 70px;
}
.footer-two-hover-main {
height: 0;
display: none;
}
.footer-two-bottom-right-text {
max-width: 100%;
}
.footer-two-bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
}
.footer-two-bottom-right {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 20px;
}
.footer-two {
padding-top: 70px;
padding-bottom: 70px;
}
.footer-two-left {
width: 100%;
}
.home-two-team-right-text-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
height: auto;
}
.home-two-team-right {
flex-flow: column;
}
.home-two-team-right-image {
width: 100%;
}
.home-two-team-member-name {
background-color: var(--heading-color);
width: auto;
}
.home-two-team-member-name.one {
width: auto;
}
.nav-bar-three {
padding-right: 0;
}
.nav-bar-three-hambarger {
justify-content: flex-end;
align-items: center;
display: none;
position: static;
}
.nav-bar-three-wrapper {
grid-template-columns: 1fr 1fr;
width: 100%;
display: flex;
}
.nav-bar-three-link {
display: none;
}
.home-three-hero {
height: 80vh;
}
.home-three-about-bottom {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 20px;
}
.home-three-about {
padding-top: 70px;
padding-bottom: 70px;
}
.home-three-about-top {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
}
.home-three-about-bottom-wrapper {
max-width: 100%;
}
.home-three-vedio-email {
display: none;
}
.home-three-project-item-image {
width: 100%;
}
.white-arrow {
display: none;
}
.home-three-project-left {
padding-top: 30px;
padding-bottom: 40px;
position: static;
}
.home-three-project-heading {
max-width: 100%;
padding-bottom: 20px;
}
.home-three-project-middle {
flex: 0 auto;
height: auto;
}
.home-three-project-percentage {
padding-top: 40px;
}
.home-three-project {
height: auto;
padding-top: 70px;
padding-bottom: 70px;
}
.home-three-project-one.two {
padding-top: 0;
padding-bottom: 40px;
}
.home-three-project-one.one {
grid-column-gap: 35px;
grid-row-gap: 35px;
padding-top: 40px;
padding-bottom: 40px;
}
.home-three-project-one.three {
padding-top: 40px;
padding-bottom: 40px;
}
.home-three-project-main {
flex-flow: column;
}
.home-three-project-arrow-wrapper {
display: none;
}
.home-three-service-bottom-head {
padding-bottom: 40px;
}
.home-three-work-round-button {
display: none;
}
.button-main-2 {
padding-left: 20px;
padding-right: 20px;
}
.home-three-work-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.home-three-work {
padding-top: 70px;
padding-bottom: 70px;
}
.home-three-work-item {
padding-right: 0;
}
.home-three-work-heading {
max-width: 100%;
}
.home-three-work-top-overlay {
display: none;
}
.home-three-work-top-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.home-three-work-top-wrapper.responsive-display-off {
display: none;
}
.home-three-work-button {
padding-top: 40px;
}
.home-three-team-member-image {
flex: 0 50%;
}
.home-three-team-button {
margin-top: 40px;
}
.home-three-team-details {
flex: 1;
}
.home-two-team-main-section {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
padding-top: 40px;
display: flex;
}
.home-three-team-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
width: 100%;
}
.home-three-team-item.change-padding-top {
margin-top: 0;
margin-left: 0;
}
.home-three-team-item.change-padding-top.four, .home-three-team-item.change-padding-top.four.six, .home-three-team-item.change-padding-top.two {
margin-top: 0;
}
.home-three-team {
padding-top: 70px;
padding-bottom: 70px;
}
.home-three-team-heading-image {
display: none;
}
.home-three-team-top {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
}
.home-three-team-top.chnage-margin-left {
flex-flow: column-reverse;
margin-top: 0;
}
.home-three-team-name {
max-width: 100%;
}
.home-three-awards.chnage-boittom-padding {
padding-bottom: 70px;
}
.home-three-awrads-wrapper {
padding-top: 70px;
padding-bottom: 70px;
}
.home-three-awrads-heading {
max-width: 100%;
}
.home-three-awards-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.home-three-awrads-main {
width: 100%;
}
.home-three-testimonial-main {
flex-flow: column;
margin-right: 0;
}
.home-three-testimonial {
height: auto;
padding-top: 30px;
padding-bottom: 70px;
}
.home-three-testimonial-main-content {
max-width: 100%;
}
.home-three-testimonial-main-item {
padding-top: 40px;
padding-bottom: 40px;
}
.home-three-testimonial-content {
max-width: 100%;
}
.home-three-testimonial-star {
padding-top: 0;
}
.home-three-testimonial-star.padding-top {
padding-top: 20px;
}
.home-three-testimonial-item-two {
padding-right: 40px;
}
.home-three-testimonial-item-two.responsive-dispaly-off {
display: none;
}
.home-three-testimonial-top.change-style {
padding-bottom: 40px;
}
.about-one-hero {
height: 80vh;
position: relative;
top: auto;
}
.social-media-main-icon-wrapper-main {
opacity: 0;
}
.navbar-one-new.chnage-position-stiky {
padding-left: 0;
padding-right: 30px;
}
.about-one-background-main-image {
height: 100%;
}
.about-one-about-main {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.small-heading-text-new.responsive-coloe-white {
color: #fff;
}
.small-heading-text-new.responsive-coloe-white.responsive-align-center {
text-align: center;
}
.about-one-about-right {
padding-top: 40px;
padding-bottom: 0;
}
.about-one-about {
padding-top: 70px;
padding-bottom: 70px;
}
.about-one-about-image {
height: auto;
}
.about-one-about-left {
border-right-width: 0;
padding-top: 40px;
}
.about-one-about-details {
max-width: 100%;
}
.about-one-about-left-button {
padding: 10px 20px 8px;
}
.about-one-client {
flex-flow: row;
}
.about-one-work-item-heading, .about-one-work-item-paragraph {
max-width: 100%;
}
.about-one-work-text {
width: 70%;
}
.about-one-work-main {
flex-flow: column;
}
.about-one-work {
padding-bottom: 70px;
}
.about-one-work-item {
padding-top: 40px;
padding-bottom: 40px;
}
.about-one-work-item.is--funnel {
flex-flow: row;
}
.about-one-project-two-heading.change-style {
max-width: 100%;
}
.about-one-project-number.change-padding-top {
padding-top: 0;
}
.about-one-project-wrapper {
flex-flow: column;
display: flex;
}
.about-one-logo {
padding-top: 70px;
padding-bottom: 70px;
}
.about-one-logo-left {
max-width: 500px;
}
.about-one-logo-wrapper {
flex-flow: column;
}
.about-one-agency-tag {
display: none;
}
.about-one-agency-bottom-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.about-one-agency-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.about-one-agency-wrapper {
padding-top: 200px;
padding-bottom: 200px;
}
.about-one-awards {
padding-top: 70px;
padding-bottom: 70px;
}
.about-one-contact-heading {
max-width: 100%;
}
.about-one-contact-right {
padding-top: 70px;
padding-bottom: 70px;
}
.about-one-contact-main {
flex-flow: column;
}
.about-one-contact-left, .about-one-faq {
padding-top: 70px;
padding-bottom: 70px;
}
.pricing-two-toogle {
max-width: 100%;
}
.about-two-hero-image-main {
border-radius: 0;
width: 100%;
height: 100%;
}
.about-two-hero {
height: auto;
}
.about-two-hero-image {
height: 100%;
}
.about-two-hero-text {
padding-top: 140px;
padding-bottom: 140px;
}
.about-two-hero-wrapper {
height: 80vh;
}
.nav-one-menu-main {
display: none;
}
.about-two-merquee-main {
padding-top: 70px;
padding-bottom: 70px;
}
.about-two-work-image-main {
width: 100%;
height: auto;
}
.about-two-work-text-top {
padding-bottom: 70px;
}
.about-two-work-bottom-text-heading {
padding-bottom: 20px;
}
.about-two-work-image {
width: 100%;
position: static;
}
.about-two-work {
padding-top: 70px;
padding-bottom: 70px;
}
.about-two-work-heading {
max-width: 100%;
}
.about-two-work-wrapper {
flex-flow: column;
}
.about-two-work-graph {
max-width: 100%;
}
.about-two-experience {
padding-top: 70px;
padding-bottom: 70px;
}
.about-one-experience-main {
justify-content: center;
align-items: center;
}
.about-two-process-heading {
max-width: 100%;
}
.service-one-project-item-details {
padding-top: 10px;
}
.service-one-project-main {
flex: 0 60%;
width: 100%;
}
.service-one-project-details {
padding-top: 15px;
}
.about-two-process-main {
width: 100%;
}
.about-two-process {
padding-top: 30px;
padding-bottom: 70px;
}
.about-two-process-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 20px;
}
.about-two-awards-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
}
.about-two-contact {
padding-top: 70px;
padding-bottom: 70px;
}
.about-three-round-icon {
display: none;
}
.about-three-hero-style {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-top: 20px;
padding-bottom: 20px;
}
.about-three-hero {
padding-top: 140px;
}
.about-three-merqee-main-item {
height: 300px;
}
.about-three-merquee-bottom {
bottom: -4%;
}
.about-three-growth-heading {
margin-bottom: 20px;
}
.about-three-growth {
padding-top: 70px;
padding-bottom: 50px;
}
.about-three-growth-overlay {
display: none;
}
.about-three-growth-item-image {
width: auto;
height: auto;
}
.about-three-growth-item {
border-right-width: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0;
}
.about-three-growth-item.change-bottom-padding {
border-bottom-width: 1px;
padding-top: 20px;
}
.about-three-growth-item.chnmage-padding-direction {
padding-left: 0;
}
.about-three-growth-item.chnmage-padding-direction.chnage-bottom-padding {
padding-top: 20px;
padding-left: 0;
}
.about-three-growth-main {
grid-template-columns: 1fr;
}
.about-three-team-main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-right: 0;
display: grid;
}
.about-three-team {
height: auto;
padding-top: 70px;
padding-bottom: 70px;
}
.about-three-team-main-heading {
max-width: 100%;
}
.about-there-team-item-main {
width: 100%;
padding-right: 0;
}
.about-there-team-item-main.responsive-display-off {
display: none;
}
.about-three-team-heading {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.about-there-logo {
padding-top: 70px;
padding-bottom: 70px;
}
.about-three-rating-item {
grid-template-columns: 1fr;
}
.about-three-rating-bar {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.about-three-rating-item-text {
max-width: 100%;
}
.about-there-rating {
padding-bottom: 70px;
}
.about-three-rating-percentage {
flex: 0 16%;
}
.about-three-rating-wrapper {
padding: 60px 20px;
}
.about-three-portfolio-bottom-right {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex: 1;
}
.about-three-portfolio-middle-right {
margin-bottom: 0;
}
.about-three-portfolio-bottom {
margin-top: 40px;
}
.about-three-portfolio-bottom-left {
flex: 1;
}
.about-three-portfolio-image-wrapper {
margin-top: 0;
padding-top: 40px;
position: static;
}
.about-three-portfolio-wrapper {
height: auto;
padding-top: 0;
position: static;
}
.about-three-portfolio-middle {
justify-content: space-around;
align-items: center;
margin-top: 40px;
}
.about-three-portfolio {
height: auto;
}
.about-one-about-paragraph {
padding-top: 10px;
}
.home-three-service-item-image {
width: 100%;
height: 500px;
}
.home-three-service-item-small-heading {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 20px;
}
.home-three-service-item-close, .home-three-service-item-close.one {
width: 100%;
}
.home-three-service-item-small-details {
max-width: 100%;
}
.home-three-service-item-main-heading {
width: auto;
transform: none;
}
.home-three-service-item-details {
padding-left: 0;
padding-right: 0;
}
.home-three-service-main {
height: auto;
padding-top: 70px;
padding-bottom: 70px;
}
.home-three-service-item-overlay, .home-three-service-item-overlay.one {
width: 100%;
}
.home-three-service-wrapper.responsive-display-off {
display: none;
}
.home-three-service-wrapper.change-diaplay {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
padding-left: 15px;
padding-right: 15px;
}
.home-three-service-wrapper.change-diaplay.desktop-off {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.home-three-service-item-heading {
border-right-width: 0;
padding-top: 0;
padding-bottom: 10px;
}
.home-three-service-item {
border-right-width: 0;
flex-flow: column;
width: auto;
padding: 40px 15px;
}
.home-three-service-item.one {
border-right-width: 0;
width: auto;
}
.home-three-service-item.five {
width: 100%;
}
.home-three-service-item.two {
border-right-width: 0;
}
.home-three-service-item-top-details {
border-top: 1px solid #c2c2c2;
flex-flow: column;
justify-content: center;
align-items: center;
}
.service-one-hero-scroll {
display: none;
}
.service-one-hero {
padding-top: 100px;
padding-bottom: 70px;
}
.service-one-hero-banner-image {
width: 100%;
height: auto;
}
.home-three-about-text-overlay-new {
display: none;
}
.service-one-about {
padding-top: 70px;
}
.service-three-effect {
padding-top: 30px;
padding-bottom: 60px;
}
.service-three-effect-wrapper {
flex-flow: column;
height: auto;
}
.service-three-effect-item.one, .service-three-effect-item.three, .service-three-effect-item.two, .service-one-service-details {
width: 100%;
}
.service-one-service {
padding-bottom: 70px;
}
.service-one-service-heading {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.service-one-service-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.service-one-business-left {
width: 100%;
}
.service-one-process-heading {
max-width: 100%;
}
.service-one-process-wrapper {
margin-top: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.service-one-process-wrapper.is--event {
margin-top: 0;
}
.service-one-process-left {
position: sticky;
top: 120px;
}
.service-one-process-item-main-tag {
background-color: #efefef;
}
.service-one-business-wrapper {
padding-top: 40px;
padding-bottom: 40px;
}
.service-one-business-customer-rating {
flex-flow: column;
}
.service-one-business-left-heading-line {
flex: 1;
}
.service-one-process-item-wrapper {
border-top: 1px solid var(--accent);
top: 450px;
}
.service-one-process-paragraph {
max-width: 100%;
}
.service-one-process-image {
display: none;
}
.service-one-process-right {
grid-column-gap: 120px;
grid-row-gap: 120px;
flex: 0 auto;
width: 100%;
max-width: 100%;
}
.service-one-process-main {
flex-flow: column;
}
.service-one-business {
padding-top: 70px;
padding-bottom: 70px;
}
.service-three-image-button {
padding-left: 0;
}
.service-one-image-top, .service-one-image-bottom-left {
display: none;
}
.service-one-image-section {
padding-top: 70px;
padding-bottom: 70px;
}
.service-one-image-wrapper {
height: auto;
}
.service-one-image-heading {
max-width: 100%;
}
.service-one-image-top-right, .service-one-image-bottom-right {
display: none;
}
.service-two-hero-text-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.cart-image {
filter: none;
}
.cart-image.responsive-filter {
filter: invert();
}
.cart-image.responsive-filter.change-filter {
filter: none;
}
.service-two-hero-image {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/67d058d2ba57f571ce62473a_service2Banner%20img.webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-radius: 0;
width: 100%;
height: 100%;
}
.service-two-hero-text {
padding-bottom: 40px;
}
.service-two-hero-text-button {
flex: 1;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.service-two-hero-text-bottom-left {
justify-content: center;
align-items: center;
display: flex;
}
.service-two-hero-main {
height: auto;
padding-bottom: 70px;
}
.service-two-hero-text-top {
max-width: 100%;
}
.navbar-one-main.chnage-position-styky {
padding-left: 0;
padding-right: 30px;
}
.service-two-hero-text-left {
flex: 1;
width: 100%;
}
.service-two-hero {
height: auto;
}
.service-two-hero-text-wrapper {
width: 1000%;
max-width: 100%;
}
.service-two-text-animation {
display: none;
}
.service-two-hero-text-bottom {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
padding-top: 20px;
padding-right: 0;
display: flex;
}
.service-two-hero-text-social-media {
justify-content: center;
align-items: center;
}
.social-media-icon {
filter: invert();
}
.service-two-text {
padding-top: 70px;
padding-bottom: 70px;
}
.service-two-text-overlay {
display: none;
}
.service-two-service-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.service-two-service-item-text {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.service-three-service-heading {
max-width: 100%;
padding-bottom: 20px;
}
.service-two-service-item-bottom-left {
flex: 1;
max-width: 100%;
}
.service-three-service-heading-right {
max-width: 100%;
}
.service-three-service {
padding-top: 70px;
padding-bottom: 50px;
}
.service-two-service-item-image {
width: 100%;
height: 100%;
}
.service-three-service-top-heading {
flex-flow: column;
padding-bottom: 40px;
}
.service-three-service-paragraph {
max-width: 100%;
}
.service-three-service-wrapper {
padding-top: 70px;
padding-bottom: 70px;
}
.service-three-service-wrapper.is--funnel {
background-color: var(--light);
}
.service-two-service-item {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 40px;
padding-right: 0;
position: static;
}
.service-two-service-item.change-style {
padding-top: 40px;
padding-bottom: 0;
padding-left: 0;
}
.service-two-service-item-bottom {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.service-two-planning-line {
display: none;
}
.service-two-planning {
padding-bottom: 70px;
}
.service-two-planning-wrapper {
flex-flow: column;
margin-top: 40px;
}
.service-two-planning-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.service-two-green-line {
height: 100%;
}
.service-two-about-main-heading.overflow-hidden {
max-width: 100%;
}
.service-two-about-image {
display: none;
}
.service-two-about-heading {
justify-content: center;
align-items: center;
padding-bottom: 40px;
}
.service-two-testimonial-item-details {
padding-bottom: 40px;
}
.service-two-about-main {
padding: 70px 20px;
}
.service-two-about-testimonial {
grid-template-columns: 1fr;
}
.service-two-contact-main {
padding-bottom: 20px;
}
.service-two-contact {
padding-top: 70px;
}
.background-video {
height: 500px;
}
.service-two-vedio-overlay {
display: none;
}
.responsive-service-hero-image {
pointer-events: none;
background-image: linear-gradient(#00000080, #00000080);
display: block;
position: absolute;
inset: 0%;
}
.service-three-hero {
padding-top: 140px;
}
.service-three-hero-banner {
height: 400px;
}
.service-three-text {
padding-top: 70px;
padding-bottom: 70px;
}
.service-three-project-item-paragraph {
max-width: 100%;
}
.service-three-project-item-heading {
width: 100%;
}
.service-project-item {
border-right-width: 0;
width: 100%;
padding-right: 0;
}
.service-three-project-item-details {
width: 100%;
}
.service-project-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.service-three-text-heading {
margin-bottom: 70px;
}
.service-three-text-heading.overflow-hidden {
margin-bottom: 40px;
}
.service-three-vedio-overlay {
justify-content: center;
align-items: flex-end;
padding-bottom: 70px;
padding-right: 0;
}
.service-three-portfolio-left-main {
flex: 1;
}
.service-three-portfolio-main-wrapper {
flex-flow: column;
height: auto;
display: flex;
}
.service-three-portfolio-main {
padding-top: 70px;
padding-bottom: 70px;
}
.service-three-portfolio-item {
flex: 0 auto;
}
.service-three-portfolio-item.responsive-display-off {
display: none;
}
.service-three-portfolio-heading-main {
flex-basis: 100%;
}
.service-three-portfolio-heading {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 40px;
}
.service-three-portfolio-left.right {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 0;
display: grid;
}
.service-three-portfolio-left.right.responsive-display-off {
display: none;
}
.service-three-portfolio-left.left {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
width: 100%;
padding-bottom: 0;
}
.service-three-portfolio-left.left.responsive-display-off {
display: none;
}
.service-three-portfolio-right-main {
flex-flow: row;
}
.service-three-work-item-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-three-work-item-details {
max-width: 100%;
}
.service-three-work-item-main {
flex-flow: column;
padding-top: 20px;
padding-bottom: 20px;
}
.service-three-work {
padding-top: 70px;
padding-bottom: 70px;
}
.service-three-work-main {
padding-top: 20px;
}
.service-there-testimonial {
height: auto;
padding-top: 30px;
padding-bottom: 70px;
}
.service-there-testimonial.change-responsive-padding {
padding-top: 70px;
padding-bottom: 0;
}
.team-one-hero-main-wrapper {
height: 80vh;
}
.team-one-hero-inner-wrapper {
height: 100%;
}
.team-one-hero-main {
height: 80vh;
}
.team-one-hero {
height: auto;
}
.team-one-hero-image-main {
width: 100%;
height: 100%;
}
.team-one-hero-member {
padding-top: 70px;
padding-bottom: 70px;
}
.team-two-merquee {
padding-top: 140px;
padding-bottom: 70px;
}
.team-two-main {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 1fr 1fr;
padding-left: 15px;
padding-right: 15px;
}
.team-two-member-item-overlay {
justify-content: flex-start;
align-items: center;
padding-right: 20px;
}
.team-two-merquee-item {
padding-right: 0;
}
.team-two-merquee-item.responsive-display-off {
display: none;
}
.team-two-member-merquee {
justify-content: center;
align-items: center;
}
.team-three-banner {
height: 80vh;
}
.team-three-banner-button {
padding-top: 40px;
}
.team-three-member {
grid-template-columns: 1fr 1fr;
padding-top: 70px;
padding-bottom: 70px;
}
.team-details-banner {
padding-top: 140px;
padding-bottom: 70px;
}
.team-details-hero-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.team-details-social-icons {
display: none;
}
.border-radius-ten.team-member-details-image {
height: auto;
}
.team-member-quote {
font-size: 2rem;
line-height: 2.625rem;
}
.team-details-text {
margin-top: -50px;
font-size: 10rem;
line-height: 13.125rem;
}
.team-member {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.quote-wrapper {
padding-left: 60px;
}
.team-member-details-section {
padding-top: 40px;
padding-bottom: 60px;
}
.blog-one-hero {
padding-top: 140px;
padding-bottom: 70px;
}
.blog-one-post-paragraph {
max-width: 100%;
}
.blog-one-main {
padding-top: 70px;
padding-bottom: 70px;
}
.blog-one-post-date {
flex-flow: row;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
}
.blog-one-post-item-heading {
max-width: 100%;
}
.blog-one-post-wrapper {
padding-top: 20px;
}
.blog-one-post-image-overlay {
display: none;
}
.blog-one-post-month {
padding-bottom: 5px;
}
.blog-one-post-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.blog-two-post-item-heading {
max-width: 100%;
}
.blog-two-post-main {
flex-flow: column;
}
.blog-two-post-date.change-style {
max-width: 100%;
}
.blog-two-post {
padding-top: 70px;
padding-bottom: 70px;
}
.blog-three-hero-wrapper {
padding-top: 0;
}
.blog-three-hero-stone {
display: none;
}
.blog-three-hero-main-wrapper {
grid-template-columns: 1fr 1fr;
}
.blog-three-hero {
padding-top: 140px;
padding-bottom: 70px;
}
.blog-details-hero {
padding-top: 140px;
}
.blog-details-hero-heading {
padding-bottom: 40px;
}
.blog-details-poet-wrapper {
flex-flow: column;
}
.blog-details-details-main {
padding-bottom: 20px;
}
.blog-details-button-paragraph {
max-width: 100%;
}
.blog-details-details {
padding-bottom: 60px;
}
.blog-details-button-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.blog-details-details-wrapper {
padding-top: 0;
}
.blog-details-image-details {
padding-bottom: 40px;
}
.blog-details-blog {
padding-bottom: 70px;
}
.blog-details-blog-main {
grid-template-columns: 1fr 1fr;
}
.blog-details-blog-heading {
padding-bottom: 40px;
}
.portfolio-one-banner-text-wrapper {
padding-top: 140px;
padding-bottom: 70px;
}
.portfolio-one-hero {
height: auto;
overflow: hidden;
}
.portfolio-one-banner {
height: auto;
}
.portfolio-one-banner-line-wrapper {
display: none;
}
.portfolio-one-banner-image {
height: 60vh;
}
.small-heading-text-main.change-style {
max-width: 100%;
}
.small-heading-text-main.responsive-color-white {
color: #fff;
}
.portfolio-two-main-item-image {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
display: flex;
}
.portfolio-two-details {
padding-bottom: 20px;
}
.portfolio-two-hero {
padding-top: 140px;
}
.portfolio-two-text-overlay {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.portfolio-two-main-text-wrapper {
position: static;
}
.portfolio-three-hero {
padding-top: 100px;
padding-bottom: 70px;
}
.portfolio-three-main {
grid-row-gap: 20px;
}
.portfolio-three-image-details {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.portfolio-details-text {
max-width: 100%;
}
.portfolio-details-hero {
flex-flow: column;
}
.portfolio-details-text-wrapper {
width: 100%;
padding-top: 0;
padding-bottom: 70px;
padding-left: 15px;
position: static;
}
.portfolio-details-image-one {
height: auto;
position: static;
}
.portfolio-details-image {
width: 100%;
}
.portfolio-two-project-overlay {
display: none;
}
.shop-page-hero {
padding-top: 100px;
padding-bottom: 100px;
}
.shop-page-shop-wrapper {
grid-template-columns: 1fr 1fr 1fr;
}
.shop-page-shop-heading {
padding-bottom: 20px;
}
.shop-page-shop {
padding-top: 70px;
padding-bottom: 70px;
}
.shop-details-hero-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.shop-details-hero {
padding-bottom: 70px;
}
.product-details-more-information-wrapper {
max-width: 100%;
}
.shop-details-hero-heading {
max-width: 100%;
padding-bottom: 20px;
}
.shop-details-product {
padding-bottom: 70px;
}
.shop-details-product-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.block-header {
padding-top: 10px;
padding-bottom: 10px;
}
.order-confirmation-hero {
padding-top: 120px;
}
.order-confirmation-hero-heading {
padding-bottom: 10px;
}
.checkout-hero {
padding-bottom: 40px;
}
.contact-one-form-item {
width: 100%;
padding-bottom: 15px;
}
.contact-one-form-item.change-padding-bottom {
padding-bottom: 8px;
}
.contact-one-hero {
width: 100%;
height: auto;
overflow: hidden;
}
.contact-one-right-main {
width: auto;
}
.contact-one-hero-left {
flex: 0 auto;
padding-top: 0;
overflow: hidden;
}
.contact-one-hero-right {
width: 100%;
padding-top: 0;
overflow: hidden;
}
.contact-one-form {
max-width: 100%;
}
.contact-one-hero-main {
flex-flow: column;
height: auto;
display: block;
}
.contact-one-hero-design-left {
display: none;
}
.contact-one-hero-design-middle {
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
.contact-one-hero-design-right {
display: none;
}
.contact-one-hero-design {
padding-top: 70px;
padding-bottom: 70px;
}
.contact-one-hero-small-heading.overflow-hidden {
padding-bottom: 20px;
}
.contact-two-form-left {
max-width: 100%;
}
.contact-two-form-button.is--funnel {
justify-content: center;
align-items: center;
}
.contact-two-contact-form {
padding-top: 70px;
padding-bottom: 60px;
}
.contact-two-hero {
padding-top: 100px;
}
.contact-two-form-right-main {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
padding-bottom: 30px;
}
.contact-two-form-item {
width: 100%;
max-width: 100%;
}
.contact-two-form-main, .contact-two-form-right {
width: 100%;
}
.contact-two-form-wrapper {
flex-flow: column;
}
.contact-two-contact {
padding-top: 70px;
padding-bottom: 70px;
}
.contact-two-service-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
justify-content: flex-start;
}
.contact-three-contact {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.contact-three-contact.is--funnel {
text-align: left;
grid-template-columns: 1fr;
}
.contact-three-hero-main {
padding-bottom: 40px;
}
.contact-three-hero-main.is--funel {
text-align: center;
padding-right: 0;
}
.contact-three-contact-form {
padding-left: 0;
}
.contact-three-hero {
padding-top: 120px;
padding-bottom: 70px;
}
.contact-three-hero.margin-bottom {
padding-bottom: 60px;
}
.contact-three-hero-heading.overflow-hidden {
max-width: 100%;
}
.contact-three-contact-left {
border-right-width: 0;
}
.contact-three-item {
flex-flow: column;
padding-top: 20px;
padding-bottom: 25px;
}
.contact-three-item-image {
width: 100%;
max-width: none;
}
.contact-three-branch {
padding-top: 70px;
}
.contact-three-item-left {
width: 100%;
padding-top: 0;
}
.contact-three-item-location-top {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.contact-three-branch-wrapper {
padding-top: 60px;
padding-bottom: 40px;
}
.contact-three-item-location {
width: 100%;
max-width: none;
padding-top: 0;
}
.responsive-color-white {
color: #fff;
}
.pricing-row-right-column {
grid-column-gap: 60px;
grid-row-gap: 60px;
border-top: 1px solid #d1d1d1;
width: 100%;
padding-top: 20px;
}
.pricing-row-right-column._2-column.top {
border-style: none;
}
.pricing-row-right-column.top {
border: 1px #000;
}
.pricing-plan-item {
width: 100%;
}
.pricing-plan-hover-middle {
display: none;
}
.pricing-plan-plan-heading {
padding-bottom: 20px;
}
.pricing-table-row {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
}
.pricing-table-row.pricing-table-inner-row {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-right: 20px;
}
.pricing-table-row.pricing-table-inner-row.responsive-background-color {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #376d641a;
border-radius: 20px;
margin-left: 10px;
margin-right: 10px;
}
.pricing-table-row.pricing-table-inner-row.responsive-background-color.top-border {
margin-top: 20px;
}
.pricing-table-row.pricing-table-inner-row.price-row {
padding-bottom: 20px;
padding-right: 20px;
}
.pricing-table-row.pricing-table-inner-row.price-row.display-off {
display: none;
}
.pricing-plan-button-wrapper {
padding-bottom: 40px;
}
.responsive-color-grey {
color: #c2c2c2;
}
.pricing-plan-main {
padding-bottom: 70px;
}
.pricing-plan-hover-left {
display: none;
}
.monthly-text.change-heading-color.responsive-change-color {
color: #5c5c5c;
}
.pricing-row-left-column {
text-align: center;
}
.pricing-row-left-column.tab-display-off, .pricing-row-left-column.chnage-opacity {
display: none;
}
.pricing-row-left-column.blueprint-padding {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 0;
}
.pricing-plan-main-item {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-top: 30px;
padding-bottom: 30px;
}
.pricing-plan-item-wrapper {
flex-flow: column;
}
.pricing-plan-hover-right {
grid-template-columns: 1fr 1fr 1fr;
}
.pricing-plan-plan-main {
padding-bottom: 70px;
}
.menu-button-main {
padding: 18px 15px;
}
.menu-button-main.w--open {
background-color: #c8c8c800;
}
.menu-button-line {
background-color: #fff;
width: 21.28px;
height: 2px;
margin-bottom: 6px;
padding: 0;
}
.menu-button-line.top-line:where(.w-variant-3079017a-dfbf-6ff7-2de5-52d9b2846a09), .menu-button-line.middile-line:where(.w-variant-3079017a-dfbf-6ff7-2de5-52d9b2846a09) {
background-color: var(--background-color);
}
.menu-button-line.bottom-line {
width: 11px;
}
.menu-button-line.bottom-line:where(.w-variant-3079017a-dfbf-6ff7-2de5-52d9b2846a09) {
background-color: var(--background-color);
}
.nav-three {
justify-content: space-between;
}
.nav-three-click {
display: none;
}
.dropdown {
width: 100%;
}
.contact-one {
overflow: hidden;
}
.change-font-size {
font-size: 90px;
line-height: 80px;
}
.home-one-project-main {
display: none;
}
.landing-banner-image-wrapper {
width: 100%;
}
.banner-left-panel {
display: none;
}
.landing-banner-main-wrapper {
grid-row-gap: 40px;
}
.about-image-wrapper {
width: 100%;
}
.banner-right-panel-image-wrapper {
display: none;
}
.landing-banner-content-wrapper {
padding-top: 120px;
}
.landing-page-query {
padding-top: 70px;
padding-bottom: 70px;
}
.landing-page-query-main {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
}
.landing-page-query-main.padding-bottom {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.landing-page-query-left {
max-width: 100%;
}
.landing-page-query-right {
width: 100%;
max-width: 100%;
display: block;
}
.landing-page-query-right.change-width {
max-width: 100%;
display: flex;
}
.landing-page-query-text {
justify-content: flex-start;
align-items: center;
}
.landing-page-query-plus {
margin-top: 0;
}
.landing-page-query-paragraph {
max-width: 100%;
}
.homepage-text-wrapper {
flex: 1;
}
.overlay-line-wrapper {
display: none;
}
.landing-home-page-section {
padding-top: 70px;
padding-bottom: 70px;
}
.landing-main-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
}
.landing-main-wrapper.change-display {
padding-top: 10px;
}
.landing-page-item-image {
cursor: auto;
}
.landing-inner-page {
padding-top: 40px;
padding-bottom: 70px;
}
.landing-page-cta {
padding-top: 70px;
padding-bottom: 70px;
}
.landing-pge-cta-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.landing-page-cta-left, .landing-page-cta-right {
width: 100%;
}
.landing-page-cta-paragraph {
width: 100%;
max-width: 100%;
}
.landing-page-cms, .landing-page-cms-wrapper {
padding-top: 70px;
padding-bottom: 70px;
}
.landing-page-utility {
padding-bottom: 70px;
}
.landing-page-utility-paragraph {
padding-bottom: 40px;
}
.landing-page-shop {
padding-bottom: 70px;
}
.landing-shop-main-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: stretch;
}
.fit-cover.shop-image {
width: 100%;
height: 100%;
}
.shop-big-text {
font-size: 200px;
line-height: 210px;
}
.landing-page-footer {
padding-top: 70px;
padding-bottom: 120px;
}
.view-button-wrapper {
display: none;
}
.license-hero-main {
padding-top: 40px;
}
.licensing-hero {
padding-top: 100px;
padding-bottom: 70px;
}
.licencing-image-grid {
grid-template-columns: 1fr 1fr;
}
.licencing-section {
padding-top: 30px;
padding-bottom: 70px;
}
.changelog-section {
padding-top: 60px;
padding-bottom: 40px;
}
.style-guied-color {
padding-top: 70px;
padding-bottom: 70px;
}
.style-guied-color-option {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.style-guied-typography {
padding-bottom: 70px;
}
.landing-page-bottom-right {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.block-header-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.customization-offer-main {
grid-template-columns: 1fr;
}
.cta-customization-heading-two, .spacial-card-v3-main, .cta-customization-heading {
max-width: none;
}
.top-tablet-menu-3 {
width: 100%;
}
.logo-outdoor-mobile {
justify-content: center;
margin-bottom: 0;
display: flex;
}
.logo-outdoor-mobile:hover {
opacity: 1;
}
.logo-outdoor-mobile.w--current {
margin-bottom: 0;
padding-top: 0;
}
.nav-close-icon-4 {
align-self: stretch;
height: 18px;
}
.nav-intro-item {
font-size: 14px;
}
.nav-menu-shadow-overlay-4 {
background-color: #f2fbfc;
border: 1px solid #afafaf4d;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 320px;
position: fixed;
inset: 0% auto 0% 0%;
overflow: hidden;
}
.menu-item-wrapper {
justify-content: space-between;
padding-top: 15px;
padding-bottom: 15px;
}
.tablet-menu-4 {
background-color: #f2fbfc;
justify-content: space-between;
align-items: center;
height: 70px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.close-menu-button-3 {
justify-content: center;
align-items: center;
height: 40px;
padding: 7px 0 5px 20px;
display: flex;
}
.close-menu-button-3.w--open {
z-index: 10;
background-color: #0000;
justify-content: center;
align-items: center;
height: 40px;
padding: 7px 0 5px 20px;
display: flex;
}
.nav-menu-3 {
background-color: #0000;
flex-direction: column;
width: 100%;
position: absolute;
inset: 0% auto auto 0%;
overflow: visible;
}
.nav-hero-container {
padding-left: 15px;
padding-right: 15px;
}
.header-link-item {
background-color: #0000;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0;
}
.dropdown-menu-3 {
background-color: #f2fbfc;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: auto;
padding-bottom: 100px;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;
}
.right-header-wrapper {
border-left-style: none;
margin-left: auto;
margin-right: 20px;
}
.login-tablet-wrap-2 {
grid-row-gap: 20px;
flex-direction: column;
width: 100%;
margin-top: 40px;
margin-left: 0;
padding-right: 15px;
display: flex;
}
.primary-dark-button-3:active {
color: #fff;
}
.border-wrap-3 {
border-top: 1px solid #afafaf4d;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding-top: 20px;
display: flex;
}
.wrapper__funnel-video {
padding: 10px;
}
.home-2-banner {
flex-direction: column;
justify-content: space-between;
min-height: 760px;
margin-top: 130px;
}
.section-container-2.is--funnel {
padding-bottom: 30px;
}
.large-base-container {
padding-left: 15px;
padding-right: 15px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.padding-horizontal.padding-home-2 {
flex-direction: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.home-2-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
flex: 1;
grid-template-rows: 100%;
grid-template-columns: auto;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex;
}
.number-large-circle {
width: 40px;
height: 40px;
}
.hero-home-background {
flex-direction: column;
flex: 1;
justify-content: center;
height: 100%;
display: flex;
position: relative;
}
.funnel--video {
z-index: 3;
}
.shapes {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 0;
display: flex;
}
.categories-link-text-dark {
font-size: 14px;
}
.link_container {
padding: 0;
}
.service-two-service-item-image-copy {
width: 100%;
height: 100%;
}
.service-two-service-item-image-copy.is--funnel {
width: 500px;
height: 500px;
}
.left-dot-wrapper {
justify-content: center;
}
.left-dot-wrapper.is--left {
justify-content: flex-start;
align-items: center;
}
.flex-about-us-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.contact-us-description {
text-align: center;
width: 100%;
}
.flex-intro-description {
align-items: center;
width: 85%;
}
.top-contact-us-con {
justify-content: center;
width: 100%;
display: none;
}
.small-ava-wrap {
justify-content: center;
}
.line-wrap.tablet-hide {
display: none;
}
.navigation-label-mobile {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.nav-right {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-left-style: none;
justify-content: space-between;
padding-left: 0;
display: flex;
position: static;
}
.menu-cta-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.menu-cta-wrap.desktop {
display: block;
}
.menu-close-icon {
width: 24px;
display: none;
}
.nav-dropdown-list {
background-color: #0000;
display: block;
position: static;
}
.nav-dropdown-list.w--open {
box-shadow: none;
padding: 0;
}
.multi-layout-row {
padding: 0;
}
.multi-layout-row:hover {
background-color: #0000;
}
.nav-menu-wrap {
background-color: #0000;
margin-right: 16px;
padding: 0;
position: static;
}
.nav-container {
text-align: center;
justify-content: space-between;
position: static;
}
.mega-menu-wrap {
border-style: none;
padding: 0;
}
.menu-cta-link-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.megs-menu-right {
display: none;
}
.navbar {
padding-left: 24px;
padding-right: 24px;
}
.multi-layout-right {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-bottom: 16px;
}
.menu-hamburger-icon {
width: 24px;
}
.brand-link-navbar {
justify-content: center;
align-items: center;
height: 28px;
margin-left: auto;
margin-right: auto;
}
.menu-cta-mobile {
grid-column-gap: 14px;
grid-row-gap: 14px;
text-align: left;
background-color: #ece7d9;
border-top: 1px solid #16231b29;
border-bottom: 1px solid #16231b29;
justify-content: space-between;
align-items: center;
padding-top: 8px;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: absolute;
inset: 0 0% auto;
}
.menu-bottom-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-link {
margin-left: 0;
margin-right: 0;
font-size: 14px;
font-weight: 600;
}
.nav-link.w--current {
background-color: #0000;
}
.nav-link.light {
color: #16231b;
}
.icon-multi-layout {
display: none;
}
.menu-socials {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.nav-small-dropdown {
width: 100%;
}
.menu-button {
padding: 0;
}
.menu-button.w--open {
color: #151515;
background-color: #0000;
}
.nav-menu-4 {
z-index: 11;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--light);
border: 1px solid #16231b99;
border-top-color: #16231b29;
max-height: 89svh;
padding: 20px 24px;
overflow: auto;
}
.navigation-link-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
padding: 0;
}
.nav-dropdown {
display: block;
}
.dropdown-list-inner {
border-style: none;
padding: 0;
}
.nav-left {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-right-style: none;
justify-content: flex-start;
align-items: center;
margin-right: auto;
padding-right: 0;
display: flex;
}
.menu-divider {
background-color: #16231b29;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
display: block;
}
.menu-column {
width: 100%;
}
.dropdown-toggle-2 {
justify-content: space-between;
align-items: center;
display: none;
}
.link-menu-social {
width: 19px;
height: 19px;
}
.mega-menu-halves {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
padding-left: 0;
padding-right: 0;
}
.text-body.end-tier-comparison {
color: var(--body-text-dark);
}
.navigation-link-hover-wrap {
padding: 0;
}
.navigation-link-hover-wrap:hover {
background-color: #0000;
}
.menu-template-image {
width: 137px;
}
.menu-link {
padding: 0;
}
.menu-link:hover {
background-color: #0000;
}
.dropdown-list {
background-color: #0000;
display: block;
position: static;
}
.dropdown-list.w--open {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: static;
}
.menu-links-column {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 20px;
}
.navigation-label-desktop {
display: none;
}
.mega-menu-left {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.brand-menu-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
position: static;
}
.brand-navbar.light {
display: block;
}
.nav-menu-5 {
z-index: 11;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f9f5eb;
border: 1px solid #16231b99;
border-top-color: #16231b29;
max-height: 89svh;
padding: 112px 24px 20px;
overflow: auto;
}
.dropdown-toggle-3 {
justify-content: space-between;
align-items: center;
display: none;
}
.main-container-2 {
padding-right: 32px;
}
.home-a-small-video {
display: none;
}
.text-h2 {
font-size: 48px;
}
.section-2 {
padding-top: 64px;
padding-bottom: 64px;
}
.home-a-about-column.left {
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-h1 {
font-size: 64px;
}
.cta-master {
max-width: 520px;
}
.section-3 {
padding-top: 64px;
padding-bottom: 64px;
}
.footer-right {
margin-right: 0;
}
.brand-link {
justify-content: center;
align-items: center;
}
.footer-halves-2 {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.product-thirds {
grid-template-columns: 1fr 1fr;
}
.tab-menu-pricing {
margin-bottom: 48px;
}
.section-divider.article-divider-2 {
margin-top: 100px;
}
.section-divider.home-a-features {
margin-bottom: 48px;
}
.plan-title.is--contrast {
color: var(--heading-color);
}
.check-icon-wrap.no.mobile {
display: flex;
}
.check-icon-wrap.no.desktop {
display: none;
}
.check-icon-wrap.yes.large.mobile {
display: flex;
}
.check-icon-wrap.yes.large.desktop {
display: none;
}
.pricing-card {
padding-left: 32px;
padding-right: 32px;
}
.icon-plan.mobile {
display: inline-flex;
}
.icon-plan.web {
display: none;
}
.headline-blog {
margin-bottom: 64px;
}
.section-4 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-4.home-a-testimonials-section, .section-4.testimonial-section, .section-4.home-b-about-section {
padding-top: 80px;
padding-bottom: 80px;
}
.strategic-value-comparison-main {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.headline-home-a-story {
margin-bottom: 48px;
}
.testimonial-card {
background-position: 100% 100%;
}
.text-h0-2 {
font-size: 72px;
}
.testimonial-thirds {
grid-template-columns: 1fr 1fr;
}
.testimonial-image-wrap {
height: 100%;
}
.testimonial-right-wrap {
grid-column-gap: 48px;
grid-row-gap: 48px;
width: 100%;
}
.expanable-tab-expand-content {
grid-column-gap: 32px;
grid-row-gap: 32px;
opacity: 1;
height: 100%;
padding: 30px;
position: static;
}
.headline-expandable-tabs {
margin-bottom: 48px;
}
.expandable-tabs {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.expandable-title-wrap {
display: none;
}
.expandable-tab {
height: auto;
padding: 0;
}
.expandable-tab.testimonial {
height: 75vh;
}
.expandable-tab.testimonial.w--current {
box-shadow: none;
transition-property: none;
}
.home-b-hero-video {
height: 400px;
}
.headline-home-b {
margin-bottom: 48px;
}
.careers-image-grid {
grid-template-columns: 1fr 1fr;
}
.headline-careers {
margin-bottom: 48px;
}
.logo-round {
order: 0;
}
.content-wrapper {
justify-content: center;
align-items: center;
padding-top: 60px;
}
.section-6 {
justify-content: center;
padding: 0;
}
.headline-moving-features {
margin-bottom: 48px;
}
.text-h1-2 {
font-size: 64px;
}
.icon-service-card {
width: 48px;
height: 48px;
}
.section-7, .section-7.home-a-services-section {
padding-top: 64px;
padding-bottom: 64px;
}
.section-7.hero-contact-a {
background-size: contain;
}
.section-7.about-a-stories-section, .section-7.about-c-stacking-cards-sectiob {
padding-top: 80px;
padding-bottom: 80px;
}
.service-card {
width: 320px;
height: auto;
}
.contact-a-halves {
grid-template-columns: 1fr;
}
.contact-a-right {
width: 100%;
max-width: none;
height: 500px;
}
.sticky-images-block {
height: 650px;
display: none;
}
.scroll-blogs {
margin-top: 0;
}
.scroll-blogs-list {
grid-template-columns: 1fr;
}
.sticky-blog-placeholder {
display: none;
}
.expandble-logo-case-study {
max-width: 200px;
max-height: 80px;
}
.testimonial-tab-wrap {
padding: 30px;
}
.testimonial-tab-top-text {
flex-flow: column;
}
.testimonial-tab-text.is--white {
font-size: 20px;
}
.headline-hero-about-a {
max-width: 450px;
}
.about-a-video {
height: auto;
padding-top: 320px;
}
.icon-story-block {
width: 40px;
height: 40px;
}
.story-card {
grid-column-gap: 80px;
grid-row-gap: 80px;
height: auto;
}
.stacking-card {
height: 500px;
}
.stacking-list {
height: 1800px;
}
.faq-right {
grid-column-gap: 80px;
grid-row-gap: 80px;
max-width: none;
margin-top: 0;
}
.faq-halves {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-columns: 1fr;
}
.faq-left {
position: static;
}
.section {
padding-top: 64px;
padding-bottom: 64px;
}
.section.hero-faq {
padding-bottom: 64px;
}
.section-8 {
padding-top: 64px;
padding-bottom: 64px;
}
.headline-related {
margin-bottom: 64px;
}
.blog-thirds {
grid-template-columns: 1fr 1fr;
}
.product-halves {
grid-template-columns: 1fr 2fr;
}
.product-content-wrap {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.section-9 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-9.hero-product, .section-9.academy-description {
padding-bottom: 64px;
}
.section-9.blueprint-content {
justify-content: center;
align-items: center;
padding-bottom: 64px;
padding-left: 0;
}
.section-10 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-10.related-blog-section {
padding-bottom: 64px;
}
.scroll-blogs-item {
min-height: auto;
}
.scroll-blog-content-master {
padding-top: 64px;
padding-bottom: 64px;
}
.scroll-blog-image {
height: 650px;
}
.text-h0 {
font-size: 72px;
}
.landing-section {
padding-top: 64px;
padding-bottom: 64px;
}
.landing-section.hero-service-c {
padding-bottom: 280px;
}
.landing-section.hero-article {
padding-bottom: 64px;
}
.landing-section.sales-features-section {
padding-top: 80px;
padding-bottom: 80px;
}
.abouot-b-marquee {
margin-top: -231px;
}
.marquee-inner-images, .single-marquee-images {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.marquee-image-item {
width: 260px;
height: 340px;
}
.marquee-image-item.big-item {
width: 400px;
}
.marquee-image-item.small-item {
width: 200px;
}
.expandable-tab-static {
height: auto;
padding: 0;
}
.testimonial-credit {
font-size: 1.4rem;
}
.text-h2-2 {
font-size: 48px;
}
.countdown-box-inner {
height: 180px;
}
.countdwon-text {
font-size: 22px;
}
.countdown-box, .countdown-dots-wrapper {
height: 180px;
}
.countdown-number {
font-size: 92px;
}
.sticker-2 {
width: 86px;
margin-top: 141px;
margin-left: -39px;
}
.countdown-box-back {
height: 180px;
}
.sticker-1 {
width: 110px;
height: 110px;
margin-left: 50px;
top: -56.5px;
}
.side-navigation {
width: 100%;
height: auto;
margin-top: 0;
padding-top: 1.5rem;
display: none;
inset: auto 0% 0%;
overflow: hidden;
}
.scroll-dot {
opacity: 0;
inset: 10% auto auto 4%;
}
.side-navigation-button {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 1;
align-self: stretch;
padding: 1rem;
}
.navbar-2 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
overflow: auto;
}
.article-down-button {
width: 48px;
height: 48px;
}
.icon-down-arrow {
width: 16px;
}
.article-big-thumbnail {
height: 400px;
}
.eula-wrapper {
width: 90%;
}
.confidential-wrapper {
inset: auto 0% 0%;
}
.confidential-block {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.headline-sales-block {
text-align: center;
margin-bottom: 64px;
}
.sales-card {
padding: 16px;
}
.grid-thirds-sales-page {
grid-template-columns: 1fr;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.headline-sales-features {
margin-bottom: 64px;
}
.more-power-card {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.grid-all-features {
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.headline-moving-features-2 {
margin-bottom: 48px;
}
.blueprint-card {
padding: 16px;
}
.section-11 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-11.about-b-video-section {
padding-bottom: 80px;
}
.feature-halves-home-a {
grid-template-columns: 1fr;
}
.section-12 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-12.benefits-careers {
padding-bottom: 64px;
}
.headline-moving-features-3 {
margin-bottom: 48px;
}
.blueprint-text-h2, .blueprint-text-h1 {
font-size: 64px;
}
.blueprint-compare {
grid-template-columns: 1fr 1fr;
}
.included-card {
min-height: 260px;
}
.included-card.figma-card, .included-card.blueprint-compare-card, .included-card.blueprint-component-card {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.figma-left {
flex-flow: column;
}
.wrap-figma-content {
justify-content: flex-start;
align-items: center;
}
.grid-blueprint-features {
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.wrap-compare-content {
justify-content: flex-start;
align-items: center;
}
.section-13 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-13.hero-contact-a {
background-size: contain;
}
.modular-card.modular-overflow-hidden {
overflow: hidden;
}
.modular-content-flex-vertical {
text-align: center;
}
.modular-hero-anim-load-4th.hero-rise {
flex-flow: column;
margin-top: -60px;
display: flex;
}
.modular-hero-09-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1.5fr;
}
.modular-button {
font-weight: 500;
}
.modular-hero-description {
text-align: center;
max-width: none;
}
.modular-vertical-flex {
text-align: center;
justify-content: center;
align-items: center;
}
.modular-hero-9-image-1-wrap {
max-width: 30%;
left: -.5em;
}
.modular-hero-heading {
font-size: 65px;
}
.modular-home-hero-09-image-wrap {
max-width: 100%;
}
.modular-subscribers-wrap.modular-subscribers-wrap-hero {
justify-content: center;
align-items: center;
}
.modular-text {
font-size: 16px;
}
.modular-container.modular-nav-container {
justify-content: space-between;
}
.modular-hero-9-image-2-wrap {
max-width: 30%;
right: -.5em;
}
.modular-nav-link-wrap {
width: 100%;
}
.modular-nav-01-menu {
-webkit-text-fill-color: inherit;
background-color: #fff0;
background-clip: border-box;
border-top: 1px solid #f2f4f7;
align-items: flex-start;
height: auto;
margin-left: 0;
padding: 1.5rem 2rem 2rem;
position: absolute;
overflow: auto;
}
.modular-nav-buttons-wrap {
flex-flow: column;
align-items: stretch;
display: flex;
}
.modular-nav-menu-button {
width: 44px;
height: 44px;
padding-left: .6rem;
padding-right: .6rem;
}
.modular-nav-menu-button.w--open {
background-color: #0000;
}
.modular-dropdown-list-detail {
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.modular-nav-big-menu {
align-items: flex-start;
}
.modular-big-menu-links-wrap {
border-bottom: 1px solid #f6f6f6;
border-right-style: none;
justify-content: flex-start;
align-items: flex-start;
margin-right: 0;
padding-bottom: 1rem;
padding-right: 0;
}
.modular-menu-line-top {
background-color: #212121;
border-radius: 10px;
width: 100%;
height: 2px;
padding: 0;
display: block;
}
.modular-nav-link-with-image {
grid-template-columns: 100px 1fr;
width: 100%;
}
.modular-nav-link-with-image:hover {
color: #101828;
}
.modular-dropdown-list {
width: 100%;
position: relative;
}
.modular-nav-link {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.modular-button-secondary {
font-weight: 500;
}
.modular-big-menu-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
max-height: 90vh;
overflow: auto;
}
.modular-nav-menu-right {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
padding-top: 8px;
}
.modular-nav-mobile-bg-holder {
z-index: -1;
display: block;
position: absolute;
inset: 0%;
}
.modular-logo-image {
height: 30px;
}
.modular-big-menu-in-right {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.modular-menu-line-middle {
background-color: #212121;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.modular-dropdown {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.modular-nav-01-menu-links {
grid-column-gap: 0px;
grid-row-gap: 8px;
color: #101828;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.modular-h1-heading {
font-size: 60px;
}
.modular-button-2 {
font-weight: 500;
}
.modular-integrations-05-text-bg {
background-image: radial-gradient(circle closest-corner, #fffffe 65%, #1e2fe400);
width: 100%;
}
.modular-testimonial-02-content {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.modular-h1-heading-2 {
font-size: 60px;
}
.modular-testimonial-02-image {
width: 100%;
height: 230px;
}
.modular-h4-heading {
font-size: 20px;
}
.modular-testimonial-02-slider {
height: 550px;
}
.modular-testimonial-08-text-holder {
padding: 2em;
}
.modular-testimonial-08-slider-mask {
width: 50%;
}
.modular-testimonial-08-logo {
padding-top: 0;
padding-bottom: 0;
}
.modular-testimonial-08-logo-wrap {
border: 1px #000;
justify-content: flex-start;
align-items: flex-start;
padding-right: 0;
}
.modular-testimonial-08-slider {
height: 450px;
}
.modular-testimonial-08-name-holder {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.modular-h3-heading {
font-size: 28px;
}
.modular-hero-05-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1.5fr;
}
.modular-hero-05-image-wrap {
max-width: 100%;
}
.modular-hero-heading-2 {
font-size: 65px;
}
.modular-hero-05-dashboard-image {
border-radius: 18px;
}
.modular-hero-05-section-hero {
padding-top: 1em;
}
.modular-hero-link {
font-weight: 500;
}
.modular-hero-heading-2nd {
font-size: 65px;
}
.modular-hero-10-section-bg {
bottom: 30em;
left: 0;
right: 0;
}
.modular-home-hero-10-image-wrap {
max-width: 100%;
}
.modular-hero-10-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1.5fr;
}
.modular-clients-04-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.modular-features-01-grid {
grid-template-columns: 1fr 1fr;
}
.modular-list-item-icon {
font-weight: 500;
}
.modular-list-holder {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.modular-features-07-item {
padding: 3em;
}
.modular-button-secondary-2 {
font-weight: 500;
}
.modular-features-07-grid {
grid-template-columns: 1fr;
}
.modular-cta-01-content-holder {
width: 100%;
max-width: 100%;
padding-bottom: 0;
padding-right: 3em;
}
.modular-cta-01-container {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
}
.modular-cta-01-image-wrap {
width: 100%;
height: 60vw;
min-height: 60vw;
margin-top: 0;
margin-bottom: -20px;
position: relative;
top: 0;
left: 2em;
}
.modular-cta-01-small-image {
width: 30%;
}
.modular-cta-card {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.modular-bento-card-content {
padding: 1.2em;
}
.modular-button-secondary-3 {
font-weight: 500;
}
.modular-max-width-60pct {
max-width: 100%;
}
.modular-hero-11-play-wrap {
display: none;
}
.modular-hero-11-play-wrap.mobile {
background-image: none;
width: 100%;
height: 120px;
display: flex;
position: relative;
}
.modular-small-container {
max-width: 100%;
padding: 2em 1em;
}
.modular-hero-11-product {
height: auto;
}
.home-hero-container {
max-width: 100%;
}
.modular-logos-01-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.modular-features-03-grid-boxes {
grid-template-columns: 1fr;
}
.modular-cta-card-2, .modular-cta-08-container {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.modular-cta-08-list-wrap {
padding-top: 3em;
padding-bottom: 3em;
position: relative;
inset: 0%;
}
.modular-cta-card-3 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.modular-button-secondary-4 {
font-weight: 500;
}
.modular-cta-08-content-holder {
width: 100%;
max-width: 100%;
padding-bottom: 3em;
padding-left: 3em;
padding-right: 3em;
}
.modular-h1-heading-3 {
font-size: 60px;
}
.modular-features-02-grid-big {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1fr;
padding: 20px;
}
.modular-features-02-content {
padding: 20px;
}
.modular-h3-heading-2 {
font-size: 28px;
}
.modular-h1-heading-4 {
font-size: 60px;
}
.modular-testnimonial-01-loop-content {
width: 150%;
min-width: 120%;
}
.modular-testimonial-01-grid-loop {
column-count: 2;
}
.modular-cta-10-small-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.modular-cta-10-content {
margin-bottom: -10px;
}
.modular-text-extrabig-loop-wrap {
padding-right: 40px;
}
.modular-cta-card-4 {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.modular-cta-10-form-wrap {
justify-content: flex-start;
align-items: flex-start;
}
.modular-text-extrabig {
font-size: 65px;
}
.modular-cta-10-buttons {
justify-content: flex-start;
align-items: flex-start;
padding-right: 0;
position: relative;
top: 0;
right: 0;
}
.modular-cta-04-buttons {
justify-content: flex-start;
align-items: flex-start;
}
.modular-cta-04-footer {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.modular-cta-04-full-content-holder {
width: 100%;
max-width: 100%;
padding: 3em;
}
.modular-cta-04-icon-wrap {
width: 100px;
min-width: 100px;
height: 100px;
}
.modular-cta-04-container {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.modular-cta-10-wrap {
max-width: 90%;
}
.fine-print {
max-width: none;
}
.fine-print-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.landing-logo {
background-image: url("https://cdn.prod.website-files.com/67d058d2ba57f571ce6245a5/6855a89a02ec2a73eeeb2b63_Exposure%20Combination%20Mark%202025.avif");
}
.desktop {
display: none;
}
.mobile {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.modular-logo-nav.modular-nav-container {
justify-content: space-between;
}
}
@media screen and (max-width: 767px) {
h2 {
font-size: 3rem;
line-height: 3rem;
}
h3 {
font-size: 60px;
line-height: 60px;
}
h4 {
font-size: 40px;
line-height: 50px;
}
h5 {
line-height: 33px;
}
h6 {
font-size: 1.5rem;
line-height: 1.5rem;
}
.auto-fit.landskape-image-full-width {
width: 100%;
height: 100%;
}
.auto-fit.image-big-size {
height: 350px;
}
.social-media-main-icon-wrapper {
display: none;
}
.home-one-hero-contact {
bottom: 70px;
}
.home-one-hero {
height: 70vh;
}
.merquee-text {
font-size: 180px;
line-height: 150px;
}
.home-one-hero-contact-main {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
}
.button-arrow-wrapper.nav {
width: 35px;
min-width: 35px;
height: 35px;
min-height: 35px;
}
.about-text {
font-size: 45px;
line-height: 50px;
}
.heading-five {
font-size: 30px;
line-height: 44px;
}
.heading-five.chnage-color-grey.landskape-text-white {
color: #fff;
}
.heading-five.change-heading-color.chnage-font-size {
font-size: 30px;
line-height: 35px;
}
.home-one-agency-design-tab.change-position {
display: none;
}
.medium-container.full-height {
height: 80%;
}
.change-padding.change-heading-color.text-align-center.chnage-font-size {
font-size: 70px;
line-height: 60px;
}
.home-one-logo-heading-right {
width: 100%;
}
.home-one-logo-item {
max-width: 100%;
}
.home-one-logo-heading-main {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.home-one-logo-wrapper {
grid-template-columns: 1fr 1fr;
}
.heading-two {
font-size: 80px;
line-height: 80px;
}
.home-one-logo-heading-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
padding-bottom: 40px;
display: flex;
}
.home-one-logo-top-details {
display: none;
}
.home-one-service-main {
height: 60vh;
}
.heading-one {
font-size: 100px;
line-height: 100px;
}
.heading-one.no-wrap.chnage-font-size {
font-size: 80px;
line-height: 70px;
}
.heading-four {
font-size: 40px;
line-height: 50px;
}
.home-one-card-image-main-text, .home-one-reson-round {
display: none;
}
.home-one-reson-heading-wrapper {
flex-flow: column;
padding-top: 40px;
padding-bottom: 40px;
}
.home-one-reson-main-heading.is--funnel {
max-width: 100%;
}
.heading-three {
font-size: 60px;
line-height: 60px;
}
.heading-three.chnage-color-light-grey.landskape-color-chage {
color: #070616;
}
.footer-one-bottom-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.footer-one-right-wrapper {
width: 100%;
}
.footer-one-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
}
.footer-one-right-item {
flex: 0 auto;
width: 50%;
}
.footer-one-right {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.counter-box.big-counter {
height: 35px;
}
.home-two-counter-box-new {
justify-content: center;
align-items: flex-start;
}
.home-two-hero {
height: 600px;
}
.home-two-hero-inner-wrapper {
height: 80%;
}
.home-two-hero-flower {
opacity: .5;
}
.home-two-big-text {
font-size: 100px;
}
.home-two-hero-text-arrow-wrapper {
width: 50px;
height: 50px;
}
.home-two-about-text {
padding-top: 60px;
}
.change-color-grey.landskape-align-center {
text-align: center;
}
.home-two-project-heading {
max-width: 100%;
}
.home-two-project {
padding-top: 60px;
}
.heading-three-new {
font-size: 60px;
line-height: 60px;
}
.home-two-project-main-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.home-two-project-image {
display: none;
}
.home-two-count-bottom {
height: 150px;
}
.home-two-count-main {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-two-count {
padding-bottom: 0;
}
.home-two-count-item.chnage-border {
border-right-width: 0;
}
.home-one-project-merquee-new {
margin-top: -60px;
}
.home-two-team-right-text-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.home-three-banner-image {
display: none;
}
.home-three-banner-bottom {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.home-three-about-left {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.home-three-about-bottom {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 40px;
}
.home-three-about-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.home-three-vedio-wrapper {
padding-top: 60px;
}
.home-three-service-bottom-head {
padding-bottom: 0;
}
.home-three-service-heading {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
justify-content: center;
align-items: center;
padding-bottom: 20px;
display: flex;
}
.image, .home-three-service-head-image {
display: none;
}
.home-three-team-item {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.home-three-team-name {
padding-top: 15px;
padding-bottom: 15px;
}
.home-three-awrads-wrapper {
padding-top: 70px;
}
.home-three-awards-item-left {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
}
.home-three-awards-wrapper {
padding-top: 20px;
}
.home-three-awards-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: space-between;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
}
.home-three-testimonial-designation {
width: auto;
margin-bottom: 0;
transform: none;
}
.home-three-testimonial-item-name {
border-right-width: 0;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 0;
}
.home-three-testimonial-name {
width: auto;
margin-bottom: 0;
transform: none;
}
.home-three-testimonial-item-two {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
}
.about-one-hero {
height: 60vh;
}
.social-media-main-icon-wrapper-main {
display: none;
}
.about-one-about-left.chnage-style {
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.about-one-work-heading {
padding-bottom: 20px;
}
.right-award-arrow {
display: none;
}
.about-one-agency-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-top: 150px;
padding-bottom: 150px;
}
.about-one-agency-bottom {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.left-award-arrow {
display: none;
}
.about-one-answar {
padding-left: 40px;
}
.pricing-two-question-details {
max-width: 100%;
}
.pricing-two-question-details.chnage-side-padding {
padding-left: 20px;
padding-right: 20px;
}
.about-one-main-question {
padding-left: 0;
}
.pricing-two-question-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.pricing-two-question-top.chnage-side-padding {
padding: 20px;
}
.about-two-hero-text {
padding-top: 100px;
}
.about-two-work-graph.change-style {
margin-left: 15px;
margin-right: 15px;
}
.process-line {
display: none;
}
.service-one-project-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
align-items: flex-start;
padding-bottom: 10px;
}
.service-one-project-item-details {
max-width: 100%;
}
.service-one-project-main {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
display: flex;
}
.service-one-project-details {
padding-top: 0;
}
.service-one-project-number {
flex-basis: auto;
padding-top: 0;
padding-bottom: 0;
}
.about-three-merqee-main-item {
height: 250px;
}
.about-three-rating-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.about-three-portfolio-bottom-right {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.about-three-portfolio-top {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
}
.about-three-portfolio-bottom, .about-three-portfolio-middle {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
margin-top: 30px;
}
.service-one-hero-contact {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.service-one-hero-banner-image {
height: 500px;
}
.change-coloe-dark-grey.responsive-align-center {
text-align: center;
}
.service-one-process-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.service-one-business-customer-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.service-one-process-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-one-business-heading-overlay {
display: none;
}
.service-one-business-left-heading-line {
width: 100%;
}
.service-one-process-item-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.service-one-business-left-heading {
max-width: 100%;
}
.service-one-business-left-heading.change-width {
width: 100%;
max-width: 100%;
}
.service-one-business {
padding-left: 0;
padding-right: 0;
}
.service-one-business-heading {
padding-bottom: 40px;
}
.service-two-service-item-bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.service-two-planning {
padding-top: 70px;
}
.service-two-testimonial-item {
padding-left: 20px;
padding-right: 20px;
}
.service-two-about {
padding-left: 0;
padding-right: 0;
}
.service-two-about-main {
padding-top: 70px;
padding-left: 15px;
padding-right: 15px;
}
.service-three-vedio-main {
height: 500px;
}
.service-three-portfolio-left.right {
grid-template-columns: 1fr;
}
.service-three-portfolio-left.left {
flex-flow: column;
}
.service-three-work-item-button-wrapper {
grid-template-columns: 2fr 2fr 2fr;
}
.team-one-hero-line {
display: none;
}
.team-one-hero-main-wrapper, .team-one-hero-main {
height: 60vh;
}
.team-one-hero-small-text {
justify-content: center;
align-items: center;
}
.team-two-merquee {
padding-top: 160px;
padding-bottom: 40px;
}
.team-two-merquee-main {
margin-top: -60px;
}
.team-two-main {
grid-template-columns: 1fr;
}
.team-two-member-item-overlay {
padding-top: 30px;
}
.team-two-member-designation-main {
margin-top: 10px;
}
.team-three-banner-line {
display: none;
}
.team-three-banner-heading.overflow-hidden {
padding-bottom: 0;
}
.team-details-hero-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column-reverse;
align-items: flex-start;
}
.team-details-hero-heading.margin-bottom-thirty {
margin-bottom: 0;
padding-bottom: 20px;
}
.team-details-image-wrapper {
margin-left: 0;
}
.border-radius-ten.team-member-details-image.landskape-image-full-width {
width: 100%;
height: 100%;
}
.team-member-quote {
font-size: 1.5rem;
line-height: 2.125rem;
}
.about-team-member {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.team-details-text {
font-size: 6.25rem;
line-height: 6.875rem;
display: none;
}
.team-member {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 0;
display: flex;
}
.tag-style-five-details.heading-six {
padding-bottom: 20px;
}
.quote-wrapper {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-bottom: 60px;
padding-top: 20px;
padding-left: 0;
}
.team-member-details-section {
padding-top: 50px;
}
.blog-three-hero-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.blog-three-hero-item-details {
margin-left: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.blog-three-hero-main-wrapper {
grid-template-columns: 1fr;
}
.blog-three-hero {
padding-top: 120px;
}
.blog-details-poet-wrapper {
padding-left: 20px;
padding-right: 20px;
}
.blog-details-blog-main {
grid-template-columns: 1fr;
}
.portfolio-one-banner-image {
height: 50vh;
}
.portfolio-two-logo-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.portfolio-two-main-item {
padding-bottom: 40px;
}
.portfolio-two-details {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
padding-bottom: 40px;
}
.portfolio-two-text-heading {
max-width: 100%;
}
.portfolio-two-main {
padding-bottom: 40px;
}
.tabs-menu {
flex-flow: wrap;
padding-bottom: 20px;
}
.portfolio-two-project-details {
padding-top: 20px;
}
.portfolio-two-text-overlay {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-top: 40px;
padding-bottom: 40px;
}
.portfolio-two-logo-details {
max-width: 100%;
padding-bottom: 20px;
}
.portfolio-two-main-top {
flex-flow: column;
}
.portfolio-two-text-details {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-right: 0;
}
.portfolio-three-main {
grid-template-columns: 1fr;
}
.portfolio-three-image-details {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 20px;
padding-right: 20px;
}
.shop-page-shop-wrapper {
grid-template-columns: 1fr 1fr;
padding-top: 40px;
}
.small-images-menu {
flex-flow: wrap;
grid-template-columns: 1fr 1fr;
}
.shop-details-product-wrapper {
grid-template-columns: 1fr;
}
.select-field.change-style {
height: 60px;
}
.contact-one-main {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.contact-image {
display: none;
}
.contact-one-hero-left {
height: auto;
padding-top: 140px;
padding-bottom: 70px;
}
.contact-one-hero-right {
height: auto;
padding-top: 70px;
padding-bottom: 70px;
}
.contact-one-form-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.contact-two-form-button {
justify-content: center;
align-items: center;
}
.contact-two-hero-heading {
padding-bottom: 20px;
}
.contact-two-form-right-main {
grid-template-columns: 1fr;
}
.contact-two-service-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
}
.contact-three-hero-main.is--funel {
padding-right: 0;
}
.contact-three-social-media {
justify-content: center;
align-items: center;
}
.pricing-row-right-column {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-basis: 100%;
}
.pricing-row-right-column.price-right-column {
flex-basis: 100%;
}
.pricing-row-right-column._2-column {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.pricing-plan-item-price-wrapper.pricing-two-change-style {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
}
.pricing-table-row {
padding-left: 0;
padding-right: 0;
}
.pricing-table-row.pricing-table-inner-row {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.pricing-table-row.pricing-table-inner-row.price-row {
padding: 20px 0;
}
.brand {
padding-left: 0;
}
.about-image-wrapper {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
}
.nav-link-main {
padding-bottom: 10px;
}
.landing-page-query-right.change-width {
flex-flow: column;
}
.landing-page-query-text {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.landing-page-query-plus {
margin-top: 5px;
}
.landing-main-wrapper {
flex-flow: column;
}
.landing-main-wrapper.change-display {
grid-template-columns: 1fr 1fr;
}
.landing-page-item-text {
padding-top: 25px;
}
.landing-page-cta-left {
flex-flow: column;
}
.hover-style, .cart-image-main.border-radius-six {
display: none;
}
.shop-image-wrapper {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.landing-product-image.border-radius-six {
display: none;
}
.shop-big-text {
font-size: 180px;
line-height: 170px;
}
.licencing-image-grid {
grid-template-columns: 1fr;
}
.style-guied-color-option {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
align-items: center;
margin-top: 0;
padding-top: 20px;
}
.style-guied-typography {
padding-bottom: 70px;
}
.landing-page-footer-bottom-main {
flex-flow: column;
}
.button-one {
width: 100%;
height: 45px;
padding-left: 25px;
padding-right: 25px;
font-size: 15px;
line-height: 25px;
}
.nav-fixed-menu.is--funnel {
padding-top: 15px;
padding-bottom: 15px;
}
.menu-item-wrapper {
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
}
.nav-menu-3 {
max-width: none;
display: none;
}
.brand-logo.w--current {
padding-left: 0;
}
.dropdown-menu-3 {
overflow: hidden;
}
.primary-dark-button {
width: 100%;
}
.right-header-wrapper {
display: none;
}
.primary-dark-button-3 {
width: 100%;
}
.is--white {
letter-spacing: 1.2px;
}
.h6-hero-title.is--subheading.is--red-white-stroke {
max-width: 70%;
margin-bottom: -37px;
font-size: 1.5rem;
}
.home-2-banner {
margin-top: 80px;
}
.statistic-line {
background-color: #afafaf4d;
width: 100%;
height: 1px;
padding: 0;
display: block;
position: absolute;
bottom: 0%;
left: 0%;
right: auto;
}
.section-container-2 {
padding-top: 0;
padding-bottom: 200px;
}
.large-base-container {
flex-flow: column;
}
.wrapper__funnel-header {
max-width: 95%;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.home-2-grid {
grid-template-columns: auto;
padding-top: 15px;
}
.number-large-circle {
width: 50px;
height: 50px;
}
.heading--funnel {
font-size: 3rem;
line-height: 3rem;
}
.margin.is--caps {
font-size: 1.3rem;
line-height: 25px;
}
.is--thin {
margin-top: 10px;
font-size: 1.2rem;
line-height: 1.2rem;
}
.categories-link-text-dark {
letter-spacing: .1em;
}
.radio-btn-link {
padding: 13px 28px;
}
.flex-about-us-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: 95%;
}
.contact-us-description, .flex-intro-description {
width: 100%;
}
.top-contact-us-con {
grid-column-gap: 24px;
width: 100%;
}
.small-ava-wrap {
justify-content: flex-start;
}
.brand-link-navbar {
flex-direction: column;
justify-content: center;
padding-left: 0;
}
.nav-link {
font-size: 12px;
}
.brand-navbar {
display: block;
}
.text-h2 {
font-size: 40px;
}
.home-a-about-columns {
flex-flow: column;
}
.home-a-about-column.right {
border-top: 1px solid #16231b29;
padding-left: 0;
}
.home-a-about-column.left {
border-right-style: none;
padding-right: 0;
}
.text-h1 {
font-size: 56px;
}
.footer-right {
grid-column-gap: 64px;
grid-row-gap: 56px;
flex-flow: wrap;
}
.footer-logo-big {
margin-top: 64px;
margin-bottom: 32px;
}
.footer-last-block {
flex-flow: wrap;
}
.footer {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
}
.brand-link {
flex-direction: column;
justify-content: center;
padding-left: 0;
}
.footer-bottom-tile {
flex-flow: column;
display: flex;
}
.footer-bottom-wrap {
flex-direction: column;
}
.product-thirds {
grid-template-columns: 1fr;
}
.text-h3 {
font-size: 36px;
}
.section-divider.article-divider-2 {
margin-top: 64px;
}
.headline-blog {
margin-bottom: 48px;
}
.image-wrap-blog.pinned {
height: 240px;
}
.article-tile.pinned {
grid-template-columns: 1fr;
}
.testimonial-card {
min-height: 450px;
}
.testimonial-video {
height: 400px;
}
.text-h0-2 {
font-size: 64px;
}
.testimonial-thirds {
grid-template-columns: 1fr;
}
.testimonial-halves {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.testimonial-halves.swap {
grid-template-columns: 1fr;
}
.testimonial-image-wrap {
height: 500px;
}
.expanable-tab-expand-content {
padding: 20px;
}
.expandable-tabs {
flex-flow: column;
display: flex;
}
.careers-about-halves {
grid-template-columns: 1fr;
}
.logo-round {
margin-right: 0;
}
.circles {
width: auto;
}
.content-wrapper {
overflow: hidden;
}
.timeline_centre {
justify-content: flex-start;
}
.timeline_date-text {
margin-bottom: 24px;
font-size: 36px;
}
.timeline_quote-wrapper {
flex-direction: column-reverse;
}
.timeline_text {
font-size: 20px;
}
.timeline_quote-image {
margin-top: 24px;
margin-right: 0;
}
.timeline_left {
text-align: left;
}
.margin-bottom-xlarge {
margin-bottom: 48px;
}
.timeline_item {
grid-template-columns: 64px 1fr;
width: 100%;
}
.timeline_progress {
left: 6px;
}
.section-6 {
align-items: center;
height: 68%;
padding: 0;
overflow: auto;
}
.text-h1-2 {
font-size: 56px;
}
.service-card {
width: 350px;
}
.testimonial-tab-wrap {
padding: 20px;
}
.testimonial-tab-text.is--white {
-webkit-text-stroke-width: 0px;
font-size: 18px;
line-height: 25px;
}
.is--large.is--white {
font-size: 6rem;
}
.headline-stories-sticky {
position: static;
}
.stories-halves {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.stacking-card {
height: 400px;
}
.stacking-list {
height: 1500px;
}
.headline-related {
margin-bottom: 48px;
}
.blog-thirds {
grid-template-columns: 1fr 1fr;
}
.product-halves {
grid-template-columns: 1fr;
}
.text-h0 {
font-size: 64px;
}
.landing-section.hero-service-c {
padding-bottom: 240px;
}
.landing-section.sales-features-section {
padding-top: 64px;
padding-bottom: 64px;
}
.abouot-b-marquee {
margin-top: -175px;
}
.marquee-image-item {
width: 220px;
height: 300px;
}
.marquee-image-item.big-item {
width: 340px;
}
.testimonial-subtext {
-webkit-text-stroke-width: 0px;
line-height: 0;
}
.testimonial-credit {
font-size: 1.2rem;
}
.text-h2-2 {
font-size: 40px;
}
.form-block {
width: 90%;
}
.dots-container {
inset: 1em;
}
.countdown-box-inner {
height: 80px;
}
.countdwon-text {
margin-top: 29px;
}
.countdown-box {
height: 80px;
}
.countdown-dots-wrapper {
width: 35px;
height: 80px;
}
.countdown-dot {
width: 10px;
height: 10px;
margin-top: 9px;
margin-bottom: 9px;
}
.countdown-number {
font-size: 35px;
}
.sticker-2 {
width: 50px;
margin-top: 50px;
margin-left: -14px;
}
.countdown-box-back {
height: 80px;
}
.sticker-1 {
width: 70px;
height: 70px;
top: -35.5px;
}
.side-navigation-button {
justify-content: center;
align-self: stretch;
align-items: flex-start;
height: 5rem;
font-size: .75rem;
}
.navbar-2 {
width: 58rem;
}
.article-big-thumbnail {
height: 300px;
}
.article-hero-halves {
grid-template-columns: 1fr;
}
.confidential-block {
line-height: 20px;
}
.more-power-card {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
max-width: 300px;
}
.headlinec-about-b-video {
grid-template-columns: 1fr;
}
.feature-grid-side {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.blueprint-text-h2, .blueprint-text-h1 {
font-size: 56px;
}
.blueprint-compare {
grid-template-columns: 1fr;
}
.included-card.figma-card, .included-card.blueprint-compare-card, .included-card.blueprint-component-card {
text-align: center;
flex-direction: column;
}
.wrap-figma-content, .wrap-compare-content {
text-align: center;
align-items: center;
}
.modular-hero-anim-load-4th.hero-rise {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: -90px;
}
.modular-hero-description.bottom-padding {
margin-bottom: 10px;
}
.modular-container {
padding: 3em 1em;
}
.modular-nav-01-menu {
padding-left: 1rem;
padding-right: 1rem;
}
.modular-dropdown-list-detail {
max-height: 60vh;
overflow: auto;
}
.modular-nav-big-menu {
padding-left: 10px;
padding-right: 10px;
}
.modular-big-menu-links-wrap {
border-bottom: 1px solid #0000001a;
border-right-style: none;
padding-right: 0;
}
.modular-nav {
min-height: 4.5rem;
}
.modular-big-menu-grid {
grid-template-columns: 1fr;
}
.modular-big-menu-in-right {
padding-left: 0;
}
.modular-nav-01 {
min-height: 4.5rem;
}
.modular-h1-heading {
font-size: 56px;
}
.modular-integrations-05-text {
max-width: 80%;
}
.modular-integrations-08-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.modular-h1-heading-2 {
font-size: 56px;
}
.modular-testimonial-02-slider-mask {
width: 70%;
}
.modular-section-special-1 {
background-color: var(--background-color);
}
.modular-testimonial-08-slider-mask {
width: 70%;
}
.modular-hero-05-content {
grid-column-gap: 3em;
grid-row-gap: 3em;
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.modular-hero-heading-2 {
font-size: 55px;
}
.modular-hero-05-image-wrapper {
width: 100%;
margin-left: 0;
position: relative;
left: 0%;
}
.modular-hero-05-dashboard-image {
border-radius: 13px;
}
.modular-hero-heading-2nd {
font-size: 55px;
}
.modular-features-01-grid {
grid-row-gap: 3em;
grid-template-columns: 1fr;
}
.modular-list-holder {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.modular-features-07-item {
padding: 3em 2em;
}
.modular-features-07-grid {
grid-row-gap: 3em;
grid-template-columns: 1fr;
}
.modular-cta-01-container, .modular-cta-card {
border-radius: 12px;
}
.modular-cta-image-bg-wrap {
padding-left: 2em;
padding-right: 2em;
}
.modular-bento-grid-tall-img-wrap {
flex: none;
}
.modular-container-2 {
padding: 3em 1em;
}
.modular-bento-grid-3d, .modular-bento-grid-6th {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.modular-container-3 {
padding: 3em 1em;
}
.modular-max-width-60pct {
max-width: 100%;
}
.hero-buttons-line {
width: 50px;
}
.modular-hero-cta-wrap {
text-align: center;
}
.modular-sticky-content.no-sticky-content-on-tablet {
position: relative;
top: 0;
}
.modular-features-03-grid-boxes {
grid-row-gap: 3em;
grid-template-columns: 1fr;
}
.modular-features-03-main-grid {
grid-template-columns: 1fr;
}
.modular-cta-card-2, .modular-cta-08-container, .modular-cta-card-3 {
border-radius: 12px;
}
.modular-cta-03-buttons {
text-align: center;
}
.modular-h1-heading-3 {
font-size: 56px;
}
.modular-features-02-grid-big {
grid-row-gap: 3em;
grid-template-columns: 1fr;
}
.modular-h1-heading-4 {
font-size: 56px;
}
.modular-testnimonial-01-loop-content {
width: 200%;
min-width: 200%;
}
.modular-testimonial-01-grid-loop {
flex-flow: column;
column-gap: 12px;
}
.modular-cta-10-content {
margin-bottom: -10px;
}
.modular-text-extrabig-loop-wrap {
padding-right: 30px;
}
.modular-cta-card-4 {
border-radius: 12px;
}
.modular-text-extrabig {
font-size: 55px;
}
.modular-cta-10-buttons {
text-align: center;
flex-flow: column;
}
.modular-cta-04-buttons {
text-align: center;
}
.modular-cta-04-main-content {
grid-column-gap: 1em;
grid-row-gap: 1em;
}
.modular-cta-04-container {
border-radius: 12px;
}
.modular-cta-04-image-wrap {
padding-left: 2em;
padding-right: 2em;
}
.relative {
margin-left: 0;
margin-right: 0;
}
.modular-logo-nav {
padding-left: 1em;
padding-right: 1em;
}
}
@media screen and (max-width: 479px) {
h1 {
line-height: 80px;
}
h3 {
font-size: 50px;
line-height: 50px;
}
h4 {
font-size: 35px;
line-height: 40px;
}
h5 {
font-size: 25px;
line-height: 35px;
}
p {
font-size: 1.1rem;
line-height: 25px;
}
.heading-six.chnage-heading-color.two, .heading-six.chnage-heading-color.three {
text-align: center;
}
.auto-fit.image-full-width {
flex: 1;
}
.button-font {
line-height: 1rem;
}
.merquee-text {
font-size: 150px;
line-height: 120px;
}
.about-text {
font-size: 30px;
line-height: 35px;
}
.about-text.change-color-black {
width: 100%;
font-size: 2.5rem;
}
.home-one-agency-pertition {
display: none;
}
.heading-five {
font-size: 25px;
line-height: 35px;
}
.heading-five.text-align-center.moble-color-white, .heading-five.text-align-center.mobile-color-white {
color: var(--light);
}
.home-one-agency-counter-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
padding-top: 0;
padding-bottom: 0;
}
.home-one-agency-design-tab {
flex-flow: column;
}
.home-one-agency-counter-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.change-font.is--black {
font-size: 2.5rem;
line-height: 2.5rem;
}
.change-padding.text-align-center.change-heading-color.responsive-color-white.mobile-font-size {
font-size: 60px;
line-height: 55px;
}
.change-padding.change-heading-color.text-align-center.chnage-font-size {
font-size: 50px;
line-height: 40px;
}
.change-padding.change-font-size {
font-size: 3.5rem;
line-height: 3.5rem;
}
.change-color-white.mobile-align-center {
text-align: center;
}
.home-one-logo-wrapper.one, .home-one-logo-wrapper.two {
grid-template-columns: 1fr 1fr;
}
.heading-two {
font-size: 60px;
line-height: 70px;
}
.heading-two.change-font-style {
font-size: 80px;
}
.home-one-logo-heading-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
}
.home-one-service-main {
height: 40vh;
}
.heading-one {
font-size: 80px;
line-height: 80px;
}
.heading-one.no-wrap.chnage-font-size {
font-size: 50px;
line-height: 60px;
}
.heading-four {
font-size: 35px;
line-height: 40px;
}
.heading-four.chnage-color-grey.text-no-wrap {
text-align: center;
white-space: normal;
font-size: 35px;
line-height: 50px;
}
.hover-item {
font-size: 1.2rem;
line-height: 2rem;
}
.heading-three {
font-size: 50px;
line-height: 50px;
}
.footer-one-bottom-wrapper {
justify-content: space-between;
align-items: flex-start;
}
.footer-one-right-wrapper {
width: 100%;
}
.footer-one-right-item {
flex: 0 auto;
width: 100%;
}
.footer-one-right.change-sizing {
flex-flow: column;
}
.counter-box.big-counter {
height: 40px;
padding-right: 2px;
}
.counter {
flex-direction: column;
width: 100%;
height: 100%;
}
.home-two-hero {
height: 460px;
}
.home-two-social-media-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.home-two-big-text {
font-size: 65px;
line-height: 80px;
}
.home-two-about-paragraph-text-wrapper {
display: none;
}
.home-two-about-text-paragraph {
max-width: 300px;
}
.home-two-about-text {
padding-top: 60px;
}
.home-two-about-image-main-wrapper {
height: 400px;
}
.change-color-grey.responsive-color-change {
font-size: 1.2rem;
line-height: 2rem;
}
.heading-three-new {
font-size: 50px;
line-height: 50px;
}
.home-two-project-top-wrapper {
display: none;
}
.change-color-dark-grey {
font-size: 1.2rem;
line-height: 2rem;
}
.home-two-count-top {
border-bottom: 1px solid #92929280;
}
.home-two-count-main {
grid-template-columns: 1fr;
}
.footer-two-wrapper {
padding-bottom: 50px;
}
.footer-two {
padding-bottom: 40px;
}
.home-three-about-top {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
}
.home-three-vedio {
background-size: cover;
}
.home-three-team-item {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.home-three-team-top {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.home-three-awards-item-heading {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.home-three-testimonial-main-item, .home-three-testimonial-item-two {
padding-left: 20px;
padding-right: 20px;
}
.about-one-about-top.mobile-style-chnage {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
}
.about-one-client {
flex-flow: column;
}
.about-one-client.mobile-change-style {
flex-flow: wrap;
}
.about-one-work-text {
width: 100%;
}
.about-one-work-image {
width: 120px;
height: 100%;
}
.about-one-work.top-padding {
padding-top: 70px;
}
.about-one-work-item.is--funnel {
flex-flow: column;
}
.about-one-project-right {
grid-template-columns: 1fr;
}
.about-one-logo-item {
padding-top: 0;
padding-bottom: 0;
}
.about-one-logo-right {
padding-top: 5px;
padding-bottom: 5px;
}
.about-one-agency-wrapper {
padding-top: 70px;
padding-bottom: 70px;
}
.about-one-agency-bottom {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: center;
}
.about-one-contact-main-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.about-one-answar {
padding-left: 0;
}
.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding.chnage-top-padding {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.about-two-work-graph.change-style {
padding-left: 20px;
padding-right: 20px;
}
.service-one-project-number {
border-right-width: 0;
flex-basis: auto;
}
.about-three-merqee-main-item {
height: 200px;
}
.about-three-merquee-top {
top: -8px;
}
.about-three-merquee-bottom {
margin-bottom: -12px;
bottom: -5px;
}
.about-three-growth-item {
flex-flow: column;
}
.about-three-team-main-wrapper {
grid-template-columns: 1fr;
}
.about-three-rating-bar {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.about-three-rating-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.home-three-service-item-image {
height: auto;
}
.home-three-service-item-small-heading {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
}
.service-one-hero-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.service-one-hero-contact-wrapper {
padding-left: 10px;
padding-right: 10px;
}
.process-font {
font-size: 1.2rem;
line-height: 2rem;
}
.service-one-process-item-tag {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
}
.service-one-process-item {
flex-flow: column-reverse;
justify-content: space-between;
align-items: flex-start;
}
.service-one-process-item-wrapper {
top: 270px;
}
.service-two-hero-text-bottom {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
}
.service-two-planning-text-paragraph {
max-width: 100%;
}
.service-two-planning-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.service-two-poet-quotetion {
display: none;
}
.service-project-item, .service-project-item.change-border-style {
flex-flow: column;
}
.service-three-work-item-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.service-three-work-item-button-wrapper {
grid-template-columns: 2fr 2fr;
}
.team-three-member {
grid-template-columns: 1fr;
}
.team-details-border {
display: none;
}
.team-details-text {
font-size: 6.25rem;
line-height: 6.875rem;
}
.team-member {
grid-template-columns: 1fr;
}
.quote-wrapper {
padding-left: 0;
}
.blog-one-post-month {
padding-bottom: 0;
}
.blog-three-hero-item-details {
padding-left: 20px;
padding-right: 20px;
}
.blog-details-hero-tag-wrapper {
padding-bottom: 20px;
}
.blog-details-poet-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.portfolio-details-box {
padding: 20px;
}
.shop-page-shop-wrapper {
grid-template-columns: 1fr;
}
.small-images-menu {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-details-information {
flex-direction: column;
align-items: flex-start;
}
.product-details-more-information-wrapper {
padding: 25px;
}
.product-image-big {
height: auto;
}
.order-item {
flex-flow: column;
}
.div-block-2 {
margin-left: 0;
}
.submit-button.button-font.change-button-padding.change-width {
padding-left: 20px;
}
.order-item-2 {
flex-flow: column;
}
.ceckout-page {
margin-left: 0;
}
.contact-one-right-main-heading {
max-width: 100%;
}
.contact-one-main {
flex-flow: column;
}
.contact-one-hero-left, .contact-one-hero-right {
overflow: hidden;
}
.contact-one-form {
max-width: 100%;
}
.contact-one-form-wrapper {
flex-flow: column;
}
.contact-two-form-right-main {
grid-column-gap: 7px;
grid-row-gap: 7px;
}
.contact-three-hero.margin-bottom {
padding-top: 90px;
}
.contact-three-hero-heading.overflow-hidden {
overflow: visible;
}
.pricing-item-text.change-color-grey.mobile-align-center {
text-align: center;
}
.pricing-plan-item-price-wrapper.pricing-two-change-style {
justify-content: center;
align-items: center;
}
.heading-four-new {
font-size: 18px;
line-height: 28px;
}
.pricing-plan-price.mobile-diaplay-off {
display: none;
}
.pricing-table-row.border-bottom-new {
padding-bottom: 20px;
}
.pricing-table-row.pricing-table-inner-row.price-row.display-off, .monthly-text.change-heading-color.responsive-change-color.mobile-display-off, .monthly-text.change-color-dark-grey.mobile-display-off {
display: none;
}
.heading-four-5 {
font-size: 18px;
line-height: 28px;
}
.pricing-main-price.mobile-display-off {
display: none;
}
.change-font-size {
font-size: 50px;
line-height: 55px;
}
.play-button {
width: 80px;
height: 80px;
bottom: 20px;
right: 20px;
}
.landing-banner-main-wrapper {
grid-row-gap: 20px;
}
.landing-page-query-text {
justify-content: flex-start;
align-items: center;
}
.landing-main-wrapper.change-display {
grid-template-columns: 1fr;
}
.shop-big-text {
letter-spacing: 0;
background-image: linear-gradient(93deg, #f1f1f1, #2f2f3666 100%, #1c1c241a);
font-size: 120px;
line-height: 90px;
}
.style-guied-color-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.cta-customization-card-one {
padding-left: 15px;
padding-right: 15px;
}
.spacial-card-v3-main {
padding-left: 20px;
padding-right: 20px;
}
.spacial-card-v2 {
padding-left: 15px;
padding-right: 15px;
}
.nav-fixed-menu.is--funnel {
position: sticky;
}
.menu-item-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.close-menu-button-3.w--open {
height: 40px;
padding-top: 7px;
}
.header-link-item {
width: 100%;
}
.primary-dark-button-3:hover {
background-color: #c1121f;
}
.primary-dark-button-3:active {
color: #fff;
}
.wrapper__funnel-video {
width: 100%;
}
.h6-hero-title {
font-size: 1.5rem;
}
.h6-hero-title.is--subheading.is--red-white-stroke {
border-radius: 15px;
max-width: 85%;
padding: 12px;
font-size: 1.3rem;
}
.home-2-banner {
margin-top: 0;
}
.section-container-2 {
align-items: flex-start;
padding-top: 100px;
padding-bottom: 60px;
}
.section-container-2.is--funnel {
padding-top: 0;
padding-bottom: 0;
}
.video-1-overlay {
background-image: linear-gradient(#3a83816b, #fff0 51%, #fff 98%);
}
.large-base-container {
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.wrapper__funnel-header {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.home-2-grid {
grid-template-columns: 100%;
padding-top: 0;
}
.number-large-circle {
width: 40px;
height: 40px;
}
.hero-home-background {
grid-column-gap: 13px;
grid-row-gap: 13px;
justify-content: flex-start;
align-items: center;
padding-top: 45px;
padding-bottom: 45px;
}
.funnel__colour-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
padding-top: 5px;
}
.heading--funnel {
letter-spacing: -.1px;
text-shadow: 2px 2px #00000080;
font-size: 2.5rem;
font-weight: 700;
line-height: 2.2rem;
}
.margin.is--caps {
line-height: 20px;
}
.flex-about-us-wrap, .contact-us-description {
width: 100%;
}
.small-dots {
display: none;
}
.top-contact-us-con {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column wrap;
justify-content: center;
}
.line-wrap {
display: none;
}
.italic-text {
font-size: 1.2rem;
}
.italic-text.is--funnel {
line-height: 0;
}
.paragraph-10, .paragraph-11 {
font-size: 1.2rem;
line-height: 2rem;
}
.is--yellow-span {
background-color: var(--orange);
color: var(--heading-color);
font-weight: 900;
}
.is--yellow {
color: var(--orange);
}
.margin-top-negative {
margin-top: -10px;
}
.is--underline {
text-decoration: underline;
-webkit-text-decoration-color: var(--accent);
text-decoration-color: var(--accent);
text-decoration-thickness: 2px;
}
.success-message {
background-color: var(--orange);
border-radius: 15px;
}
.nav-menu-wrap {
margin-left: 8px;
margin-right: 8px;
}
.navbar {
padding-left: 16px;
padding-right: 16px;
}
.brand-link-navbar {
height: 24px;
}
.menu-cta-mobile {
padding-left: 16px;
padding-right: 16px;
}
.label-2 {
font-size: 10px;
line-height: 12px;
}
.text-small {
font-size: 12px;
}
.nav-link {
padding-left: 0;
padding-right: 0;
}
.nav-menu-4 {
padding-left: 16px;
padding-right: 16px;
}
.nav-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.menu-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.dropdown-toggle-2 {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.cta-small {
font-size: 12px;
}
.text-body {
font-size: 14px;
}
.navigation-link-hover-wrap:hover {
background-color: #0000;
}
.dropdown-list.w--open {
justify-content: center;
align-items: flex-start;
}
.menu-page-wrap {
width: 100%;
}
.brand-menu-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
}
.nav-menu-5 {
padding-left: 16px;
padding-right: 16px;
}
.dropdown-toggle-3 {
justify-content: flex-start;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.cta-main {
padding: 8px 20px;
font-size: 14px;
}
.main-container-2 {
padding-left: 16px;
padding-right: 16px;
}
.home-a-small-video {
width: 90%;
max-width: 160px;
position: absolute;
}
.text-h2 {
font-size: 36px;
}
.lightbox-home-a {
height: 80px;
}
.section-2 {
padding-top: 48px;
padding-bottom: 48px;
}
.home-a-play-button {
width: 24px;
height: 24px;
}
.master-marquees {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 16px;
padding-bottom: 16px;
}
.home-a-about-column.right, .home-a-about-column.left {
padding-top: 48px;
padding-bottom: 48px;
}
.text-h5 {
font-size: 20px;
}
.home-a-logos-master {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.text-h1 {
font-size: 13vw;
}
.heading-cta {
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.section-3 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-3.hero-pricing {
padding-top: 100px;
}
.text-field {
font-size: 14px;
}
.text-field.text-area {
height: 120px;
}
.footer-link {
font-size: 14px;
}
.footer-right {
grid-column-gap: 56px;
grid-row-gap: 48px;
}
.footer-bottom-message {
padding-top: 24px;
}
.footer-logo-big {
margin-top: 56px;
}
.footer-last-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.newsletter-form-block {
width: 100%;
}
.footer {
padding-top: 48px;
padding-bottom: 24px;
}
.brand-link {
height: 24px;
}
.footer-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.footer-rights-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-bottom-tile {
padding-top: 24px;
padding-bottom: 24px;
}
.newsletter-form {
width: 100%;
}
.footer-bottom-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column-reverse;
display: flex;
}
.headline-pricing {
text-align: left;
justify-content: flex-start;
align-items: center;
}
.tab-menu-pricing {
margin-bottom: 32px;
display: flex;
}
.text-h3 {
font-size: 32px;
}
.section-divider.article-divider {
margin-bottom: 48px;
}
.section-divider.home-a-features {
margin-bottom: 32px;
}
.plan-button-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.text-h6 {
font-size: 18px;
}
.pricing-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 24px;
}
.text-h4 {
font-size: 24px;
}
.headline-blog {
margin-bottom: 32px;
}
.label-3 {
font-size: 10px;
line-height: 12px;
}
.article-tile.pinned {
grid-template-columns: 1fr;
}
.section-4, .section-4.home-a-testimonials-section, .section-4.testimonial-section {
padding-top: 48px;
padding-bottom: 48px;
}
.section-4.home-b-hero {
padding-top: 100px;
}
.section-4.home-b-blogs-section {
padding-top: 24px;
padding-bottom: 24px;
}
.section-4.home-b-about-section {
padding-top: 48px;
padding-bottom: 48px;
}
.section-4.hero-careers {
padding-top: 100px;
}
.headline-home-a-story {
margin-bottom: 32px;
}
.testimonial-card {
background-size: cover;
min-height: 350px;
padding: 32px 24px;
}
.main-container-3 {
padding-left: 16px;
padding-right: 16px;
}
.testimonial-author {
width: 64px;
height: 64px;
}
.testimonial-video {
height: 350px;
}
.label-5 {
font-size: 10px;
line-height: 12px;
}
.text-h5-4 {
font-size: 20px;
}
.text-h0-2 {
font-size: 14vw;
}
.testimonial-halves {
flex-flow: column-reverse;
display: flex;
}
.testimonial-image-wrap {
width: 100%;
height: 300px;
}
.main-container-5 {
padding-left: 16px;
padding-right: 16px;
}
.label-6 {
font-size: 10px;
line-height: 12px;
}
.testimonial-right-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.tab-top-tile {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.main-container-6 {
padding-left: 16px;
padding-right: 16px;
}
.expanable-tab-expand-content {
padding: 20px 15px 15px;
}
.headline-expandable-tabs {
margin-bottom: 32px;
}
.expandable-tabs {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.text-h5-5 {
font-size: 20px;
}
.tab-b-overlay {
height: 100%;
}
.main-container-7 {
padding-left: 16px;
padding-right: 16px;
}
.home-b-hero-video {
height: 200px;
}
.headline-home-b {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 32px;
}
.main-container-8 {
padding-left: 16px;
padding-right: 16px;
}
.careers-image-grid {
grid-template-columns: 1fr;
}
.career-image._4, .career-image._2, .career-image._3 {
display: none;
}
.headline-careers {
margin-bottom: 32px;
}
.main-container-10 {
padding-left: 16px;
padding-right: 16px;
}
.label-8 {
font-size: 10px;
line-height: 12px;
}
.logo-round {
text-align: left;
align-self: auto;
width: auto;
height: 80px;
margin-bottom: 0;
margin-right: 0;
}
.circles {
height: 100%;
inset: 5% 0% auto;
}
.content-wrapper {
height: 90vh;
}
.circle.two {
width: 40vh;
height: 40vh;
}
.circle.one {
width: 240px;
height: 240px;
}
.circle._120 {
width: 50vh;
height: 50vh;
}
.circle.four {
width: 60vh;
height: 60vh;
display: block;
}
.circle.logo {
width: 160px;
height: 160px;
}
.margin-bottom-medium {
margin-bottom: 24px;
}
.timeline_item {
grid-template-columns: 48px 1fr;
}
.main-container-13 {
padding-left: 16px;
padding-right: 16px;
}
.label-11 {
font-size: 10px;
line-height: 12px;
}
.main-wrapper-2 {
padding-top: 0;
}
.section-6 {
align-items: center;
height: 82%;
margin-bottom: 0;
padding: 0;
display: block;
overflow: auto;
}
.main-container-14 {
padding-left: 16px;
padding-right: 16px;
}
.label-12 {
font-size: 10px;
line-height: 12px;
}
.headline-moving-features {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 32px;
}
.label-13 {
font-size: 10px;
line-height: 12px;
}
.text-h1-2 {
font-size: 13vw;
}
.icon-service-card {
width: 32px;
height: 32px;
}
.label-14 {
font-size: 10px;
line-height: 12px;
}
.text-h5-7 {
font-size: 20px;
}
.section-7, .section-7.home-a-services-section {
padding-top: 48px;
padding-bottom: 48px;
}
.section-7.hero-contact-a {
padding-bottom: 48px;
}
.section-7.scroll-blogs-section, .section-7.about-a-stories-section, .section-7.about-c-stacking-cards-sectiob {
padding-top: 48px;
padding-bottom: 48px;
}
.service-card {
width: 250px;
padding: 24px;
}
.contact-a-address-block {
grid-template-columns: 1fr;
}
.contact-form {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.label-15 {
font-size: 10px;
line-height: 12px;
}
.contact-a-left {
grid-column-gap: 48px;
grid-row-gap: 48px;
padding-top: 0;
}
.contact-a-right {
height: 300px;
}
.input-halves {
grid-template-columns: 1fr;
}
.testimonial-tab-wrap {
padding: 15px;
}
.is--large.is--white {
font-size: 5rem;
}
.label-18 {
font-size: 10px;
line-height: 12px;
}
.about-a-video {
padding-top: 264px;
padding-bottom: 48px;
}
.text-h4-3 {
font-size: 24px;
}
.label-20 {
font-size: 10px;
line-height: 12px;
}
.icon-story-block {
width: 32px;
height: 32px;
}
.story-card {
grid-column-gap: 48px;
grid-row-gap: 48px;
padding: 24px;
}
.stories-halves {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.story-card-title {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.stacking-card {
height: 350px;
padding: 24px;
}
.stacking-card._1 {
margin-bottom: 0;
}
.text-small-2 {
font-size: 12px;
}
.stacking-list {
height: 1100px;
padding-bottom: 60px;
}
.expandable-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.label-21 {
font-size: 10px;
line-height: 12px;
}
.faq-paragraph {
padding-top: 20px;
font-size: 16px;
}
.text-h5-8 {
font-size: 20px;
}
.faq-halves {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.section {
padding-top: 48px;
padding-bottom: 48px;
}
.section.hero-faq {
padding-top: 100px;
padding-bottom: 48px;
}
.label-22 {
font-size: 10px;
line-height: 12px;
}
.section-8 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-8.hero-blog {
padding-top: 100px;
}
.headline-related {
margin-bottom: 32px;
}
.blog-thirds {
grid-template-columns: 1fr;
}
.text-small-3 {
font-size: 12px;
}
.text-h5-9 {
font-size: 20px;
}
.button-animation-hide {
height: auto;
}
.label-23 {
font-size: 10px;
line-height: 12px;
}
.button-content-tile.bottom-tile {
display: none;
}
.button-animation-wrap {
height: 20px;
}
.product-content-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.headline-product {
margin-bottom: 32px;
}
.features-grid {
grid-template-columns: 1fr;
}
.section-9 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-9.hero-product, .section-9.academy-description {
padding-top: 100px;
padding-bottom: 48px;
}
.section-9.blueprint-content {
margin-left: 0;
padding-top: 100px;
padding-bottom: 48px;
}
.section-10 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-10.related-blog-section {
padding-bottom: 48px;
}
.text-small-4 {
font-size: 12px;
}
.text-h5-10 {
font-size: 20px;
}
.label-24 {
font-size: 10px;
line-height: 12px;
}
.scroll-blog-content-master {
padding-top: 32px;
padding-bottom: 32px;
}
.label-25, .label-26, .label-27 {
font-size: 10px;
line-height: 12px;
}
.text-h0 {
font-size: 14vw;
}
.headline-about-b {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
}
.landing-section {
padding-top: 48px;
padding-bottom: 48px;
}
.landing-section.hero-service-c {
padding-top: 100px;
padding-bottom: 200px;
}
.landing-section.hero-article {
padding-top: 100px;
padding-bottom: 48px;
}
.landing-section.hero-sales {
padding-top: 100px;
}
.landing-section.sales-features-section {
padding-top: 48px;
padding-bottom: 48px;
}
.landing-section.hero-blueprint {
padding-top: 100px;
}
.abouot-b-marquee {
margin-top: -161px;
}
.marquee-inner-images, .single-marquee-images {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.marquee-image-item {
width: 200px;
height: 240px;
}
.marquee-image-item.big-item {
width: 260px;
}
.marquee-image-item.small-item {
width: 160px;
}
.label-28 {
font-size: 10px;
line-height: 12px;
}
.home-a-small-video-2 {
width: 90%;
max-width: 160px;
position: absolute;
}
.text-h2-2 {
font-size: 36px;
}
.lightbox-home-a-2 {
height: 80px;
}
.home-a-play-button-2 {
width: 24px;
height: 24px;
}
.main-container-15 {
padding-left: 16px;
padding-right: 16px;
}
.label-29 {
font-size: 10px;
line-height: 12px;
}
.form-block {
width: 95%;
padding-left: 0;
}
.countdown-box-inner {
height: 60px;
}
.countdwon-text {
font-size: 14px;
}
.countdown-box {
height: 60px;
}
.countdown-dots-wrapper {
width: 20px;
height: 60px;
}
.countdown-dot {
width: 5px;
margin-top: 0;
margin-bottom: 0;
}
.countdown-number {
font-size: 22px;
}
.countdown-box-back {
height: 60px;
}
.sticker-1 {
width: 50px;
height: 50px;
margin-left: 12px;
top: -30.5px;
}
.side-navigation {
padding-top: 1rem;
padding-bottom: 1rem;
overflow: auto;
}
.scroll-dot {
transition-duration: .3s;
}
.side-navigation-button {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.navbar-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: auto;
}
.blueprint-split {
overflow: hidden;
}
.text---outline, .text {
font-size: 40px;
}
.text---wrap.x-05 {
height: .5em;
}
.wrapper__academy-description, .main-container-16 {
padding-left: 16px;
padding-right: 16px;
}
.text-small-5 {
font-size: 12px;
}
.article-big-thumbnail {
height: 200px;
}
.article-heading-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.main-container-17 {
padding-left: 16px;
padding-right: 16px;
}
.eula-wrapper {
padding: 25px;
}
.new-testimonial-bubbles.scroll {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
}
.new-master-marquees {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding-top: 16px;
padding-bottom: 16px;
}
.new-master-marquees.absolute {
bottom: 100px;
}
.main-container-18 {
padding-left: 16px;
padding-right: 16px;
}
.text-big {
font-size: 16px;
}
.sales-button-wrap {
flex-flow: wrap;
}
.sales-headline {
text-align: left;
justify-content: center;
align-items: flex-start;
}
.headline-sales-block {
grid-column-gap: 48px;
grid-row-gap: 48px;
margin-bottom: 48px;
}
.sales-card {
padding: 16px;
}
.sales-card.page-card {
width: 100%;
}
.main-container-19 {
padding-left: 16px;
padding-right: 16px;
}
.headline-sales-features {
grid-column-gap: 48px;
grid-row-gap: 48px;
margin-bottom: 48px;
}
.more-power-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.icon-sales {
width: 20px;
}
.text-h5-11 {
font-size: 20px;
}
.grid-all-features {
grid-column-gap: 16px;
grid-row-gap: 24px;
}
.headline-moving-features-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 32px;
}
.label-30 {
font-size: 10px;
line-height: 12px;
}
.blueprint-card {
padding: 16px;
}
.blueprint-card.page-card {
width: 100%;
}
.number-features-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.home-number-feature {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 16px;
}
.text-small-6 {
font-size: 12px;
}
.blueprint-features-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.section-11 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-11.about-b-video-section {
padding-bottom: 48px;
}
.main-container-20, .main-container-21 {
padding-left: 16px;
padding-right: 16px;
}
.label-31 {
font-size: 10px;
line-height: 12px;
}
.feature-card-side {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 24px;
}
.icon-feature {
width: 20px;
}
.section-12 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-12.benefits-careers {
padding-bottom: 48px;
}
.blueprint-number-feature {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 16px;
}
.headline-moving-features-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 32px;
}
.label-32 {
font-size: 10px;
line-height: 12px;
}
.blueprint-text-h2, .blueprint-text-h1 {
font-size: 13vw;
}
.included-card {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.included-card.figma-card, .included-card.blueprint-compare-card, .included-card.blueprint-component-card {
text-align: left;
justify-content: space-between;
align-items: flex-start;
}
.figma-left {
justify-content: flex-start;
align-items: flex-start;
}
.wrap-figma-content {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
}
.grid-blueprint-features {
grid-column-gap: 16px;
grid-row-gap: 24px;
}
.wrap-compare-content {
text-align: left;
justify-content: flex-start;
align-items: flex-start;
}
.text-body-2 {
font-size: 14px;
}
.label-33 {
font-size: 10px;
line-height: 12px;
}
.section-13 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-13.hero-contact-a {
padding-bottom: 48px;
}
.blueprint-contact {
grid-column-gap: 48px;
grid-row-gap: 48px;
padding-top: 0;
}
.modular-card {
border-radius: 24px;
}
.modular-hero-09-content {
grid-column-gap: 0em;
grid-row-gap: 0em;
align-items: center;
}
.modular-button {
border-radius: 12px;
}
.modular-hero-description {
font-size: 16px;
}
.modular-video-person-image-wrap {
width: 40px;
height: 40px;
}
.modular-video-play {
min-width: auto;
}
.modular-video-play-content-wrap {
grid-column-gap: 4px;
grid-row-gap: 4px;
padding: 8px 20px 8px 8px;
font-size: 14px;
}
.modular-form-input {
border-radius: 12px;
}
.modular-hero-heading {
font-size: 44px;
line-height: .95;
}
.modular-hero-9-image {
border-radius: 16px;
}
.modular-subscribe-1 {
max-width: 100%;
}
.modular-play-icon {
width: 20px;
}
.modular-container {
padding-top: 2em;
padding-left: .5em;
padding-right: .5em;
}
.modular-hero-image {
border-radius: 32px;
}
.modular-dropdown-list-detail {
padding: 2px;
}
.modular-nav-link-with-image {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.modular-button-secondary {
border-radius: 12px;
}
.modular-nav-link-big-image {
aspect-ratio: auto;
border-radius: 16px;
}
.modular-h1-heading {
font-size: 34px;
}
.modular-integration-05-small {
transform: scale(.75);
}
.modular-h2-heading {
font-size: 30px;
}
.modular-button-2 {
border-radius: .001px;
}
.modular-subtitle {
font-size: 14px;
}
.modular-integrations-05-circle {
grid-row-gap: .5em;
padding-left: .25em;
padding-right: .25em;
}
.modular-text-l {
font-size: 18px;
}
.modular-integrations-05-in {
min-height: 650px;
}
.modular-integration-01-icon-holder {
width: 50%;
}
.modular-integrations-05-text {
max-width: 100%;
}
.modular-integrations-05-circle-line {
grid-row-gap: .5em;
padding-left: .25em;
padding-right: .25em;
}
.modular-integrations-08-grid {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
padding-left: .25em;
padding-right: .25em;
}
.modular-h1-heading-2 {
font-size: 34px;
}
.modular-h2-heading-2 {
font-size: 30px;
}
.modular-subtitle-2 {
font-size: 14px;
}
.modular-testimonial-02-text-holder {
padding-left: 1em;
padding-right: 1em;
}
.modular-text-l-2 {
font-size: 18px;
}
.modular-testimonial-02-slider-mask {
width: 90%;
}
.modular-h4-heading {
font-size: 20px;
}
.modular-testimonial-02-slider {
height: 575px;
}
.modular-icon-card-small-100pct {
border-radius: 12px;
}
.modular-testimonial-08-text-holder {
padding-left: 1em;
padding-right: 1em;
}
.modular-testimonial-08-slider-mask {
width: 90%;
}
.modular-text-l-3 {
font-size: 18px;
}
.modular-testimonial-08-slide {
margin-right: 1.01em;
}
.modular-h3-heading {
font-size: 22px;
}
.modular-hero-05-content {
align-items: center;
}
.modular-play-icon-holder {
width: 62px;
height: 62px;
}
.modular-hero-05-image-holder {
border-radius: 32px;
}
.modular-hero-heading-2 {
font-size: 43px;
}
.modular-hero-05-dashboard-image {
border-radius: 9px;
}
.modular-hero-heading-2nd {
font-size: 43px;
}
.modular-hero-10-section-bg {
bottom: 28em;
}
.modular-hero-10-content {
align-items: center;
}
.modular-hero-description-2nd {
font-size: 18px;
}
.modular-logos-grid-content {
padding-top: 10px;
padding-bottom: 10px;
}
.logos-image {
max-width: 90px;
max-height: 20px;
}
.modular-clients-04-grid {
grid-column-gap: 20px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
.modular-h2-heading-3 {
font-size: 30px;
}
.modular-subtitle-3 {
font-size: 14px;
}
.modular-text-l-4 {
font-size: 18px;
}
.modular-icon-card {
border-radius: 16px;
}
.modular-features-07-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding: 3em 1em;
}
.modular-button-secondary-2 {
border-radius: 12px;
}
.modular-cta-01-content-holder {
padding-top: 2em;
padding-left: 1.5em;
padding-right: 1.5em;
}
.modular-cta-01-container {
flex-direction: column;
}
.modular-h2-heading-4 {
font-size: 30px;
}
.modular-cta-01-image-wrap {
left: 1em;
}
.modular-cta-card {
flex-direction: column;
}
.modular-h5-heading {
font-size: 18px;
}
.modular-container-2 {
padding-left: .5em;
padding-right: .5em;
}
.modular-bento-grid-card-5th {
border-radius: 24px;
}
.modular-button-secondary-3 {
border-radius: 12px;
}
.modular-container-3 {
padding-left: .5em;
padding-right: .5em;
}
.modular-hero-description-2 {
font-size: 18px;
}
.hero-buttons-line {
display: none;
}
.modular-hero-11-product-container {
border-radius: 40px;
width: 100%;
}
.logos-image-2 {
max-width: 90px;
max-height: 20px;
}
.modular-hero-01-content {
align-items: center;
}
.modular-text-7.modular-color-inherit.split {
font-size: 16px;
}
.modular-logos-01-grid {
grid-column-gap: 30px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
place-items: center;
}
.modular-hero-gradient-box {
border-bottom-right-radius: 64px;
border-bottom-left-radius: 64px;
}
.modular-h2-heading-5 {
font-size: 30px;
}
.modular-features-03-item {
border-radius: 20px;
}
.modular-h2-heading-6 {
font-size: 30px;
}
.modular-cta-card-2 {
flex-direction: column;
}
.modular-h2-heading-7 {
font-size: 30px;
}
.modular-cta-08-container, .modular-cta-card-3 {
flex-direction: column;
}
.modular-button-secondary-4 {
border-radius: 12px;
}
.modular-cta-08-content-holder {
padding: 2em 1.5em 1em;
}
.modular-cta-03-buttons {
flex-flow: column;
align-items: stretch;
}
.modular-card-2 {
border-radius: 24px;
}
.modular-big-card-2 {
border-radius: 64px;
}
.modular-h1-heading-3 {
font-size: 34px;
}
.modular-h2-heading-8 {
font-size: 30px;
}
.modular-subtitle-4 {
font-size: 14px;
}
.modular-text-l-5 {
font-size: 18px;
}
.modular-features-02-grid-big {
border-radius: 20px;
padding: 15px;
}
.modular-icon-card-2 {
border-radius: 16px;
}
.modular-features-02-content {
padding: 10px;
}
.modular-features-image-wrap {
border-radius: 24px;
}
.modular-h3-heading-2 {
font-size: 22px;
}
.modular-h1-heading-4 {
font-size: 34px;
}
.modular-testnimonial-01-loop-content {
width: 250%;
min-width: 250%;
}
.modular-h2-heading-9 {
font-size: 30px;
}
.modular-subtitle-5 {
font-size: 14px;
}
.modular-text-l-6, .modular-h5-heading-2 {
font-size: 18px;
}
.modular-testimonial-loop {
padding-top: 30px;
padding-bottom: 30px;
}
.modular-testimonial-01-item-wrap {
border-radius: 11px;
}
.modular-testimonial-01-item {
border-radius: 11px;
padding-left: 20px;
padding-right: 20px;
}
.modular-testimonial-01-grid-loop {
column-count: 1;
}
.modular-testimonial-loop-reverse {
padding-top: 30px;
padding-bottom: 30px;
}
.modular-card-4 {
border-radius: 24px;
}
.modular-h2-heading-10 {
font-size: 30px;
}
.modular-text-l-7, .modular-h5-heading-3 {
font-size: 18px;
}
.modular-text-extrabig-loop-wrap {
padding-right: 20px;
}
.modular-cta-card-4 {
flex-direction: column;
}
.modular-text-extrabig {
font-size: 43px;
}
.modular-cta-10-buttons, .modular-cta-04-buttons {
flex-flow: column;
align-items: stretch;
}
.modular-h2-heading-11 {
font-size: 30px;
}
.modular-cta-04-full-content-holder {
padding: 2em 1.5em;
}
.modular-cta-04-main-content {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.modular-cta-04-icon-wrap {
width: 70px;
min-width: 70px;
height: 70px;
padding: 8px;
}
.modular-cta-04-container {
flex-direction: column;
}
.modular-cta-10-wrap {
max-width: 100%;
}
.landing-logo {
width: 150px;
height: 35px;
}
}
#w-node-_03a10af9-7c74-4320-ecb3-edeef5225d22-ce6245e4 {
place-self: center end;
}
#w-node-_03a10af9-7c74-4320-ecb3-edeef5225cb7-ce6245e4 {
place-self: center;
}
#w-node-_03a10af9-7c74-4320-ecb3-edeef5225d25-ce6245e4 {
justify-self: end;
}
#w-node-_58f46195-f4f9-5669-ca75-21829aa396bc-ce624628 {
place-self: center end;
}
#w-node-_58f46195-f4f9-5669-ca75-21829aa396bf-ce624628 {
justify-self: end;
}
#w-node-_1ae53ad6-9b29-344d-aec4-e3cba9b2d28b-ce624629 {
place-self: center end;
}
#w-node-_5df247d4-6c94-50c7-7ded-09e0fe4cd831-ce62462a {
justify-self: center;
}
#w-node-_5df247d4-6c94-50c7-7ded-09e0fe4cd833-ce62462a, #w-node-_7ed93e41-ad38-ba7f-ec64-0b102b1f00a7-9c49791b {
justify-self: end;
}
#w-node-_4a9932c8-4d92-a399-0fc4-6ec76e0d23f4-6e0d2382 {
place-self: center end;
}
#w-node-_4a9932c8-4d92-a399-0fc4-6ec76e0d23f7-6e0d2382 {
justify-self: end;
}
#w-node-f321f08c-e523-8e7d-35a1-0726883a9e38-883a9dc6 {
place-self: center end;
}
#w-node-f321f08c-e523-8e7d-35a1-0726883a9e3b-883a9dc6 {
justify-self: end;
}
#w-node-_3c5d7b4e-d2f8-6a99-e626-3b35da064edb-ce624644, #w-node-_3c5d7b4e-d2f8-6a99-e626-3b35da064ee6-ce624644 {
place-self: center;
}
#w-node-_59a79bfa-1289-f41c-4f1a-859ecd3a5f43-cd3a5ed3 {
place-self: center end;
}
#w-node-_59a79bfa-1289-f41c-4f1a-859ecd3a5f46-cd3a5ed3 {
justify-self: end;
}
#w-node-_3d4c39dd-2941-bc16-aa7f-586df5f174b8-ce624695 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-d85630f7-c45c-198b-3cc4-99b7b15f60be-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60c0-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60c2-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60ca-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60d8-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60e6-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60f9-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60fa-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f60fb-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6101-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6102-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6103-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6109-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f610a-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f610b-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6111-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6112-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6113-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6119-ce624697 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d85630f7-c45c-198b-3cc4-99b7b15f611a-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f611b-ce624697 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-d85630f7-c45c-198b-3cc4-99b7b15f6121-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6122-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6123-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6129-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f612a-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f612b-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6131-ce624697 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d85630f7-c45c-198b-3cc4-99b7b15f6132-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6133-ce624697 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-d85630f7-c45c-198b-3cc4-99b7b15f6139-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f613a-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f613b-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6141-ce624697 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d85630f7-c45c-198b-3cc4-99b7b15f6142-ce624697, #w-node-d85630f7-c45c-198b-3cc4-99b7b15f6143-ce624697 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_3f049c52-45c8-ae53-124f-db08a3f1dcb2-ce624698, #w-node-_3f049c52-45c8-ae53-124f-db08a3f1dcb4-ce624698, #w-node-_3f049c52-45c8-ae53-124f-db08a3f1dcb6-ce624698, #w-node-cb5c7e6a-84c8-bdd1-f27a-d5045d96b7a5-ce624698, #w-node-cb5c7e6a-84c8-bdd1-f27a-d5045d96b7a7-ce624698, #w-node-cb5c7e6a-84c8-bdd1-f27a-d5045d96b7a9-ce624698 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9ebc3371-7bc8-bf43-e464-094b197614f3-4be393de {
grid-area: 3 / 1 / 4 / 3;
}
#w-node-_3be6c88b-fb1e-dc51-7932-7c1971f1e4a0-4be393de {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e294288c-d75d-2c67-0c34-abad7a81fe3e-db3c903f, #w-node-a608ea11-cde7-a2a5-5b27-6255e9120639-db3c903f, #w-node-_13ee79f4-6bcd-e45f-c405-27348594cef1-db3c903f, #w-node-_0fc3d00e-35ab-6373-c89c-f3fedde5153e-db3c903f, #w-node-b76e1865-8269-df1d-e883-c8ab2a9b1ed5-9bc151c6 {
justify-self: end;
}
#w-node-cc672a0c-6a69-d364-e5c9-ae3fcad5a0a4-9bc151c6, #w-node-cc672a0c-6a69-d364-e5c9-ae3fcad5a0a6-9bc151c6, #w-node-_2880c82b-8b40-e666-09c0-bdb9162bdc78-9bc151c6, #w-node-b02be24d-0270-7b68-3ad5-34af04ce8b63-9bc151c6, #w-node-b02be24d-0270-7b68-3ad5-34af04ce8b64-9bc151c6, #w-node-b02be24d-0270-7b68-3ad5-34af04ce8b65-9bc151c6, #w-node-_61cca796-333e-6d94-f615-e79d9283fb20-9bc151c6, #w-node-_0efb2a9d-3532-562b-5866-dc6abd3e492d-9bc151c6, #w-node-_0efb2a9d-3532-562b-5866-dc6abd3e492e-9bc151c6, #w-node-_649b6ccc-6fdf-0467-4a5d-105535be73e2-9bc151c6, #w-node-_649b6ccc-6fdf-0467-4a5d-105535be73e3-9bc151c6, #w-node-_649b6ccc-6fdf-0467-4a5d-105535be73e4-9bc151c6, #w-node-_2f8c36c7-52cb-588c-6b29-2b8fe48dfd26-9bc151c6, #w-node-_27025971-0a15-cad3-bc49-75f0fd9b1bec-9bc151c6, #w-node-_2f8c36c7-52cb-588c-6b29-2b8fe48dfd28-9bc151c6, #w-node-_9d907ecb-e09c-2be9-7859-7e115858df95-9bc151c6, #w-node-_9d907ecb-e09c-2be9-7859-7e115858df96-9bc151c6, #w-node-_9d907ecb-e09c-2be9-7859-7e115858df97-9bc151c6, #w-node-_60f58f1f-05a0-3895-29b6-3155a98b14f2-9bc151c6, #w-node-c2ac4ed6-3a6e-5512-f5df-7ba684168936-9bc151c6, #w-node-_4ec4030a-6eab-a740-8eef-138a5b1ddf18-9bc151c6, #w-node-_14230234-9d69-73fa-461a-3627458c38c5-9bc151c6, #w-node-cf3784c2-0d84-d093-7452-cb0d5420b81d-9bc151c6, #w-node-_0d108fb7-c555-6ba9-c494-939e7a100740-9bc151c6, #w-node-e75f5445-77cf-c987-d466-7b127800b1f8-9bc151c6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_16d7232a-a1cd-768c-795d-39bb35d6e7fe-d6f98d81 {
justify-self: end;
}
#w-node-e61bc0e8-2bc4-fd04-5baa-cd7713811c0c-2ab5dac6 {
grid-area: 1 / 2 / 2 / 10;
}
#w-node-fc5420d1-8ea1-9184-db54-ad1934d98dad-2ab5dac6 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-fc5420d1-8ea1-9184-db54-ad1934d98dbd-2ab5dac6, #w-node-fc5420d1-8ea1-9184-db54-ad1934d98dcd-2ab5dac6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f32-2ab5dac6 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f40-2ab5dac6 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f4e-2ab5dac6 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f6b-2ab5dac6 {
grid-area: span 2 / span 3 / span 2 / span 3;
}
#w-node-_884b98f5-38b3-8844-21c6-d5706d600da8-2ab5dac6 {
grid-area: 1 / 2 / 2 / 10;
}
#w-node-f744077c-3681-a6fb-f9f1-e32749e4d919-2ab5dac6, #w-node-_9e3ebe6c-6a3d-3512-b4b9-b2c9dec10a2c-2ab5dac6, #w-node-f744077c-3681-a6fb-f9f1-e32749e4d937-2ab5dac6, #w-node-_7ea42f84-e808-2b9d-3d11-34a7a094e6a9-2ab5dac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbcb46d0-46f0-f63c-589c-9b1196b1d5aa-2ab5dac6, #w-node-_0d516081-94c7-bc14-c6db-e21026774af5-2ab5dac6 {
justify-self: end;
}
#w-node-_0af69acd-fa95-4b92-4458-bba2718af45e-2ab5dac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0af69acd-fa95-4b92-4458-bba2718af464-2ab5dac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center end;
}
@media screen and (min-width: 1280px) {
#w-node-_03a10af9-7c74-4320-ecb3-edeef5225d22-ce6245e4, #w-node-_58f46195-f4f9-5669-ca75-21829aa396bc-ce624628, #w-node-_1ae53ad6-9b29-344d-aec4-e3cba9b2d28b-ce624629, #w-node-_4a9932c8-4d92-a399-0fc4-6ec76e0d23f4-6e0d2382, #w-node-f321f08c-e523-8e7d-35a1-0726883a9e38-883a9dc6, #w-node-_59a79bfa-1289-f41c-4f1a-859ecd3a5f43-cd3a5ed3 {
justify-self: center;
}
}
@media screen and (max-width: 991px) {
#w-node-_5df247d4-6c94-50c7-7ded-09e0fe4cd831-ce62462a {
justify-self: end;
}
#w-node-_7ed93e41-ad38-ba7f-ec64-0b102b1f00a7-9c49791b, #w-node-e294288c-d75d-2c67-0c34-abad7a81fe3e-db3c903f, #w-node-a608ea11-cde7-a2a5-5b27-6255e9120639-db3c903f, #w-node-_13ee79f4-6bcd-e45f-c405-27348594cef1-db3c903f, #w-node-_0fc3d00e-35ab-6373-c89c-f3fedde5153e-db3c903f {
justify-self: auto;
}
#w-node-_47ff5ca2-f90b-90bf-d529-0cf59e25ab56-9bc151c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b76e1865-8269-df1d-e883-c8ab2a9b1ed2-9bc151c6 {
align-self: center;
}
#w-node-_16d7232a-a1cd-768c-795d-39bb35d6e7fe-d6f98d81 {
justify-self: center;
}
#w-node-e61bc0e8-2bc4-fd04-5baa-cd7713811c0c-2ab5dac6, #w-node-_884b98f5-38b3-8844-21c6-d5706d600da8-2ab5dac6 {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-fbcb46d0-46f0-f63c-589c-9b1196b1d5a7-2ab5dac6, #w-node-_0d516081-94c7-bc14-c6db-e21026774af2-2ab5dac6 {
align-self: center;
}
#w-node-_0af69acd-fa95-4b92-4458-bba2718af464-2ab5dac6 {
place-self: auto start;
}
}
@media screen and (max-width: 767px) {
#w-node-_3d4c39dd-2941-bc16-aa7f-586df5f174b8-ce624695 {
grid-column: span 1 / span 1;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145b6-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145b9-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145bb-3405ff72 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145c2-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145c5-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145d5-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145d8-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145ef-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f145f2-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f1460b-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f1460e-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f14628-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f1462b-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f14646-3405ff72 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_2e0bbe89-96f6-34f4-a51c-96ecd0f14649-3405ff72 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_47ff5ca2-f90b-90bf-d529-0cf59e25aade-9bc151c6, #w-node-_47ff5ca2-f90b-90bf-d529-0cf59e25ab1a-9bc151c6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-b76e1865-8269-df1d-e883-c8ab2a9b1ed2-9bc151c6 {
order: 9999;
}
#w-node-e61bc0e8-2bc4-fd04-5baa-cd7713811c0c-2ab5dac6 {
grid-column: span 2 / span 2;
}
#w-node-fc5420d1-8ea1-9184-db54-ad1934d98dad-2ab5dac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fc5420d1-8ea1-9184-db54-ad1934d98dbd-2ab5dac6, #w-node-fc5420d1-8ea1-9184-db54-ad1934d98dcd-2ab5dac6 {
grid-column: span 1 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f32-2ab5dac6 {
grid-row: span 1 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f40-2ab5dac6, #w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f4e-2ab5dac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f5c-2ab5dac6 {
grid-column: span 1 / span 1;
}
#w-node-_185c6b54-f1a4-b60c-161c-eabaa29f4f6b-2ab5dac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_884b98f5-38b3-8844-21c6-d5706d600da8-2ab5dac6 {
grid-column: span 2 / span 2;
}
#w-node-fbcb46d0-46f0-f63c-589c-9b1196b1d5a7-2ab5dac6, #w-node-_0d516081-94c7-bc14-c6db-e21026774af2-2ab5dac6 {
order: 9999;
}
}