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: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: 0.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: -0.5em;
}
sub {
bottom: -0.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: rgba(0, 0, 0, 0) !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-webflow-badge,
.w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: none;
border: 0 rgba(0, 0, 0, 0);
border-radius: 0;
width: auto;
min-width: 0;
max-width: none;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
transform: none;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !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;
top: auto !important;
bottom: 12px !important;
left: auto !important;
right: 12px !important;
overflow: visible !important;
transform: none !important;
}
.w-webflow-badge > img {
visibility: visible !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;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
color: #999;
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
color: #999;
opacity: 1;
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
color: #999;
}
.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input,
textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 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: 0.1px;
height: 0.1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0)
rgba(117, 134, 150, 0);
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0)
rgba(255, 255, 255, 0);
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid rgba(0, 0, 0, 0);
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: rgba(0, 0, 0, 0);
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: 0.2em 0.5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, 0.4);
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, 0.4);
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: rgba(255, 255, 255, 0.4);
width: 1em;
height: 1em;
margin: 0 3px 0.5em;
transition: background-color 0.1s, color 0.1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: rgba(0, 0, 0, 0.9);
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana,
sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: rgba(0, 0, 0, 0.4);
padding: 0.5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all 0.3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow-x: auto;
overflow-y: hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: 0.3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid rgba(0, 0, 0, 0.4);
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: 0.8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid rgba(0, 0, 0, 0);
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left,
.w-lightbox-right {
opacity: 0.5;
display: block;
}
.w-lightbox-close {
opacity: 0.8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after,
.w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: 0.6;
}
.w-richtext figure div {
color: rgba(0, 0, 0, 0);
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-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: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-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;
}
:root {
--color--secondary: #05041d;
--white: white;
--color--primary: #95D9F9;
--color--neutral-one: #f8f4ff;
--black: black;
--color--secondary\: #3f54d3;
--border--primary\: #3f54d3;
--color--neutral-two: #f4a718;
--color--neutral-three: #4f4f4f;
--border-radius--32: 32px;
--border-radius--main: 20px;
--border-radius--12: 12px;
--border-radius--16: 16px;
--border-radius--33: 33px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous,
.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;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: var(--color--secondary);
font-family: Lexend, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
h1 {
color: var(--color--secondary);
margin-top: 0;
margin-bottom: 0;
font-family: Lexend, sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 1.25;
}
h2 {
color: var(--color--secondary);
margin-top: 0;
margin-bottom: 0;
font-family: Lexend, sans-serif;
font-size: 34px;
font-weight: 500;
line-height: 1.3;
}
h3 {
color: var(--color--secondary);
margin-top: 0;
margin-bottom: 0;
font-family: Lexend, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 1.3;
}
h4 {
margin-top: 10px;
margin-bottom: 0;
font-size: 22px;
font-weight: 500;
line-height: 32px;
}
h5 {
margin-top: 10px;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
p {
color: var(--color--secondary);
margin-bottom: 0;
font-family: Lexend, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.6;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
figure {
margin-bottom: 10px;
}
.container {
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.section-y-axis-gap {
padding-top: 50px;
padding-bottom: 50px;
}
.header {
z-index: 999;
/* border-bottom: 1px solid #c5c2ca; */
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: fixed;
top: 0;
left: 0;
}
.header.remove-border {
border-bottom-style: none;
}
.header.bg-white {
background-color: var(--white);
}
.navbar-menu-container {
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px #e1e1e1;
justify-content: space-between;
align-items: center;
}
.navbar-menu-container.remove-border {
flex-flow: column;
justify-content: center;
align-items: center;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand.mobile {
display: none;
}
.nav-menu-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.nav-menu-list {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link {
color: #4f4f4f;
letter-spacing: 0.25px;
font-size: 20px;
font-weight: 300;
line-height: 1.3;
text-decoration: none;
transition: color 0.3s;
}
.nav-link:hover {
color: var(--color--primary);
}
.nav-link:focus-visible {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-link.w--current,
.nav-link.w--current:hover {
color: var(--color--primary);
}
.nav-link.text-white {
color: var(--white);
}
.nav-link.text-white:hover {
color: var(--color--neutral-one);
}
.nav-dropdown-toggle {
letter-spacing: 0.25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: rgba(26, 27, 31, 0.75);
}
.nav-dropdown-toggle:focus-visible {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-icon.text-white {
color: var(--white);
}
.nav-dropdown-list {
z-index: 999;
background-color: #fff;
border-radius: 12px;
display: none;
top: 85px;
left: 30px;
overflow: hidden;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.nav-dropdown-list.w--open {
z-index: 1000;
border: 1px solid var(--color--primary);
background-color: var(--white);
position: absolute;
left: 30px;
box-shadow: 0 4px 16px rgba(63, 84, 211, 0.2);
}
.nav-dropdown-list.move-left {
top: 85px;
left: -506px;
}
.nav-dropdown-list.move-left.w--open {
left: -506%;
}
.nav-button-wrapper.desktop {
flex: none;
}
.nav-button-wrapper.mobile {
display: none;
}
.brand-logo {
flex: none;
justify-content: space-between;
align-items: center;
position: relative;
}
.nav-menu-item {
position: relative;
}
.primary-button {
z-index: 20;
border: 1px solid var(--color--secondary);
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 10px 21px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.primary-button.width-182px {
padding: 13px 35px;
}
.primary-button.padding-9px {
padding-top: 9px;
padding-bottom: 9px;
}
.primary-button.padding-9px.text-white {
border-color: var(--white);
}
.primary-button-text {
z-index: 20;
color: var(--color--secondary);
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
position: relative;
}
.primary-button-text.text-white {
color: var(--white);
}
.button-hover-circle {
z-index: 5;
background-color: var(--color--secondary);
border-radius: 100%;
width: 125%;
height: 400%;
position: absolute;
top: auto;
bottom: -400%;
left: -16px;
right: auto;
}
.button-hover-circle.bg-white {
background-color: var(--white);
background-color: var(--white);
}
.button-hover-circle.bg-primary {
background-color: var(--color--primary);
}
.border-line {
background-color: #E0C800;
width: 23px;
height: 2px;
}
.border-line.lower-border.bg-white {
background-color: var(--white);
}
.border-line.upper-border {
margin-left: auto;
}
.border-line.upper-border.bg-white {
background-color: var(--white);
}
.nav-box-shadow {
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.nav-box-shadow.bg-transparent {
background-color: var(--color--primary);
box-shadow: none;
}
.breadcrumb-section {
background-image: url("../img/background_contact_us.jpg");
/* background-position: 100% 0, 0 0; */
background-repeat: no-repeat;
/* background-size: 45%, 45%; */
padding-top: 190px;
}
.breadcrumb-section.margin-bottom {
padding-bottom: 80px;
}
.breadcrumb-content-wrapper {
position: relative;
}
.breadcrumb-sub-heading-block {
justify-content: center;
align-items: center;
display: flex;
}
.breadcrumb-sub-title {
color: var(--color--primary);
font-family: Lexend, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 1.6;
text-transform: uppercase;
}
.breadcrumb-sub-title-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
border: 1px solid
#95D9F9;
border-radius: 35px;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 6px 16px;
display: flex;
}
.breadcrumb-sub-title-dot-shape {
background-color: var(--color--primary);
outline-color: var(--color--primary);
outline-offset: 3px;
border-radius: 100%;
outline-width: 2px;
outline-style: solid;
width: 8px;
height: 8px;
}
.breadcrumb-heading-block {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.breadcrumb-title {
color: var(--color--secondary);
margin-top: 0;
margin-bottom: 20px;
font-size: 54px;
font-weight: 600;
line-height: 1.26;
}
.breadcrumb-shape-one {
width: 70px;
position: absolute;
top: 131px;
left: 3px;
right: auto;
}
.breadcrumb-shape-two {
width: 70px;
position: absolute;
top: 4px;
left: auto;
right: 23px;
}
.color-code {
color: #070707;
font-size: 18px;
line-height: 1.667;
}
.style-guide-button-wrapper {
padding-top: 80px;
}
.section-heading {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
font-size: 40px;
font-weight: 700;
line-height: 1.25;
}
.typography-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
align-items: stretch;
display: flex;
}
.typography-block.margin-left {
margin-left: -20px;
}
.style-guide-details {
width: 75%;
margin-left: auto;
padding-top: 0;
}
.style-guide-link {
color: var(--color--secondary);
border-bottom: 1px solid #e3e3e3;
padding: 10px 5px 10px 10px;
font-size: 18px;
font-weight: 600;
line-height: 1.667;
text-decoration: none;
transition: color 0.3s, background-color 0.3s;
}
.style-guide-link:hover {
color: #fff;
background-color: #070707;
}
.style-guide-link.w--current {
background-color: var(--color--primary);
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.style-guide-button-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.typography-details {
color: var(--color--primary);
font-size: 18px;
line-height: 1.667;
}
.style-guide-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.style-guide-icon-wrapper {
padding-top: 80px;
}
.typography-details-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: stretch;
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.color-details-block {
padding: 5px 10px;
}
.style-guide-sidebar {
width: 25%;
height: 100%;
min-height: 98px;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
position: -webkit-sticky;
position: sticky;
top: 20%;
}
.style-guide-icon-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
justify-items: center;
padding: 100px 40px;
display: flex;
}
.style-guide-header-wrapper {
background-color: var(--color--primary);
}
.color-block {
background-color: var(--color--primary);
min-height: 100px;
}
.color-block.neutral-one {
background-color: var(--color--neutral-one);
}
.color-block.secondary-color {
background-color: var(--color--secondary);
}
.color-block.neutral-two {
background-color: var(--color--neutral-two);
}
.color-heading {
font-size: 18px;
font-weight: 600;
line-height: 1.667;
}
.color-details-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
display: grid;
}
.style-menu-link-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 220px;
margin-top: 0;
display: flex;
}
.typography-wrapper {
padding-top: 80px;
}
.secondary-button {
z-index: 20;
border: 1px solid var(--color--secondary);
background-color: var(--color--secondary);
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 10px 21px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.secondary-button-text {
z-index: 20;
color: var(--white);
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
position: relative;
}
.social-link {
border: 1px solid var(--white);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
transition: border 0.3s, background-color 0.3s;
display: flex;
}
.social-link:hover {
background-color: var(--color--primary);
border-color: rgba(0, 0, 0, 0);
}
.social-link.bg-black {
background-color: var(--color--secondary);
color: var(--white);
transition: background-color 0.3s;
}
.social-link.bg-black:hover {
background-color: var(--color--primary);
}
.social-icon {
color: var(--color--secondary);
justify-content: center;
align-items: center;
display: flex;
}
.nav-dropdown-flex {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
min-width: 700px;
padding: 25px;
display: flex;
}
.nav-heading {
color: var(--color--primary);
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.nav-heading.margin-top {
margin-top: 10px;
}
.nav-dropdown-link {
color: var(--color--neutral-three);
margin-bottom: 5px;
padding: 5px 0;
font-size: 18px;
font-weight: 300;
line-height: 1.5;
transition: color 0.3s, transform 0.3s;
}
.nav-dropdown-link:hover {
color: var(--color--primary);
padding-left: 0;
transform: translate(5px);
}
.nav-dropdown-link:focus-visible {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-link.w--current {
color: var(--color--primary);
padding-left: 0;
padding-right: 0;
}
.bold-text {
font-weight: 500;
}
.nav-dropdown-column {
color: var(--color--secondary);
padding-left: 10px;
padding-right: 10px;
}
.footer {
/* background-color: var(--color--secondary); */
padding-top: 50px;
position: relative;
overflow: hidden;
}
.footer-newsletter-and-logo-wrap {
align-items: baseline;
font-weight: 300;
display: flex;
justify-content: space-between;
}
.newsletter-form-block {
margin-top: 28px;
margin-bottom: 0;
}
.newsletter-form-block.align-center {
justify-content: center;
align-items: center;
margin-top: 30px;
display: flex;
}
.newsletter-form-block.minus-margin {
margin-top: 0;
}
.newsletter-form-title {
color: var(--white);
margin-bottom: 22px;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
}
.newsletter-input-field {
color: var(--white);
background-color: #37364a;
border: 0 solid #000;
border-radius: 32px;
width: 320px;
height: 62px;
margin-bottom: 0;
padding: 10px 135px 10px 18px;
transition: border 0.3s;
}
.newsletter-input-field:focus {
border: 1px solid var(--color--primary);
}
.footer-summary {
color: var(--white);
max-width: 456px;
margin-top: 20px;
font-size: 18px;
}
.input-field-and-submit-button-wrap {
align-items: center;
display: inline-block;
position: relative;
}
.newsletter-subscribe-button {
border-radius: var(--border-radius--32);
background-color: var(--color--primary);
color: var(--white);
padding: 8px 20px;
font-weight: 300;
transition: background-color 0.3s;
position: absolute;
top: 10px;
right: 10px;
}
.newsletter-subscribe-button:hover {
background-color: var(--black);
}
.footer-content-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer-upper-section-separator-line {
background-color: #504f61;
width: 100%;
height: 1px;
margin-top: 50px;
margin-bottom: 50px;
}
.footer-pages-column {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 550px;
display: grid;
}
.page-link {
color: #b4b4bb;
margin-bottom: 16px;
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.3;
text-decoration: none;
transition: color 0.3s;
display: block;
}
.page-link:hover {
color: var(--color--primary);
}
.footer-single-page-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.footer-title {
color: var(--white);
margin-bottom: 30px;
font-family: Lexend, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
}
.contact-email {
color: #b4b4bb;
margin-bottom: 16px;
font-size: 18px;
font-weight: 300;
line-height: 1.3;
text-decoration: none;
transition: color 0.3s;
display: block;
}
.contact-email:hover {
color: var(--color--primary);
}
.contact-number {
color: #b4b4bb;
margin-bottom: 16px;
font-size: 18px;
font-weight: 300;
line-height: 1.3;
text-decoration: none;
transition: color 0.3s;
display: block;
}
.contact-number:hover {
color: var(--color--primary);
}
.address {
color: #b4b4bb;
max-width: 353px;
margin-bottom: 16px;
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.3;
text-decoration: none;
display: block;
}
.footer-bottom-section-separator-line {
background-color: #fff;
width: 100%;
height: 1px;
margin-top: 40px;
}
.footer-copyright-block {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
}
.footer-copyright-text {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: var(--white);
text-align: left;
justify-content: center;
align-items: center;
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 1.6;
}
.social-wrap {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
justify-items: center;
display: flex;
}
.brandbes-link {
color: var(--color--primary);
text-decoration: none;
transition: color 0.3s;
}
.brandbes-link:hover {
color: var(--white);
}
.webflow-link {
color: var(--color--primary);
text-decoration: none;
transition: color 0.3s;
}
.webflow-link:hover {
color: var(--white);
}
.footer-shape {
position: absolute;
top: auto;
bottom: 160px;
right: 0;
}
.hero-section {
padding-top: 180px;
padding-bottom: 60px;
overflow: hidden;
}
.hero-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
padding-top: 205px;
}
.hero-section.bg-shape {
background-image: url("../img/background-home-banner.jpg");
/* background-position: 100% 0, 0 0; */
background-repeat: no-repeat;
/* background-size: 45%, 45%; */
padding-bottom: 80px;
background-size: cover;
background-position: top center;
}
.hero-section.with-bg-shape {
background-image: url("../65f911e7f88aa3d2d16f79c6_Hero%20Right%20BG.png"),
url("../65f7b03cade737a64be122f4_Home%20Two%20BG.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 45%, 45%;
}
.hero-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: center;
display: grid;
}
.hero-wrapper.margin-top-20px {
margin-top: 30px;
}
.hero-wrapper.display-flex.margin-top-20px {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 0;
}
.hero-image-block {
position: relative;
}
.hero-title {
justify-content: center;
align-items: center;
margin-bottom: 20px;
font-weight: 300;
line-height: 1.25;
display: inline;
}
.hero-title.align-center {
text-align: center;
justify-content: flex-start;
align-items: center;
display: inline;
}
.hero-title.text-72px {
font-weight: 600;
}
.hero-excerpt {
color: var(--color--neutral-three);
max-width: 490px;
margin-bottom: 0;
}
.hero-title-span {
text-align: center;
font-weight: 600;
}
.group-button-block {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
display: flex;
}
.hire-us-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--color--primary);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 40px;
justify-content: center;
align-items: center;
width: 202px;
padding: 20px 10px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.video-lightbox {
background-color: var(--color--secondary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: static;
top: 0%;
bottom: 0%;
right: 0%;
}
.hire-us-button-arrow-icon {
z-index: 15;
color: var(--white);
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
position: relative;
}
.video-lightbox-icon {
color: var(--white);
justify-content: center;
align-items: center;
display: flex;
}
.play-button-block {
background-image: url("../65ed80e7d2f4a085998e9195_Playbutton Border.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 68px;
height: 68px;
display: flex;
overflow: hidden;
}
.how-we-work-text {
margin-left: 4px;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
}
.play-button-wrapp {
align-items: center;
display: flex;
}
.hero-circle-shape-wrap {
align-items: center;
margin-bottom: 31px;
margin-right: 40px;
display: flex;
position: absolute;
top: auto;
bottom: -29px;
right: 36px;
}
.hero-circle-shape {
background-color: var(--white);
border: 1px solid #000;
border-radius: 100%;
width: 50px;
height: 50px;
}
.hero-circle-shape.shape-one {
z-index: 5;
position: relative;
}
.hero-circle-shape.shape-two {
z-index: 4;
background-color: var(--color--primary);
border-width: 0;
margin-left: -20px;
position: relative;
}
.hero-circle-shape.shape-three {
margin-left: -20px;
}
.hero-shape-line {
background-color: var(--color--secondary);
width: 23px;
height: 1px;
}
.hero-shape-line.line-one {
z-index: 55;
width: 44px;
margin-right: -20px;
position: relative;
}
.funfact-number {
color: var(--color--secondary);
font-size: 32px;
font-weight: 500;
line-height: 1.25;
}
.funfact-number.text-stroke {
color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #95d9f9;
font-size: 50px;
}
.funfact-number-wrap {
display: flex;
}
.funfact-number-wrap.lower-movement {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.funfact-number-wrap.upper-movement {
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
}
.funfact-number-wrap.upper-movement.text-stroke {
color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--white);
}
.funfact-number-block {
justify-content: flex-start;
align-items: stretch;
height: 40px;
display: flex;
overflow: hidden;
}
.funfact-number-block.height-62px {
height: 62px;
}
.number-text-label {
color: #4f4f4f;
text-align: left;
white-space: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: Lexend, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.6;
}
.number-text-label.text-white {
color: #95d9f9;
margin-top: 8px;
font-size: 20px;
}
.single-funfact-wrap {
border-right: 1px solid #b4b2b8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 44px;
display: flex;
}
.single-funfact-wrap.remove-border {
border-right-width: 1px;
border-right-color: #37364a;
align-items: center;
padding-left: 30px;
padding-right: 30px;
}
.single-funfact-wrap.remove-border.remove-padding {
border-right-style: none;
align-items: flex-start;
padding-left: 0;
}
.single-funfact-wrap.align-center {
border-bottom: 1px solid #37364a;
border-right-style: none;
border-right-color: #37364a;
align-items: center;
padding-left: 30px;
padding-right: 30px;
}
.single-funfact-wrap.border-right-and-bottom {
border-bottom: 1px solid #37364a;
border-right-color: #37364a;
align-items: center;
padding-left: 30px;
padding-right: 30px;
}
.single-funfact-wrap.border-left-and-top {
border-bottom: 0 solid #b4b2b8;
border-right-style: none;
border-right-width: 0;
align-items: center;
padding-left: 30px;
padding-right: 30px;
}
.funfact-content-block {
z-index: 99;
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.funfact-content-block.margin-top {
grid-column-gap: 20px;
grid-row-gap: 30px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 40px;
}
.funfact-text {
color: var(--color--primary);
font-size: 35px;
font-weight: 500;
line-height: 1.24;
}
.funfact-text.text-black {
color: var(--color--secondary);
}
.funfact-text.text-black.text-stroke {
color: rgba(0, 0, 0, 0);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #c8c8cd;
font-size: 50px;
}
.funfact-text.color-white {
color: #95d9f9;
font-size: 50px;
}
.hero-image-inner {
background-image: url("../65efe7ac8c9490f23afb4667_Hero%20image%20BG.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
max-width: 400px;
max-height: 450px;
position: relative;
}
.hero-bottom-circle-shape {
/* background-color: var(--color--neutral-two); */
border-radius: 100%;
width: 45px;
height: 45px;
}
.hero-bottom-circle-shape.bg-43b97f {
/* background-color: #43b97f; */
width: 43px;
height: 43px;
margin-bottom: -12px;
margin-left: 60px;
}
.hero-bottom-shape-wrap {
position: absolute;
top: auto;
bottom: -13px;
left: -19px;
}
.hero-upper-shape-wrap {
position: absolute;
bottom: 395px;
left: auto;
right: -19px;
}
.hero-upper-shape {
height: 90px;
}
.hero-image-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.hero-image-wrap.display-flex {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-end;
justify-items: center;
margin-top: 30px;
display: flex;
}
.hero-upper-image-wrap {
border-radius: 8px;
margin-top: -20px;
margin-left: -35px;
}
.hero-lower-image-wrap {
border-radius: 8px;
margin-top: 101px;
margin-right: -40px;
overflow: hidden;
}
.hero-title-and-shape-wrap {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 15px;
position: relative;
}
.hero-upper-circle-shape {
height: 40px;
margin-top: 20px;
margin-left: 20px;
position: absolute;
bottom: -29px;
left: 52.1406px;
}
.about-us-section.bg-white {
background-color: #fff;
}
.about-us-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
}
.about-us-section.bg-shape {
background-image: url("../65fbb588b9384cf3cc47fa98_About%20Us%20Right%20BG.png"),
url("../65fbb574260243154cd01773_About%20Us%20Left%20BG.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 45%, 45%;
}
.about-us-section.bg-color-05041d {
background-color: var(--color--secondary);
background-image: url("../65ffa756179511a66942b07c_About%20us%20dark%20Right%20bg%20Shape.png"),
url("../65ffa73d6aa0de9555f08f4f_About%20us%20dark%20left%20bg%20Shape.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 45%, 45%;
max-height: 650px;
}
.about-us-section.bg-color-05041d.padding {
max-height: 680px;
}
.about-us-section.bg-color-05041d.y-axis-gap {
padding-top: 80px;
}
.about-us-section.shape-bg {
background-image: url("../img/background_about_us.jpg");
/* background-position: 100% 0, 0 0; */
background-repeat: no-repeat;
/* background-size: 45%, 45%; */
}
.about-us-section.padding {
padding-top: 80px;
}
.about-us-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.about-us-wrapper.display-block {
display: block;
}
.about-us-wrapper.gap-70px {
grid-template-columns: 1fr 1.2fr;
}
.about-us-content-block {
position: relative;
}
.about-us-image-block {
/* border-radius: var(--border-radius--main);
background-color: var(--color--neutral-two); */
justify-content: center;
align-items: center;
width: 100%;
max-height: 100%;
padding: 20px;
display: flex;
/* position: relative; */
overflow: hidden;
}
.about-us-image-block.max-width-606px {
justify-content: center;
align-items: center;
width: 390px;
height: 470px;
}
.about-us-image-block.max-width-443px {
border-radius: 40px;
width: 390px;
max-width: 100%;
height: 450px;
overflow: hidden;
}
.section-subtitle-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.section-subtitle-border {
background-color: var(--color--primary);
width: 39px;
height: 1px;
}
.section-subtitle-border.bg-white {
background-color: var(--white);
}
.section-subtitle {
color: var(--color--primary);
font-size: 18px;
line-height: 1.3;
}
.section-subtitle.color-white {
color: var(--white);
}
.section-title {
margin-top: 18px;
}
.section-title.color-white {
color: var(--white);
margin-bottom: 0;
}
.section-title.remove-margin {
margin-top: 0;
margin-bottom: 0;
}
.section-heading-block {
position: relative;
}
.section-heading-block.max-width-711px {
max-width: 600px;
}
.section-heading-block.max-width-579px {
max-width: 570px;
}
.section-heading-block.max-width-579px.margin-bottom {
margin-bottom: 50px;
}
.section-heading-block.max-width-480px {
max-width: 480px;
}
.section-heading-block.margin-top-30px {
margin-top: 40px;
}
.section-title-wrap {
margin-bottom: 12px;
}
.section-title-wrap.max-width-803px {
text-align: center;
max-width: 680px;
position: relative;
}
.section-title-wrap.max-width-520px {
max-width: 512px;
}
.section-title-wrap.max-width-530px {
text-align: center;
max-width: 486px;
position: relative;
}
.section-title-wrap.max-width-711px {
text-align: center;
max-width: 630px;
}
.section-title-wrap.max-width-581px {
text-align: center;
max-width: 500px;
position: relative;
}
.section-title-wrap.max-width-450px {
max-width: 390px;
}
.section-description-wrap.max-width-556px {
max-width: 556px;
}
.section-description {
color: #4f4f4f;
margin-bottom: 0;
font-size: 18px;
line-height: 1.3;
}
.about-us-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 25px;
padding-left: 0;
list-style-type: none;
display: flex;
overflow: hidden;
}
.about-us-list-item {
background-image: url("../65ee9ef7ff06a331aa6e1ed2_Check Icon.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
padding-left: 35px;
list-style-type: disc;
}
.about-us-list-item-title {
color: var(--color--secondary);
font-size: 20px;
font-weight: 400;
line-height: 1.3;
}
.about-us-list-item-summary {
color: #4f4f4f;
margin-top: 10px;
margin-bottom: 0;
font-size: 16px;
}
.about-us-button-wrap {
margin-top: 35px;
display: inline-block;
}
.about-us-button-wrap.flex {
justify-content: space-between;
align-items: center;
display: flex;
}
.about-us-image {
width: 100%;
display: block;
}
.about-us-image-wrap {
border-radius: 12px;
overflow: hidden;
}
.about-us-image-wrap.position-absolute {
position: absolute;
top: auto;
bottom: 0%;
right: 0%;
}
.about-us-image-wrap.position-absolute.move-left {
left: -15%;
}
.about-us-upper-shape.right-shape {
margin-left: -100px;
}
.about-us-upper-shape.shape-three {
z-index: 55;
width: 150px;
position: absolute;
top: 20px;
bottom: auto;
left: auto;
right: 15px;
}
.about-us-upper-shape.shape-three.move-left {
width: 120px;
top: 19px;
bottom: auto;
left: 4px;
right: auto;
}
.about-us-upper-shape-wrap {
justify-content: flex-start;
align-items: center;
width: 200px;
display: flex;
position: absolute;
top: -37px;
left: 0;
}
.about-us-upper-shape-wrap.move-right {
top: -45px;
left: auto;
right: -40px;
}
.about-us-bottom-shape {
position: absolute;
bottom: 0;
left: 57%;
}
.services-section {
overflow: hidden;
}
.services-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
}
.services-section.bg-color-f8f4ff.bg-shape {
background-image: url("../65fbb588b9384cf3cc47fa98_About%20Us%20Right%20BG.png"),
url("../65fbb574260243154cd01773_About%20Us%20Left%20BG.png");
background-position: 100% 0, 0 100%;
background-repeat: no-repeat, no-repeat;
background-size: 45%, 45%;
}
.services-wrapper.border-1px {
border: 1px solid var(--color--neutral-three);
margin-left: auto;
margin-right: auto;
}
.section-heading-and-button-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: flex-end;
display: flex;
position: relative;
}
.section-button-wrap {
display: inline-block;
}
.feature-services-grid {
grid-column-gap: 23px;
grid-row-gap: 23px;
grid-template-rows: auto;
grid-template-columns: 4fr 8fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.feature-services-collection-list,
.feature-services-collection-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.feature-services-item.display-flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
}
.feature-services-item.lower-right-item {
border-radius: var(--border-radius--main);
background-color: #E0C800;
padding: 30px 26px 28px 24px;
position: relative;
overflow: hidden;
}
.feature-services-item.lower-left-item {
background-color: #95D9F9;
border-radius: 20px;
padding: 30px 26px 28px 24px;
position: relative;
overflow: hidden;
}
.feature-services-thumbnail-link {
border-radius: 12px;
flex: none;
position: relative;
overflow: hidden;
}
.feature-services-left-column {
background-color: var(--white);
border-radius: 20px;
padding: 20px;
}
.feature-services-content-block {
margin-top: 20px;
}
.feature-services-title {
z-index: 55;
color: var(--color--secondary);
margin-bottom: 10px;
font-size: 30px;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.feature-services-title.color-3f54d3 {
color: var(--color--primary);
margin-bottom: 0;
transition: color 0.3s;
}
.feature-services-title.color-3f54d3:hover {
color: var(--color--secondary);
}
.feature-services-title.left-column-title {
transition: color 0.3s;
}
.feature-services-title.left-column-title:hover {
color: var(--color--primary);
}
.feature-services-title.color-white {
color: var(--white);
transition: color 0.3s;
}
.feature-services-title.color-white:hover {
color: var(--black);
}
.feature-services-title.max-width-321px {
max-width: 321px;
transition: color 0.3s;
}
.feature-services-title.max-width-321px:hover {
color: var(--white);
}
.feature-services-excerpt {
color: #4f4f4f;
font-size: 16px;
}
.feature-services-excerpt.max-width-404px {
margin-top: 16px;
margin-bottom: 0;
}
.feature-services-excerpt.color-white {
color: var(--white);
}
.feature-services-title-link {
text-decoration: none;
}
.learn-more-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
margin-top: 20px;
text-decoration: none;
display: inline-flex;
}
.learn-more-button.margin-top-30px {
margin-top: 20px;
}
.learn-more-button.margin-top-57px {
margin-top: 41px;
}
.learn-more-button.margin-top-28px {
margin-top: 15px;
}
.learn-more-button-text {
color: var(--color--primary);
font-size: 18px;
}
.learn-more-button-text.color-black {
color: var(--color--secondary);
}
.learn-more-button-text.color-white {
color: var(--white);
}
.learn-more-button-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.learn-more-button-arrow.color-black {
color: var(--color--secondary);
}
.learn-more-button-arrow.color-white {
color: var(--white);
}
.feature-services-right-column {
grid-column-gap: 23px;
grid-row-gap: 23px;
flex-flow: column;
display: flex;
}
.feature-services-upper-item {
background-color: var(--white);
border-radius: 20px;
padding: 20px;
}
.feature-services-lower-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.feature-services-special-icon-wrap {
mix-blend-mode: luminosity;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.portfolio-section.bg-shape {
background-image: url("../65fbc0be1f32b320a83bd491_Right%20Center%20BG.png"),
url("../65fbc05efd3ca0bccfe787dc_Left%20Center%20Shape.png"),
url("../65fbb588b9384cf3cc47fa98_About%20Us%20Right%20BG.png"),
url("../65fbb574260243154cd01773_About%20Us%20Left%20BG.png");
background-position: 100%, 0%, 100% 0, 0 0;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 45%, 45%, 45%, 45%;
}
.portfolio-section.section-bottom-gap.margin-top-30px {
margin-top: -30px;
}
.portfolio-wrapper.position-relative {
position: relative;
}
.portfolio-content-block {
margin-top: 50px;
position: relative;
}
.portfolio-shape {
position: absolute;
top: 10px;
left: 61%;
}
.portfolio-tabs {
position: static;
}
.portfolio-category-menu {
z-index: 55;
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
position: absolute;
bottom: 0;
right: 0;
}
.portfolio-category-tab-link {
border-radius: 33px;
padding: 10px 20px;
transition: color 0.3s, background-color 0.3s;
}
.portfolio-category-tab-link:hover {
background-color: var(--color--primary);
color: var(--white);
box-shadow: 0 16px 40px 4px rgb(0 0 0 / 19%);
}
.portfolio-category-tab-link.w--current {
background-color: var(--color--primary);
color: var(--white);
border-radius: 33px;
padding: 10px 20px;
font-family: Lexend, sans-serif;
font-weight: 400;
box-shadow: 0 16px 40px 4px rgb(0 0 0 / 19%);
}
.portfolio-tabs-content {
width: 100%;
}
.portfolio-slider {
background-color: rgba(0, 0, 0, 0);
height: auto;
padding-bottom: 100px;
}
.portfolio-slider-mask {
width: 48%;
overflow: visible;
}
.portfolio-slide-item {
border-radius: 16px;
margin-right: 30px;
overflow: hidden;
}
.slide-nav {
display: none;
}
.portfolio-single-card {
cursor: pointer;
border-radius: 16px;
position: relative;
overflow: hidden;
}
.portfolio-image-block {
position: relative;
overflow: hidden;
}
.portfolio-image.remove-width {
cursor: auto;
}
.portfolio-image.remove-width.max-height-518px {
max-height: 518px;
}
.portfolio-title-and-button-block {
z-index: 10;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 36px;
padding-right: 36px;
display: flex;
position: absolute;
bottom: 36px;
}
.portfolio-title {
color: var(--white);
font-family: Lexend, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 1.3;
}
.portfolio-title.color-black {
color: var(--color--secondary);
font-size: 28px;
transition: color 0.3s;
}
.portfolio-title.color-black:hover {
color: unset;
}
.portfolio-title.color-black.text-32px {
font-size: 24px;
}
.portfolio-title.color-black.text-24px {
font-size: 20px;
}
.portfolio-image-overlay {
z-index: 5;
background-image: linear-gradient(rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0.6));
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.portfolio-button {
background-color: var(--white);
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.portfolio-button-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.portfolio-image-link.radius-16px {
cursor: none;
border-radius: 16px;
text-decoration: none;
display: block;
overflow: hidden;
}
.portfolio-title-link {
text-decoration: none;
}
.portfolio-title-link.max-width-670px {
max-width: 670px;
}
.portfolio-title-link.max-width-482px {
max-width: 482px;
}
.portfolio-title-link.max-width-309px {
max-width: 309px;
}
.slider-left-arrow-button {
border: 1px solid var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-top: 0;
margin-bottom: 0;
display: flex;
top: auto;
bottom: 0;
left: 0;
}
.slider-left-arrow-button.move-top {
top: -110px;
bottom: auto;
left: auto;
right: 70px;
}
.slider-left-arrow-button.move-top.width-60px {
top: 60px;
}
.slider-left-arrow-button.move-bottom {
border-color: var(--white);
color: var(--white);
left: 45%;
}
.slider-left-arrow-icon {
justify-content: center;
align-items: center;
display: flex;
}
.slider-right-arrow-button {
border: 1px solid var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-top: 0;
margin-bottom: 0;
display: flex;
top: auto;
bottom: 0;
left: 73px;
right: auto;
}
.slider-right-arrow-button.move-top {
top: -110px;
bottom: auto;
left: auto;
right: 0;
}
.slider-right-arrow-button.move-top.width-60px {
top: 60px;
}
.slider-right-arrow-button.move-bottom {
border-color: var(--white);
left: auto;
right: 43%;
}
.slider-right-arrow-icon {
justify-content: center;
align-items: center;
display: flex;
transform: rotate(-180deg);
}
.team-section-dark-bg {
background-color: var(--color--secondary);
}
.team-section-dark-bg.section-y-axis-gap {
position: relative;
overflow: hidden;
}
.section-heading-align-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section-heading-align-center.margin-top-40px {
margin-top: 40px;
}
.team-circle-shape {
position: absolute;
top: -78px;
bottom: auto;
left: -71px;
right: auto;
}
.team-upper-shape {
width: 350px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
}
.team-lower-shape {
width: 350px;
position: absolute;
top: auto;
bottom: -1%;
left: 0%;
right: auto;
}
.image-overlay-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-overlay-wrap {
width: 120%;
height: 120%;
display: none;
}
.image-overlay-left,
.image-overlay-right {
background-color: var(--color--secondary);
width: 100%;
height: 100%;
}
.team-content-wrap {
margin-top: 50px;
}
.team-content-wrap.remove-margin-top {
margin-top: 0;
}
.team-collection-list {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.team-collection-list.column-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.team-single-item {
cursor: pointer;
position: relative;
overflow: hidden;
}
.team-image-block {
z-index: 5;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.team-details-block {
z-index: 6;
border-radius: var(--border-radius--main);
background-color: var(--white);
flex-flow: column;
justify-content: center;
align-items: center;
padding: 16px 10px;
display: flex;
position: absolute;
top: auto;
bottom: 10px;
left: 10px;
right: 10px;
overflow: hidden;
}
.team-name {
color: var(--color--secondary);
text-align: center;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
transition: color 0.3s;
}
.team-name:hover {
color: var(--color--primary);
}
.team-name.remove-hover:hover {
color: var(--color--secondary);
}
.team-name-link {
z-index: 10;
text-align: center;
text-decoration: none;
position: relative;
}
.team-designation {
color: var(--color--neutral-three);
text-align: center;
margin-top: 2px;
font-weight: 300;
line-height: 1.6;
}
.team-designation.align-left {
text-align: left;
}
.team-social-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.team-social-wrap.align-left {
justify-content: flex-start;
margin-left: 0;
margin-right: 0;
}
.team-social-link {
border: 1px solid var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
}
.team-social-icon {
justify-content: center;
align-items: center;
display: flex;
}
.team-button-wrap {
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.primary-button-text-white {
z-index: 20;
color: var(--white);
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
position: relative;
}
.primary-button-dark-bg {
z-index: 20;
border: 1px solid var(--white);
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 13px 30px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.testimonial-section.bg-color-05041d {
background-color: var(--color--secondary);
background-image: url("../65f9176682f720bdc2838e37_Testimonial%20Right%20BG.png"),
url("../65f91748174624ddfe56e119_Testimonial%20Left%20BG.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 40%, 40%;
}
.testimonial-section.bg-color-05041d.section-y-axis-gap {
position: relative;
}
.testimonial-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
background-image: url("../65fbb588b9384cf3cc47fa98_About%20Us%20Right%20BG.png"),
url("../65fbb574260243154cd01773_About%20Us%20Left%20BG.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 45%, 45%;
}
.testimonial-wrapper {
position: relative;
overflow: hidden;
}
.testimonial-slider {
text-align: left;
background-color: rgba(0, 0, 0, 0);
border-radius: 20px;
height: auto;
}
.testimonial-slider.minus-margin-top {
margin-top: 0;
overflow: visible;
}
.testimonial-slider-mask {
width: 100%;
overflow: hidden;
}
.testimonial-slide-item {
border-radius: var(--border-radius--main);
background-color: #ededed;
overflow: hidden;
}
.testimonial-slide-flex {
grid-column-gap: 50px;
grid-row-gap: 50px;
border-radius: 20px;
align-items: center;
display: flex;
}
.testimonial-image-block {
flex: none;
max-width: 400px;
position: relative;
overflow: hidden;
}
.testimonial-content-block {
padding-top: 40px;
padding-bottom: 40px;
padding-right: 40px;
}
.testimonial-client-feedback {
color: var(--color--neutral-three);
margin-top: 30px;
margin-bottom: 30px;
}
.testimonial-client-name {
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.testimonial-client-designation {
color: var(--color--neutral-three);
margin-top: 5px;
font-weight: 300;
}
.testimonial-upper-dotted-shape {
position: absolute;
top: 24px;
left: auto;
right: 27px;
}
.testimonial-lower-shape {
position: absolute;
bottom: 16px;
left: auto;
right: 20px;
}
.blog-section.section-y-axis-gap {
position: relative;
}
.blog-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
}
.blog-shape {
position: absolute;
top: 10px;
left: 61%;
}
.blog-left-circle-shape-wrap {
display: none;
position: absolute;
top: 103px;
left: -70px;
}
.blog-left-circle-shape {
width: 150px;
}
.blog-content-block {
margin-top: 50px;
}
.blog-collection-list {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-collection-list.column-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-collection-list.bottom-gap-60px {
grid-row-gap: 50px;
}
.blog-collection-list.display-flex-vertical {
flex-flow: column;
display: flex;
}
.blog-single-item.border-1px {
border: 1px solid #cacaca;
border-radius: 20px;
padding: 20px;
transition: box-shadow 0.5s;
}
.blog-single-item.border-1px:hover {
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}
.blog-thumbnail-image-wrap {
border-radius: var(--border-radius--12);
position: relative;
overflow: hidden;
}
.blog-thumbnail-image-wrap.margin-y-axis-20px {
margin-top: 20px;
margin-bottom: 20px;
}
.image-hover-overlay {
cursor: pointer;
background-image: linear-gradient(98deg, #fff, rgba(0, 0, 0, 0.2) 0%);
width: 50%;
height: 110%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.blog-meta-and-title-wrap {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
margin-top: 20px;
}
.blog-meta-block {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
display: flex;
}
.blog-publish-date {
color: var(--color--neutral-three);
font-size: 18px;
font-weight: 300;
line-height: 1.6;
}
.blog-publish-date.color-white {
color: var(--color--neutral-three);
}
.blog-category-link {
color: var(--color--primary);
font-size: 18px;
text-decoration: none;
transition: color 0.3s;
}
.blog-category-link:hover {
color: var(--color--secondary);
}
.blog-category-link.color-white {
color: var(--color--primary);
transition: none;
}
.blog-category-link.color-white:hover {
color: var(--color--primary);
}
.blog-meta-separator-border {
background-color: var(--color--neutral-three);
width: 1px;
height: 14px;
}
.blog-meta-separator-border.bg-white {
background-color: var(--color--neutral-three);
}
.meta-and-title-separator {
background-color: #cecbd3;
width: 100%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}
.blog-title {
font-size: 24px;
line-height: 1.25;
transition: color 0.3s;
}
.blog-title:hover {
color: var(--color--primary);
}
.blog-title.font-size-24px {
font-size: 20px;
}
.blog-title.color-white {
color: var(--color--secondary);
margin-bottom: 0;
font-size: 28px;
line-height: 1.3;
}
.blog-title.color-white:hover {
color: var(--color--primary);
}
.blog-title.text-20px {
font-size: 18px;
line-height: 1.3;
}
.blog-title-link {
text-decoration: none;
}
.blog-title-link.max-width-778px {
max-width: 550px;
}
.brand-logo-section.section-y-axis-gap {
overflow: hidden;
}
.brand-logo-wrap {
grid-column-gap: 50px;
grid-row-gap: 50px;
border-top: 1px solid var(--color--neutral-three);
border-bottom: 1px solid var(--color--neutral-three);
align-items: center;
display: flex;
}
.brand-logo-wrap.max-gap-110px {
border-top-width: 0;
border-bottom-width: 0;
}
.brand-logo-block {
grid-column-gap: 78px;
grid-row-gap: 78px;
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.brand-logo-left-border {
flex: none;
}
.hero-wrapper-version-two {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: center;
margin-top: 40px;
position: relative;
}
.hero-title-wrap.max-width-1150px {
text-align: center;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.hero-title-wrap.max-width {
max-width: 550px;
}
.hero-title-image {
/* background-image: url("../65f7b1d78d3d97e8053b751b_Hero%20TItle%20Image.png"); */
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
}
.hero-title-arrow-shape {
background-image: url("../65f7b3c0044c97db555c7ab9_Hero%20Arrow%20Shape.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -70%;
bottom: auto;
left: auto;
right: -6%;
}
.hero-title-image-wrap {
justify-content: center;
align-items: center;
display: inline-block;
position: relative;
transform: translate(0, -15px);
}
.newsletter-submit-button {
background-color: var(--color--secondary);
color: var(--white);
border-radius: 40px;
padding: 12px 20px;
font-weight: 300;
transition: background-color 0.3s;
position: absolute;
top: 12px;
bottom: 12px;
left: auto;
right: 12px;
}
.newsletter-submit-button:hover {
background-color: var(--color--primary);
border-radius: 32px;
}
.newsletter-form-input-field {
color: var(--black);
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: #848484;
border: 1px solid #05041d;
border-radius: 43px;
width: 456px;
height: 74px;
margin-bottom: 0;
padding: 10px 154px 10px 20px;
font-size: 20px;
transition: border 0.3s;
}
.newsletter-form-input-field:focus {
border: 1px solid var(--color--primary);
}
.newsletter-form-input-field.remove-stroke {
-webkit-text-stroke-width: 0px;
}
.hero-left-shape-wrap {
position: absolute;
top: 131px;
left: 0;
}
.hero-shape {
width: 80px;
}
.hero-left-column-image-block {
width: 35.7897%;
}
.hero-right-column-image-block {
width: 100%;
}
.funfact-section {
background-color: var(--color--secondary);
}
.funfact-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: center;
display: grid;
}
.funfact-image-block {
background-image: url("../65f7ceccab77ff98f4314a35_Funfact%20Number%20BG.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 448px;
height: 324px;
display: flex;
position: relative;
}
.funfact-numbers-block {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.funfact-upper-image-wrap {
position: absolute;
top: -39px;
left: -16px;
}
.funfact-lower-image-wrap {
width: 77%;
position: absolute;
bottom: -50px;
right: -17px;
}
.funfact-circle-shape {
/* background-color: #43b97f; */
border-radius: 100%;
width: 116px;
height: 87px;
position: absolute;
bottom: -17px;
left: -13px;
}
.funfact-curve-shape {
position: absolute;
top: -8%;
bottom: auto;
left: 84%;
right: 0%;
}
.service-shape {
position: absolute;
top: -10px;
left: 65%;
}
.service-shape.move-bottom {
top: 9px;
}
.rounded-section-sub-title {
color: var(--color--primary);
background-color: #d9ddf6;
border-radius: 35px;
padding: 4px 24px 6px;
font-size: 18px;
font-weight: 300;
line-height: 1.6;
}
.rounded-section-sub-title.bg-37364a {
color: var(--white);
background-color: #37364a;
}
.service-content-block,
.service-single-card.margin-top-60px {
margin-top: 50px;
}
.service-collection-list {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-collection-list.column-4 {
grid-template-columns: 1fr 1fr;
}
.service-single-item {
border: 1px solid var(--color--neutral-three);
border-radius: 12px;
padding: 25px 20px;
transition: box-shadow 0.3s;
}
.service-single-item:hover {
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
border-color: #95D9F9 !important;
}
.services-icon-wrap.bg-color-f8f4ff {
border-radius: var(--border-radius--16);
background-color: var(--color--neutral-one);
flex: none;
padding: 12px;
}
.service-title-link {
margin-top: 20px;
margin-bottom: 14px;
text-decoration: none;
}
.service-title {
color: var(--color--secondary);
font-size: 28px;
font-weight: 500;
line-height: 1.25;
transition: color 0.3s;
}
.service-title:hover {
color: unset;
}
.service-title.align-center {
text-align: center;
font-size: 22px;
}
.service-excerpt.align-center {
color: var(--color--neutral-three);
text-align: center;
margin-bottom: 0;
font-size: 16px;
}
.service-arrow-link {
color: var(--color--neutral-three);
margin-top: 20px;
transition: color 0.3s;
}
.service-arrow-link:hover {
color: var(--color--primary);
}
.portfolio-item-card {
margin-top: 50px;
}
.portfolio-item-card.margin-top {
margin-top: 0;
}
.portfolio-image-wrap {
background-color: #f6f6f6;
border-radius: 32px;
padding: 13px;
display: inline-block;
position: relative;
overflow: hidden;
}
.portfolio-image-wrap.remove-padding {
padding: 0;
}
.portfolio-content-wrap {
flex-flow: column;
align-items: flex-start;
max-width: 400px;
display: flex;
}
.portfolio-content-wrap.display-flex-vertical {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
align-items: flex-start;
max-width: none;
margin-top: 20px;
display: flex;
}
.portfolio-list {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
display: flex;
}
.portfolio-list.gap-40px {
grid-column-gap: 35px;
grid-row-gap: 35px;
}
.portfolio-items.position-sticky {
position: -webkit-sticky;
position: sticky;
top: 50px;
}
.portfolio-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: center;
display: flex;
}
.portfolio-item.display-block {
display: block;
}
.portfolio-item.bg-f8f4ff {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-radius: var(--border-radius--16);
background-color: var(--color--neutral-one);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 20px;
display: grid;
}
.portfolio-excerpt {
color: var(--color--neutral-three);
margin-top: 16px;
margin-bottom: 20px;
font-size: 16px;
}
.portfolio-category-link {
border: 1px solid var(--color--neutral-three);
color: var(--color--neutral-three);
border-radius: 33px;
padding: 3px 10px;
font-weight: 300;
line-height: 1.6;
text-decoration: none;
transition: background-color 0.3s, color 0.3s;
display: inline-block;
}
.portfolio-category-link:hover {
background-color: var(--color--primary);
color: var(--white);
}
.portfolio-category-link.margine-bottom {
margin-bottom: 15px;
}
.portfolio-button-link {
border: 1px solid var(--color--secondary);
color: var(--color--secondary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 66.67px;
height: 66.67px;
margin-top: 50px;
display: flex;
}
.portfolio-button-link:hover {
background-color: var(--color--primary);
color: var(--white);
border-color: rgba(0, 0, 0, 0);
}
.portfolio-button-link.bg-white {
background-color: var(--white);
cursor: none;
border-style: none;
flex-flow: row;
justify-content: center;
align-items: center;
overflow: hidden;
}
.portfolio-button-link.bg-white:hover {
color: var(--black);
}
.portfolio-button-link.max-width-50px {
width: 50px;
height: 50px;
margin-top: 0;
}
.portfolio-link-button-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.title-upper-shape {
position: absolute;
top: -6%;
bottom: auto;
left: auto;
right: -2%;
}
.testimonail-slider-block {
margin-top: 50px;
}
.slide-hidden-nav {
display: none;
}
.testimonial-single-slide-item {
margin-right: 30px;
}
.testimonial-card {
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
padding: 30px;
}
.testimonial-card.padding-36px {
padding: 25px;
}
.client-rating-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.rating-star-icon-wrap {
grid-column-gap: 7px;
grid-row-gap: 7px;
align-items: center;
display: flex;
}
.rating-number-text {
color: var(--white);
font-size: 18px;
}
.client-feedback-paragraph {
color: var(--white);
margin-top: 25px;
margin-bottom: 25px;
font-size: 18px;
font-weight: 300;
}
.client-feedback-paragraph.color-black {
color: var(--color--neutral-three);
margin-top: 20px;
}
.client-info-block {
justify-content: space-between;
align-items: center;
display: flex;
}
.client-image-wrap {
border-radius: 100%;
width: 75px;
height: 75px;
}
.client-name {
color: var(--white);
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.client-name.color-black {
color: var(--black);
}
.client-designation {
color: var(--white);
margin-top: 6px;
font-weight: 300;
}
.client-designation.color-black {
color: var(--color--neutral-three);
}
.client-image-and-name-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.testimonial-slider-version-two {
background-color: rgba(0, 0, 0, 0);
height: auto;
padding-bottom: 100px;
}
.testimonial-slider-mask-version-two {
width: 100%;
max-width: 796px;
height: auto;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.testimonial-shape-wrap {
width: 93px;
height: 126px;
position: absolute;
top: auto;
bottom: 36px;
left: auto;
right: 382px;
}
.team-right-shape {
position: absolute;
top: 21.0781px;
right: 0;
}
.team-left-shape {
position: absolute;
top: -5px;
left: 11px;
}
.team-details-wrap {
padding: 18px 10px 10px;
}
.team-details-wrap.align-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.team-card-item {
z-index: 99;
border-radius: var(--border-radius--main);
border: 1px solid #cacaca;
padding: 16px;
transition: border 0.3s, box-shadow 0.3s;
position: relative;
}
.team-card-item:hover {
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}
.team-social-and-arrow-block {
justify-content: space-between;
display: flex;
}
.team-card-arrow {
color: var(--color--neutral-three);
justify-content: center;
align-items: center;
display: flex;
}
.team-arrow-link {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.box-shadow {
z-index: -1;
border-radius: var(--border-radius--main);
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.case-study-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
}
.case-study-section.section-bottom-gap.margin-top-30px {
margin-top: -30px;
}
.circle-shape {
position: absolute;
top: -10px;
left: 65%;
}
.circle-shape.move-bottom {
top: 9px;
}
.case-study-content-block {
margin-top: 50px;
}
.case-study-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.case-study-collection-list.bottom-gap-64px {
grid-row-gap: 50px;
}
.case-study-image-wrap {
border-radius: 12px;
position: relative;
overflow: hidden;
}
.case-study-content-wrap {
margin-top: 20px;
}
.case-study-title {
margin-bottom: 16px;
font-size: 28px;
line-height: 1.25;
transition: color 0.3s;
}
.case-study-title:hover {
color: var(--color--primary);
}
.case-study-title-link {
text-decoration: none;
}
.case-study-summary {
color: var(--color--neutral-three);
margin-bottom: 28px;
font-size: 16px;
}
.separator-line {
background-color: #a3a1a7;
width: 100%;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
}
.case-study-meta-block {
justify-content: space-between;
align-items: center;
margin-top: 28px;
display: flex;
}
.case-study-plublish-date {
color: var(--color--neutral-three);
font-size: 18px;
font-weight: 300;
line-height: 1.6;
}
.case-study-button {
border: 1px solid var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 33.33px;
height: 33.33px;
display: flex;
}
.case-study-button-arrow {
color: var(--color--neutral-three);
justify-content: center;
align-items: center;
display: flex;
}
.hero-title-highlight {
color: #E0C800;
}
.hero-heading-highlight {
background-image: url("../img/Artboard_3.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-start;
align-items: center;
min-width: 235px;
min-height: 98px;
margin-top: 5px;
margin-bottom: 20px;
padding: 5px 10px;
display: inline-flex;
}
.hero-title-hightlight-text {
color: #95D9F9;
padding: 5px;
display: inline;
transform: rotate(-7deg);
}
.hero-image-container {
position: relative;
}
.hero-main-image-block {
z-index: 99;
/* border: 6px solid var(--white);
background-color: var(--color--primary); */
border-radius: 21px;
/* max-width: 336px; */
/* max-height: 491px; */
position: relative;
}
.hero-image {
margin-top: -45px;
}
.hero-left-image {
z-index: 2;
min-width: 336px;
min-height: 491px;
position: absolute;
top: 0%;
bottom: 0%;
left: -75px;
right: auto;
}
.hero-bg-image-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
position: relative;
top: -500px;
}
.hero-right-image {
z-index: 1;
min-width: 336px;
min-height: 491px;
margin-top: -16px;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: -80px;
}
.hero-upper-left-circle {
background-color: #d9f1e5;
border-radius: 100%;
width: 195px;
height: 201px;
position: absolute;
top: -51px;
bottom: auto;
left: -85px;
right: auto;
}
.hero-upper-right-circle {
background-color: #f8f4ff;
border-radius: 100%;
width: 109px;
height: 112px;
position: absolute;
top: -10%;
bottom: auto;
left: auto;
right: -12%;
}
.hero-lower-right-circle {
background-color: var(--color--neutral-two);
border-radius: 100%;
width: 247px;
height: 247px;
position: absolute;
top: auto;
bottom: -12%;
left: auto;
right: -22%;
}
.hero-client-image {
z-index: 555;
border-radius: 12px;
position: absolute;
top: auto;
bottom: -3%;
left: -24%;
right: auto;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.hero-upper-right-circle-shape {
position: absolute;
top: -6%;
bottom: auto;
left: auto;
right: -40%;
}
.brand-logo-dark-bg {
background-color: var(--color--secondary);
padding-top: 60px;
padding-bottom: 60px;
}
.brand-logo-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
overflow: hidden;
}
.brand-logo-content {
z-index: 55;
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: var(--color--secondary);
align-items: center;
padding-left: 10%;
display: flex;
position: relative;
}
.brand-logo-content.bg-transparent {
background-color: var(--white);
}
.brand-logo-title {
color: var(--white);
width: 283px;
font-size: 28px;
font-weight: 500;
line-height: 1.25;
}
.brand-logo-title.color-black {
color: var(--color--secondary);
}
.text-highlight {
color: var(--color--neutral-two);
}
.text-highlight.color-primary {
color: var(--color--primary);
}
.brand-logo-separator-line {
background-color: var(--white);
width: 160px;
height: 1px;
}
.brand-logo-separator-line.bg-black {
background-color: var(--color--secondary);
}
.about-us-lower-shape {
margin-bottom: -52px;
margin-right: 0;
}
.about-us-image-container {
position: relative;
}
.about-us-image-container.align-right {
margin-top: 70px;
}
.subtitle-circle-shape {
background-color: var(--color--primary);
outline-color: var(--color--primary);
outline-offset: 3px;
border-radius: 100%;
outline-width: 2px;
outline-style: solid;
width: 8px;
height: 8px;
}
.subtitle-circle-shape.color-white {
background-color: var(--white);
outline-color: var(--white);
}
.section-subtitle-rounded {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--color--primary);
border-radius: 35px;
justify-content: center;
align-items: center;
padding: 4px 16px;
display: flex;
}
.section-subtitle-rounded.color-white {
border-color: var(--white);
}
.subtitle {
color: var(--color--primary);
margin-left: 8px;
font-size: 18px;
font-weight: 300;
line-height: 1.6;
}
.subtitle.color-white {
color: var(--white);
}
.services-item-card {
background-color: #fbf8ff;
border: 1px solid #b4b2b9;
border-radius: 12px;
padding: 30px 10px 20px 20px;
transition: background-color 0.3s, border 0.3s, box-shadow 0.3s;
}
.services-item-card:hover {
background-color: var(--white);
color: var(--color--primary);
border-color: rgba(0, 0, 0, 0);
box-shadow: 0 16px 50px rgba(0, 0, 0, 0.05);
}
.service-heading-and-icon-block {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.services-button-wrap {
justify-content: center;
align-items: center;
margin-top: 24px;
display: flex;
}
.services-button-link {
border: 1px solid var(--color--neutral-three);
color: var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 33px;
height: 33px;
text-decoration: none;
display: flex;
}
.services-button-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.view-all-services-button {
justify-content: center;
align-items: center;
margin-top: 50px;
display: flex;
}
.portfolio-flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 740px 520fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
margin-top: 50px;
display: flex;
}
.portfolio-left-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
max-width: 57.4664%;
display: flex;
}
.portfolio-right-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
max-width: 40.3831%;
display: flex;
}
.why-choose-us-wrapper {
position: relative;
}
.why-choose-us-wrapper.display-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.title-lower-shape {
position: absolute;
top: auto;
bottom: 0%;
left: -46px;
right: auto;
}
.why-choose-us-single-item {
background-color: var(--white);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 40px 25px 30px;
display: flex;
position: relative;
overflow: hidden;
}
.why-choose-us-icon-block {
z-index: 10;
background-color: #95d9f96b !important;
border-radius: 100%;
justify-content: center;
align-items: center;
padding: 25px;
display: flex;
position: relative;
}
.whu-choose-us-icon {
justify-content: center;
align-items: center;
display: flex;
}
.why-choose-us-content {
z-index: 10;
position: relative;
}
.why-choose-us-title {
text-align: center;
margin-top: 25px;
margin-bottom: 12px;
font-size: 24px;
line-height: 1.25;
}
.why-choose-us-title.font-size-24px {
text-align: left;
font-size: 22px;
font-weight: 500;
}
.why-choose-us-title.align-left {
text-align: left;
margin-top: 0;
font-size: 20px;
}
.whu-choose-us-summary {
color: var(--color--neutral-three);
text-align: center;
font-size: 16px;
}
.why-choose-us-grid {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 50px;
padding-bottom: 5px;
display: grid;
}
.card-overlay {
z-index: 9;
background-color: var(--color--primary);
border-radius: 100%;
position: absolute;
}
.testimonial-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
display: flex;
position: relative;
}
.testimonial-heading-lower-shape {
position: absolute;
top: auto;
bottom: 160px;
left: auto;
right: 7%;
}
.testimonial-slider-block {
max-width: 500px;
}
.testimonial-single-slide {
border: 1px solid var(--color--primary);
background-color: var(--white);
border-radius: 20px;
}
.testimonial-slider-left-button {
border: 1px solid var(--color--secondary);
color: var(--color--secondary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
transition: background-color 0.3s, border-color 0.3s, color 0.3s;
display: flex;
top: auto;
bottom: 0%;
left: -85%;
right: auto;
}
.testimonial-slider-left-button:hover {
background-color: var(--black);
color: var(--white);
border-color: rgba(0, 0, 0, 0);
}
.testimonial-slider-right-button {
border: 1px solid var(--color--secondary);
color: var(--color--secondary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
transition: border-color 0.3s, background-color 0.3s, color 0.3s;
display: flex;
top: auto;
bottom: 0%;
left: -70%;
right: auto;
}
.testimonial-slider-right-button:hover {
background-color: var(--color--secondary);
color: var(--white);
border-color: rgba(0, 0, 0, 0);
}
.testimonial-slider-left-arrow,
.testimonial-slider-right-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.blog-section.section-bottom-gap.margin-top-30px {
margin-top: -30px;
}
.section-bottom-gap {
padding-bottom: 100px;
}
.breadcrumb-summary {
margin-bottom: 0;
}
.bradcrumb-summary-wrap.max-width-811px {
max-width: 818px;
}
.about-us-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
display: flex;
}
.about-us-title {
color: var(--white);
}
.about-us-excerpt-wrap.max-width-567px {
max-width: 400px;
margin-top: 12px;
}
.about-us-excerpt {
color: var(--white);
font-size: 18px;
}
.about-us-button-wtap {
margin-top: 30px;
display: inline-block;
}
.about-us-center-shape {
width: 80px;
margin-left: auto;
margin-right: auto;
display: none;
}
.about-us-image-image-grid {
grid-column-gap: 20px;
grid-row-gap: 0px;
background-image: url("../660116d9fb3d1aa198504c76_About%20Us%20Dotted%20BG.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.about-us-image-image-grid.min-width-346px {
background-position: 50%;
background-size: auto;
min-width: 346px;
min-height: 305px;
}
.about-us-upper-circle {
background-color: var(--color--neutral-two);
border-radius: 100%;
width: 132px;
height: 132px;
}
.about-us-upper-circle.max-width-205px {
width: 205px;
height: 205px;
}
.about-us-lower-circle {
background-color: #43b97f;
border-radius: 100%;
width: 132px;
height: 132px;
}
.about-us-lower-circle.max-width-205px {
width: 205px;
height: 205px;
}
.about-us-upper-image,
.about-us-lower-image {
z-index: 55;
position: relative;
}
.about-us-bottom-image-wrap {
z-index: 44;
border-radius: 40px;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.why-choose-us-section.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
background-image: url("../65ed2db4c18a5b00e183e33f_Breadcrumb%20Right%20BG%20Img.png"),
url("../65ed2d6bd9252c7b9ce2e65a_Breadcrumb%20Left%20BG%20Img.png"),
url("../65ed2db4c18a5b00e183e33f_Breadcrumb%20Right%20BG%20Img.png"),
url("../65ed2d6bd9252c7b9ce2e65a_Breadcrumb%20Left%20BG%20Img.png");
background-position: 0 100%, 100% 0, 100% 100%, 0 0;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
background-size: 45%, 45%, 45%, 45%;
}
.why-choose-us-section.bg-color-05041d {
background-color: var(--color--secondary);
}
.why-choose-us-section.top-gap {
margin-top: 290px;
}
.why-choose-us-single-card {
border: 1px solid var(--color--primary);
border-radius: 12px;
padding: 25px;
}
.why-choose-us-summary {
color: var(--color--neutral-three);
font-size: 18px;
}
.why-choose-us-summary.text-16px {
font-size: 16px;
}
.our-mission-section.bg-shape {
background-image: url("../65ffbd0b38088944d680a4bc_WCU%20Left%20BG%20Shape.png"),
url("../65ffbd2aa5efd4c62c34e519_WCU%20Right%20BG%20Shape.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 45%, 45%;
}
.our-mission-section.top-gap {
margin-top: 250px;
}
.our-mission-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
justify-items: stretch;
display: flex;
}
.our-mission-wrapper.display-block {
display: block;
}
.our-mission-content-block {
max-width: 500px;
}
.our-mission-content-block.margin-top-16px {
margin-top: 16px;
}
.our-mission-image-block {
border-radius: 32px;
padding: 20px;
position: relative;
overflow: hidden;
}
.our-mission-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.our-single-mission-card {
background-color: #f3f2f4;
border-radius: 12px;
padding: 20px 20px 24px;
}
.our-mission-card-conntent {
margin-top: 15px;
}
.our-mission-title {
max-width: 300px;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.our-mission-summary {
color: var(--color--neutral-three);
margin-top: 8px;
margin-bottom: 0;
font-size: 16px;
}
.our-mission-summary.margin-top-16px {
margin-top: 16px;
}
.our-mission-upper-shape-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 200px;
display: flex;
position: absolute;
top: -37px;
left: 0;
}
.our-vision-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.our-vision-image-block {
border-radius: 20px;
padding: 20px;
position: relative;
overflow: hidden;
}
.our-vision-content-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.our-vision-upper-shape-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 200px;
display: flex;
position: absolute;
top: -37px;
left: 0;
}
.our-vision-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 25px;
padding-left: 0;
list-style-type: none;
display: flex;
overflow: hidden;
}
.our-vision-list-item {
background-image: url("../65ee9ef7ff06a331aa6e1ed2_Check Icon.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
padding-left: 35px;
list-style-type: disc;
}
.our-vision-list-item-title {
color: var(--color--secondary);
font-size: 20px;
font-weight: 400;
line-height: 1.3;
}
.our-vision-list-item-summary {
color: #4f4f4f;
margin-top: 10px;
margin-bottom: 0;
font-size: 16px;
}
.our-vision-image-wrap {
border-radius: 12px;
overflow: hidden;
}
.working-process-section {
background-image: url("../6600e63493d4fbc7d7dec6fb_Working%20process%20BG%20Right.png"),
url("../6600e6174e9cb26a2fe38dcb_Working%20process%20BG%20Left.png");
background-position: 100% 0, 0 0;
background-repeat: no-repeat, no-repeat;
background-size: 15%, 25%;
}
.working-process-section.section-y-axis-gap.margin-top-30px {
margin-top: -30px;
}
.working-process-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.working-process-curve-shape {
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: block;
max-width: 250px;
}
.working-process-content-block {
max-width: 500px;
padding-left: 20px;
position: relative;
overflow: hidden;
}
.working-process-single-card-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 32px;
display: flex;
}
.working-process-single-card {
background-color: #f8f4ff;
border-radius: 12px;
max-height: 204px;
padding: 20px;
}
.working-process-left-line-wrap {
background-color: #95D9F9;
width: 2px;
height: 90%;
position: absolute;
top: 90px;
}
.line-circle-one {
z-index: 10;
background-color: var(--white);
outline-color: var(--color--primary);
outline-offset: 0px;
border-radius: 100%;
outline-width: 4px;
outline-style: solid;
width: 13px;
height: 13px;
position: absolute;
top: 0%;
bottom: auto;
left: 50%;
right: 0%;
transform: translate(-50%);
}
.working-process-title {
margin-bottom: 16px;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.working-process-summary {
color: var(--color--neutral-three);
margin-bottom: 12px;
font-size: 16px;
}
.line-circle-two,
.line-circle-three,
.line-circle-four,
.line-circle-five,
.line-circle-six,
.line-circle-seven {
z-index: 10;
background-color: var(--white);
outline-color: var(--color--primary);
outline-offset: 0px;
border-radius: 100%;
outline-width: 4px;
outline-style: solid;
width: 13px;
height: 13px;
margin-top: 220px;
position: relative;
bottom: auto;
left: 50%;
right: 0%;
transform: translate(-50%);
}
.line-circle-eight {
z-index: 10;
background-color: var(--white);
outline-color: var(--color--primary);
outline-offset: 0px;
border-radius: 100%;
outline-width: 4px;
outline-style: solid;
width: 13px;
height: 13px;
margin-top: 220px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
transform: translate(-50%);
}
.line-center-item {
z-index: 9;
background-color: #E0C800;
width: 2px;
height: 100%;
position: absolute;
top: 0;
bottom: 0%;
left: 0%;
right: 0%;
}
.page-y-axis-gap {
padding-top: 190px;
padding-bottom: 80px;
}
.about-us-content-wrap.min-width-723px {
position: relative;
}
.page-title {
margin-top: 20px;
margin-bottom: 20px;
font-size: 50px;
line-height: 1.25;
}
.about-us-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
position: relative;
}
.about-us-grid.margin-y-axis-bottom {
margin-top: 0;
}
.about-us-image-grid {
grid-column-gap: 20px;
grid-row-gap: 0px;
background-image: url("../65ffab37120ce9183069f125_About%20Us%20Dotted%20Shape.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.about-us-circle-shape {
position: absolute;
top: -28px;
bottom: auto;
left: auto;
right: -28px;
}
.about-us-right-shape {
display: none;
position: absolute;
top: 50%;
bottom: 0%;
left: auto;
right: -120px;
}
.section-heading-and-shape-block {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.section-title-and-border-wrap.max-width-562px {
justify-content: flex-start;
align-items: flex-end;
max-width: 562px;
position: relative;
}
.bottom-border-line {
background-color: var(--color--secondary);
width: 74px;
height: 1px;
position: absolute;
top: auto;
bottom: 24%;
left: auto;
right: 25%;
}
.our-mission-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.why-choose-us-content-block {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.why-choose-us-image-block {
position: relative;
}
.why-choose-us-card-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 30px;
display: flex;
}
.why-choose-us-card {
grid-column-gap: 32px;
grid-row-gap: 32px;
align-items: center;
display: flex;
}
.why-chose-us-icon-wrap {
flex: 0 auto;
}
.why-choose-us-bg-wrap {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.upper-right-bg {
border-radius: var(--border-radius--12);
background-color: #43b97f;
justify-content: center;
align-items: center;
width: 317px;
height: 345px;
position: absolute;
top: -20px;
bottom: auto;
left: auto;
right: -20px;
}
.lower-left-bg {
position: absolute;
top: auto;
bottom: -20px;
left: -20px;
right: auto;
}
.why-choose-us-image-wrap {
z-index: 10;
border-radius: 12px;
position: relative;
overflow: hidden;
}
.whu-choose-us-shape-wrap {
justify-content: flex-start;
align-items: center;
width: 200px;
display: flex;
position: absolute;
top: -37px;
left: 0;
}
.whu-choose-us-shape-wrap.move-center {
left: 180px;
}
.section-heading-wrap {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.section-heading-wrap.position-sticky {
height: 100%;
min-height: 500px;
top: 5%;
}
.about-us-shape {
position: absolute;
top: -28px;
bottom: auto;
left: auto;
right: -28px;
}
.about-us-right-upper-shape {
mix-blend-mode: screen;
}
.why-choose-us-upper-circle-shape {
position: absolute;
top: -15px;
bottom: auto;
left: auto;
right: 0%;
}
.about-us-play-button-wrap {
z-index: 99;
cursor: pointer;
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.play-button-lightbox {
width: 100%;
height: 100%;
}
.play-button-wrap {
z-index: 4;
background-color: #fff;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.play-button-icon {
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: 3px;
display: flex;
}
.play-wave-one {
z-index: 3;
opacity: 0.4;
background-color: #fff;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.play-wave-two {
z-index: 2;
opacity: 0.3;
background-color: #fff;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
box-shadow: 0 15px 25px rgba(255, 182, 12, 0.2);
}
.about-us-image-wrap-version-two {
background-image: url("../65f7ceccab77ff98f4314a35_Funfact%20Number%20BG.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 448px;
height: 324px;
display: flex;
position: relative;
}
.about-us-image-wrap-version-two.max-width-296px {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url("../6603bc88feac2d83061b9830_Who%20we%20are%20BG.png");
background-size: contain;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 296px;
height: 214px;
}
.about-us-upper-image-wrap-version-two {
position: absolute;
top: -39px;
left: -70px;
}
.about-us-upper-image-wrap-version-two.move-lower {
position: absolute;
top: -25px;
left: -22px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
-o-border-radius: 12px;
}
.about-us-lower-image-wrap-version-two {
position: absolute;
bottom: -39px;
right: -70px;
}
.about-us-lower-image-wrap-version-two.move-upper {
bottom: -39px;
right: -22px;
}
.about-curve-shape {
position: absolute;
top: -16%;
bottom: auto;
left: auto;
right: -5%;
}
.about-us-circle-shape-virsion-two {
/* background-color: #43b97f; */
border-radius: 100%;
width: 87px;
height: 87px;
position: absolute;
bottom: -17px;
left: -13px;
}
.about-us-circle-shape-virsion-two.width-57px {
width: 57px;
height: 57px;
}
.portfolio-image-container {
position: relative;
overflow: hidden;
}
.portfolio-image-container.radius-12px {
border-radius: 12px;
}
.portfolio-image-container.radius-16px {
cursor: none;
border-radius: 16px;
}
.portfolio-image-container.radius-20px {
border-radius: 20px;
}
.portfolio-button-wrap {
z-index: 9;
pointer-events: auto;
cursor: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden;
}
.portfolio-image-dark-overlay {
opacity: 0;
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.portfolio-item-two-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 5fr 7fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
justify-items: stretch;
margin-top: 50px;
display: grid;
}
.portfolio-item-one-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 8fr 5fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
justify-items: stretch;
margin-top: 50px;
display: grid;
}
.portfolio-tabs-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 320px 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.portfolio-tabs-menu {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: var(--border-radius--16);
border: 1px solid #a7a7a7;
flex-flow: column;
align-items: flex-start;
min-width: 250px;
max-height: 446px;
padding: 20px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 15%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.portfolio-single-tab-link {
background-color: rgba(0, 0, 0, 0);
border-radius: 8px;
width: 100%;
padding: 12px 0 12px 20px;
transition: color 0.3s, background-color 0.3s;
}
.portfolio-single-tab-link:hover {
background-color: var(--color--primary);
color: var(--white);
}
.portfolio-single-tab-link.w--current {
background-color: var(--color--primary);
color: var(--white);
border-radius: 8px;
display: block;
}
.portfolio-tab-menu-text {
font-size: 18px;
line-height: 1.3;
}
.portfolio-paginate-button {
margin-top: 50px;
}
.services-single-item {
z-index: 10;
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid #a7a7a7;
border-radius: 20px;
align-items: flex-start;
padding: 20px;
transition: box-shadow 0.5s;
display: flex;
position: relative;
}
.services-single-item:hover {
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08);
}
.services-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.services-collection-list.display-block {
display: block;
}
.services-list-items {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
display: block;
}
.services-list-items:nth-child(odd) {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 452px 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
}
.services-list-items:nth-child(2n) {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row-reverse;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
align-items: center;
justify-items: center;
}
.services-title-link {
color: var(--color--secondary);
text-decoration: none;
transition: color 0.3s;
display: block;
}
.services-title-link:hover {
color: var(--color--primary);
}
.services-title {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
}
.services-title.text-40px {
font-size: 32px;
line-height: 1.3;
}
.services-summary.margin-bottom-32px {
margin-top: 13px;
margin-bottom: 25px;
}
.services-summary.margin-bottom-22px {
margin-top: 12px;
margin-bottom: 20px;
}
.learn-more-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--color--secondary);
align-items: center;
margin-top: 20px;
text-decoration: none;
transition: color 0.3s;
display: flex;
}
.learn-more-link:hover {
color: var(--color--primary);
}
.learn-more-link.margin-top-22px {
margin-top: 15px;
}
.learn-more-text {
font-size: 18px;
text-decoration: none;
}
.learn-more-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.services-content-block {
max-width: 532px;
padding: 30px;
}
.services-content-block.right-border {
border-right: 1px solid var(--color--neutral-three);
}
.services-content-block.left-border {
border-left: 1px solid var(--color--neutral-three);
}
.services-image-block {
border-radius: 8px;
max-width: 422px;
position: relative;
overflow: hidden;
}
.services-item {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-bottom: 1px solid var(--color--neutral-three);
grid-template-rows: auto;
grid-template-columns: 452px 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: center;
display: grid;
}
.services-item.flex-direction-change.remove-bottom-border {
border-bottom-style: none;
}
.services-list-item ul {
grid-column-gap: 7px;
grid-row-gap: 7px;
flex-flow: column;
padding-left: 20px;
display: flex;
}
.services-image-link {
border-radius: 8px;
display: block;
position: relative;
overflow: hidden;
}
.why-choose-us-circle {
position: absolute;
top: -15px;
bottom: auto;
left: auto;
right: 0%;
}
.pagination-button-wrap {
margin-top: 50px;
}
.blog-single-card {
background-color: #fff;
border-radius: 12px;
max-height: 276px;
position: relative;
overflow: hidden;
}
.blog-card-bg-image-wrap {
z-index: 1;
border-radius: var(--border-radius--12);
position: relative;
overflow: hidden;
}
.blog-list-items.radius-12px {
border-radius: var(--border-radius--12);
}
.blog-card-bg-image {
z-index: 2;
width: 100%;
}
.image-overllay {
z-index: 5;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.blog-content-wrap {
z-index: 99;
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: space-between;
align-items: center;
padding: 40px;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.blog-content-wrap.border-bottom {
border-bottom: 1px solid #a7a7a7;
}
.blog-meta-and-title-block {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: column;
display: flex;
}
.blog-button-link {
border: 1px solid var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 66px;
height: 66px;
display: flex;
}
.blog-button-arrow {
color: var(--color--neutral-three);
justify-content: center;
align-items: center;
display: flex;
}
.blog-summary {
color: var(--color--neutral-three);
margin-bottom: 0;
font-size: 16px;
}
.contact-us-wrapper.bg-color-f8f4ff {
background-color: var(--color--neutral-one);
border-radius: 20px;
padding: 40px;
}
.contact-us-wrapper.display-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
overflow: hidden;
}
.contact-us-card-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.contact-us-single-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.contact-us-single-card.bg-color-d4e8e5 {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #d4e8e5;
flex-flow: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.contact-us-single-card.bg-color-d3d4f6 {
background-color: #d3d4f6;
padding: 20px;
}
.contact-us-single-card.bg-color-f7e5d1 {
background-color: #f7e5d1;
padding: 20px;
}
.contact-us-card-icon-wrap {
border-radius: 100%;
justify-content: center;
align-items: center;
width: 74px;
height: 74px;
display: flex;
}
.contact-us-card-icon-wrap.bg-color-a9dac6 {
background-color: #a9dac6;
}
.contact-us-card-icon-wrap.bg-color-a7afec {
background-color: #a7afec;
}
.contact-us-card-icon-wrap.bg-color-f6d29a {
background-color: #f6d29a;
}
.contact-us-card-info-wrap {
grid-column-gap: 3px;
grid-row-gap: 3px;
flex-flow: column;
display: flex;
}
.contact-us-info-name {
color: var(--black);
text-align: center;
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
line-height: 1.33;
}
.contact-us-info-link {
color: var(--color--secondary);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
text-decoration: none;
transition: color 0.3s;
}
.contact-us-info-link:hover,
.contact-us-info-link.color-3f54d3 {
color: var(--color--primary);
}
.contact-us-info-link.color-3f54d3:hover {
color: var(--black);
}
.contact-us-info-link.color-43b97f {
color: #43b97f;
}
.contact-us-info-link.color-43b97f:hover {
color: var(--black);
}
.contact-us-info-link.color-white {
color: var(--white);
}
.contact-us-info-link.color-white.text-16px {
font-size: 16px;
}
.contact-us-info-link.color-white.text-16px:hover {
color: var(--color--primary);
}
.contact-us-info {
color: var(--color--secondary);
text-align: center;
font-size: 18px;
font-weight: 300;
line-height: 1.6;
text-decoration: none;
transition: color 0.3s;
}
.contact-us-form-block {
margin-bottom: 0;
}
.contact-us-form-block.margin-top-60px {
margin-top: 50px;
}
.contact-us-form-block.padding-36px {
background-color: var(--color--neutral-one);
border-radius: 20px;
margin-bottom: 0;
padding: 25px;
}
.contact-us-form-block.padding-40px {
background-color: var(--color--neutral-one);
border-radius: 20px;
margin-bottom: 0;
padding: 30px;
}
.contact-us-form-block.padding-40px.radius {
border-top-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form-text-field {
color: var(--color--secondary);
margin-bottom: 16px;
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.3;
}
.form-input-field {
border-radius: var(--border-radius--12);
color: var(--color--secondary);
height: 50px;
padding: 20px;
font-weight: 300;
}
.form-input-field:focus {
border: 1px solid var(--color--primary);
}
.form-input-field.margin-bottom {
margin-top: 10px;
margin-bottom: 30px;
}
.form-single-item-block.margin-top-36px {
margin-top: 25px;
}
.form-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
justify-items: stretch;
display: grid;
}
.form-text-area-field {
border-radius: var(--border-radius--12);
margin-bottom: 0;
padding: 20px;
margin-bottom: 20px;
}
.form-text-area-field.minimum-height-290px {
color: var(--color--secondary);
min-height: 200px;
font-family: Lexend, sans-serif;
font-size: 16px;
font-weight: 300;
}
.form-text-area-field.minimum-height-290px:focus {
border: 1px solid var(--color--primary);
}
.form-text-area-field.minimum-height-184px {
color: var(--color--secondary);
min-height: 150px;
font-family: Lexend, sans-serif;
font-size: 16px;
font-weight: 300;
}
.form-text-area-field.minimum-height-184px:focus {
border: 1px solid var(--color--primary);
}
.submit-button {
background-color: var(--color--secondary);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 40px;
padding: 15px 25px;
transition: border 0.3s, background-color 0.3s, color 0.3s;
}
.submit-button:hover {
border-color: var(--color--secondary);
color: var(--black);
background-color: rgba(0, 0, 0, 0);
}
.submit-button.margin-top-40px {
margin-top: 30px;
}
.contact-us-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 4.5fr 6.5fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.contact-us-info-block.bg-color-05041d {
background-color: #05041d;
padding: 30px;
}
.contact-us-info-heading-wrap {
margin-bottom: 20px;
}
.contact-us-info-heading-wrap.border-bottom {
border-bottom: 1px solid #a7a7a7;
margin-bottom: 0;
padding-bottom: 25px;
}
.contact-us-info-title {
line-height: 1.3;
}
.contact-us-info-title.color-white {
color: var(--white);
}
.contact-us-info-excerpt {
color: var(--color--neutral-three);
margin-top: 12px;
margin-bottom: 0;
}
.contact-us-info-excerpt.color-white {
color: var(--white);
}
.contact-us-info-card-wrap.margin-top-40px {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
margin-top: 25px;
display: flex;
}
.contact-us-info-card-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-top: 1px solid #a7a7a7;
justify-content: flex-start;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.contact-us-card-icon-block {
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.contact-us-card-icon-block.bg-color-3f54d3 {
background-color: var(--color--primary);
}
.contact-us-card-icon-block.bg-color-43b97f {
background-color: #43b97f;
}
.contact-us-card-icon-block.bg-color-f4a718 {
background-color: var(--color--neutral-two);
}
.contact-us-card-icon-block.bg-color-616171 {
background-color: #616171;
}
.contact-us-info-wrap {
font-size: 20px;
font-weight: 500;
line-height: 1.3;
}
.contact-us-info-title-text {
margin-bottom: 12px;
}
.contact-us-info-title-text.color-white {
color: var(--white);
}
.contact-us-info-title-text.color-white.text-20px {
font-size: 18px;
}
.contact-us-info-text {
color: var(--color--neutral-three);
margin-bottom: 16px;
font-size: 16px;
font-weight: 300;
}
.contact-us-address {
color: var(--color--neutral-two);
text-align: left;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
text-decoration: none;
transition: color 0.3s;
}
.contact-us-address:hover {
color: var(--color--neutral-two);
}
.contact-us-address.color-white {
color: var(--white);
margin-top: 15px;
}
.contact-us-address.color-white.text-16px {
font-size: 16px;
}
.contact-us-info-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
background-color: #1e1d34;
border-radius: 12px;
justify-content: flex-start;
align-items: flex-start;
padding: 16px 16px 20px;
display: flex;
}
.contact-us-info-flex {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
}
.contact-us-info-separator {
background-color: var(--white);
border-radius: 100%;
width: 5px;
height: 5px;
}
.license-info-card {
border-radius: 16px;
overflow: hidden;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
}
.license-heading {
color: #fff;
text-align: center;
margin-bottom: 0;
font-size: 38px;
}
.license-details-wrapper {
padding: 20px;
}
.license-summary {
margin-top: 0;
margin-bottom: 20px;
}
.license-info-card-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
display: grid;
}
.license-heading-block {
background-color: var(--color--primary);
padding-top: 20px;
padding-bottom: 20px;
}
.read-more-button {
color: var(--color--primary);
cursor: pointer;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition-property: color;
transition-duration: 0.3s;
}
.read-more-button:hover {
color: var(--color--secondary);
}
.changelog-info-card {
background-color: var(--color--primary);
border-radius: 15px;
width: 550px;
margin-left: auto;
margin-right: auto;
padding: 40px 70px;
}
.changelog-heading {
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 1.5;
}
.released-date-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.initial-release {
color: #070707;
text-align: center;
background-color: #fff;
border-radius: 5px;
padding: 10px;
line-height: 1.5;
}
.release-date {
color: #fff;
line-height: 1.5;
}
.changelog-release-text {
color: #fff;
text-align: center;
line-height: 1.5;
}
.changelog-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
max-width: 550px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.password-text-field {
font-weight: 400;
}
._404-excerpt {
color: var(--color--neutral-three);
margin-top: 10px;
margin-bottom: 25px;
}
._404-image {
margin-bottom: 30px;
}
.portfolio-details-section {
padding-top: 70px;
}
.portfolio-details-image-block {
border-radius: var(--border-radius--32);
background-color: #ededed;
padding: 15px;
position: relative;
overflow: hidden;
}
.portfolio-details-image {
z-index: 5;
border-radius: 32px;
}
.portfolio-project-details-block {
justify-content: space-between;
align-items: center;
display: flex;
}
.project-details-title {
font-size: 20px;
font-weight: 500;
line-height: 1.33;
}
.project-details-text {
margin-top: 12px;
font-size: 18px;
}
.project-details-border {
background-color: #959595;
width: 1px;
height: 42px;
overflow: hidden;
}
.details-separator-border {
background-color: #959595;
width: 100%;
height: 1px;
margin-top: 30px;
margin-bottom: 30px;
}
.project-details-content-block {
margin-top: 30px;
padding-left: 30px;
padding-right: 30px;
}
.portfolio-details-rich-text-one h2 {
margin-bottom: 12px;
}
.portfolio-details-rich-text-one h3 {
margin-top: 30px;
margin-bottom: 12px;
}
.portfolio-details-rich-text-one p {
color: var(--color--neutral-three);
font-size: 18px;
}
.portfolio-details-rich-text-one ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 30px;
margin-bottom: 0;
padding-left: 20px;
display: flex;
}
.portfolio-details-rich-text-one li {
color: var(--color--neutral-three);
font-size: 18px;
font-weight: 300;
}
.portfolio-details-rich-text-one ol {
margin-top: 30px;
margin-bottom: 30px;
padding-left: 20px;
}
.portfolio-details-rich-text-one figure {
margin-top: 40px;
margin-bottom: 40px;
}
.portfolio-details-rich-text-two h2 {
margin-bottom: 12px;
font-size: 28px;
}
.portfolio-details-rich-text-two p {
color: var(--color--neutral-three);
margin-bottom: 0;
font-size: 18px;
}
.portfolio-details-rich-text-two ul {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-flow: column;
margin-top: 30px;
margin-bottom: 30px;
padding-left: 0;
display: flex;
}
.portfolio-details-rich-text-two li {
background-image: url("../660cc8dfb2504b903f5a4044_Check%20Icon.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
font-size: 18px;
list-style-type: none;
}
.heading-curve-shape-wrap {
margin-bottom: 45px;
}
.more-portfolio-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
justify-items: stretch;
margin-top: 50px;
display: flex;
}
.services-details-section {
padding-top: 70px;
}
.services-details-image-block {
border-radius: 32px;
position: relative;
overflow: hidden;
}
.services-details-content-block {
max-width: 90%;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.services-details-rich-text-one h2 {
margin-bottom: 12px;
}
.services-details-rich-text-one p {
color: var(--color--neutral-three);
margin-bottom: 20px;
font-size: 18px;
}
.services-details-rich-text-one ul {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
margin-bottom: 0;
padding-left: 0;
display: grid;
}
.services-details-rich-text-one li {
color: var(--color--neutral-three);
background-image: url("../660cdb614ca30dcbe616f1b6_Services%20Check%20Icon.png");
background-position: 0 5%;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 45px;
font-weight: 300;
list-style-type: none;
}
.services-details-rich-text-one figure {
margin-top: 50px;
margin-bottom: 50px;
}
.services-details-rich-text-two p {
color: var(--color--neutral-three);
margin-bottom: 25px;
font-size: 18px;
}
.services-details-rich-text-two ul {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
margin-top: 50px;
margin-bottom: 30px;
padding-left: 30px;
display: flex;
}
.services-details-rich-text-two li {
color: var(--color--neutral-three);
font-size: 18px;
font-weight: 300;
}
.team-member-details-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 4fr 8fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.team-member-card {
z-index: 99;
border-radius: var(--border-radius--main);
border: 1px solid #cacaca;
padding: 16px;
position: relative;
}
.team-member-card:hover {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.team-member-card.max-width-400px {
border-color: var(--color--primary);
max-width: 400px;
transition: box-shadow 0.5s;
position: -webkit-sticky;
position: sticky;
top: 10%;
}
.team-member-rich-text-one h3 {
margin-top: 30px;
}
.team-member-rich-text-one ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
margin-top: 25px;
padding-left: 0;
list-style-type: none;
display: flex;
}
.team-member-rich-text-one li {
background-color: #eceefb;
background-image: url("../660cf5988f93e78eee176df3_Check%20Icon.png");
background-position: 20px;
background-repeat: no-repeat;
background-size: auto;
border-radius: 8px;
padding: 22px 20px 22px 60px;
font-size: 18px;
}
.team-member-skill-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 30px;
margin-bottom: 30px;
display: grid;
}
.team-member-single-skill-block {
background-color: var(--color--neutral-one);
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.skill-title {
font-size: 20px;
font-weight: 400;
}
.skill-circle-box {
background-color: var(--color--primary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
display: flex;
position: relative;
}
.center-circle {
background-color: var(--color--neutral-one);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 85%;
height: 85%;
display: flex;
}
.side-border {
background-color: #d6d3dc;
border-radius: 7px;
width: 20px;
height: 8px;
position: absolute;
top: 2%;
bottom: auto;
left: 25%;
right: auto;
transform: rotate(-18deg);
}
.side-border.width-15px {
width: 15px;
}
.side-border.width-17px {
width: 17px;
}
.skill-text {
font-size: 20px;
font-weight: 500;
line-height: 1.33;
}
.team-member-rich-text-two p {
color: var(--color--neutral-three);
font-size: 18px;
}
.team-member-rich-text-two ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: var(--color--neutral-three);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 25px;
padding-left: 0;
font-weight: 300;
list-style-type: none;
display: grid;
}
.team-member-rich-text-two li {
background-image: url("../660cdb614ca30dcbe616f1b6_Services%20Check%20Icon.png");
background-position: 0 2px;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
}
.blog-details-section {
padding-top: 70px;
}
.blog-details-image-block {
border-radius: 32px;
position: relative;
overflow: hidden;
}
.project-category-link {
color: #4f4f4f;
text-decoration: none;
transition: color 0.3s;
}
.project-category-link:hover {
color: var(--color--primary);
}
.blog-details-block {
justify-content: space-between;
align-items: center;
margin-top: 40px;
display: flex;
}
.blog-details-border {
background-color: #959595;
width: 1px;
height: 42px;
}
.blog-details-title {
font-size: 20px;
font-weight: 500;
line-height: 1.33;
}
.blog-details-text {
margin-top: 12px;
font-size: 18px;
}
.blog-details-text.color-4f4f4f {
color: var(--color--neutral-three);
}
.blog-category {
color: var(--color--neutral-three);
text-decoration: none;
transition: color 0.3s;
}
.blog-category:hover {
color: var(--color--primary);
}
.blog-author-link {
color: var(--color--neutral-three);
text-decoration: none;
transition: color 0.3s;
}
.blog-author-link:hover {
color: var(--color--primary);
}
.blog-details-rich-text-wrap {
max-width: 1015px;
margin-left: auto;
margin-right: auto;
}
.blog-details-rich-text-one p {
color: var(--color--neutral-three);
margin-bottom: 16px;
font-size: 18px;
}
.blog-details-rich-text-one ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 20px;
padding-left: 0;
list-style-type: none;
display: flex;
}
.blog-details-rich-text-one li {
color: var(--color--neutral-three);
background-image: url("../660e2250d9a069b0e4b17464_Blog%20List%20.png");
background-position: 0 3px;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
font-size: 18px;
}
.blog-details-rich-text-one figure {
margin-top: 30px;
margin-bottom: 0;
}
.blog-details-rich-text-two {
margin-top: 40px;
}
.blog-details-rich-text-two p {
color: var(--color--neutral-three);
margin-bottom: 30px;
font-size: 18px;
}
.blog-details-rich-text-two h3 {
margin-bottom: 12px;
}
.blog-details-rich-text-two ol {
grid-column-gap: 30px;
grid-row-gap: 35px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 30px;
padding-left: 0;
list-style-type: none;
display: grid;
}
.blog-details-rich-text-two li {
color: var(--color--neutral-three);
background-image: url("../660cdb614ca30dcbe616f1b6_Services%20Check%20Icon.png");
background-position: 0 5px;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
font-size: 18px;
font-weight: 300;
}
.blog-details-rich-text-two h4 {
color: var(--color--secondary);
font-size: 22px;
font-weight: 500;
}
.case-study-details-section {
padding-top: 70px;
}
.case-study-details-image-block {
border-radius: 32px;
position: relative;
overflow: hidden;
}
.case-study-details-rich-text-wrap {
max-width: 1015px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.case-study-rich-text-one p {
color: var(--color--neutral-three);
margin-bottom: 10px;
font-size: 20px;
}
.case-study-rich-text-one ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
margin-top: 25px;
padding-left: 20px;
display: flex;
}
.case-study-rich-text-one li {
color: var(--color--neutral-three);
font-size: 18px;
font-weight: 300;
}
.case-study-rich-text-one figure {
margin-top: 50px;
margin-bottom: 0;
}
.case-study-rich-text-two {
margin-top: 50px;
}
.case-study-rich-text-two p {
color: var(--color--neutral-three);
margin-bottom: 20px;
font-size: 18px;
}
.case-study-rich-text-two ul {
grid-column-gap: 30px;
grid-row-gap: 25px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 25px;
padding-left: 0;
list-style-type: none;
display: grid;
}
.case-study-rich-text-two li {
color: var(--color--neutral-three);
background-image: url("../660cdb614ca30dcbe616f1b6_Services%20Check%20Icon.png");
background-position: 0 5px;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
font-size: 18px;
font-weight: 300;
}
.case-study-rich-text-two figure {
margin-top: 50px;
margin-bottom: 0;
}
.case-study-rich-text-three {
margin-top: 50px;
}
.case-study-rich-text-three p {
color: var(--color--neutral-three);
margin-bottom: 20px;
font-size: 18px;
}
.case-study-rich-text-three ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
margin-bottom: 40px;
padding-left: 0;
list-style-type: none;
display: flex;
}
.case-study-rich-text-three li {
color: var(--color--neutral-three);
background-image: url("../660e2250d9a069b0e4b17464_Blog%20List%20.png");
background-position: 0 5px;
background-repeat: no-repeat;
background-size: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 40px;
font-size: 18px;
font-weight: 300;
}
.case-study-rich-text-three figure {
margin-top: 50px;
margin-bottom: 0;
}
.nav-dropdown-link-wrap {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
min-width: 200px;
padding: 20px;
text-decoration: none;
}
.nav-dropdown-menu-link {
color: var(--color--neutral-three);
margin-bottom: 5px;
padding: 5px 0;
font-size: 18px;
font-weight: 300;
line-height: 1.5;
transition: color 0.3s, transform 0.3s;
}
.nav-dropdown-menu-link:hover {
color: var(--color--primary);
padding-left: 0;
line-height: 1.5;
transform: translate(5px);
}
.nav-dropdown-menu-link:focus-visible {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-menu-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-menu-link.w--current {
color: var(--color--primary);
}
.blog-author-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.blog-author-image-block {
border: 2px solid var(--color--primary);
border-radius: 100%;
flex: none;
width: 250px;
height: 250px;
overflow: hidden;
}
.blog-author-social {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
margin-top: 20px;
display: flex;
}
.blog-autor-social-link {
border: 1px solid var(--color--neutral-three);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
display: flex;
}
.blog-autor-bio {
margin-top: 20px;
margin-bottom: 0;
}
.zylivo-link {
color: var(--color--primary);
text-decoration: none;
transition: color 0.3s;
}
.zylivo-link:hover,
.zylivo-link.text-white {
color: var(--white);
}
.zylivo-link.text-white:hover {
color: var(--color--primary);
}
.link-separartor {
background-color: #fff;
border-radius: 50%;
width: 10px;
height: 10px;
}
.preview-page-name {
z-index: 3;
background-color: var(--color--primary);
color: #fff;
text-align: center;
border-radius: 40px;
justify-content: center;
align-items: center;
width: 170px;
margin-bottom: 15px;
padding: 10px;
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 400;
position: absolute;
top: auto;
bottom: 0%;
left: 50%;
right: 0%;
transform: translate(-50%);
}
.preview-page-name.width-increase {
width: 200px;
}
.preview-container-fluid {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.essential-feature-section {
background-color: var(--white);
}
.preview-paly-icon {
padding-top: 3px;
padding-left: 3px;
line-height: 1;
}
.preview-section-masonry {
column-count: 3;
column-gap: 22px;
}
.preview-surprises-blurry-block {
background-color: var(--color--primary);
opacity: 0.66;
filter: blur(89px);
border-radius: 50%;
width: 174px;
height: 174px;
margin: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.preview-small-heading {
font-size: 18px;
}
.preview-surprises-content-excerpt {
margin-top: 16px;
}
.preview-footer-link-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
display: flex;
}
.preview-container-default {
z-index: 2;
max-width: 960px;
padding-left: 15px;
padding-right: 15px;
}
.template-showcase-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.preview-surprises-content-block {
max-width: 450px;
}
.preview-footer-title {
color: #fff;
margin-bottom: 20px;
font-size: 34px;
}
.template-feature-icon-block {
text-align: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
line-height: 100px;
display: flex;
box-shadow: 0 10px 45px rgba(0, 0, 0, 0.08);
}
.preview-hero-front-image {
margin-bottom: -20px;
}
.nav-dropdown-link-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
line-height: 1.33;
text-decoration: none;
display: flex;
}
.preview-suprises-section {
position: relative;
}
.preview-hero-section {
z-index: 1000;
background-color: var(--color--primary);
background-image: url("../661cc714926e82c8f0e88ca4_Preview%20Landing%20Hero.png"),
url("../661cc6bb491ead7e4001c7e7_Preview%20Hero%20Dotted%20Shape.png");
background-position: 0 0, 100% 0;
background-repeat: no-repeat, no-repeat;
background-size: 10%, 10%;
padding-top: 200px;
}
.preview-hero-front-image-block {
text-align: center;
}
.preview-single-template-feature {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 35px 20px;
box-shadow: 8px 0 25px rgba(0, 0, 0, 0.05);
}
.preview-single-template-feature.text-center {
text-align: center;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
}
.preview-footer-content-block {
z-index: 2;
text-align: center;
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding: 105px 15px 80px;
position: relative;
}
.preview-surprise-title {
margin-top: 16px;
}
.preview-single-page {
cursor: pointer;
text-decoration: none;
display: block;
position: relative;
}
.button-inline-block {
display: inline-block;
}
.preview-image {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
}
.play-button-pulse-one {
z-index: -1;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 100%;
position: absolute;
top: 50%;
bottom: auto;
left: 50%;
right: auto;
transform: translate(-50%, -50%);
}
.preview-surprises-box-block {
grid-column-gap: 44px;
grid-row-gap: 44px;
background-image: linear-gradient(
-89.91deg,
rgba(245, 245, 245, 0.7),
rgba(248, 248, 248, 0) 63%
);
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
position: relative;
}
.preview-surprises-box-block.padding-top-bottom {
background-image: linear-gradient(
90deg,
rgba(248, 248, 248, 0.3),
rgba(248, 248, 248, 0.5) 63%
);
border-radius: 10px;
margin-top: 60px;
margin-bottom: 60px;
padding: 60px 10px;
overflow: hidden;
}
.preview-surprises-box-block.padding-top-bottom.minus-bottom-padding {
margin-bottom: 0;
}
.surprises-image {
z-index: 1;
position: relative;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
.preview-footer-lower {
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.preview-video-lightbox-block {
color: var(--color--secondary);
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
transition: color 0.3s;
display: flex;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
.preview-video-lightbox-block:hover {
color: var(--color--primary);
}
.preview-sections {
background-image: url("../661ce08e6de8b49ee9df385a_Reusable%20Section%20BG.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
position: relative;
}
.template-showcase-section {
background-color: #0c222c;
position: relative;
}
.template-showcase-section.section-y-axis-gap {
background-color: rgba(0, 0, 0, 0);
background-image: linear-gradient(140deg, #f0efea, #fff2ed);
}
.preview-hero-video-button {
z-index: 9;
width: 70px;
height: 70px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
bottom: auto;
left: 0;
right: 0;
}
.preview-footer-link {
color: #fff;
text-decoration: none;
transition: color 0.2s;
}
.preview-footer-link:hover {
color: var(--color--primary);
}
.preview-feature-section {
background-color: #fffdf6;
position: relative;
}
.preview-feature-section.section-y-axis-gap {
background-color: var(--white);
}
.preview-hero-video-button-block {
z-index: 9;
position: relative;
}
.preview-cta-section {
position: relative;
}
.preview-thumb {
border-radius: 10px;
overflow: hidden;
}
.preview-hero-excerpt {
color: #fff;
max-width: 700px;
margin-top: 15px;
margin-bottom: 0;
}
.preview-feature-content {
text-align: center;
margin-top: 24px;
}
.preview-footer-copyright-text {
color: #fff;
}
.preview-footer-excerpt {
color: #fff;
max-width: 650px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.preview-footer-section {
background-color: var(--color--secondary);
background-image: url("../661d110e87d62097f59e5f51_Footer%20BG.png");
background-position: 50%;
background-repeat: repeat;
background-size: auto;
position: relative;
}
.preview-single-page-block {
border-radius: 8px;
overflow: hidden;
box-shadow: 0 0 20px 3px rgba(255, 255, 255, 0.1);
}
.preview-section-title.max-width-900px {
max-width: 690px;
}
.copyright-link-white {
color: #fff;
text-decoration: none;
transition: color 0.3s;
}
.copyright-link-white:hover {
color: var(--color--primary);
}
.surprises-image-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.preview-lower-footer-container {
border-top: 1px solid rgba(255, 255, 255, 0.5);
justify-content: space-between;
align-items: center;
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.preview-hero-text-block {
z-index: 9;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 960px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.preview-title {
color: #fff;
margin-bottom: 10px;
font-family: Lexend, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.2;
}
.preview-section-title-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 850px;
margin-bottom: 72px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.preview-section-title-block.margin-top {
margin-top: 100px;
}
.preview-footer-button-block {
z-index: 2;
}
.surprises-image-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.preview-surprises-image-block {
position: relative;
}
.preview-essential-features-grid-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.preview-feature-excerpt {
color: #333;
text-align: center;
margin-top: 10px;
font-size: 16px;
font-weight: 400;
}
.preview-feature-icon-wrap {
background-color: #fff2e7;
border-radius: 8px;
padding: 30px 80px;
}
.preview-feature-icon-wrap.icon-two {
background-color: #f1f2ff;
}
.preview-feature-icon-wrap.icon-three {
background-color: rgba(255, 216, 112, 0.2);
}
.preview-small-title {
white-space: nowrap;
margin-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
.preview-feature-inner {
border-radius: 8px;
flex-direction: column;
align-items: center;
padding: 30px;
display: flex;
}
.preview-feature-inner.feature-three {
border: 1px dashed #ff7659;
justify-content: center;
}
.preview-feature-inner.feature-two {
border: 1px dashed #003d2b;
justify-content: center;
padding-left: 30px;
padding-right: 30px;
}
.preview-feature-inner.feature-one {
border: 1px dashed #ff7659;
justify-content: center;
}
.preview-feature-grid-box {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: stretch;
display: grid;
}
.preview-single-feature-box {
border-radius: 8px;
}
.preview-page-overlay {
z-index: 1;
background-image: linear-gradient(
rgba(196, 196, 196, 0),
rgba(7, 6, 40, 0.65)
);
width: 100%;
height: 60%;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto;
}
.preview-reusable-image {
border-radius: 5px;
margin-bottom: 18px;
transition: all 0.3s;
}
.preview-reusable-image:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
.template-feature-icon {
color: var(--color--primary);
justify-content: center;
align-items: center;
display: flex;
}
.preview-section-element-content {
text-align: center;
}
.element-section-image {
color: var(--color--primary);
display: inline-block;
}
.preview-section-element-name {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.preview-single-section-element {
outline-offset: 0px;
outline: 1px dashed rgba(0, 0, 0, 0);
transition: all 0.3s;
}
.preview-single-section-element:hover {
outline-color: var(--color--primary);
outline-offset: 5px;
}
.preview-single-section-element-inner {
background-color: #fff;
border-radius: 5px;
flex-direction: column;
width: 100%;
height: 100%;
min-height: 210px;
padding: 40px 30px 20px;
display: flex;
}
.preview-element-section {
background-color: #f0efea;
}
.preview-section-element-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
}
.preview-section-box-image {
background-color: #f8f4ff;
border-radius: 100%;
width: 66px;
height: 66px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.preview-cta-wrapper {
background-color: var(--color--primary);
background-image: url("../661cebe44614c9830715d02d_CTA%20BG%20Circle%20Secondary.png"),
url("../661cebaf46ffef2d3557e954_CTA%20BG%20Circle%20Primary.png");
background-position: 100% 100%, 80px 0;
background-repeat: no-repeat, no-repeat;
background-size: auto, auto;
border-radius: 10px;
justify-content: space-between;
align-items: center;
padding: 25px 40px;
display: flex;
}
.cta-section-title {
color: var(--white);
font-size: 30px;
}
.cta-heading-block.max-width-400px {
max-width: 400px;
}
.cta-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--white);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 5px;
justify-content: center;
align-items: center;
width: 170px;
padding: 16px 10px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.cta-button-text {
z-index: 15;
color: var(--color--secondary);
font-family: Lexend, sans-serif;
font-size: 16px;
font-weight: 400;
text-decoration: none;
position: relative;
}
.cta-button-arrow-icon {
z-index: 15;
color: var(--color--secondary);
justify-content: center;
align-items: center;
font-size: 18px;
display: flex;
position: relative;
}
.preview-surprises-content-excerpt-2 {
margin-top: 16px;
}
.preview-suprise-image {
z-index: 5;
position: relative;
}
.preview-suprise-image.upper-shape {
z-index: 3;
position: absolute;
top: 0;
left: auto;
right: 0;
}
.preview-suprise-image.main-image {
z-index: 10;
}
.preview-suprise-image.lower-shape {
position: absolute;
top: auto;
bottom: -1px;
left: -43px;
right: auto;
}
.section-subtitle-block {
display: inline-block;
}
.preview-footer-upper-content-wrap {
position: relative;
}
.about-us-right-upper-shape-wrap {
mix-blend-mode: screen;
position: absolute;
top: -15px;
bottom: auto;
left: auto;
right: -15px;
}
.portfolio-button-block {
border: 1px solid var(--color--secondary);
color: var(--color--secondary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 66.67px;
height: 66.67px;
margin-top: 50px;
display: flex;
}
.portfolio-button-block:hover {
background-color: var(--color--primary);
color: var(--white);
border-color: rgba(0, 0, 0, 0);
}
.portfolio-button-block.bg-white {
background-color: var(--white);
cursor: none;
border-style: none;
flex-flow: row;
justify-content: center;
align-items: center;
overflow: hidden;
}
.portfolio-button-block.bg-white:hover {
color: var(--black);
}
.purchase-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--color--primary);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 40px;
justify-content: center;
align-items: center;
width: 202px;
padding-top: 15px;
padding-bottom: 15px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.defualt-button-text {
z-index: 15;
color: var(--white);
font-family: Lexend, sans-serif;
font-size: 18px;
font-weight: 400;
text-decoration: none;
position: relative;
}
.scroll-to-top {
border: 3px solid var(--color--primary);
background-color: var(--color--primary);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
transition: background-color 0.3s;
display: flex;
position: fixed;
bottom: 30px;
right: 30px;
overflow: hidden;
}
.scroll-to-top:hover {
background-color: var(--color--secondary);
}
.scroll-to-top.w--current {
z-index: 999;
width: 50px;
height: 50px;
transition-property: none;
overflow: hidden;
}
.scroll-to-top.w--current:hover {
background-color: var(--color--primary);
}
.scroll-to-top-image {
position: relative;
}
.scroll-circle-primary {
background-color: var(--white);
width: 110%;
height: 110%;
position: absolute;
}
.scroll-circle-overlay {
background-color: var(--color--primary);
border-radius: 100%;
width: 85%;
height: 85%;
position: absolute;
}
.scroll-circle-secondary {
background-color: var(--white);
width: 110%;
height: 110%;
position: absolute;
}
.hero-right-shape-wrap {
position: absolute;
top: 131px;
left: auto;
right: 0;
}
.portfolio-single-card-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: center;
display: flex;
}
.portfolio-single-card-item.bg-white {
background-color: var(--white);
}
.paragraph-small {
font-size: 18px;
line-height: 1.5;
}
.style-guide-button-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
justify-items: center;
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
}
.style-guide-heading-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
justify-items: center;
width: 100%;
}
.learn-more {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--color--secondary);
align-items: center;
text-decoration: none;
transition: color 0.3s;
display: flex;
}
.learn-more:hover {
color: var(--color--primary);
}
.button-with-icon {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--color--primary);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 20px 15px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.primary-button-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.secondary-button-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: flex-start;
display: inline-flex;
}
.button-with-icon-wrap,
.learn-more-button-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
align-items: flex-start;
display: flex;
}
.typography-font-name {
color: var(--color--neutral-three);
margin-left: 20px;
font-size: 22px;
}
.typography-title.margin-bottom {
margin-bottom: 30px;
margin-left: -20px;
}
.typography-title.margin-left--20px {
margin-left: -20px;
}
.neswletter-input-field-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
align-items: flex-start;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.style-guide-input-field-wrapper {
padding-top: 80px;
}
.style-guide-input-field-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
justify-items: center;
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
}
@media screen and (min-width: 1280px) {
.container {
max-width: 1170px;
}
.section-y-axis-gap {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 0;
}
.breadcrumb-shape-one {
width: auto;
top: 100px;
left: 5px;
}
.breadcrumb-shape-two {
width: auto;
top: -22px;
right: 15px;
}
.section-heading {
font-size: 48px;
}
.style-guide-wrapper {
grid-column-gap: 70px;
grid-row-gap: 70px;
}
.footer-content-block {
justify-content: space-between;
}
.hero-wrapper {
justify-items: center;
}
.hero-wrapper.display-flex.margin-top-20px {
margin-top: 10px;
}
.single-funfact-wrap {
align-items: center;
}
.hero-image-inner {
max-width: none;
max-height: none;
}
.hero-upper-shape-wrap {
bottom: 485px;
right: -5px;
}
.about-us-wrapper.gap-70px {
grid-template-columns: 1fr 1fr;
}
.about-us-image-block {
background-image: none;
padding-top: 20px;
padding-bottom: 20px;
}
.about-us-image-block.max-width-606px {
width: 508px;
height: 561px;
}
.feature-services-special-icon {
height: 80px;
}
.slider-right-arrow-button.move-bottom {
right: 45%;
}
.team-lower-shape {
width: auto;
}
.team-details-block {
display: flex;
}
.blog-left-circle-shape-wrap {
display: block;
}
.blog-left-circle-shape {
width: 120px;
}
.hero-wrapper-version-two {
justify-items: center;
}
.hero-shape {
width: auto;
}
.service-collection-list.column-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.case-study-section.section-bottom-gap.margin-top-30px {
margin-top: -40px;
}
.brand-logo-content {
padding-left: 6%;
}
.about-us-image-container.margin-top {
padding-top: 70px;
}
.testimonial-slider-block {
max-width: 650px;
}
.testimonial-slider-left-button {
left: -74%;
}
.testimonial-slider-right-button {
left: -62%;
}
.blog-section.section-bottom-gap.margin-top-30px {
margin-top: -50px;
}
.section-bottom-gap {
padding-bottom: 120px;
}
.about-us-center-shape {
width: auto;
display: block;
}
.why-choose-us-section.top-gap {
margin-top: 390px;
}
.our-mission-section.top-gap {
margin-top: 350px;
}
.working-process-left-line-wrap {
height: 98%;
}
.page-title {
font-size: 50px;
}
.about-us-right-shape {
display: none;
}
.bottom-border-line {
bottom: 23%;
}
.portfolio-tabs-menu {
min-width: 320px;
}
.blog-author-section {
padding-top: 170px;
padding-bottom: 120px;
}
.preview-section-masonry {
flex-flow: wrap;
align-items: flex-start;
}
.preview-container-default {
max-width: 1170px;
}
.preview-surprises-content-block {
max-width: 500px;
}
.nav-dropdown-link-block {
font-size: 16px;
}
.preview-footer-content-block {
max-width: 1100px;
}
.preview-surprise-title {
font-size: 48px;
}
.preview-feature-section.section-y-axis-gap {
background-color: var(--white);
}
.preview-section-title {
font-size: 48px;
}
.preview-lower-footer-container {
max-width: 1100px;
}
.preview-hero-text-block {
max-width: 1060px;
}
.preview-title {
font-size: 52px;
}
.preview-section-title-block {
max-width: 960px;
}
}
@media screen and (min-width: 1440px) {
body {
color: var(--color--secondary);
font-family: Lexend, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 38px;
}
p {
font-size: 20px;
}
.container {
max-width: 1320px;
}
.section-y-axis-gap {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 0;
}
.header {
padding-top: 40px;
padding-bottom: 40px;
}
.nav-menu-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
}
.nav-link {
font-family: Lexend, sans-serif;
}
.nav-dropdown-list,
.nav-dropdown-list.w--open,
.nav-dropdown-list.move-left {
top: 85px;
}
.primary-button.width-182px {
padding-top: 16px;
padding-bottom: 16px;
}
.primary-button-text {
font-size: 20px;
}
.breadcrumb-section {
padding-top: 210px;
padding-bottom: 50px;
}
.breadcrumb-title-wrap.max-width-1036px {
max-width: 1036px;
}
.breadcrumb-title {
font-size: 64px;
}
.style-guide-button-wrapper,
.style-guide-icon-wrapper,
.typography-details-wrap {
padding-top: 100px;
}
.color-details-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-top: 100px;
}
.style-menu-link-wrap {
width: 320px;
}
.typography-wrapper {
padding-top: 100px;
}
.secondary-button-text {
font-size: 20px;
}
.nav-dropdown-link {
margin-bottom: 10px;
}
.newsletter-form-title {
margin-bottom: 28px;
font-size: 24px;
}
.newsletter-input-field {
color: var(--white);
width: 373px;
font-weight: 300;
}
.footer-summary {
margin-top: 28px;
}
.footer-content-block {
grid-column-gap: 100px;
grid-row-gap: 100px;
justify-content: space-between;
}
.footer-upper-section-separator-line {
margin-top: 60px;
margin-bottom: 60px;
}
.footer-pages-column {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
max-width: 600px;
display: grid;
}
.page-link {
font-size: 20px;
font-weight: 300;
}
.footer-single-page-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
display: flex;
}
.footer-title {
color: var(--white);
margin-bottom: 32px;
font-size: 20px;
line-height: 1.3;
}
.contact-email,
.contact-number,
.address {
font-size: 18px;
font-weight: 300;
}
.footer-bottom-section-separator-line {
margin-top: 40px;
}
.footer-copyright-block {
justify-content: center;
padding-top: 24px;
padding-bottom: 24px;
}
.footer-copyright-text {
font-size: 18px;
}
.hero-section {
padding-top: 200px;
padding-bottom: 80px;
}
.hero-section.bg-color-f8f4ff {
padding-bottom: 50px;
}
.hero-section.bg-shape {
padding-bottom: 50px;
}
.hero-wrapper {
grid-column-gap: 49px;
grid-row-gap: 49px;
align-items: center;
justify-items: center;
}
.hero-wrapper.margin-top-20px,
.hero-wrapper.display-flex.margin-top-20px {
margin-top: 20px;
}
.hero-content-block {
max-width: 677px;
}
.hero-image-block {
justify-content: center;
align-items: center;
}
.hero-heading-wrap {
position: relative;
}
.hero-excerpt {
max-width: 609px;
}
.hero-excerpt.max-width-531px {
max-width: 531px;
}
.group-button-block {
margin-top: 52px;
}
.hire-us-button {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.hire-us-button-arrow-icon,
.how-we-work-text {
font-size: 20px;
}
.hero-circle-shape-wrap {
margin-right: 82px;
position: absolute;
left: auto;
right: 0;
}
.funfact-number {
font-family: Lexend, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1.25;
}
.funfact-number.text-stroke {
font-size: 72px;
}
.funfact-number-block {
height: 40px;
}
.funfact-number-block.height-62px {
height: 90px;
}
.number-text-label {
color: #4f4f4f;
font-size: 16px;
line-height: 1.6;
}
.number-text-label.text-white {
font-size: 20px;
}
.single-funfact-wrap {
align-items: flex-start;
}
.single-funfact-wrap.remove-border {
padding-top: 35px;
padding-bottom: 35px;
}
.single-funfact-wrap.remove-border.remove-padding {
border-right-style: none;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.single-funfact-wrap.align-center {
padding-top: 35px;
padding-bottom: 35px;
}
.single-funfact-wrap.border-right-and-bottom {
padding-top: 35px;
padding-bottom: 36px;
}
.single-funfact-wrap.border-left-and-top {
padding-top: 35px;
padding-bottom: 35px;
}
.funfact-content-block {
grid-column-gap: 120px;
grid-row-gap: 120px;
justify-content: space-between;
align-items: center;
}
.funfact-content-block.margin-top {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
margin-top: 52px;
}
.funfact-text {
font-family: Lexend, sans-serif;
font-size: 32px;
font-weight: 500;
}
.funfact-text.text-black.text-stroke,
.funfact-text.color-white {
font-size: 72px;
}
.hero-image-inner {
background-image: url("../65efe7ac8c9490f23afb4667_Hero%20image%20BG.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 447px;
max-width: none;
height: 516px;
max-height: none;
}
.hero-upper-shape-wrap {
bottom: 440px;
right: -25px;
}
.hero-upper-shape {
height: auto;
}
.hero-image-wrap {
align-items: stretch;
justify-items: center;
}
.hero-image-wrap.display-flex {
grid-column-gap: 60px;
grid-row-gap: 60px;
margin-top: 26px;
}
.hero-upper-image-wrap {
min-width: 272px;
min-height: 434px;
margin-top: -22px;
margin-left: -35px;
}
.hero-lower-image-wrap {
margin-top: 101px;
margin-right: -81px;
}
.hero-title-and-shape-wrap {
margin-bottom: 20px;
}
.hero-upper-circle-shape {
height: auto;
margin-top: 38px;
margin-left: 65px;
position: absolute;
bottom: 23px;
left: 119px;
}
.about-us-section.bg-shape {
background-size: auto, 45%;
}
.about-us-section.bg-color-05041d {
max-height: 753px;
}
.about-us-section.bg-color-05041d.padding {
max-height: 720px;
}
.about-us-section.bg-color-05041d.y-axis-gap,
.about-us-section.padding {
padding-top: 50px;
}
.about-us-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.about-us-wrapper.gap-70px {
grid-column-gap: 74px;
grid-row-gap: 74px;
}
.about-us-wrapper.margin-top-84px {
margin-top: 84px;
}
.about-us-image-block {
background-size: cover;
padding: 28px;
}
.about-us-image-block.max-width-606px {
width: 520px;
height: 600px;
}
.about-us-image-block.max-width-443px {
width: 443px;
max-width: 100%;
height: 505px;
}
.section-subtitle {
font-size: 20px;
font-weight: 400;
}
.section-heading-block.max-width-711px {
max-width: 711px;
}
.section-heading-block.max-width-579px {
max-width: 579px;
}
.section-heading-block.max-width-579px.margin-bottom {
margin-bottom: 60px;
}
.section-heading-block.max-width-480px {
min-width: 480px;
max-width: 100%;
}
.section-heading-block.margin-top-30px {
margin-top: 50px;
}
.section-title-wrap.max-width-803px {
text-align: center;
max-width: 803px;
}
.section-title-wrap.max-width-530px {
max-width: 530px;
}
.section-title-wrap.max-width-711px {
max-width: 711px;
}
.section-title-wrap.max-width-581px {
max-width: 580px;
}
.section-title-wrap.max-width-450px {
max-width: 450px;
}
.section-description-wrap.max-width-556px {
max-width: 556px;
}
.section-description {
font-size: 20px;
}
.about-us-list {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-top: 30px;
}
.about-us-list.max-width-555px {
max-width: 555px;
}
.about-us-button-wrap {
margin-top: 50px;
display: inline-block;
}
.about-us-image {
width: 100%;
display: block;
}
.about-us-image-wrap.position-absolute {
right: auto;
}
.about-us-image-wrap.position-absolute.move-left {
position: absolute;
left: -23%;
}
.about-us-upper-shape {
top: -2%;
}
.about-us-upper-shape.shape-three {
top: 30px;
right: 28px;
}
.about-us-upper-shape.shape-three.move-left {
width: auto;
}
.about-us-upper-shape-wrap {
top: -12px;
}
.about-us-upper-shape-wrap.move-right {
top: -114px;
right: -18px;
}
.about-us-bottom-shape {
bottom: -35px;
left: 68%;
}
.services-wrapper.border-1px {
width: 954px;
}
.feature-services-grid {
grid-template-columns: 4fr 8fr;
margin-top: 58px;
}
.feature-services-item.display-flex {
grid-column-gap: 32px;
grid-row-gap: 32px;
align-items: center;
}
.feature-services-thumbnail-link.max-width-294px {
max-width: 294px;
min-height: 269px;
max-height: 269px;
}
.feature-services-thumbnail.width-100 {
min-height: 269px;
}
.feature-services-left-column {
min-width: 500px;
}
.feature-services-content-block {
margin-top: 24px;
}
.feature-services-content-block.margin-top-54px {
margin-top: 23px;
}
.feature-services-title {
margin-bottom: 16px;
font-size: 40px;
}
.feature-services-title.color-white,
.feature-services-title.max-width-321px {
margin-bottom: 12px;
}
.feature-services-excerpt {
margin-bottom: 0;
}
.feature-services-excerpt.max-width-404px {
max-width: 404px;
margin-bottom: 0;
}
.feature-services-excerpt.color-white {
color: var(--white);
margin-bottom: 0;
}
.feature-services-title-link {
display: inline;
}
.learn-more-button {
margin-top: 28px;
}
.learn-more-button.margin-top-30px {
margin-top: 40px;
}
.learn-more-button.margin-top-57px {
margin-top: 57px;
}
.learn-more-button.margin-top-28px {
margin-top: 31px;
}
.learn-more-button-text {
font-size: 20px;
}
.feature-services-lower-item {
grid-column-gap: 26px;
grid-row-gap: 26px;
align-items: stretch;
}
.feature-services-special-icon {
height: 175px;
}
.portfolio-content-block {
margin-top: 0px;
}
.portfolio-shape {
top: 15px;
left: 61%;
}
.portfolio-slider {
padding-bottom: 106px;
}
.portfolio-image {
width: 100%;
}
.portfolio-image.remove-width.max-height-518px {
max-height: 510px;
}
.portfolio-title {
font-size: 24px;
}
.portfolio-title.max-width-368px {
max-width: 380px;
}
.portfolio-title.color-black {
font-size: 40px;
}
.portfolio-title.color-black.text-32px {
font-size: 32px;
}
.portfolio-title.color-black.text-24px {
font-size: 24px;
}
.portfolio-image-link {
width: 100%;
}
.portfolio-image-link.radius-16px {
border-radius: 16px;
overflow: hidden;
}
.slider-left-arrow-button.move-top.width-60px {
width: 60px;
height: 60px;
top: 90px;
right: 80px;
}
.slider-left-arrow-button.move-bottom {
left: 47.5%;
}
.slider-right-arrow-button.move-top.width-60px {
width: 60px;
height: 60px;
top: 90px;
}
.slider-right-arrow-button.move-bottom {
right: 44%;
}
.section-heading-align-center.margin-top-40px {
margin-top: 50px;
}
.team-upper-shape {
width: 400px;
}
.team-lower-shape {
width: auto;
}
.team-content-wrap {
margin-top: 60px;
}
.team-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.team-details-block {
padding: 16px 20px 20px;
bottom: 20px;
left: 20px;
right: 20px;
}
.team-name {
font-size: 24px;
}
.team-social-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 14px;
}
.team-social-wrap.align-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
}
.team-social-link.width-36px {
width: 36px;
height: 36px;
}
.team-button-wrap {
margin-top: 72px;
}
.team-button-wrap.margin-top-60px {
margin-top: 60px;
}
.primary-button-text-white {
font-size: 20px;
}
.primary-button-dark-bg {
padding: 16px 35px;
}
.testimonial-slider {
height: auto;
}
.testimonial-slider-mask {
width: 100%;
}
.testimonial-slide-flex {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
align-items: center;
}
.testimonial-image-block {
flex: none;
max-width: 504px;
}
.testimonial-content-block {
padding-top: 55px;
padding-bottom: 55px;
padding-right: 55px;
}
.testimonial-client-feedback {
margin-top: 40px;
margin-bottom: 45px;
}
.testimonial-client-name {
font-size: 24px;
}
.testimonial-client-designation {
margin-top: 8px;
}
.blog-shape {
top: -5px;
left: 59%;
}
.blog-left-circle-shape {
width: auto;
}
.blog-content-block {
margin-top: 60px;
}
.blog-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.blog-collection-list.bottom-gap-60px {
grid-row-gap: 60px;
}
.blog-collection-list._3-column {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-single-item.border-1px {
padding: 24px 20px 26px;
}
.blog-meta-and-title-wrap,
.blog-meta-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.blog-publish-date,
.blog-category-link {
font-size: 20px;
}
.meta-and-title-separator {
margin-top: 28px;
}
.blog-title {
font-size: 32px;
line-height: 1.25;
}
.blog-title.font-size-24px {
font-size: 24px;
}
.blog-title.color-white {
font-size: 40px;
}
.blog-title.text-20px {
font-size: 20px;
}
.blog-title-link.max-width-778px {
max-width: 778px;
}
.brand-logo-wrap {
border-top: 1px solid var(--color--neutral-three);
border-bottom: 1px solid var(--color--neutral-three);
}
.brand-logo-wrap.max-gap-110px,
.brand-logo-block.max-gap-110px {
grid-column-gap: 28px;
grid-row-gap: 110px;
}
.hero-wrapper-version-two {
grid-column-gap: 49px;
grid-row-gap: 49px;
justify-items: center;
margin-top: 30px;
}
.hero-title-wrap.max-width-1150px {
text-align: center;
max-width: 1150px;
margin-left: auto;
margin-right: auto;
}
.newsletter-form-input-field {
font-weight: 300;
}
.hero-shape {
width: auto;
}
.funfact-wrapper {
grid-column-gap: 100px;
grid-row-gap: 100px;
align-items: center;
}
.funfact-upper-image-wrap {
left: -64px;
}
.funfact-lower-image-wrap {
bottom: -40px;
right: -64px;
}
.service-shape.move-bottom {
left: 60%;
}
.rounded-section-sub-title {
font-size: 20px;
}
.service-content-block,
.service-single-card.margin-top-60px {
margin-top: 60px;
}
.service-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.service-collection-list.column-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: stretch;
justify-items: stretch;
}
.service-single-item {
padding: 32px 28px;
}
.services-icon-wrap.bg-color-f8f4ff {
flex: none;
padding: 16px;
}
.service-title-link {
margin-top: 24px;
margin-bottom: 10px;
}
.service-title {
font-size: 26px;
}
.service-title.align-center {
font-size: 24px;
}
.service-excerpt.align-center {
text-align: center;
}
.service-arrow-link {
margin-top: 32px;
}
.portfolio-item-card {
margin-top: 60px;
}
.portfolio-image-wrap {
background-color: #95d9f94a;
border-radius: 32px;
padding: 16px;
}
.portfolio-content-wrap {
max-width: 600px;
}
.portfolio-content-wrap.display-flex-vertical {
margin-top: 28px;
}
.portfolio-list {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
display: flex;
}
.portfolio-list.gap-40px {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.portfolio-item {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-around;
align-items: center;
display: flex;
}
.portfolio-item.bg-f8f4ff {
padding: 28px;
}
.portfolio-excerpt {
margin-top: 16px;
margin-bottom: 32px;
}
.portfolio-category-link.margine-bottom {
margin-bottom: 20px;
}
.portfolio-button-link {
width: 66.66px;
height: 66.66px;
margin-top: 74px;
}
.testimonail-slider-block {
margin-top: 60px;
}
.testimonial-single-slide-item {
width: 796px;
margin-right: 60px;
}
.testimonial-card {
padding: 40px;
}
.testimonial-card.padding-36px {
padding: 40px 36px;
}
.rating-number-text {
font-size: 20px;
}
.client-feedback-paragraph {
margin-top: 30px;
margin-bottom: 30px;
font-size: 21px;
}
.client-feedback-paragraph.color-black {
margin-top: 20px;
}
.client-name {
font-size: 24px;
}
.testimonial-slider-version-two {
padding-bottom: 124px;
}
.team-right-shape {
top: 15px;
left: auto;
right: -43px;
}
.team-left-shape {
left: -50px;
}
.team-details-wrap {
padding: 24px 16px 16px;
}
.team-social-and-arrow-block {
justify-content: space-between;
align-items: center;
display: flex;
}
.team-card-arrow {
justify-content: center;
align-items: center;
display: flex;
}
.case-study-section.section-bottom-gap.margin-top-30px {
margin-top: -50px;
}
.circle-shape.move-bottom {
left: 60%;
}
.case-study-content-block {
margin-top: 60px;
}
.case-study-collection-list.bottom-gap-64px {
grid-row-gap: 64px;
}
.case-study-content-wrap {
margin-top: 24px;
}
.case-study-title {
font-size: 32px;
}
.case-study-title-link.max-width-600px {
max-width: 600px;
}
.separator-line {
margin-top: 40px;
margin-bottom: 40px;
}
.case-study-plublish-date {
font-size: 20px;
}
.hero-heading-highlight {
min-width: 295px;
min-height: 130px;
margin-bottom: 25px;
padding-left: 10px;
padding-right: 10px;
}
.hero-title-hightlight-text {
left: 6%;
}
.hero-image {
margin-top: -53px;
padding-top: 0;
padding-bottom: 0;
}
.hero-left-image {
left: -14px;
}
.hero-right-image {
right: -19px;
}
.hero-client-image {
left: -37%;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.brand-logo-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.brand-logo-title {
font-size: 32px;
}
.brand-logo-separator-line {
width: 213px;
}
.about-us-lower-shape {
position: absolute;
top: auto;
bottom: 6%;
left: auto;
right: 6%;
}
.about-us-image-container.margin-top {
padding-top: 0;
}
.about-us-image-container.align-right {
margin-top: 80px;
}
.subtitle {
font-size: 20px;
}
.services-item-card {
padding: 40px 24px 24px;
}
.view-all-services-button {
margin-top: 60px;
}
.portfolio-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 740px 520px;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.portfolio-left-column,
.portfolio-right-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: none;
}
.why-choose-us-single-item {
padding: 52px 32px 40px;
}
.why-choose-us-title {
color: var(--color--secondary);
margin-top: 32px;
font-size: 32px;
}
.why-choose-us-title.font-size-24px,
.why-choose-us-title.align-left {
font-size: 24px;
}
.why-choose-us-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-top: 60px;
}
.testimonial-flex {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: stretch;
}
.testimonial-heading-lower-shape {
bottom: 65px;
right: 30%;
}
.testimonial-slider-block {
max-width: 740px;
}
.testimonial-slider-left-button {
left: -60%;
}
.testimonial-slider-right-button {
left: -50%;
}
.blog-section.section-bottom-gap.margin-top-30px {
margin-top: -50px;
}
.section-bottom-gap {
padding-bottom: 50px;
}
.about-us-excerpt-wrap.max-width-567px {
max-width: 567px;
}
.about-us-excerpt {
font-size: 20px;
}
.about-us-button-wtap {
margin-top: 40px;
}
.about-us-upper-circle.max-width-205px,
.about-us-lower-circle.max-width-205px {
width: 205px;
height: 205px;
}
.about-us-bottom-image-wrap {
margin-top: 100px;
}
.about-us-bottom-image-wrap.margin-top-80px {
margin-top: 85px;
}
.why-choose-us-section.top-gap {
margin-top: 310px;
}
.why-choose-us-summary {
margin-bottom: 0;
font-size: 20px;
}
.our-mission-section.top-gap {
margin-top: 450px;
}
.our-mission-wrapper {
grid-column-gap: 95px;
grid-row-gap: 95px;
}
.our-mission-content-block {
max-width: 645px;
}
.our-mission-image-block {
padding: 26px 26px 26px 28px;
}
.our-mission-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.our-mission-card-conntent {
margin-top: 20px;
}
.our-mission-title {
font-size: 24px;
}
.our-mission-upper-shape-wrap {
top: 0px;
}
.our-vision-wrapper {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-auto-columns: 1fr;
}
.our-vision-image-block {
padding: 28px;
overflow: hidden;
}
.our-vision-upper-shape-wrap {
top: -12px;
}
.our-vision-list {
grid-column-gap: 27px;
grid-row-gap: 27px;
margin-top: 30px;
}
.our-vision-list.max-width-555px {
max-width: 555px;
}
.working-process-wrapper {
grid-column-gap: 170px;
grid-row-gap: 170px;
}
.working-process-curve-shape {
margin-top: 82px;
}
.working-process-content-block {
max-width: none;
}
.working-process-single-card-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
}
.working-process-left-line-wrap {
height: 92%;
}
.working-process-title {
font-size: 24px;
}
.line-circle-two {
margin-top: 250px;
top: 0;
}
.line-circle-three {
margin-top: 234px;
top: 0;
}
.line-circle-five,
.line-circle-six,
.line-circle-seven {
margin-top: 234px;
}
.line-circle-eight {
margin-top: 226px;
}
.page-y-axis-gap {
padding-top: 210px;
padding-bottom: 100px;
padding-right: 0;
}
.page-y-axis-gap.about-us-banner {
padding-top: 150px;
padding-bottom: 50px;
padding-right: 0;
}
.about-us-content-wrap.min-width-723px {
min-width: 723px;
}
.page-title {
font-size: 60px;
}
.about-us-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.about-us-grid.margin-y-axis-bottom {
margin-top: 30px;
}
.bottom-border-line {
bottom: 24%;
right: 18%;
}
.our-mission-content {
grid-column-gap: 80px;
margin-top: 60px;
}
.why-choose-us-content-block {
max-width: 604px;
}
.why-choose-us-card-wrap {
grid-column-gap: 35px;
grid-row-gap: 35px;
margin-top: 40px;
}
.why-choose-us-card {
display: flex;
}
.whu-choose-us-shape-wrap {
top: -12px;
}
.whu-choose-us-shape-wrap.move-center {
left: 220px;
}
.about-us-shape {
top: -120px;
right: 44px;
}
.about-us-play-button-wrap {
transform: translate(-56%, -49%);
}
.play-button-lightbox {
cursor: pointer;
}
.about-us-upper-image-wrap-version-two.move-lower {
left: -45px;
}
.about-us-lower-image-wrap-version-two.move-upper {
right: -45px;
}
.portfolio-image-container {
background-color: #f6f6f6;
border-radius: 32px;
}
.portfolio-item-two-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 520px 730px;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
margin-top: 60px;
display: grid;
}
.portfolio-item-one-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 720px 520px;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
margin-top: 60px;
display: grid;
}
.portfolio-tab-menu-text {
font-size: 20px;
}
.portfolio-paginate-button {
margin-top: 60px;
}
.services-single-item {
grid-column-gap: 28px;
grid-row-gap: 28px;
padding: 28px;
}
.services-collection-list {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.services-title {
font-size: 32px;
}
.services-title.text-40px {
font-size: 40px;
}
.services-summary.margin-bottom-32px {
margin-top: 16px;
margin-bottom: 32px;
}
.learn-more-link {
text-decoration: none;
}
.learn-more-link.margin-top-22px {
margin-top: 22px;
}
.learn-more-text {
font-size: 20px;
}
.services-content-block {
padding: 40px;
}
.services-image-block {
padding: 32px;
}
.services-item {
align-items: stretch;
justify-items: center;
}
.services-image-link {
position: relative;
}
.pagination-button-wrap {
margin-top: 60px;
}
.blog-single-card {
position: relative;
}
.blog-content-wrap {
padding: 60px;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.contact-us-wrapper.bg-color-f8f4ff {
padding: 40px;
}
.contact-us-wrapper.display-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 8fr 4fr;
}
.contact-us-card-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-us-single-card.bg-color-d4e8e5 {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding: 30px;
}
.contact-us-single-card.bg-color-d3d4f6,
.contact-us-single-card.bg-color-f7e5d1 {
padding: 30px 40px;
}
.contact-us-info-name {
margin-bottom: 5px;
font-size: 24px;
}
.contact-us-info-link,
.contact-us-info {
font-size: 20px;
}
.contact-us-form-block.margin-top-60px {
margin-top: 60px;
}
.contact-us-form-block.padding-36px {
margin-bottom: 0;
padding: 36px;
}
.contact-us-form-block.padding-40px {
margin-bottom: 0;
padding: 40px;
}
.form-text-field {
font-size: 24px;
}
.form-input-field {
height: 50px;
}
.form-single-item-block.margin-top-36px {
margin-top: 20px;
}
.form-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.form-text-area-field.minimum-height-290px {
min-height: 150px;
}
.form-text-area-field.minimum-height-184px {
min-height: 184px;
}
.submit-button {
padding: 20px 30px;
}
.submit-button.margin-top-40px {
margin-top: 0px;
}
.contact-us-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: stretch;
}
.contact-us-info-block.bg-color-05041d {
padding: 60px 40px 47px 60px;
}
.contact-us-info-heading-wrap {
margin-bottom: 20px;
}
.contact-us-info-heading-wrap.border-bottom {
border-bottom: 1px solid #a7a7a7;
padding-bottom: 40px;
}
.contact-us-info-card-wrap.margin-top-40px {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 40px;
}
.contact-us-info-card-block {
padding-top: 28px;
padding-bottom: 28px;
}
.contact-us-info-wrap {
font-size: 24px;
}
.contact-us-info-title-text.color-white.text-20px,
.contact-us-address {
font-size: 20px;
}
.license-heading {
font-size: 45px;
}
.license-info-card-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr 1fr;
}
.read-more-button {
font-size: 20px;
}
.released-date-wrapper {
margin-bottom: 15px;
}
.initial-release,
.release-date {
font-size: 18px;
font-weight: 500;
}
.changelog-release-text {
text-align: center;
font-size: 18px;
}
.portfolio-details-section {
padding-top: 80px;
}
.portfolio-details-image-block {
padding: 20px;
}
.portfolio-details-image {
width: 100%;
}
.project-details-title {
font-size: 24px;
}
.project-details-text {
font-size: 20px;
}
.details-separator-border {
margin-top: 60px;
margin-bottom: 52px;
}
.details-separator-border.padding-top-55px {
margin-top: 55px;
}
.project-details-content-block {
margin-top: 40px;
padding-left: 47px;
padding-right: 47px;
}
.portfolio-details-rich-text-one h3 {
margin-top: 50px;
font-size: 32px;
}
.portfolio-details-rich-text-one p {
font-size: 20px;
}
.portfolio-details-rich-text-one ul {
max-width: 990px;
margin-top: 40px;
margin-bottom: 0;
}
.portfolio-details-rich-text-one li {
font-size: 20px;
}
.portfolio-details-rich-text-one ol {
margin-top: 40px;
margin-bottom: 52px;
}
.portfolio-details-rich-text-one figure {
margin-top: 52px;
margin-bottom: 52px;
}
.portfolio-details-rich-text-two h2 {
font-size: 40px;
}
.portfolio-details-rich-text-two p {
font-size: 20px;
}
.portfolio-details-rich-text-two ul {
grid-column-gap: 25px;
grid-row-gap: 25px;
margin-top: 40px;
margin-bottom: 40px;
}
.portfolio-details-rich-text-two li {
font-size: 20px;
}
.heading-curve-shape-wrap {
margin-right: 110px;
}
.more-portfolio-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 520px 730px;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
margin-top: 60px;
display: grid;
}
.services-details-section {
padding-top: 80px;
}
.services-details-content-block {
max-width: 1015px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.services-details-rich-text-one p {
font-size: 20px;
}
.services-details-rich-text-one ul {
grid-column-gap: 40px;
grid-row-gap: 40px;
margin-top: 60px;
}
.services-details-rich-text-one li {
padding-left: 50px;
}
.services-details-rich-text-one figure {
margin-top: 60px;
margin-bottom: 60px;
}
.services-details-rich-text-two p {
margin-bottom: 30px;
font-size: 20px;
}
.services-details-rich-text-two ul {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-top: 60px;
margin-bottom: 40px;
}
.services-details-rich-text-two li {
font-size: 20px;
}
.team-member-details-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.team-member-rich-text-one h3 {
margin-top: 40px;
margin-bottom: 12px;
}
.team-member-rich-text-one ul {
margin-top: 32px;
}
.team-member-rich-text-one li {
font-size: 20px;
}
.team-member-skill-block {
grid-column-gap: 69px;
grid-row-gap: 69px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
margin-bottom: 40px;
display: grid;
}
.team-member-single-skill-block {
padding-top: 28px;
padding-bottom: 28px;
}
.skill-text {
font-size: 24px;
}
.team-member-rich-text-two p {
font-size: 20px;
}
.team-member-rich-text-two ul {
grid-column-gap: 28px;
grid-row-gap: 28px;
margin-top: 30px;
}
.team-member-rich-text-two li {
padding-left: 45px;
}
.blog-details-section {
padding-top: 80px;
}
.blog-details-block {
margin-top: 45px;
}
.blog-details-title {
font-size: 24px;
}
.blog-details-text {
font-size: 20px;
}
.blog-details-rich-text-wrap {
max-width: 1015px;
margin-left: auto;
margin-right: auto;
}
.blog-details-rich-text-one p {
font-size: 20px;
}
.blog-details-rich-text-one ul {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.blog-details-rich-text-one li {
padding-left: 45px;
font-size: 20px;
}
.blog-details-rich-text-one figure {
margin-top: 50px;
}
.blog-details-rich-text-two {
margin-top: 52px;
}
.blog-details-rich-text-two p {
margin-bottom: 40px;
font-size: 20px;
}
.blog-details-rich-text-two ol {
grid-column-gap: 48px;
grid-row-gap: 30px;
margin-bottom: 40px;
}
.blog-details-rich-text-two li {
padding-left: 45px;
font-size: 20px;
}
.blog-details-rich-text-two h4 {
font-size: 24px;
font-weight: 500;
}
.case-study-details-section {
padding-top: 50px;
}
.case-study-details-rich-text-wrap {
margin-top: 60px;
}
.case-study-rich-text-one p {
font-size: 20px;
}
.case-study-rich-text-one ul {
margin-top: 10px;
}
.case-study-rich-text-one li {
font-size: 20px;
}
.case-study-rich-text-one figure,
.case-study-rich-text-two {
margin-top: 60px;
}
.case-study-rich-text-two p {
font-size: 20px;
}
.case-study-rich-text-two ul {
grid-column-gap: 48px;
grid-row-gap: 30px;
margin-top: 32px;
}
.case-study-rich-text-two li {
padding-left: 45px;
font-size: 20px;
}
.case-study-rich-text-two figure,
.case-study-rich-text-three {
margin-top: 60px;
}
.case-study-rich-text-three p {
margin-bottom: 40px;
font-size: 20px;
}
.case-study-rich-text-three ul {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 60px;
display: flex;
}
.case-study-rich-text-three li {
background-image: url("../660e2250d9a069b0e4b17464_Blog%20List%20.png");
padding-left: 45px;
font-size: 20px;
}
.case-study-rich-text-three figure {
margin-top: 60px;
}
.blog-author-wrapper {
justify-content: center;
align-items: center;
}
.blog-author-content-block {
max-width: 700px;
}
.blog-autor-social-link.width-36px {
width: 36px;
height: 36px;
}
.preview-footer-title {
font-size: 42px;
}
.preview-hero-front-image {
margin-bottom: -30px;
}
.preview-hero-section {
background-size: 15%;
}
.preview-surprise-title {
font-size: 38px;
}
.preview-surprises-box-block {
justify-items: center;
}
.preview-surprises-box-block.padding-top-bottom {
margin-top: 80px;
margin-bottom: 80px;
}
.preview-footer-section {
flex-flow: column;
justify-content: flex-end;
}
.preview-section-title.max-width-900px {
max-width: 900px;
}
.preview-feature-excerpt {
margin-top: 10px;
font-size: 18px;
}
.preview-feature-icon-wrap {
background-color: #f1f2ff;
padding: 40px 109px;
}
.preview-feature-icon-wrap.icon-one {
background-color: #fff2e7;
}
.preview-small-title {
font-size: 20px;
font-weight: 600;
}
.preview-feature-inner {
border-radius: 8px;
padding: 40px;
}
.preview-feature-inner.feature-three {
background-size: cover;
}
.preview-feature-inner.feature-two {
padding-left: 40px;
padding-right: 40px;
}
.preview-feature-grid-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.preview-section-element-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.preview-cta-wrapper {
background-position: 90% 100%, 80px 0;
padding: 38px 70px 38px 68px;
}
.cta-section-title {
font-size: 42px;
font-weight: 600;
}
.cta-heading-block.max-width-400px {
max-width: 500px;
}
.cta-button {
grid-column-gap: 11px;
grid-row-gap: 11px;
width: 200px;
}
.cta-button-text,
.cta-button-arrow-icon {
font-size: 20px;
}
.preview-suprise-image.upper-shape {
top: -12px;
right: -33px;
}
.preview-suprise-image.lower-shape {
bottom: -2px;
left: -31px;
}
.portfolio-button-block {
width: 66.66px;
height: 66.66px;
margin-top: 74px;
}
.purchase-button {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.defualt-button-text {
font-size: 20px;
}
.portfolio-single-card-item {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: space-around;
align-items: center;
display: flex;
}
.style-guide-button-wrap {
padding-top: 100px;
}
.learn-more {
text-decoration: none;
}
.button-with-icon {
grid-column-gap: 11px;
grid-row-gap: 11px;
}
.style-guide-input-field-wrapper {
padding-top: 100px;
}
}
@media screen and (min-width: 1920px) {
h1 {
font-size: 72px;
line-height: 1.25;
}
h2 {
font-size: 40px;
font-weight: 600;
}
h3 {
margin-bottom: 0;
}
.section-y-axis-gap {
padding-top: 50px;
padding-bottom: 50px;
padding-right: 0;
}
.header {
grid-column-gap: 180px;
grid-row-gap: 180px;
justify-content: center;
}
.navbar-menu-container {
position: relative;
}
.breadcrumb-title {
font-size: 72px;
}
.breadcrumb-shape-one {
top: 115px;
left: -78px;
}
.breadcrumb-shape-two {
top: 31px;
right: -131px;
}
.newsletter-form-block.align-center {
margin-top: 60px;
}
.footer-content-block {
justify-content: space-between;
}
.footer-upper-section-separator-line {
background-color: #504f61;
}
.footer-pages-column {
display: flex;
}
.footer-single-page-column.margin-x-axis {
margin-left: 30px;
margin-right: 15px;
}
.hero-section.gap-bottom-100px {
padding-bottom: 100px;
}
.hero-wrapper {
grid-column-gap: 65px;
grid-row-gap: 65px;
justify-content: flex-start;
}
.hero-wrapper.display-flex {
display: flex;
}
.hero-content-block {
max-width: 700px;
}
.hero-image-block.margin-top-10px {
margin-top: -10px;
}
.hero-circle-shape-wrap {
bottom: -17px;
right: 25px;
}
.hero-image-inner {
max-width: none;
}
.hero-upper-shape {
height: auto;
}
.hero-upper-image-wrap {
min-width: 272px;
min-height: 434px;
margin-left: -35px;
}
.hero-upper-circle-shape {
height: auto;
}
.section-subtitle-border.bg-white {
background-color: var(--white);
}
.section-subtitle.color-white,
.section-title.color-white {
color: var(--white);
}
.section-title-wrap.max-width-803px {
text-align: center;
max-width: 803px;
}
.section-title-wrap.max-width-520px {
max-width: 520px;
}
.section-title-wrap.max-width-530px {
max-width: 530px;
}
.about-us-image-wrap {
height: 100%;
}
.about-us-image-wrap.position-absolute {
height: auto;
}
.about-us-upper-shape.shape-three.move-left {
width: auto;
}
.feature-services-grid {
grid-column-gap: 23px;
grid-row-gap: 23px;
}
.portfolio-image {
width: 100%;
}
.portfolio-title.max-width-368px {
transition: color 0.3s;
}
.portfolio-title.max-width-368px:hover {
color: var(--color--primary);
}
.portfolio-image-link {
width: 100%;
}
.slider-left-arrow-button.move-bottom {
left: 47%;
}
.slider-right-arrow-button.move-bottom {
right: 46.5%;
}
.team-section-dark-bg {
background-color: var(--color--secondary);
}
.section-heading-align-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.team-upper-shape,
.team-lower-shape {
width: auto;
}
.image-overlay-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.image-overlay-left {
background-color: var(--color--secondary);
align-items: stretch;
display: flex;
}
.image-overlay-right {
background-color: var(--color--secondary);
display: flex;
}
.team-details-block {
display: flex;
}
.testimonial-slide-flex {
align-items: stretch;
}
.blog-shape.move-top {
top: -13px;
left: 62%;
}
.brand-logo-left-border {
flex: none;
}
.hero-wrapper-version-two {
justify-content: space-between;
}
.hero-left-shape-wrap {
top: auto;
bottom: 16px;
left: -55px;
}
.service-shape {
top: -15px;
left: 67%;
}
.service-shape.move-bottom {
top: 17px;
left: 63%;
}
.service-excerpt.align-center {
text-align: center;
}
.portfolio-items.position-sticky {
position: -webkit-sticky;
position: sticky;
top: 50px;
}
.portfolio-button-link.max-width-50px {
margin-top: 0;
}
.title-upper-shape {
top: -4%;
right: -5%;
}
.team-right-shape {
top: 25px;
right: -100px;
}
.circle-shape {
top: -15px;
left: 67%;
}
.circle-shape.move-bottom {
top: 17px;
left: 63%;
}
.hero-heading-highlight {
background-size: cover;
min-width: 335px;
min-height: 142px;
}
.hero-title-hightlight-text {
background-image: none;
left: 2%;
transform: rotate(-6deg);
}
.hero-upper-left-circle {
left: -80px;
}
.brand-logo-container {
grid-column-gap: 20px;
grid-row-gap: 20px;
align-items: center;
display: flex;
}
.brand-logo-content {
padding-left: 15%;
}
.about-us-lower-shape {
right: 18%;
}
.why-choose-us-single-item {
position: relative;
}
.why-choose-us-icon-block,
.why-choose-us-content {
z-index: 10;
position: relative;
}
.card-overlay {
z-index: 8;
background-color: var(--color--primary);
border-radius: 100%;
position: absolute;
}
.section-bottom-gap {
padding-bottom: 50px;
}
.about-us-title {
font-weight: 500;
}
.about-us-center-shape {
margin-top: 91px;
margin-left: 54px;
}
.about-us-upper-image {
position: relative;
left: 17px;
}
.about-us-lower-image {
left: -21px;
}
.why-choose-us-single-card {
padding: 40px 30px;
}
.our-vision-image-wrap {
border-radius: 12px;
overflow: hidden;
}
.page-title {
font-size: 72px;
}
.about-us-right-shape {
display: block;
top: 55%;
right: -200px;
}
.bottom-border-line {
bottom: 23%;
right: -2%;
}
.why-choose-us-card {
align-items: center;
}
.why-chose-us-icon-wrap {
flex: 0 auto;
}
.about-us-shape {
right: 56px;
}
.play-button-lightbox {
z-index: 99;
}
.play-wave-one,
.play-wave-two {
background-color: #fff;
}
.about-us-image-wrap-version-two.max-width-296px {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.portfolio-image-container.radius-16px {
cursor: pointer;
}
.portfolio-item-two-wrap,
.portfolio-item-one-wrap {
align-items: stretch;
}
.services-item {
display: flex;
}
.contact-us-card-info-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.more-portfolio-wrap {
align-items: stretch;
}
.preview-container-default {
max-width: 1240px;
}
.preview-hero-video-button {
top: 50%;
}
.preview-surprises-image-block {
z-index: 10;
}
.preview-suprise-image {
position: static;
}
.preview-suprise-image.main-image {
position: relative;
}
.hero-right-shape-wrap {
top: auto;
bottom: 94px;
left: auto;
right: -92px;
}
.portfolio-single-card-item.bg-white {
background-color: var(--white);
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 40px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 20px;
}
p {
font-size: 18px;
}
.container {
max-width: 720px;
}
.section-y-axis-gap {
padding-top: 50px;
padding-bottom: 50px;
}
.header {
padding-top: 20px;
padding-bottom: 20px;
display: block;
}
.header.bg-white {
border-bottom-style: solid;
}
.navbar-brand.mobile {
display: block;
}
.nav-menu-wrapper {
z-index: 999;
background-color: var(--white);
width: 50%;
height: 100%;
min-height: 100vh;
padding: 40px 20px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
overflow: hidden;
box-shadow: 4px 0 5px rgba(0, 0, 0, 0.2);
}
.nav-menu-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
background-color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 0;
display: flex;
}
.nav-link {
padding-left: 5px;
padding-right: 5px;
}
.nav-link.text-white,
.nav-link.text-white:hover {
color: var(--color--secondary);
}
.nav-dropdown {
margin-left: 0;
}
.nav-dropdown-toggle {
padding-left: 0;
display: inline-block;
}
.nav-dropdown-toggle.w--open {
display: inline-block;
}
.nav-dropdown-icon.text-white {
color: var(--color--secondary);
}
.nav-dropdown-list {
position: static;
top: 0;
left: 0;
}
.nav-dropdown-list.w--open {
margin-top: 8px;
position: static;
}
.nav-button-wrapper {
width: 100%;
margin-left: 0;
}
.nav-button-wrapper.desktop {
display: none;
}
.nav-button-wrapper.mobile {
display: block;
}
.menu-button {
background-color: var(--color--secondary);
color: var(--white);
border-radius: 4px;
padding: 12px;
}
.menu-button.w--open {
background-color: var(--color--primary);
color: #fff;
}
.menu-button.bg-white {
background-color: var(--white);
color: var(--black);
}
.menu-button.bg-white.w--open {
background-color: var(--color--secondary);
color: var(--white);
}
.nav-menu-item.margin-bottom {
margin-bottom: 20px;
}
.border-line.lower-border.bg-white,
.border-line.upper-border.bg-white {
background-color: var(--color--secondary);
}
.nav-box-shadow {
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.breadcrumb-section {
padding-top: 160px;
}
.breadcrumb-section.margin-bottom {
padding-bottom: 70px;
}
.breadcrumb-title {
font-size: 45px;
}
.breadcrumb-shape-one {
width: 60px;
top: 13px;
left: 7px;
}
.breadcrumb-shape-two {
width: 60px;
top: 14px;
right: 16px;
}
.style-guide-button-wrapper {
padding-top: 60px;
}
.section-heading {
font-size: 35px;
}
.style-guide-details {
width: 70%;
}
.style-guide-wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.style-guide-icon-wrapper {
padding-top: 80px;
}
.typography-details-wrap {
padding-top: 60px;
padding-left: 25px;
padding-right: 25px;
}
.style-guide-sidebar {
width: 30%;
padding-top: 0;
}
.style-guide-icon-wrap {
padding: 60px 25px;
}
.color-details-wrap {
padding-top: 60px;
padding-left: 25px;
padding-right: 25px;
}
.style-menu-link-wrap {
width: 180px;
}
.typography-wrapper {
padding-top: 60px;
}
.main-wrapper {
overflow: hidden;
}
.nav-dropdown-flex {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
min-width: 220px;
max-height: 200px;
padding-left: 20px;
padding-right: 0;
overflow: auto;
}
.nav-heading {
color: var(--color--primary);
font-size: 22px;
font-weight: 500;
}
.nav-heading.margin-top {
margin-top: 40px;
}
.nav-dropdown-link:hover {
color: var(--color--primary);
}
.footer {
padding-top: 80px;
}
.footer-newsletter-and-logo-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: wrap;
}
.newsletter-form-title {
font-size: 20px;
}
.footer-upper-section-separator-line {
margin-top: 40px;
margin-bottom: 40px;
}
.footer-bottom-section-separator-line {
margin-top: 40px;
}
.footer-copyright-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
}
.social-wrap {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer-shape {
width: 300px;
}
.hero-section,
.hero-section.bg-color-f8f4ff {
padding-top: 140px;
}
.hero-section.bg-shape {
padding-bottom: 70px;
}
.hero-wrapper {
grid-row-gap: 80px;
grid-template-columns: 1fr;
justify-items: center;
}
.hero-wrapper.margin-top-20px {
margin-top: 10px;
}
.hero-wrapper.display-flex.margin-top-20px {
grid-row-gap: 60px;
}
.hero-image-block.margin-bottom-40px {
margin-bottom: 40px;
}
.group-button-block {
margin-top: 30px;
}
.hire-us-button {
padding-top: 18px;
padding-bottom: 18px;
}
.hero-circle-shape-wrap {
margin-bottom: 27px;
}
.hero-shape-line.line-one {
margin-right: -10px;
}
.funfact-number {
font-size: 32px;
}
.funfact-number-block {
height: 40px;
}
.funfact-number-block.height-62px {
height: 62px;
}
.single-funfact-wrap {
z-index: 99;
position: relative;
}
.single-funfact-wrap.remove-border {
padding-top: 30px;
padding-bottom: 30px;
}
.single-funfact-wrap.remove-border.remove-padding {
border-right-style: none;
padding: 0;
}
.single-funfact-wrap.align-center {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
}
.single-funfact-wrap.border-right-and-bottom,
.single-funfact-wrap.border-left-and-top {
padding-top: 30px;
padding-bottom: 30px;
}
.funfact-content-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
}
.funfact-content-block.margin-top {
grid-column-gap: 40px;
margin-top: 40px;
}
.funfact-text {
font-size: 32px;
}
.hero-upper-shape-wrap {
bottom: 395px;
}
.hero-image-wrap.display-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: flex-end;
}
.hero-title-and-shape-wrap {
max-width: 660px;
}
.hero-upper-circle-shape {
height: 50px;
margin-top: 58px;
bottom: auto;
left: auto;
}
.about-us-section.bg-shape {
background-position: 0 0, 100% 0;
}
.about-us-section.bg-color-05041d {
max-height: 860px;
}
.about-us-section.bg-color-05041d.padding {
max-height: 620px;
}
.about-us-section.bg-color-05041d.y-axis-gap {
max-height: 650px;
padding-top: 70px;
}
.about-us-wrapper {
grid-column-gap: 30px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.about-us-wrapper.display-block {
margin-bottom: 0;
}
.about-us-wrapper.gap-70px {
grid-template-columns: 1fr;
}
.about-us-content-block {
padding-bottom: 2px;
}
.about-us-image-block.max-width-606px {
width: 609px;
height: 690px;
}
.section-title.color-white {
margin-bottom: 0;
}
.section-heading-block.max-width-579px.margin-bottom {
margin-bottom: 40px;
}
.section-title-wrap.max-width-530px {
max-width: 400px;
}
.about-us-list.max-width-555px {
max-width: 90%;
}
.about-us-list-item-summary {
color: var(--color--neutral-three);
}
.about-us-button-wrap {
margin-top: 30px;
}
.about-us-image-wrap {
width: 100%;
}
.about-us-upper-shape {
top: -3%;
}
.about-us-upper-shape-wrap {
top: -13px;
}
.about-us-upper-shape-wrap.move-right {
top: -8px;
right: 1px;
}
.services-wrapper.border-1px {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.section-heading-and-button-block {
grid-row-gap: 20px;
flex-flow: wrap;
}
.feature-services-grid {
grid-template-columns: 4fr;
}
.feature-services-thumbnail-link {
display: block;
}
.feature-services-thumbnail.width-100 {
width: 100%;
}
.feature-services-title.color-3f54d3 {
margin-bottom: 0;
font-size: 28px;
}
.feature-services-title.left-column-title,
.feature-services-title.color-white {
font-size: 28px;
}
.feature-services-title.max-width-321px {
max-width: 100%;
font-size: 28px;
}
.feature-services-excerpt {
color: var(--color--neutral-three);
}
.feature-services-special-icon {
height: 70px;
}
.portfolio-shape {
height: 35px;
top: 107px;
}
.portfolio-slide-item {
margin-right: 20px;
}
.portfolio-image.remove-width.width-100 {
width: 100%;
}
.portfolio-title-and-button-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-left: 15px;
padding-right: 15px;
bottom: 20px;
}
.portfolio-title.max-width-368px {
font-size: 18px;
}
.portfolio-title.color-black {
font-size: 24px;
}
.portfolio-button {
width: 45px;
height: 45px;
}
.slider-left-arrow-button.move-top {
margin-left: 0;
top: auto;
bottom: 0;
left: 38%;
right: auto;
}
.slider-left-arrow-button.move-top.width-60px {
top: auto;
bottom: 0;
}
.slider-left-arrow-button.move-bottom {
left: 40%;
}
.slider-right-arrow-button.move-top {
top: auto;
bottom: 0;
right: 45%;
}
.slider-right-arrow-button.move-top.width-60px {
top: auto;
}
.team-upper-shape,
.team-lower-shape {
width: 280px;
}
.team-content-wrap {
margin-top: 40px;
}
.team-collection-list,
.team-collection-list.column-3 {
grid-template-columns: 1fr 1fr;
}
.team-single-item {
position: relative;
}
.team-image-link,
.team-image {
width: 100%;
}
.team-details-block {
bottom: 10px;
left: 10px;
right: 10px;
}
.team-name {
font-size: 20px;
}
.team-button-wrap {
margin-top: 50px;
}
.testimonial-slider {
padding-bottom: 80px;
}
.testimonial-slider-mask {
width: 100%;
}
.testimonial-slide-flex {
grid-row-gap: 30px;
flex-flow: wrap;
justify-content: center;
}
.testimonial-image-block {
width: 100%;
max-width: 100%;
}
.testimonial-content-block {
padding: 10px 20px 30px;
}
.testimonial-client-image {
width: 100%;
max-height: none;
}
.testimonial-client-feedback {
margin-top: 25px;
margin-bottom: 20px;
}
.blog-shape {
height: 40px;
top: 98px;
}
.blog-left-circle-shape {
display: none;
}
.blog-collection-list.column-3 {
grid-template-columns: 1fr 1fr;
}
.blog-collection-list.bottom-gap-60px {
grid-row-gap: 40px;
}
.blog-title {
font-size: 21px;
}
.blog-title.color-white {
font-size: 24px;
}
.brand-logo-wrap {
max-height: 420px;
overflow: hidden;
}
.brand-logo-left-border {
flex: none;
}
.brand-logo-border {
height: 100%;
}
.hero-wrapper-version-two {
grid-row-gap: 80px;
grid-template-columns: 1fr;
justify-items: center;
margin-top: 30px;
}
.hero-title-wrap.max-width {
max-width: none;
}
.hero-title-image {
height: 45px;
}
.hero-title-arrow-shape {
background-image: none;
height: 35px;
top: -84%;
}
.hero-title-image-wrap {
transform: translate(0, -10px);
}
.newsletter-submit-button {
top: 10px;
bottom: 10px;
}
.newsletter-form-input-field {
width: 400px;
height: 65px;
}
.hero-shape {
width: 70px;
}
.hero-left-column-image-block,
.hero-right-column-image-block {
max-height: none;
}
.funfact-wrapper {
grid-column-gap: 40px;
grid-row-gap: 100px;
grid-template-columns: 1fr;
}
.service-shape {
height: 35px;
top: 130px;
}
.service-collection-list,
.service-collection-list.column-4 {
grid-template-columns: 1fr 1fr;
}
.portfolio-content-wrap {
max-width: none;
}
.portfolio-items.position-sticky {
position: static;
}
.portfolio-item {
flex-flow: wrap;
}
.portfolio-button-link {
width: 55px;
height: 55px;
margin-top: 40px;
}
.title-upper-shape {
width: 40px;
top: -14%;
right: 5%;
}
.testimonial-slider-mask-version-two {
max-width: 720px;
}
.testimonial-shape-wrap {
right: 100px;
}
.team-right-shape {
width: 60px;
}
.team-left-shape {
left: -10px;
}
.circle-shape {
height: 35px;
top: 130px;
}
.case-study-collection-list {
grid-template-columns: 1fr 1fr;
}
.case-study-collection-list.bottom-gap-64px {
grid-row-gap: 40px;
}
.case-study-title {
font-size: 24px;
}
.case-study-meta-block {
margin-top: 20px;
}
.hero-heading-highlight {
align-items: center;
min-width: 187px;
min-height: 74px;
}
.hero-title-hightlight-text {
bottom: 18%;
left: 6%;
}
.brand-logo-content {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.brand-logo-title {
width: 208px;
font-size: 24px;
}
.brand-logo-separator-line {
width: 100px;
}
.about-us-lower-shape {
width: 100px;
margin-right: 30px;
}
.about-us-image-container.margin-top {
margin-top: 120px;
}
.about-us-image-container.align-right {
margin-top: 0;
}
.why-choose-us-wrapper.display-grid {
grid-column-gap: 40px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr;
justify-items: center;
}
.why-choose-us-single-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.why-choose-us-title {
font-size: 24px;
}
.why-choose-us-title.font-size-24px,
.why-choose-us-title.align-left {
font-size: 20px;
}
.why-choose-us-grid {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.testimonial-flex {
flex-flow: wrap;
}
.testimonial-heading-lower-shape {
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.testimonial-slider-block {
max-width: 100%;
}
.testimonial-slider-left-button {
top: auto;
bottom: 0%;
left: -14%;
right: 0%;
}
.testimonial-slider-right-button {
top: auto;
bottom: 0%;
left: 0%;
right: -8%;
}
.section-bottom-gap {
padding-bottom: 80px;
}
.bradcrumb-summary-wrap.max-width-811px {
max-width: 100%;
}
.about-us-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.about-us-button-wtap {
margin-top: 25px;
}
.about-us-image-image-grid.min-width-346px {
max-width: 477px;
}
.about-us-bottom-image-wrap {
margin-top: 60px;
}
.about-us-bottom-image-wrap.margin-top {
margin-top: 62px;
}
.about-us-bottom-image-wrap.margin-top-80px {
margin-top: 45px;
}
.why-choose-us-section.top-gap,
.our-mission-section.top-gap {
margin-top: 170px;
}
.our-mission-wrapper {
flex-flow: wrap;
justify-content: center;
}
.our-mission-content-block {
max-width: none;
}
.our-mission-upper-shape-wrap {
top: -13px;
}
.our-vision-wrapper {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
justify-items: center;
}
.our-vision-upper-shape-wrap {
top: -13px;
}
.our-vision-list-item-summary {
color: var(--color--neutral-three);
}
.working-process-wrapper {
grid-row-gap: 50px;
flex-flow: wrap;
}
.working-process-curve-shape {
width: 80px;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: -24%;
}
.working-process-content-block {
max-width: none;
padding-left: 20px;
overflow: hidden;
}
.working-process-single-card-wrap {
padding-left: 30px;
}
.page-y-axis-gap {
padding-top: 160px;
padding-bottom: 70px;
}
.page-title {
font-size: 40px;
}
.about-us-grid {
grid-row-gap: 50px;
grid-template-columns: 1fr;
justify-items: center;
}
.about-us-grid.margin-y-axis-bottom {
grid-row-gap: 120px;
}
.about-us-circle-shape {
right: 64px;
}
.about-us-right-shape {
width: 50px;
top: 71%;
right: 57px;
}
.bottom-border-line {
bottom: 23%;
right: 31%;
}
.our-mission-content {
grid-template-columns: 1fr 1fr;
margin-top: 40px;
}
.whu-choose-us-shape-wrap {
top: -13px;
}
.section-heading-wrap.position-sticky {
height: auto;
min-height: auto;
position: static;
}
.about-us-shape {
width: 60px;
right: 67px;
}
.about-us-play-button-wrap {
width: 65px;
height: 65px;
}
.play-button-icon {
width: 30%;
}
.about-us-image-wrap-version-two.max-width-296px {
margin-bottom: 20px;
}
.about-us-upper-image-wrap-version-two.move-lower {
top: -30px;
left: -20px;
}
.about-us-lower-image-wrap-version-two.move-upper {
bottom: -30px;
right: -20px;
}
.portfolio-item-two-wrap,
.portfolio-item-one-wrap {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.portfolio-tabs-wrap {
grid-column-gap: 0px;
grid-row-gap: 40px;
flex-flow: wrap;
}
.portfolio-tabs-menu {
width: 100%;
position: static;
}
.portfolio-paginate-button {
margin-top: 40px;
}
.services-collection-list {
grid-template-columns: 1fr;
}
.services-title {
font-size: 22px;
}
.services-title.text-40px {
font-size: 24px;
}
.services-content-block.right-border {
border-right-style: none;
padding: 0 0 20px;
}
.services-content-block.left-border {
border-left-style: none;
padding: 0 0 20px;
}
.services-item {
grid-row-gap: 40px;
border-bottom-style: solid;
flex-flow: wrap-reverse;
padding: 20px;
display: flex;
}
.services-item.flex-direction-change {
flex-flow: wrap;
}
.services-item.flex-direction-change.remove-bottom-border {
border-bottom-style: none;
}
.why-choose-us-circle {
width: 60px;
}
.pagination-button-wrap {
margin-top: 40px;
}
.blog-single-card {
max-height: 220px;
}
.contact-us-wrapper.display-grid {
grid-template-columns: 1fr;
}
.contact-us-card-block {
grid-template-columns: 1fr 1fr;
}
.contact-us-form-block.margin-top-60px {
margin-top: 40px;
}
.contact-us-form-block.padding-40px.radius {
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
}
.contact-us-grid {
grid-template-columns: 1fr;
}
.license-heading {
font-size: 34px;
}
.license-info-card-grid {
flex-direction: column;
grid-template-columns: 1fr 1fr;
}
.license-heading-block {
padding-top: 15px;
padding-bottom: 15px;
}
.utility-page-content {
max-width: 75%;
}
.portfolio-details-section {
padding-top: 60px;
}
.portfolio-project-details-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.details-separator-border,
.portfolio-details-rich-text-one figure {
margin-top: 30px;
margin-bottom: 30px;
}
.portfolio-details-rich-text-two ul {
margin-top: 25px;
margin-bottom: 25px;
}
.more-portfolio-wrap {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.services-details-section {
padding-top: 60px;
}
.services-details-rich-text-one ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.services-details-rich-text-two ul {
margin-top: 40px;
margin-bottom: 25px;
}
.team-member-details-wrapper {
grid-template-columns: 4fr 8fr;
}
.team-member-skill-block {
grid-template-columns: 1fr 1fr;
}
.team-member-rich-text-two ul {
grid-template-columns: 1fr;
}
.blog-details-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.blog-details-rich-text-wrap {
max-width: none;
}
.blog-details-rich-text-one figure {
margin-top: 25px;
}
.blog-details-rich-text-two p {
margin-bottom: 20px;
}
.case-study-details-section {
padding-top: 60px;
}
.case-study-details-rich-text-wrap {
max-width: none;
margin-top: 40px;
}
.case-study-rich-text-one figure,
.case-study-rich-text-two figure,
.case-study-rich-text-three figure {
margin-top: 40px;
}
.preview-surprises-blurry-block {
width: 200px;
height: 200px;
}
.preview-surprises-content-excerpt {
margin-top: 8px;
}
.preview-container-default {
padding-left: 15px;
padding-right: 15px;
}
.template-showcase-grid {
grid-template-columns: 1fr 1fr;
}
.preview-surprises-content-block {
text-align: left;
max-width: 380px;
}
.preview-footer-title {
font-size: 30px;
}
.preview-hero-section {
padding-top: 140px;
}
.preview-footer-content-block {
padding-top: 75px;
}
.preview-surprise-title {
font-size: 32px;
}
.preview-single-page,
.preview-image {
width: 100%;
}
.preview-surprises-box-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.preview-hero-video-button {
top: -20px;
}
.preview-footer-copyright-text {
text-align: center;
}
.preview-footer-excerpt {
max-width: 550px;
}
.preview-section-title {
font-size: 32px;
}
.preview-lower-footer-container {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-direction: column;
}
.preview-title {
font-size: 36px;
}
.preview-section-title-block {
margin-bottom: 50px;
}
.preview-section-title-block.margin-top {
margin-top: 80px;
}
.preview-surprises-image-block {
margin-left: auto;
margin-right: auto;
}
.preview-essential-features-grid-box {
grid-template-columns: 1fr 1fr 1fr;
}
.preview-feature-inner {
background-size: contain;
}
.preview-feature-inner.feature-two {
padding-left: 30px;
padding-right: 30px;
}
.preview-feature-grid-box {
grid-template-columns: 1fr 1fr;
}
.preview-single-section-element:hover {
outline-color: #003d2b;
}
.preview-section-element-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.preview-cta-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: wrap;
}
.preview-surprises-content-excerpt-2 {
text-align: left;
margin-top: 10px;
}
.preview-suprise-image.upper-shape {
top: 6px;
right: -9px;
}
.preview-suprise-image.lower-shape {
bottom: 5px;
left: 0;
}
.portfolio-button-block {
width: 55px;
height: 55px;
margin-top: 40px;
}
.portfolio-single-card-item {
flex-flow: wrap;
}
.style-guide-button-wrap {
padding: 60px 25px 0;
}
.style-guide-heading-block {
padding-top: 60px;
padding-left: 25px;
padding-right: 25px;
}
.button-with-icon {
padding-top: 18px;
padding-bottom: 18px;
}
.style-guide-input-field-wrapper {
padding-top: 80px;
}
.style-guide-input-field-wrap {
padding-top: 60px;
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
.container {
max-width: 100%;
}
.section-y-axis-gap {
padding-top: 60px;
padding-bottom: 60px;
}
.header {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu-wrapper {
width: 70%;
}
.nav-menu-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link {
display: inline-block;
}
.nav-dropdown {
flex-flow: row;
align-items: stretch;
}
.nav-dropdown-toggle {
padding-top: 5px;
padding-bottom: 5px;
}
.nav-dropdown-toggle.w--open {
display: inline-block;
}
.primary-button.width-182px {
padding-top: 13px;
padding-bottom: 13px;
}
.breadcrumb-section {
padding-top: 140px;
}
.breadcrumb-section.margin-bottom {
padding-bottom: 60px;
}
.breadcrumb-title {
font-size: 38px;
}
.breadcrumb-shape-one {
width: 50px;
left: 25px;
}
.breadcrumb-shape-two {
width: 50px;
right: 20px;
}
.style-guide-button-wrapper {
padding-top: 60px;
}
.section-heading {
font-size: 30px;
}
.typography-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.style-guide-details {
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.style-guide-button-block {
flex-wrap: wrap;
}
.typography-details {
font-size: 16px;
}
.style-guide-wrapper {
display: block;
}
.style-guide-icon-wrapper {
padding-top: 60px;
}
.typography-details-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.style-guide-sidebar {
width: auto;
margin-bottom: 40px;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: static;
}
.style-guide-icon-wrap {
padding: 40px 20px 60px;
}
.color-details-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.style-menu-link-wrap {
width: auto;
position: static;
}
.typography-wrapper {
padding-top: 60px;
}
.main-wrapper {
overflow: hidden;
}
.nav-dropdown-flex {
grid-column-gap: 30px;
grid-row-gap: 30px;
min-width: 220px;
}
.nav-heading.margin-top {
margin-top: 30px;
}
.footer {
padding-top: 70px;
}
.footer-newsletter-and-logo-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.newsletter-input-field {
width: 300px;
height: 55px;
}
.newsletter-subscribe-button {
top: 7px;
}
.footer-content-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.footer-pages-column {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.footer-copyright-text {
text-align: center;
font-size: 16px;
}
.social-wrap {
flex-flow: row;
justify-content: center;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.footer-shape {
width: 200px;
bottom: 140px;
}
.hero-section {
padding-top: 130px;
}
.hero-section.bg-color-f8f4ff {
padding-top: 120px;
}
.hero-section.bg-shape {
padding-bottom: 60px;
}
.hero-section.with-bg-shape {
padding-bottom: 70px;
}
.hero-wrapper {
grid-row-gap: 60px;
}
.hero-wrapper.margin-top-20px {
margin-top: 0;
}
.hero-wrapper.display-flex.margin-top-20px {
grid-column-gap: 20px;
}
.hero-image-block {
padding-left: 40px;
padding-right: 40px;
}
.hero-image-block.margin-bottom-40px {
margin-bottom: 55px;
}
.hero-excerpt {
max-width: 100%;
}
.group-button-block {
flex-flow: wrap;
}
.hire-us-button {
padding-top: 16px;
padding-bottom: 16px;
}
.hero-circle-shape-wrap {
margin-bottom: 35px;
margin-right: -25px;
}
.hero-circle-shape.shape-one,
.hero-circle-shape.shape-two,
.hero-circle-shape.shape-three {
width: 30px;
height: 30px;
}
.hero-shape-line.line-two,
.hero-shape-line.line-one {
width: 20px;
}
.funfact-number.text-stroke {
-webkit-text-stroke-color: var(--white);
}
.funfact-number-block {
height: 40px;
}
.funfact-number-block.height-62px {
height: 63px;
}
.number-text-label {
font-size: 18px;
}
.single-funfact-wrap {
border-right-width: 0;
padding-right: 0;
}
.single-funfact-wrap.remove-border {
border-right-color: #37364a;
}
.single-funfact-wrap.border-right-and-bottom {
border-right-width: 1px;
border-right-color: #37364a;
}
.funfact-content-block {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: space-between;
}
.funfact-content-block.margin-top {
grid-column-gap: 40px;
flex-wrap: wrap;
align-content: stretch;
justify-content: flex-start;
margin-top: 30px;
}
.hero-image-inner {
width: auto;
height: auto;
}
.hero-upper-shape-wrap {
top: -15px;
bottom: auto;
right: -8px;
}
.hero-upper-shape {
height: 60px;
}
.hero-image-wrap.display-flex {
flex-flow: wrap;
justify-content: center;
margin-top: 40px;
}
.hero-lower-image-wrap {
margin-bottom: -20px;
}
.hero-title-and-shape-wrap {
max-width: 100%;
}
.hero-upper-circle-shape {
height: 35px;
margin-top: 59px;
margin-left: 2px;
padding-left: 0;
}
.about-us-section.bg-color-05041d.padding {
max-height: 820px;
margin-bottom: 120px;
padding-top: 70px;
}
.about-us-section.bg-color-05041d.y-axis-gap {
max-height: 860px;
padding-top: 60px;
}
.about-us-wrapper.display-block {
margin-bottom: 0;
}
.about-us-image-block.max-width-606px {
width: 100%;
height: 500px;
}
.section-title.color-white {
margin-bottom: 0;
}
.section-heading-block.max-width-579px,
.section-title-wrap.max-width-803px,
.section-title-wrap.max-width-711px,
.section-title-wrap.max-width-581px,
.section-description-wrap.max-width-556px {
max-width: 100%;
}
.about-us-list.max-width-555px {
max-width: 95%;
}
.about-us-image {
width: 100%;
}
.about-us-image-wrap.position-absolute.move-left {
left: 0%;
}
.about-us-upper-shape-wrap {
top: -23px;
}
.about-us-upper-shape-wrap.move-right {
top: -45px;
right: -10px;
}
.about-us-upper-shape-wrap.move-left {
top: -57px;
left: -42px;
}
.feature-services-item.display-flex {
flex-flow: wrap;
}
.feature-services-thumbnail-link {
width: 100%;
}
.feature-services-content-block {
margin-top: 15px;
}
.feature-services-title.color-3f54d3 {
margin-bottom: 0;
}
.feature-services-title.left-column-title,
.feature-services-title.max-width-321px {
font-size: 28px;
}
.learn-more-button.margin-top-57px {
margin-top: 15px;
}
.feature-services-lower-item {
grid-template-columns: 1fr;
}
.feature-services-special-icon {
height: 90px;
}
.portfolio-section.section-bottom-gap.margin-top-30px {
margin-top: -20px;
}
.portfolio-shape {
height: 30px;
}
.portfolio-category-menu {
flex-flow: wrap;
justify-content: center;
margin-bottom: 40px;
position: static;
}
.portfolio-slider {
padding-bottom: 90px;
}
.portfolio-slider-mask,
.portfolio-image {
width: 100%;
}
.portfolio-image.remove-width {
display: inline-block;
}
.portfolio-image.remove-width.max-height-518px {
max-height: none;
}
.portfolio-title.max-width-368px {
font-size: 20px;
}
.portfolio-title.color-black {
font-size: 22px;
}
.portfolio-image-link {
width: 100%;
}
.portfolio-image-link.radius-16px {
display: block;
}
.portfolio-title-link.max-width-670px,
.portfolio-title-link.max-width-482px,
.portfolio-title-link.max-width-309px {
max-width: 100%;
}
.slider-left-arrow-button {
left: 38%;
}
.slider-left-arrow-button.move-top {
left: 34%;
}
.slider-left-arrow-button.move-top.width-60px,
.slider-left-arrow-button.move-bottom {
left: 36%;
}
.slider-right-arrow-button {
left: auto;
right: 38%;
}
.slider-right-arrow-button.move-top {
right: 40%;
}
.slider-right-arrow-button.move-top.width-60px {
right: 41%;
}
.slider-right-arrow-button.move-bottom {
right: 40%;
}
.team-wrapper {
overflow: hidden;
}
.team-circle-shape {
width: 180px;
}
.team-upper-shape,
.team-lower-shape {
width: 200px;
}
.team-collection-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.team-collection-list.column-3 {
grid-template-columns: 1fr;
}
.team-image-link,
.team-image {
width: 100%;
}
.team-name {
font-size: 18px;
}
.team-button-wrap {
margin-top: 40px;
padding-bottom: 5px;
}
.blog-shape {
height: 40px;
}
.blog-shape.move-top {
top: 155px;
}
.blog-left-circle-shape {
display: none;
}
.blog-collection-list {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.blog-collection-list.column-3 {
grid-template-columns: 1fr;
}
.blog-title {
font-size: 20px;
}
.blog-title.color-white {
font-size: 22px;
}
.blog-title-link.max-width-778px {
max-width: 400px;
}
.brand-logo-wrap {
max-height: 100px;
}
.hero-wrapper-version-two {
margin-top: 20px;
}
.hero-title-wrap.max-width-1150px {
max-width: 100%;
}
.hero-title-image {
background-image: none;
height: 35px;
}
.hero-title-arrow-shape {
background-image: none;
height: 25px;
top: -80%;
}
.hero-title-image-wrap {
transform: translate(0, -10px);
}
.newsletter-submit-button {
top: 5px;
bottom: 5px;
right: 5px;
}
.newsletter-form-input-field {
width: 350px;
height: 55px;
font-size: 16px;
}
.hero-left-shape-wrap {
left: 8px;
}
.hero-shape {
width: 60px;
}
.hero-left-column-image-block,
.hero-right-column-image-block {
width: auto;
}
.funfact-wrapper {
padding-top: 50px;
overflow: hidden;
}
.funfact-image-block {
background-size: contain;
width: 430px;
}
.funfact-upper-image-wrap {
max-width: 90%;
left: 0;
}
.funfact-lower-image-wrap {
max-width: 90%;
bottom: -58px;
right: 0;
}
.funfact-circle-shape {
width: 70px;
height: 70px;
}
.funfact-curve-shape {
width: 80px;
top: 2%;
}
.service-shape {
height: 30px;
}
.service-single-card.margin-top-60px {
margin-top: 50px;
}
.service-collection-list,
.service-collection-list.column-4 {
grid-template-columns: 1fr;
}
.portfolio-image-wrap.remove-padding.remove-bg {
background-color: rgba(0, 0, 0, 0);
}
.portfolio-content-wrap {
max-width: none;
}
.portfolio-item.bg-f8f4ff {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.portfolio-button-link {
width: 50px;
height: 50px;
margin-top: 30px;
}
.title-upper-shape {
width: 30px;
top: -12%;
right: 10%;
}
.client-info-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.testimonial-slider-mask-version-two {
width: 97%;
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.testimonial-shape-wrap {
bottom: 20px;
right: 80px;
}
.team-right-shape {
right: 57px;
}
.team-left-shape {
width: 40px;
top: -38px;
left: 55px;
}
.circle-shape {
height: 30px;
}
.case-study-collection-list {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.case-study-title {
font-size: 20px;
}
.case-study-summary {
margin-bottom: 20px;
}
.case-study-meta-block {
margin-top: 20px;
}
.hero-heading-highlight {
min-width: 160px;
min-height: 68px;
margin-bottom: 16px;
}
.hero-title-hightlight-text {
bottom: 13%;
left: 7%;
}
.hero-upper-left-circle {
top: -35px;
left: -43px;
}
.hero-upper-right-circle {
top: -2%;
right: -10%;
}
.hero-lower-right-circle {
width: 200px;
height: 200px;
right: -5%;
}
.hero-client-image {
left: 0%;
}
.hero-upper-right-circle-shape {
width: 60px;
top: -17%;
right: 0%;
}
.brand-logo-container {
overflow: hidden;
}
.brand-logo-content {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-left: 5%;
}
.brand-logo-title {
width: 190px;
font-size: 22px;
}
.brand-logo-separator-line {
width: 40px;
}
.about-us-lower-shape {
width: 80px;
margin-right: 40px;
}
.about-us-image-container.margin-top {
margin-top: 50px;
}
.portfolio-flex {
flex-flow: wrap;
justify-content: center;
align-items: center;
}
.portfolio-left-column,
.portfolio-right-column {
max-width: none;
}
.why-choose-us-wrapper {
overflow: hidden;
}
.title-lower-shape {
bottom: -16%;
left: 12px;
}
.why-choose-us-icon-block {
padding: 20px;
}
.why-choose-us-title {
font-size: 22px;
}
.why-choose-us-grid {
grid-template-columns: 1fr;
margin-top: 40px;
padding-bottom: 5px;
}
.testimonial-heading-lower-shape {
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.testimonial-slider-left-button {
left: -17%;
}
.testimonial-slider-right-button {
right: -14%;
}
.section-bottom-gap {
padding-bottom: 60px;
}
.breadcrumb-summary {
margin-bottom: 0;
}
.about-us-flex {
grid-row-gap: 70px;
flex-flow: wrap;
justify-content: center;
align-items: center;
position: relative;
}
.about-us-excerpt-wrap.max-width-567px {
max-width: 100%;
}
.about-us-center-shape {
width: 80px;
position: absolute;
top: 187px;
left: 289px;
}
.about-us-image-image-grid.min-width-346px {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.about-us-upper-circle.max-width-205px,
.about-us-lower-circle.max-width-205px {
width: 180px;
height: 180px;
}
.about-us-upper-image-wrap.margin-left,
.about-us-lower-image-wrap {
max-width: 90%;
}
.about-us-bottom-image-wrap {
margin-top: 50px;
}
.about-us-bottom-image-wrap.margin-top {
margin-top: 54px;
}
.why-choose-us-section.top-gap {
margin-top: 120px;
}
.our-mission-section.top-gap {
margin-top: 100px;
}
.our-mission-grid {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.our-mission-title {
max-width: 100%;
}
.our-mission-upper-shape-wrap,
.our-vision-upper-shape-wrap {
top: -23px;
}
.working-process-wrapper {
overflow: hidden;
}
.working-process-curve-shape {
width: 60px;
margin-top: 14px;
right: 12%;
}
.working-process-single-card {
max-height: none;
}
.working-process-left-line-wrap {
top: 60px;
}
.line-circle-two,
.line-circle-three,
.line-circle-four,
.line-circle-five,
.line-circle-six,
.line-circle-seven {
margin-top: 250px;
}
.line-circle-eight {
margin-top: 250px;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.page-y-axis-gap {
padding-top: 160px;
padding-bottom: 60px;
}
.page-title {
font-size: 35px;
}
.about-us-grid.margin-y-axis-bottom {
grid-row-gap: 60px;
}
.about-us-circle-shape {
right: 45px;
}
.about-us-right-shape {
right: 26px;
}
.section-heading-and-shape-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.our-mission-heading-shape {
width: 80px;
}
.section-title-and-border-wrap.max-width-562px {
max-width: 100%;
}
.bottom-border-line {
position: absolute;
right: 21%;
}
.our-mission-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.why-choose-us-image-block {
max-width: 90%;
}
.whu-choose-us-shape-wrap {
top: -23px;
}
.about-us-shape {
width: 50px;
}
.about-us-right-upper-shape {
width: 70px;
}
.why-choose-us-upper-circle-shape {
width: 40px;
top: 6px;
right: 9%;
}
.about-us-play-button-wrap {
transform: translate(-56%, -26%);
}
.play-button-wrap {
align-items: center;
display: flex;
}
.play-button-icon {
width: 30%;
}
.about-us-image-wrap-version-two {
background-size: contain;
}
.about-us-upper-image-wrap-version-two {
left: 0;
}
.about-us-lower-image-wrap-version-two {
bottom: -58px;
right: 0;
}
.portfolio-item-two-wrap {
grid-row-gap: 40px;
flex-flow: wrap;
grid-template-columns: 5fr;
justify-content: space-between;
}
.portfolio-item-one-wrap {
grid-row-gap: 40px;
flex-flow: wrap;
grid-template-columns: 8fr;
justify-content: space-between;
}
.portfolio-tabs-menu {
min-width: auto;
}
.services-single-item {
flex-flow: wrap;
}
.services-content-block.right-border,
.services-content-block.left-border {
max-width: none;
padding-bottom: 0;
padding-right: 0;
}
.services-image-block {
max-width: none;
}
.why-choose-us-circle {
width: 40px;
}
.blog-content-wrap {
padding: 20px;
}
.blog-button-link {
width: 50px;
height: 50px;
}
.contact-us-wrapper.bg-color-f8f4ff {
padding: 20px;
}
.contact-us-card-block,
.form-grid {
grid-template-columns: 1fr;
}
.form-text-area-field.minimum-height-290px,
.form-text-area-field.minimum-height-184px {
min-height: 150px;
}
.contact-us-info-flex {
flex-flow: wrap;
}
.license-heading {
margin-bottom: 0;
}
.license-info-card-grid {
grid-template-columns: 1fr;
}
.changelog-info-card {
width: auto;
}
.utility-page-content {
max-width: 80%;
padding-left: 15px;
padding-right: 15px;
}
.portfolio-details-section {
padding-top: 50px;
}
.portfolio-details-section.section-bottom-gap {
padding-top: 60px;
}
.portfolio-details-image-block {
padding: 10px;
}
.portfolio-project-details-block {
grid-column-gap: 60px;
grid-row-gap: 30px;
justify-content: flex-start;
}
.project-details-border {
display: none;
}
.portfolio-details-rich-text-one h3,
.portfolio-details-rich-text-one ul {
margin-top: 25px;
}
.portfolio-details-rich-text-one figure {
margin-top: 25px;
margin-bottom: 25px;
}
.portfolio-details-rich-text-two ul {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.heading-curve-shape-wrap {
margin-bottom: 0;
margin-right: 40px;
}
.heading-shape-image {
width: 70px;
}
.more-portfolio-wrap {
grid-row-gap: 40px;
flex-flow: wrap;
justify-content: space-between;
}
.services-details-section {
padding-top: 50px;
}
.services-details-content-block {
max-width: 95%;
margin-top: 40px;
}
.services-details-rich-text-one ul {
grid-template-columns: 1fr;
margin-top: 40px;
}
.services-details-rich-text-one figure {
margin-top: 40px;
margin-bottom: 40px;
}
.services-details-rich-text-two p {
margin-bottom: 20px;
}
.services-details-rich-text-two ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 30px;
}
.team-member-details-wrapper {
grid-template-columns: 4fr;
display: block;
}
.team-member-card.max-width-400px {
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
position: static;
}
.team-member-rich-text-two ul {
grid-template-columns: 1fr;
}
.blog-details-section {
padding-top: 60px;
}
.blog-details-block {
grid-column-gap: 50px;
grid-row-gap: 30px;
justify-content: flex-start;
}
.blog-details-border {
display: none;
}
.blog-details-rich-text-one figure {
margin-top: 20px;
}
.blog-details-rich-text-two {
margin-top: 30px;
}
.blog-details-rich-text-two ol {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.case-study-rich-text-one figure {
margin-top: 30px;
}
.case-study-rich-text-two {
margin-top: 40px;
}
.case-study-rich-text-two ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.case-study-rich-text-two figure {
margin-top: 30px;
}
.case-study-rich-text-three {
margin-top: 40px;
}
.case-study-rich-text-three ul {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.case-study-rich-text-three figure {
margin-top: 30px;
}
.nav-dropdown-link-wrap {
width: 90%;
}
.blog-author-wrapper {
flex-flow: wrap;
justify-content: flex-start;
}
.preview-page-name {
padding-left: 15px;
padding-right: 15px;
}
.preview-section-masonry {
column-count: 2;
column-gap: 20px;
margin-bottom: -20px;
}
.preview-footer-link-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.preview-container-default {
max-width: 540px;
}
.template-showcase-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.preview-surprises-content-block {
text-align: left;
max-width: 450px;
}
.preview-footer-title {
font-size: 26px;
}
.preview-hero-section {
padding-top: 120px;
}
.preview-footer-content-block {
max-width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.preview-surprise-title {
font-size: 26px;
}
.preview-surprises-box-block {
flex-direction: column-reverse;
grid-template-columns: 1fr;
justify-items: center;
}
.preview-surprises-box-block.padding-top-bottom {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 40px;
padding-bottom: 40px;
}
.preview-surprises-box-block.padding-bottom-top {
padding: 40px 10px;
}
.surprises-image {
max-width: 400px;
}
.preview-video-lightbox-block {
width: 70px;
height: 70px;
}
.preview-hero-excerpt {
max-width: 100%;
}
.preview-section-title {
font-size: 26px;
}
.preview-section-title.max-width-900px {
max-width: 100%;
}
.preview-title {
font-size: 28px;
}
.preview-section-title-block {
margin-bottom: 40px;
}
.preview-section-title-block.margin-top {
margin-top: 60px;
}
.preview-essential-features-grid-box {
grid-template-columns: 1fr 1fr;
}
.preview-small-title {
margin-bottom: 10px;
}
.preview-feature-inner,
.preview-feature-inner.feature-three,
.preview-feature-inner.feature-two {
background-size: cover;
}
.preview-feature-grid-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.preview-single-feature-box {
margin-top: 10px;
}
.preview-reusable-image {
margin-bottom: 20px;
}
.preview-section-element-grid {
grid-template-columns: 1fr 1fr;
}
.preview-cta-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-left: 20px;
padding-right: 20px;
}
.cta-button {
padding-top: 18px;
padding-bottom: 18px;
}
.preview-surprises-content-excerpt-2 {
margin-top: 10px;
padding-bottom: 0;
}
.preview-suprise-image.upper-shape {
right: -35px;
}
.preview-suprise-image.lower-shape {
left: -33px;
}
.about-us-right-upper-shape-wrap {
width: 70px;
}
.portfolio-button-block {
width: 50px;
height: 50px;
margin-top: 30px;
}
.purchase-button {
padding-top: 18px;
padding-bottom: 18px;
}
.hero-right-shape-wrap {
top: 90px;
right: 8px;
}
.style-guide-button-wrap {
padding: 40px 20px 0;
}
.style-guide-heading-block {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.button-with-icon {
padding-top: 16px;
padding-bottom: 16px;
}
.style-guide-input-field-wrapper {
padding-top: 60px;
}
.style-guide-input-field-wrap {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
.section-y-axis-gap {
padding-top: 50px;
padding-bottom: 50px;
}
.header {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-menu-wrapper {
width: 70%;
}
.nav-menu-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
}
.nav-dropdown {
display: inline-block;
}
.nav-dropdown-list.w--open {
width: 100%;
max-width: 180px;
}
.nav-button-wrapper {
width: auto;
}
.breadcrumb-section {
padding-top: 120px;
}
.breadcrumb-title {
font-size: 26px;
}
.breadcrumb-shape-one {
width: 40px;
left: 1px;
}
.breadcrumb-shape-two {
width: 40px;
right: -2px;
}
.style-guide-button-wrapper {
padding-top: 50px;
}
.section-heading {
font-size: 28px;
}
.style-guide-details {
padding-bottom: 0;
}
.style-guide-icon-wrapper {
padding-top: 50px;
}
.style-guide-icon-wrap {
padding-bottom: 50px;
}
.color-details-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.typography-wrapper {
padding-top: 50px;
}
.nav-dropdown-flex {
width: 100%;
min-width: 170px;
padding-left: 10px;
padding-right: 5px;
}
.nav-dropdown-column {
padding-right: 0;
}
.footer {
padding-top: 60px;
}
.newsletter-form-block.align-center {
margin-top: 30px;
}
.newsletter-form-title {
font-size: 20px;
}
.newsletter-input-field {
height: 50px;
}
.newsletter-input-field.max-width-280px {
width: 100%;
}
.input-field-and-submit-button-wrap {
margin-top: 0;
}
.newsletter-subscribe-button {
top: 5px;
}
.footer-pages-column {
grid-template-columns: 1fr;
}
.footer-copyright-block {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footer-copyright-text {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
.footer-shape {
display: none;
}
.hero-section {
padding-top: 120px;
padding-bottom: 50px;
}
.hero-section.with-bg-shape {
padding-bottom: 60px;
}
.hero-wrapper {
grid-row-gap: 60px;
overflow: hidden;
}
.hero-image-block {
max-width: 90%;
}
.hero-image-block.margin-bottom-40px {
margin-bottom: 20px;
}
.hero-image-block.margin-top-10px {
padding-bottom: 22px;
}
.hire-us-button {
width: 180px;
padding-top: 13px;
padding-bottom: 13px;
}
.funfact-number-block {
justify-content: center;
align-items: stretch;
height: 40px;
}
.funfact-number-block.height-62px {
height: 62px;
}
.single-funfact-wrap {
justify-content: center;
align-items: center;
}
.single-funfact-wrap.remove-border {
border-right-width: 0;
padding: 20px;
}
.single-funfact-wrap.remove-border.remove-padding {
align-items: center;
padding-left: 0;
}
.single-funfact-wrap.align-center {
border-bottom-width: 0;
padding: 20px;
}
.single-funfact-wrap.border-right-and-bottom {
border-bottom-width: 0;
border-right-width: 0;
padding: 20px;
}
.single-funfact-wrap.border-left-and-top {
padding: 20px;
}
.funfact-content-block {
flex-direction: column;
justify-content: center;
align-items: center;
}
.funfact-content-block.margin-top {
justify-content: center;
margin-top: 30px;
}
.hero-bottom-circle-shape {
width: 35px;
height: 35px;
}
.hero-bottom-circle-shape.bg-43b97f {
width: 30px;
height: 30px;
margin-bottom: 4px;
margin-left: 45px;
}
.hero-bottom-shape-wrap {
bottom: 19px;
left: -14px;
}
.hero-upper-shape-wrap {
top: 15px;
right: -14px;
}
.hero-upper-shape {
height: 40px;
}
.hero-image-wrap.display-flex {
margin-top: 30px;
}
.hero-upper-circle-shape {
height: 30px;
margin-top: 40px;
}
.about-us-section.bg-color-05041d {
max-height: 800px;
}
.about-us-section.bg-color-05041d.padding {
max-height: 770px;
margin-bottom: 99px;
padding-top: 60px;
}
.about-us-section.bg-color-05041d.y-axis-gap {
max-height: 840px;
}
.about-us-wrapper {
grid-row-gap: 50px;
}
.about-us-image-block.max-width-606px {
width: auto;
height: 320px;
}
.about-us-image-block.max-width-443px {
width: 280px;
height: 350px;
}
.section-title {
margin-bottom: 0;
font-size: 24px;
}
.section-title-wrap.max-width-530px,
.about-us-list.max-width-555px {
max-width: 100%;
}
.about-us-list-item-title {
font-size: 18px;
}
.about-us-image {
max-height: none;
}
.about-us-image-wrap.position-absolute.move-left {
left: 0%;
}
.about-us-upper-shape.shape-three {
width: 100px;
}
.about-us-upper-shape.shape-three.move-left {
width: 80px;
}
.about-us-upper-shape-wrap {
top: -75px;
}
.about-us-upper-shape-wrap.move-right {
top: -74px;
right: -92px;
}
.about-us-upper-shape-wrap.move-left {
left: -63px;
}
.about-us-bottom-shape {
width: 80px;
left: 67%;
}
.section-heading-and-button-block {
grid-row-gap: 10px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
overflow: hidden;
}
.feature-services-title.color-3f54d3,
.feature-services-title.left-column-title,
.feature-services-title.color-white,
.feature-services-title.max-width-321px {
font-size: 24px;
}
.feature-services-excerpt.max-width-404px {
margin-top: 16px;
}
.portfolio-shape {
height: 25px;
top: 121px;
}
.portfolio-title.max-width-368px {
font-size: 18px;
}
.portfolio-title.color-black.text-32px {
font-size: 22px;
}
.portfolio-button {
width: 35px;
height: 35px;
}
.portfolio-button-arrow {
width: 12px;
}
.portfolio-image-link.radius-16px {
width: auto;
}
.slider-left-arrow-button {
left: 30%;
}
.slider-left-arrow-button.move-top {
left: 27%;
}
.slider-left-arrow-button.move-top.width-60px {
left: 30%;
}
.slider-left-arrow-button.move-bottom {
left: 34%;
}
.slider-right-arrow-button {
left: auto;
right: 30%;
}
.slider-right-arrow-button.move-top {
margin-right: 0;
right: 33%;
}
.slider-right-arrow-button.move-top.width-60px,
.slider-right-arrow-button.move-bottom {
right: 30%;
}
.team-circle-shape {
width: 100px;
top: -35px;
left: -33px;
}
.team-upper-shape,
.team-lower-shape {
width: 150px;
}
.team-collection-list {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.team-collection-list.column-3 {
grid-template-columns: 1fr;
}
.primary-button-dark-bg {
padding: 13px 25px;
}
.testimonial-content-block {
padding-top: 0;
padding-left: 10px;
padding-right: 10px;
}
.testimonial-upper-shape {
width: 60px;
}
.testimonial-client-feedback {
font-size: 16px;
}
.testimonial-client-name {
font-size: 18px;
}
.testimonial-lower-shape {
width: 60px;
}
.blog-shape {
height: 30px;
top: 121px;
}
.blog-shape.move-top {
left: 78%;
}
.blog-left-circle-shape {
display: none;
}
.blog-single-item.border-1px {
padding: 10px;
}
.blog-meta-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
}
.blog-meta-block.wrap-down {
flex-flow: wrap;
}
.meta-and-title-separator {
margin-top: 10px;
margin-bottom: 10px;
}
.blog-title {
font-size: 18px;
}
.blog-title.color-white {
margin-bottom: 0;
}
.blog-title-link.max-width-778px {
max-width: 100%;
}
.brand-logo-wrap {
min-height: 340px;
}
.hero-wrapper-version-two {
grid-row-gap: 60px;
margin-top: 0;
}
.hero-title-wrap.max-width {
max-width: 100%;
}
.hero-title-image {
height: 27px;
}
.hero-title-arrow-shape {
height: 20px;
top: -74%;
}
.hero-title-image-wrap {
transform: translate(0, -5px);
}
.newsletter-submit-button {
padding: 5px 10px;
right: 4px;
}
.newsletter-form-input-field {
width: 280px;
height: 50px;
font-size: 14px;
}
.newsletter-form-input-field.remove-stroke {
width: 100%;
}
.hero-shape {
width: 40px;
}
.hero-left-column-image-block {
max-height: none;
}
.funfact-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: stretch;
justify-items: center;
padding-top: 0;
}
.funfact-image-block {
width: 260px;
height: 240px;
}
.funfact-numbers-block {
grid-template-columns: 1fr;
}
.funfact-upper-image-wrap {
top: 0;
}
.funfact-lower-image-wrap {
bottom: 0;
}
.funfact-upper-image,
.funfact-lower-image {
width: 200px;
}
.funfact-circle-shape {
width: 50px;
height: 50px;
bottom: 15px;
}
.funfact-curve-shape {
width: 50px;
top: 10%;
}
.funfact-curve-shape.move-bottom {
top: 9%;
right: -1%;
}
.service-shape {
height: 25px;
top: auto;
bottom: 50px;
left: 82%;
}
.service-content-block {
margin-top: 40px;
}
.portfolio-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.portfolio-item.bg-f8f4ff {
padding: 15px;
}
.portfolio-excerpt {
margin-bottom: 20px;
}
.portfolio-button-link {
margin-top: 20px;
}
.title-upper-shape {
top: -20%;
right: 4%;
}
.testimonial-card {
padding: 25px 20px;
}
.client-feedback-paragraph.color-black {
font-size: 16px;
}
.client-info-block {
flex-flow: wrap;
}
.client-image-and-name-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
}
.testimonial-shape-wrap {
display: none;
}
.team-right-shape {
width: 40px;
top: 36.0781px;
}
.team-left-shape {
width: 30px;
}
.circle-shape {
height: 25px;
top: auto;
bottom: 50px;
left: 82%;
}
.case-study-summary {
margin-bottom: 15px;
}
.case-study-meta-block {
margin-top: 15px;
}
.hero-heading-highlight {
min-width: 140px;
min-height: 58px;
margin-bottom: 10px;
}
.hero-title-hightlight-text {
bottom: 0%;
left: 6%;
}
.hero-left-image {
min-width: auto;
min-height: auto;
left: -50px;
}
.hero-bg-image-wrap {
top: -312px;
}
.hero-right-image {
min-width: auto;
min-height: auto;
margin-top: 0;
right: -50px;
}
.hero-upper-left-circle {
width: 100px;
height: 100px;
top: -10px;
left: 5px;
}
.hero-upper-right-circle {
width: 100px;
height: 100px;
right: 0%;
}
.hero-lower-right-circle {
width: 100px;
height: 100px;
bottom: -8%;
right: 5%;
}
.hero-client-image {
width: 100px;
}
.hero-upper-right-circle-shape {
width: 50px;
}
.brand-logo-container {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: wrap;
}
.about-us-lower-shape {
width: 60px;
margin-bottom: -19px;
margin-right: 10px;
}
.about-us-image-container.margin-top {
margin-top: 20px;
}
.view-all-services-button {
margin-top: 40px;
}
.title-lower-shape {
width: 30px;
top: auto;
bottom: -27px;
left: 7%;
right: auto;
}
.testimonial-slider-left-button {
left: -27%;
}
.testimonial-slider-right-button {
right: -20%;
}
.section-bottom-gap {
padding-bottom: 50px;
}
.about-us-flex {
align-items: center;
}
.about-us-center-shape {
width: 60px;
top: 270px;
left: 223px;
}
.about-us-image-image-grid.min-width-346px {
background-size: contain;
align-items: center;
justify-items: center;
min-width: 280px;
max-width: none;
min-height: auto;
}
.about-us-upper-circle.max-width-205px,
.about-us-lower-circle.max-width-205px {
width: 130px;
height: 130px;
}
.about-us-bottom-image-wrap {
margin-top: 40px;
}
.about-us-bottom-image-wrap.margin-top {
margin-top: 33px;
}
.why-choose-us-section.top-gap,
.our-mission-section.top-gap {
margin-top: 80px;
}
.our-mission-grid {
grid-template-columns: 1fr;
}
.our-mission-upper-shape-wrap,
.our-vision-upper-shape-wrap {
top: -75px;
}
.our-vision-list-item-title {
font-size: 18px;
}
.working-process-curve-shape {
width: 60px;
margin-top: -6px;
right: 9%;
}
.working-process-content-block {
padding-left: 10px;
}
.working-process-single-card {
max-height: none;
}
.working-process-left-line-wrap {
height: 93%;
}
.line-circle-two,
.line-circle-three,
.line-circle-four,
.line-circle-five,
.line-circle-six,
.line-circle-seven,
.line-circle-eight {
margin-top: 400px;
}
.page-y-axis-gap {
padding-top: 140px;
}
.page-title {
font-size: 30px;
}
.about-us-grid,
.about-us-grid.margin-y-axis-bottom {
grid-row-gap: 40px;
}
.section-heading-and-shape-block {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.bottom-border-line {
bottom: 19%;
right: 30%;
}
.why-choose-us-image-block {
max-width: 90%;
}
.why-choose-us-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.upper-right-bg {
width: 150px;
height: 150px;
top: -10px;
right: -10px;
}
.lower-left-bg {
width: 150px;
height: 150px;
bottom: -10px;
left: -10px;
}
.whu-choose-us-shape-wrap {
top: -75px;
}
.whu-choose-us-shape-wrap.move-center {
left: 88px;
}
.about-us-shape {
width: 40px;
top: 2px;
right: 35px;
}
.about-us-right-upper-shape {
width: 60px;
}
.why-choose-us-upper-circle-shape {
width: 30px;
top: 19px;
right: 2%;
}
.about-us-play-button-wrap {
width: 50px;
height: 50px;
transform: translate(-56%, -32%);
}
.play-button-icon {
margin-left: 3px;
}
.about-us-image-wrap-version-two {
width: 260px;
height: 240px;
}
.about-us-image-wrap-version-two.max-width-296px {
width: 250px;
height: 180px;
margin-bottom: 30px;
}
.about-us-upper-image-wrap-version-two {
top: 0;
}
.about-us-upper-image-version-two {
width: 200px;
}
.about-us-lower-image-wrap-version-two {
bottom: 0;
}
.about-curve-shape {
width: 60px;
}
.about-us-circle-shape-virsion-two {
width: 50px;
height: 50px;
bottom: -1px;
}
.portfolio-paginate-button {
margin-top: 30px;
}
.services-single-item {
flex-flow: wrap;
}
.blog-single-card {
min-height: 300px;
max-height: none;
}
.blog-card-bg-image {
min-height: 300px;
}
.blog-content-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
padding: 10px;
}
.contact-us-wrapper.bg-color-f8f4ff {
padding: 10px;
}
.contact-us-wrapper.display-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
display: grid;
}
.contact-us-card-block {
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.contact-us-form-block.padding-40px {
padding-left: 10px;
padding-right: 10px;
}
.form-input-field.margin-bottom {
margin-bottom: 20px;
}
.form-single-item-block.margin-top-36px {
margin-top: 20px;
}
.form-text-area-field.minimum-height-184px {
min-height: 120px;
}
.submit-button {
padding-top: 13px;
padding-bottom: 13px;
}
.contact-us-info-block.bg-color-05041d {
padding: 30px 10px;
}
.contact-us-card-icon-block.bg-color-3f54d3,
.contact-us-card-icon-block.bg-color-43b97f,
.contact-us-card-icon-block.bg-color-f4a718,
.contact-us-card-icon-block.bg-color-616171 {
flex: none;
}
.contact-us-address {
text-align: left;
}
.contact-us-info-flex {
flex-flow: wrap;
justify-content: flex-start;
}
.license-heading {
margin-bottom: 0;
}
.license-info-card-grid {
margin-top: 0;
}
.changelog-info-card {
padding-left: 40px;
padding-right: 40px;
}
.released-date-wrapper {
flex-direction: column;
}
.utility-page-content {
max-width: 90%;
}
.portfolio-details-section {
padding-top: 40px;
}
.portfolio-details-section.section-bottom-gap {
padding-top: 50px;
}
.portfolio-details-image-block {
padding: 5px;
}
.portfolio-project-details-block {
grid-row-gap: 30px;
}
.project-details-content-block {
padding-left: 0;
padding-right: 0;
}
.portfolio-details-rich-text-two ul {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 20px;
margin-bottom: 20px;
}
.heading-curve-shape-wrap {
display: none;
}
.services-details-section {
padding-top: 40px;
}
.services-details-content-block {
max-width: 100%;
}
.services-details-rich-text-one figure {
margin-top: 30px;
margin-bottom: 30px;
}
.services-details-rich-text-two ul {
margin-top: 30px;
}
.team-member-card.max-width-400px {
max-width: 100%;
}
.team-member-skill-block {
grid-template-columns: 1fr;
}
.blog-details-section {
padding-top: 50px;
}
.blog-details-block {
grid-row-gap: 30px;
}
.case-study-details-section {
padding-top: 50px;
}
.case-study-details-rich-text-wrap,
.case-study-rich-text-two,
.case-study-rich-text-three {
margin-top: 30px;
}
.nav-dropdown-link-wrap {
width: 100%;
min-width: 170px;
}
.blog-author-wrapper {
justify-content: center;
}
.preview-page-name {
padding-top: 9px;
padding-bottom: 9px;
}
.preview-section-masonry {
column-count: 1;
}
.preview-surprises-blurry-block {
width: 150px;
height: 150px;
}
.preview-footer-link-wrapper {
flex-wrap: wrap;
justify-content: center;
}
.template-showcase-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.preview-surprises-content-block {
text-align: left;
}
.preview-footer-title {
font-size: 26px;
}
.preview-footer-content-block {
padding-bottom: 50px;
}
.preview-surprises-box-block.padding-top-bottom {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
.preview-surprises-box-block.padding-bottom-top {
padding-top: 30px;
padding-bottom: 30px;
}
.surprises-image {
width: 100%;
max-width: 350px;
}
.preview-hero-video-button {
top: -25px;
}
.preview-section-title-block.margin-top {
margin-top: 50px;
}
.preview-essential-features-grid-box {
grid-template-columns: 1fr;
}
.preview-feature-icon-wrap {
padding-left: 60px;
padding-right: 60px;
}
.preview-feature-inner {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
padding: 20px;
}
.preview-feature-inner.feature-three {
background-size: contain;
}
.preview-feature-inner.feature-two {
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
padding-left: 20px;
padding-right: 20px;
}
.preview-feature-grid-box {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.preview-section-element-grid {
grid-template-columns: 1fr;
}
.preview-cta-wrapper {
padding: 15px;
}
.cta-heading-block.max-width-400px {
max-width: 100%;
}
.preview-surprises-content-excerpt-2 {
margin-top: 10px;
}
.preview-suprise-image.upper-shape {
width: 80px;
top: -8px;
right: -12px;
}
.preview-suprise-image.main-image {
width: 220px;
}
.preview-suprise-image.lower-shape {
width: 80px;
bottom: 1px;
left: -21px;
}
.about-us-right-upper-shape-wrap {
width: 60px;
}
.portfolio-button-block {
margin-top: 20px;
}
.hero-right-shape-wrap {
top: 117px;
}
.portfolio-single-card-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.style-guide-button-wrap {
padding-bottom: 0;
padding-left: 20px;
padding-right: 0;
}
.style-guide-heading-block {
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
.button-with-icon {
width: 90%;
padding-top: 13px;
padding-bottom: 13px;
}
.typography-title.margin-bottom {
margin-bottom: 30px;
}
.style-guide-input-field-wrapper {
padding-top: 50px;
}
}
#w-node-bf7aaf58-7fc7-329a-5739-d5dfc878661a-70d2ffde,
#w-node-bf7aaf58-7fc7-329a-5739-d5dfc8786623-70d2ffde,
#w-node-bf7aaf58-7fc7-329a-5739-d5dfc878662c-70d2ffde,
#w-node-c1c18c5c-c7a3-d453-c5a9-5adfceb8fa66-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb39-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb3e-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb3f-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb44-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb45-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb4a-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb4b-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb50-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb51-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb56-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb57-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb5c-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb5d-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb62-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb63-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb68-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb69-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb6e-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb6f-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb74-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb75-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb7a-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb7b-70d2ffde,
#w-node-_7fffa9c3-1f5d-f14e-a9c9-69c7db6bb1f1-70d2ffde,
#w-node-_7fffa9c3-1f5d-f14e-a9c9-69c7db6bb1f2-70d2ffde,
#w-node-_58b13588-271d-df87-ee46-9cdb78073f4f-70d2ffde,
#w-node-_58b13588-271d-df87-ee46-9cdb78073f50-70d2ffde,
#w-node-e28ccd0d-a623-65b9-e242-58142a44031c-70d2ffde,
#w-node-e28ccd0d-a623-65b9-e242-58142a44031d-70d2ffde,
#w-node-_67725a71-5183-3a5b-f29f-cb7428dbb8ad-70d2ffde,
#w-node-_67725a71-5183-3a5b-f29f-cb7428dbb8ae-70d2ffde,
#w-node-b21dc941-5b58-e26b-4587-671d522bcb69-70d2ffde,
#w-node-b21dc941-5b58-e26b-4587-671d522bcb6a-70d2ffde,
#w-node-_320b8530-4b74-f1c4-667b-d0f865550aad-70d2ffde,
#w-node-_320b8530-4b74-f1c4-667b-d0f865550aae-70d2ffde,
#w-node-f9c72804-73f0-8272-182d-23a4acc80621-70d2ffde,
#w-node-f9c72804-73f0-8272-182d-23a4acc80622-70d2ffde,
#w-node-_0f9f8524-ebe1-d65a-df73-d2b732ae30c7-70d2ffde,
#w-node-_0f9f8524-ebe1-d65a-df73-d2b732ae30c8-70d2ffde,
#w-node-a7cf884a-90f2-f8fe-17c1-f378b99ec9bf-70d2ffde,
#w-node-_801acaf1-6c4d-9261-2aba-634754af3efa-70d2ffde,
#w-node-fdacd83f-6bf7-3c9a-e3d5-3e97f663b9eb-70d2ffde,
#w-node-d79e7f24-eaab-4e3a-f8f2-404cb16e5109-70d2ffde,
#w-node-_9808633b-560f-9cc3-4ed5-0ea641db205d-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bb9b-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bba1-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bba7-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bbd4-70d2ffde,
#w-node-e27ec4b3-9644-3073-122d-8ab83d54bbd7-70d2ffde {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4ae751ed-6096-12c4-b2cf-4d6a33be324d-3c473b8e {
align-self: start;
}
#w-node-_2fbd9f9d-b418-1116-c928-2cdb7463db1f-3c473b8e {
align-self: end;
}
#w-node-ba0723c1-c531-3592-e103-d2fe91575c19-d830ac91,
#w-node-ba7971f0-45c0-27ad-4092-516a80d23c16-d830ac91,
#w-node-_98a14d3b-d185-6f4e-fd83-a98bb971eec9-cd9f3c22 {
justify-self: end;
}
@media screen and (min-width: 1920px) {
#w-node-_4d67bd2e-642e-35dc-a956-27f2ef5c37ea-70d2ffde {
justify-self: end;
}
#w-node-_4ae751ed-6096-12c4-b2cf-4d6a33be324d-3c473b8e {
align-self: start;
}
#w-node-_2fbd9f9d-b418-1116-c928-2cdb7463db1f-3c473b8e {
align-self: end;
}
}
@media screen and (min-width: 1440px) {
#w-node-bf7aaf58-7fc7-329a-5739-d5dfc8786623-70d2ffde,
#w-node-bf7aaf58-7fc7-329a-5739-d5dfc878662c-70d2ffde,
#w-node-_4ae751ed-6096-12c4-b2cf-4d6a33be324d-3c473b8e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ba7971f0-45c0-27ad-4092-516a80d23c16-d830ac91 {
justify-self: end;
}
}
@media screen and (min-width: 1280px) {
#w-node-a6ab2e60-bbb2-2271-a812-92e18289f054-6d766452 {
justify-self: auto;
}
}
@media screen and (max-width: 991px) {
#w-node-a6ab2e60-bbb2-2271-a812-92e18289f054-6d766452,
#w-node-ba0723c1-c531-3592-e103-d2fe91575c19-d830ac91,
#w-node-ba7971f0-45c0-27ad-4092-516a80d23c16-d830ac91,
#w-node-_98a14d3b-d185-6f4e-fd83-a98bb971eec9-cd9f3c22 {
justify-self: auto;
}
}
@media screen and (max-width: 767px) {
#w-node-_2fbd9f9d-b418-1116-c928-2cdb7463db1f-3c473b8e {
align-self: end;
}
#w-node-_71079045-690b-2f39-c744-4caa16e587f4-93ba71a0,
#w-node-b425fa4d-5ad9-bfd0-92c6-2e16fb11f145-93ba71a0,
#w-node-_341976b7-7223-1587-9a55-b51b0346a00e-93ba71a0,
#w-node-d160d3f6-dbbc-d6dd-9ecc-ba0872415fd9-93ba71a0,
#w-node-df4fee40-85b8-830f-ec8b-9bb0dc894e60-93ba71a0,
#w-node-_801d7271-2cfa-61fa-36ab-157edf53118f-93ba71a0 {
justify-self: start;
}
}
@font-face {
font-family: "Lexend";
src: url("../65e9927d9a6c42aa1f664526_Lexend-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lexend";
src: url("../65e9902d6b16c1878e1afba2_Lexend-Regular.ttf")
format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lexend";
src: url("../65e9904a0c07f8628ba7df3f_Lexend-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lexend";
src: url("../65e9905c04bdefcc6fb5f2c4_Lexend-SemiBold.ttf")
format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}