@font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
-ms-scroll-snap-type: none;
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}   @font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
} :root {
--swiper-theme-color: #007aff; }
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
-ms-scroll-snap-type: none;
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: '';
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}  .swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
} .swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
} :root { }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top,
200ms -webkit-transform;
transition: 200ms top,
200ms -webkit-transform;
transition: 200ms transform,
200ms top;
transition: 200ms transform,
200ms top,
200ms -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left,
200ms -webkit-transform;
transition: 200ms left,
200ms -webkit-transform;
transition: 200ms transform,
200ms left;
transition: 200ms transform,
200ms left,
200ms -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right,
200ms -webkit-transform;
transition: 200ms right,
200ms -webkit-transform;
transition: 200ms transform,
200ms right;
transition: 200ms transform,
200ms right,
200ms -webkit-transform;
} .swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
} .swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
}
:root { }
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
} .swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
} .swiper-slide-zoomed {
cursor: move;
-ms-touch-action: none;
touch-action: none;
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
:where(html) {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
}
:where(body) {
min-block-size: 100svb;
min-inline-size: 300px;
}
:where(button, input, progress, select, textarea) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
color: inherit;
font: inherit;
hanging-punctuation: none;
line-height: inherit;
text-align: start;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
:where(p, li, h1, h2, h3, h4, h5, h6) {
overflow-wrap: normal;
text-wrap: pretty;
}
:where(button) {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
html,
body {
width: 100%;
margin: 0;
padding: 0;
}
body {
color: #17263B;
font-weight: 400;
font-family: 'Muller', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
blockquote {
padding: 0;
margin: 0;
}
button {
cursor: pointer;
border: 0;
background: transparent;
padding: 0;
}
button:focus {
outline: 0;
}
a img {
border: 0 none;
}
a {
text-decoration: none;
-webkit-text-decoration-skip: objects;
}
.f0 {
font-size: 0;
}
.object {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.clr {
clear: both;
}
.ul-reset {
margin: 0;
padding: 0;
}
.ul-reset li {
list-style-type: none;
}
.h-reset h1,
.h-reset h2,
.h-reset h3,
.h-reset h4,
.h-reset p {
margin: 0;
}
.w-reset {
max-width: 100%;
width: 100%;
}
.h-reset {
height: auto;
}
.block {
display: block;
}
.inline_block {
display: inline-block;
}
.none {
display: none;
}
.ov-hidden {
overflow: hidden;
}
body:has(dialog[open]) {
overflow: hidden;
}
.ov-visible {
overflow: visible;
}
.ov-o-hidden {
opacity: 0;
visibility: hidden;
}
.ov-o-visible {
opacity: 1;
visibility: visible;
}
input,
select,
textarea {
outline: none;
}
input,
textarea {
outline: none;
-webkit-appearance: none;
border-radius: 0;
}
select {
outline: none;
border-radius: 0;
}
button,
input,
select,
textarea {
font: inherit;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select { text-transform: none;
}
button,
html [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;
}
blockquote {
padding: 0;
margin: 0;
}
button {
cursor: pointer;
border: 0;
background: transparent;
padding: 0;
}
button:focus {
outline: 0;
}
.center {
text-align: center;
}
.upper {
text-transform: uppercase;
}
.lower {
text-transform: lowercase;
}
.case {
text-transform: normal;
}
.nocase {
text-transform: none;
}
.italic {
font-style: italic;
}
.hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-hyphens: auto;
hyphens: auto;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.pull-none {
float: none;
}
.prel {
position: relative;
}
.pabs {
position: absolute;
}
.pfix {
position: fixed;
}
.valign {
position: relative;
display: table;
}
.valign.fit {
width: 100%;
height: 100%;
}
.valign .middle {
display: table-cell;
vertical-align: middle;
}
.middle {
vertical-align: middle;
}
.bx {
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.fit {
width: 100%;
height: 100%;
}
@font-face {
font-family: 'Muller';
src: url(//balkanservices.com/wp-content/themes/edesign/webroot/assets/dist/fonts/Muller-Regular.woff2) format('woff2'), url(//balkanservices.com/wp-content/themes/edesign/webroot/assets/dist/fonts/Muller-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Muller';
src: url(//balkanservices.com/wp-content/themes/edesign/webroot/assets/dist/fonts/Muller-Medium.woff2) format('woff2'), url(//balkanservices.com/wp-content/themes/edesign/webroot/assets/dist/fonts/Muller-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Muller';
src: url(//balkanservices.com/wp-content/themes/edesign/webroot/assets/dist/fonts/MullerBold.woff2) format('woff2'), url(//balkanservices.com/wp-content/themes/edesign/webroot/assets/dist/fonts/MullerBold.woff) format('woff');
font-weight: 700;
font-style: bold;
font-display: swap;
}
.max-w-container {
margin: 0 auto;
width: 100%;
}
.offset-x-desktop-20 {
padding-left: 11px;
padding-right: 11px;
}
.offset-x-desktop-60 {
padding-left: 25px;
padding-right: 25px;
}
.offset-x-desktop-200 {
padding-left: 20px;
padding-right: 20px;
}
.offset-x-desktop-180 {
padding-left: 15px;
padding-right: 15px;
}
.offset-x-desktop-172 {
padding-left: 22px;
padding-right: 22px;
}
.offset-x-desktop-120 {
padding-left: 22px;
padding-right: 22px;
}
.offset-y-desktop-20 {
padding-bottom: 11px;
}
.border-r-20-t {
border-radius: 10px 10px 0px 0px;
}
.border-r-20-b {
border-radius: 0 0 10px 10px;
}
.border-r-20 {
border-radius: 20px;
}
.glass-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
padding: 50px;
background: #FF6A00;
}
.glass {
position: relative;
background: linear-gradient(-45deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.08));
backdrop-filter: blur(16px) saturate(130%);
-webkit-backdrop-filter: blur(16px) saturate(130%);
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.3);
-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.6);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.6);
overflow: hidden;
}
.show-on-desktop {
display: none;
}
.show-on-mobile {
display: inherit;
}
.anim-blob {
opacity: 0;
scale: 0.5;
translate: -500px 0;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(calc(var(--parallax-y, 0) * 1px));
-ms-transform: translateY(calc(var(--parallax-y, 0) * 1px));
transform: translateY(calc(var(--parallax-y, 0) * 1px));
}
.orange-blob.anim-blob,
.green-blob.anim-blob {
translate: 500px 0;
}
@-webkit-keyframes blob-reveal {
to {
translate: 0 0;
scale: 1;
opacity: 1;
}
}
@keyframes blob-reveal {
to {
translate: 0 0;
scale: 1;
opacity: 1;
}
}
.blob-revealing {
-webkit-animation: blob-reveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
animation: blob-reveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@-webkit-keyframes blob-pulse {
from {
scale: 1;
}
to {
scale: 1.17;
}
}
@keyframes blob-pulse {
from {
scale: 1;
}
to {
scale: 1.17;
}
}
.blob-pulsing {
opacity: 1;
translate: 0 0;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(calc(var(--parallax-y, 0) * 1px));
-ms-transform: translateY(calc(var(--parallax-y, 0) * 1px));
transform: translateY(calc(var(--parallax-y, 0) * 1px));
-webkit-animation: blob-pulse 2.5s ease-in-out infinite alternate;
animation: blob-pulse 2.5s ease-in-out infinite alternate;
}
.blue-blob {
content: "";
display: block;
width: 400px;
height: 400px;
aspect-ratio: 1 / 1;
position: absolute;
z-index: -1;
background: #B5D9F4;
border-radius: 50%;
-webkit-filter: blur(20px);
filter: blur(20px);
pointer-events: none;
}
.green-blob {
content: "";
display: block;
width: 250px;
height: 250px;
aspect-ratio: 1 / 1;
position: absolute;
top: 50%;
right: -37%;
z-index: -1;
background: #BCD041;
border-radius: 50%;
-webkit-filter: blur(20px);
filter: blur(20px);
pointer-events: none;
}
.orange-blob {
content: "";
display: block;
width: clamp(34.5rem, 35.9375vw, 43.125rem);
height: clamp(34.5rem, 35.9375vw, 43.125rem);
aspect-ratio: 1 / 1;
position: absolute;
z-index: -1;
background: #FF6A00;
border-radius: 50%;
-webkit-filter: blur(20px);
filter: blur(20px);
pointer-events: none;
}
.breadcrumb {
visibility: hidden;
height: 0;
padding-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
list-style: none;
padding-left: clamp(2.5rem, 2.60416667vw, 3.125rem);
padding-right: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.breadcrumb li {
font-size: 14px;
color: #0F141B;
}
.breadcrumb li:first-child {
padding-left: 0;
}
.breadcrumb li:last-child {
color: #FF6A00;
}
.breadcrumb li a {
color: #0F141B;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.breadcrumb li a:hover {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.breadcrumb-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
}
.breadcrumb-item a {
color: #0F141B;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.breadcrumb-item a:hover {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 8px;
overflow: hidden;
padding: 16px 20px;
border-radius: 16px;
font-size: 13px;
font-weight: 700;
line-height: 1.385;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.btn .btn-text {
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn .btn-arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
opacity: 0;
max-width: 0;
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px);
overflow: hidden;
-webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.btn:hover .btn-text {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
}
.btn:hover .btn-arrow {
opacity: 1;
max-width: 24px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.btn.dark {
background-color: #FF6A00;
color: #ffffff;
}
.btn.white {
background-color: #ffffff;
color: #FF6A00;
}
.btn.blue {
background-color: #009FFF;
color: #ffffff;
}
.btn.transparent {
background-color: transparent;
border: 1.5px solid #FF6A00;
color: #FF6A00;
}
.btn.grey {
background-color: #EDEDED;
color: #0F141B;
}
.s-128 {
font-size: 44px;
}
.s-96 {
font-size: 40px;
}
.s-76 {
font-size: 40px;
}
.s-64 {
font-size: 36px;
}
.s-44 {
font-size: 32px;
}
.s-36 {
font-size: 22px;
}
.s-24 {
font-size: 18px;
}
.s-18 {
font-size: 18px;
}
.s-15 {
font-size: 13px;
}
.skip-link {
position: absolute;
top: -40px;
left: 0;
background: #000;
color: #fff;
padding: 8px 16px;
z-index: 100;
text-decoration: none;
border-radius: 4px;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.skip-link:focus {
top: 10px;
} .screen-reader-text {
border: 0;
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
word-break: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} @font-face {
font-family: 'swiper-icons';
src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0; z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
} .swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
} .swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none; -ms-overflow-style: none; }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: '';
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size);
}
:root {
--swiper-navigation-size: 44px; }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next';
}
.swiper-button-lock {
display: none;
}
:root { }
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
} .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%;
} .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
} .swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-lock {
display: none;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
} :root { }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube {
overflow: visible;
}
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px);
}
.swiper-flip {
overflow: visible;
}
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
-webkit-transition-property: opacity, height, -webkit-transform;
transition-property: opacity, height, -webkit-transform;
transition-property: transform, opacity, height;
transition-property: transform, opacity, height, -webkit-transform;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
.header-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: #ffffff;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.header-container .header-content {
padding-top: 20px;
padding-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
}
.header-container .header-content__right .mobile-menu-btn .line-el {
background: #0F141B;
}
.main-content {
padding-top: var(--header-height, 80px);
overflow-x: clip;
width: 100%;
}
.header {
position: absolute;
left: 0;
width: 100%;
z-index: 999;
}
.header:not(.is-revealed) {
opacity: 0;
}
.header.header--dark {
position: relative;
}
.header.header--dark .header-content__right .mobile-menu-btn .line-el {
background: #000000;
}
.header-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
padding-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
padding-left: clamp(2.5rem, 2.60416667vw, 3.125rem);
padding-right: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.header-content__logo img {
width: 100%;
height: 100%;
}
.header-content__menu {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.header-content__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-line-pack: end;
align-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-content__right .mobile-menu-btn {
width: 25px;
height: 22px;
position: relative;
background: none;
border: none;
cursor: pointer;
}
.header-content__right .mobile-menu-btn .line-el {
position: absolute;
left: 0;
width: 25px;
height: 1.5px;
background: #0F141B;
-webkit-transition: opacity 0.2s ease, top 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.2s ease, top 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.2s ease, top 0.3s ease;
transition: transform 0.3s ease, opacity 0.2s ease, top 0.3s ease, -webkit-transform 0.3s ease;
}
.header-content__right .mobile-menu-btn .line-el:nth-child(1) {
top: 0;
}
.header-content__right .mobile-menu-btn .line-el:nth-child(2) {
top: 10px;
}
.header-content__right .mobile-menu-btn .line-el:nth-child(3) {
top: 20px;
right: 0;
left: auto;
width: 15px;
}
.header-content__right .mobile-menu-btn.active .line-el:nth-child(1) {
top: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-content__right .mobile-menu-btn.active .line-el:nth-child(2) {
opacity: 0;
}
.header-content__right .mobile-menu-btn.active .line-el:nth-child(3) {
width: 25px;
top: 10px;
right: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header-content__right .mobile-menu {
position: fixed;
left: 0;
right: 0;
top: var(--header-height, 80px);
z-index: 9999;
margin: 0 20px;
padding: 30px;
background-color: #ffffff;
-webkit-overflow-scrolling: touch;
border-radius: 20px;
overflow-y: scroll;
-webkit-transition: opacity 0.18s ease, -webkit-transform 0.18s ease;
transition: opacity 0.18s ease, -webkit-transform 0.18s ease;
transition: opacity 0.18s ease, transform 0.18s ease;
transition: opacity 0.18s ease, transform 0.18s ease, -webkit-transform 0.18s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-content__right .mobile-menu__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
padding: 15px 0;
border-bottom: 1px solid #EDEDED;
}
.header-content__right .mobile-menu__link {
font-size: 20px;
font-weight: 700;
}
.header-content__right .mobile-menu__link,
.header-content__right .mobile-menu__link--child {
color: #0F141B;
}
.header-content__right .mobile-menu__link--child {
font-size: 16px;
font-weight: 700;
}
.header-content__right .mobile-menu__next {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
height: 20px;
}
.header-content__right .mobile-menu__back {
margin-bottom: 10px;
}
.header-content__right .mobile-menu__back-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 16px;
font-weight: 500;
line-height: 1;
}
.header-content__right .mobile-menu__back-btn:hover {
cursor: pointer;
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.header-content__right .mobile-menu__extras {
margin-top: auto;
padding-top: 30px;
}
.header-content__right .mobile-menu__extras .mobile-menu__item:nth-child(2) .mobile-menu__row {
border-bottom: none;
}
.header-content__right .mobile-menu[hidden] {
display: none;
opacity: 0;
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
}
.header-content__right .mobile-menu:not([hidden]) {
display: block;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.header-content__right .mobile-menu__level {
background-color: #ffffff;
}
.header-content__right .mobile-menu__item--child .mobile-menu__link--child {
font-size: 18px;
font-weight: 600;
color: #0F141B;
}
.header-content__top {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 12px;
gap: clamp(1.8rem, 1.875vw, 2.25rem);
}
.searchbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 10px;
position: relative;
}
.searchbox-input {
width: 100%;
text-align: start;
font-weight: 500;
border: none;
background: transparent;
border-bottom: 2px solid transparent;
padding-bottom: 0;
line-height: 1.2;
accent-color: #FF6A00;
-webkit-transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out, color 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
}
.searchbox-input::-webkit-input-placeholder {
color: #505051;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.searchbox-input::-moz-placeholder {
color: #505051;
-moz-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.searchbox-input:-ms-input-placeholder {
color: #505051;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.searchbox-input::-ms-input-placeholder {
color: #505051;
-ms-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.searchbox-input::placeholder {
color: #505051;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.searchbox-input:focus {
outline: none;
border-bottom-color: #FF6A00;
padding-bottom: 2px;
}
.searchbox-input:focus::-webkit-input-placeholder {
color: #FF6A00;
}
.searchbox-input:focus::-moz-placeholder {
color: #FF6A00;
}
.searchbox-input:focus:-ms-input-placeholder {
color: #FF6A00;
}
.searchbox-input:focus::-ms-input-placeholder {
color: #FF6A00;
}
.searchbox-input:focus::placeholder {
color: #FF6A00;
}
.searchbox-input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
height: 14px;
width: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF6A00' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
margin-left: 8px;
}
.searchbox-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
opacity: 0.7;
-webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
min-width: 24px;
height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.searchbox-icon img {
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
display: block;
}
.searchbox-icon:hover,
.searchbox-input:focus ~ .searchbox-icon {
opacity: 1;
}
.searchbox-icon:hover img,
.searchbox-input:focus ~ .searchbox-icon img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.language-switcher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.language-switcher span,
.language-switcher .other-lang,
.language-switcher .current-lang {
text-transform: uppercase;
color: #505051;
font-weight: 500;
font-size: 14px;
line-height: 1;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.language-switcher .other-lang:hover {
cursor: pointer;
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.language-switcher .current-lang {
color: #FF6A00;
}
.main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
position: relative;
padding-bottom: 8px;
}
.main-menu-item__link {
display: block;
height: 100%;
font-size: clamp(0.75rem, 0.78125vw, 0.9375rem);
font-weight: 500;
color: #0F141B;
background-color: #EDEDED;
border-radius: clamp(0.8rem, 0.83333333vw, 1rem);
text-transform: uppercase;
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
-webkit-transition: background-color 0.4s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.4s ease-in-out, color 0.3s ease-in-out;
}
.main-menu-item__link:hover {
background-color: #ffffff;
color: #FF6A00;
}
.main-menu-item__link:not([href]),
.main-menu-item__link[href=""] {
cursor: default;
pointer-events: none;
}
.main-menu-item:hover .main-menu-item__link:not([href]),
.main-menu-item:hover .main-menu-item__link[href=""] {
background-color: #ffffff;
color: #FF6A00;
}
.main-menu-item.spacing-left {
margin-left: 20px;
}
.main-menu-item.contact-button a {
background-color: #FF6A00;
color: #ffffff;
-webkit-transition: background-color 0.4s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.4s ease-in-out, color 0.3s ease-in-out;
}
.main-menu-item.contact-button a:hover {
background-color: #EDEDED;
color: #0F141B;
-webkit-transition: background-color 0.4s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.4s ease-in-out, color 0.3s ease-in-out;
}
.main-menu-item .parent-item {
display: block;
width: 100%;
padding: 5px 0;
font-size: 13px;
font-weight: 700;
color: #FF6A00;
text-transform: uppercase;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-menu-item .parent-item:hover {
color: #0F141B;
}
.main-menu-item .child-item {
display: block;
width: 100%;
font-size: 14px;
font-weight: 400;
padding: 5px 15px;
color: #0F141B;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-menu-item .child-item:hover {
color: #FF6A00;
}
.main-menu-inner__item-nav {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.main-menu .submenu-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 17px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: absolute;
left: -13%;
top: 100%;
background-color: #ffffff;
padding-top: clamp(1.25rem, 1.5625vw, 1.875rem);
padding-bottom: clamp(1.25rem, 1.5625vw, 1.875rem);
padding-left: clamp(2rem, 2.08333333vw, 2.5rem);
padding-right: clamp(2rem, 2.08333333vw, 2.5rem);
border-radius: clamp(1rem, 1.04166667vw, 1.25rem);
-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
pointer-events: none;
-webkit-transition: opacity 0.35s ease-out, visibility 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, visibility 0.35s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, transform 0.35s ease-out, visibility 0.35s ease-out;
transition: opacity 0.35s ease-out, transform 0.35s ease-out, visibility 0.35s ease-out, -webkit-transform 0.35s ease-out;
will-change: opacity, transform;
z-index: 99;
}
.header:not(.is-revealed) .main-menu .submenu-container {
display: none;
}
.main-menu .submenu-container::before {
content: '';
position: absolute;
top: -20px;
left: 0;
right: 0;
height: 20px;
background: transparent;
}
.main-menu .submenu-container__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.main-menu .submenu-container__left .submenu-container__newsletter-title {
font-size: 12px;
padding-bottom: 8px;
}
.main-menu .submenu-container__left .submenu-container__newsletter-wrapper {
margin-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.main-menu .submenu-container.show {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: auto;
-webkit-transition: opacity 0.35s ease-out, visibility 0s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, visibility 0s ease-out, -webkit-transform 0.35s ease-out;
transition: opacity 0.35s ease-out, transform 0.35s ease-out, visibility 0s ease-out;
transition: opacity 0.35s ease-out, transform 0.35s ease-out, visibility 0s ease-out, -webkit-transform 0.35s ease-out;
}
.menu-item {
display: block;
min-width: clamp(13rem, 13.54166667vw, 16.25rem);
}
.menu-item__description {
font-size: 14px;
font-weight: 400;
padding-left: clamp(0.75rem, 0.78125vw, 0.9375rem);
padding-right: clamp(0.75rem, 0.78125vw, 0.9375rem);
padding-top: 5px;
padding-bottom: 5px;
color: #0F141B;
}
.submenu-featured-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(0.8rem, 0.83333333vw, 1rem);
background-color: #EDEDED;
border-radius: 20px;
}
.submenu-featured-post__content {
padding: clamp(2rem, 2.08333333vw, 2.5rem);
min-width: clamp(17.35rem, 18.07291667vw, 21.6875rem);
}
.submenu-featured-post__title {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
padding-bottom: 10px;
line-height: 1.2;
font-weight: 500;
color: #0F141B;
}
.submenu-featured-post__excerpt {
padding-bottom: 10px;
font-size: 16px;
font-weight: 500;
color: #0F141B;
}
.submenu-featured-post__link {
font-size: clamp(0.8rem, 0.83333333vw, 1rem);
font-weight: 700;
color: #FF6A00;
text-transform: uppercase;
}
.submenu-featured-post__link:hover {
text-decoration: underline;
}
.footer {
position: relative;
border-radius: 0 0 10px 10px;
margin-left: 11px;
margin-right: 11px;
}
.footer::after {
content: "";
display: block;
width: 100%;
height: 90%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(65.4%, #0F141B), to(rgba(15, 20, 27, 0)));
background: linear-gradient(180deg, #0F141B 65.4%, rgba(15, 20, 27, 0) 100%);
z-index: 0;
}
.footer .fullscreen-video-content {
position: relative;
overflow: hidden;
z-index: 1;
}
.footer-video__background {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
z-index: -1;
}
.footer-video__background::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
z-index: 0;
}
.footer-container {
padding-top: clamp(3.5rem, 5.78125vw, 6.9375rem);
padding-bottom: clamp(4.8rem, 5vw, 6rem);
}
.footer__col {
width: 50%;
}
.footer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%;
max-height: 830px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: clamp(2rem, 3.125vw, 3.75rem);
}
.footer-menu__title {
font-size: 22px;
color: #ffffff;
font-weight: 700;
}
.footer-menu__title-link {
margin-bottom: clamp(1rem, 1.30208333vw, 1.5625rem);
}
.footer-menu__title-link:hover {
color: #FF6A00;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.footer-menu__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(2rem, 2.08333333vw, 2.5rem);
margin-top: clamp(2.5rem, 3.125vw, 3.75rem);
}
.footer-right-column {
width: 100%;
}
.footer-right-column__text {
display: none;
padding-bottom: 20px;
font-weight: 500;
line-height: 1.2;
}
.footer-right-column__link {
padding: 10px 0;
}
.footer-right-column__link {
font-weight: 700;
}
.footer-right-column__text,
.footer-right-column__link,
.footer-right-column__address,
.footer-right-column__phone-link {
color: #ffffff;
}
.footer-right-column__phone-link,
.footer-right-column__email-link {
font-weight: 500;
}
.footer-right-column__link:hover,
.footer-right-column__phone-link:hover,
.footer-right-column__email-link:hover {
color: #FF6A00;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.footer-right-column__email-link {
color: #FF6A00;
}
.footer-right-column__email-link:hover {
color: #ffffff;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.footer-right-column__phone,
.footer-right-column__email {
padding-top: 6px;
}
.footer-right-column__address {
padding-top: 20px;
line-height: 1.6;
font-weight: 500;
}
.footer-social__title {
color: #ffffff;
font-weight: 500;
padding: 20px 0 10px 0;
}
.footer-social__links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: clamp(1rem, 1.04166667vw, 1.25rem);
}
.footer-social__link svg {
display: inline-block;
-webkit-transition: -webkit-transform 0.5s ease-in-out;
transition: -webkit-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.footer-social__link svg path {
-webkit-transition: 0.5s;
transition: 0.5s;
fill: #ffffff;
}
.footer-social__link:hover svg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.footer-social__link:hover svg path {
fill: #FF6A00;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.footer-submenu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: clamp(1rem, 1.30208333vw, 1.5625rem);
}
.footer-submenu__parent {
padding: 10px 0;
font-size: 18px;
color: #ffffff;
font-weight: 700;
}
.footer-submenu__parent:hover {
color: #FF6A00;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.footer-submenu-level-1 .footer-submenu__item {
padding: 10px;
font-size: 14px;
font-weight: 400;
}
.footer-submenu-level-1 .footer-submenu__item:first-child {
padding-top: 10px;
}
.footer-submenu-group {
padding-top: 10px;
}
.footer-submenu__item {
padding: 10px 0;
font-size: 17px;
color: #ffffff;
font-weight: 700;
}
.footer-submenu__item:first-child {
padding-top: 0px;
}
.footer-submenu__item:hover {
color: #FF6A00;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.footer-bottom {
margin-top: 20px;
}
.footer-privacy__menu-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-privacy__menu-wrapper img {
max-width: none;
}
.footer-privacy__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
}
.footer-privacy-item {
padding: 10px 10px 10px 0px;
font-size: 14px;
color: #ffffff;
}
.footer-privacy-item:first-child {
padding-left: 0;
}
.footer-privacy-item:hover {
color: #FF6A00;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.footer-copyright {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: clamp(4rem, 4.16666667vw, 5rem);
}
.footer-copyright .copyright-text {
font-size: 14px;
color: #ffffff;
}
.footer .site-by-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #ffffff;
}
.footer .site-by-link:hover .edesign-hand,
.footer .site-by-link:focus .edesign-hand {
-webkit-animation-name: wave-animation;
animation-name: wave-animation;
-webkit-animation-duration: 1.75s;
animation-duration: 1.75s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.footer .site-by-link .icon-wrap {
display: inline-block;
margin: 0 7px;
}
.footer .site-by-link p {
font-size: 15px;
text-decoration: underline;
}
@-webkit-keyframes wave-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
10% {
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
20% {
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
30% {
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
40% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
60% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes wave-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
10% {
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
20% {
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
30% {
-webkit-transform: rotate(14deg);
transform: rotate(14deg);
}
40% {
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
50% {
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}
60% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.fullscreen-video-container {
overflow: hidden;
}
.fullscreen-video-container video {
position: absolute;
width: 100%;
height: 50%;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
}
.newsletter-section {
background: #0F141B;
border-radius: 10px 10px 0 0;
position: relative;
z-index: 1;
overflow: hidden;
}
.newsletter-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: clamp(6rem, 6.77083333vw, 8.125rem);
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.newsletter-content__upper-title {
font-size: 15px;
color: #ffffff;
text-transform: uppercase;
line-height: 1.4;
letter-spacing: 0.03em;
}
.newsletter-content__gallery {
padding-top: clamp(3rem, 3.125vw, 3.75rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
gap: var(--gallery-gap, 70px);
overflow: hidden;
}
.newsletter-content__gallery img {
border-radius: 20px;
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
display: block;
margin-right: clamp(-1.875rem, -1.5625vw, -1.5rem);
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.newsletter-content__gallery img:first-child {
width: clamp(5rem, 6.25vw, 7.5rem);
height: clamp(5rem, 6.25vw, 7.5rem);
}
.newsletter-content__gallery img:nth-child(2) {
width: clamp(7.5rem, 8.85416667vw, 10.625rem);
height: clamp(7.5rem, 8.85416667vw, 10.625rem);
}
.newsletter-content__gallery img:nth-child(3) {
width: clamp(12.5rem, 14.0625vw, 16.875rem);
height: clamp(12.5rem, 14.0625vw, 16.875rem);
z-index: 10;
}
.newsletter-content__gallery img:nth-child(4) {
width: clamp(7.5rem, 8.85416667vw, 10.625rem);
height: clamp(7.5rem, 8.85416667vw, 10.625rem);
z-index: 11;
}
.newsletter-content__gallery img:nth-child(5) {
width: clamp(5rem, 6.25vw, 7.5rem);
height: clamp(5rem, 6.25vw, 7.5rem);
z-index: 12;
}
.newsletter-content__title {
padding-top: clamp(3rem, 3.125vw, 3.75rem);
font-size: 44px;
color: #ffffff;
font-weight: 500;
line-height: 1.1;
text-align: center;
}
.newsletter-content__second-title {
font-size: 16px;
color: #B4B4B4;
line-height: 1.5;
}
.newsletter-content__form {
padding-top: clamp(3rem, 3.125vw, 3.75rem);
}
.newsletter-content__subscribe-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: clamp(1rem, 2.08333333vw, 2.5rem);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.newsletter-content__subscribe-form-text {
color: #ffffff;
}
dialog {
border: none;
padding: 0;
max-width: 100vw;
max-height: 100vh;
width: 100%;
height: 100%;
background: transparent;
}
dialog::-ms-backdrop {
background: transparent;
}
dialog::backdrop {
background: transparent;
}
.dialog-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100vw;
z-index: 9999999;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.dialog-video {
width: 100%;
height: 100%;
max-width: initial;
max-height: initial;
}
.dialog-video iframe {
width: 100%;
height: 100%;
min-width: 80vw;
min-height: 25vh;
}
.dialog-content {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dialog-form-popup {
display: block;
width: 100%;
height: auto;
max-width: 90vw;
min-width: 80vw;
min-height: auto;
background-color: #ffffff;
border-radius: 20px;
padding: 40px 30px;
white-space: normal;
}
#mc_embed_signup,
#mc_embed_signup_header {
background: transparent;
width: 100%;
font: inherit;
max-width: 400px;
}
#mc_embed_signup h2,
#mc_embed_signup_header h2 {
color: #17263B;
margin-bottom: 20px;
}
#mc_embed_signup .mc-field-group,
#mc_embed_signup_header .mc-field-group {
padding-bottom: 15px;
}
#mc_embed_signup .mc-field-group .submenu-subscribe__wrapper,
#mc_embed_signup_header .mc-field-group .submenu-subscribe__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#mc_embed_signup .mc-field-group.submenu-subscribe input[type="email"],
#mc_embed_signup_header .mc-field-group.submenu-subscribe input[type="email"] {
border-radius: 30px 0 0 30px;
}
#mc_embed_signup .mc-field-group.submenu-subscribe input[type="email"]::-webkit-input-placeholder, #mc_embed_signup_header .mc-field-group.submenu-subscribe input[type="email"]::-webkit-input-placeholder {
color: #0F141B;
font-size: 13px;
}
#mc_embed_signup .mc-field-group.submenu-subscribe input[type="email"]::-moz-placeholder, #mc_embed_signup_header .mc-field-group.submenu-subscribe input[type="email"]::-moz-placeholder {
color: #0F141B;
font-size: 13px;
}
#mc_embed_signup .mc-field-group.submenu-subscribe input[type="email"]:-ms-input-placeholder, #mc_embed_signup_header .mc-field-group.submenu-subscribe input[type="email"]:-ms-input-placeholder {
color: #0F141B;
font-size: 13px;
}
#mc_embed_signup .mc-field-group.submenu-subscribe input[type="email"]::-ms-input-placeholder, #mc_embed_signup_header .mc-field-group.submenu-subscribe input[type="email"]::-ms-input-placeholder {
color: #0F141B;
font-size: 13px;
}
#mc_embed_signup .mc-field-group.submenu-subscribe input[type="email"]::placeholder,
#mc_embed_signup_header .mc-field-group.submenu-subscribe input[type="email"]::placeholder {
color: #0F141B;
font-size: 13px;
}
#mc_embed_signup .mc-field-group.submenu-subscribe .button,
#mc_embed_signup_header .mc-field-group.submenu-subscribe .button {
padding: 16px 20px !important;
margin-top: 0;
border-radius: 0 30px 30px 0;
}
#mc_embed_signup .mc-field-group label,
#mc_embed_signup_header .mc-field-group label {
font-weight: 600;
margin-bottom: 8px;
display: block;
}
#mc_embed_signup .mc-field-group .helper_text,
#mc_embed_signup_header .mc-field-group .helper_text {
font-size: 10px;
color: #747577;
margin-top: 5px;
}
#mc_embed_signup .mc-field-group input.mce_inline_error,
#mc_embed_signup_header .mc-field-group input.mce_inline_error {
border-color: #FF3030;
}
#mc_embed_signup .mc-field-group input[type="email"],
#mc_embed_signup_header .mc-field-group input[type="email"] {
width: 100%;
padding: 12px 16px;
border: 1px solid #B4B4B4;
border-radius: 8px;
font-size: 16px;
-webkit-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
#mc_embed_signup .mc-field-group input[type="email"]:focus,
#mc_embed_signup_header .mc-field-group input[type="email"]:focus {
outline: none;
border-color: #FF6A00;
}
#mc_embed_signup .content__gdpr p,
#mc_embed_signup_header .content__gdpr p {
font-size: 14px;
color: #17263B;
margin-bottom: 10px;
}
#mc_embed_signup #mergeRow-gdpr,
#mc_embed_signup_header #mergeRow-gdpr {
padding-bottom: 0;
}
#mc_embed_signup .mc_fieldset.gdprRequired,
#mc_embed_signup_header .mc_fieldset.gdprRequired {
border: none;
padding: 0;
margin: 0 0 15px;
}
#mc_embed_signup .mc_fieldset.gdprRequired .gdpr,
#mc_embed_signup_header .mc_fieldset.gdprRequired .gdpr {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
min-width: 18px;
min-height: 18px;
border: 2px solid #B4B4B4;
border-radius: 4px;
cursor: pointer;
vertical-align: middle;
margin-right: 8px;
position: relative;
background-color: #ffffff;
-webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
#mc_embed_signup .mc_fieldset.gdprRequired .gdpr:checked,
#mc_embed_signup_header .mc_fieldset.gdprRequired .gdpr:checked {
background-color: #FF6A00;
border-color: #FF6A00;
}
#mc_embed_signup .mc_fieldset.gdprRequired .gdpr:checked::after,
#mc_embed_signup_header .mc_fieldset.gdprRequired .gdpr:checked::after {
content: '';
position: absolute;
top: 1px;
left: 5px;
width: 5px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#mc_embed_signup .mc_fieldset.gdprRequired span,
#mc_embed_signup_header .mc_fieldset.gdprRequired span {
font-size: 13px;
}
#mc_embed_signup .mc_fieldset.gdprRequired span a,
#mc_embed_signup_header .mc_fieldset.gdprRequired span a {
color: #FF6A00;
}
#mc_embed_signup .mc_fieldset.gdprRequired span a:hover,
#mc_embed_signup_header .mc_fieldset.gdprRequired span a:hover {
color: #17263B;
}
#mc_embed_signup .mc_fieldset.gdprRequired label,
#mc_embed_signup_header .mc_fieldset.gdprRequired label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
font-size: 14px;
cursor: pointer;
}
#mc_embed_signup div.mce_inline_error,
#mc_embed_signup_header div.mce_inline_error {
background-color: rgba(255, 48, 48, 0.2) !important;
border: 1px solid #FF3030;
border-radius: 8px;
margin-top: 10px;
padding: 12px 16px !important;
color: #0F141B !important;
}
#mc_embed_signup #mce-responses,
#mc_embed_signup_header #mce-responses,
#mc_embed_signup #mce-responses-header,
#mc_embed_signup_header #mce-responses-header {
border-radius: 8px;
color: #0F141B;
}
#mc_embed_signup #mce-success-response,
#mc_embed_signup_header #mce-success-response,
#mc_embed_signup #mce-success-response-header,
#mc_embed_signup_header #mce-success-response-header {
margin-bottom: 20px;
padding: 12px 16px;
background-color: rgba(242, 247, 183, 0.2);
border: 1px solid #BCD041;
}
#mc_embed_signup #mce-error-response,
#mc_embed_signup_header #mce-error-response,
#mc_embed_signup #mce-error-response-header,
#mc_embed_signup_header #mce-error-response-header {
margin-bottom: 20px;
padding: 12px 16px;
background-color: rgba(255, 48, 48, 0.2);
border: 1px solid #FF3030;
}
#mc_embed_signup .btn.dark,
#mc_embed_signup_header .btn.dark {
border: none;
cursor: pointer;
}
#mc_embed_signup .indicates-required,
#mc_embed_signup_header .indicates-required {
display: none;
}
#mc_embed_signup .button,
#mc_embed_signup_header .button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 8px;
height: auto;
overflow: hidden;
padding: 16px 20px;
border-radius: 16px;
font-size: 13px;
font-weight: 700;
line-height: 1.385;
letter-spacing: 0.02em;
text-transform: uppercase;
background-color: #FF6A00;
color: #ffffff;
}
#mc_embed_signup .button .btn-text,
#mc_embed_signup_header .button .btn-text {
-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#mc_embed_signup .button .btn-arrow,
#mc_embed_signup_header .button .btn-arrow {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
opacity: 0;
max-width: 0;
-webkit-transform: translateX(-6px);
-ms-transform: translateX(-6px);
transform: translateX(-6px);
overflow: hidden;
-webkit-transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: opacity 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), max-width 0.8s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#mc_embed_signup .button:hover .btn-text,
#mc_embed_signup_header .button:hover .btn-text {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
}
#mc_embed_signup .button:hover .btn-arrow,
#mc_embed_signup_header .button:hover .btn-arrow {
opacity: 1;
max-width: 24px;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.close-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 11px;
padding: 10px;
position: absolute;
top: 28%;
right: 8%;
border: 1px solid #B4B4B4;
border-radius: 50%;
background-color: transparent;
z-index: 1000;
}
.close-button:hover {
border: none;
background: #FF6A00;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.close-button:hover .first-line,
.close-button:hover .second-line {
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.close-button:hover .first-line {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-button:hover .second-line {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-button .close-button-inner {
position: relative;
width: 25px;
height: 25px;
cursor: pointer;
}
.close-button .first-line,
.close-button .second-line {
position: absolute;
top: 50%;
}
.close-button .first-line {
height: 1px;
width: 25px;
background-color: #B4B4B4;
border-radius: 5px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.close-button .second-line {
height: 1px;
width: 25px;
background-color: #B4B4B4;
border-radius: 5px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
padding-top: clamp(0.5rem, 1.04166667vw, 1.25rem);
padding-bottom: clamp(0.5rem, 1.04166667vw, 1.25rem);
}
.posts-grid__no-posts {
margin-top: 50px;
}
.post-item {
height: 100%;
}
.post-item-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
gap: 20px;
position: relative;
padding-top: clamp(2rem, 2.60416667vw, 3.125rem);
padding-bottom: clamp(2rem, 2.60416667vw, 3.125rem);
padding-left: clamp(3rem, 3.64583333vw, 4.375rem);
padding-right: clamp(3rem, 3.64583333vw, 4.375rem);
background: rgba(237, 237, 237, 0.1);
backdrop-filter: unset;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
border-radius: 20px;
overflow: hidden;
will-change: opacity, transform;
-webkit-transition: background 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
transition: background 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
}
.post-item-label {
color: #0F141B;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.03em;
text-transform: uppercase;
line-height: 1.4;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.post-item-image {
background-color: #ffffff;
height: 150px;
border-radius: 20px;
overflow: hidden;
}
.post-item-image img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.post-item-image--case-studies {
padding: clamp(2rem, 2.08333333vw, 2.5rem);
}
.post-item-image--case-studies img {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-o-object-fit: contain;
object-fit: contain;
}
.post-item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-item-tag {
margin-bottom: 8px;
}
.post-item-tag-text {
font-size: 18px;
font-weight: 500;
color: #0F141B;
margin: 0;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.post-item-title {
font-size: 20px;
font-weight: 500;
color: #17263B;
line-height: 1.3;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.post-item-title a {
text-decoration: none;
color: inherit;
will-change: opacity, transform;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.post-item-title a:hover {
color: #FF6A00;
}
.post-item-excerpt {
font-size: 16px;
line-height: 1.4;
color: #0F141B;
margin: 0;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.post-item-data {
color: #17263B;
font-size: 18px;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.post-item-link:hover .post-item-wrapper {
background: #FF6A00;
backdrop-filter: none;
}
.post-item-link:hover .post-item-title,
.post-item-link:hover .post-item-excerpt,
.post-item-link:hover .post-item-data,
.post-item-link:hover .post-item-label,
.post-item-link:hover .post-item-tag-text {
color: #ffffff;
}
.post-item-link:hover .btn {
background-color: #ffffff;
color: #FF6A00;
}
.post-item-link:hover .post-item-image img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.post-item-link:hover .post-item-image--case-studies img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.archive-posts-container {
position: relative;
margin-right: -11px;
}
.archive-posts-container__inner {
min-height: 100vh;
margin-right: 11px;
}
.archive-posts-container .orange-blob {
height: 90%;
top: 20%;
right: -60%;
max-height: 600px;
}
.archive-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
border-radius: 20px;
background-color: #323232;
padding: 20px;
z-index: 99;
row-gap: 20px;
}
.filter-search,
.filter-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.filter-clear {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 6px;
background: transparent;
border: none;
color: #ffffff;
font-size: 13px;
font-family: inherit;
cursor: pointer;
padding: 6px 0;
margin-left: 10px;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
opacity: 0.7;
}
.filter-clear[hidden] {
display: none;
}
.filter-clear:hover {
opacity: 1;
}
.filter-clear svg {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.filter-search {
width: 100%;
gap: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.filter-search__label {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-wrap-mode: nowrap;
color: #ffffff;
font-size: 16px;
font-weight: 400;
}
.filter-search input {
background-color: #ffffff;
width: 100%;
min-width: auto;
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
border: 1px solid #ffffff;
border-radius: 16px;
font-size: 16px;
font-family: inherit;
-webkit-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.filter-search input::-webkit-input-placeholder {
color: #0F141B;
}
.filter-search input::-moz-placeholder {
color: #0F141B;
}
.filter-search input:-ms-input-placeholder {
color: #0F141B;
}
.filter-search input::-ms-input-placeholder {
color: #0F141B;
}
.filter-search input::placeholder {
color: #0F141B;
}
.filter-search input:focus {
outline: none;
border-color: #FF6A00;
}
.filter-search__input-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
width: 100%;
}
.filter-search__button {
width: 40%;
font-size: 12px;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.filter-category {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.filter-category__label {
display: none;
}
.filter-category select {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
border: 1px solid transparent;
border-radius: 16px;
font-size: 16px;
background-color: #ffffff;
cursor: pointer;
-webkit-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.filter-category select:focus {
outline: none;
border-color: #FF6A00;
}
.custom-dropdown {
position: relative;
min-width: 249px;
z-index: 9999;
}
.custom-dropdown__selected {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 10px;
padding: 10px 15px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 16px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.custom-dropdown__selected:hover {
border-color: #FF6A00;
}
.custom-dropdown__selected:focus {
outline: none;
border-color: #FF6A00;
}
.custom-dropdown__arrow {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transition: -webkit-transform 0.25s ease;
transition: -webkit-transform 0.25s ease;
transition: transform 0.25s ease;
transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.custom-dropdown.is-open .custom-dropdown__arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.custom-dropdown__options {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: auto;
width: auto;
min-width: clamp(14.5rem, 15.625vw, 18.75rem);
background: #ffffff;
border: 1px solid #e3e3e3;
border-radius: 16px;
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.01);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.01);
z-index: 100;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease;
max-height: 260px;
overflow-y: auto;
padding: 8px 10px;
}
.custom-dropdown.is-open .custom-dropdown__options {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.custom-dropdown__option {
padding: 10px 20px;
font-size: 15px;
font-weight: 500;
border-radius: 16px;
cursor: pointer;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
white-space: nowrap;
}
.custom-dropdown__option:hover {
background-color: #f5f5f5;
}
.custom-dropdown__option.is-selected {
background-color: #f5f5f5;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.pagination-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 6px;
padding-top: clamp(1rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(1rem, 2.08333333vw, 2.5rem);
}
.pagination-wrap .page-numbers {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 10px;
text-decoration: none;
color: #0F141B;
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
font-weight: 400;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.pagination-wrap .page-numbers:hover {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.pagination-wrap .page-numbers.current {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.pagination-wrap .prev,
.pagination-wrap .next {
border: none;
min-width: 36px;
padding: 0 6px;
}
.pagination-wrap .prev svg,
.pagination-wrap .next svg {
display: block;
}
.pagination-wrap .prev:hover,
.pagination-wrap .next:hover {
background: transparent;
color: #FF6A00;
}
.pagination-wrap .page-first,
.pagination-wrap .page-last {
border: none;
min-width: 36px;
padding: 0 2px;
gap: -2px;
}
.pagination-wrap .page-first svg,
.pagination-wrap .page-last svg {
display: block;
}
.pagination-wrap .page-first:hover,
.pagination-wrap .page-last:hover {
background: transparent;
color: #FF6A00;
}
.share-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-top: 44px;
}
.share-buttons__text {
font-size: 16px;
color: #ffffff;
}
.share-buttons__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.share-buttons .share-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #ffffff;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.share-buttons .share-item:hover {
cursor: pointer;
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.share-buttons .share-item:hover .share-item__icon {
background-color: #ffffff;
-webkit-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.share-buttons .share-item:hover .share-item__icon svg path {
fill: #FF6A00;
-webkit-transition: fill 0.3s ease-in-out;
transition: fill 0.3s ease-in-out;
}
.share-buttons .share-item__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: clamp(3rem, 3.125vw, 3.75rem);
height: clamp(3rem, 3.125vw, 3.75rem);
border-radius: 50%;
background-color: #FF6A00;
}
.quote-company-section__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.quote-company-section__quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
gap: 24px;
width: 100%;
padding: 30px;
background: rgba(237, 237, 237, 0.05);
backdrop-filter: unset;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 20px;
}
.quote-company-section__quote.with-profile {
width: 100%;
}
.quote-company-section__quote-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.quote-company-section__quote-text-inner p {
font-size: 18px;
line-height: 1.4;
}
.quote-company-section__quote-text a {
color: #FF6A00;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.quote-company-section__quote-text a:hover {
color: #17263B;
-webkit-transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
background-size: 100% 1px;
}
.quote-company-section__quote-author {
font-size: clamp(0.9rem, 1.35416667vw, 1.625rem);
font-weight: 500;
color: #17263B;
}
.quote-company-section__quote-author-wrapper {
margin-top: clamp(2rem, 2.08333333vw, 2.5rem);
}
.quote-company-section__quote-position {
font-size: clamp(0.8rem, 1.25vw, 1.5rem);
color: #0F141B;
}
.quote-company-section__company-info {
width: 100%;
background: rgba(237, 237, 237, 0.05);
backdrop-filter: unset;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 20px;
padding-top: clamp(1.8rem, 1.875vw, 2.25rem);
padding-bottom: clamp(2.8rem, 2.91666667vw, 3.5rem);
padding-left: clamp(1.6rem, 1.66666667vw, 2rem);
padding-right: clamp(1.6rem, 1.66666667vw, 2rem);
}
.quote-company-section__company-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #ffffff;
border-radius: 20px;
padding: 10px;
aspect-ratio: 2 / 1;
}
.quote-company-section__company-logo img {
width: 100%;
max-width: 230px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.quote-company-section__company-details {
padding-left: clamp(1.25rem, 1.30208333vw, 1.5625rem);
padding-right: clamp(1.25rem, 1.30208333vw, 1.5625rem);
}
.quote-company-section__company-title {
font-size: 18px;
margin: 20px 0;
font-weight: 500;
}
.quote-company-section__company-size,
.quote-company-section__company-client-since,
.quote-company-section__company-industry {
font-size: 18px;
font-weight: 400;
line-height: 1.7;
}
.quote-company-section__company-size span,
.quote-company-section__company-client-since span,
.quote-company-section__company-industry span {
font-weight: 500;
}
.single-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: clamp(5rem, 7.29166667vw, 8.75rem);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-content-wrapper .text-block-section,
.single-content-wrapper .read-more-text-block-section {
padding-bottom: 0;
}
.single-content-wrapper .text-block-section:first-child,
.single-content-wrapper .read-more-text-block-section:first-child {
padding-top: 0;
}
.single-content-wrapper .text-block-section .text-block__content strong,
.single-content-wrapper .read-more-text-block-section .text-block__content strong {
font-weight: 500;
}
section[id],
h1[id],
h2[id],
h3[id],
h4[id],
h5[id],
h6[id] {
scroll-margin-top: calc(var(--header-height, 80px) + var(--sticky-nav-height, 0px) + 20px);
}
.sticky-menu {
position: sticky;
top: var(--header-height, 80px);
z-index: 10;
background: #ffffff;
width: calc(100% + 26px);
max-width: unset;
max-height: unset;
overflow: visible;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
-ms-flex-negative: 0;
flex-shrink: 0;
display: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.sticky-menu__title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #17263B;
margin-bottom: 20px;
letter-spacing: 0.5px;
}
.sticky-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
gap: 12px;
margin: 0;
padding: 10px 10px 10px 0;
list-style: none;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #D8D8D8 transparent;
}
.sticky-menu__list::-webkit-scrollbar {
height: 4px;
border-radius: 10px;
}
.sticky-menu__list::-webkit-scrollbar-thumb {
background: #EDEDED;
border-radius: 10px;
}
.sticky-menu__list::-webkit-scrollbar-track {
background: transparent;
}
.sticky-menu__item {
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.sticky-menu__btn {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 14px 18px;
}
.sticky-menu__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 14px 18px;
border-radius: 16px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.45px;
text-transform: uppercase;
line-height: 1.4;
cursor: pointer;
background: #EDEDED;
color: #0F141B;
-webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}
.sticky-menu__link.active {
background: #F8AF34;
color: #ffffff;
-webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}
.cta-block {
margin-top: clamp(3rem, 3.125vw, 3.75rem);
}
.error-404 {
position: relative;
min-height: calc(90vh - var(--header-height, 80px));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
background-color: #ffffff;
margin-right: -11px;
margin-left: -11px;
}
.error-404__blobs {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.error-404__blobs .error-blob {
display: block;
width: auto;
height: 100%;
}
.error-404__content {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 60px 20px;
margin-right: 11px;
margin-left: 11px;
}
.error-404__label {
display: inline-block;
font-size: 8px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #ffffff;
padding: 5px 14px;
}
.error-404__number {
font-size: clamp(120px, 22vw, 240px);
font-weight: 700;
line-height: 1;
color: #ffffff;
margin: 0 0 24px;
letter-spacing: -0.04em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.error-404__zero {
position: relative;
display: inline-block;
}
.error-404__zero-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-45%, -50%);
-ms-transform: translate(-45%, -50%);
transform: translate(-45%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
}
.error-404__text {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #ffffff;
max-width: 380px;
margin: 0 0 36px;
}
.search-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
}
.search-page__header {
background-color: #EDEDED;
border-radius: 20px;
padding-top: 50px;
padding-bottom: 40px;
}
.search-page__query {
font-weight: 500;
font-style: normal;
color: #17263B;
line-height: 1.2;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.search-page__results {
position: relative;
}
.search-page__results-count {
font-size: clamp(0.9rem, 1.25vw, 1.5rem);
color: #17263B;
}
.search-page__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.search-page__list .orange-blob {
height: 90%;
top: 20vh;
right: -60%;
max-height: 600px;
}
.search-page__no-results {
padding-top: 50px;
padding-bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
.search-page__no-results-text {
font-weight: 700;
font-size: 22px;
line-height: 1.4;
color: #17263B;
}
.search-result-card:hover {
background-color: #FF6A00;
-webkit-transition: background-color 0.5s ease-in-out;
transition: background-color 0.5s ease-in-out;
}
.search-result-card:hover .search-result-card__title a,
.search-result-card:hover .search-result-card__breadcrumb,
.search-result-card:hover .search-result-card__excerpt {
color: #ffffff;
}
.search-result-card:hover .search-result-card__title a:hover,
.search-result-card:hover .search-result-card__breadcrumb a:hover {
color: #000000;
}
.search-result-card__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
padding-top: 30px;
padding-bottom: 30px;
border-radius: 20px;
color: #17263B;
}
.search-result-card__title {
font-weight: 500;
font-size: 22px;
line-height: 1.2;
color: #17263B;
}
.search-result-card__title a {
color: inherit;
text-decoration: none;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.search-result-card__title a:hover {
color: #FF6A00;
}
.search-result-card__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.4;
color: #17263B;
}
.search-result-card__excerpt {
color: #17263B;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.search-result-card__breadcrumb {
color: #17263B;
}
.search-result-card__breadcrumb a {
color: inherit;
text-decoration: none;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.search-result-card__breadcrumb a:hover {
color: #FF6A00;
}
.search-result-card__sep {
display: inline;
}
.contact-form-section {
padding-top: 60px;
padding-bottom: 60px;
}
.contact-form-section__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
}
.contact-form-section__wrapper .orange-blob {
top: 30%;
right: -27%;
max-height: 500px;
}
.contact-form-section__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
width: 100%;
}
.contact-form-section__heading {
color: #17263B;
font-weight: 500;
line-height: 1.1;
}
.contact-form-section__tagline {
font-size: 22px;
font-weight: 500;
line-height: 1.3;
display: block;
}
.contact-form-section__tagline--dark {
padding-bottom: 20px;
color: #17263B;
}
.contact-form-section__tagline--orange {
color: #FF6A00;
}
.contact-form-section__spotlight {
background-color: #747577;
border-radius: 20px;
overflow: hidden;
padding: 40px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.contact-form-section__spotlight-title {
color: #ffffff;
font-weight: 500;
line-height: 1.2;
}
.contact-form-section__spotlight-text p {
color: #ffffff;
font-size: 16px;
line-height: 1.4;
}
.contact-form-section__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
height: 100%;
}
.netsuite-form-iframe {
display: block;
width: 100%;
min-height: 850px;
}
.contact-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.contact-form__field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
}
.contact-form__label {
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: #17263B;
}
.contact-form__input {
background-color: #f2f2f2;
border: 1px solid transparent;
border-radius: 20px;
padding: 14px 20px;
font-family: 'Muller', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #0F141B;
width: 100%;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
.contact-form__input::-webkit-input-placeholder {
color: #747577;
}
.contact-form__input::-moz-placeholder {
color: #747577;
}
.contact-form__input:-ms-input-placeholder {
color: #747577;
}
.contact-form__input::-ms-input-placeholder {
color: #747577;
}
.contact-form__input::placeholder {
color: #747577;
}
.contact-form__input:focus {
outline: none;
border-color: #FF6A00;
}
.contact-form__textarea {
resize: vertical;
min-height: 100px;
}
.contact-form__submit {
margin-top: 8px;
}
.contact-form__success {
background-color: #edf7ed;
border: 1px solid #76BA43;
border-radius: 20px;
padding: 30px 40px;
}
.contact-form__success p {
font-size: 20px;
font-weight: 500;
color: #5e9535;
}
.contact-info-section {
padding-bottom: 60px;
}
.contact-info-section__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.contact-info-section__card {
background-color: #EDEDED;
border-radius: 20px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 40px 24px;
}
.contact-info-section__card-title {
font-weight: 500;
line-height: 1.1;
color: #000000;
margin-bottom: 28px;
}
.contact-info-section__person-name {
font-size: 20px;
font-weight: 500;
line-height: 1.3;
color: #000000;
margin-bottom: 16px;
}
.contact-info-section__rows {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
list-style: none;
padding: 0;
margin: 0;
}
.contact-info-section__rows--divider {
padding-bottom: 24px;
border-bottom: 1px solid #B4B4B4;
margin-bottom: 24px;
}
.contact-info-section__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
text-decoration: none;
color: #000000;
}
.contact-info-section__row:hover .contact-info-section__icon svg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.contact-info-section__row:hover .contact-info-section__row-text {
color: #FF6A00;
}
.contact-info-section__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #FF6A00;
border-radius: 30px;
width: 48px;
height: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #ffffff;
}
.contact-info-section__icon svg {
width: 18px;
height: 18px;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.contact-info-section__row-text {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #000000;
text-decoration: none;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.contact-info-section__row-text:hover {
color: #FF6A00;
}
.contact-info-section__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.contact-info-section__social-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
text-decoration: none;
}
.contact-info-section__social-row:hover .contact-info-section__icon svg {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.contact-info-section__social-row:hover .contact-info-section__row-text {
color: #FF6A00;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Muller', sans-serif;
margin: 0;
padding: 0;
background: transparent;
}
.container {
background: transparent;
padding: 0;
} form#main_form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} label,
.uir-field-wrapper label,
td.uir-label > div {
display: block;
font-family: 'Muller', sans-serif;
-webkit-font-feature-settings: 'salt' on;
font-feature-settings: 'salt' on;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
color: #17263b;
margin-bottom: 8px;
} .uir-field-input,
span[data-fieldtype] {
display: block;
white-space: normal;
width: 100%;
margin-bottom: 30px;
} input[type=text],
input[type=email],
input[type=tel],
input[type=phone],
textarea,
.uir-input-text,
.uir-input-text-area {
width: 100%;
background-color: #f2f2f2;
border: none !important;
border-radius: 20px;
padding: 20px 30px;
font-family: 'Muller', Arial, Helvetica, sans-serif;
font-size: 18px !important;
-webkit-font-feature-settings: 'ss02' on;
font-feature-settings: 'ss02' on;
font-weight: 400;
line-height: 1.4;
color: #0f141b;
text-transform: none;
height: 50px !important;
-webkit-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
margin: 0;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, .uir-input-text::-webkit-input-placeholder {
color: #7f7f7f;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, .uir-input-text::-moz-placeholder {
color: #7f7f7f;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, .uir-input-text:-ms-input-placeholder {
color: #7f7f7f;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, .uir-input-text::-ms-input-placeholder {
color: #7f7f7f;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
.uir-input-text::placeholder {
color: #7f7f7f;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
.uir-input-text:focus {
border-color: #ff6a00;
} textarea,
.uir-input-text-area {
height: auto;
min-height: 120px;
resize: vertical;
}
textarea::-webkit-input-placeholder, .uir-input-text-area::-webkit-input-placeholder {
color: #7f7f7f;
}
textarea::-moz-placeholder, .uir-input-text-area::-moz-placeholder {
color: #7f7f7f;
}
textarea:-ms-input-placeholder, .uir-input-text-area:-ms-input-placeholder {
color: #7f7f7f;
}
textarea::-ms-input-placeholder, .uir-input-text-area::-ms-input-placeholder {
color: #7f7f7f;
}
textarea::placeholder,
.uir-input-text-area::placeholder {
color: #7f7f7f;
}
textarea:focus,
.uir-input-text-area:focus {
border-color: #ff6a00;
} input.inputreq[style*="background-color: rgb(255, 255, 229)"],
input.inputreq:invalid {
border-color: #ff3030;
background-color: #f2f2f2;
} input[type=submit],
input[type=button] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background-color: #ff6a00;
color: #ffffff;
padding: 16px 20px;
border: none;
border-radius: 16px;
font-family: 'Muller', Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.385;
letter-spacing: 0.02em;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
margin-top: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=submit]:hover {
opacity: 0.85;
}
.sitemap-page {
margin-bottom: clamp(4rem, 6.25vw, 7.5rem);
position: relative;
}
.sitemap-page__wrapper {
position: relative;
padding-top: 40px;
}
.sitemap-page__wrapper .orange-blob {
top: 60vh;
right: -50%;
max-height: 600px;
}
.sitemap-page__heading {
color: #17263B;
font-weight: 500;
line-height: 1.1;
margin-bottom: 24px;
}
.sitemap-page__intro {
color: #17263B;
font-size: 18px;
line-height: 1.5;
margin-bottom: 40px;
max-width: 800px;
}
.sitemap-page__sections {
display: grid;
grid-template-columns: 1fr;
gap: 40px;
}
.sitemap-page__section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.sitemap-page__section-title {
color: #17263B;
font-weight: 500;
line-height: 1.2;
padding-bottom: 12px;
border-bottom: 1px solid rgba(23, 38, 59, 0.15);
margin: 0;
}
.sitemap-page__list {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.sitemap-page__list .sitemap-page__list {
margin-top: 10px;
margin-left: 18px;
padding-left: 12px;
border-left: 1px solid rgba(23, 38, 59, 0.12);
}
.sitemap-page__item {
line-height: 1.4;
}
.sitemap-page__link {
color: #17263B;
text-decoration: none;
font-size: 16px;
line-height: 1.4;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
display: inline-block;
}
.sitemap-page__link:hover,
.sitemap-page__link:focus-visible {
color: #FF6A00;
}
.hero-home-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
min-height: 55vh;
padding-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
border-radius: 10px 10px 0 0;
}
.hero-home-section::after {
content: "";
display: block;
width: 170%;
height: 40%;
position: absolute;
bottom: -20%;
left: -50%;
z-index: 0;
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, #ffffff));
background: linear-gradient(to bottom, transparent 0%, #ffffff 10%);
-webkit-filter: blur(40px);
filter: blur(40px);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.hero-home-section__post {
margin-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.hero-home-section__post .hero-home-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal;
background-color: #FF6A00;
border-radius: 10px;
max-width: unset;
}
.hero-home-section__post .hero-home-post__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 43%;
}
.hero-home-section__post .hero-home-post__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
padding-top: clamp(2.5rem, 2.86458333vw, 3.4375rem);
padding-bottom: clamp(2.5rem, 2.86458333vw, 3.4375rem);
padding-left: clamp(1.3rem, 1.45833333vw, 1.75rem);
padding-right: clamp(1.3rem, 1.45833333vw, 1.75rem);
}
.hero-home-section__post .hero-home-post_img {
display: block;
width: 100%;
height: 100%;
border-radius: 10px 0 0 10px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.hero-home-section__post .hero-home-post_title {
padding-top: clamp(0.9rem, 1.04166667vw, 1.25rem);
padding-bottom: clamp(0.9rem, 1.04166667vw, 1.25rem);
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
}
.hero-home-section__post .hero-home-post_btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.hero-home-section__post .hero-home-post_category {
color: #ffffff;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
text-transform: uppercase;
}
.hero-home-section .hero-home-overlay {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
opacity: 1;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
border-radius: 10px 10px 0 0;
}
.hero-home-section .hero-youtube-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
}
.hero-home-section #youtube-video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 56.25vw;
min-width: 177.77vh;
min-height: 100vh;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.hero-home-section .hero-fallback-image {
display: block;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
}
.hero-home-section .hero-fallback-image::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: rgba(0, 0, 0, 0.4);
}
.hero-home-section__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 50px;
margin-top: 100px;
margin-bottom: 20px;
z-index: 3;
}
.hero-home-section .hero-short-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: -2;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
will-change: transform, opacity;
border-radius: 10px 10px 0 0;
}
.hero-home-section__content {
max-width: 100%;
}
.hero-home-section__post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hero-home-section_title {
color: #ffffff;
font-weight: 500;
line-height: 1;
}
.hero-home-section_subtitle {
padding-top: clamp(1rem, 1.30208333vw, 1.5625rem);
color: #ffffff;
font-weight: 500;
line-height: 1;
}
.hero-home-section_description {
max-width: 100%;
font-weight: 400;
padding-top: clamp(2rem, 2.60416667vw, 3.125rem);
padding-bottom: clamp(2rem, 2.60416667vw, 3.125rem);
color: #ffffff;
line-height: 1.4;
font-size: 16px;
}
.hero-home-section_description p {
margin-top: clamp(1rem, 1.04166667vw, 1.25rem);
}
.hero-home-section_description strong {
font-weight: 700;
}
.hero-home-section__content {
will-change: transform, opacity;
}
.hero-home-section__content .hero-section_title,
.hero-home-section__content .hero-section_subtitle,
.hero-home-section__content .hero-section_description,
.hero-home-section__content .btn {
will-change: transform, opacity;
}
.hero-home-section__post {
will-change: transform, opacity;
}
.map-section {
margin-top: 100px;
}
.map-section__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(3rem, 3.125vw, 3.75rem);
}
.map-section__left {
max-width: 100%;
}
.map-section__right {
margin-top: 50px;
}
.map-section__right .map-svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.map-section__upper-title {
text-transform: uppercase;
font-weight: 500;
}
.map-section__title {
padding-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
font-weight: 500;
line-height: 1;
}
.map-section__countries {
max-width: 100%;
padding-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.map-section__countries p {
font-size: 20px;
line-height: 1.4;
}
.map-section__left {
will-change: transform, opacity;
}
.map-section__left .map-section__upper-title,
.map-section__left .map-section__title,
.map-section__left .map-section__countries {
will-change: transform, opacity;
}
.map-section__right {
will-change: transform, opacity;
}
.marquee-logos-section {
overflow: hidden;
padding-top: clamp(2rem, 4.6875vw, 5.625rem);
margin-left: -11px;
margin-right: -11px;
width: calc(100% + 22px);
}
.logos-group {
overflow: hidden;
}
.logos-group__text {
text-align: center;
margin-bottom: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.logos-group__text .text-center-block__title {
font-weight: 500;
color: #17263B;
}
.logos-group__text .text-center-block__upper-title {
text-transform: uppercase;
font-weight: 500;
margin-bottom: clamp(1rem, 2.60416667vw, 3.125rem);
}
.logos-group__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
will-change: transform;
}
.logos-group .logo-img__wrapper {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-left: 50px;
padding-right: 50px;
will-change: transform;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.logos-group .logo-img__wrapper .logo-img {
max-height: 120px;
width: 100%;
height: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
}
.software-services-section {
overflow: hidden;
padding-top: clamp(2.5rem, 3.125vw, 3.75rem);
padding-bottom: clamp(2.5rem, 3.125vw, 3.75rem);
margin-right: -11px;
}
.software-services-section__inner {
position: relative;
margin-right: 11px;
}
.software-services-section .orange-blob {
top: 33%;
right: -97%;
}
.software-services__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.software-services__title-wrapper {
padding-top: clamp(2.5rem, 3.125vw, 3.75rem);
padding-bottom: clamp(3rem, 3.64583333vw, 4.375rem);
max-width: unset;
}
.software-services__title {
color: #17263B;
font-weight: 500;
letter-spacing: -0.01em;
line-height: 1;
}
.software-services__item {
max-height: unset;
}
.software-services__item-image {
display: block;
width: 100%;
height: 100%;
border-radius: clamp(1rem, 1.04166667vw, 1.25rem);
-o-object-fit: cover;
object-fit: cover;
}
.software-services-post {
position: relative;
padding: clamp(3rem, 3.64583333vw, 4.375rem);
border-radius: clamp(1rem, 1.04166667vw, 1.25rem);
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
will-change: transform, opacity;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.software-services-post:hover {
background: #FF6A00;
backdrop-filter: none;
}
.software-services-post:hover .software-services-post__type,
.software-services-post:hover .software-services-post__title,
.software-services-post:hover .software-services-post__excerpt {
color: #ffffff;
}
.software-services-post:hover .btn {
background-color: #ffffff;
color: #FF6A00;
}
.software-services-post__title {
font-weight: 500;
line-height: 1.1;
color: #17263B;
-webkit-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
.software-services-post__type {
font-weight: 500;
line-height: 1.4;
text-transform: uppercase;
-webkit-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
.software-services-post__excerpt {
font-size: 16px;
line-height: 1.4;
color: #0F141B;
-webkit-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
.liquid {
position: relative;
border-radius: 20px;
background: rgba(237, 237, 237, 0.2);
backdrop-filter: blur(16px) saturate(110%);
-webkit-backdrop-filter: blur(16px) saturate(110%);
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(255, 255, 255, 0.25);
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.text-block-section,
.read-more-text-block-section {
position: relative;
overflow: hidden;
padding-top: clamp(1.5rem, 2.60416667vw, 3.125rem);
padding-bottom: clamp(1.5rem, 2.60416667vw, 3.125rem);
margin-right: -11px;
}
.text-block-section .orange-blob,
.read-more-text-block-section .orange-blob {
height: 70%;
max-height: 700px;
top: 33%;
right: -97%;
}
.text-block-section .text-block__title,
.read-more-text-block-section .text-block__title {
font-weight: 500;
line-height: 1.1;
padding-bottom: clamp(3rem, 3.125vw, 3.75rem);
}
.text-block-section .text-block__image-wrapper,
.read-more-text-block-section .text-block__image-wrapper {
padding-top: clamp(3rem, 3.125vw, 3.75rem);
}
.text-block-section .text-block__wrapper,
.read-more-text-block-section .text-block__wrapper {
max-width: 100%;
margin-right: 11px;
}
.text-block-section .text-block__button,
.read-more-text-block-section .text-block__button {
margin-top: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-block-section .text-block__image,
.read-more-text-block-section .text-block__image {
display: block;
width: 100%;
height: auto;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.text-block-section .text-block__content,
.read-more-text-block-section .text-block__content {
color: #17263B;
font-weight: 400;
}
.text-block-section .text-block__content .heading,
.read-more-text-block-section .text-block__content .heading {
font-size: 25px;
font-weight: 500;
padding-top: clamp(2rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-block-section .text-block__content .heading:first-child,
.read-more-text-block-section .text-block__content .heading:first-child {
padding-top: 0;
}
.text-block-section .text-block__content h1,
.text-block-section .text-block__content h2,
.text-block-section .text-block__content h3,
.text-block-section .text-block__content h4,
.text-block-section .text-block__content h5,
.text-block-section .text-block__content h6,
.read-more-text-block-section .text-block__content h1,
.read-more-text-block-section .text-block__content h2,
.read-more-text-block-section .text-block__content h3,
.read-more-text-block-section .text-block__content h4,
.read-more-text-block-section .text-block__content h5,
.read-more-text-block-section .text-block__content h6 {
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-block-section .text-block__content h3,
.read-more-text-block-section .text-block__content h3 {
font-size: 23px;
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-block-section .text-block__content p,
.read-more-text-block-section .text-block__content p {
font-size: 16px;
line-height: 1.4;
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-block-section .text-block__content p:last-child,
.read-more-text-block-section .text-block__content p:last-child {
padding-bottom: 0;
}
.text-block-section .text-block__content strong,
.read-more-text-block-section .text-block__content strong {
font-weight: 700;
}
.text-block-section .text-block__content a,
.read-more-text-block-section .text-block__content a {
color: #FF6A00;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.text-block-section .text-block__content a:hover,
.read-more-text-block-section .text-block__content a:hover {
color: #17263B;
-webkit-transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
background-size: 100% 1px;
}
.text-block-section .text-block__content img,
.read-more-text-block-section .text-block__content img {
display: block;
width: 100%;
height: auto;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.text-block-section .text-block__content ul,
.read-more-text-block-section .text-block__content ul {
padding-left: clamp(1.5rem, 2.08333333vw, 2.5rem);
list-style: none;
}
.text-block-section .text-block__content ul li,
.read-more-text-block-section .text-block__content ul li {
font-size: 16px;
line-height: 1.4;
}
.text-block-section .text-block__content ul li::before,
.read-more-text-block-section .text-block__content ul li::before {
content: "•";
color: #17263B;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.text-block-section .text-block__content ol,
.read-more-text-block-section .text-block__content ol {
padding-left: clamp(1.5rem, 2.08333333vw, 2.5rem);
}
.text-block-section .text-block__content ol li,
.read-more-text-block-section .text-block__content ol li {
padding-top: 8px;
font-size: 16px;
line-height: 1.4;
}
.text-block-section .text-block__content ol li::marker,
.read-more-text-block-section .text-block__content ol li::marker {
color: #FF6A00;
font-weight: 500;
}
.text-center-block-section {
position: relative;
padding-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
padding-bottom: clamp(2.5rem, 2.60416667vw, 3.125rem);
margin-left: -11px;
}
.text-center-block-section .blue-blob {
top: 35%;
left: -37%;
}
.text-center-block-section .text-center-block__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-left: 11px;
}
.text-center-block-section .text-center-block__description {
max-width: 100%;
display: block;
margin: 0 auto;
text-align: center;
color: #17263B;
}
.text-center-block-section .text-center-block__description strong {
font-weight: 700;
}
.text-center-block-section .text-center-block__logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: clamp(5rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(2.5rem, 2.60416667vw, 3.125rem);
max-width: 90%;
}
.text-center-block-section .text-center-block__logo {
display: block;
width: 100%;
height: 100%;
max-height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.text-center-block-section .text-center-block__logo-wrapper {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
padding-left: clamp(2rem, 2.08333333vw, 2.5rem);
padding-right: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-center-block-section .text-center-block__logo-wrapper:first-of-type {
padding-left: clamp(0rem, 0vw, 0rem);
}
.text-center-block-section .text-center-block__logo-wrapper:last-of-type {
padding-right: clamp(0rem, 0vw, 0rem);
}
.text-center-block-section .text-center-block__logo-wrapper:last-of-type::before {
content: none;
}
.text-center-block-section .text-center-block__logo-wrapper::before {
content: none;
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #aaa;
}
.text-center-block-section .text-center-block__title {
margin-top: clamp(1.5rem, 2.60416667vw, 3.125rem);
font-weight: 500;
color: #17263B;
line-height: 1;
}
.text-center-block-section .text-center-block__upper-title {
text-transform: uppercase;
font-weight: 500;
}
.text-center-block-section .text-center-block__subtitle {
padding-top: 10px;
color: #1C3D59;
font-weight: 500;
}
.text-center-block-section .text-center-block__description {
padding-top: clamp(3rem, 3.125vw, 3.75rem);
}
.text-center-block-section .text-center-block__button {
margin-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
margin-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
}
.text-video-block__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(3rem, 3.125vw, 3.75rem);
margin-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
margin-bottom: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.text-video-block__title {
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
font-weight: 500;
line-height: 1.1;
}
.text-video-block__content {
max-width: 100%;
}
.text-video-block__btn {
padding-top: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-video-block__media {
width: 100%;
}
.text-video-block__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
min-height: clamp(24.75rem, 25.78125vw, 30.9375rem);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.play-button {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
outline: none;
-webkit-transition: -webkit-transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1);
transition: -webkit-transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1);
transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1);
transition: transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1), -webkit-transform 0.28s cubic-bezier(0.2, 0.9, 0.3, 1);
}
.play-button:hover:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
width: clamp(2rem, 7.29166667vw, 8.75rem);
height: clamp(2rem, 7.29166667vw, 8.75rem);
border-radius: 50%;
background: rgba(255, 255, 255, 0.02);
border: 2px solid rgba(255, 255, 255, 0.04);
pointer-events: none;
opacity: 0.9;
-webkit-transition: opacity 0.25s, background 0.25s, border-color 0.25s, -webkit-transform 0.4s;
transition: opacity 0.25s, background 0.25s, border-color 0.25s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.25s, background 0.25s, border-color 0.25s;
transition: transform 0.4s, opacity 0.25s, background 0.25s, border-color 0.25s, -webkit-transform 0.4s;
}
.play-button:hover:before,
.play-button:focus:before {
-webkit-transform: translate(-50%, -50%) scale(1.12);
-ms-transform: translate(-50%, -50%) scale(1.12);
transform: translate(-50%, -50%) scale(1.12);
opacity: 1;
border-color: rgba(255, 106, 0, 0.36);
background: rgba(255, 106, 0, 0.12);
-webkit-animation: playPulsePrimary 1.6s ease-out infinite;
animation: playPulsePrimary 1.6s ease-out infinite;
}
.play-button svg {
display: block;
width: clamp(6rem, 6.25vw, 7.5rem);
height: clamp(6rem, 6.25vw, 7.5rem);
-webkit-transition: -webkit-transform 0.28s ease;
transition: -webkit-transform 0.28s ease;
transition: transform 0.28s ease;
transition: transform 0.28s ease, -webkit-transform 0.28s ease;
}
@-webkit-keyframes playPulsePrimary {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.92);
transform: translate(-50%, -50%) scale(0.92);
opacity: 0.9;
-webkit-box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
border-color: rgba(255, 106, 0, 0.36);
background: rgba(255, 106, 0, 0.12);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.28);
transform: translate(-50%, -50%) scale(1.28);
opacity: 0.18;
-webkit-box-shadow: 0 0 0 20px rgba(255, 106, 0, 0);
box-shadow: 0 0 0 20px rgba(255, 106, 0, 0);
border-color: rgba(255, 106, 0, 0.14);
background: rgba(255, 106, 0, 0.06);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0.92);
transform: translate(-50%, -50%) scale(0.92);
opacity: 0.9;
-webkit-box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
border-color: rgba(255, 106, 0, 0.36);
background: rgba(255, 106, 0, 0.12);
}
}
@keyframes playPulsePrimary {
0% {
-webkit-transform: translate(-50%, -50%) scale(0.92);
transform: translate(-50%, -50%) scale(0.92);
opacity: 0.9;
-webkit-box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
border-color: rgba(255, 106, 0, 0.36);
background: rgba(255, 106, 0, 0.12);
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1.28);
transform: translate(-50%, -50%) scale(1.28);
opacity: 0.18;
-webkit-box-shadow: 0 0 0 20px rgba(255, 106, 0, 0);
box-shadow: 0 0 0 20px rgba(255, 106, 0, 0);
border-color: rgba(255, 106, 0, 0.14);
background: rgba(255, 106, 0, 0.06);
}
100% {
-webkit-transform: translate(-50%, -50%) scale(0.92);
transform: translate(-50%, -50%) scale(0.92);
opacity: 0.9;
-webkit-box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
box-shadow: 0 0 0 0 rgba(255, 106, 0, 0.36);
border-color: rgba(255, 106, 0, 0.36);
background: rgba(255, 106, 0, 0.12);
}
}
.circles-block-section {
position: relative;
width: 100%;
padding-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
overflow: hidden;
}
.circles-block-section .padding-top {
padding-top: 20px;
}
.circles-block-section__container {
position: relative;
width: 100%;
height: auto;
min-height: 800px;
line-height: 0;
}
.circles-block-item {
opacity: 0;
scale: 0.8;
translate: -900px 0;
-webkit-transform: translateY(calc(var(--circles-parallax-y, 0) * 1px));
-ms-transform: translateY(calc(var(--circles-parallax-y, 0) * 1px));
transform: translateY(calc(var(--circles-parallax-y, 0) * 1px));
}
.circles-block-item:nth-child(n+10) {
translate: 900px 0;
}
@-webkit-keyframes circles-reveal {
to {
translate: 0 0;
scale: 1;
opacity: 1;
}
}
@keyframes circles-reveal {
to {
translate: 0 0;
scale: 1;
opacity: 1;
}
}
.circles-revealing {
-webkit-animation: circles-reveal 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
animation: circles-reveal 1.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
-webkit-animation-delay: calc(var(--stagger-index, 0) * 0.12s);
animation-delay: calc(var(--stagger-index, 0) * 0.12s);
}
.circles-block-item.circles-revealed {
opacity: 1;
translate: 0 0;
scale: 1;
-webkit-transform: translateY(calc(var(--circles-parallax-y, 0) * 1px));
-ms-transform: translateY(calc(var(--circles-parallax-y, 0) * 1px));
transform: translateY(calc(var(--circles-parallax-y, 0) * 1px));
}
.circles-block-item {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.circles-block-item.z-index-t {
z-index: 1;
}
.circles-block-item.z-index-b {
z-index: 0;
}
.circles-block-item:nth-child(1) {
left: 0%;
top: 50%;
}
.circles-block-item:nth-child(2) {
left: 11%;
top: 50%;
}
.circles-block-item:nth-child(3) {
left: 19%;
top: 82%;
}
.circles-block-item:nth-child(4) {
left: 26%;
top: 58%;
}
.circles-block-item:nth-child(4) .circles-block-item__stat-number {
font-size: clamp(3.2rem, 3.33333333vw, 4rem);
}
.circles-block-item:nth-child(5) {
left: 38%;
top: 76%;
}
.circles-block-item:nth-child(6) {
left: 22%;
top: 28%;
}
.circles-block-item:nth-child(7) {
left: 38%;
top: 48%;
}
.circles-block-item:nth-child(8) {
left: 27%;
top: 4%;
}
.circles-block-item:nth-child(9) {
left: 38%;
top: 20%;
}
.circles-block-item:nth-child(10) {
left: 60%;
top: 16%;
}
.circles-block-item:nth-child(11) {
left: 55%;
top: 35%;
}
.circles-block-item:nth-child(12) {
left: 58%;
top: 59%;
}
.circles-block-item:nth-child(13) {
right: 3%;
top: 26%;
}
.circles-block-item--small {
width: clamp(8.1rem, 8.4375vw, 10.125rem);
height: clamp(8.1rem, 8.4375vw, 10.125rem);
}
.circles-block-item--medium {
width: clamp(12.5rem, 13.02083333vw, 15.625rem);
height: clamp(12.5rem, 13.02083333vw, 15.625rem);
}
.circles-block-item--large {
width: clamp(15.15rem, 16.30208333vw, 19.5625rem);
height: clamp(15.15rem, 16.30208333vw, 19.5625rem);
}
.circles-block-item--xlarge {
width: clamp(19.4rem, 20.20833333vw, 24.25rem);
height: clamp(19.4rem, 20.20833333vw, 24.25rem);
}
.circles-block-item--xlarge .circles-block-item__stat-number.stat-black {
font-size: clamp(4.75rem, 6.5625vw, 7.875rem);
}
.circles-block-item--xxlarge {
width: clamp(19.75rem, 20.57291667vw, 24.6875rem);
height: clamp(19.75rem, 20.57291667vw, 24.6875rem);
}
.circles-block-item__image-wrapper {
border-radius: 50%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
-webkit-transform: translate(calc(var(--hover-x, 0) * 1px), calc(var(--hover-y, 0) * 1px));
-ms-transform: translate(calc(var(--hover-x, 0) * 1px), calc(var(--hover-y, 0) * 1px));
transform: translate(calc(var(--hover-x, 0) * 1px), calc(var(--hover-y, 0) * 1px));
}
.circles-block-item__image-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.circles-block-item__stat-wrapper {
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 40px;
width: 100%;
height: 100%;
position: relative;
backdrop-filter: blur(4px) saturate(110%);
-webkit-backdrop-filter: blur(4px) saturate(110%);
-webkit-box-shadow: 6px 8px 11px 0px rgba(0, 0, 0, 0.03), inset 0 1px 1px rgba(255, 255, 255, 0.4);
box-shadow: 6px 8px 11px 0px rgba(0, 0, 0, 0.03), inset 0 1px 1px rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.25);
overflow: hidden;
-webkit-transform: translate(calc(var(--hover-x, 0) * 1px), calc(var(--hover-y, 0) * 1px));
-ms-transform: translate(calc(var(--hover-x, 0) * 1px), calc(var(--hover-y, 0) * 1px));
transform: translate(calc(var(--hover-x, 0) * 1px), calc(var(--hover-y, 0) * 1px));
}
.circles-block-item__stat-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
gap: 5px;
line-height: normal;
}
.circles-block-item__stat-number {
line-height: 1;
margin: 0;
}
.circles-block-item__stat-number.stat-black {
font-size: 40px;
color: #0F141B;
font-weight: 500;
}
.circles-block-item__stat-number.stat-white {
font-size: 34px;
color: #ffffff;
font-weight: 700;
}
.circles-block-item__stat-label {
font-weight: 400;
font-size: 16px;
line-height: 1.4;
margin: 0;
}
.circles-block-item__stat-label.stat-black {
color: #0F141B;
}
.circles-block-item__stat-label.stat-white {
color: #ffffff;
}
.circles-block-item__image-overlay-wrapper {
border-radius: 50%;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
}
.circles-block-item__image-overlay-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.circles-block-item__image-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0.5);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 40px;
text-align: center;
gap: 20px;
line-height: normal;
}
.circles-block-item__overlay-number {
font-weight: 600;
font-size: 60px;
line-height: 1;
margin: 0;
color: #ffffff;
}
.circles-block-item__overlay-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.circles-block-item__overlay-label {
margin: 0;
font-weight: 500;
font-size: 16px;
line-height: 1.4;
color: #ffffff;
}
.circles-block-item__overlay-description {
font-weight: 400;
font-size: 16px;
line-height: 1.4;
margin: 0;
color: #ffffff;
}
.case-studies-block-section {
position: relative;
width: 100%;
background: #ffffff;
overflow: hidden;
}
.case-studies-slider-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.case-studies-slider {
position: relative;
width: 100%;
overflow: visible;
}
.case-studies-slider.swiper {
overflow: visible;
}
.case-studies-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
min-height: 500px;
}
.case-studies-slide__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
gap: 20px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: relative;
}
.case-studies-slide__pagination-section {
position: relative;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-right: clamp(1.5rem, 2.08333333vw, 2.5rem);
padding-left: clamp(1.5rem, 2.08333333vw, 2.5rem);
z-index: 5;
pointer-events: auto;
}
.case-studies-slide__pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(1rem, 1.04166667vw, 1.25rem);
}
.case-studies-slide__pagination-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
padding: 10px 14px;
height: 100%;
font-size: 16px;
font-weight: 500;
color: #000000;
cursor: pointer;
-webkit-transition: color 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
border: none;
background: transparent;
line-height: 1;
position: relative;
z-index: 10;
}
.case-studies-slide__pagination-item:hover {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.case-studies-slide__pagination-item.active {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
color: #FF6A00;
-webkit-transition: color 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.3s ease, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.case-studies-slide__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
max-height: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #fafafa;
padding: 30px;
border-radius: 20px;
position: relative;
margin-left: 0;
}
.case-studies-slide__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.case-studies-slide__inner .logo-image {
width: 100%;
max-width: 100px;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.case-studies-slide__text-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(1.5rem, 1.5625vw, 1.875rem);
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.case-studies-slide__label {
font-size: 13px;
font-weight: 500;
letter-spacing: 0.39px;
color: #000000;
text-transform: uppercase;
opacity: 0.7;
}
.case-studies-slide__company {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.case-studies-slide__company-title {
font-weight: 500;
}
.case-studies-slide__company-title--green {
color: #76BA43;
}
.case-studies-slide__company-title--orange {
color: #FF6A00;
}
.case-studies-slide__company-title--blue {
color: #009FFF;
}
.case-studies-slide__company-title--grey {
color: #505051;
}
.case-studies-slide__company-title--yellow {
color: #F8AF34;
}
.case-studies-slide__software {
color: #0F141B;
font-size: 18px;
font-weight: 500;
}
.case-studies-slide__title {
font-size: 24px;
font-weight: 500;
line-height: 1.1;
color: #0F141B;
word-break: break-word;
margin: 0;
}
.case-studies-slide__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.case-studies-slide__description p {
font-size: 20px;
font-weight: 400;
line-height: 1.4;
color: #000000;
margin: 0;
}
.case-studies-slide__description p strong {
font-weight: 600;
}
.case-studies-slide__images {
display: none;
width: 50%;
height: 100%;
min-height: 600px;
position: relative;
}
.case-studies-images-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 15px;
width: 100%;
height: 100%;
}
.case-studies-image-item {
position: relative;
overflow: hidden;
border-radius: 20px;
height: 100%;
}
.case-studies-image-item:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.case-studies-image-item:nth-child(1) .case-studies-image-wrapper img {
width: auto;
height: auto;
mix-blend-mode: multiply;
}
.case-studies-image-item:nth-child(2) {
display: none;
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.case-studies-image-item:nth-child(2) .case-studies-image-wrapper img {
-o-object-fit: cover;
object-fit: cover;
}
.case-studies-image-item:nth-child(3) {
grid-column: 2 / 3;
grid-row: 1 / 3;
display: none;
}
.case-studies-image-item:nth-child(3) .case-studies-image-wrapper img {
-o-object-fit: cover;
object-fit: cover;
}
.case-studies-image-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 20px;
background: #EDEDED;
}
.case-studies-image-wrapper img {
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
display: block;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.case-studies-slide__text-content {
opacity: 0;
-webkit-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
.case-studies-slide__images {
opacity: 0;
-webkit-transition: opacity 0.6s ease-in-out;
transition: opacity 0.6s ease-in-out;
}
.case-studies-slide__pagination-section {
pointer-events: none;
}
.case-studies-slide__pagination-item {
pointer-events: none;
}
.case-study-block-pagination {
margin-top: 20px;
}
.case-studies-slide.swiper-slide-active .case-studies-slide__text-content {
opacity: 1;
}
.case-studies-slide.swiper-slide-active .case-studies-slide__images {
opacity: 1;
}
.case-studies-slide.swiper-slide-active .case-studies-slide__pagination-section {
pointer-events: auto;
}
.case-studies-slide.swiper-slide-active .case-studies-slide__pagination-item {
pointer-events: auto;
}
.news-block-section {
position: relative;
overflow: hidden;
padding-top: clamp(6rem, 7.29166667vw, 8.75rem);
margin-bottom: clamp(2rem, 3.125vw, 3.75rem);
margin-right: -11px;
}
.news-block-section.related-news {
padding-top: clamp(2.5rem, 4.16666667vw, 5rem);
}
.news-block-section__inner {
margin-right: 11px;
}
.news-block__title {
font-weight: 500;
line-height: 1.1;
color: #17263B;
}
.news-block .orange-blob {
top: 33%;
right: -97%;
}
.news-block__title-wrapper {
padding-bottom: clamp(2.8rem, 2.91666667vw, 3.5rem);
}
.news-block__wrapper {
display: grid !important;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 10px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.news-block__featured-card-wrapper {
position: relative;
grid-row: span 2 / span 2;
width: 100%;
height: 100% !important;
}
.news-block__featured-card-link {
display: block;
position: relative;
overflow: hidden;
border-radius: 20px;
height: 100%;
}
.news-block__featured-card-link:hover .news-block__featured-card::before {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.news-block__featured-card {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
height: 100%;
min-height: clamp(28.75rem, 35.15625vw, 42.1875rem);
border-radius: 20px;
overflow: hidden;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: clamp(2rem, 2.60416667vw, 3.125rem);
text-decoration: none;
color: inherit;
}
.news-block__featured-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: var(--featured-image);
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-block__featured-card::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
z-index: 1;
}
.news-block__featured-card .news-block__card-content {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: clamp(1rem, 1.04166667vw, 1.25rem);
}
.news-block__featured-card .news-block__category {
color: #ffffff;
}
.news-block__featured-card .news-block__date {
color: #ffffff;
}
.news-block__featured-card .news-block__title {
font-size: 24px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
}
.news-block__category {
font-size: 13px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.news-block__date {
font-size: 15px;
font-weight: 700;
line-height: 1.4;
}
.news-block__card-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
height: 100% !important;
}
.news-block__card-wrapper-link {
display: block;
height: 100%;
}
.news-block__card-wrapper .news-block__image-wrapper {
display: none;
}
.news-block__card-wrapper .news-block__category {
color: #FF6A00;
}
.news-block__card {
position: relative;
background: rgba(237, 237, 237, 0.05);
backdrop-filter: unset;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
height: 100%;
border-radius: 20px;
padding: clamp(2rem, 2.60416667vw, 3.125rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
overflow: hidden;
}
.news-block__card .news-block__category {
color: #FF6A00;
-webkit-transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-block__card .news-block__date {
color: #505051;
-webkit-transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.news-block__card .news-block__image-wrapper {
width: 100%;
border-radius: 20px;
overflow: hidden;
}
.news-block__card .news-block__image-wrapper img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.news-block__card .news-block__date {
font-size: 15px;
font-weight: 400;
line-height: 1.4;
color: #505051;
margin: 0;
}
.news-block__card .news-block__title {
font-size: 16px;
font-weight: 500;
line-height: 1.2;
color: #0F141B;
-webkit-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
.news-block__card-wrapper-link:hover .news-block__card {
background: rgba(237, 237, 237, 0.2);
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
}
.news-block__card-wrapper-link:hover .news-block__title {
color: #FF6A00;
-webkit-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
.news-block-pagination {
margin-top: 20px;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination .swiper-pagination-bullet {
width: 30px;
border-radius: 20px;
background: #B4B4B4;
}
.pagination .swiper-pagination-bullet-active {
background: #FF6A00;
}
.hero-block-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
margin: 0 0 20px 0;
min-height: 60vh;
border-radius: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hero-block-section__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 1;
will-change: opacity;
border-radius: 10px;
}
.hero-block-section .hero-block__background-wrapper {
position: absolute;
inset: 0;
overflow: hidden;
z-index: 0;
will-change: transform;
}
.hero-block-section .hero-block__image {
display: block;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
will-change: transform, opacity;
z-index: 0;
border-radius: 10px;
}
.hero-block-section .hero-block__image::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: rgba(0, 0, 0, 0.4);
border-radius: 10px;
}
.hero-block-section .hero-block__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.hero-block-section .hero-block__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 50px;
margin-top: 100px;
margin-bottom: 20px;
z-index: 1;
}
.hero-block-section .hero-block__content {
max-width: 100%;
}
.hero-block-section .hero-block__post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hero-block-section .hero-block__title {
color: #ffffff;
font-weight: 500;
line-height: 1;
}
.hero-block-section .hero-block__subtitle {
padding-top: clamp(1rem, 1.30208333vw, 1.5625rem);
color: #ffffff;
font-weight: 500;
line-height: 1;
}
.hero-block-section .hero-block__description {
max-width: 100%;
font-weight: 400;
padding-top: clamp(2rem, 2.60416667vw, 3.125rem);
color: #ffffff;
line-height: 1.4;
font-size: 18px;
}
.hero-block-section .hero-block__description strong {
font-weight: 700;
}
.hero-block-section .hero-block__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
padding-top: clamp(2rem, 2.60416667vw, 3.125rem);
}
.hero-block-section .hero-block__content-popup .hero-block__popup-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 230px;
height: 150px;
padding: 10px;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hero-block-section .hero-youtube-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: -1;
border-radius: 10px;
}
.hero-block-section #youtube-video {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 56.25vw;
min-width: 177.77vh;
min-height: 100vh;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
}
.hero-block-section .hero-short-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 0;
will-change: transform, opacity;
border-radius: 10px;
}
.hero-block-section .hero-block__wrapper,
.hero-block-section .hero-block__content,
.hero-block-section .hero-block__popup-image {
z-index: 2;
}
.hero-block-section__content {
will-change: transform, opacity;
}
.hero-block-section__content .hero-section_title,
.hero-block-section__content .hero-section_subtitle,
.hero-block-section__content .hero-section_description,
.hero-block-section__content .btn {
will-change: transform, opacity;
}
.hero-block-section__post {
will-change: transform, opacity;
}
#hero_form iframe {
min-height: 60vh;
max-height: 80vh;
}
.sticky-content__nav {
display: none;
width: 100%;
margin: 0 auto;
padding: 16px 20px;
gap: 6px;
background-color: #EDEDED;
border-radius: 16px;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
overflow: scroll;
position: sticky;
top: var(--header-height, 80px);
z-index: 100;
-webkit-transition: top 0.3s ease;
transition: top 0.3s ease;
}
.sticky-content__nav.header-is-hidden {
top: 0;
}
.sticky-content__nav .nav-item__link {
padding: 16px 20px;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
text-wrap-mode: nowrap;
background-color: #505051;
color: #ffffff;
border-radius: 16px;
will-change: opacity, transform;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-content__nav .nav-item__link.active {
background-color: #FF6A00;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.icon-block__items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: clamp(5rem, 5.20833333vw, 6.25rem);
margin-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
margin-bottom: clamp(2.5rem, 5.20833333vw, 6.25rem);
margin-left: 0;
margin-right: 0;
}
.icon-block__items a {
color: #FF6A00;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.icon-block__items a:hover {
color: #17263B;
-webkit-transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
background-size: 100% 1px;
}
.icon-block__title {
font-weight: 500;
line-height: 1.1;
}
.icon-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(2rem, 3.125vw, 3.75rem);
}
.icon-block__item img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.icon-block__item-title {
color: #17263B;
font-weight: 500;
line-height: 1.1;
padding-bottom: 20px;
}
.icon-block__item-description {
font-size: 18px;
color: #17263B;
}
.icon-block__image {
display: block;
max-width: 15%;
height: auto;
}
.icon-block__content {
display: block;
width: 80%;
}
.image-section {
padding-top: clamp(1.5rem, 3.125vw, 3.75rem);
padding-bottom: clamp(1.5rem, 3.125vw, 3.75rem);
}
.image-section__img {
display: block;
width: 100%;
height: auto;
max-height: 480px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.quote-block__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0px;
background-color: #EDEDED;
border-radius: 20px;
padding: 30px;
margin-top: clamp(3rem, 3.125vw, 3.75rem);
margin-bottom: clamp(3rem, 3.125vw, 3.75rem);
}
.quote-block__content {
font-size: 18px;
}
.quote-block__content a {
color: #17263B;
font-weight: 400;
-webkit-transition: background-size 0.4s ease-in-out;
transition: background-size 0.4s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 100% 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.quote-block__content a:hover {
color: #17263B;
background-size: 0 1px;
}
.faq-block {
position: relative;
}
.faq-block__title {
font-weight: 500;
line-height: 1.1;
margin-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.faq-block__wrapper {
padding-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.faq-block__items {
display: block;
}
.faq-block .blue-blob {
top: 50%;
left: -10%;
}
.faq-item {
margin-bottom: 20px;
position: relative;
background: rgba(237, 237, 237, 0.05);
backdrop-filter: unset;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 20px;
padding: clamp(1rem, 1.5625vw, 1.875rem);
gap: 20px;
overflow: hidden;
}
.faq-item:hover {
cursor: pointer;
}
.faq-item__question {
color: #0F141B;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.faq-item__question-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;  }
.faq-item__question-wrap::before,
.faq-item__question-wrap::after {
content: "";
position: absolute;
right: 0;
width: 20px;
height: 2px;
background-color: #0F141B;
border-radius: 2px;
-webkit-transition: opacity 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
}
.faq-item__question-wrap::before {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.faq-item__question-wrap::after {
top: 50%;
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}
.faq-item__question-wrap:hover .faq-item__question {
cursor: pointer;
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.faq-item__question-wrap:focus {
outline: none;
-webkit-box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);
}
.faq-item__answer {
margin-top: 12px;
padding-left: 6px;
}
.faq-item__answer .faq-block__item-description {
color: #747577;
line-height: 1.6;
font-size: 16px;
}
.faq-item.active .faq-item__question {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.faq-item.active .faq-item__question-wrap::after {
-webkit-transform: translateY(-50%) rotate(90deg) scaleX(0);
-ms-transform: translateY(-50%) rotate(90deg) scaleX(0);
transform: translateY(-50%) rotate(90deg) scaleX(0);
opacity: 0;
}
.faq-item.active .faq-item__question-wrap::before {
background-color: #FF6A00;
}
.faq-item:last-child {
margin-bottom: 0;
}
.software-products-block {
padding-top: clamp(5rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
}
.software-products-block__title {
font-weight: 500;
line-height: 1.1;
}
.software-product__image-wrapper {
min-height: clamp(15rem, 15.625vw, 18.75rem);
padding-top: clamp(4.5rem, 4.6875vw, 5.625rem);
padding-bottom: clamp(4.5rem, 4.6875vw, 5.625rem);
padding-left: clamp(6rem, 6.25vw, 7.5rem);
padding-right: clamp(6rem, 6.25vw, 7.5rem);
background-color: rgba(216, 216, 216, 0.32);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
overflow: hidden;
}
.software-product__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.software-product__link:hover .software-product__image {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.software-product__link:hover .software-product__content {
background: #FF6A00;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
}
.software-product__link:hover .software-product__title,
.software-product__link:hover .software-product__excerpt {
color: #ffffff;
}
.software-product__link:hover .software-product__btn {
background-color: #ffffff;
color: #FF6A00;
}
.software-product__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-top: clamp(2rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(2.5rem, 2.60416667vw, 3.125rem);
padding-left: clamp(2rem, 2.08333333vw, 2.5rem);
padding-right: clamp(2rem, 2.08333333vw, 2.5rem);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05);
will-change: transform, opacity;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.software-product__title {
padding-bottom: 20px;
font-weight: 500;
color: #17263B;
line-height: 1.2;
}
.software-product__excerpt {
padding-bottom: 20px;
color: #1C3D59;
}
.software-products-posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
row-gap: 40px;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
margin-top: clamp(3rem, 3.125vw, 3.75rem);
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.software-products-posts .software-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: 100%;
}
.software-products-posts .software-product__image {
display: block;
width: 100%;
height: 100%;
max-height: 120px;
-o-object-fit: contain;
object-fit: contain;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.related-services-block {
padding-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
padding-bottom: 20px;
}
.related-services-block__title {
font-weight: 500;
}
.related-services-swiper {
margin-top: clamp(1rem, 3.125vw, 3.75rem);
overflow: hidden;
}
.related-services-posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-rows: 1fr;
gap: 20px;
padding-top: clamp(3rem, 3.125vw, 3.75rem);
}
.related-services-posts.swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0;
gap: 0;
}
.related-services-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.related-service {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
background: rgba(237, 237, 237, 0.05);
backdrop-filter: unset;
border: 1px solid rgba(255, 255, 255, 0.35);
-webkit-box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 8px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
height: 100%;
border-radius: 20px;
overflow: hidden;
padding: clamp(3rem, 3.125vw, 3.75rem);
will-change: transform, opacity;
-webkit-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
}
.related-service__type {
color: #0F141B;
font-weight: 500;
line-height: 1.4;
text-transform: uppercase;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.related-service__title {
padding-top: clamp(2rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
font-weight: 500;
line-height: 1.1;
text-wrap: balance;
overflow-wrap: normal;
word-break: keep-all;
}
.related-service__excerpt {
font-size: 16px;
color: #0F141B;
line-height: 1.4;
}
.related-service__btn {
margin-top: 20px;
}
.related-service:hover {
background-color: #FF6A00;
-webkit-transition: background-color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out;
}
.related-service:hover .related-service__type,
.related-service:hover .related-service__title,
.related-service:hover .related-service__excerpt {
color: #ffffff;
-webkit-transition: color 0.4s ease-in-out;
transition: color 0.4s ease-in-out;
}
.related-service:hover .btn {
background-color: #ffffff;
color: #FF6A00;
}
.content-right-image-block-section {
margin-top: clamp(0.5rem, 1.04166667vw, 1.25rem);
margin-bottom: clamp(0.5rem, 1.04166667vw, 1.25rem);
}
.content-right-image-block__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 11px;
}
.content-right-image-block__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: auto;
padding-top: clamp(4rem, 4.16666667vw, 5rem);
padding-bottom: clamp(4rem, 4.16666667vw, 5rem);
padding-left: 40px;
padding-right: 40px;
background-color: #EDEDED;
border-radius: 20px;
padding-left: 20px;
padding-right: 20px;
}
.content-right-image-block__content.lighter-background {
background-color: rgba(216, 216, 216, 0.2);
}
.content-right-image-block__desc a {
color: #FF6A00;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.content-right-image-block__desc a:hover {
color: #0F141B;
}
.content-right-image-block__content {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
min-width: 0;
}
.content-right-image-block__title {
font-weight: 500;
line-height: 1.1;
}
.content-right-image-block__title,
.content-right-image-block__desc {
padding-bottom: 40px;
}
.content-right-image-block__image-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
.content-right-image-block__image {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
#form_popup iframe {
min-height: 60vh;
max-height: 80vh;
}
.product-tour-block-section {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 40px;
padding-top: clamp(1.5rem, 3.125vw, 3.75rem);
padding-bottom: clamp(1.5rem, 3.125vw, 3.75rem);
}
.product-tour-block-section a:not(.btn) {
color: #FF6A00;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.product-tour-block-section a:not(.btn):hover {
color: #17263B;
-webkit-transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
background-size: 100% 1px;
}
.product-tour-block__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: clamp(5rem, 5.20833333vw, 6.25rem);
-webkit-column-gap: clamp(5rem, 5.20833333vw, 6.25rem);
-moz-column-gap: clamp(5rem, 5.20833333vw, 6.25rem);
column-gap: clamp(5rem, 5.20833333vw, 6.25rem);
row-gap: 50px;
margin-right: -10px;
}
.product-tour-block__main-title {
max-width: 100%;
font-weight: 500;
padding-bottom: 20px;
}
.product-tour-block__main-description {
max-width: 100%;
}
.product-tour-block__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom: 4px;
}
.product-tour-block__menu .menu-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: auto;
min-height: 50px;
padding: 16px 20px;
border-radius: 16px;
font-family: 'Muller', sans-serif;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.45px;
text-transform: uppercase;
line-height: 1.4;
cursor: pointer;
background: #EDEDED;
color: #0F141B;
-webkit-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.product-tour-block__menu .menu-btn.active,
.product-tour-block__menu .menu-btn:hover {
background: #F8AF34;
color: #ffffff;
}
.product-tour-block__menu .menu-btn--active {
background: #F8AF34;
color: #ffffff;
}
.product-tour-block__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
width: 100%;
padding-right: 22px;
}
.product-tour-block__left.with-images {
max-width: 100%;
}
.product-tour-block__title {
font-weight: 500;
line-height: 1.1;
color: #0F141B;
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.product-tour-block__subtitle {
font-size: 26px;
font-weight: 500;
line-height: 1.4;
color: #17263B;
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.product-tour-block__desc {
font-size: 18px;
line-height: 1.4;
color: #17263B;
margin-bottom: 36px;
}
.product-tour-block__desc p {
margin-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.product-tour-block__desc p:last-child {
margin-bottom: 0;
}
.product-tour-block__desc:last-child {
margin-bottom: 0;
}
.product-tour-block__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
width: 100%;
}
.product-tour-block__images .product-tour-block__image {
width: 100%;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.01);
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.01);
overflow: hidden;
}
.product-tour-block__images .product-tour-block__image img {
width: 100%;
height: auto;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
dialog[id^="product_form_"] iframe {
min-height: 60vh;
max-height: 80vh;
}
.process-circles-block-section {
margin-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.process-circles-block__title {
font-weight: 500;
}
.process-circles-block__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
row-gap: 0px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: clamp(2.5rem, 6.25vw, 7.5rem);
margin-bottom: clamp(2.5rem, 6.25vw, 7.5rem);
}
.process-circles-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 190px;
height: 190px;
margin-left: -20px;
padding: 20px;
aspect-ratio: 1 / 1;
border-radius: 50%;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
mix-blend-mode: multiply;
}
.process-circles-block__item:first-child {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.process-circles-block__item:nth-of-type(1) {
background: #FFA96C;
}
.process-circles-block__item:nth-of-type(2) {
background: rgba(248, 175, 52, 0.7);
}
.process-circles-block__item:nth-of-type(3) {
background: rgba(188, 208, 65, 0.6);
}
.process-circles-block__item:nth-of-type(4) {
background: rgba(118, 186, 67, 0.7);
}
.process-circles-block__item:nth-of-type(5) {
background: rgba(62, 187, 249, 0.6);
}
.process-circles-block__item:nth-of-type(6) {
background: rgba(0, 159, 255, 0.7);
}
.process-circles-block__number {
font-size: 28px;
color: #ffffff;
font-weight: 500;
margin-bottom: 10px;
line-height: 1;
}
.process-circles-block__item-desc {
font-size: 14px;
color: #ffffff;
line-height: 1.4;
}
.timeline-block__header {
margin-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
margin-right: 11px;
}
.timeline-block__header-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 36px;
max-width: 100%;
}
.timeline-block__header .orange-blob {
top: 30%;
right: -115%;
}
.timeline-block-section {
position: relative;
margin-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
margin-right: -11px;
}
.timeline-block__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 100px;
gap: clamp(0.5rem, 5.20833333vw, 6.25rem);
margin-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
}
.timeline-block__title {
margin-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
font-weight: 500;
}
.timeline-block__years {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: clamp(1rem, 2.08333333vw, 2.5rem);
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
padding-bottom: 4px;
}
.timeline-block__years.has-overflow {
-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, black), to(transparent));
-webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
mask-image: -webkit-gradient(linear, left top, right top, color-stop(80%, black), to(transparent));
mask-image: linear-gradient(to right, black 80%, transparent 100%);
}
.timeline-block__years::-webkit-scrollbar {
display: none;
}
.timeline-block__year-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 10px 5px;
}
.timeline-block__year-item:hover .timeline-block__year-label {
color: #FF6A00;
}
.timeline-block__year-item.active .timeline-block__year-label {
color: #FF6A00;
}
.timeline-block__year-label {
font-size: clamp(1.3rem, 1.35416667vw, 1.625rem);
font-weight: 500;
line-height: 1.3;
letter-spacing: 0;
white-space: nowrap;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.timeline-slider-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 40px;
width: 100%;
}
.timeline-nav-arrow {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 10px;
position: absolute;
z-index: 99;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.timeline-nav-arrow svg {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.timeline-nav-arrow svg path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.timeline-nav-arrow:hover:not(.swiper-button-disabled) {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.timeline-nav-arrow:hover:not(.swiper-button-disabled) svg path {
stroke: #B4B4B4;
stroke-width: 2.5;
}
.timeline-nav-arrow:active:not(.swiper-button-disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.timeline-nav-arrow--prev {
left: -6%;
}
.timeline-nav-arrow--next {
right: -6%;
}
.timeline-nav-arrow.swiper-button-disabled {
opacity: 0.5;
}
.timeline-nav-arrow.swiper-button-disabled:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.timeline-nav-arrow.swiper-button-disabled svg path {
opacity: 0.5;
}
.timeline-slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.timeline-slider.swiper {
overflow: hidden;
}
.swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.timeline-slide.swiper-slide {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.timeline-slide__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(3.35rem, 3.48958333vw, 4.1875rem);
width: 100%;
}
.timeline-slide__year {
font-weight: 500;
letter-spacing: -1.28px;
opacity: 0;
}
.timeline-slide__description {
font-size: 18px;
opacity: 0;
}
.timeline-slide__description ul {
padding-left: clamp(1.5rem, 2.08333333vw, 2.5rem);
list-style: none;
}
.timeline-slide__description ul li {
font-size: 16px;
line-height: 1.4;
}
.timeline-slide__description ul li::before {
content: "•";
color: #17263B;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.timeline-slide__image {
width: clamp(25rem, 26.04166667vw, 31.25rem);
height: clamp(15rem, 15.625vw, 18.75rem);
border-radius: 20px;
overflow: hidden;
background-color: #EDEDED;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.timeline-slide__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.timeline-slide__image img.logo-img {
width: 100%;
max-width: 90%;
height: auto;
}
.slider-block {
margin-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.slider-block__header-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 36px;
max-width: unset;
}
.slider-block__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
}
.slider-block__title {
margin-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
font-weight: 500;
}
.slider-slider-wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.slider-slider {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.slider-slider.swiper {
overflow: hidden;
}
.slider-slide.swiper-slide {
width: 100%;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.slider-slide__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(1rem, 7.8125vw, 9.375rem);
width: 100%;
}
.slider-slide__description {
font-size: 18px;
opacity: 0;
max-width: 550px;
}
.slider-slide__image {
width: 100%;
height: auto;
min-height: 230px;
border-radius: 20px;
overflow: hidden;
background-color: #EDEDED;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
}
.slider-slide__image img {
width: auto;
height: auto;
max-width: 90%;
-o-object-fit: cover;
object-fit: cover;
}
.slider-block-pagination {
display: none;
}
.slider-nav-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 10px;
position: absolute;
z-index: 99;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-nav-arrow svg {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-nav-arrow svg path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slider-nav-arrow:hover:not(.swiper-button-disabled) {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.slider-nav-arrow:hover:not(.swiper-button-disabled) svg path {
stroke: #FF6A00;
stroke-width: 2.5;
}
.slider-nav-arrow:active:not(.swiper-button-disabled) {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.slider-nav-arrow--prev {
left: 0;
bottom: inherit;
}
.slider-nav-arrow--next {
right: 0;
bottom: inherit;
}
.slider-nav-arrow.swiper-button-disabled {
opacity: 0.3;
}
.slider-nav-arrow.swiper-button-disabled:hover {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.slider-nav-arrow.swiper-button-disabled svg path {
opacity: 0.3;
}
.list-video-block__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.list-video-block__inner .content-block-top-part {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
gap: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.list-video-block__inner .content-block-top-part .content-right-image-block img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content p {
font-size: 16px;
line-height: 1.4;
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content p:last-child {
padding-bottom: 0;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content strong {
font-weight: 700;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content a {
color: #FF6A00;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content a:hover {
color: #17263B;
-webkit-transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
background-size: 100% 1px;
}
.list-video-block__wrapper {
background-color: #EDEDED;
border-radius: 20px;
}
.list-video-block__header {
max-width: 100%;
}
.list-video-block__title {
color: #17263B;
font-weight: 500;
line-height: 1.1;
}
.list-video-block__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(2rem, 7.96875vw, 9.5625rem);
}
.list-video-block__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(0.8rem, 0.83333333vw, 1rem);
padding-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
list-style: none;
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.list-video-block__content {
padding-top: clamp(1rem, 2.08333333vw, 2.5rem);
}
.list-video-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 13px;
}
.list-video-block__item-arrow {
color: #FF6A00;
font-size: clamp(1.3rem, 1.35416667vw, 1.625rem);
font-weight: 500;
line-height: 1.3;
-ms-flex-negative: 0;
flex-shrink: 0;
font-style: normal;
}
.list-video-block__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 13px;
}
.list-video-block__item-title {
color: #17263B;
font-size: clamp(0.9rem, 1.35416667vw, 1.625rem);
font-weight: 500;
line-height: 1.3;
}
.list-video-block__item-desc {
color: #17263B;
font-weight: 400;
line-height: 1.4;
margin: 0;
}
.list-video-block__media {
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-top: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.list-video-block__image {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: clamp(16rem, 34.375vw, 41.25rem);
border-radius: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
.wysiwyg-block {
color: #17263B;
font-weight: 400;
padding-bottom: clamp(3rem, 3.125vw, 3.75rem);
}
.wysiwyg-block .heading {
font-size: 25px;
font-weight: 500;
padding-top: clamp(2rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.wysiwyg-block .heading:first-child {
padding-top: 0;
}
.wysiwyg-block p {
font-size: 16px;
line-height: 1.4;
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.wysiwyg-block p:last-child {
padding-bottom: 0;
}
.wysiwyg-block strong {
font-weight: 700;
}
.wysiwyg-block a {
color: #FF6A00;
font-weight: 500;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
background-image: -webkit-gradient(linear, left top, left bottom, from(#17263B), to(#17263B));
background-image: linear-gradient(#17263B, #17263B);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left bottom;
}
.wysiwyg-block a:hover {
color: #17263B;
-webkit-transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
transition: color 0.3s ease-in-out, background-size 0.4s ease-in-out;
background-size: 100% 1px;
}
.wysiwyg-block img {
display: block;
width: 100%;
height: auto;
max-height: 500px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.wysiwyg-block ul {
padding-left: clamp(1.5rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(1rem, 2.08333333vw, 2.5rem);
list-style: none;
}
.wysiwyg-block ul li {
font-size: 16px;
line-height: 1.4;
}
.wysiwyg-block ul li::before {
content: "•";
color: #17263B;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.wysiwyg-block ol {
padding-left: clamp(1.5rem, 2.08333333vw, 2.5rem);
}
.wysiwyg-block ol li {
padding-top: 8px;
font-size: 16px;
line-height: 1.4;
}
.wysiwyg-block ol li::marker {
color: #FF6A00;
font-weight: 500;
}
.team-block-section {
position: relative;
overflow: hidden;
padding-top: clamp(4rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(4rem, 5.20833333vw, 6.25rem);
margin-right: -11px;
}
.team-block-section .green-blob {
top: 20%;
}
.team-block__inner {
position: relative;
margin-right: 11px;
}
.team-block__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin-bottom: clamp(2rem, 3.125vw, 3.75rem);
max-width: 100%;
}
.team-block__title {
font-weight: 500;
line-height: 1.1;
color: #17263B;
}
.team-block__description {
color: #17263B;
line-height: 1.4;
font-weight: 400;
}
.team-block__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.team-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.team-block__photo {
border-radius: 20px;
overflow: hidden;
aspect-ratio: 1 / 1;
width: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.team-block__photo img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
}
.team-block__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
border-radius: 20px;
padding: clamp(1.2rem, 3.125vw, 3.75rem);
background: rgba(237, 237, 237, 0.2);
backdrop-filter: blur(16px) saturate(110%);
-webkit-backdrop-filter: blur(16px) saturate(110%);
-webkit-box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 3px 0px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(255, 255, 255, 0.25);
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.team-block__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.team-block__name {
font-weight: 500;
line-height: 1.2;
color: #17263B;
}
.team-block__position {
line-height: 1.4;
color: #17263B;
font-weight: 500;
font-size: 18px;
}
.team-block__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.team-block__social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 30px;
background-color: #747577;
color: #ffffff;
text-decoration: none;
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.team-block__social-icon.linkedin:hover {
background-color: #17263B;
}
.team-block__social-icon.mail:hover {
background-color: #FF6A00;
}
.team-block__social-icon svg {
display: block;
width: 20px;
height: 20px;
}
.gallery-block-section {
padding-top: clamp(3rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(3rem, 5.20833333vw, 6.25rem);
overflow: hidden;
margin-left: clamp(-1.25rem, -1.04166667vw, -0.7rem);
margin-right: clamp(-1.25rem, -1.04166667vw, -0.7rem);
}
.gallery-block__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
gap: clamp(1rem, 2.08333333vw, 2.5rem);
margin-bottom: clamp(2rem, 5.20833333vw, 6.25rem);
}
.gallery-block__title {
font-weight: 500;
line-height: 1;
}
.gallery-block__description {
color: #000000;
line-height: 1.4;
font-weight: 400;
max-width: 980px;
margin: 0 auto;
}
.gallery-block__strip-wrapper {
overflow: hidden;
width: 100%;
}
.gallery-block__strip {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 20px;
will-change: transform;
}
.gallery-block__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 300px;
border-radius: 20px;
overflow: hidden;
cursor: pointer;
position: relative;
padding: 0;
}
.gallery-block__item:focus-visible {
outline: 2px solid #FF6A00;
outline-offset: 2px;
}
.gallery-block-pagination {
display: none;
}
.gallery-block__item-thumb {
width: 100%;
height: 100%;
aspect-ratio: 3 / 2;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 20px;
position: relative;
-webkit-transition: -webkit-transform 0.5s ease;
transition: -webkit-transform 0.5s ease;
transition: transform 0.5s ease;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
}
.gallery-block__item-thumb::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0);
border-radius: 20px;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.gallery-block__item:hover .gallery-block__item-thumb {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.gallery-block__item:hover .gallery-block__item-thumb::after {
background: rgba(0, 0, 0, 0.2);
}
.gallery-block__play-icon {
position: absolute;
z-index: 4;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
pointer-events: none;
}
.gallery-block__item:hover .gallery-block__play-icon {
-webkit-transform: translate(-50%, -50%) scale(1.1);
-ms-transform: translate(-50%, -50%) scale(1.1);
transform: translate(-50%, -50%) scale(1.1);
}
.gallery-block__caption {
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
z-index: 2;
color: #ffffff;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
pointer-events: none;
}
.gallery-block__lightbox {
width: auto;
height: 100%;
max-width: none;
max-height: none;
border: none;
padding: 0;
background: transparent;
overflow: visible;
}
.gallery-block__lightbox:not([open]) {
display: none;
}
.gallery-block__lightbox::-ms-backdrop {
background: rgba(0, 0, 0, 0.88);
}
.gallery-block__lightbox::backdrop {
background: rgba(0, 0, 0, 0.88);
}
.gallery-block__lightbox-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 100%;
height: 100%;
gap: 12px;
}
.gallery-block__lightbox-body {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
width: 100%;
height: 100%;
}
.gallery-block__lightbox-content img {
display: block;
max-width: min(1100px, 85vw);
max-height: 80vh;
border-radius: 12px;
-o-object-fit: contain;
object-fit: contain;
}
.gallery-block__lightbox-content .gallery-lightbox-video {
width: min(960px, 85vw);
aspect-ratio: 16 / 9;
border-radius: 12px;
overflow: hidden;
}
.gallery-block__lightbox-content .gallery-lightbox-video iframe {
width: 100%;
height: 100%;
border: none;
display: block;
}
.gallery-block__nav-btn {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.35);
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
cursor: pointer;
-webkit-transition: background 0.25s ease, border-color 0.25s ease;
transition: background 0.25s ease, border-color 0.25s ease;
}
.gallery-block__nav-btn--prev {
left: 10%;
}
.gallery-block__nav-btn--next {
right: 10%;
}
.gallery-block__nav-btn:hover {
background: #FF6A00;
border-color: #FF6A00;
}
.gallery-block__nav-btn svg {
display: block;
}
.gallery-block-pagination {
margin-top: 20px;
}
.documents-block__wrapper {
padding-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
}
.documents-block__inner {
background-color: #EDEDED;
border-radius: 20px;
padding-top: clamp(2rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(2rem, 5.20833333vw, 6.25rem);
padding-left: clamp(1rem, 4.16666667vw, 5rem);
padding-right: clamp(1rem, 4.16666667vw, 5rem);
}
.documents-block__inner.beige {
background-color: #B5D9F4;
}
.documents-block__items {
display: grid;
grid-template-columns: 1fr;
gap: clamp(2.5rem, 5.20833333vw, 6.25rem);
}
.documents-block__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
gap: 40px;
padding-bottom: 80px;
}
.documents-block__title {
font-weight: 500;
line-height: 1.1;
}
.documents-block__title-wrapper {
max-width: 100%;
padding-bottom: clamp(1rem, 2.60416667vw, 3.125rem);
}
.documents-block__item-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.documents-block__item-title {
font-size: 30px;
font-weight: 500;
line-height: 1.2;
color: #17263B;
}
.documents-block__item-icon {
width: 100%;
height: 100%;
max-width: 80px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.documents-block__item-icon img {
display: block;
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.documents-block__item-description {
font-size: 18px;
font-weight: 400;
line-height: 1.4;
color: #17263B;
}
.documents-block .btn {
position: absolute;
bottom: 0;
}
.read-more-text-block-section .js-read-more-content {
max-height: 0;
overflow: hidden;
padding-bottom: 0;
-webkit-transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.read-more-text-block-section .js-read-more-wrap {
margin-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.read-more-text-block-section .js-read-more-toggle[aria-expanded="true"] {
margin-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.multiple-quotes-section {
margin-top: clamp(3rem, 3.125vw, 3.75rem);
margin-bottom: clamp(3rem, 3.125vw, 3.75rem);
}
.multiple-quotes-slider-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
.multiple-quotes-slider {
overflow: hidden;
width: 100%;
}
.multiple-quotes-slider .swiper-wrapper {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.multiple-quotes-slider .swiper-slide {
height: auto;
}
.multiple-quotes-slider .quote-company-section__quote {
height: 100%;
}
.multiple-quotes-nav-arrow {
cursor: pointer;
-ms-flex-negative: 0;
flex-shrink: 0;
display: none;
}
.multiple-quotes-nav-arrow svg {
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.multiple-quotes-nav-arrow:hover svg {
opacity: 0.6;
}
.multiple-quotes-pagination {
margin-top: 20px;
}
@media (min-width: 720px) {
.offset-x-desktop-180 {
padding-left: 30px;
padding-right: 30px;
}
.green-blob {
right: -7%;
}
.s-128 {
font-size: 64px;
}
.s-96 {
font-size: 54px;
}
.s-24 {
font-size: 20px;
}
.footer-menu {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.footer-menu__title {
font-size: 24px;
}
.footer-menu__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.footer-right-column {
width: 30%;
}
.footer-right-column__text {
display: block;
}
.footer-submenu__item {
font-size: 18px;
}
.footer-privacy__menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: clamp(0.8rem, 0.83333333vw, 1rem);
}
.footer-privacy-item {
padding: 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.newsletter-content__subscribe-form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.dialog-video iframe {
min-height: 45vh;
}
.dialog-form-popup {
min-width: 500px;
max-width: 600px;
padding: 50px 40px;
}
.close-button {
top: 5%;
right: 3%;
}
.post-item-label {
font-size: 15px;
}
.archive-filters {
padding: 25px 40px;
}
.filter-search {
width: auto;
gap: 20px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0px;
}
.filter-search input {
min-width: clamp(22.5rem, 24.47916667vw, 29.375rem);
}
.filter-search__input-wrapper {
width: auto;
}
.filter-search__button {
width: 100%;
font-size: 16px;
}
.custom-dropdown {
min-width: 200px;
}
.custom-dropdown__selected {
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
border-radius: 16px;
}
.custom-dropdown__options {
right: 0;
left: auto;
}
.share-buttons {
gap: 40px;
}
.share-buttons__items {
gap: 20px;
}
.share-buttons .share-item {
gap: 20px;
}
.quote-company-section__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.quote-company-section__quote.with-profile {
width: 70%;
}
.quote-company-section__quote-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
}
.quote-company-section__company-info {
width: 30%;
}
.sticky-menu {
width: calc(100% + 30px);
}
.error-404 {
min-height: calc(100vh - var(--header-height, 80px));
}
.error-404__label {
font-size: 13px;
}
.search-result-card__title {
font-size: 28px;
}
.search-result-card__body {
font-size: 18px;
}
.sitemap-page__sections {
grid-template-columns: repeat(2, 1fr);
gap: 50px 40px;
}
.hero-home-section {
min-height: 110vh;
min-height: 110dvh;
}
.hero-home-section__post .hero-home-post__left {
max-width: clamp(22.5rem, 23.69791667vw, 28.4375rem);
}
.hero-home-section_description {
font-size: 18px;
}
.text-block-section .text-block__content p,
.read-more-text-block-section .text-block__content p {
font-size: 18px;
}
.text-block-section .text-block__content ul li,
.read-more-text-block-section .text-block__content ul li {
font-size: 18px;
}
.text-block-section .text-block__content ol li,
.read-more-text-block-section .text-block__content ol li {
font-size: 18px;
}
.text-center-block-section .text-center-block__logos {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.text-center-block-section .text-center-block__logo {
max-height: none;
}
.text-center-block-section .text-center-block__logo-wrapper {
padding-top: clamp(0rem, 0vw, 0rem);
padding-bottom: clamp(0rem, 0vw, 0rem);
padding-left: clamp(2rem, 2.08333333vw, 2.5rem);
padding-right: clamp(2rem, 2.08333333vw, 2.5rem);
}
.circles-block-item__stat-wrapper {
padding: clamp(3rem, 3.125vw, 3.75rem);
}
.hero-block-section {
min-height: 65vh;
}
.hero-block-section .hero-block__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 0;
}
.hero-block-section .hero-block__buttons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.icon-block__image {
max-width: 20%;
}
.quote-block__wrapper {
padding: 40px 50px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 30px;
}
.faq-block .blue-blob {
top: 250px;
left: -350px;
}
.content-right-image-block__inner {
gap: 11px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.process-circles-block__items {
row-gap: 20px;
}
.timeline-slide__description ul li {
font-size: 18px;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content p {
font-size: 18px;
}
.wysiwyg-block p {
font-size: 18px;
}
.wysiwyg-block ul li {
font-size: 18px;
}
.wysiwyg-block ol li {
font-size: 18px;
}
.multiple-quotes-nav-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 720px) and (max-width: 1024px) {
.dialog-video {
max-width: 80%;
}
.quote-company-section__quote-icon svg {
width: 40px;
height: 40px;
}
.software-services__grid {
grid-template-columns: repeat(2, 1fr);
}
.circles-block-item--small {
width: 120px;
height: 120px;
}
.circles-block-item--medium {
width: 150px;
height: 150px;
}
.circles-block-item--large {
width: 170px;
height: 170px;
}
.circles-block-item--xlarge {
width: 200px;
height: 200px;
}
.circles-block-item--xxlarge {
width: 220px;
height: 220px;
}
.case-studies-slide {
min-height: auto;
}
.case-studies-slide__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding-left: 0;
}
.icon-block__items {
grid-template-columns: repeat(2, 1fr);
}
.quote-block__icon svg {
width: 40px;
height: 40px;
}
.software-products-posts {
grid-template-columns: repeat(2, 1fr);
}
.related-services-posts {
grid-template-columns: repeat(2, 1fr);
}
.timeline-slide__image {
width: 100%;
height: 280px;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.list-video-block__inner .content-block-top-part {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.list-video-block__inner .content-block-top-part .content-right-image-block {
width: 300px;
height: 300px;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content .list-video-block__content {
padding-top: 0;
}
.team-block__grid {
grid-template-columns: repeat(2, 1fr);
}
.gallery-block__item {
width: 280px;
}
}
@media (min-height: 1024px) {
.hero-home-section {
min-height: 80vh;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.hero-home-section__wrapper {
margin-top: 20vh;
}
.hero-block-section {
min-height: 40vh;
}
}
@media (min-width: 1025px) {
.offset-x-desktop-20 {
padding-left: 11px;
padding-right: 11px;
}
.offset-x-desktop-60 {
padding-left: 25px;
padding-right: 25px;
}
.offset-x-desktop-200 {
padding-left: 100px;
padding-right: 100px;
}
.offset-x-desktop-180 {
padding-left: 80px;
padding-right: 80px;
}
.offset-y-desktop-20 {
padding-bottom: 11px;
}
.border-r-20-t {
border-top-left-radius: clamp(1rem, 1.04166667vw, 1.25rem);
border-top-right-radius: clamp(1rem, 1.04166667vw, 1.25rem);
}
.border-r-20-b {
border-bottom-left-radius: clamp(1rem, 1.04166667vw, 1.25rem);
border-bottom-right-radius: clamp(1rem, 1.04166667vw, 1.25rem);
}
.border-r-20 {
border-radius: clamp(1rem, 1.04166667vw, 1.25rem);
}
.show-on-desktop {
display: block;
}
.show-on-mobile {
display: none;
}
.blue-blob {
width: auto;
height: 75%;
}
.green-blob {
width: auto;
height: 75%;
max-height: 600px;
top: 25%;
right: -23%;
}
.orange-blob {
width: auto;
height: 80%;
}
.breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: visible;
height: auto;
}
.btn {
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
border-radius: clamp(0.8rem, 0.83333333vw, 1rem);
}
.s-96 {
font-size: clamp(2.2rem, 5vw, 6rem);
}
.s-76 {
font-size: clamp(3.8rem, 3.95833333vw, 4.75rem);
}
.s-64 {
font-size: clamp(3.2rem, 3.33333333vw, 4rem);
}
.s-44 {
font-size: clamp(2.2rem, 2.39583333vw, 2.875rem);
}
.s-36 {
font-size: clamp(1.8rem, 1.97916667vw, 2.375rem);
}
.s-18 {
font-size: clamp(0.9rem, 1.04166667vw, 1.25rem);
}
.s-15 {
font-size: clamp(0.75rem, 0.9375vw, 1.125rem);
}
.header {
position: relative;
}
.header-content {
padding-left: 10px;
padding-right: 10px;
padding-top: clamp(1rem, 1.04166667vw, 1.25rem);
}
.header-content__logo img {
max-width: clamp(13.4rem, 13.95833333vw, 16.75rem);
}
.header-content__menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header-content__right .mobile-menu {
display: none;
}
.header-content__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.searchbox-input {
width: auto;
text-align: end;
}
.footer {
margin-left: 11px;
margin-right: 11px;
border-radius: 0 0 20px 20px;
}
.footer::after {
height: clamp(15.6rem, 17.29166667vw, 20.75rem);
}
.footer-menu {
max-height: clamp(70rem, 72.91666667vw, 87.5rem);
-webkit-column-gap: clamp(2rem, 3.125vw, 3.75rem);
-moz-column-gap: clamp(2rem, 3.125vw, 3.75rem);
column-gap: clamp(2rem, 3.125vw, 3.75rem);
}
.footer-bottom {
margin-top: clamp(5rem, 5.20833333vw, 6.25rem);
}
.footer-privacy__menu-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.footer-copyright {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.fullscreen-video-container video {
height: 100%;
bottom: auto;
-o-object-fit: cover;
object-fit: cover;
}
.newsletter-section {
border-radius: 20px 20px 0 0;
}
.newsletter-content__title {
font-size: clamp(2.4rem, 2.60416667vw, 3.125rem);
}
.newsletter-content__second-title {
font-size: 20px;
}
.dialog-video iframe {
min-width: 780px;
min-height: 440px;
}
#mc_embed_signup .button,
#mc_embed_signup_header .button {
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
border-radius: clamp(0.8rem, 0.83333333vw, 1rem);
}
.posts-grid {
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.post-item-wrapper {
backdrop-filter: blur(14px) brightness(1.05);
}
.post-item-title {
font-size: 22px;
}
.post-item-excerpt {
font-size: 18px;
}
.archive-posts-container {
margin-right: -11px;
}
.archive-posts-container__inner {
margin-right: 11px;
}
.archive-posts-container .orange-blob {
right: -20vw;
}
.quote-company-section__quote {
padding-top: clamp(4rem, 4.16666667vw, 5rem);
padding-bottom: clamp(4rem, 4.16666667vw, 5rem);
}
.single-content-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: clamp(1.5rem, 3.125vw, 3.75rem);
}
.sticky-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 0;
top: 100px;
width: 100%;
max-width: 300px;
background: transparent;
overflow-y: auto;
max-height: calc(100vh - 120px);
}
.sticky-menu__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow-x: visible;
padding: 0;
gap: 20px;
}
.sticky-menu__item {
-ms-flex-negative: 1;
flex-shrink: 1;
}
.sticky-menu__btn {
-webkit-box-ordinal-group: unset;
-ms-flex-order: unset;
order: unset;
margin-top: 20px;
}
.sticky-menu__link {
padding-top: clamp(0.8rem, 0.83333333vw, 1rem);
padding-bottom: clamp(0.8rem, 0.83333333vw, 1rem);
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
border-radius: clamp(0.8rem, 0.83333333vw, 1rem);
}
.error-404 {
margin-right: -11px;
margin-left: -11px;
}
.error-404__content {
margin-right: 11px;
margin-left: 11px;
}
.error-404__text {
font-size: 18px;
}
.search-page__header {
padding-top: clamp(3rem, 4.16666667vw, 5rem);
padding-bottom: clamp(2rem, 3.125vw, 3.75rem);
}
.search-page__list .orange-blob {
right: -15vw;
}
.search-page__no-results {
padding-top: clamp(3rem, 4.16666667vw, 5rem);
padding-bottom: clamp(4rem, 6.25vw, 7.5rem);
}
.search-result-card__inner {
padding-top: clamp(1.5rem, 2.60416667vw, 3.125rem);
padding-bottom: clamp(1rem, 1.5625vw, 1.875rem);
}
.contact-form-section {
padding-top: clamp(4rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(4rem, 5.20833333vw, 6.25rem);
}
.contact-form-section__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 80px;
}
.contact-form-section__left {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 40%;
}
.contact-form-section__tagline {
font-size: clamp(1.1rem, 1.35416667vw, 1.625rem);
}
.contact-form-section__spotlight {
padding: 50px 40px;
}
.contact-form-section__spotlight.mobile-spotlight {
display: none;
}
.contact-form-section__spotlight-text p {
font-size: clamp(1rem, 1.04166667vw, 1.25rem);
}
.contact-form {
gap: clamp(0.9rem, 1.25vw, 1.5rem);
}
.contact-form__label {
font-size: clamp(0.7rem, 0.83333333vw, 1rem);
}
.contact-form__input {
padding: 16px 30px;
font-size: clamp(0.9rem, 1.25vw, 1.5rem);
}
.contact-form__textarea {
min-height: 120px;
}
.contact-info-section {
padding-bottom: clamp(4rem, 5.20833333vw, 6.25rem);
}
.contact-info-section__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.contact-info-section__card {
padding: 60px 60px;
}
.contact-info-section__card-title {
margin-bottom: clamp(1.4rem, 2.08333333vw, 2.5rem);
}
.contact-info-section__person-name {
font-size: clamp(1.1rem, 1.35416667vw, 1.625rem);
margin-bottom: clamp(0.8rem, 1.04166667vw, 1.25rem);
}
.contact-info-section__rows {
gap: clamp(0.8rem, 1.04166667vw, 1.25rem);
}
.contact-info-section__rows--divider {
padding-bottom: clamp(1.2rem, 1.5625vw, 1.875rem);
margin-bottom: clamp(1.2rem, 1.5625vw, 1.875rem);
}
.contact-info-section__row {
gap: clamp(1.2rem, 2.08333333vw, 2.5rem);
}
.contact-info-section__icon {
width: clamp(2.4rem, 3.125vw, 3.75rem);
height: clamp(2.4rem, 3.125vw, 3.75rem);
}
.contact-info-section__icon svg {
width: clamp(0.9rem, 1.14583333vw, 1.375rem);
height: clamp(0.9rem, 1.14583333vw, 1.375rem);
}
.contact-info-section__row-text {
font-size: clamp(0.9rem, 1.25vw, 1.5rem);
}
.contact-info-section__social {
gap: clamp(0.8rem, 1.04166667vw, 1.25rem);
}
.contact-info-section__social-row {
gap: clamp(0.8rem, 1.04166667vw, 1.25rem);
}
.sitemap-page__wrapper {
padding-top: clamp(3rem, 4.16666667vw, 5rem);
}
.sitemap-page__wrapper .orange-blob {
right: -30vw;
}
.sitemap-page__intro {
font-size: clamp(0.9rem, 1.04166667vw, 1.25rem);
margin-bottom: 60px;
}
.sitemap-page__sections {
grid-template-columns: repeat(3, 1fr);
gap: clamp(2.5rem, 3.125vw, 3.75rem);
}
.sitemap-page__link {
font-size: 18px;
}
.hero-home-section {
border-radius: 20px 20px 0 0;
}
.hero-home-section::after {
-webkit-filter: blur(60px);
filter: blur(60px);
}
.hero-home-section__post .hero-home-post {
max-width: 50vw;
border-radius: clamp(1rem, 1.04166667vw, 1.25rem);
}
.hero-home-section__post .hero-home-post_img {
border-top-left-radius: clamp(1rem, 1.04166667vw, 1.25rem);
border-bottom-left-radius: clamp(1rem, 1.04166667vw, 1.25rem);
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.hero-home-section__post .hero-home-post_title {
font-size: 20px;
}
.hero-home-section__post .hero-home-post_category {
font-size: 14px;
}
.hero-home-section .hero-home-overlay {
border-radius: 20px 20px 0 0;
}
.hero-home-section__wrapper {
gap: 10rem;
margin-top: clamp(3.5rem, 6.25vw, 7.5rem);
margin-bottom: 0px;
}
.hero-home-section .hero-short-video {
border-radius: 20px 20px 0 0;
}
.hero-home-section__content {
max-width: 80%;
}
.hero-home-section_description {
max-width: 70%;
}
.map-section__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.map-section__left {
max-width: 40%;
}
.map-section__right {
margin-top: 0;
}
.map-section__countries {
max-width: 60%;
}
.software-services-section {
margin-right: -11px;
}
.software-services-section__inner {
margin-right: 11px;
}
.software-services-section .orange-blob {
top: 23%;
right: -37%;
}
.software-services__grid {
grid-auto-rows: 1fr;
grid-template-columns: repeat(3, 1fr);
}
.software-services__title-wrapper {
max-width: 60vw;
}
.software-services-post__excerpt {
font-size: 20px;
}
.text-block-section,
.read-more-text-block-section {
margin-right: -11px;
}
.text-block-section .orange-blob,
.read-more-text-block-section .orange-blob {
top: 30vh;
right: 0;
-webkit-transform: translateX(50%) translateY(calc(var(--parallax-y, 0) * 1px));
-ms-transform: translateX(50%) translateY(calc(var(--parallax-y, 0) * 1px));
transform: translateX(50%) translateY(calc(var(--parallax-y, 0) * 1px));
}
.text-block-section .text-block__wrapper,
.read-more-text-block-section .text-block__wrapper {
max-width: 70vw;
margin-right: 11px;
}
.text-block-section .text-block__content .heading,
.read-more-text-block-section .text-block__content .heading {
font-size: clamp(1.8rem, 1.97916667vw, 2.375rem);
}
.text-center-block-section {
margin-left: -11px;
}
.text-center-block-section .blue-blob {
top: 40%;
left: -23%;
}
.text-center-block-section .text-center-block__content {
margin-left: 11px;
}
.text-center-block-section .text-center-block__description {
max-width: 70%;
}
.text-center-block-section .text-center-block__logo-wrapper {
padding-top: clamp(2rem, 2.08333333vw, 2.5rem);
padding-bottom: clamp(2rem, 2.08333333vw, 2.5rem);
}
.text-center-block-section .text-center-block__logo-wrapper::before {
height: 50%;
content: "";
}
.text-video-block__inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.text-video-block__content {
max-width: 40%;
}
.circles-block-section .padding-top {
padding-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.circles-block-item__stat-number.stat-black {
font-size: clamp(4.8rem, 5vw, 6rem);
}
.circles-block-item__stat-number.stat-white {
font-size: clamp(3rem, 3.125vw, 3.75rem);
}
.circles-block-item__overlay-number {
font-size: clamp(2.4rem, 2.5vw, 3rem);
}
.case-studies-slide {
min-height: auto;
}
.case-studies-slide__pagination-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.case-studies-slide__content {
width: 50%;
padding-top: clamp(2rem, 3.125vw, 3.75rem);
padding-bottom: clamp(2rem, 3.125vw, 3.75rem);
padding-left: clamp(2rem, 3.125vw, 3.75rem);
padding-right: clamp(2rem, 3.125vw, 3.75rem);
height: 100%;
max-height: none;
}
.case-studies-slide__title {
font-size: 30px;
}
.case-studies-slide__images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.case-studies-image-item:nth-child(2) {
display: block;
}
.case-studies-image-item:nth-child(3) {
display: block;
}
.news-block-section {
margin-right: -11px;
}
.news-block-section__inner {
margin-right: 11px;
}
.news-block .orange-blob {
top: 30%;
right: -30%;
}
.news-block__wrapper {
gap: 20px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.news-block__featured-card .news-block__title {
font-size: clamp(1.2rem, 1.35416667vw, 1.625rem);
}
.news-block__card {
backdrop-filter: blur(24px) brightness(1.05);
}
.news-block__card .news-block__title {
font-size: clamp(1.2rem, 1.35416667vw, 1.625rem);
}
.hero-block-section__overlay {
border-radius: 20px;
}
.hero-block-section .hero-block__image {
border-radius: 20px;
}
.hero-block-section .hero-block__image::after {
border-radius: 20px;
}
.hero-block-section .hero-block__wrapper {
gap: 10rem;
margin-top: 50px;
margin-bottom: 50px;
}
.hero-block-section .hero-block__content {
max-width: 80%;
}
.hero-block-section .hero-block__description {
font-size: clamp(1.2rem, 1.35416667vw, 1.625rem);
}
.hero-block-section .hero-block__description {
max-width: 70%;
}
.hero-block-section .hero-block__content-popup .hero-block__popup-image {
width: clamp(15.4rem, 17.70833333vw, 21.25rem);
height: clamp(8.65rem, 9.89583333vw, 11.875rem);
}
.hero-block-section .hero-youtube-wrapper {
border-radius: 20px;
}
.hero-block-section .hero-short-video {
border-radius: 20px;
}
.sticky-content__nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sticky-content__nav {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
overflow: auto;
}
.icon-block__items {
margin-left: clamp(7.5rem, 7.8125vw, 9.375rem);
margin-right: clamp(7.5rem, 7.8125vw, 9.375rem);
}
.faq-item {
backdrop-filter: blur(24px) brightness(1.05);
}
.related-service {
backdrop-filter: blur(24px) brightness(1.05);
}
.content-right-image-block__content {
padding-left: 80px;
padding-right: 80px;
}
.content-right-image-block__content {
max-width: 50%;
}
.product-tour-block__wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
row-gap: 0px;
margin-right: 0;
}
.product-tour-block__menu {
overflow-x: visible;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
width: 20%;
margin-bottom: 20px;
}
.product-tour-block__menu .menu-btn {
font-size: 15px;
}
.product-tour-block__content {
width: 80%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: clamp(5rem, 5.20833333vw, 6.25rem);
}
.product-tour-block__left.with-images {
max-width: 50%;
}
.process-circles-block__item {
margin-left: -40px;
}
.process-circles-block__number {
font-size: clamp(1.8rem, 1.875vw, 2.25rem);
}
.timeline-block__header {
margin-right: 11px;
}
.timeline-block__header .orange-blob {
right: -20%;
}
.timeline-block-section {
margin-right: -11px;
}
.timeline-nav-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.timeline-slide__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 0;
}
.slider-block__header {
margin-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
}
.slider-slide__container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.slider-slide__image {
width: clamp(25rem, 26.04166667vw, 31.25rem);
height: clamp(15rem, 15.625vw, 18.75rem);
}
.slider-nav-arrow--prev {
left: -6%;
}
.list-video-block__inner .content-block-top-part .content-right-image-block {
width: clamp(25rem, 26.04166667vw, 31.25rem);
height: clamp(25rem, 26.04166667vw, 31.25rem);
}
.list-video-block__body {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-video-block__list {
max-width: 454px;
}
.list-video-block__media {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.wysiwyg-block .heading {
font-size: clamp(1.8rem, 1.97916667vw, 2.375rem);
}
.team-block-section {
margin-right: -11px;
}
.team-block-section .green-blob {
top: 20%;
}
.team-block__inner {
margin-right: 11px;
}
.team-block__position {
font-size: clamp(1rem, 1.14583333vw, 1.375rem);
}
.documents-block__items {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.documents-block__item {
padding-bottom: clamp(5rem, 5.20833333vw, 6.25rem);
}
.documents-block__item-title {
font-size: clamp(1.5rem, 1.875vw, 2.25rem);
}
.documents-block__item-description {
font-size: clamp(0.9rem, 1.25vw, 1.5rem);
}
}
@media (min-width: 1281px) {
.offset-x-desktop-20 {
padding-left: clamp(1rem, 1.04166667vw, 1.25rem);
padding-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.offset-y-desktop-20 {
padding-bottom: clamp(1rem, 1.04166667vw, 1.25rem);
}
.s-128 {
font-size: clamp(6.4rem, 6.66666667vw, 8rem);
}
.s-24 {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.header-content {
padding-left: clamp(2.5rem, 2.60416667vw, 3.125rem);
padding-right: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.main-menu-item.spacing-left {
margin-left: clamp(7.2rem, 7.5vw, 9rem);
}
.main-menu .submenu-container {
right: 0;
left: auto;
}
.footer {
margin-left: clamp(1rem, 1.04166667vw, 1.25rem);
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.footer__col {
width: auto;
}
.footer-menu {
max-height: clamp(46rem, 50.52083333vw, 60.625rem);
}
.newsletter-content__second-title {
font-size: clamp(2.4rem, 2.60416667vw, 3.125rem);
}
.dialog-video {
max-width: 61vw;
max-height: 60vh;
}
.dialog-form-popup {
min-width: 550px;
padding: 80px 50px;
}
.posts-grid {
grid-template-columns: repeat(3, 1fr);
}
.post-item-image {
height: clamp(9rem, 11.45833333vw, 13.75rem);
min-height: 180px;
}
.post-item-title {
font-size: 26px;
}
.post-item-excerpt {
font-size: 20px;
}
.archive-posts-container {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.archive-posts-container__inner {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.share-buttons__text {
font-size: clamp(1rem, 1.04166667vw, 1.25rem);
}
.quote-company-section__quote.with-profile {
width: 80%;
}
.quote-company-section__quote-text-inner p {
font-size: clamp(0.9rem, 1.25vw, 1.5rem);
}
.quote-company-section__company-info {
width: 20%;
}
.quote-company-section__company-size,
.quote-company-section__company-client-since,
.quote-company-section__company-industry {
font-size: clamp(1rem, 1.04166667vw, 1.25rem);
}
.error-404 {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
margin-left: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.error-404__content {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
margin-left: clamp(1rem, 1.04166667vw, 1.25rem);
}
.search-page__no-results-text {
font-size: clamp(1.4rem, 1.66666667vw, 2rem);
}
.search-result-card__title {
font-size: clamp(1.6rem, 1.875vw, 2.25rem);
}
.search-result-card__body {
font-size: clamp(1rem, 1.25vw, 1.5rem);
}
.hero-home-section_description {
font-size: clamp(1.2rem, 1.35416667vw, 1.625rem);
}
.marquee-logos-section {
margin-left: clamp(-1.25rem, -1.04166667vw, -1rem);
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
width: calc(100% + 40px);
}
.logos-group .logo-img__wrapper {
padding-left: clamp(6rem, 6.25vw, 7.5rem);
padding-right: clamp(6rem, 6.25vw, 7.5rem);
}
.software-services-section {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.software-services-section__inner {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.software-services-post {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.spacer.small {
height: clamp(0.5rem, 1.04166667vw, 1.25rem);
}
.spacer.regular {
height: clamp(3rem, 3.125vw, 3.75rem);
}
.spacer.large {
height: clamp(5rem, 5.20833333vw, 6.25rem);
}
.text-block-section,
.read-more-text-block-section {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.text-block-section .text-block__content p,
.read-more-text-block-section .text-block__content p {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.text-block-section .text-block__content ul li,
.read-more-text-block-section .text-block__content ul li {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.text-block-section .text-block__content ol li,
.read-more-text-block-section .text-block__content ol li {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.case-studies-slide__content {
padding-top: clamp(4rem, 4.16666667vw, 5rem);
padding-bottom: clamp(4rem, 4.16666667vw, 5rem);
padding-left: clamp(3rem, 3.125vw, 3.75rem);
padding-right: clamp(3rem, 3.125vw, 3.75rem);
}
.case-studies-slide__title {
font-size: 44px;
}
.case-studies-slide__description p {
font-size: 21px;
}
.news-block-section {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.news-block-section__inner {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.sticky-content__nav .nav-item__link {
font-size: 15px;
}
.icon-block__item-description {
font-size: clamp(0.9rem, 1.25vw, 1.5rem);
}
.quote-block__wrapper {
padding-top: clamp(3.5rem, 4.16666667vw, 5rem);
padding-bottom: clamp(3.5rem, 4.16666667vw, 5rem);
padding-left: clamp(5rem, 5.20833333vw, 6.25rem);
padding-right: clamp(5rem, 5.20833333vw, 6.25rem);
gap: 40px;
}
.quote-block__content {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.faq-block .blue-blob {
width: clamp(20rem, 31.25vw, 37.5rem);
height: clamp(20rem, 31.25vw, 37.5rem);
top: 270px;
left: -250px;
}
.related-service__excerpt {
font-size: clamp(1rem, 1.04166667vw, 1.25rem);
}
.content-right-image-block__inner {
gap: clamp(1rem, 1.04166667vw, 1.25rem);
}
.product-tour-block__main-title {
max-width: 70%;
}
.product-tour-block__main-description {
max-width: 70%;
}
.process-circles-block__item-desc {
font-size: clamp(0.9rem, 1.04166667vw, 1.25rem);
}
.timeline-block__header {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.timeline-block__header-content {
max-width: 60%;
}
.timeline-block-section {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.timeline-slide__description {
font-size: 20px;
}
.timeline-slide__description ul li {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.slider-block__header-content {
max-width: 60%;
}
.slider-slide__description {
font-size: 20px;
}
.slider-nav-arrow--next {
right: -6%;
}
.list-video-block__inner .content-block-top-part .content-block-top-part-content p {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.list-video-block__header {
max-width: 50%;
}
.wysiwyg-block p {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.wysiwyg-block ul li {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.wysiwyg-block ol li {
font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}
.team-block-section {
margin-right: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.team-block__inner {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.team-block__header {
max-width: 70%;
}
.documents-block__inner {
padding-left: clamp(4rem, 9.63541667vw, 11.5625rem);
padding-right: clamp(4rem, 9.63541667vw, 11.5625rem);
}
.documents-block__title-wrapper {
max-width: 50%;
}
}
@media (min-width: 1367px) {
.offset-x-desktop-200 {
padding-left: clamp(10rem, 10.41666667vw, 12.5rem);
padding-right: clamp(10rem, 10.41666667vw, 12.5rem);
}
.offset-x-desktop-180 {
padding-left: clamp(9rem, 9.375vw, 11.25rem);
padding-right: clamp(9rem, 9.375vw, 11.25rem);
}
.offset-x-desktop-172 {
padding-left: clamp(8.6rem, 8.95833333vw, 10.75rem);
padding-right: clamp(8.6rem, 8.95833333vw, 10.75rem);
}
.offset-x-desktop-120 {
padding-left: clamp(6rem, 6.25vw, 7.5rem);
padding-right: clamp(6rem, 6.25vw, 7.5rem);
}
.footer-menu {
max-height: clamp(28rem, 36.45833333vw, 43.75rem);
}
.contact-form-section__wrapper {
gap: clamp(4rem, 6.25vw, 7.5rem);
}
.contact-form-section__spotlight {
padding-top: clamp(2.5rem, 4.16666667vw, 5rem);
padding-bottom: clamp(2.5rem, 4.16666667vw, 5rem);
padding-left: clamp(2rem, 2.08333333vw, 2.5rem);
padding-right: clamp(2rem, 2.08333333vw, 2.5rem);
}
.contact-info-section__card {
padding-top: clamp(4rem, 5.20833333vw, 6.25rem);
padding-bottom: clamp(4rem, 5.20833333vw, 6.25rem);
padding-left: clamp(5rem, 7.8125vw, 9.375rem);
padding-right: clamp(2rem, 2.08333333vw, 2.5rem);
}
.hero-home-section {
min-height: 100dvh;
}
.text-center-block-section {
padding-top: clamp(2.5rem, 2.60416667vw, 3.125rem);
}
.content-right-image-block__content {
padding-left: clamp(9rem, 9.375vw, 11.25rem);
padding-right: clamp(9rem, 9.375vw, 11.25rem);
}
.process-circles-block__item {
width: clamp(11rem, 15.625vw, 18.75rem);
height: clamp(11rem, 15.625vw, 18.75rem);
}
}
@media (min-width: 1441px) {
.main-menu-inner__item-nav {
gap: 30px;
}
}
@media (min-width: 1661px) {
.contact-form-section__wrapper .orange-blob {
right: -20%;
}
.circles-block-section__container {
min-height: 1000px;
}
.case-studies-slide__content {
max-height: 90vh;
}
.case-studies-images-grid {
max-height: 90vh;
}
.hero-block-section {
min-height: 60vh;
}
}
@media (min-width: 1921px) {
.offset-x-desktop-60 {
padding-left: clamp(3rem, 3.125vw, 3.75rem);
padding-right: clamp(3rem, 3.125vw, 3.75rem);
}
.map-section__inner {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.text-block-section .text-block__wrapper,
.read-more-text-block-section .text-block__wrapper {
margin-right: clamp(1rem, 1.04166667vw, 1.25rem);
}
.text-center-block-section {
margin-left: clamp(-1.25rem, -1.04166667vw, -1rem);
}
.text-center-block-section .text-center-block__content {
margin-left: clamp(1rem, 1.04166667vw, 1.25rem);
}
.circles-block-section__container {
width: 80%;
margin: 0 auto;
}
.circles-block-item:nth-child(5) {
left: 40%;
top: 86%;
}
.circles-block-item:nth-child(7) {
left: 40%;
top: 53%;
}
.circles-block-item:nth-child(9) {
left: 40%;
top: 20%;
}
.circles-block-item:nth-child(10) {
left: 70%;
top: 14%;
}
.circles-block-item:nth-child(11) {
left: 59%;
top: 31%;
}
.circles-block-item:nth-child(12) {
left: 65%;
top: 59%;
}
.circles-block-item--medium {
width: 270px;
height: 270px;
}
.circles-block-item--large {
width: 310px;
height: 310px;
}
.circles-block-item--xlarge {
width: 350px;
height: 350px;
}
.case-studies-slide__content {
max-height: 80vh;
}
.case-studies-images-grid {
max-height: 80vh;
}
.timeline-slide__description {
max-width: 500px;
}
}
@media (max-width: 719px), (min-width: 720px) and (max-width: 1024px) {
.slider-block-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.slider-nav-arrow {
display: none;
}
.gallery-block__strip {
will-change: unset;
gap: 0px;
}
.gallery-block-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 1024px) {
.header.header--dark .header-content {
padding-left: 20px;
padding-right: 20px;
}
.header-content {
padding-left: 20px;
padding-right: 20px;
}
.dialog-content {
width: 100%;
}
.quote-company-section__quote-author {
font-size: 18px;
}
.quote-company-section__quote-position {
font-size: 16px;
}
.contact-form-section__spotlight.desktop-spotlight {
display: none !important;
}
.spacer.small {
height: 10px;
}
.spacer.regular {
height: 40px;
}
.spacer.large {
height: 40px;
}
#hero_form .close-button {
right: 7%;
top: 10px;
}
.icon-block__item-title {
font-size: 25px;
}
#form_popup .close-button {
right: 7%;
top: 10px;
}
.product-tour-block-section {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
}
dialog[id^="product_form_"] .close-button {
right: 7%;
top: 10px;
}
.timeline-nav-arrow--prev {
left: 0;
bottom: -60px;
}
.timeline-nav-arrow--next {
right: 0;
bottom: -60px;
}
.timeline-slide__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 30px;
padding-bottom: 10px;
}
.list-video-block__wrapper {
padding-left: 30px;
padding-right: 30px;
}
.list-video-block__item-title {
font-size: 18px;
}
.gallery-block__strip-wrapper {
margin-left: 15px;
}
.gallery-block__lightbox .close-button {
right: 10%;
top: 20%;
}
}
@media (max-width: 719px) {
.offset-x-desktop-200 {
padding-left: 20px;
padding-right: 20px;
}
.footer::after {
top: -1px;
}
.footer-privacy__menu-wrapper img {
max-width: 200px;
}
.footer .site-by-link {
margin-top: 20px;
}
.newsletter-content__gallery img:first-child {
width: 80px;
height: 80px;
}
.newsletter-content__gallery img:nth-child(2) {
width: 90px;
height: 90px;
}
.newsletter-content__gallery img:nth-child(3) {
width: 100px;
height: 100px;
}
.newsletter-content__gallery img:nth-child(4) {
width: 90px;
height: 90px;
}
.newsletter-content__gallery img:nth-child(5) {
width: 80px;
height: 80px;
}
.dialog-video {
max-width: 90%;
}
.close-button {
right: 20px;
top: -40%;
}
.quote-company-section__quote-icon svg {
width: 30px;
height: 30px;
}
.contact-form-section__wrapper .orange-blob {
top: 90%;
right: -57%;
width: 300px;
max-height: 300px;
}
.hero-home-section__wrapper {
margin-top: 150px;
}
.software-services__grid {
grid-template-columns: 1fr;
}
.circles-block-section {
padding-top: 40px;
padding-bottom: 0;
}
.circles-block-item:nth-child(1) {
left: 0%;
top: 31%;
}
.circles-block-item:nth-child(2) {
left: 17%;
top: 67%;
width: 100px;
height: 100px;
z-index: 2;
}
.circles-block-item:nth-child(3) {
left: 80%;
top: 55%;
}
.circles-block-item:nth-child(4) {
left: 0%;
top: 53%;
}
.circles-block-item:nth-child(5) {
left: 48%;
top: 61%;
}
.circles-block-item:nth-child(6) {
left: 50%;
top: 0%;
}
.circles-block-item:nth-child(7) {
left: 14%;
top: 40%;
}
.circles-block-item:nth-child(8) {
left: 5%;
top: 3%;
}
.circles-block-item:nth-child(9) {
left: 17%;
top: 17%;
}
.circles-block-item:nth-child(10) {
width: 110px;
height: 110px;
left: 73%;
top: 13%;
}
.circles-block-item:nth-child(11) {
left: 46%;
right: 0%;
top: 36%;
}
.circles-block-item:nth-child(12) {
left: 28%;
top: 75%;
}
.circles-block-item:nth-child(13) {
right: 0%;
top: 22%;
width: 170px;
height: 170px;
}
.circles-block-item--small {
width: 80px;
height: 80px;
}
.circles-block-item--medium {
width: 140px;
height: 140px;
}
.circles-block-item--large {
width: 150px;
height: 150px;
}
.circles-block-item--xlarge {
width: 190px;
height: 190px;
}
.circles-block-item--xxlarge {
width: 180px;
height: 180px;
}
.circles-block-item__stat-label {
font-size: 14px;
line-height: 1.2;
}
.case-studies-slide {
min-height: auto;
}
.case-studies-slide__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
height: 100%;
padding-left: 0;
}
.case-studies-slide__pagination {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 15px;
padding-top: 0;
}
.case-studies-slide__pagination-item {
font-size: 24px;
}
.case-studies-slide__content {
height: 100%;
}
.case-studies-slide__text-content {
gap: 20px;
}
.case-studies-slide__description p {
font-size: 16px;
}
.case-studies-images-grid {
grid-template-columns: 1fr;
height: auto;
}
.case-studies-image-item {
height: 300px;
}
.hero-block-section {
min-height: auto;
margin: 0 0 20px 0;
}
.hero-block-section .hero-block__wrapper {
margin-top: 50px;
}
.hero-block-section .hero-block__buttons .btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.icon-block__items {
grid-template-columns: 1fr;
}
.quote-block__icon svg {
width: 30px;
height: 30px;
}
.faq-block .blue-blob {
width: 300px;
height: 300px;
top: 60%;
left: -50%;
}
.faq-item__question {
font-size: 20px;
}
.software-product__excerpt {
font-size: 18px;
}
.software-products-posts {
grid-template-columns: 1fr;
}
.related-services-posts {
grid-template-columns: 1fr;
}
.content-right-image-block__content {
padding-left: 20px;
padding-right: 20px;
}
.content-right-image-block__image {
max-width: 100%;
}
.product-tour-block-section .offset-x-desktop-120 {
padding-right: 0;
}
.timeline-slide__image {
width: 100%;
height: 220px;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.list-video-block__inner .content-block-top-part {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.list-video-block__inner .content-block-top-part .content-right-image-block img {
max-width: 100%;
}
.team-block__grid {
grid-template-columns: 1fr;
}
.gallery-block__item {
width: 260px;
}
.gallery-block__lightbox-body {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 20px;
}
.gallery-block__lightbox-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-block__lightbox-content img {
max-width: 92vw;
max-height: 60vh;
}
.gallery-block__lightbox-content .gallery-lightbox-video {
width: 92vw;
}
.gallery-block__nav-btn--prev {
left: 10px;
}
.gallery-block__nav-btn--next {
right: 10px;
}
.gallery-block__nav-btn {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.documents-block__inner {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 420px) {
.hero-home-section__post .hero-home-post {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.hero-home-section__post .hero-home-post__left {
max-width: unset;
}
.hero-home-section__post .hero-home-post_img {
border-radius: 10px 10px 0 0;
max-height: 200px;
}
.sticky-content__nav .nav-item__link {
font-size: 11px;
}
.process-circles-block__item {
width: 160px;
height: 160px;
}
.process-circles-block__item-desc {
font-size: 12px;
}
}
@media (hover: hover) {
.sticky-menu__link:hover {
background: #F8AF34;
color: #ffffff;
-webkit-transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}
.sticky-content__nav .nav-item__link:hover {
background-color: #FF6A00;
color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
}