.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap");
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
text-decoration: none;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
* {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;   scrollbar-color: #03BBFF #2F333D;
scrollbar-width: thin;
}
*::selection {
background-color: #03BBFF;
color: #2F333D;
}
*::-webkit-scrollbar {
width: 10px;
}
*::-webkit-scrollbar-track {
background: #2F333D;
}
*::-webkit-scrollbar-thumb {
background: #03BBFF;
}
*::-webkit-scrollbar-thumb:hover {
background: #03BBFF;
}
body {
color: #000000;
font-family: "Poppins", sans-serif;
font-size: 16px;
}
body.initial-load {
overflow: hidden;
}
a {
color: inherit;
}
.container {
width: 100%;
max-width: 1920px;
padding: 0 clamp(20px, 3.5vw, 67px);
margin: 0 auto;
}
img {
height: auto;
max-width: 100%;
}
body:not(.home) .language-switcher.desktop li {
color: #2F333D;
}
body:not(.home) .language-switcher.desktop li.current-lang, body:not(.home) .language-switcher.desktop li:hover {
color: #03BBFF;
}
body:not(.home) .language-switcher.desktop li:first-of-type::after {
color: #2F333D;
}
.site-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 10;
opacity: 0;
border-bottom: 1px solid transparent;
visibility: hidden;
transition: opacity 0.4s linear 3s, visibility 0.4s linear 3s, background-color 0.4s linear, border-color 0.4s linear;
}
@media (max-width: 991px) {
.site-header {
background-color: #FFFFFF;
border-color: #EBECEE;
opacity: 1;
visibility: visible;
}
}
.site-header:not(.initial-load) {
opacity: 1;
visibility: visible;
}
.site-header.initial-load-done {
opacity: 1;
visibility: visible;
transition: unset;
transition: background-color 0.4s linear, border-color 0.4s linear;
}
.site-header.sticky-header {
background-color: #FFFFFF;
border-bottom-color: #EBECEE;
}
.site-header.sticky-header .site-header-inner {
height: 71px;
}
@media (max-width: 991px) {
.site-header.sticky-header .site-header-inner {
height: 58px;
}
}
.site-header.sticky-header .language-switcher.desktop li {
color: #2F333D;
}
.site-header.sticky-header .language-switcher.desktop li.current-lang, .site-header.sticky-header .language-switcher.desktop li:hover {
color: #03BBFF;
}
.site-header.sticky-header .language-switcher.desktop li:first-of-type::after {
color: #2F333D;
}
.site-header.sticky-header .site-header-logo-link {
opacity: 0;
visibility: hidden;
}
.site-header.sticky-header .site-header-logo-link-hidden {
opacity: 1;
visibility: visible;
}
.site-header-logo-mobile-home {
display: none;
max-width: clamp(105px, 6.2vw, 119px);
}
@media (max-width: 1199px) {
.site-header-logo-mobile-home {
display: inline-flex;
align-items: center;
}
}
.site-header-inner {
display: flex;
align-items: center;
height: 89px;
transition: height 0.4s linear;
}
@media (max-width: 991px) {
.site-header-inner {
height: 58px;
}
}
.site-header-logo-link {
display: inline-flex;
align-items: center;
transition: 0.4s linear;
}
@media (max-width: 1199px) {
.site-header-logo-link {
display: none;
}
}
.site-header-contact-link {
color: #2F333D;
font-size: 18px;
line-height: 24.5px;
margin-left: 40px;
position: relative;
transition: 0.4s linear;
}
@media (max-width: 991px) {
.site-header-contact-link {
display: none;
}
}
.site-header-contact-link:hover {
color: #03BBFF;
}
.site-header-contact-link:hover::before {
background-color: #03BBFF;
}
.site-header-contact-link::before {
position: absolute;
content: "";
background-color: #2F333D;
height: 1px;
left: 0;
right: 0;
bottom: 0;
transition: 0.4s linear;
}
.site-header-logo-wrapper {
position: relative;
display: inline-flex;
}
.site-header-logo-link-hidden {
position: absolute;
display: inline-flex;
align-items: center;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition: 0.4s linear;
}
@media (max-width: 1199px) {
.site-header-logo-link-hidden {
display: none;
}
}
@media (max-width: 991px) {
.site-header-logo-link-hidden {
opacity: 1;
visibility: visible;
position: static;
}
}
@media (max-width: 767px) {
.site-header-logo-link-hidden img {
width: 38px;
height: 38px;
}
}
.language-switcher {
margin-left: 176px;
display: inline-flex;
color: #FFFFFF;
}
@media (max-width: 1366px) {
.language-switcher {
margin-left: 100px;
}
}
.language-switcher li {
list-style: none;
text-transform: uppercase;
position: relative;
font-weight: 500;
transition: 0.4s linear;
}
.language-switcher li.current-lang, .language-switcher li:hover {
color: #03BBFF;
}
.language-switcher li:first-of-type {
margin-right: 15px;
}
.language-switcher li:first-of-type::after {
content: "/";
color: #FFFFFF;
pointer-events: none;
position: absolute;
right: -11px;
transition: 0.4s linear;
}
.language-switcher img {
width: 20px !important;
height: auto !important;
}
@media (max-width: 991px) {
.language-switcher.desktop {
display: none;
}
}
.language-switcher.mobile {
display: none;
}
@media (max-width: 991px) {
.language-switcher.mobile {
display: flex;
padding-top: 24px;
border-top: 1px solid rgba(235, 236, 238, 0.5);
margin: 24px 0 0;
}
}
.language-switcher.mobile li {
color: #2F333D;
}
.language-switcher.mobile li.current-lang, .language-switcher.mobile li:hover {
color: #03BBFF;
}
.language-switcher.mobile li:first-of-type::after {
color: #2F333D;
}
.site-header-menu {
margin-left: auto;
}
@media (max-width: 991px) {
.site-header-menu {
position: fixed;
margin-left: unset;
z-index: 99;
inset: 0;
top: 59px;
transform: translateX(-100%);
transition: 0.4s linear;
background-color: #FFFFFF;
padding: 38px 20px;
display: flex;
flex-direction: column;
}
.site-header-menu.active {
transform: none;
}
}
body.home .site-header-menu-list li.current-menu-item a, body.home .site-header-menu-list li:hover a {
color: #03BBFF;
}
@media (max-width: 991px) {
body.home .site-header-menu-list li.current-menu-item a, body.home .site-header-menu-list li:hover a {
color: #2F333D;
}
}
body.home .site-header-menu-list li a {
color: #FFFFFF;
}
@media (max-width: 991px) {
body.home .site-header-menu-list li a {
color: #2F333D;
}
}
body.home .site-header-contact-link {
color: #FFFFFF;
}
body.home .site-header-contact-link:hover {
color: #03BBFF;
}
body.home .site-header-contact-link:hover::before {
background-color: #03BBFF;
}
body.home .site-header-contact-link::before {
background-color: #FFFFFF;
}
body.home .site-header.sticky-header .site-header-menu-list li.current-menu-item a, body.home .site-header.sticky-header .site-header-menu-list li:hover a {
color: #03BBFF;
}
@media (max-width: 991px) {
body.home .site-header.sticky-header .site-header-menu-list li.current-menu-item a, body.home .site-header.sticky-header .site-header-menu-list li:hover a {
color: #2F333D;
}
}
body.home .site-header.sticky-header .site-header-menu-list li a {
color: #2F333D;
}
body.home .site-header.sticky-header .site-header-contact-link {
color: #2F333D;
}
body.home .site-header.sticky-header .site-header-contact-link:hover {
color: #03BBFF;
}
body.home .site-header.sticky-header .site-header-contact-link:hover::before {
background-color: #03BBFF;
}
body.home .site-header.sticky-header .site-header-contact-link::before {
background-color: #2F333D;
}
.site-header-menu-list {
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
@media (max-width: 991px) {
.site-header-menu-list {
flex-direction: column;
align-items: flex-start;
}
}
.site-header-menu-list li {
list-style: none;
margin-left: 43px;
}
@media (max-width: 991px) {
.site-header-menu-list li {
margin-left: 0;
margin-bottom: 24px;
}
.site-header-menu-list li:last-of-type {
margin-bottom: 0;
}
}
.site-header-menu-list li.current-menu-item a, .site-header-menu-list li:hover a {
color: #03BBFF;
}
@media (max-width: 991px) {
.site-header-menu-list li.current-menu-item a, .site-header-menu-list li:hover a {
color: #2F333D;
}
.site-header-menu-list li.current-menu-item a::before, .site-header-menu-list li:hover a::before {
width: 100%;
}
}
.site-header-menu-list li:first-of-type {
margin-left: 0;
}
.site-header-menu-list li a {
color: #2F333D;
font-size: 18px;
line-height: 24.5px;
transition: 0.4s linear;
}
@media (max-width: 991px) {
.site-header-menu-list li a {
font-size: 25px;
line-height: 33.3px;
position: relative;
}
.site-header-menu-list li a::before {
position: absolute;
content: "";
height: 1px;
left: 0;
bottom: 0;
width: 0;
background-color: #2F333D;
transition: 0.4s linear;
}
}
.menu-toggle {
display: none;
}
@media (max-width: 991px) {
.menu-toggle {
display: block;
margin-left: auto;
position: relative;
width: 30px;
height: 20px;
}
}
.menu-toggle.active span:nth-child(1) {
top: calc(50% - 1px);
transform: rotate(45deg);
transition: top 0.2s ease 0.2s, transform 0.2s ease 0.4s;
}
.menu-toggle.active span:nth-child(2) {
width: 0;
transition: 0.2s ease;
}
.menu-toggle.active span:nth-child(3) {
top: calc(50% - 1px);
transform: rotate(-45deg);
transition: top 0.2s ease 0.2s, transform 0.2s ease 0.4s;
}
.menu-toggle span {
position: absolute;
height: 2px;
background-color: #03BBFF;
left: 0;
}
.menu-toggle span:nth-child(1) {
top: 0;
width: 100%;
transition: transform 0.2s ease, top 0.2s ease 0.2s;
}
.menu-toggle span:nth-child(2) {
width: 80%;
top: calc(50% - 1px);
transition: 0.2s ease 0.4s;
}
.menu-toggle span:nth-child(3) {
width: 100%;
top: calc(100% - 2px);
transition: transform 0.2s ease, top 0.2s ease 0.2s;
}
.mobile-menu-cta-wrapper {
display: none;
}
@media (max-width: 991px) {
.mobile-menu-cta-wrapper {
display: block;
margin-top: auto;
}
}
.mobile-menu-cta-wrapper .btn-primary {
width: 100%;
justify-content: space-between;
padding: 0 20px;
}
.mobile-menu-cta-wrapper-text {
margin: 0 0 16px;
font-size: 16px;
line-height: 22px;
font-weight: 500;
}
.inner-form-block {
padding: clamp(38px, 6.8vw, 130px) 0;
border-top: 1px solid #EBECEE;
}
.inner-form-block-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.inner-form-block-inner.home {
align-items: flex-start;
}
.inner-form-block-inner.home h2 {
font-size: clamp(48.8px, 5.6vw, 107.3px);
line-height: clamp(65.1px, 7.45vw, 143px);
padding-right: 30px;
}
@media (max-width: 991px) {
.inner-form-block-inner.home h2 {
width: 100%;
padding-right: 0;
margin-bottom: 38px;
}
}
.inner-form-block-inner.home .inner-form-block-content-right {
padding-left: 22px;
padding-top: 0;
}
@media (max-width: 991px) {
.inner-form-block-inner.home .inner-form-block-content-right {
padding-left: 0;
}
}
.inner-form-block-inner h2 {
font-weight: 400;
font-size: clamp(39.1px, 4vw, 68.7px);
line-height: clamp(52.1px, 4.8vw, 91.6px);
width: 50%;
margin: 0;
color: #2F333D;
}
@media (max-width: 991px) {
.inner-form-block-inner h2 {
width: 100%;
margin-bottom: 38px;
}
}
.inner-form-block-inner h2 strong {
color: #03BBFF;
font-weight: 400;
}
.inner-form-block-content-right {
width: 50%;
padding-left: 175px;
padding-top: 11px;
}
@media (max-width: 1366px) {
.inner-form-block-content-right {
padding-left: 80px;
padding-top: 0;
}
}
@media (max-width: 991px) {
.inner-form-block-content-right {
width: 100%;
padding-left: 0;
}
}
.text-secondary-form {
margin-bottom: clamp(16px, 1.2vw, 23px);
font-size: clamp(20px, 1.83vw, 35.2px);
line-height: clamp(26.7px, 2.45vw, 47px);
color: #2F333D;
}
.cta-secondary-form {
background-color: #03BBFF;
color: #FFFFFF;
height: clamp(48px, 3.2vw, 61px);
font-weight: 500;
display: inline-flex;
align-items: center;
justify-content: space-between;
font-size: clamp(16px, 1vw, 18px);
line-height: 1;
border-radius: 8px;
padding: 0 clamp(16px, 1.2vw, 23px);
width: 100%;
max-width: 720px;
transition: 0.4s linear;
}
.cta-secondary-form:hover {
background-color: #68D6FF;
}
.cta-secondary-form .icon {
display: inline-flex;
font-size: 12px;
margin-left: 9px;
}
.site-footer {
background-color: #F7F8F9;
border-top: 1px solid #EBECEE;
padding: clamp(48px, 4.43vw, 85px) 0 clamp(29px, 2.23vw, 43px);
}
.site-footer-top {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.site-footer-title {
font-size: clamp(20px, 1.2vw, 22.5px);
line-height: clamp(26.7px, 1.6vw, 30px);
font-weight: 400;
margin: 0 0 18px;
color: #2F333D;
}
@media (max-width: 767px) {
.site-footer-title {
margin-bottom: 24px;
}
}
.site-footer-menu-list {
margin: 0;
padding: 0;
}
.site-footer-menu-list li {
list-style: none;
margin-bottom: 18px;
}
@media (max-width: 640px) {
.site-footer-menu-list li {
margin-bottom: 20px;
}
}
.site-footer-menu-list li.current-menu-item a, .site-footer-menu-list li:hover a {
color: #03BBFF;
}
.site-footer-menu-list li.current-menu-item a::before, .site-footer-menu-list li:hover a::before {
background-color: #03BBFF;
}
.site-footer-menu-list li:last-of-type {
margin-bottom: 0;
}
.site-footer-menu-list li a {
position: relative;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
color: #2F333D;
transition: 0.4s linear;
}
@media (max-width: 767px) {
.site-footer-menu-list li a {
font-weight: 500;
}
}
.site-footer-menu-list li a::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0px;
height: 1px;
display: block;
background-color: #2F333D;
transition: 0.4s linear;
}
.site-footer-logo-link {
display: inline-flex;
align-items: center;
max-width: clamp(105px, 6.2vw, 119px);
}
@media (max-width: 640px) {
.site-footer-logo-link {
margin-bottom: 48px;
}
}
.site-footer-column-1,
.site-footer-column-2 {
width: 100%;
max-width: 414px;
}
@media (max-width: 1440px) {
.site-footer-column-1,
.site-footer-column-2 {
max-width: unset;
width: auto;
}
}
@media (max-width: 640px) {
.site-footer-column-1,
.site-footer-column-2 {
width: 100%;
}
}
.site-footer-column-1 {
margin-left: auto;
}
@media (max-width: 640px) {
.site-footer-column-1 {
margin-left: unset;
margin-bottom: 48px;
}
}
.site-footer-column-2 {
margin-left: 43px;
}
@media (max-width: 1440px) {
.site-footer-column-2 {
margin-left: 140px;
}
}
@media (max-width: 767px) {
.site-footer-column-2 {
margin-left: 100px;
}
}
@media (max-width: 640px) {
.site-footer-column-2 {
margin-left: 0;
}
}
.site-footer-text-top {
color: #6A6A6A;
font-size: clamp(12.8px, 0.75vw, 14.4px);
line-height: clamp(20px, 1.14vw, 22px);
margin-top: clamp(48px, 3.54vw, 68px);
}
.site-footer-text-bottom {
color: #6A6A6A;
font-size: clamp(12.8px, 0.75vw, 14.4px);
line-height: clamp(20px, 1.14vw, 22px);
margin-top: clamp(29px, 2.3vw, 44px);
}
.main-form-text {
display: inline-block;
margin-bottom: clamp(29px, 3.9vw, 74px);
font-size: clamp(20px, 1.2vw, 22.5px);
line-height: clamp(26.7px, 1.6vw, 30px);
}
@media (max-width: 991px) {
.main-form-text {
font-weight: 300;
}
}
@font-face {
font-family: "font-icons";
src: url(//real-pixel.com/wp-content/themes/pixel-web-theme/assets/fonts/font-icons/font-icons.woff2) format("woff2"), url(//real-pixel.com/wp-content/themes/pixel-web-theme/assets/fonts/font-icons/font-icons.woff) format("woff"), url(//real-pixel.com/wp-content/themes/pixel-web-theme/assets/fonts/font-icons/font-icons.ttf) format("truetype");
}
.icon-slider-right:before, .icon-slider-left:before, .icon-filter:before, .icon-check:before, .icon-arrow-top:before, .icon-angle-down:before, .icon-accordion-minus:before {
font-family: "font-icons";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-display: swap;
}
.icon-accordion-minus:before {
content: "\e001";
}
.icon-angle-down:before {
content: "\e002";
}
.icon-arrow-top:before {
content: "\e003";
}
.icon-check:before {
content: "\e004";
}
.icon-filter:before {
content: "\e005";
}
.icon-slider-left:before {
content: "\e006";
}
.icon-slider-right:before {
content: "\e007";
}
.entry-content p {
font-size: clamp(16px, 0.9375vw, 18px);
line-height: clamp(24px, 1.4vw, 26px);
margin: 23px 0;
}
@media (max-width: 767px) {
.entry-content p {
font-weight: 300;
}
}
.section-title {
font-size: clamp(25px, 2.3vw, 44px);
line-height: clamp(33.3px, 3.1vw, 58.7px);
font-weight: 400;
}
.section-title-big {
font-weight: 400;
font-size: clamp(39.1px, 3.6vw, 68.7px);
line-height: clamp(52.1px, 4.8vw, 91.6px);
}
.btn-primary {
background-color: #03BBFF;
height: clamp(48px, 3.2vw, 61px);
color: #FFFFFF;
font-weight: 500;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
border-radius: 8px;
padding: 0 clamp(16px, 1.2vw, 23px);
transition: 0.4s linear;
}
.btn-primary:hover {
background-color: #68D6FF;
}
.btn-primary .icon {
font-size: 12px;
margin-left: 9px;
display: inline-flex;
}
.btn-underline {
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
position: relative;
color: #2F333D;
transition: 0.4s linear;
}
.btn-underline:hover {
color: #03BBFF;
}
.btn-underline:hover::before {
background-color: #03BBFF;
}
.btn-underline::before {
position: absolute;
content: "";
left: 0;
right: 0;
height: 1px;
bottom: 0;
background-color: #2F333D;
transition: 0.4s linear;
}
.wpcf7-form {
width: 100%;
max-width: 720px;
}
.input-holder {
position: relative;
width: 100%;
margin: 0 0 clamp(29px, 2.8vw, 53px);
display: flex;
}
.input-holder br {
position: absolute;
}
.input-holder label {
position: absolute;
color: #6A6A6A;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
top: 12px;
left: 0;
pointer-events: none;
transition: 0.4s linear;
}
@media (max-width: 991px) {
.input-holder label {
font-weight: 300;
}
}
.input-holder label.active {
top: -21px;
font-size: clamp(12.8px, 0.75vw, 14.4px);
line-height: clamp(17.5px, 1vw, 19.2px);
color: #2F333D;
}
.input-holder .wpcf7-form-control-wrap {
width: 100%;
position: static;
}
.cf-input {
width: 100%;
border: none;
height: 50px;
border-bottom: 1px solid #6A6A6A;
}
.cf-input:focus-visible {
outline: 0;
border-color: #2F333D;
}
.wpcf7-not-valid-tip {
position: absolute;
color: #DE1313;
font-size: 12.8px;
line-height: 17.5px;
}
.cf-textarea {
width: 100%;
border: none;
border-bottom: 1px solid #6A6A6A;
padding-top: 15px;
height: clamp(120px, 10vw, 190px);
}
.cf-textarea:focus-visible {
outline: 0;
border-color: #2F333D;
}
.submit-holder {
margin: 0;
width: 100%;
display: flex;
position: relative;
}
.submit-holder .cf-submit {
display: none;
}
.submit-holder .wpcf7-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.js-fake-submit {
width: 100%;
justify-content: space-between;
}
.wpcf7 form .wpcf7-response-output {
padding: 5px 15px;
margin: 20px 0 0;
}
.wpcf7-not-valid {
border-bottom-color: #DE1313;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translateZ(0);
}
[data-aos=fade-up] {
transform: translate3d(0, 100px, 0);
}
[data-aos=fade-down] {
transform: translate3d(0, -100px, 0);
}
[data-aos=fade-right] {
transform: translate3d(-100px, 0, 0);
}
[data-aos=fade-left] {
transform: translate3d(100px, 0, 0);
}
[data-aos=fade-up-right] {
transform: translate3d(-100px, 100px, 0);
}
[data-aos=fade-up-left] {
transform: translate3d(100px, 100px, 0);
}
[data-aos=fade-down-right] {
transform: translate3d(-100px, -100px, 0);
}
[data-aos=fade-down-left] {
transform: translate3d(100px, -100px, 0);
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1);
}
[data-aos=zoom-in] {
transform: scale(0.6);
}
[data-aos=zoom-in-up] {
transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos=zoom-in-down] {
transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos=zoom-in-right] {
transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos=zoom-in-left] {
transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos=zoom-out] {
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos=zoom-out-down] {
transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos=zoom-out-right] {
transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos=zoom-out-left] {
transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translateZ(0);
}
[data-aos=slide-up] {
transform: translate3d(0, 100%, 0);
}
[data-aos=slide-down] {
transform: translate3d(0, -100%, 0);
}
[data-aos=slide-right] {
transform: translate3d(-100%, 0, 0);
}
[data-aos=slide-left] {
transform: translate3d(100%, 0, 0);
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
.home-hero {
background-color: #19191B;
position: relative;
height: 130vh;
}
@media (max-width: 991px) {
.home-hero {
height: auto;
background-color: transparent;
}
}
.home-hero:not(.initial-load) .home-hero-initial-text {
opacity: 1;
visibility: visible;
animation: scaletext 1s linear 2.5s forwards;
}
.home-hero:not(.initial-load) .home-hero-title {
opacity: 1;
visibility: visible;
}
.home-hero:not(.initial-load) .home-hero-video-wrapper {
opacity: 1;
visibility: visible;
}
.home-hero.initial-load-done .home-hero-video-wrapper {
opacity: 1;
visibility: visible;
transition: unset;
transition: max-width 0.2s linear, right 0.2s linear, border-radius 0.2s linear, transform 0.2s linear;
}
.home-hero.initial-load-done .home-hero-initial-text {
opacity: 1;
visibility: visible;
bottom: 100%;
transform: scale(0.21);
transition: unset;
}
.home-hero.initial-load-done .home-hero-title {
opacity: 1;
visibility: visible;
transition: unset;
}
.home-hero-inner {
position: sticky;
top: 0;
z-index: 1;
height: 100vh;
display: flex;
align-items: center;
overflow: hidden;
}
@media (max-width: 991px) {
.home-hero-inner {
height: unset;
flex-wrap: wrap;
}
.home-hero-inner .container {
order: 2;
}
}
.home-hero-content {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.home-hero-left {
position: relative;
width: 50%;
}
@media (max-width: 991px) {
.home-hero-left {
margin-top: 100px;
width: 100%;
}
}
.home-hero-video-wrapper {
position: absolute;
top: 50%;
width: 100%;
border-radius: 20px;
overflow: hidden;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s linear 3s, visibility 0.4s linear 3s, transform 0.2s linear;
}
@media (max-width: 991px) {
.home-hero-video-wrapper {
position: relative;
opacity: 1;
visibility: visible;
order: 1;
}
}
.home-hero-video-wrapper::after {
position: absolute;
content: "";
inset: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.2);
}
.home-hero-video-wrapper::before {
padding-top: 56.25%;
display: block;
content: "";
}
.home-hero-video-wrapper video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: auto;
height: 100%;
}
.home-hero-initial-text {
color: #FFFFFF;
white-space: nowrap;
position: absolute;
bottom: 30%;
font-size: clamp(64px, 5.6vw, 107.3px);
line-height: clamp(80px, 7.45vw, 143px);
display: inline-flex;
align-items: center;
transform-origin: left bottom;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s linear 1s, visibility 0.4s linear 1s, max-width 0.4s linear, right 0.4s linear, border-radius 0.4s linear;
}
@media (max-width: 991px) {
.home-hero-initial-text {
opacity: 1;
visibility: visible;
color: #2F333D;
}
}
.home-hero-initial-text .icon {
font-size: 52px;
margin-left: 45px;
display: inline-flex;
line-height: 1;
}
.home-hero-title {
color: #FFFFFF;
font-size: clamp(25px, 3.6vw, 68.7px);
line-height: clamp(33px, 4.8vw, 91.6px);
font-weight: 400;
max-width: 870px;
margin: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s linear 3s, visibility 0.4s linear 3s;
}
@media (max-width: 991px) {
.home-hero-title {
opacity: 1;
visibility: visible;
color: #2F333D;
}
}
@keyframes scaletext {
100% {
bottom: 100%;
transform: scale(0.21);
}
}
.default-content {
padding-bottom: clamp(38px, 5.4vw, 105px);
}
.default-content-inner {
max-width: 1176px;
}
.default-content-inner h2 {
font-size: clamp(25px, 2.3vw, 44px);
line-height: clamp(33.3px, 3.1vw, 58.7px);
margin: clamp(48px, 4.43vw, 85px) 0 clamp(20px, 1.4vw, 27px);
font-weight: 400;
}
.default-content-inner h2:first-of-type {
margin-top: 0;
}
.default-content-inner p {
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
margin: 23px 0;
}
@media (max-width: 1440px) {
.default-content-inner p {
margin: 20px 0;
}
}
@media (max-width: 767px) {
.default-content-inner p {
font-weight: 300;
}
}
.default-content-inner a {
color: #03BBFF;
}
.default-content-inner ol {
padding: 0;
margin: clamp(38px, 4.43vw, 85px) 0;
}
.default-content-inner ol li {
counter-increment: counter;
padding-top: 23px;
list-style: none;
display: flex;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
border-top: 1px solid #ABAEB6;
margin-bottom: 23px;
color: #2F333D;
}
@media (max-width: 991px) {
.default-content-inner ol li {
margin-bottom: 38px;
padding-top: 19px;
}
}
@media (max-width: 767px) {
.default-content-inner ol li {
font-weight: 300;
}
}
.default-content-inner ol li:last-of-type {
margin-bottom: 0;
}
.default-content-inner ol li::before {
content: counters(counter, ".", decimal-leading-zero);
font-size: clamp(20px, 1.2vw, 22.5px);
line-height: clamp(26.7px, 1.6vw, 30px);
width: clamp(76px, 13.65vw, 262px);
min-width: clamp(76px, 13.65vw, 262px);
display: block;
margin-right: clamp(16px, 2.24vw, 43px);
}
.page-hero-default {
padding: clamp(106px, 9.11vw, 175px) 0 clamp(38px, 4.4vw, 85px);
}
.page-hero-title {
font-size: clamp(48.8px, 4.5vw, 85.8px);
line-height: clamp(65.1px, 6vw, 114.4px);
font-weight: 400;
margin: 0;
width: 50%;
padding-right: 30px;
}
@media (max-width: 1440px) {
.page-hero-title {
width: 40%;
}
}
@media (max-width: 991px) {
.page-hero-title {
width: 100%;
padding-right: 0;
margin-bottom: 24px;
}
}
.page-hero-image {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding: clamp(106px, 7.44vw, 143px) 0 clamp(38px, 2.81vw, 54px);
}
.page-hero-image-wrapper {
height: clamp(240px, 20.8vw, 400px);
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
width: 50%;
max-width: 871px;
margin-left: auto;
}
@media (max-width: 1440px) {
.page-hero-image-wrapper {
width: 60%;
}
}
@media (max-width: 991px) {
.page-hero-image-wrapper {
width: 100%;
max-width: unset;
margin-left: unset;
}
}
@media (max-width: 767px) {
.page-hero-image-wrapper {
width: 100%;
}
}
.page-hero-image-wrapper img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.services {
background-color: #F7F8F9;
padding-top: clamp(38px, 6vw, 109px);
padding-bottom: clamp(38px, 6.8vw, 130px);
}
.services-boxes-list {
display: flex;
flex-wrap: wrap;
margin: 0 clamp(-21px, -1.2vw, -10px);
}
.service-box-wrapper {
flex: 0 0 25%;
max-width: 25%;
padding: clamp(10px, 1.1vw, 21px);
}
@media (max-width: 1199px) {
.service-box-wrapper {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 767px) {
.service-box-wrapper {
flex: 0 0 100%;
max-width: 100%;
}
}
.service-box-wrapper-inner {
height: 100%;
border-radius: clamp(14px, 1vw, 20px);
background-color: #EBECEE;
padding: clamp(20px, 2.24vw, 43px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.service-box-title {
margin: 0 0 clamp(16px, 5.8vw, 111px);
color: #2F333D;
}
.service-box-text p {
color: #2F333D;
}
.service-box-text p:first-of-type {
margin-top: 0;
}
.service-box-text p:last-of-type {
margin-bottom: 0;
}
.services-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 33px;
}
@media (max-width: 1650px) {
.services-bottom {
margin-top: 38px;
}
}
@media (max-width: 767px) {
.services-bottom {
flex-wrap: wrap;
}
}
.services-bottom-text {
line-height: clamp(26.7px, 1.6vw, 30px);
font-size: clamp(20px, 1.2vw, 22.5px);
width: 50%;
max-width: 871px;
margin: 0;
}
@media (max-width: 767px) {
.services-bottom-text {
margin-bottom: 24px;
width: 100%;
max-width: unset;
}
}
.product-cats {
padding: clamp(38px, 6.8vw, 130px) 0;
}
.product-cats-wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-bottom: 41px;
margin-bottom: 86px;
border-bottom: 1px solid #ABAEB6;
}
.product-cats-wrapper:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.product-cats-list-title {
margin: 0;
width: 414px;
}
@media (max-width: 1440px) {
.product-cats-list-title {
width: 100%;
margin-bottom: 29px;
}
}
.product-cats-list {
width: calc(100% - 414px);
padding-left: 43px;
display: flex;
justify-content: space-between;
}
@media (max-width: 1440px) {
.product-cats-list {
width: 100%;
padding-left: 0;
}
}
.product-cats-list-right {
width: 54.1%;
}
@media (max-width: 991px) {
.product-cats-list-right {
width: 100%;
}
}
.product-cats-list-left {
width: calc(45.9% - 43px);
height: calc(100% - clamp(260px, 18.6vw, 357px));
}
@media (max-width: 991px) {
.product-cats-list-left {
display: none;
}
}
.product-cats-list-item {
margin-bottom: 14px;
}
@media (max-width: 767px) {
.product-cats-list-item {
margin-bottom: 16px;
}
}
.product-cats-list-item:last-of-type {
margin-bottom: 0;
}
.product-cats-list-item-title {
color: #2F333D;
font-weight: 500;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
width: 100%;
height: clamp(69px, 4.11vw, 79px);
background-color: #F7F8F9;
border-radius: clamp(14px, 1vw, 20px);
padding: 0 clamp(20px, 1.4vw, 27px);
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
position: relative;
z-index: 1;
cursor: pointer;
}
.product-cats-list-item-title:hover .product-cats-list-item-plus {
background-color: #03BBFF;
}
.product-cats-list-item-title.active .product-cats-list-item-plus::before {
transform: translate(-50%, -50%) rotate(0);
}
.product-cats-list-item-plus {
width: clamp(29px, 1.7vw, 32px);
height: clamp(29px, 1.7vw, 32px);
min-width: clamp(29px, 1.7vw, 32px);
background-color: #000000;
border-radius: 50%;
position: relative;
transition: 0.4s linear;
}
.product-cats-list-item-plus::before {
position: absolute;
content: "";
width: 18px;
height: 2px;
border-radius: 5px;
background-color: #FFFFFF;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
transition: 0.4s linear;
}
.product-cats-list-item-plus::after {
position: absolute;
content: "";
width: 18px;
height: 2px;
border-radius: 5px;
background-color: #FFFFFF;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-cats-list-item-text {
background-color: #F7F8F9;
padding: clamp(20px, 1.4vw, 27px);
margin-top: clamp(-27px, 1.4vw, -20px);
border-bottom-left-radius: clamp(14px, 1vw, 20px);
border-bottom-right-radius: clamp(14px, 1vw, 20px);
display: none;
}
.product-cats-list-item-text p {
color: #2F333D;
margin: 0;
}
.product-cats-list-images.desktop {
position: sticky;
top: 75px;
}
@media (max-width: 991px) {
.product-cats-list-images.desktop {
display: none;
}
}
.product-cats-list-images.mobile {
display: none;
}
@media (max-width: 991px) {
.product-cats-list-images.mobile {
position: relative;
display: block;
margin-top: 30px;
}
}
.product-cats-list-images-wrapper-mobile {
height: clamp(200px, 26.23vw, 260px);
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
}
.product-cats-list-images-wrapper-mobile img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.product-cats-list-images-wrapper {
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
height: clamp(260px, 18.6vw, 357px);
border-radius: 20px;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: 0.4s linear;
}
.product-cats-list-images-wrapper.active {
opacity: 1;
visibility: visible;
}
.product-cats-list-images-wrapper img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.product-cats-slider-img-wrapper {
height: clamp(260px, 18.6vw, 357px);
}
@media (max-width: 991px) {
.product-cats-slider-img-wrapper {
height: clamp(200px, 26.23vw, 260px);
}
}
.products-slider {
overflow: hidden;
padding: clamp(38px, 6.8vw, 130px) 0;
}
.products-slider-title {
margin: 0 0 14px;
}
.products-slider-text-cta {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: clamp(18px, 2.8vw, 54px);
}
.products-slider-text {
width: 50%;
max-width: 871px;
}
@media (max-width: 1440px) {
.products-slider-text {
width: 70%;
}
}
@media (max-width: 1199px) {
.products-slider-text {
width: 100%;
}
}
.products-slider-text p:first-of-type {
margin-top: 0;
}
.products-slider-text p:last-of-type {
margin-bottom: 0;
}
.products-slider-list {
width: 100%;
position: relative;
overflow: hidden;
}
.products-slider-list-inner {
display: flex;
overflow-x: auto;
width: 100vw;
padding: 0 clamp(20px, 3.5vw, 67px) 20px;
transform: translateY(20px);
}
.products-slider-list-item {
min-width: clamp(340px, 45.42vw, 872px);
margin-left: clamp(16px, 2.23vw, 43px);
}
.products-slider-list-item:first-of-type {
margin-left: 0;
}
.products-slider-list-item-images {
position: relative;
height: clamp(200px, 31.25vw, 600px);
width: 100%;
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
}
.products-slider-list-item-images img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
pointer-events: none;
display: block !important;
opacity: 0;
transition: 0.4s ease;
}
.products-slider-list-item-images img.active {
opacity: 1;
}
.products-slider-list-item-title {
font-weight: 400;
font-size: clamp(20px, 1.2vw, 22.5px);
line-height: clamp(26.7px, 1.6vw, 30px);
margin: clamp(20px, 1.4vw, 27px) 0 clamp(8px, 0.73vw, 14px);
pointer-events: none;
}
.products-slider-list-item-subtitle {
color: #6A6A6A;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
margin: 0;
pointer-events: none;
}
@media (max-width: 767px) {
.products-slider-list-item-subtitle {
font-weight: 500;
}
}
@media (max-width: 1199px) {
.products-slider-cta {
display: none;
}
}
.projects-slider {
overflow: hidden;
padding: clamp(38px, 6.8vw, 130px) 0;
}
.projects-slider-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
}
.js-projects-slider-top {
width: 50%;
max-width: 871px;
}
@media (max-width: 1440px) {
.js-projects-slider-top {
width: 70%;
}
}
@media (max-width: 1199px) {
.js-projects-slider-top {
display: none;
}
}
.project-slider-item-bottom-title {
display: none;
}
@media (max-width: 1199px) {
.project-slider-item-bottom-title {
display: block;
margin: 0 0 20px;
width: 100%;
}
}
.project-slide-item-top-title {
margin: 0 0 14px;
}
@media (max-width: 1199px) {
.project-slide-item-top-title {
margin-bottom: 0;
}
}
@media (max-width: 1199px) {
.projects-slider-cta {
display: none;
}
}
@media (max-width: 1199px) {
.project-slide-item-top-text {
display: none;
}
}
.project-slide-item-top-text p:first-of-type {
margin-top: 0;
}
.project-slide-item-top-text p:last-of-type {
margin-bottom: 0;
}
.project-slide-item-bottom {
display: flex !important;
justify-content: space-between;
margin: 0 clamp(10px, 1.2vw, 21px);
}
@media (max-width: 1199px) {
.project-slide-item-bottom {
flex-wrap: wrap;
}
}
@media (max-width: 991px) {
.project-slide-item-bottom {
display: block !important;
}
}
.js-projects-slider-bottom {
margin: clamp(38px, 2.8vw, 54px) clamp(-21px, -1.2vw, -10px) 0;
}
@media (max-width: 1199px) {
.js-projects-slider-bottom {
margin-top: 0;
}
}
.js-projects-slider-bottom .slick-list {
overflow: visible;
}
.project-slide-item-bottom-left {
width: 65.74%;
height: clamp(200px, 31.25vw, 600px);
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
position: relative;
}
@media (max-width: 991px) {
.project-slide-item-bottom-left {
width: 100%;
}
}
.project-slide-item-bottom-left video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.project-slide-item-bottom-left img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.project-slide-item-bottom-right {
width: calc(34.26% - clamp(20px, 2.23vw, 43px));
border-radius: clamp(14px, 1vw, 20px);
background-color: #EBECEE;
padding: clamp(20px, 2.23vw, 43px);
position: relative;
}
@media (max-width: 991px) {
.project-slide-item-bottom-right {
width: 100%;
margin-top: 13px;
}
}
.project-info {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: clamp(16px, 2.81vw, 54px);
}
.project-info:last-of-type {
margin-bottom: 0;
}
.project-info-label {
color: #4C5158;
font-size: clamp(12.8px, 1vw, 18px);
line-height: clamp(17.5px, 1.3vw, 24.5px);
margin-bottom: clamp(4px, 0.47vw, 9px);
}
.project-info-value {
font-size: clamp(16px, 1.2vw, 22.5px);
line-height: clamp(22px, 1.6vw, 30px);
}
@media (max-width: 1199px) {
.project-info-value {
font-weight: 500;
}
}
.projects-slider-bottom-nav {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-top: clamp(24px, 2.81vw, 54px);
}
.projects-slider-bottom-nav .slick-dots {
display: flex;
margin: 0;
padding: 0;
}
.projects-slider-bottom-nav .slick-dots li {
font-size: 0;
list-style: none;
width: 12px;
height: 12px;
min-width: 12px;
margin-right: 7px;
border-radius: 50%;
cursor: pointer;
background-color: #ABAEB6;
transition: 0.4s linear;
}
.projects-slider-bottom-nav .slick-dots li.slick-active, .projects-slider-bottom-nav .slick-dots li:hover {
background-color: #19191B;
}
.projects-slider-bottom-nav .slick-dots li:last-of-type {
margin-right: 0;
}
.projects-slider-bottom-nav .slick-dots li button {
display: none;
}
.projects-slider-bottom-nav-arrows {
position: absolute;
right: 0;
}
@media (max-width: 991px) {
.projects-slider-bottom-nav-arrows {
display: none;
}
}
.projects-slider-bottom-nav-arrows button {
background-color: transparent;
border: none;
padding: 0;
font-size: 18px;
line-height: 24.5px;
cursor: pointer;
position: relative;
color: #2F333D;
transition: 0.4s linear;
}
.projects-slider-bottom-nav-arrows button:hover {
color: #03BBFF;
}
.projects-slider-bottom-nav-arrows button:hover::before {
background-color: #03BBFF;
}
.projects-slider-bottom-nav-arrows button::before {
position: absolute;
content: "";
left: 0;
right: 0;
height: 1px;
bottom: 0;
background-color: #2F333D;
transition: 0.4s linear;
}
.projects-slider-bottom-nav-arrows button.slick-next {
margin-left: clamp(20px, 2.3vw, 43px);
}
.project-slide-item-link {
width: clamp(29px, 1.7vw, 32px);
height: clamp(29px, 1.7vw, 32px);
min-width: clamp(29px, 1.7vw, 32px);
background-color: #000000;
border-radius: 50%;
position: absolute;
right: clamp(20px, 2.3vw, 43px);
bottom: clamp(20px, 2.3vw, 43px);
transition: 0.4s linear;
}
.project-slide-item-link:hover {
background-color: #03BBFF;
}
.project-slide-item-link::before {
position: absolute;
content: "";
width: 18px;
height: 2px;
border-radius: 5px;
background-color: #FFFFFF;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
transition: 0.4s linear;
}
.project-slide-item-link::after {
position: absolute;
content: "";
width: 18px;
height: 2px;
border-radius: 5px;
background-color: #FFFFFF;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.content-image {
padding: clamp(38px, 6.8vw, 130px) 0;
}
.content-image-text {
border-bottom: 1px solid #ABAEB6;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: clamp(24px, 2.2vw, 42px);
margin-bottom: clamp(48px, 4.43vw, 85px);
}
.content-image-text .entry-content {
width: 50%;
max-width: 872px;
}
@media (max-width: 767px) {
.content-image-text .entry-content {
width: 100%;
}
}
.content-image-text .entry-content p:first-of-type {
margin-top: 0;
}
.content-image-text .entry-content p:last-of-type {
margin-bottom: 0;
}
.content-image-text .content-image-title {
width: 50%;
font-size: clamp(20px, 1.2vw, 22.5px);
line-height: clamp(26.7px, 1.6vw, 30px);
font-weight: 500;
}
@media (max-width: 767px) {
.content-image-text .content-image-title {
width: 100%;
margin-bottom: 20px;
}
}
.content-image-img-wrapper {
width: 100%;
border-radius: clamp(14px, 1vw, 20px);
height: clamp(240px, 34.375vw, 660px);
overflow: hidden;
}
@media (max-width: 767px) {
.content-image-img-wrapper {
margin-top: 76px;
}
}
.content-image-img-wrapper img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.binding-boxes {
padding-top: clamp(38px, 6.8vw, 130px);
padding-bottom: clamp(28px, 6vw, 109px);
background-color: #F7F8F9;
overflow: hidden;
}
.binding-boxes-title {
margin: 0 0 clamp(28px, 1.72vw, 33px);
}
.binding-boxes-list {
display: flex;
flex-wrap: wrap;
margin: 0 clamp(-21px, -1.2vw, -10px);
}
.binding-box-inner {
height: 100%;
border-radius: clamp(14px, 1vw, 20px);
background-color: #EBECEE;
padding: clamp(20px, 2.24vw, 43px);
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.binding-box-inner:first-of-type {
margin-left: 0;
}
.binding-box-half {
flex: 0 0 50%;
max-width: 50%;
padding: clamp(10px, 1.1vw, 21px);
}
@media (max-width: 1366px) {
.binding-box-half {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (max-width: 991px) {
.binding-box-half {
flex: 0 0 100%;
max-width: 100%;
}
}
.binding-box-quarter {
flex: 0 0 25%;
max-width: 25%;
padding: clamp(10px, 1.1vw, 21px);
}
@media (max-width: 1366px) {
.binding-box-quarter {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (max-width: 991px) {
.binding-box-quarter {
flex: 0 0 100%;
max-width: 100%;
}
}
.binding-box-title {
margin: 0 0 clamp(16px, 3.8vw, 73px);
color: #2F333D;
}
.binding-box-text.binding-box-text-small {
padding-right: 60px;
}
.binding-box-text p {
color: #2F333D;
}
.binding-box-text p:first-of-type {
margin-top: 0;
}
.binding-box-text p:last-of-type {
margin-bottom: 0;
}
.binding-box-link {
width: clamp(29px, 1.7vw, 32px);
height: clamp(29px, 1.7vw, 32px);
min-width: clamp(29px, 1.7vw, 32px);
background-color: #000000;
border-radius: 50%;
position: absolute;
right: clamp(20px, 2.24vw, 43px);
bottom: clamp(20px, 2.24vw, 43px);
transition: 0.4s linear;
}
.binding-box-link:hover {
background-color: #03BBFF;
}
.binding-box-link::before {
position: absolute;
content: "";
width: 18px;
height: 2px;
border-radius: 5px;
background-color: #FFFFFF;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-90deg);
transition: 0.4s linear;
}
.binding-box-link::after {
position: absolute;
content: "";
width: 18px;
height: 2px;
border-radius: 5px;
background-color: #FFFFFF;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.counter-block {
overflow: hidden;
padding-top: clamp(38px, 6.8vw, 130px);
padding-bottom: clamp(38px, 6vw, 109px);
}
.counter-block-heading-wrapper {
background-color: #19191B;
border-radius: clamp(14px, 1vw, 20px);
padding: clamp(24px, 4.42vw, 85px) clamp(20px, 2.24vw, 43px);
margin-bottom: clamp(10px, 1.15vw, 22px);
}
.counter-block-title {
color: #EEF0F4;
margin: 0 0 clamp(8px, 1vw, 18px);
font-size: clamp(31.3px, 4vw, 68.7px);
line-height: clamp(41.7px, 4.8vw, 91.6px);
}
.counter-block-text {
color: #EEF0F4;
margin: 0;
font-size: clamp(12.8px, 1vw, 18px);
line-height: clamp(17.5px, 1.3vw, 24.5px);
}
.counters-list {
display: flex;
flex-wrap: wrap;
margin: 0 calc(0px - clamp(10px, 1.15vw, 22px));
}
.counter-item-column {
padding: clamp(10px, 1.15vw, 22px);
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
@media (max-width: 1199px) {
.counter-item-column {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 768px) {
.counter-item-column {
flex: 0 0 100%;
max-width: 100%;
}
}
.counter-item-inner {
height: clamp(180px, 20.83vw, 400px);
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: clamp(20px, 2.24vw, 43px);
}
@media (max-width: 768px) {
.counter-item-inner {
justify-content: flex-start;
}
}
.counter-item-inner.grey {
background-color: #EBECEE;
}
.counter-item-inner.blue {
background-color: #009DD7;
}
.counter-item-inner.blue .counter-item-number {
color: #EEF0F4;
}
.counter-item-inner.blue .counter-item-text {
color: #EEF0F4;
}
.counter-item-image {
position: absolute;
right: 0;
bottom: 0;
width: clamp(178px, 15.625vw, 300px);
}
.counter-item-number {
font-size: clamp(39.1px, 2.9vw, 54.9px);
line-height: clamp(52.1px, 3.81vw, 73.2px);
color: #2F333D;
margin-bottom: clamp(8px, 0.73vw, 14px);
}
@media (max-width: 767px) {
.counter-item-number {
font-weight: 500;
}
}
.counter-item-text {
color: #2F333D;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
}
@media (max-width: 767px) {
.counter-item-text {
font-weight: 500;
width: calc(100% - clamp(178px, 15.625vw, 300px));
}
}
.mixed-content {
background-color: #F7F8F9;
padding: clamp(38px, 6.8vw, 130px) 0;
}
.mixed-content-inner {
width: 100%;
max-width: 1174px;
margin: 0 auto;
}
.mixed-content-pretitle {
color: #2F333D;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
display: inline-block;
margin-bottom: clamp(8px, 0.73vw, 14px);
}
.mixed-content-title {
margin: 0 0 clamp(38px, 2.81vw, 54px);
}
.mixed-content-image-wrapper {
overflow: hidden;
border-radius: clamp(14px, 1vw, 20px);
margin-bottom: clamp(38px, 2.81vw, 54px);
height: clamp(240px, 34.375vw, 660px);
}
.mixed-content-image {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.mixed-content-bottom {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 767px) {
.mixed-content-bottom {
flex-direction: column;
justify-content: flex-start;
}
}
.mixed-content-text {
color: #2F333D;
}
@media (max-width: 767px) {
.mixed-content-text {
margin-bottom: 38px;
}
}
.mixed-content-text p {
margin: 0 0 clamp(9px, 1.6vw, 30px);
font-size: clamp(16px, 1.2vw, 22.5px);
line-height: clamp(22px, 1.6vw, 30px);
}
.mixed-content-text p:last-of-type {
margin-bottom: 0;
}
.contact-wrapper {
padding-top: clamp(38px, 6.8vw, 130px);
}
.contact-wrapper-inner {
display: flex;
flex-wrap: wrap;
}
.contact-wrapper-inner .section-title {
width: 100%;
}
.contact-wrapper-left {
flex: 0 0 50%;
max-width: 50%;
padding-right: 22px;
}
@media (max-width: 991px) {
.contact-wrapper-left {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0;
}
}
.contact-wrapper-right {
flex: 0 0 50%;
max-width: 50%;
padding-left: 22px;
}
@media (max-width: 991px) {
.contact-wrapper-right {
flex: 0 0 100%;
max-width: 100%;
padding-left: 0;
padding-top: clamp(38px, 6.8vw, 130px);
}
}
.contact-wrapper-right a {
text-decoration: underline;
transition: 0.4s linear;
}
.contact-wrapper-right a:hover {
color: #03BBFF;
}
.contact-block-map {
display: flex;
align-items: center;
padding-top: clamp(38px, 6.8vw, 130px);
}
.contact-block-map img {
width: 100%;
max-width: unset;
}
.single-project-hero-section {
padding: clamp(106px, 9.1vw, 175px) 0 clamp(38px, 4.43vw, 85px);
}
.single-project-title {
font-size: clamp(48.8px, 4.5vw, 85.8px);
line-height: clamp(65.1px, 6vw, 114.4px);
font-weight: 400;
margin: 0;
}
.single-project-image-wrapper {
position: relative;
display: flex;
align-items: center;
width: 100%;
height: clamp(240px, 34.375vw, 660px);
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
}
.single-project-featured-img,
.single-project-full-image {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.single-project-main-content {
margin-top: clamp(48px, 4.5vw, 85px);
border-top: 1px solid #ABAEB6;
padding-top: clamp(24px, 2.2vw, 43px);
padding-bottom: clamp(38px, 6.8vw, 130px);
}
.project-overview-wrapper {
display: flex;
flex-wrap: wrap;
}
.project-overview-title {
margin: 0;
font-weight: 400;
width: 50%;
padding-right: 21px;
font-size: clamp(31.3px, 2.3vw, 44px);
line-height: clamp(41.7px, 3.1vw, 58.7px);
}
@media (max-width: 767px) {
.project-overview-title {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
}
.project-overview-text {
width: 50%;
padding-left: 21px;
}
@media (max-width: 1440px) {
.project-overview-text {
padding-left: 10px;
}
}
@media (max-width: 767px) {
.project-overview-text {
width: 100%;
padding-left: 0;
}
}
.project-overview-text p:first-of-type {
margin-top: 0;
}
.challenges-boxes-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: clamp(15px, 3.3vw, 63px) 0 clamp(28px, 3.3vw, 63px);
}
.challenges-box-left,
.challenges-box-right {
background-color: #F7F8F9;
border-radius: clamp(14px, 1vw, 20px);
width: calc(50% - clamp(10px, 1.1vw, 21px));
padding: 43px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 767px) {
.challenges-box-left,
.challenges-box-right {
width: 100%;
}
}
.challenges-box-left .entry-content,
.challenges-box-right .entry-content {
color: #2F333D;
}
.challenges-box-left .entry-content p:last-of-type,
.challenges-box-right .entry-content p:last-of-type {
margin-bottom: 0;
}
@media (max-width: 767px) {
.challenges-box-left {
margin-bottom: 20px;
}
}
.challenges-title {
margin: 0 0 clamp(16px, 5vw, 95px);
}
.single-project-gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-project-gallery-image-wrapper {
width: calc(50% - clamp(10px, 1.1vw, 21px));
margin: clamp(10px, 1.1vw, 21px) 0;
border-radius: clamp(14px, 1vw, 20px);
height: clamp(240px, 34.375vw, 660px);
overflow: hidden;
position: relative;
}
@media (max-width: 575px) {
.single-project-gallery-image-wrapper {
width: 100%;
}
}
.single-project-gallery-image {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.single-project-implementation {
padding: clamp(28px, 3.3vw, 63px) 0 clamp(48px, 4.43vw, 85px);
}
.implementation-title {
margin: 0 0 clamp(38px, 2.3vw, 44px);
font-size: clamp(31.3px, 2.3vw, 44px);
line-height: clamp(41.7px, 3.1vw, 58.7px);
}
.implementation-box {
margin-bottom: 45px;
}
.implementation-box:last-of-type {
margin-bottom: 0;
}
.implementation-box-title {
color: #6A6A6A;
margin: 0;
padding-bottom: 17px;
font-weight: 400;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
border-bottom: 1px solid #ABAEB6;
}
@media (max-width: 767px) {
.implementation-box-title {
font-weight: 500;
}
}
.implementation-box-list {
width: calc(50% - clamp(10px, 1.1vw, 21px));
margin-left: auto;
color: #2F333D;
}
@media (max-width: 767px) {
.implementation-box-list {
width: 100%;
}
}
.implementation-box-list .label {
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
width: 50%;
}
@media (max-width: 767px) {
.implementation-box-list .label {
font-weight: 300;
}
}
.implementation-box-list .value {
font-size: clamp(20px, 1.2vw, 22.5px);
line-height: clamp(26.7px, 1.6vw, 30px);
width: 50%;
padding-left: 21px;
}
.implementation-box-list .icon {
color: #03BBFF;
font-size: clamp(17px, 1.1vw, 21px);
padding-left: 22px;
display: inline-flex;
}
.implementation-box-list-item {
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid #EBECEE;
padding: 23px 0 19px;
}
.js-trigger-gallery {
width: clamp(33px, 2.2vw, 42px);
height: clamp(33px, 2.2vw, 42px);
border-radius: 8px;
background-color: #19191B;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
z-index: 1;
right: clamp(10px, 1.4vw, 27px);
bottom: clamp(10px, 1.4vw, 27px);
cursor: pointer;
transition: 0.4s linear;
}
.js-trigger-gallery:hover {
background-color: #03BBFF;
}
.related-projects {
border-top: 1px solid #EBECEE;
padding-top: clamp(38px, 6.8vw, 130px);
padding-bottom: clamp(38px, 6.8vw, 130px);
overflow: hidden;
}
@media (max-width: 767px) {
.related-projects-list {
overflow: hidden;
}
}
.related-projects-list-inner {
display: flex;
margin: 0 clamp(-21px, -1.2vw, -8px);
}
@media (max-width: 767px) {
.related-projects-list-inner {
padding-bottom: 10px;
transform: translateY(9px);
overflow-x: auto;
}
}
.related-projects-title {
font-weight: 400;
margin: 0 0 clamp(24px, 2.24vw, 43px);
font-size: clamp(39.1px, 3.6vw, 68.7px);
line-height: clamp(52.1px, 4.8vw, 91.6px);
}
.related-project-wrapper {
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding: 0 clamp(10px, 1.1vw, 21px);
}
@media (max-width: 767px) {
.related-project-wrapper {
flex: none;
max-width: unset;
width: 340px;
}
}
.related-project-image-wrapper {
width: 100%;
height: clamp(200px, 20.31vw, 390px);
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
margin-bottom: clamp(16px, 1.4vw, 27px);
position: relative;
}
.related-project-image {
position: absolute;
inset: 0;
display: block;
background-size: cover;
background-position: center;
transition: 0.4s linear;
}
.related-project-image:hover {
transform: scale(1.05);
}
.related-project-title {
font-weight: 400;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
margin: 0;
text-decoration: underline;
}
@media (max-width: 767px) {
.related-project-title {
font-weight: 500;
}
}
.single-project-lightbox {
position: fixed;
z-index: 101;
background-color: rgba(0, 0, 0, 0.9);
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.4s linear;
}
@media (max-width: 480px) {
.single-project-lightbox {
padding: 0;
}
}
.single-project-lightbox.active {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.single-project-lightbox-content {
height: clamp(268px, 41.7vw, 100vh - 200px);
width: 100%;
max-width: 1786px;
position: relative;
}
.single-project-lightbox-close {
color: #EEF0F4;
font-size: 18px;
line-height: 24.5px;
text-decoration: underline;
position: absolute;
right: 0;
bottom: calc(100% + 27px);
cursor: pointer;
transition: 0.4s linear;
}
.single-project-lightbox-close:hover {
color: #03BBFF;
}
@media (max-width: 767px) {
.single-project-lightbox-close.desktop {
display: none;
}
}
.single-project-lightbox-close.mobile {
font-size: 16px;
line-height: 22px;
font-weight: 500;
display: none;
}
@media (max-width: 767px) {
.single-project-lightbox-close.mobile {
display: inline-block;
top: 20px;
right: 20px;
}
}
.single-project-lightbox-slider {
position: absolute;
inset: 0;
border-radius: clamp(14px, 1vw, 20px);
overflow: hidden;
}
.single-project-lightbox-slider img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: 0.4s linear;
}
.single-project-lightbox-slider img.active {
opacity: 1;
visibility: visible;
}
.single-project-lightbox-nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 25px;
}
@media (max-width: 767px) {
.single-project-lightbox-nav {
position: fixed;
left: 20px;
right: 20px;
bottom: 20px;
top: unset;
padding: 0;
}
}
.single-project-lightbox-nav .icon-slider-left,
.single-project-lightbox-nav .icon-slider-right {
font-size: 21px;
display: inline-flex;
color: #EEF0F4;
cursor: pointer;
transition: 0.4s linear;
}
@media (max-width: 767px) {
.single-project-lightbox-nav .icon-slider-left,
.single-project-lightbox-nav .icon-slider-right {
font-size: 20px;
}
}
.single-project-lightbox-nav .icon-slider-left:hover,
.single-project-lightbox-nav .icon-slider-right:hover {
color: #03BBFF;
}
@media (max-width: 767px) {
.single-project-lightbox-nav .icon-slider-left {
order: 2;
}
}
@media (max-width: 767px) {
.single-project-lightbox-nav .icon-slider-right {
margin-left: 29px;
order: 3;
}
}
.single-project-lightbox-counter {
font-size: 20px;
line-height: 26.7px;
color: #EEF0F4;
}
@media (max-width: 767px) {
.single-project-lightbox-counter {
margin-right: auto;
order: 1;
}
}
.projects-filter {
width: 100%;
max-width: 871px;
}
.js-projects-filter-trigger {
width: 100%;
border-radius: 14px;
height: clamp(54px, 3.2vw, 61px);
display: flex;
align-items: center;
padding: 0 clamp(16px, 1vw, 18px);
background-color: #F7F8F9;
color: #2F333D;
margin-top: 43px;
transition: 0.4s linear;
position: relative;
z-index: 1;
cursor: pointer;
}
@media (max-width: 767px) {
.js-projects-filter-trigger {
margin-top: 24px;
}
}
.js-projects-filter-trigger:hover, .js-projects-filter-trigger.active {
background-color: #EBECEE;
}
.js-projects-filter-trigger .icon-filter {
font-size: 14px;
margin-right: 14px;
display: inline-flex;
}
.js-projects-filter-trigger .js-projects-filter-text {
font-weight: 500;
font-size: 18px;
}
.js-projects-filter-trigger .icon-angle-down {
margin-left: auto;
font-size: clamp(8px, 0.52vw, 10px);
display: inline-flex;
}
.project-filter-terms {
background-color: #EBECEE;
padding: clamp(10px, 0.83vw, 16px) clamp(16px, 1vw, 18px) clamp(24px, 2.24vw, 43px);
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
display: none;
transform: translateY(-15px);
}
.project-filter-terms a {
display: inline-block;
position: relative;
color: #2F333D;
font-size: clamp(16px, 1vw, 18px);
line-height: clamp(22px, 1.3vw, 24.5px);
transition: 0.4s linear;
}
@media (max-width: 767px) {
.project-filter-terms a {
font-weight: 300;
}
}
.project-filter-terms a::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
height: 1px;
background-color: #2F333D;
opacity: 0;
visibility: hidden;
transition: 0.4s linear;
}
.project-filter-terms a.active {
font-weight: 500;
}
.project-filter-terms a.active::before {
opacity: 1;
visibility: visible;
}
.project-filter-terms a:hover {
color: #03BBFF;
}
.project-filter-terms a:hover::before {
opacity: 1;
visibility: visible;
background-color: #03BBFF;
}
.project-filter-terms-inner {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.project-filter-term-wrapper {
flex: 0 0 25%;
max-width: 25%;
margin-top: 27px;
}
@media (max-width: 991px) {
.project-filter-term-wrapper {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
@media (max-width: 767px) {
.project-filter-term-wrapper {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (max-width: 480px) {
.project-filter-term-wrapper {
flex: 0 0 100%;
max-width: 100%;
}
}
.archive-projects {
padding-bottom: clamp(38px, 6.8vw, 130px);
}
.archive-projects-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.project-post-wrapper {
width: calc(50% - clamp(10px, 1.1vw, 21px));
margin-top: clamp(48px, 4.43vw, 85px);
}
@media (max-width: 767px) {
.project-post-wrapper {
width: 100%;
}
}
.project-post-wrapper:nth-child(1), .project-post-wrapper:nth-child(2) {
margin-top: 0;
}
@media (max-width: 767px) {
.project-post-wrapper:nth-child(1):nth-child(2), .project-post-wrapper:nth-child(2):nth-child(2) {
margin-top: clamp(48px, 4.43vw, 85px);
}
}
.project-post-featured-image-wrapper {
position: relative;
overflow: hidden;
border-radius: clamp(14px, 1vw, 20px);
height: clamp(200px, 25vw, 480px);
margin-bottom: clamp(20px, 1.4vw, 27px);
}
.project-post-featured-image {
position: absolute;
display: block;
inset: 0;
background-size: cover;
background-position: center;
transition: 0.4s linear;
}
.project-post-featured-image:hover {
transform: scale(1.05);
}
.project-post-title {
font-size: clamp(20px, 1.83vw, 35.2px);
line-height: clamp(26.7px, 2.45vw, 47px);
font-weight: 400;
margin: 0 0 clamp(8px, 0.73vw, 14px);
transition: 0.4s linear;
}
.project-post-title:hover {
color: #03BBFF;
}
.project-post-excerpt-desktop {
font-size: 18px;
line-height: 24.5px;
margin: 0;
margin: 0;
}
@media (max-width: 767px) {
.project-post-excerpt-desktop {
display: none;
}
}
.project-post-excerpt-mobile {
font-size: 16px;
line-height: 22px;
font-weight: 300;
display: none;
margin: 0;
}
@media (max-width: 767px) {
.project-post-excerpt-mobile {
display: block;
}
}