html{
scroll-behavior: smooth;
}
.choices {
margin-bottom: 24px;
font-size: 16px;
position: relative;
overflow: hidden;
}
.choices:focus {
outline: none;
}
.choices:last-child {
margin-bottom: 0;
}
.choices.is-open {
overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none;
background-color: #eaeaea;
}
.choices.is-disabled .choices__item {
cursor: not-allowed;
}
.choices [hidden] {
display: none !important;
}
.choices[data-type*="select-one"] {
cursor: pointer;
}
.choices[data-type*="select-one"] .choices__inner {
padding-bottom: 7.5px;
}
/* .choices[data-type*="select-one"] .choices__input {
background-color: #fff;
border-bottom: 1px solid #ddd;
width: 100%;
margin: 0;
padding: 10px;
display: block;
color: black;
width: min-content;
} */
.choices[data-type*="select-one"] .choices__button {
opacity: 0.25;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
border-radius: 10em;
width: 20px;
height: 20px;
margin-top: -10px;
margin-right: 25px;
padding: 0;
position: absolute;
top: 50%;
right: 0;
}
.choices[data-type*="select-one"] .choices__button:hover,
.choices[data-type*="select-one"] .choices__button:focus {
opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
box-shadow: 0 0 0 2px #00bcd4;
}
.choices[data-type*="select-one"]
.choices__item[data-value=""]
.choices__button {
display: none;
}
.choices[data-type*="select-one"]:after {
content: "";
pointer-events: none;
/* border: 5px solid #0000; */
/* border-top-color: #333; */
width: 0;
height: 0;
margin-top: -2.5px;
position: absolute;
top: 50%;
right: 11.5px;
}
.choices[data-type*="select-one"].is-open:after {
/* border-color: #0000 #0000 #333; */
margin-top: -7.5px;
}
.choices[data-type*="select-one"][dir="rtl"]:after {
left: 11.5px;
right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
margin-left: 25px;
margin-right: 0;
left: 0;
right: auto;
}
.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
cursor: text;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
opacity: 0.75;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
background-size: 8px;
/* border-left: 1px solid #008fa1; */
border-radius: 0;
width: 8px;
margin: 0 -4px 0 8px;
padding-left: 16px;
line-height: 1;
display: inline-block;
position: relative;
}
.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus {
opacity: 1;
}
/* .choices__inner {
vertical-align: top;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 2.5px;
width: 100%;
min-height: 44px;
padding: 7.5px 7.5px 3.75px;
font-size: 14px;
display: inline-block;
overflow: hidden;
} */
.is-focused .choices__inner,
.is-open .choices__inner {
/* border-color: #b7b7b7; */
}
.is-open .choices__inner {
border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
margin: 0;
padding-left: 0;
list-style: none;
}
.choices__list--single {
width: 100%;
padding: 4px 16px 4px 4px;
display: inline-block;
}
[dir="rtl"] .choices__list--single {
padding-left: 16px;
padding-right: 4px;
}
.choices__list--single .choices__item {
width: 100%;
}
.choices__list--multiple {
display: inline;
}
.choices__list--multiple .choices__item {
vertical-align: middle;
color: #fff;
word-break: break-all;
box-sizing: border-box;
background-color: #00bcd4;
/* border: 1px solid #00a5bb; */
border-radius: 20px;
margin-bottom: 3.75px;
margin-right: 3.75px;
padding: 4px 10px;
font-size: 12px;
font-weight: 500;
display: inline-block;
}
.choices__list--multiple .choices__item[data-deletable] {
padding-right: 5px;
}
[dir="rtl"] .choices__list--multiple .choices__item {
margin-left: 3.75px;
margin-right: 0;
}
.choices__list--multiple .choices__item.is-highlighted {
background-color: #00a5bb;
/* border: 1px solid #008fa1; */
}
.is-disabled .choices__list--multiple .choices__item {
background-color: #aaa;
/* border: 1px solid #919191; */
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
visibility: hidden;
z-index: 1;
word-break: break-all;
will-change: visibility;
background-color: #fff;
/* border: 1px solid #ddd; */
border-bottom-right-radius: 2.5px;
border-bottom-left-radius: 2.5px;
width: 100%;
margin-top: -1px;
position: absolute;
top: 100%;
overflow: hidden;
}
.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
visibility: visible;
}
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
border-radius: 0.25rem 0.25rem 0 0;
margin-top: 0;
margin-bottom: -1px;
top: auto;
bottom: 100%;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
-webkit-overflow-scrolling: touch;
will-change: scroll-position;
max-height: 300px;
position: relative;
overflow: auto;
}
/* .choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
padding: 10px;
font-size: 14px;
position: relative;
color:black;
} */
[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
text-align: right;
}
@media (min-width: 640px) {
.choices__list--dropdown .choices__item--selectable,
.choices__list[aria-expanded] .choices__item--selectable {
padding-right: 100px;
}
.choices__list--dropdown .choices__item--selectable:after,
.choices__list[aria-expanded] .choices__item--selectable:after {
content: attr(data-select-text);
opacity: 0;
font-size: 12px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
[dir="rtl"] .choices__list--dropdown .choices__item--selectable,
[dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable {
text-align: right;
padding-left: 100px;
padding-right: 10px;
}
[dir="rtl"] .choices__list--dropdown .choices__item--selectable:after,
[dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable:after {
left: 10px;
right: auto;
}
}
/* .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
background-color: #f2f2f2;
color:black;
width: max-content;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted:after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted:after {
opacity: 0.5;
background-color: #f2f2f2;
color:black;
width: max-content;
} */
.choices__item {
cursor: default;
}
.choices__item--selectable {
cursor: pointer;
}
.choices__item--disabled {
cursor: not-allowed;
-webkit-user-select: none;
user-select: none;
opacity: 0.5;
}
.choices__heading {
color: gray;
border-bottom: 1px solid #f7f7f7;
padding: 10px;
font-size: 12px;
font-weight: 600;
}
.choices__button {
text-indent: -9999px;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
background-color: #0000;
background-position: 50%;
background-repeat: no-repeat;
/* border: 0; */
}
.choices__button:focus {
outline: none;
}
.choices__input {
vertical-align: baseline;
background-color: #f9f9f9;
/* border: 0; */
border-radius: 0;
max-width: 100%;
margin-bottom: 5px;
padding: 4px 0 4px 2px;
font-size: 14px;
display: inline-block;
}
.choices__input:focus {
outline: 0;
}
:is(
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration
) {
display: none;
}
:is(.choices__input::-ms-clear, .choices__input::-ms-reveal) {
width: 0;
height: 0;
display: none;
}
[dir="rtl"] .choices__input {
padding-left: 0;
padding-right: 2px;
}
.choices__placeholder {
opacity: 0.5;
}
/*# sourceMappingURL=styles.01d587b2.css.map */
.splitting.cells img {
width: 100%;
display: block;
}
@supports (display: grid) {
.splitting.cells {
visibility: hidden;
background-size: cover;
position: relative;
overflow: hidden;
}
.splitting .cell-grid {
background: inherit;
grid-template: repeat(var(--row-total), 1fr) / repeat(var(--col-total), 1fr);
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0;
left: 0;
}
.splitting .cell {
background: inherit;
position: relative;
overflow: hidden;
}
.splitting .cell-inner {
background: inherit;
visibility: visible;
width: calc(100% * var(--col-total));
height: calc(100% * var(--row-total));
left: calc(-100% * var(--col-index));
top: calc(-100% * var(--row-index));
position: absolute;
}
.splitting .cell {
--center-x: calc((var(--col-total) - 1) / 2);
--center-y: calc((var(--row-total) - 1) / 2);
--offset-x: calc(var(--col-index) - var(--center-x));
--offset-y: calc(var(--row-index) - var(--center-y));
--distance-x: calc((var(--offset-x) * var(--offset-x)) / var(--center-x));
--distance-y: calc((var(--offset-y) * var(--offset-y)) / var(--center-y));
}
}
/*# sourceMappingURL=styles.6d1fd218.css.map */
img[data-lazy-src] {
will-change: contents;
}
/*# sourceMappingURL=styles.9c50e1a6.css.map */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
-webkit-text-size-adjust: 100%;
line-height: 1.15;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
margin: 0.67em 0;
font-size: 2em;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace;
font-size: 1em;
}
a {
background-color: #0000;
}
abbr[title] {
border-bottom: none;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: 100%;
line-height: 1.15;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="reset"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type="button"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type="reset"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
white-space: normal;
max-width: 100%;
padding: 0;
display: table;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
:is(
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button
) {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
template,
[hidden] {
display: none;
}
/*# sourceMappingURL=styles.13d354c6.css.map */
@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,
swiper-container {
z-index: 1;
margin-left: auto;
margin-right: auto;
padding: 0;
list-style: none;
display: block;
position: relative;
overflow: hidden;
}
.swiper-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
z-index: 1;
transition-property: transform;
transition-timing-function: var(
--swiper-wrapper-transition-timing-function,
initial
);
box-sizing: content-box;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate(0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
transition-property: transform;
display: block;
position: relative;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
pointer-events: none;
z-index: 10;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.swiper-3d .swiper-slide-shadow {
background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(270deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(#0000, #00000080);
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(#00000080, #0000);
}
.swiper-css-mode > .swiper-wrapper {
scrollbar-width: none;
-ms-overflow-style: none;
overflow: auto;
}
.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 {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper:before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal
> .swiper-wrapper
> .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
width: var(--swiper-centered-offset-after);
height: 100%;
min-height: 1px;
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
height: var(--swiper-centered-offset-after);
width: 100%;
min-width: 1px;
}
.swiper-lazy-preloader {
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
/* border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); */
/* border-top-color: #0000; */
border-radius: 50%;
width: 42px;
height: 42px;
margin-top: -21px;
margin-left: -21px;
position: absolute;
top: 50%;
left: 50%;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
animation: 1s linear infinite swiper-preloader-spin;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
content: "";
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
width: var(--swiper-virtual-size);
height: 1px;
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
height: var(--swiper-virtual-size);
width: 1px;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
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;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
letter-spacing: 0;
font-variant: initial;
line-height: 1;
text-transform: none !important;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.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";
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
text-align: center;
z-index: 10;
transition: opacity 0.3s;
position: absolute;
transform: translate(0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
width: 100%;
left: 0;
}
.swiper-pagination-bullets-dynamic {
font-size: 0;
overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
position: relative;
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
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)
);
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);
display: inline-block;
}
button.swiper-pagination-bullet {
box-shadow: none;
-webkit-appearance: none;
appearance: none;
border: none;
margin: 0;
padding: 0;
}
.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-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translateY(-50%);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
width: 8px;
top: 50%;
transform: translateY(-50%);
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
.swiper-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: transform 0.2s, top 0.2s;
display: inline-block;
}
.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 {
white-space: nowrap;
left: 50%;
transform: translate(-50%);
}
.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 {
transition: transform 0.2s, left 0.2s;
}
.swiper-horizontal.swiper-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl)
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
background: var(--swiper-pagination-progressbar-bg-color, #00000040);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
transform-origin: 0 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transform: scale(0);
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: 100% 0;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
height: var(--swiper-pagination-progressbar-size, 4px);
width: 100%;
top: 0;
left: 0;
}
.swiper-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
top: 0;
left: 0;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: var(--swiper-scrollbar-border-radius, 10px);
-ms-touch-action: none;
background: var(--swiper-scrollbar-bg-color, #0000001a);
position: relative;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
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%));
position: absolute;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
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%));
position: absolute;
}
.swiper-scrollbar-drag {
background: var(--swiper-scrollbar-drag-bg-color, #00000080);
border-radius: var(--swiper-scrollbar-border-radius, 10px);
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
.swiper .swiper-notification,
swiper-container .swiper-notification {
pointer-events: none;
opacity: 0;
z-index: -1000;
position: absolute;
top: 0;
left: 0;
}
.swiper-free-mode > .swiper-wrapper {
margin: 0 auto;
transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
flex-flow: column wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
pointer-events: none;
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;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
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-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
opacity: 0.6;
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.swiper-cube .swiper-cube-shadow:before {
content: "";
filter: blur(50px);
background: #000;
position: absolute;
inset: 0;
}
.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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: transform, opacity, height;
overflow: hidden;
}
.swiper-cards {
overflow: visible;
}
.swiper-cards .swiper-slide {
transform-origin: bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
}
/*# sourceMappingURL=styles.9388bd58.css.map */
[data-simplebar] {
flex-flow: column wrap;
place-content: flex-start;
align-items: flex-start;
position: relative;
}
.simplebar-wrapper {
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
overflow: hidden;
}
.simplebar-mask {
direction: inherit;
z-index: 0;
margin: 0;
padding: 0;
position: absolute;
inset: 0;
overflow: hidden;
width: auto !important;
height: auto !important;
}
.simplebar-offset {
-webkit-overflow-scrolling: touch;
margin: 0;
padding: 0;
position: absolute;
inset: 0;
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
}
.simplebar-content-wrapper {
direction: inherit;
scrollbar-width: none;
-ms-overflow-style: none;
width: auto;
max-width: 100%;
height: 100%;
max-height: 100%;
display: block;
position: relative;
overflow: auto;
box-sizing: border-box !important;
}
.simplebar-content-wrapper::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.simplebar-hide-scrollbar::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.simplebar-content:after,
.simplebar-content:before {
content: " ";
display: table;
}
.simplebar-placeholder {
pointer-events: none;
width: 100%;
max-width: 100%;
max-height: 100%;
}
.simplebar-height-auto-observer-wrapper {
float: left;
z-index: -1;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
width: 100%;
max-width: 1px;
height: 100%;
max-height: 1px;
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
box-sizing: inherit !important;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
opacity: 0;
pointer-events: none;
z-index: -1;
width: 1000%;
min-width: 1px;
height: 1000%;
min-height: 1px;
display: block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.simplebar-track {
z-index: 1;
pointer-events: none;
position: absolute;
bottom: 0;
right: 0;
overflow: hidden;
}
[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-khtml-user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
min-height: 10px;
position: absolute;
left: 0;
right: 0;
}
.simplebar-scrollbar:before {
content: "";
opacity: 0;
background: #000;
border-radius: 7px;
transition: opacity 0.2s linear 0.5s;
position: absolute;
left: 2px;
right: 2px;
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: 0.5;
transition-duration: 0s;
transition-delay: 0s;
}
.simplebar-track.simplebar-vertical {
width: 11px;
top: 0;
}
.simplebar-scrollbar:before {
inset: 2px;
}
.simplebar-track.simplebar-horizontal {
height: 11px;
left: 0;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
width: auto;
min-width: 10px;
min-height: 0;
inset: 0 auto 0 0;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
left: 0;
right: auto;
}
.simplebar-dummy-scrollbar-size {
direction: rtl;
opacity: 0;
visibility: hidden;
width: 500px;
height: 500px;
position: fixed;
overflow-x: scroll;
overflow-y: hidden;
-ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
width: 200%;
height: 200%;
margin: 10px 0;
}
.simplebar-hide-scrollbar {
visibility: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
position: fixed;
left: 0;
overflow-y: scroll;
}
/*# sourceMappingURL=styles.cc6c6e51.css.map */
*,
:before,
:after {
box-sizing: border-box;
/* border: 0 solid #e5e7eb; */
}
:before,
:after {
--tw-content: "";
}
html {
-webkit-text-size-adjust: 100%;
tab-size: 4;
font-feature-settings: normal;
font-variation-settings: normal;
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
line-height: 1.5;
}
body {
line-height: inherit;
margin: 0;
}
hr {
color: inherit;
border-top-width: 1px;
height: 0;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
Liberation Mono, Courier New, monospace;
font-size: 1em;
}
small {
font-size: 80%;
}
sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
font-weight: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
background-color: #0000;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
:is(::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
margin: 0;
padding: 0;
list-style: none;
}
textarea {
resize: vertical;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
}
:disabled {
cursor: default;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
vertical-align: middle;
display: block;
}
img,
video {
max-width: 100%;
height: auto;
}
[hidden] {
display: none;
}
*,
:before,
:after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::-webkit-backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: #3b82f680;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
width: 100%;
}
@media (min-width: 360px) {
.container {
max-width: 360px;
}
}
@media (min-width: 551px) {
.container {
max-width: 551px;
}
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 991px) {
.container {
max-width: 991px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
@media (min-width: 1800px) {
.container {
max-width: 1800px;
}
}
.sr-only {
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.\!relative {
position: relative !important;
}
.relative {
position: relative;
}
.\!right-0 {
right: 0 !important;
}
.\!top-0 {
top: 0 !important;
}
.col-span-full {
grid-column: 1/-1;
}
.col-start-2 {
grid-column-start: 2;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mb-0 {
margin-bottom: 0;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.ml-auto {
margin-left: auto;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-full {
height: 100%;
}
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.w-full {
width: 100%;
}
.flex-1 {
flex: 1;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink {
flex-shrink: 1;
}
.grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
resize: both;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-start {
align-items: flex-start;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-10 {
gap: 2.5rem;
}
.gap-14 {
gap: 3.5rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-\[50px\] {
gap: 50px;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.border {
border-width: 1px;
}
/* .bg-grey {
--tw-bg-opacity: 1;
background-color: rgb(209 209 209 / var(--tw-bg-opacity));
} */
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgb(255 85 0 / var(--tw-bg-opacity));
}
.object-cover {
object-fit: cover;
}
.p-0 {
padding: 0;
}
.\!pt-1 {
padding-top: 0.25rem !important;
}
.\!pt-2 {
padding-top: 0.5rem !important;
}
.pb-0 {
padding-bottom: 0;
}
.pl-0 {
padding-left: 0;
}
.pl-2 {
padding-left: 0.5rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(34 34 34 / var(--tw-text-opacity));
}
.text-primary {
--tw-text-opacity: 1;
color: rgb(255 85 0 / var(--tw-text-opacity));
}
.text-red-400 {
--tw-text-opacity: 1;
color: rgb(248 113 113 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.shadow {
--tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur {
--tw-blur: blur(8px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
transition-property: color, background-color, border-color,
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
-webkit-backdrop-filter, backdrop-filter;
transition-duration: 0.15s;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media not all and (min-width: 1024px) {
.max-tab\:col-start-1 {
grid-column-start: 1;
}
.max-tab\:mt-10 {
margin-top: 2.5rem;
}
.max-tab\:flex-col {
flex-direction: column;
}
.max-tab\:items-start {
align-items: flex-start;
}
}
@media not all and (min-width: 991px) {
.max-tab-md\:ml-0 {
margin-left: 0;
}
.max-tab-md\:flex-col {
flex-direction: column;
}
}
@media not all and (min-width: 768px) {
.max-md\:flex-col {
flex-direction: column;
}
.max-md\:items-start {
align-items: flex-start;
}
.max-md\:gap-2 {
gap: 0.5rem;
}
.max-md\:gap-2\.5 {
gap: 0.625rem;
}
}
@media not all and (min-width: 640px) {
.max-mob-lg\:\!-mt-6 {
margin-top: -1.5rem !important;
}
}
@media not all and (min-width: 551px) {
.max-mob-md\:flex-col {
flex-direction: column;
}
.max-mob-md\:flex-wrap {
flex-wrap: wrap;
}
.max-mob-md\:gap-5 {
gap: 1.25rem;
}
}
@media (min-width: 360px) {
.xs\:\!pt-0 {
padding-top: 0 !important;
}
}
@media (min-width: 768px) {
.md\:pt-24 {
padding-top: 6rem;
}
}
/*# sourceMappingURL=styles.dd57644f.css.map */
.splitting .word,
.splitting .char {
display: inline-block;
}
.splitting .char {
position: relative;
}
.splitting .char:before,
.splitting .char:after {
content: attr(data-char);
visibility: hidden;
-webkit-user-select: none;
user-select: none;
transition: inherit;
position: absolute;
top: 0;
left: 0;
}
.splitting {
--word-center: calc((var(--word-total) - 1) / 2);
--char-center: calc((var(--char-total) - 1) / 2);
--line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word {
--word-percent: calc(var(--word-index) / var(--word-total));
--line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char {
--char-percent: calc(var(--char-index) / var(--char-total));
--char-offset: calc(var(--char-index) - var(--char-center));
--distance: calc(
(var(--char-offset) * var(--char-offset)) / var(--char-center)
);
--distance-sine: calc(var(--char-offset) / var(--char-center));
--distance-percent: calc((var(--distance) / var(--char-center)));
}
/*# sourceMappingURL=styles.e7ed382d.css.map */
.snackbar-container{
transition:top .5s,right .5s,bottom .5s,left .5s,opacity .5s;font-family:Roboto,sans-serif;
font-size:14px;min-height:14px;
background-color:#070b0e;position:fixed;
display:flex;
justify-content:space-between;
align-items:center;
color:#fff;
line-height:22px;
padding:18px 24px;
bottom:-100px;
top:-100px;opacity:0;
z-index:9999;
}
.snackbar-container .action{
background:0 0;
display:inline-block;
border:none;
font-size:inherit;
text-transform:uppercase;
color:#4caf50;
margin:0 0 0 24px;
padding:0;
min-width:min-content;
cursor:pointer;
}
@media (min-width:640px){.snackbar-container{min-width:288px;max-width:568px;display:inline-flex;
border-radius:2px;
margin:24px;
}
}
.snackbar-pos.bottom-center{
top:auto!important;bottom:0;
left:50%;transform:translate(-50%,0);
}
.snackbar-pos.bottom-left{top:auto!important;bottom:0;
left:0;
}.snackbar-pos.bottom-right{
top:auto!important;
bottom:0;right:0;
}
.snackbar-pos.top-left{
bottom:auto!important;top:0;
left:0
}
.snackbar-pos.top-center{
bottom:auto!important;
top:0;
left:50%;
transform:translate(-50%,0)}
.snackbar-pos.top-right{
bottom:auto!important;
top:0;right:0}
@media (max-width:640px){
.snackbar-container{left:0;right:0;width:100%}
.snackbar-pos.bottom-center,.snackbar-pos.top-center
{left:0;transform:none}}
/* Main Css file */
/* @charset "utf-8"; */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
background: transparent;
border: 0;
box-sizing: border-box;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
:focus {
outline: 0;
}
ol,
ul {
list-style: none;
}
a {
display: block;
}
a,
a:hover {
text-decoration: none;
}
input,
textarea {
border: none;
margin: 0;
outline: none;
padding: 0;
}
button,
input[type="button"],
input[type="submit"],
label {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
/* button,
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
} */
* {
box-sizing: border-box;
}
@font-face {
font-display: swap;
font-family: Helvetica Neue LT Pro;
font-style: normal;
font-weight: 500;
src: url(../../assets/fonts/HelveticaNeueLTPro-Md.eot);
src: url(../../assets/fonts/HelveticaNeueLTPro-Mdd41d.eot?#iefix)
format("embedded-opentype"),
url(../../assets/fonts/HelveticaNeueLTPro-Md.woff2) format("woff2"),
url(../../assets/fonts/HelveticaNeueLTPro-Md.woff) format("woff"),
url(../../assets/fonts/HelveticaNeueLTPro-Md.ttf) format("truetype"),
url(../../assets/fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md)
format("svg");
}
@font-face {
font-display: swap;
font-family: Helvetica Neue LT Pro;
font-style: normal;
font-weight: 700;
src: url(../../assets/fonts/HelveticaNeueLTPro-Bd.eot);
src: url(../../assets/fonts/HelveticaNeueLTPro-Bdd41d.eot?#iefix)
format("embedded-opentype"),
url(../../assets/fonts/HelveticaNeueLTPro-Bd.woff2) format("woff2"),
url(../../assets/fonts/HelveticaNeueLTPro-Bd.woff) format("woff"),
url(../../assets/fonts/HelveticaNeueLTPro-Bd.ttf) format("truetype"),
url(../../assets/fonts/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd)
format("svg");
}
@font-face {
font-display: swap;
font-family: Helvetica Neue LT Pro;
font-style: normal;
font-weight: 400;
src: url(../../assets/fonts/HelveticaNeueLTPro-Roman.eot);
src: url(../../assets/fonts/HelveticaNeueLTPro-Romand41d.eot?#iefix)
format("embedded-opentype"),
url(app/assets/fonts/HelveticaNeueLTPro-Roman.woff) format("woff2"),
url(app/assets/fonts/HelveticaNeueLTPro-Roman.woff2) format("woff"),
url(app/assets/fonts/HelveticaNeueLTPro-Roman.ttf) format("truetype"),
url(../../assets/fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman)
format("svg");
}
@font-face {
font-display: swap;
font-family: Helvetica Neue LT Pro;
font-style: normal;
font-weight: 300;
src: url(app/assets/fonts/HelveticaNeueLTPro-Light.woff2) format("woff2"),
url(app/assets/fonts/HelveticaNeueLTPro-Light.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Jeko;
font-style: normal;
font-weight: 800;
src: url(../../assets/fonts/Jeko-Black.eot);
src: url(../../assets/fonts/Jeko-Blackd41d.eot?#iefix)
format("embedded-opentype"),
url(app/assets/fonts/Jeko-Black.woff2) format("woff2"),
url(app/assets/fonts/Jeko-Black.woff) format("woff"),
url(app/assets/fonts/Jeko-Black.ttf) format("truetype"),
url(../../assets/fonts/Jeko-Black.svg#Jeko) format("svg");
}
@font-face {
font-display: swap;
font-family: Jeko;
font-style: normal;
font-weight: 300;
src: url(../../assets/fonts/Jeko-Light.eot);
src: url(../../assets/fonts/Jeko-Lightd41d.eot?#iefix)
format("embedded-opentype"),
url(app/assets/fonts/Jeko-Light.woff2) format("woff2"),
url(app/assets/fonts/Jeko-Light.woff) format("woff"),
url(app/assets/fonts/Jeko-Light.ttf) format("truetype"),
url(app/assets/fonts/Jeko-Light.svg#Jeko) format("svg");
}
@font-face {
font-display: swap;
font-family: Jeko;
font-style: normal;
font-weight: 500;
src: url(../../assets/fonts/Jeko-Medium.eot);
src: url(../../assets/fonts/Jeko-Mediumd41d.eot?#iefix)
format("embedded-opentype"),
url(app/assets/fonts/Jeko-Medium.woff2) format("woff2"),
url(app/assets/fonts/Jeko-Medium.woff) format("woff"),
url(app/assets/fonts/Jeko-Medium.ttf) format("truetype"),
url(../../assets/fonts/Jeko-Medium.svg#Jeko) format("svg");
}
@font-face {
font-display: swap;
font-family: Jeko;
font-style: normal;
font-weight: 600;
src: url(../../assets/fonts/Jeko-Bold.eot);
src: url(../../assets/fonts/Jeko-Boldd41d.eot?#iefix)
format("embedded-opentype"),
url(app/assets/fonts/Jeko-Bold.woff2) format("woff2"),
url(app/assets/fonts/Jeko-Bold.woff) format("woff"),
url(app/assets/fonts/Jeko-Bold.ttf) format("truetype"),
url(app/assets/fonts/Jeko-Bold.svg#Jeko) format("svg");
}
:root {
--black: #222;
--primary: #9050eb;
--white: #fff;
--grey: #d1d1d1;
--error: #ff033e;
--font-main: "Helvetica Neue LT Pro", sans-serif;
--font-secondary: "futura-pt", sans-serif;
--font-gibson: "canada-type-gibson", sans-serif;
--font-jeko: "Jeko", sans-serif;
--mobile-menu-start-point: 1200;
--vh: 1vh;
}
@keyframes slide-t {
0% {
transform: translateY(100%);
}
to {
transform: translateY(0);
}
}
@keyframes fade-in {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@font-face {
font-display: block;
font-family: icomoon;
font-style: normal;
font-weight: 400;
src: url(../../assets/icons/icomoonb983.eot?vnui8z);
src: url(../../assets/icons/icomoonb983.eot?vnui8z#iefix)
format("embedded-opentype"),
url(app/assets/icons/icomoonb983.woff2) format("woff2"),
url(../../assets/icons/icomoonb983.ttf) format("truetype"),
url(app/assets/icons/icomoonb983.woff) format("woff"),
url(../../assets/icons/icomoonb983.svg?vnui8z#icomoon) format("svg");
}
[class*=" icon-"],
[class^="icon-"] {
speak: never;
font-feature-settings: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: icomoon !important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
}
.icon-arrow:before {
content: "\e900";
}
.icon-arrow-bg {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' fill='none'%3E%3Cpath stroke='%23F50' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8.5 1 14 6.5m0 0L8.5 12M14 6.5H1.5'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
display: block;
height: 16px;
width: 16px;
}
h1,
h2,
h3,
h4 {
line-height: 130%;
}
h1,
h2,
h3,
h4 {
font-weight: 700;
}
h1 {
font-size: max(40px, min(calc(-28.57143px + 8.92857vw), 100px));
line-height: normal;
}
@media not all and (min-width: 374px) {
h1 {
font-size: 36px;
}
}
@media not all and (min-width: 338px) {
h1 {
font-size: 32px;
}
}
h2 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(32px, min(calc(16px + 2.08333vw), 46px));
font-weight: 800;
line-height: 125%;
}
h3 {
font-size: max(38px, min(calc(28.85714px + 1.19048vw), 46px));
font-weight: 600;
line-height: normal;
}
li,
p {
font-size: max(16px, min(calc(9.14286px + 0.89286vw), 22px));
font-weight: 300;
line-height: 144%;
}
a {
display: inline-block;
font-size: max(16px, min(calc(11.42857px + 0.59524vw), 20px));
line-height: 100%;
}
.content-element h1,
.content-element h2,
.content-element h3,
.content-element h4,
.content-element h5,
.content-element h6 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-weight: 800;
margin-bottom: 20px;
}
.content-element h2 {
font-size: max(28px, min(calc(21.14286px + 0.89286vw), 34px));
}
.content-element h3 {
font-size: max(24px, min(calc(17.14286px + 0.89286vw), 30px));
margin-bottom: 22px;
}
.content-element ol li,
.content-element ul li {
list-style-position: outside;
padding-left: 1.5ch;
position: relative;
}
.content-element ol li:before,
.content-element ul li:before {
background: currentColor;
border-radius: 999px;
content: "";
height: 0.35em;
left: 0;
position: absolute;
top: 0.7em;
transform: translateY(-50%);
width: 0.35em;
}
.content-element ol {
list-style: decimal;
}
.content-element ul {
list-style: disc;
}
.content-element p {
font-size: max(16px, min(calc(9.14286px + 0.89286vw), 22px));
font-weight:300;
}
.content-element li:not(:last-child),
.content-element p:not(:last-child) {
margin-bottom: max(16px, min(calc(11.42857px + 0.59524vw), 20px));
}
.load-screen {
align-items: center;
background: #222;
background: var(--black);
bottom: 0;
display: flex;
height: 100vh;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
visibility: visible;
width: 100vw;
z-index: 999999;
}
.load-screen.hidden {
display: none;
}
.load-screen.loaded {
background: transparent;
pointer-events: none;
visibility: hidden;
}
.load-screen__logo {
width: 450px;
}
@media not all and (min-width: 769px) {
.load-screen__logo {
max-width: 300px;
width: 80%;
}
}
.load-screen__rect-list {
bottom: 0;
display: grid;
grid-template-columns: repeat(20, minmax(0, 1fr));
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
@media not all and (min-width: 769px) {
.load-screen__rect-list {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
}
.load-screen__rect {
background: #9050eb;
background: var(--primary);
opacity: 0;
transition: all 0.25s ease;
visibility: hidden;
}
.load-screen__rect.showed {
opacity: 1;
visibility: visible;
}
.fp-watermark {
display: none;
}
html {
scroll-behavior: smooth;
scrollbar-color: #9050eb transparent;
scrollbar-color: var(--primary) transparent;
scrollbar-width: thin;
}
[data-scroll-pined],
[data-scroll] {
will-change: transform;
}
body {
background: #222;
background: var(--black);
color: #fff;
color: var(--white);
display: flex;
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-weight: 300;
margin: auto;
min-height: 100vh;
min-height: calc(var(--vh) * 100);
min-width: 320px;
overflow-x: hidden;
position: relative;
}
body::-webkit-scrollbar {
border-radius: 10px;
width: 6px;
}
body::-webkit-scrollbar-thumb {
background: #9050eb;
background: var(--primary);
}
::-moz-selection {
background: #9050eb;
background: var(--primary);
color: #222;
color: var(--black);
}
::selection {
background: #9050eb;
background: var(--primary);
color: #222;
color: var(--black);
}
.swiper-wrapper {
left: 0 !important;
}
#site {
display: flex;
flex-direction: column;
flex-grow: 1;
position: relative;
}
.noise-bg {
background: url(../../assets/images/noise-bg.html) 50% / cover #222;
background: url(../../assets/images/noise-bg.html) 50% / cover var(--black);
background-attachment: fixed;
background-blend-mode: overlay;
}
.main {
flex-grow: 1;
}
.cont {
margin: 0 auto;
max-width: 1276px;
width: 88.61111111111111%;
}
@media not all and (min-width: 1024px) {
.cont {
width: 89.33%;
}
}
@media screen and (min-width: 1450px) {
.cont {
max-width: 1640px;
}
}
section {
position: relative;
}
.logo {
align-items: center;
display: flex;
flex-shrink: 0;
min-height: 50px;
transition: 0.3s ease;
}
.logo img:not(img.top-logo) {
height: 100%;
max-height: 70px;
min-height: 50px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
width: 100%;
}
.logo:hover {
transform: scale(1.06);
}
.round-fill {
background: #9050eb;
background: var(--primary);
border-radius: 40px;
/* color: #222; */
color: var(--black);
}
.round,
.round-fill {
display: inline-block;
padding: 4px 16px;
}
.round {
/* border: 1px solid #fff;
border: 1px solid var(--white); */
/* border-radius: 68px; */
}
.round[data-view] {
border-color: transparent;
}
/* .round.animated {
border-color: #fff;
border-color: var(--white);
} */
.subtitle {
font-size: max(16px, min(calc(2.28571px + 1.78571vw), 28px));
font-weight: 700;
}
.bg-title {
margin: 0 auto;
max-width: 1242px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.bg-title h1 {
font-size: max(155px, min(calc(44.23077px + 10.81731vw), 200px));
line-height: 85%;
text-align: center;
}
@media not all and (min-width: 1025px) {
.bg-title h1 {
font-size: max(60px, min(calc(5.10786px + 14.6379vw), 155px));
}
}
@media not all and (min-width: 551px) {
.bg-title h1 {
transform: translateX(-5%);
}
}
.video-bg {
filter: brightness(0.75);
height: 100%;
left: 0;
opacity: 0.3;
position: fixed;
top: 0;
width: 100%;
z-index: -1;
}
.video-bg video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.splitting-text-animation {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(30px, min(calc(-27.14286px + 7.44048vw), 70px));
font-weight: 700;
line-height: 1.37;
margin: 0 auto max(20px, min(calc(-2.85714px + 2.97619vw), 40px));
max-width: 1100px;
opacity: 0;
overflow: hidden;
padding-bottom: 10px;
transition: opacity 0.5s ease-in-out;
}
.splitting-text-animation .primary {
color: #9050eb;
color: var(--primary);
padding: 0;
}
.splitting-text-animation .round {
align-items: center;
border: none;
border-radius: 0;
display: inline-flex;
line-height: 1;
padding: 4px max(30px, min(calc(18.57143px + 1.4881vw), 40px));
position: relative;
}
@media not all and (min-width: 601px) {
.splitting-text-animation .round {
padding: 4px 15px;
}
}
/* .splitting-text-animation .round:before {
border: 1px solid #fff;
border: 1px solid var(--white);
border-radius: 68px;
content: "";
display: inline-block;
height: 100%;
left: 50%;
opacity: 0;
position: absolute;
top: 0;
transform: translate(-50%, -50%) scale(0.5);
transition: 0.75s ease-in-out;
width: calc(100% - 30px);
} */
@media not all and (min-width: 601px) {
.splitting-text-animation .round:before {
width: calc(100% - 10px);
}
}
.splitting-text-animation .word {
display: inline-flex;
overflow: hidden;
}
.splitting-text-animation .word .char {
display: inline-block;
padding-bottom: 5px;
transform: translateY(105%);
transition-delay: calc(0.15s * (var(--word-index) + 1));
transition-duration: 0.4s;
transition-timing-function: ease;
}
@media not all and (min-width: 1180px) {
.splitting-text-animation {
max-width: 80%;
}
}
@media not all and (min-width: 551px) {
.splitting-text-animation {
max-width: none;
}
}
.splitting-text-animation.show {
opacity: 1;
}
.splitting-text-animation.show .round:before {
opacity: 1;
transform: translateX(-50%) scale(1);
}
.splitting-text-animation.show .word .char {
transform: translateY(0);
}
.slide-animation-words {
--time: 1000ms;
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.15em;
opacity: 0;
transition: all 0.4s cubic-bezier(0.75, 0.4, 0.37, 0.74);
}
@media not all and (min-width: 551px) {
.slide-animation-words {
opacity: 1;
}
}
.slide-animation-words .word {
overflow: hidden;
}
.slide-animation-words .char {
--delay: calc(var(--time) / var(--word-total) * var(--word-index));
opacity: 0;
transform: translateY(100%);
transition: all 0.5s cubic-bezier(0.75, 0.4, 0.37, 0.74) var(--delay);
}
@media not all and (min-width: 551px) {
.slide-animation-words .char {
opacity: 1;
transform: translateY(0);
}
}
.slide-animation-words .primary-text {
color: #9050eb;
color: var(--primary);
}
.slide-animation-words.animate-by-char .char {
--delay: calc(var(--time) / var(--char-total) * var(--char-index));
}
.slide-animation-words.animated {
opacity: 1;
}
.slide-animation-words.animated .char {
opacity: 1;
transform: translateY(0);
}
.slide-animation-words > * {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.15em;
}
.slide-animation-words--center,
.slide-animation-words--center > * {
justify-content: center;
}
.slide-animation-line {
opacity: 0;
transition: all 0.25s ease-in-out;
}
.slide-animation-line .word {
--delay: calc(1000ms / var(--line-total) * var(--line-index));
opacity: 0;
transform: translateY(100%);
transition: all 0.6s ease-out var(--delay);
}
.slide-animation-line.animated {
opacity: 1;
}
.slide-animation-line.animated .word {
opacity: 1;
transform: translateY(0);
}
#smooth-content {
will-change: transform;
}
[data-simplebar] {
margin-right: -20px;
padding-right: 20px;
}
[data-simplebar] .simplebar-scrollbar:before {
background: #222;
background: var(--black);
width: 6px;
}
@keyframes slide-in {
0% {
opacity: 0;
transform: translateY(100%);
}
}
.hero-screen {
align-items: center;
display: flex;
min-height: 100vh;
padding-top: 120px;
}
@media not all and (min-width: 601px) {
.hero-screen {
padding-bottom: 100px;
padding-top: 100px;
min-height:auto;
}
}
.hero-screen__offer h1 {
margin-bottom: max(10px, min(calc(-1.42857px + 1.4881vw), 20px));
}
.hero-screen__offer h1 .round .word .inner {
padding: 7px max(18px, min(calc(4.28571px + 1.78571vw), 30px));
}
.hero-screen__offer h1 .words[data-splitting] .round {
max-height: max(59px, min(calc(-35.85714px + 12.35119vw), 142px));
}
.hero-screen__offer h1 .words[data-splitting] .word[data-word="Growth"] {
color: #9050eb;
color: var(--primary);
}
.hero-screen__offer h1 .words[data-splitting] .round {
margin-right: max(10px, min(calc(-1.42857px + 1.4881vw), 20px));
overflow: hidden;
}
.hero-screen__offer .content-element {
margin: 0 auto max(60px, min(calc(81.42857px - 1.4881vw), 70px));
max-width: 900px;
}
.hero-screen__offer .content-element p {
font-size: max(16px, min(calc(9.14286px + 0.89286vw), 22px));
}
.hero-screen__offer .btn:hover + .info-block__text {
opacity: 1;
transform: rotateY(0) translateY(0);
visibility: visible;
}
.hero-screen__offer .info-block {
display: flex;
justify-content: center;
position: relative;
}
.hero-screen__offer .info-block:first-child .info-block__text {
background: #9050eb;
background: #fff;
top: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
}
@media not all and (min-width: 901px) {
.hero-screen__offer .info-block:nth-child(2) .info-block__text {
left: 50%;
right: auto;
top: calc(100% + 10px);
transform: translateX(-50%);
}
}
.hero-screen__offer .info-block:nth-child(2) .info-block__text {
background: #fff;
background: var(--primary);
left: 50%;
top: calc(100% + 10px);
transform: translateX(-50%);
}
.hero-screen__offer .info-block:nth-child(3) .info-block__text {
background: #fff;
background: var(--primary);
left: calc(100% - 50px);
}
@media not all and (min-width: 901px) {
.hero-screen__offer .info-block:nth-child(3) .info-block__text {
left: 50%;
right: auto;
top: calc(100% + 10px);
transform: translateX(-50%);
}
}
.hero-screen__offer .info-block__text {
border-radius: 39px;
color: #222;
color: var(--black);
min-width: 235px;
opacity: 0;
padding: 25px;
position: absolute;
top: calc(100% - 25px);
transform: rotateY(80deg) translateY(40px);
transition: 0.3s ease-in-out;
visibility: hidden;
}
.hero-screen__offer .info-block__text p {
font-size: 16px;
}
@media not all and (min-width: 551px) {
.hero-screen__offer .info-block {
width: 100%;
}
.hero-screen__offer .btn {
max-width: 225px;
width: 100%;
}
}
@media not all and (min-width: 1024px) {
.hero-screen .cont {
width: 86%;
}
}
.hero-screen__counts {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-template-columns: repeat(2, 1fr);
max-width: 606px;
width: 100%;
}
@media not all and (min-width: 1024px) {
.hero-screen__counts {
grid-template-columns: repeat(3, 1fr);
}
}
@media not all and (min-width: 769px) {
.hero-screen__counts {
grid-template-columns: 1fr;
max-width: 100%;
width: 100%;
}
}
.hero-screen__counts .count-item {
opacity: 0;
transition: opacity 0.25s ease;
}
.hero-screen__counts.animated .count-item {
opacity: 1;
}
.hero-screen--evolve .hero-screen__offer {
flex: 1;
}
.hero-screen--evolve .hero-screen__offer h1 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-weight: 800;
margin-bottom: max(24px, min(calc(-14.85714px + 5.05952vw), 58px));
white-space: nowrap;
}
.hero-screen--evolve .hero-screen__offer h1:after {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
display: inline-block;
height: 0.15em;
left: -0.25em;
margin-left: 5px;
position: relative;
top: 2px;
width: 0.15em;
}
.hero-screen--evolve .hero-screen__offer .content-element {
margin: 0;
max-width: 525px;
}
.hero-screen--evolve .cont {
max-width: 1270px;
}
.hero-screen--evolve .count-item {
background: #9050eb;
background: var(--primary);
border-radius: 39px;
color: #222;
color: var(--black);
max-width: 288px;
padding: 25px 30px;
}
.hero-screen--evolve .count-item p {
font-weight: 700;
margin-bottom: 47px;
}
.hero-screen--evolve .count-item__num {
align-items: center;
display: flex;
font-size: max(44px, min(calc(30.28571px + 1.78571vw), 56px));
font-weight: 700;
justify-content: flex-end;
}
@media not all and (min-width: 769px) {
.hero-screen--evolve .count-item {
max-width: 100%;
}
.hero-screen--evolve .count-item__num {
justify-content: flex-start;
}
}
@media screen and (min-width: 651px) and (max-width: 1025px) {
.hero-screen--evolve {
min-height: auto;
padding-bottom: 10px;
padding-top: 200px;
}
}
.about-section {
padding: max(60px, min(calc(-42.85714px + 13.39286vw), 150px)) 0;
}
.about-section h2 {
margin-bottom: max(40px, min(calc(28.57143px + 1.4881vw), 50px));
}
.about-section .content-element h2 {
font-size: max(26px, min(calc(14.57143px + 1.4881vw), 36px));
font-weight: 500;
}
.about-section .content-element h3 {
font-family: Helvetica Neue LT Pro, sans-serif;
font-family: var(--font-main);
font-weight: 500;
}
.hub-hero {
padding: max(140px, min(calc(-28px + 21.875vw), 287px)) 0 150px;
}
.hub-hero h1 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-weight: 800;
margin-bottom: 50px;
margin-left: -0.08ch;
}
.hub-hero h1:after {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
display: inline-block;
height: 15px;
margin-left: 5px;
position: relative;
top: 2px;
width: 15px;
}
.hub-hero__text {
color: #d1d1d1;
color: var(--grey);
margin-bottom: 60px;
max-width: 800px;
}
.hub-hero .checkboxes {
max-width: 1145px;
}
.hub-hero .hub-list {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-template-columns: repeat(2, 1fr);
}
@media not all and (min-width: 901px) {
.hub-hero .hub-list {
grid-template-columns: 1fr;
}
}
#bold-credits {
transition: 0.25s ease-in-out;
width: 148px;
}
#bold-credits:after,
#bold-credits:before {
display: none;
}
#bold-credits:hover {
transform: scale(1.1);
}
@media not all and (min-width: 640px) {
#bold-credits {
width: 159px;
}
}
#site.cookie-terms-page {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: stretch;
min-height: 100vh;
}
#site.cookie-terms-page .main {
flex-grow: 1;
padding: 0;
}
.cookie-terms-section h1 {
font-size: max(32px, min(calc(-4.57143px + 4.7619vw), 64px));
}
.cookie-terms-section h1:not(:first-child) {
margin-top: 30px;
}
.cookie-terms-section h1:not(:last-child) {
margin-bottom: 15px;
}
.cookie-terms-section h1:after {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
display: inline-block;
height: 13px;
margin-left: 5px;
position: relative;
top: 2px;
width: 13px;
}
.cookie-terms-section h2 {
font-size: max(24px, min(calc(-3.42857px + 3.57143vw), 48px));
}
.cookie-terms-section h2:not(:first-child) {
margin-top: 30px;
}
.cookie-terms-section h2:not(:last-child) {
margin-bottom: 15px;
}
.cookie-terms-section h3 {
font-size: max(18px, min(calc(-3.71429px + 2.82738vw), 37px));
}
.cookie-terms-section h4 {
font-size: max(16px, min(calc(-2.28571px + 2.38095vw), 32px));
}
.cookie-terms-section h5 {
font-size: max(13px, min(calc(-1.85714px + 1.93452vw), 26px));
}
.cookie-terms-section h6 {
font-size: max(11px, min(calc(-0.42857px + 1.4881vw), 21px));
}
.cookie-terms-section {
padding: max(140px, min(calc(14.28571px + 16.36905vw), 250px)) 0
max(50px, min(calc(-64.28571px + 14.88095vw), 150px));
}
.cookie-terms-section p {
margin-bottom: 10px;
padding: 0;
}
.cookie-terms-section ol li p,
.cookie-terms-section ul li p {
margin-bottom: 0;
}
.cookie-terms-section ul li {
padding-left: 20px;
position: relative;
}
.cookie-terms-section ul li:before {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
height: 10px;
left: 0;
position: absolute;
top: 0.75em;
transform: translateY(-50%);
width: 10px;
}
.cookie-terms-section ol {
list-style: decimal;
padding-left: 20px;
}
.cookie-terms-section a {
color: #9050eb;
color: var(--primary);
display: inline;
text-decoration: underline;
transition: 0.2s;
}
.cookie-terms-section a:hover {
opacity: 0.7;
}
.page404 {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 100vh;
padding: 20px;
}
.page404__title-accent {
color: #9050eb;
color: var(--primary);
}
.page404 p,
.page404__title {
margin-bottom: 15px;
padding: 0;
text-align: center;
}
.page404 a {
display: inline-block;
margin-top: 20px;
}
.accent-title {
align-items: center;
display: inline-flex;
flex-wrap: wrap;
font-size: max(34px, min(calc(8.85714px + 3.27381vw), 50px));
gap: 1rem;
}
.accent-title .round-fill {
align-items: center;
background: #d1d1d1;
background: var(--grey);
display: inline-flex;
overflow: hidden;
position: relative;
}
.accent-title[data-view] {
opacity: 0;
transform: translateX(-25%);
transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.accent-title[data-view] .round-fill {
--fz: max(34px, min(calc(8.85714px + 3.27381vw), 56px));
--padding-y: max(3px, min(calc(5.14286px - 0.14881vw), 4px));
--padding-x: 30px;
background: #9050eb;
background: var(--primary);
font-size: var(--fz);
opacity: 0;
transform: scale(0.5);
transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) 0.25s;
}
.accent-title[data-view] .round-fill [data-text] {
transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.accent-title[data-view].animated {
opacity: 1;
transform: translateX(0);
}
.accent-title[data-view].animated .round-fill {
opacity: 1;
transform: scaleX(1.02);
}
.accent-title.accent-title--invert .round-fill {
background: #d1d1d1;
background: var(--grey);
color: #222;
color: var(--black);
}
.accent-title.accent-title--primary .round-fill {
background: #9050eb;
background: var(--primary);
}
.firefox textarea ~ .focus-line {
bottom: 1px;
}
form {
position: relative;
}
form > * {
transition: all 0.5s ease;
}
form.form-sent > :not(.form-thanks) {
opacity: 0;
visibility: hidden;
}
form.form-sent .form-thanks {
opacity: 1;
visibility: visible;
}
form.form-sent .form-thanks .char {
opacity: 1;
transform: translateY(0);
}
.form-thanks {
grid-column: 1/-1;
left: 50%;
opacity: 0;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -200%);
visibility: hidden;
width: 100%;
}
.header,
.wrap {
width: 100%;
}
.header {
align-items: center;
display: flex;
left: 0;
opacity: 1;
padding: max(10px, min(calc(-14px + 3.125vw), 31px)) 0;
position: absolute;
right: 0;
top: 0;
transition: 0.3s ease-in-out;
z-index: 999;
}
.header.show-on-scroll {
opacity: 0;
}
@media not all and (min-width: 1025px) {
.header.show-on-scroll {
opacity: 1;
}
}
.header.absolute {
position: absolute;
}
.header.fixed {
position: fixed;
}
.header:before {
background-color: transparent;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.25s ease;
z-index: -1;
}
.header.scrolled:not(.active) {
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px);
padding: max(10px, min(calc(3.14286px + 0.89286vw), 16px)) 0;
}
.header.scrolled:not(.active) .logo img:not(img.top-logo) {
-o-object-position: left center;
object-position: left center;
}
.header.top .logo img:not(img.top-logo) {
opacity: 0;
transition-delay: 0ms;
width: 0;
}
.header.top .logo .top-logo {
opacity: 1;
transition-delay: 0.25s;
width: max(115px, min(calc(61.28571px + 6.99405vw), 162px));
}
.header .logo {
margin-right: auto;
transition: transform 0.25s ease, width 0.25s ease;
z-index: 100;
}
.header .logo .top-logo {
opacity: 0;
width: 0;
}
.header .logo img {
transition: all 0.25s ease;
}
.header .logo img:not(img.top-logo) {
transition-delay: 0.25s;
width: 80px;
}
.header .logo:hover {
transform: scale(1.06);
}
.header .navbar {
align-items: center;
display: flex;
justify-content: flex-end;
}
.header .menu,
.header__navbar {
align-items: center;
display: flex;
gap: max(20px, min(calc(-53.84615px + 7.21154vw), 50px));
}
.header .menu {
display: flex;
justify-content: flex-start;
width: 100%;
}
.header .menu__item {
position: relative;
}
.header .menu__item.dropdown > .menu__link {
align-items: center;
display: inline-flex;
justify-content: space-between;
}
.header .menu__item.dropdown > .menu__link:after {
content: "\e999";
font-family: icomoon;
font-size: max(8px, min(calc(5.71429px + 0.29762vw), 10px));
padding-left: 10px;
}
.header .menu__link {
cursor: pointer;
font-size: 16px;
line-height: normal;
opacity: 0.5;
position: relative;
transition: all 0.3s ease;
}
.header .menu__link:before {
background: var(--cl-grey);
bottom: -2px;
content: "";
height: 2px;
position: absolute;
right: 0;
transition: all 0.3s ease;
width: 0;
}
.header .menu__link.active,
.header .menu__link:hover {
opacity: 1;
}
.header .menu__link:hover:before {
width: 100%;
}
.header .dropdown-menu {
background: var(--cl-grey);
border-radius: 10px;
box-sizing: content-box;
display: none;
left: 0;
min-width: 100%;
padding: 10px 10px 10px 15px;
position: absolute;
top: 100%;
}
.header .dropdown-menu li .menu-link {
padding: 5px 0;
text-transform: capitalize;
}
.header .header__navigation,
.header.active {
transition: 0.3s ease;
}
.header.active .header__navigation,
.mobile-header {
opacity: 0;
visibility: hidden;
}
.mobile-header {
background: #222;
background: var(--black);
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: 0.4s ease;
width: 100%;
z-index: 998;
}
.mobile-header .video-bg {
z-index: 0;
}
.mobile-header .simplebar-scrollbar:before {
background: #9050eb;
background: var(--primary);
opacity: 1;
}
.mobile-header__navbar,
.mobile-header__projects {
width: 100%;
}
.mobile-header__navbar {
height: 100%;
max-height: 100%;
overflow-y: auto;
padding-bottom: 100px;
padding-right: 20px;
padding-top: 100px;
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mobile-header__navbar .simplebar-content-wrapper {
display: flex;
}
.mobile-header__navbar .simplebar-content-wrapper .simplebar-content {
margin: auto;
}
.mobile-header .cont {
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
}
.mobile-header .menu {
display: flex;
flex-direction: column;
gap: max(19px, min(calc(12.14286px + 0.89286vw), 25px));
margin-left: auto;
width: -moz-fit-content;
width: fit-content;
}
@media screen and (min-width: 1536px) {
.mobile-header .menu {
margin: 0 auto;
}
}
.mobile-header .menu__link {
font-size: max(34px, min(calc(8.85714px + 3.27381vw), 56px));
font-weight: 700;
opacity: 0.5;
overflow: hidden;
padding-bottom: 5px;
position: relative;
transition: 0.3s ease-in-out;
}
.mobile-header .menu__link:after {
background: #fff;
background: var(--white);
bottom: 0;
content: "";
height: 1px;
left: 0;
position: absolute;
transition: 0.6s ease;
width: 0;
}
.mobile-header .menu__link span {
display: inline-block;
transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.mobile-header .menu__link span:after {
content: attr(data-text);
display: block;
position: absolute;
top: 105%;
transform: skewY(20deg);
transform-origin: left top;
transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.mobile-header .menu__link:hover {
opacity: 1;
}
.mobile-header .menu__link:hover:after {
width: 100%;
}
.mobile-header .menu__link:hover span {
transform: translateY(-110%);
}
.mobile-header .menu__link:hover span:after {
transform: skewY(0deg);
}
.mobile-header .menu__link.active {
opacity: 1;
}
.mobile-header .menu__link.active:after {
width: 100%;
}
.mobile-header__projects {
align-items: flex-end;
display: flex;
padding-bottom: 90px;
}
.mobile-header .project__img {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
width: 50%;
z-index: -1;
}
.mobile-header .project__img,
.mobile-header .project__img:before {
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: 0;
}
.mobile-header .project__img:before {
background: #222;
background: var(--black);
content: "";
opacity: 0.4;
width: 100%;
}
.mobile-header .project__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.mobile-header .project__desc {
transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mobile-header .project__desc h2,
.mobile-header .project__desc h3 {
font-weight: 500;
position: relative;
z-index: 1;
}
.mobile-header .project__desc h3 {
font-size: max(30px, min(calc(25.42857px + 0.59524vw), 34px));
margin-bottom: 10px;
}
.mobile-header .project__desc h2 {
font-size: max(42px, min(calc(37.42857px + 0.59524vw), 46px));
margin-bottom: 20px;
}
.mobile-header .book-btn {
display: none;
}
.mobile-header .btn--white {
--padding-x: 30px;
--padding-y: 12px;
}
.mobile-header.active {
opacity: 1;
visibility: visible;
}
.burger,
.menu-toggle {
align-items: center;
cursor: pointer;
display: flex;
height: 50px;
justify-content: center;
overflow: hidden;
position: relative;
transition: transform 0.3s ease;
width: 50px;
z-index: 100;
}
.burger svg,
.menu-toggle svg {
-webkit-tap-highlight-color: transparent;
flex-shrink: 0;
height: 80px;
transition: transform 0.4s;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 80px;
}
.burger svg path,
.menu-toggle svg path {
fill: none;
stroke: #fff;
stroke: var(--white);
stroke-width: 2;
stroke-dasharray: 40 172;
transition: stroke-dasharray 0.4s, stroke-dashoffset 0.4s;
}
.burger.active,
.menu-toggle.active {
transform: rotate(45deg);
}
.burger.active svg path.bottom,
.burger.active svg path.top,
.menu-toggle.active svg path.bottom,
.menu-toggle.active svg path.top {
stroke-dashoffset: -68px;
}
.header-close-wrapper {
background: rgba(0, 0, 0, 0.4);
bottom: 0;
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
transition: all 0.3s ease;
visibility: hidden;
width: 100%;
z-index: 77;
}
.header-close-wrapper.active {
cursor: pointer;
opacity: 1;
pointer-events: auto;
visibility: visible;
}
@media not all and (min-width: 1024px) {
.header .book-btn,
.header__navigation {
display: none;
}
.header {
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px);
}
.mobile-header__projects {
display: none;
}
.mobile-header__navbar {
margin-top: 0;
padding: 0 20px 0 0;
width: 100%;
}
.mobile-header .cont {
flex-direction: column;
justify-content: space-between;
padding: 150px 0 62px;
}
.mobile-header .menu {
margin-left: 0;
}
.mobile-header .book-btn {
align-items: center;
display: flex;
justify-content: center;
line-height: normal;
min-height: 60px;
padding: 19px 60px 20px;
text-align: center;
width: 100%;
}
}
/* .footer {
color: #fff;
color: var(--white);
padding: max(60px, min(calc(25.71429px + 4.46429vw), 35px)) 0;
} */
.footer .logo {
height: max(35px, min(calc(27px + 1.04167vw), 42px));
margin-bottom: max(18px, min(calc(6.57143px + 1.4881vw), 28px));
width: -moz-fit-content;
width: fit-content;
}
.footer .logo,
.footer .logo img {
min-height: 0 !important;
min-height: auto !important;
}
.footer__privacy-link {
font-size: 18px;
font-weight: lighter !important;
line-height: 1.5;
margin-bottom: 10px;
width: -moz-fit-content;
width: fit-content;
}
.footer__credits {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: auto;
}
.footer__credits-text {
color: #d1d1d1;
color: var(--grey);
font-size: 14px;
}
.footer a {
font-weight: 400;
transition: all 0.25s;
}
.footer a:hover {
color: #9050eb;
color: var(--primary);
}
.footer h2 {
font-size: max(64px, min(calc(12.57143px + 6.69643vw), 109px));
line-height: 1;
max-width: 240px;
}
.footer h3 {
font-size: max(22px, min(calc(12.85714px + 1.19048vw), 30px));
font-weight: 500;
margin-bottom: 14px;
}
.footer__wrap {
grid-gap: 20px;
display: grid;
gap: 20px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media not all and (min-width: 1025px) {
.footer__wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media not all and (min-width: 551px) {
.footer__wrap {
grid-template-columns: minmax(0, 1fr);
}
}
.footer__col {
max-width: 288px;
}
@media not all and (min-width: 551px) {
.footer__col {
max-width: none;
}
.footer__col:not(:last-child) {
border-bottom: 1px solid #fff;
border-bottom: 1px solid var(--white);
padding-bottom: 20px;
}
}
.footer__col-title {
font-size: 30px;
font-weight: 500;
letter-spacing: -0.6px;
margin-bottom: max(5px, min(calc(-5.28571px + 1.33929vw), 14px));
position: relative;
}
.footer__col-title:after {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
display: inline-block;
height: 10px;
margin-left: 5px;
position: relative;
top: 2px;
width: 10px;
}
.footer__col-items {
display: flex;
flex-direction: column;
gap: max(10px, min(calc(-14.61538px + 2.40385vw), 20px));
}
.footer__col-item-title {
color: #d1d1d1;
color: var(--grey);
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.footer__col-item-title a {
color: #fff;
color: var(--white);
font-size: 18px;
font-weight: lighter;
line-height: 1.5;
}
@media not all and (min-width: 551px) {
.footer__col-item-title {
max-width: 300px;
}
}
.footer__col-item-value {
font-size: 16px;
line-height: 1.56;
}
.footer__col-item-value a {
font-weight: lighter;
}
.footer .adaptive-cursor {
background: #9050eb;
background: var(--primary);
z-index: 1;
}
.footer .menu {
display: flex;
gap: 28px;
justify-content: flex-end;
width: 100%;
}
.footer .menu__link {
font-size: max(18px, min(calc(13.42857px + 0.59524vw), 22px));
font-weight: 400;
line-height: 144%;
position: relative;
z-index: 2;
}
.footer .menu__link .font-bold {
font-size: max(20px, min(calc(17.71429px + 0.29762vw), 22px));
}
.footer .menu__list {
display: flex;
flex-direction: column;
gap: 10px;
}
.footer .menu__list li {
width: -moz-fit-content;
width: fit-content;
}
.footer .menu__list--contact li {
width: 100%;
}
.footer .menu__nav {
max-width: 185px;
width: 100%;
}
.footer .menu__nav:last-child {
max-width: 335px;
}
@media not all and (min-width: 1025px) {
.footer__wrap {
flex-direction: column;
gap: 20px;
margin-right: 0;
}
.footer .menu {
justify-content: space-between;
}
}
@media not all and (min-width: 769px) {
.footer .menu {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.footer .menu .menu__nav:last-child {
grid-column: -1/1;
}
.footer .menu .menu__nav:last-child .menu__link {
display: inline-flex;
gap: 16px;
width: -moz-fit-content;
width: fit-content;
}
}
@media not all and (min-width: 551px) {
.footer h2 {
font-size: 40px;
}
}
.footer-form .slide-animation-words .word {
padding-bottom: max(10px, min(calc(5.42857px + 0.59524vw), 14px));
}
@media (max-width: 640px) {
.footer-form .slide-animation-words .word {
overflow: visible;
}
}
:root {
--pp-main: #707070;
--pp-main-rgb: 112 112 112;
--pp-black: #000;
--pp-black-rgb: 0 0 0;
--pp-white: #fff;
--pp-white-rgb: 255 255 255;
--pp-dark-blue: #0e1127;
--pp-dark-blue-rgb: 14 17 39;
--pp-blue: #3ab4ff;
--pp-blue-rgb: 58 180 255;
--pp-dark-gray: #343434;
--pp-dark-gray-rgb: 52 52 52;
--pp-light-gray: #dce1e4;
--pp-light-gray-rgb: 220 225 228;
--pp-font-main: var(--font-jeko);
}
.popup {
bottom: 0;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
transition: all 0.5s ease;
visibility: hidden;
z-index: 8999;
}
.popup.active {
opacity: 1;
visibility: visible;
}
.popup.active .popup__block {
opacity: 1;
transform: translateY(var(--pp-default-translate-y-to))
translateX(var(--pp-default-translate-x-to));
}
.popup.active {
pointer-events: inherit;
}
.popup__close-bg {
animation-duration: 0.3s;
animation-name: opacityPopupBg;
background: rgba(0, 0, 0, 0.65);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.5s ease;
z-index: -1;
}
.popup__block {
--pp-default-translate-x-from: -50%;
--pp-default-translate-x-to: -50%;
--pp-default-translate-y-from: -50%;
--pp-default-translate-y-to: -50%;
--pp-opacity-from: 0;
--pp-opacity-to: 1;
animation-duration: 0.6s;
background: #d1d1d1;
background: var(--grey);
left: 50%;
max-height: 90vh;
max-height: calc(var(--vh, 1vh) * 90);
max-width: max(600px, min(calc(108.57143px + 63.9881vw), 1030px));
opacity: 0;
padding: max(30px, min(calc(18.57143px + 1.4881vw), 40px))
max(24px, min(calc(5.71429px + 2.38095vw), 40px));
position: absolute;
top: 50%;
transform: translate(-50%, -20%) scale(1.2);
transition: all 0.3s ease-out;
width: 90%;
}
.popup__block.without-opacity {
--pp-opacity-from: 1;
}
.popup__block.pos-l,
.popup__block.pos-r {
--pp-default-translate-x-from: 0;
--pp-default-translate-x-to: 0;
}
.popup__block.pos-b,
.popup__block.pos-t {
--pp-default-translate-y-from: 0;
--pp-default-translate-y-to: 0;
}
.popup__block.pos-t {
bottom: auto;
top: 0;
}
.popup__block.pos-r {
left: auto;
right: 0;
}
.popup__block.pos-b {
bottom: 0;
top: auto;
}
.popup__block.pos-l {
left: 0;
right: auto;
}
.popup__block.full-height {
--pp-default-translate-x-from: 0;
--pp-default-translate-x-to: 0;
height: 100%;
left: auto;
max-height: 100vh;
right: 0;
}
.popup__block.full-height .popup__content {
max-height: 72vh;
max-height: calc(var(--vh, 1vh) * 72);
}
.popup__block.slide-l {
--pp-default-translate-x-from: 100%;
}
.popup__block.slide-r {
--pp-default-translate-x-from: -100%;
}
.popup__block.slide-t {
--pp-default-translate-y-from: -100%;
}
.popup__block.slide-b {
--pp-default-translate-y-from: 100%;
}
.popup__block.slide-b,
.popup__block.slide-l,
.popup__block.slide-r,
.popup__block.slide-t {
animation-name: popupSlide;
}
.popup__title {
color: #0e1127;
color: var(--pp-dark-blue);
font-family: Jeko, sans-serif;
font-family: var(--pp-font-main);
font-size: max(20px, min(calc(15.42857px + 0.59524vw), 24px));
font-weight: 700;
line-height: 1.2;
margin-bottom: max(24px, min(calc(14.85714px + 1.19048vw), 32px));
text-transform: uppercase;
}
.popup__btn-close {
align-items: center;
background: #222;
background: var(--black);
border-radius: 999px;
cursor: pointer;
display: flex;
height: 34px;
justify-content: center;
position: absolute;
right: max(15px, min(calc(3.57143px + 1.4881vw), 25px));
top: max(15px, min(calc(3.57143px + 1.4881vw), 25px));
transition: all 0.3s ease-out;
width: 34px;
}
.popup__btn-close:after,
.popup__btn-close:before {
background: #9050eb;
background: var(--primary);
content: "";
height: 3px;
left: 50%;
position: absolute;
top: 50%;
width: 20px;
}
.popup__btn-close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.popup__btn-close:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.popup__btn-close:hover {
transform: scale(1.1);
}
.popup__content {
height: 100%;
}
.popup__content .simplebar-track.simplebar-vertical {
background: #dce1e4;
background: var(--pp-light-gray);
border-radius: 4px;
transform: translateX(10px);
width: 4px;
}
.popup__content .simplebar-track.simplebar-vertical .simplebar-scrollbar {
background: #0e1127;
background: var(--pp-dark-blue);
border-radius: 4px;
}
.popup__content
.simplebar-track.simplebar-vertical
.simplebar-scrollbar:before {
content: none;
}
.popup__content .popup-form__container {
grid-column-gap: 15px;
grid-row-gap: 15px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media not all and (min-width: 640px) {
.popup__content .popup-form__container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.popup__content .popup-form__bottom {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 18px;
justify-content: space-between;
padding-top: max(20px, min(calc(15.42857px + 0.59524vw), 24px));
}
.popup__content .popup-form__bottom .popup-btn {
margin-left: auto;
}
.popup__content .popup-btn {
background-color: #0e1127;
background-color: var(--pp-dark-blue);
border: none;
border-radius: 4px;
color: #fff;
color: var(--pp-white);
cursor: pointer;
font-family: Jeko, sans-serif;
font-family: var(--pp-font-main);
font-size: max(14px, min(calc(11.71429px + 0.29762vw), 16px));
font-weight: 700;
line-height: 1.2;
outline: none;
overflow: hidden;
padding: 12px 18px;
position: relative;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.popup__content .popup-btn:after {
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
transform: skew(45deg);
width: 100%;
}
.popup__content .popup-btn:hover:after {
animation: gradientPopupBtn 0.3s linear forwards;
background-image: linear-gradient(
90deg,
hsla(0, 0%, 100%, 0) 0,
hsla(0, 0%, 100%, 0) 40%,
hsla(0, 0%, 100%, 0.7)
);
}
.popup__content .popup-btn:active {
opacity: 0.9;
transform: scale(0.9);
}
.book-call__title {
color: #222;
color: var(--black);
font-weight: 700;
justify-content: center;
margin-bottom: 50px;
text-align: center;
width: 100%;
}
.book-call__title .round-fill {
border-radius: 999px;
padding: 4px 23px;
}
@media screen and (max-height: 800px) {
.book-call__title {
margin-bottom: 20px;
}
}
.book-call__form {
display: flex;
flex-direction: column;
gap: 50px;
margin: 0 auto;
max-width: 606px;
}
@media screen and (max-height: 800px) {
.book-call__form {
gap: 20px;
}
}
.book-call__form-field-wrap {
display: flex;
flex-direction: column;
gap: 30px;
}
.book-call__btn {
margin: 0 auto;
max-width: -moz-fit-content;
max-width: fit-content;
}
@keyframes popupSlide {
0% {
opacity: var(--pp-opacity-from);
transform: translateY(var(--pp-default-translate-y-from))
translateX(var(--pp-default-translate-x-from));
}
to {
opacity: var(--pp-opacity-to);
transform: translateY(var(--pp-default-translate-y-to))
translateX(var(--pp-default-translate-x-to));
}
}
@keyframes opacityPopupBg {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes gradientPopupBtn {
0% {
transform: translateX(-100%) skew(45deg);
}
to {
transform: translateX(100%) skew(45deg);
}
}
input,
textarea {
background: transparent;
border-bottom: 1px solid #d1d1d1;
border-bottom: 1px solid var(--grey);
border-radius: 0;
color: #fff;
color: var(--white);
font-size: max(18px, min(calc(-2.57143px + 2.67857vw), 36px));
font-weight: 500;
padding-bottom: 16px;
width: 100%;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
-webkit-text-fill-color: #fff !important;
-webkit-text-fill-color: var(--white) !important;
-webkit-background-clip: text;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #fff;
color: var(--white);
opacity: 0.7;
}
input::placeholder,
textarea::placeholder {
color: #fff;
color: var(--white);
opacity: 0.7;
}
input:focus ~ .focus-line,
textarea:focus ~ .focus-line {
left: 0;
transition: 0.4s;
width: 100%;
}
input.black,
textarea.black {
border-color: #222;
border-color: var(--black);
color: #222;
color: var(--black);
}
input.black:-webkit-autofill,
input.black:-webkit-autofill:active,
input.black:-webkit-autofill:focus,
input.black:-webkit-autofill:hover,
textarea.black:-webkit-autofill,
textarea.black:-webkit-autofill:active,
textarea.black:-webkit-autofill:focus,
textarea.black:-webkit-autofill:hover {
-webkit-text-fill-color: #222 !important;
-webkit-text-fill-color: var(--black) !important;
-webkit-background-clip: text;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
}
input.black::-moz-placeholder,
textarea.black::-moz-placeholder {
color: #222;
color: var(--black);
opacity: 1;
}
input.black::placeholder,
textarea.black::placeholder {
color: #222;
color: var(--black);
opacity: 1;
}
input.sm,
textarea.sm {
font-size: 30px;
}
textarea {
height: 90px;
min-height: 90px;
}
textarea ~ .focus-line {
bottom: 6px;
}
textarea::-webkit-scrollbar {
border-radius: 10px;
width: 5px;
}
textarea::-webkit-scrollbar-thumb {
background: #d1d1d1;
background: var(--grey);
border-radius: 10px;
}
.input-item {
position: relative;
}
.input-item input,
.input-item textarea {
transition: border-color 0.25s ease;
}
.input-item input.error,
.input-item textarea.error {
border-color: #ff033e;
border-color: var(--error);
}
.input-item .error-text {
color: #ff033e;
color: var(--error);
font-size: max(14px, min(calc(11.71429px + 0.29762vw), 16px));
left: 0;
position: absolute;
top: 100%;
width: 100%;
}
@media not all and (min-width: 551px) {
.input-item .error-text {
position: static;
}
}
.focus-line {
background-color: #9050eb;
background-color: var(--primary);
bottom: 0;
height: 2px;
left: 50%;
pointer-events: none;
position: absolute;
transition: 0.4s;
width: 0;
}
.checkbox-item {
cursor: pointer;
display: flex;
font-size: 12px;
gap: 15px;
}
@media not all and (min-width: 601px) {
.checkbox-item {
font-size: 14px;
gap: 10px;
}
}
.checkbox-item .custom-checkbox {
align-items: center;
/* border: 1px solid #222;
border: 1px solid var(--black); */
display: flex;
flex-shrink: 0;
height: 16px;
justify-content: center;
position: relative;
width: 16px;
}
@media not all and (min-width: 601px) {
.checkbox-item .custom-checkbox {
margin-top: 0.2em;
}
}
.checkbox-item .custom-checkbox:before {
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
content: "";
display: block;
height: 10px;
position: relative;
top: -1px;
transform: rotate(45deg);
transition: border 0.25s;
width: 6px;
}
.checkbox-item .label {
color: #222;
color: var(--black);
}
.checkbox-item input:checked + .custom-checkbox:before {
border-color: #222;
border-color: var(--black);
}
.checkbox-item input.error + .custom-checkbox {
border-color: #ff033e;
border-color: var(--error);
}
.btn {
--fz: 16px;
--padding-y: 12px;
--padding-x: 30px;
background: #9050eb;
background: var(--primary);
border-radius: 999px;
-webkit-clip-path: inset(0 0 0 0 round 999px);
clip-path: inset(0 0 0 0 round 999px);
color: #fff;
color: #fff;
font-size: var(--fz);
font-weight: 600;
overflow: hidden;
padding: var(--padding-y) var(--padding-x);
position: relative;
transition: all 0.3s ease;
}
.btn span {
display: inline-block;
pointer-events: none;
}
.btn.btn--lg {
--fz: max(16px, min(calc(9.14286px + 0.89286vw), 22px));
--padding-y: max(20px, min(calc(15.42857px + 0.59524vw), 24px));
--padding-x: 60px;
}
.btn:before {
/* background: #fff;
background: var(--white); */
border-radius: 50px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 100%;
transition: top 0.5s cubic-bezier(0.4, 0, 0, 1),
border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
width: 100%;
}
.btn [data-text] {
position: relative;
transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn [data-text]:before {
color: #222;
color: var(--black);
content: attr(data-text);
display: block;
font-size: var(--fz);
font-weight: 600;
left: 0;
position: absolute;
top: calc(100% + var(--padding-y) + 5px);
transform: translateY(100%) skewY(15deg);
transition: transform 0.5s ease;
}
.btn .btn__arrow {
position: absolute;
top: 50%;
z-index: 1;
}
.btn.btn--arrow {
--fz: max(20px, min(calc(4px + 2.08333vw), 34px));
display: block;
line-height: 1.2;
padding: max(8px, min(calc(3.42857px + 0.59524vw), 12px))
max(50px, min(calc(27.14286px + 2.97619vw), 70px))
max(8px, min(calc(3.42857px + 0.59524vw), 12px))
max(20px, min(calc(8.57143px + 1.4881vw), 30px));
}
.btn.btn--arrow.btn--black {
color: #d1d1d1;
color: var(--grey);
}
.btn.btn--arrow.btn--black .btn__arrow {
background: #d1d1d1;
background: var(--grey);
color: #222;
color: var(--black);
}
.btn.btn--arrow .btn__arrow {
align-items: center;
background: #222;
background: var(--black);
border-radius: 999px;
/* color: #9050eb;
color: var(--primary); */
display: flex;
font-size: max(10px, min(calc(7.71429px + 0.29762vw), 12px));
height: max(25px, min(calc(15.85714px + 1.19048vw), 33px));
justify-content: center;
position: absolute;
right: max(20px, min(calc(8.57143px + 1.4881vw), 30px));
top: 50%;
transition: all 0.5s ease;
translate: 0 -50%;
width: max(25px, min(calc(15.85714px + 1.19048vw), 33px));
}
.btn.btn-another-hover-text [data-text]:before {
align-items: center;
display: flex;
justify-content: center;
left: 50%;
transform: translate(-50%, 100%) skewY(15deg);
}
.btn.btn-another-hover-text:hover [data-text]:before {
transform: translate(-50%) skewY(0);
}
/* .btn.btn--grey {
background: #ffdd17;
background: #ffdd17;
} */
.btn.btn--black {
background: #222;
background: var(--black);
color: #fff;
color: var(--white);
}
.btn.btn--black .btn__arrow {
background: #fff;
background: var(--white);
color: #222;
color: var(--black);
}
.btn.btn--black:hover .btn__arrow {
background: #222;
background: var(--black);
color: #fff;
color: var(--white);
}
.btn.btn--white {
background: #fff;
background: var(--white);
}
.btn.btn--ghost {
background: transparent;
/* border: 1px solid #9050eb;
border: 1px solid var(--primary); */
color: #9050eb;
color: var(--primary);
}
/* .btn.btn--ghost:before,
.btn.btn--grey:before,
.btn.btn--white:before {
background: #9050eb;
background: var(--primary);
} */
/* .btn.btn--grey-hover:before {
background: #d1d1d1;
background: var(--grey);
} */
.btn:hover {
transform: scaleX(1.02);
transition: transform 0.6s cubic-bezier(0.34, 5.56, 0.64, 1);
}
.btn:hover:before {
border-radius: 0;
top: 0;
transition-duration: 0.5s, 0.9s;
}
.btn:hover [data-text] {
transform: translateY(calc(-100% - var(--padding-y) - 5px));
}
.btn:hover [data-text]:before {
transform: translateY(0) skewY(0);
}
.showreel-btn {
--el-width: 26px;
--el-height: 26px;
align-items: center;
background: #d1d1d1;
background: var(--grey);
border-radius: 45px;
color: #222;
color: var(--black);
display: flex;
font-size: 12px;
font-weight: 400;
min-height: calc(var(--el-height) + 6px);
min-width: 127px;
padding-left: calc(var(--el-width) + 8px);
padding-right: 11px;
position: relative;
transition: 0.3s ease;
}
.showreel-btn span {
text-align: left;
text-transform: capitalize;
}
.showreel-btn:before {
background: #fff;
background: var(--white);
border-radius: 50%;
bottom: 3px;
content: "";
height: var(--el-height);
left: 3px;
position: absolute;
top: 3px;
transition: 0.3s ease;
width: var(--el-width);
}
.showreel-btn:hover {
background: #9050eb;
background: var(--primary);
padding-left: 11px;
padding-right: calc(var(--el-width) + 8px);
}
.showreel-btn:hover:before {
background: #222;
background: var(--black);
left: calc(100% - var(--el-height) - 3px);
}
.btn-arrow {
align-items: center;
background: #9050eb;
background: var(--primary);
/* border: 1px solid #9050eb;
border: 1px solid var(--primary); */
border-radius: 999px;
color: #222;
color: var(--black);
display: flex;
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(20px, min(calc(4px + 2.08333vw), 34px));
font-weight: 600;
gap: 20px;
justify-content: space-between;
line-height: 1.2;
padding: max(8px, min(calc(3.42857px + 0.59524vw), 12px))
max(20px, min(calc(8.57143px + 1.4881vw), 30px));
transition: background 0.5s ease;
}
.btn-arrow:hover {
background: #222;
background: var(--black);
color: #9050eb;
color: var(--primary);
}
.btn-arrow:hover .btn-arrow__arrow {
background: #9050eb;
background: var(--primary);
color: #222;
color: var(--black);
}
.btn-arrow__arrow {
align-items: center;
border-radius: 999px;
color: #9050eb;
color: var(--primary);
display: flex;
font-size: max(10px, min(calc(7.71429px + 0.29762vw), 12px));
height: max(25px, min(calc(15.85714px + 1.19048vw), 33px));
justify-content: center;
transition: all 0.5s ease;
width: max(25px, min(calc(15.85714px + 1.19048vw), 33px));
}
.btn-arrow.black,
.btn-arrow__arrow {
background: #222;
background: var(--black);
}
.btn-arrow.black {
border-color: transparent;
color: #fff;
color: var(--white);
}
.btn-arrow.black .btn-arrow__arrow,
.btn-arrow.black:hover {
background: #fff;
background: var(--white);
color: #222;
color: var(--black);
}
.btn-arrow.black:hover .btn-arrow__arrow {
background: #222;
background: var(--black);
color: #fff;
color: var(--white);
}
.accordion {
display: flex;
flex-direction: column;
gap: max(28px, min(calc(14.28571px + 1.78571vw), 40px));
}
.accordion__item {
border: 1px solid #9050eb;
border: 1px solid var(--primary);
border-radius: 40px;
cursor: pointer;
overflow: hidden;
padding: 7px 30px;
transition: background 0.3s ease, padding 0.3s ease;
}
.accordion__item:hover .accordion__header {
opacity: 1;
}
.accordion__item.active .accordion__header {
margin-bottom: 20px;
opacity: 1;
}
.accordion__item.active .accordion__body {
opacity: 1;
}
.accordion__item.active:not(.accordion--faq .accordion__item),
.accordion__item:hover:not(.accordion--faq .accordion__item) {
background: #ffdd17;
background: var(--primary);
color: #222;
color: var(--black);
}
.accordion__header {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(26px, min(calc(3.14286px + 2.97619vw), 46px));
font-weight: 600;
opacity: 0.5;
transition: 0.3s ease;
width: 100%;
}
.accordion__header-subtitle {
font-size: 13px;
font-weight: 400;
line-height: 1.2;
}
@media not all and (min-width: 360px) {
.accordion__header {
font-size: 22px;
text-align: center;
}
}
.accordion__body {
height: 0;
opacity: 0;
transition: 0.3s ease;
width: 100%;
}
.accordion__body .content-element {
max-height: 154px;
}
.accordion__body .content-element p {
font-size: 22px;
}
.accordion__body .content-element ul {
padding-left: 2px;
}
@media not all and (min-width: 551px) {
.accordion__body .content-element p {
font-size: 16px;
}
}
.accordion--faq .accordion__item {
border: none;
border-bottom: 1px solid #d1d1d1;
border-bottom: 1px solid var(--grey);
border-radius: 0;
padding: 0 0 max(24px, min(calc(5.71429px + 2.38095vw), 40px));
}
.accordion--faq .accordion__item.active .accordion__header {
margin-bottom: max(20px, min(calc(-14.28571px + 4.46429vw), 50px));
}
.accordion--faq .accordion__item.active .plus:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='3' fill='none'%3E%3Cpath fill='%23222' d='M0 0h17v3H0z'/%3E%3C/svg%3E");
}
.accordion--faq .accordion__header {
align-items: center;
display: flex;
font-size: max(20px, min(calc(10.85714px + 1.19048vw), 28px));
gap: 30px;
justify-content: space-between;
}
/* .accordion--faq .accordion__header .plus {
align-items: center;
background: #ffdd17;
background: #ffdd17;
border-radius: 50%;
display: flex;
flex-shrink: 0;
height: max(24px, min(calc(17.14286px + 0.89286vw), 30px));
justify-content: center;
width: max(24px, min(calc(17.14286px + 0.89286vw), 30px));
} */
.accordion--faq .accordion__header .plus:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23222' d='M10.301 6.699H17v3.602h-6.699V17H6.699v-6.699H0V6.699h6.699V0h3.602v6.699Z'/%3E%3C/svg%3E")
no-repeat 50% / contain;
content: "";
height: max(12px, min(calc(6.28571px + 0.74405vw), 17px));
width: max(12px, min(calc(6.28571px + 0.74405vw), 17px));
}
.accordion__btn {
align-items: center;
background: #9050eb;
background: var(--primary);
/* border: 1px solid #9050eb;
border: 1px solid var(--primary); */
border-radius: 999px;
color: #222;
color: var(--black);
display: flex;
font-size: max(20px, min(calc(4px + 2.08333vw), 34px));
font-weight: 600;
justify-content: space-between;
line-height: 1;
padding: 12px 30px;
transition: background 0.5s ease;
}
.accordion__btn:hover {
background: #222;
background: var(--black);
color: #9050eb;
color: var(--primary);
}
.accordion__btn:hover .accordion__btn-arrow {
background: #9050eb;
background: var(--primary);
color: #222;
color: var(--black);
}
.accordion__btn-arrow {
align-items: center;
background: #222;
background: var(--black);
border-radius: 999px;
color: #9050eb;
color: var(--primary);
display: flex;
font-size: 12px;
height: 33px;
justify-content: center;
transition: all 0.5s ease;
width: 33px;
}
.marquee {
--gap: 10px;
display: flex;
gap: var(--gap);
padding-bottom: 4px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.marquee .marquee__content {
align-items: center;
display: flex;
flex: 0 0 auto;
gap: var(--gap);
justify-content: space-around;
min-width: 100%;
}
.marquee.animated .marquee__content {
animation: scroll 15s linear infinite;
}
.marquee.animated.marquee--pos-absolute .marquee__content:last-child {
animation-name: scroll-abs;
}
.marquee.marquee--reverse {
transform: rotate(180deg) !important;
}
.marquee.marquee--reverse .marquee__content > * {
transform: rotate(-180deg);
}
.marquee.marquee--reverse .marquee__content > .logo:hover {
transform: rotate(-180deg) scale(1.06);
}
.marquee.marquee--hover-pause:hover .marquee__content {
animation-play-state: paused;
}
.marquee.marquee--fit-content {
max-width: -moz-fit-content;
max-width: fit-content;
}
.marquee.marquee--pos-absolute .marquee__content:last-child {
left: 0;
position: absolute;
top: 0;
}
@media (prefers-reduced-motion: reduce) {
.marquee .marquee__content {
animation-play-state: paused !important;
}
}
.marquee-string {
--gap: 30px;
background: #9050eb;
background: var(--primary);
padding: 12px 0;
}
.marquee-string p {
font-size: max(22px, min(calc(8.28571px + 1.78571vw), 34px));
font-weight: 500;
}
.marquee-string .round-fill {
color: #fff;
color: var(--white);
}
.marquee-string .round-fill,
.marquee-string--grey {
background: #222;
background: var(--black);
}
.marquee-string--grey .round-fill {
background: #9050eb;
background: var(--primary);
}
.marquee-string--transp {
background: transparent;
}
.marquee-string--transp .round-fill {
background: #9050eb;
background: var(--primary);
}
/* .marquee-string--black {
background: #d1d1d1;
background: var(--grey);
color: #222;
color: var(--black);
} */
.marquee-string--black .round-fill {
background: #9050eb;
background: var(--primary);
/* color: #222;
color: var(--black); */
}
.marquee-vertical {
--duration: 10s;
--gap: 10px;
--mask-direction: to bottom;
--scroll-start: 0;
--scroll-end: calc(-100% - var(--gap));
display: flex;
flex-direction: column;
gap: var(--gap);
-webkit-mask-image: linear-gradient(
90deg,
transparent,
#000 50%,
#000 0,
transparent
);
mask-image: linear-gradient(
90deg,
transparent,
#000 50%,
#000 0,
transparent
);
-webkit-mask-image: linear-gradient(
var(--mask-direction, to right),
transparent,
#000 50%,
#000 50%,
transparent
);
mask-image: linear-gradient(
var(--mask-direction, to right),
transparent,
#000 50%,
#000 50%,
transparent
);
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.marquee-vertical.animated .marquee__content {
animation: scroll-y var(--duration) linear infinite;
}
.marquee-vertical .marquee__content {
--duration: 10s;
--gap: 10px;
align-items: center;
display: flex;
flex-direction: column;
flex-shrink: 0;
gap: var(--gap);
justify-content: space-around;
min-width: 100%;
transition: all 0.25s linear;
}
@keyframes scroll {
0% {
transform: translateX(0) translateZ(0);
}
to {
transform: translateX(calc(-100% - var(--gap))) translateZ(0);
}
}
@keyframes scroll-abs {
0% {
transform: translateX(calc(100% - var(--gap)));
}
to {
transform: translateX(0);
}
}
@keyframes scroll-y {
0% {
transform: translateY(var(--scroll-start));
}
to {
transform: translateY(var(--scroll-end));
}
}
.video-popup {
background: #222;
background: var(--black);
height: 100%;
left: 0;
opacity: 0;
pointer-events: none;
position: fixed;
top: 0;
transform: translateY(100%);
transition: transform 0.5s ease;
width: 100%;
z-index: 1000;
}
.video-popup iframe,
.video-popup video {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media not all and (min-width: 651px) {
.video-popup iframe,
.video-popup video {
-o-object-fit: contain;
object-fit: contain;
}
}
.video-popup .close-btn {
align-items: center;
background: #9050eb;
background: var(--primary);
border-radius: 50%;
cursor: pointer;
display: flex;
height: 50px;
justify-content: center;
position: absolute;
right: 2%;
top: 2%;
transition: transform 0.2s ease;
width: 50px;
z-index: 100;
}
.video-popup .close-btn svg {
height: 42%;
width: 42%;
}
.video-popup .close-btn:hover {
transform: rotate(45deg);
}
.video-popup.active {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.video-popup.active iframe,
.video-popup.active video {
opacity: 1;
}
[data-adaptive-cursor] {
position: relative;
}
[data-adaptive-cursor]:hover .adaptive-cursor {
opacity: 1;
transform: translate(-50%, -50%) scale(1.2);
}
[data-adaptive-cursor]:active .adaptive-cursor {
transform: translate(-50%, -50%) scale(0.5) !important;
}
.adaptive-cursor {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
display: block;
height: 24px;
opacity: 0;
pointer-events: none;
position: absolute;
transform: translate(-50%, -50%);
transition: opacity 0.2s, left 0.2s, top 0.2s, transform 0.2s;
width: 24px;
z-index: -1;
}
.adaptive-cursor.adaptive-cursor--invert {
-webkit-backdrop-filter: invert(1);
backdrop-filter: invert(1);
background: transparent;
z-index: 1;
}
.work-card {
align-items: flex-end;
aspect-ratio: 4/5;
-webkit-clip-path: inset(0 0 0 0 round 40px);
clip-path: inset(0 0 0 0 round 40px);
cursor: pointer;
display: flex;
overflow: hidden;
padding: 40px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media not all and (min-width: 769px) {
.work-card {
aspect-ratio: unset;
min-height: 400px;
}
}
.work-card__img {
overflow: hidden;
transition: 0.2s ease-in-out;
z-index: -1;
}
.work-card__img,
.work-card__img:before {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.work-card__img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.work-card__img:before {
background: linear-gradient(
180deg,
rgba(34, 34, 34, 0) 41.67%,
rgba(34, 34, 34, 0.7)
);
content: "";
pointer-events: none;
z-index: 5;
}
.work-card h3 {
font-size: max(32px, min(calc(16px + 2.08333vw), 46px));
font-weight: 500;
line-height: 1;
margin-bottom: 10px;
}
.work-card:hover .work-card__img {
transform: scale(1.05);
}
.group-card__wrap {
position: relative;
z-index: 1;
}
.group-card__wrap:nth-child(3n + 1) .group-card__popup {
left: 0;
}
.group-card__wrap:nth-child(3n + 2) .group-card__popup {
left: 50%;
transform: translate(-50%);
}
.group-card__wrap:nth-child(3n + 3) .group-card__popup {
right: 0;
}
@media not all and (min-width: 901px) {
.group-card__wrap:nth-child(3n + 1) .group-card__popup {
left: auto;
}
.group-card__wrap:nth-child(3n + 2) .group-card__popup {
left: auto;
transform: none;
}
.group-card__wrap:nth-child(3n + 3) .group-card__popup {
right: auto;
}
.group-card__wrap:nth-child(odd) .group-card__popup {
left: 0;
}
.group-card__wrap:nth-child(2n) .group-card__popup {
right: 0;
}
}
.group-card__popup {
background: rgba(255, 85, 0, 0.8);
border-radius: max(20px, min(calc(-2.85714px + 2.97619vw), 40px));
max-width: 1276px;
opacity: 0;
overflow: hidden;
padding: max(10px, min(calc(-1.42857px + 1.4881vw), 20px));
position: absolute;
scale: 1 0.5;
top: calc(100% + 10px);
transform-origin: center top;
transition: none;
visibility: hidden;
width: 88.61111111111111vw;
}
.group-card__popup.is-open {
scale: 1;
transition: all 0.5s ease;
visibility: visible;
}
.group-card__popup.is-open,
.group-card__popup.is-open .group-card__project-list {
opacity: 1;
transform: scaleY(1);
}
.group-card__popup.is-open .group-card__project-list .work-card {
opacity: 1;
transition: all 0.5s ease;
}
.group-card__popup .work-card {
z-index: 1;
}
.group-card__popup-title-wrap {
align-items: center;
display: flex;
justify-content: space-between;
}
.group-card__popup-title {
font-size: max(32px, min(calc(16px + 2.08333vw), 46px));
font-weight: 500;
margin-bottom: 10px;
}
.group-card__project-list .work-card {
opacity: 0;
transition: none;
}
.hub-card {
align-items: flex-end;
border-radius: 39px;
cursor: pointer;
display: flex;
min-height: max(400px, min(calc(285.71429px + 14.88095vw), 500px));
overflow: hidden;
padding: max(30px, min(calc(18.57143px + 1.4881vw), 40px));
position: relative;
}
.hub-card__img {
overflow: hidden;
transition: 0.2s ease;
z-index: -1;
}
.hub-card__img,
.hub-card__img:before {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.hub-card__img img {
height: 150%;
-o-object-fit: cover;
object-fit: cover;
width: 150%;
}
.hub-card__img:before {
background: #222;
background: var(--black);
content: "";
opacity: 0.6;
pointer-events: none;
z-index: 5;
}
.hub-card h3 {
font-size: max(32px, min(calc(16px + 2.08333vw), 46px));
font-weight: 500;
margin-bottom: 10px;
}
.hub-card p {
max-width: 135px;
}
.hub-card:hover .hub-card__img {
transform: scale(1.05);
}
.checkbox {
--fz: max(12px, min(0.83333vw, 16px));
--padding-y: 8px;
--padding-x: max(8px, min(calc(-10px + 1.25vw), 14px));
border-radius: 39px;
color: #fff;
color: var(--white);
overflow: hidden;
position: relative;
transition: all 0.3s ease;
}
.checkbox [data-text] {
display: inline-block;
font-size: var(--fz);
padding: var(--padding-y) var(--padding-x);
position: relative;
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.checkbox [data-text]:before {
align-items: center;
border-radius: 50px;
color: #fff;
color: var(--white);
content: attr(data-text);
display: flex;
font-size: var(--fz);
justify-content: center;
text-align: center;
top: 100%;
transform: translateY(100%) skewY(15deg);
transition: all 0.5s ease;
}
.checkbox [data-text]:before,
.checkbox input {
height: 100%;
left: 0;
position: absolute;
width: 100%;
}
.checkbox input {
cursor: pointer;
opacity: 0;
top: 0;
z-index: 10;
}
.checkbox input:checked + [data-text] {
transform: translateY(-100%);
}
.checkbox input:checked + [data-text]:before {
background: #9050eb;
background: var(--primary);
transform: skewY(0);
}
.checkbox:before {
/* border: 1px solid #9050eb;
border: 1px solid var(--primary); */
border-radius: 39px;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.checkbox:hover {
transform: scaleX(1.02);
transition: transform 0.6s cubic-bezier(0.34, 5.56, 0.64, 1);
}
.sort .choices__inner {
background: transparent;
border: none;
min-height: 0;
padding: 0 !important;
}
.sort .choices__list {
padding: 0;
}
.sort .choices__item--selectable {
font-size: 18px;
font-weight: 700;
}
.sort .choices {
min-width: 140px;
}
.sort .choices.is-open:after {
margin-top: -4px !important;
transform: rotate(-180deg);
}
.sort .choices:after {
background: url('data:image/svg+xml;charset=utf-8,')
no-repeat 50% / contain;
border: none;
height: 8px;
margin-top: 0 !important;
right: 0;
transform: translateY(-50%);
transition: 0.3s ease;
width: 12px;
}
.sort .choices__list--dropdown {
background-color: #222 !important;
background-color: var(--black) !important;
/* border-color: #9050eb !important;
border-color: var(--primary) !important; */
border-radius: 8px;
}
.sort .choices__list--dropdown .choices__item--selectable {
background-color: transparent !important;
padding: 12px !important;
transition: 0.3s ease;
}
.sort
.choices__list--dropdown
.choices__item--selectable.is-highlighted:not(.is-selected) {
background: #9050eb !important;
background: var(--primary) !important;
color: #222;
color: var(--black);
}
.sort .choices__list--dropdown .choices__item--selectable.is-selected {
background: #9050eb !important;
background: var(--primary) !important;
color: #222;
color: var(--black);
opacity: 0.5;
}
.termsfeed-com---palette-dark.termsfeed-com---nb {
background-color: #222 !important;
background-color: var(--black) !important;
/* border: 1px solid #9050eb !important;
border: 1px solid var(--primary) !important; */
border-radius: 10px;
bottom: 10px;
right: 10px;
}
.cc-nb-main-container {
padding: 2rem !important;
}
.termsfeed-com---palette-dark .cc-nb-text,
.termsfeed-com---palette-dark .cc-nb-title {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
}
.termsfeed-com---palette-dark .cc-cp-foot-save,
.termsfeed-com---palette-dark .cc-nb-okagree,
.termsfeed-com---palette-dark .cc-nb-reject {
background-color: #9050eb !important;
background-color: var(--primary) !important;
border-radius: 999px;
color: #222 !important;
color: var(--black) !important;
transition: all 0.25s ease;
}
.termsfeed-com---palette-dark .cc-cp-foot-save:hover,
.termsfeed-com---palette-dark .cc-nb-okagree:hover,
.termsfeed-com---palette-dark .cc-nb-reject:hover {
background-color: #d1d1d1 !important;
background-color: var(--grey) !important;
}
.termsfeed-com---palette-dark .cc-cp-foot-save:focus,
.termsfeed-com---palette-dark .cc-nb-okagree:focus,
.termsfeed-com---palette-dark .cc-nb-reject:focus {
box-shadow: 0 0 0 2px #9050eb !important;
box-shadow: 0 0 0 2px var(--primary) !important;
}
.termsfeed-com---palette-dark .cc-nb-changep {
background-color: #d1d1d1 !important;
background-color: var(--grey) !important;
border-radius: 999px;
color: #222 !important;
color: var(--black) !important;
transition: all 0.25s ease;
}
.termsfeed-com---palette-dark .cc-nb-changep:hover {
background-color: #9050eb !important;
background-color: var(--primary) !important;
}
.termsfeed-com---palette-dark .cc-nb-changep:focus {
box-shadow: 0 0 0 2px #9050eb !important;
box-shadow: 0 0 0 2px var(--primary) !important;
}
.termsfeed-com---palette-dark .cc-pc-container {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
}
.termsfeed-com---palette-dark .cc-cp-body-content,
.termsfeed-com---palette-dark .cc-cp-foot,
.termsfeed-com---palette-dark .cc-pc-container,
.termsfeed-com---palette-dark .cc-pc-head {
background: #222 !important;
background: var(--black) !important;
}
.termsfeed-com---palette-dark .cc-cp-body-tabs {
background: #d1d1d1 !important;
background: var(--grey) !important;
}
.termsfeed-com---palette-dark .cc-cp-body-tabs-item-link {
color: #222 !important;
color: var(--black) !important;
}
.termsfeed-com---palette-dark .cc-cp-body-tabs-item[active="true"] button {
color: #9050eb !important;
color: var(--primary) !important;
}
.termsfeed-com---palette-dark .cc-pc-head-close:active,
.termsfeed-com---palette-dark .cc-pc-head-close:focus {
/* border: 2px solid #9050eb !important;
border: 2px solid var(--primary) !important; */
}
.termsfeed-com---pc-dialog .cc-cp-body-tabs-item {
background: transparent !important;
}
.cc-pc-head-lang-select {
background: #222 !important;
background: var(--black) !important;
color: #fff !important;
color: var(--white) !important;
}
body.safari .why-evolve:not(:first-child) {
padding-top: 60px;
}
@media not all and (min-width: 641px) {
body.safari .why-evolve:not(:first-child) {
margin-top: 0;
}
}
.why-evolve {
padding: 60px 0 50px;
}
.why-evolve:not(:first-child) {
padding-top: 0;
}
@media not all and (min-width: 641px) {
.why-evolve:not(:first-child) {
margin-top: -24px;
}
}
.why-evolve .accordion__item {
padding: 10px 30px;
}
.why-evolve .accordion__header {
font-size: max(22px, min(calc(3.71429px + 2.38095vw), 38px));
line-height: 1.2;
opacity: 1;
}
.why-evolve .accordion__body .content-element {
max-height: 400px;
}
.why-evolve .accordion__body .content-element li:not(:last-child) {
margin-bottom: 5px;
}
/* .why-evolve h2 {
margin-bottom: max(30px, min(calc(7.14286px + 2.97619vw), 50px));
} */
@media not all and (min-width: 640px) {
.why-evolve h2 {
margin-left: -5.335%;
margin-right: -5.335%;
overflow-x: hidden;
padding: 0 5.335%;
}
}
@media not all and (min-width: 551px) {
.why-evolve h2 {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
}
}
.why-evolve__content {
flex: 1;
width: -moz-fit-content;
width: fit-content;
}
.why-evolve__content .content-element {
max-width: 600px;
}
.why-evolve__content .content-element * {
/*font-family: Helvetica Neue LT Pro, sans-serif;*/
/*font-family: var(--font-main);*/
font-weight: 300;
}
.why-evolve__content .content-element h1,
.why-evolve__content .content-element h2 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-weight: 600;
}
.why-evolve__content .content-element h3,
.why-evolve__content .content-element h4 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(20px, min(calc(8.57143px + 1.4881vw), 30px));
font-weight: 300;
}
.why-evolve__content .content-element ol li,
.why-evolve__content .content-element p {
font-size: max(14px, min(calc(9.42857px + 0.59524vw), 18px));
}
.why-evolve__content .content-element ul {
grid-gap: 10px max(10px, min(calc(-1.42857px + 1.4881vw), 20px));
display: grid;
gap: 10px max(10px, min(calc(-1.42857px + 1.4881vw), 20px));
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.why-evolve__content .content-element ul li {
font-size: max(14px, min(calc(11.71429px + 0.29762vw), 16px));
font-weight:300;
list-style: none;
margin-bottom: 0;
padding-left: 20px;
position: relative;
font-family:jeko;
font-size:18px;
}
.why-evolve__content .content-element ul li:before {
background: #fff;
background: var(--white);
border-radius: 999px;
content: "";
height: 6px;
left: 4px;
position: absolute;
top: 0.7em;
transform: translateY(-50%);
width: 6px;
}
.why-evolve + .pin-spacer .cont {
padding-top: max(0px, min(calc(-48px + 6.25vw), 42px));
}
.why-evolve .accordion {
flex: 1;
max-width: 606px;
}
@media not all and (min-width: 1025px) {
.why-evolve__wrap {
flex-direction: column;
}
.why-evolve .accordion,
.why-evolve .content-element,
.why-evolve__content {
max-width: 100%;
width: 100%;
}
}
@media screen and (min-width: 1450px) {
.why-evolve .content-element {
max-width: 660px;
}
.why-evolve .accordion {
max-width: 800px;
}
}
.evolve-stats {
background: #d1d1d1;
background: var(--grey);
color: #222;
color: var(--black);
padding: max(50px, min(calc(-18.57143px + 8.92857vw), 110px)) 0;
}
.evolve-stats-list {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media not all and (min-width: 1025px) {
.evolve-stats-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media not all and (min-width: 415px) {
.evolve-stats-list {
grid-template-columns: minmax(0, 1fr);
}
}
.evolve-stats-item__num {
font-size: max(56px, min(calc(-4.57143px + 7.8869vw), 109px));
font-weight: 700;
line-height: 0.98;
margin-bottom: 10px;
}
.evolve-stats-item__num .suffix {
font-size: max(24px, min(calc(-12.57143px + 4.7619vw), 56px));
}
.evolve-stats-item__progress {
align-items: center;
display: flex;
height: max(30px, min(calc(7.14286px + 2.97619vw), 50px));
margin-bottom: 10px;
max-width: 162px;
}
.evolve-stats-item__progress img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
width: 100%;
}
.evolve-stats-item__title {
font-size: max(20px, min(calc(8.57143px + 1.4881vw), 30px));
font-weight: 500;
line-height: 1.36667;
}
.testimonials {
/* background: #9050eb;
background: var(--primary); */
overflow: hidden;
padding: max(60px, min(calc(2.85714px + 7.44048vw), 110px)) 0;
}
.testimonials .cont {
align-items: center;
display: flex;
gap: 15px;
justify-content: space-between;
margin-bottom: max(30px, min(calc(-4.28571px + 4.46429vw), 60px));
}
@media not all and (min-width: 651px) {
.testimonials .cont {
align-items: start;
flex-direction: column;
}
}
.testimonials h2 {
color: #222;
color: var(--black);
max-width: max(400px, min(calc(182.85714px + 28.27381vw), 590px));
}
.testimonials .marquee__wrap {
gap: 10px;
padding-bottom: 2px;
}
.testimonials .marquee__wrap:hover .marquee__content {
animation-play-state: paused;
}
.testimonials .marquee.enable-animation .marquee__content {
animation-duration: 35s;
}
/* .testimonials-card {
background: #9050eb;
background: var(--primary); */
/* border: 1.5px solid #222;
border: 1.5px solid var(--black); */
/* border-radius: 39px;
color: #222;
color: var(--black);
height: 100%;
min-width: 335px;
padding: max(24px, min(calc(17.14286px + 0.89286vw), 30px));
} */
.testimonials-card.grey {
background: #d1d1d1;
background: var(--grey);
}
.testimonials-card.sm {
max-width: 28.333333333333332vw;
width: 100%;
}
.testimonials-card.lg {
max-width: 35.69444444444444vw;
width: 100%;
}
.testimonials-card__avatar {
height: max(60px, min(calc(47.42857px + 1.6369vw), 71px));
width: max(60px, min(calc(47.42857px + 1.6369vw), 71px));
}
.testimonials-card__avatar img {
border-radius: 50%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.testimonials-card h3 {
font-size: max(18px, min(calc(13.42857px + 0.59524vw), 22px));
}
.testimonials-card h4 {
font-size: max(16px, min(calc(13.71429px + 0.29762vw), 18px));
font-weight: 500;
}
.testimonials-card__content {
margin-top: auto;
}
.testimonials-card .content-element {
max-height: 13.5em;
}
@media not all and (min-width: 1025px) {
.testimonials-card .content-element {
max-height: 11.5em;
}
}
.testimonials-card .content-element h2 {
font-weight: 400;
}
.testimonials-hero {
padding-bottom: max(30px, min(calc(-15.71429px + 5.95238vw), 70px));
padding-top: max(135px, min(calc(8.14286px + 16.51786vw), 246px));
}
.testimonials-hero .bg-title h1 {
line-height: 75%;
}
.testimonials-hero .bg-title h1 span:last-child:after {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
display: inline-block;
height: 0.15em;
left: -0.15em;
position: relative;
top: 2px;
width: 0.15em;
}
.testimonials-hero .testimonials-grid {
display: flex;
gap: 30px;
justify-content: space-between;
margin: 60px auto 0;
max-width: 1270px;
position: relative;
}
.testimonials-hero .testimonials-grid[data-view] {
opacity: 0;
transform: translateY(100px);
transition: all 0.75s ease 1s;
}
.testimonials-hero .testimonials-grid[data-view].animated {
opacity: 1;
transform: translateY(0);
}
.testimonials-hero .testimonials-grid__col {
flex-shrink: 0;
height: -moz-fit-content;
height: fit-content;
max-width: 394px;
width: calc(33% - 30px);
}
.testimonials-hero .testimonials-grid__col:first-child {
margin-top: -30%;
}
.testimonials-hero .testimonials-grid__col:last-child {
margin-top: -50%;
}
@media not all and (min-width: 1025px) {
.testimonials-hero .testimonials-grid__col {
width: 100%;
}
.testimonials-hero .testimonials-grid__col:first-child,
.testimonials-hero .testimonials-grid__col:last-child {
margin-top: 0;
}
}
@media not all and (min-width: 769px) {
.testimonials-hero .testimonials-grid {
padding-top: 80px;
}
}
.testimonials-hero .testimonials-card {
/* border: none; */
min-width: auto;
padding-bottom: 50px;
}
.testimonials-hero .testimonials-card:not(:last-child) {
margin-bottom: max(40px, min(calc(17.14286px + 2.97619vw), 60px));
}
.testimonials-hero .testimonials-card .content-element p {
font-size: max(16px, min(calc(13.71429px + 0.29762vw), 18px));
}
@media not all and (min-width: 1025px) {
.testimonials-hero .testimonials-grid {
flex-direction: column;
}
.testimonials-hero .testimonials-grid__col {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-template-columns: repeat(2, 1fr);
max-width: 100%;
transform: none !important;
}
.testimonials-hero .testimonials-card {
margin-bottom: 0 !important;
}
.testimonials-hero .testimonials-card:last-child:nth-child(odd) {
grid-column: 1/-1;
}
}
@media not all and (min-width: 769px) {
.testimonials-hero .testimonials-grid__col {
grid-template-columns: 1fr;
}
}
.testimonials-card * {
font-weight: 600;
}
.testimonials-card__logo {
flex-grow: 1;
margin-left: auto;
max-width: 70px;
width: 100%;
}
.testimonials__arrow-btn {
max-width: max(350px, min(calc(178.57143px + 22.32143vw), 500px));
width: 100%;
}
.brands {
overflow: hidden;
padding-bottom: max(62px, min(calc(-38.57143px + 13.09524vw), 150px));
padding-top: max(30px, min(calc(-20px + .41667vw), 100px));
}
.brands .brands-marquee-title {
align-items: center;
display: flex;
font-size: max(32px, min(calc(16px + 2.08333vw), 46px));
font-weight: 800;
gap: 0.25rem;
justify-content: center;
margin-bottom: max(60px, min(calc(18.85714px + 5.35714vw), 96px));
margin-top: 70px;
text-align: center;
}
@media not all and (min-width: 551px) {
.brands .brands-marquee-title {
margin-bottom: 10px;
margin-top: 40px;
}
}
.brands .brands-marquee-title .round {
align-items: center;
/* border-color: #9050eb;
border-color: var(--primary); */
display: inline-flex;
}
@media not all and (min-width: 360px) {
.brands .brands-marquee-title {
font-size: 20px;
}
}
.brands .brands-logos {
gap: max(10px, min(calc(-7.14286px + 2.23214vw), 25px));
}
.brands .brands-logos__item:not(:last-child) {
/* border-bottom: 1px solid #d1d1d1;
border-bottom: 1px solid var(--grey); */
padding-bottom: max(10px, min(calc(-7.14286px + 2.23214vw), 25px));
}
.brands .brands-logos__item .marquee__content {
animation-duration: 30s;
}
.brands .brands-logos__item:nth-child(2n) .marquee__content {
animation-duration: 60s;
}
.brands .brands-logos__item {
height: 178px;
max-height: 178px;
}
.brands .brands-logos__item > div {
height: 100%;
}
.brands .brands-logos__item .logo {
max-height: 70px;
max-width: 178px;
}
.brands .marquee {
--gap: 50px;
}
.brands__count {
flex-shrink: 0;
font-size: max(32px, min(calc(22.85714px + 1.19048vw), 40px));
font-weight: 700;
min-width: 142px;
white-space: nowrap;
}
.brands__count .plus {
bottom: 2px;
position: relative;
}
@media not all and (min-width: 768px) {
.brands__count {
min-width: auto;
}
}
.brands-info h2 {
font-size: max(32px, min(calc(16px + 2.08333vw), 46px));
}
/* .brands .brands-grid {
margin-top: max(40px, min(calc(-85.71429px + 16.36905vw), 150px));
} */
.brands-mob-slider {
display: none;
}
@media not all and (min-width: 551px) {
.brands-mob-slider {
display: block;
margin-top: 20px;
}
}
.brands-grid {
--gap: 10px;
display: flex;
gap: var(--gap);
justify-content: center;
/* min-height: 600px; */
overflow: hidden;
width: 100vw;
}
@media not all and (min-width: 551px) {
.brands-grid {
display: none;
}
}
/* .brands-grid__col {
display: flex;
flex-direction: column;
gap: var(--gap);
margin-top: -100px;
width: 100%;
} */
.brands-grid__col:nth-child(2n) {
margin-bottom: -150px;
margin-top: 0;
}
/* .brands-grid__item {
flex: 0 0 auto;
height: 26.25vw;
min-height: 234px;
min-width: 375px;
overflow: hidden;
width:43.013888888888886vw
} */
.brands-grid__item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: transform 0.25s ease;
width: 100%;
}
/* .brands-grid__link {
height: 100%;
width: 100%;
} */
.brands-grid__link:hover img {
transform: scale(1.05);
}
/* @media screen and (min-width: 1920px) {
.brands-grid__item {
height: 26.25vw;
width: 41.979166666666664vw;
}
} */
@media not all and (min-width: 551px) {
.brands-grid {
flex-direction: column;
max-height: none;
}
/* .brands-grid__col {
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
width: 100vw;
} */
.brands-grid__item {
height: auto !important;
min-height: 0;
min-height: auto;
min-width: 0;
min-width: auto;
width: 100vw;
}
}
/* .brands-grid-wrap {
position: relative;
margin-top:-50px;
} */
.brands-grid__btns-wrap {
align-items: center;
display: flex;
flex-direction: column;
gap: 18px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
z-index: 999;
}
@media not all and (min-width: 551px) {
.brands-grid__btns-wrap {
margin: 20px auto 0;
max-width: 300px;
position: static;
transform: none;
}
}
.brands-grid__btn {
min-width: max(250px, min(calc(-35.71429px + 37.20238vw), 500px));
}
.values {
background: #9050eb;
background: var(--primary);
color: #222;
color: var(--black);
padding: max(60px, min(calc(-68px + 16.66667vw), 172px)) 0
max(60px, min(calc(-82.85714px + 18.60119vw), 185px));
}
.values__wrap {
align-items: center;
display: flex;
gap: max(30px, min(calc(-378px + 28.33333vw), 166px));
justify-content: center;
}
.values__info {
max-width: 391px;
}
.values__info h2 {
--time: 500ms;
align-items: center;
display: flex;
gap: 13px;
margin-bottom: 25px;
}
.values__info h2 .round-fill {
background: #d1d1d1;
background: var(--grey);
display: inline-flex;
padding-bottom: max(3px, min(calc(5.14286px - 0.14881vw), 4px));
padding-top: max(3px, min(calc(5.14286px - 0.14881vw), 4px));
}
.values .marquee-vertical {
flex-shrink: 0;
max-height: 355px;
}
.values .marquee__content {
align-items: flex-start;
}
.values .marquee__content h2 {
line-height: 1;
}
@media not all and (min-width: 769px) {
.values__wrap {
align-items: flex-start;
flex-direction: column;
}
.values .marquee-vertical,
.values__info {
max-width: 100%;
}
}
.faq {
padding-top: max(60px, min(calc(-42.85714px + 13.39286vw), 60px));
}
.faq h2 {
margin-bottom: max(34px, min(calc(4.28571px + 3.86905vw), 60px));
}
.faq h2 .round {
/* border-color: #9050eb;
border-color: var(--primary); */
padding-bottom: max(7px, min(calc(9.14286px - 0.14881vw), 8px));
padding-top: max(3px, min(calc(5.14286px - 0.14881vw), 4px));
}
@media not all and (min-width: 551px) {
.faq h2 {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
}
}
.how-section {
overflow: hidden;
padding-bottom: max(30px, min(calc(-107.14286px + 17.85714vw), 150px));
padding-top: 60px;
}
.how-section .cont {
max-width: 1054px;
}
.how-section h2 {
margin-bottom: 90px;
}
.how-section h2 .round {
/* border-color: #9050eb;
border-color: var(--primary); */
padding-bottom: max(3px, min(calc(5.14286px - 0.14881vw), 4px));
padding-top: max(3px, min(calc(5.14286px - 0.14881vw), 4px));
}
.how-section .steps {
display: flex;
flex-direction: column;
gap: 100px;
}
.how-section .steps__item {
align-items: center;
display: flex;
gap: 40px;
justify-content: space-between;
}
.how-section .steps__item:nth-child(2n) {
flex-direction: row-reverse;
}
@media not all and (min-width: 769px) {
.how-section .steps__item {
flex-direction: column !important;
gap: 40px;
}
}
@media not all and (min-width: 451px) {
.how-section .steps__item {
flex-direction: column-reverse !important;
gap: 50px;
}
}
.how-section .steps__num-wrap {
align-items: center;
display: flex;
gap: 40px;
}
.how-section .steps__mob-illustration {
display: none;
max-width: 125px;
}
@media not all and (min-width: 551px) {
.how-section .steps__mob-illustration {
display: block;
}
}
@media not all and (min-width: 769px) {
.how-section .steps__illustration {
max-width: 200px;
}
}
@media not all and (min-width: 551px) {
.how-section .steps__illustration {
display: none;
}
}
.how-section .steps__content {
max-width: 500px;
}
.how-section .steps__num {
background: #9050eb;
background: var(--primary);
border-radius: 39px;
color: #222;
color: var(--black);
font-size: max(60px, min(calc(14.28571px + 5.95238vw), 100px));
font-weight: 700;
min-width: 81px;
padding: 8px 11px;
text-align: center;
}
.how-section .steps__title {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(24px, min(calc(-1.14286px + 3.27381vw), 46px));
font-weight: 800;
margin-bottom: 30px;
margin-top: 40px;
}
.how-section .steps .content-element p {
font-size: max(18px, min(calc(13.42857px + 0.59524vw), 22px));
}
@media not all and (min-width: 451px) {
.how-section .steps {
gap: 60px;
}
.how-section h2 {
margin-bottom: 30px;
}
}
.footer-form {
padding: max(100px, min(calc(42.85714px + 7.44048vw), 150px)) 0;
position: relative;
z-index: 10;
}
.footer-form__heading {
margin-bottom: max(50px, min(calc(4.28571px + 5.95238vw), 90px));
}
.footer-form__heading h2 {
line-height: 1;
}
.footer-form h2 {
font-size: max(40px, min(calc(-35.42857px + 9.82143vw), 106px));
margin-bottom: max(20px, min(calc(-14.28571px + 4.46429vw), 50px));
text-align: center;
}
.footer-form .round-fill {
font-size: max(16px, min(calc(-4.57143px + 2.67857vw), 34px));
font-weight: 500;
text-align: center;
}
@media not all and (min-width: 360px) {
.footer-form .round-fill {
font-size: 14px;
}
}
.footer-form form {
grid-column-gap: 20px;
grid-row-gap: max(40px, min(calc(28.57143px + 1.4881vw), 50px));
display: grid;
grid-template-columns: repeat(2, 1fr);
margin: 0 auto;
max-width: 1030px;
}
.footer-form form .btn {
--fz: max(20px, min(calc(1.71429px + 2.38095vw), 36px));
--padding-x: 30px;
--padding-y: 12px;
margin: 10px auto 0;
width: -moz-fit-content;
width: fit-content;
}
@media not all and (min-width: 551px) {
.footer-form form {
grid-row-gap: max(30px, min(calc(7.14286px + 2.97619vw), 50px));
grid-template-columns: 1fr;
}
}
/* .latest-works {
padding: max(140px, min(calc(-28px + 21.875vw), 287px)) 0 200px;
} */
.latest-works h1 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-weight: 800;
margin-bottom: max(30px, min(calc(-4.28571px + 4.46429vw), 60px));
}
.latest-works h1:after {
background: #9050eb;
background: var(--primary);
border-radius: 999px;
content: "";
display: inline-block;
height: 0.2em;
margin-left: 5px;
position: relative;
top: 2px;
width: 0.2em;
}
.latest-works .work-list {
margin-top: 30px;
}
.work-list {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-auto-rows: 1fr;
grid-template-columns: repeat(3, 1fr);
}
@media not all and (min-width: 901px) {
.work-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media not all and (min-width: 769px) {
.work-list {
grid-template-columns: 1fr;
}
}
.project-section {
margin-bottom: max(60px, min(calc(14.28571px + 5.95238vw), 100px));
}
.project-section:last-child {
margin: max(100px, min(calc(42.85714px + 7.44048vw), 150px)) 0;
}
.project-hero {
margin-bottom: 0;
min-height: max(550px, min(calc(377.69231px + 16.82692vw), 620px));
opacity: 0;
padding-bottom: max(0px, min(calc(-91.42857px + 11.90476vw), 80px));
padding-top: max(140px, min(calc(-28px + 21.875vw), 287px));
transition: all 0.5s ease-in-out;
}
.project-hero.animated {
opacity: 1;
}
.project-hero h1 {
margin-bottom: max(40px, min(calc(-19.42857px + 7.7381vw), 92px));
}
.project-hero h1 .word:last-child {
padding-right: 0.75ch;
position: relative;
}
.project-hero h1 .word:last-child:after {
border-radius: 999px;
color: #9050eb;
color: var(--primary);
content: ".";
display: inline-block;
font-size: max(40px, min(calc(-28.57143px + 8.92857vw), 100px));
margin-left: 5px;
opacity: 0;
transition: all 0.25s calc((var(--word-index) + 2) * 0.25s) ease;
}
.project-hero h1.animated .word:last-child:after {
opacity: 1;
scale: 1;
}
.project-hero .testimonial-preview {
max-width: 705px;
}
.project-hero .testimonial-preview__avatar {
border-radius: 50%;
height: 71px;
overflow: hidden;
width: 71px;
}
.project-hero .testimonial-preview__avatar img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.project-hero .testimonial-preview h3 {
font-size: max(18px, min(calc(13.42857px + 0.59524vw), 22px));
font-weight: 700;
}
.project-hero .testimonial-preview p {
font-size: max(16px, min(calc(13.71429px + 0.29762vw), 18px));
}
.project-hero .testimonial-preview .content-element {
margin-top: 27px;
}
.project-hero .testimonial-preview .content-element p {
font-size: 16px;
}
.project-hero .testimonial-preview .content-element p:before {
content: "“";
}
.project-hero .testimonial-preview .content-element p:after {
content: "”";
}
.project-hero .tags__item {
background: #9050eb;
background: var(--primary);
border-radius: 39px;
color: #fff;
color: var(--white);
font-size: max(18px, min(calc(13.42857px + 0.59524vw), 22px));
padding: 8px 26px;
}
.project-hero .cont {
max-width: 1270px !important;
}
@media not all and (min-width: 1025px) {
.project-hero {
height: auto;
margin-bottom: max(60px, min(calc(14.28571px + 5.95238vw), 100px));
min-height: 0;
min-height: auto;
}
}
.hero-image {
align-items: center;
display: flex;
height: 100vh;
justify-content: center;
overflow: hidden;
transition: all 0.75s ease;
width: 100vw;
z-index: 1000;
}
.hero-image .hero-image__wrap {
height: 100%;
opacity: 0;
transform: scale(0.65);
transition: all 0.75s ease;
width: 100%;
}
.hero-image:before {
animation: rotation 1s linear infinite;
/* border: 5px solid #fff; */
/* border-bottom: 5px solid var(--primary); */
border-radius: 50%;
box-sizing: border-box;
content: "";
display: inline-block;
height: 48px;
left: 50%;
margin: 0 auto;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
transition: all 0.25s ease;
width: 48px;
}
.hero-image[\:has\(img\.is-show\)]:before {
opacity: 0;
}
.hero-image:has(img.is-show):before {
opacity: 0;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.hero-image img {
bottom: 0;
height: 100vh;
left: 0;
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transform: scale(1.2);
transition: transform 0.75s ease-in-out, opacity 0.75s ease-in-out;
width: 100vw;
}
.hero-image img.is-show {
opacity: 1;
transform: scale(1);
}
.hero-image.second-animation {
transform: translateY(0);
}
.hero-image.second-animation img,
.hero-image.second-animation:before {
opacity: 0;
transition: none;
}
.hero-image.animated {
z-index: 2;
}
.hero-image.animated .hero-image__wrap {
opacity: 1;
transform: translateY(0);
}
.hero-image.animated:before {
z-index: -1;
}
.hero-image.animated.second-animation:before {
opacity: 1;
transition: all 0.5s ease-in-out 0.5s;
}
.hero-image.animated.second-animation img.is-show {
opacity: 1;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.hero-image.animated.second-animation img:not(img.is-show) {
display: none;
}
@media not all and (min-width: 1025px) {
.hero-image {
height: 400px;
opacity: 0;
overflow: hidden;
position: relative;
z-index: 10;
}
.hero-image img.is-show {
height: 100%;
position: static;
width: 100%;
}
.hero-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.hero-image.animated {
opacity: 1;
}
.hero-image.second-animation {
opacity: 1;
transform: translateY(0);
}
.hero-image.second-animation:before {
opacity: 1;
}
.hero-image.second-animation img.is-show {
opacity: 1;
transform: scale(1);
transition: transform 0.5s ease-in-out;
}
}
.about-project .subtitle {
margin-bottom: 30px;
}
.about-project__content {
max-width: 712px;
}
@media screen and (min-width: 1920px) {
.about-project__content {
max-width: 1000px;
}
}
.about-project__details {
grid-row-gap: max(30px, min(calc(18.57143px + 1.4881vw), 40px));
grid-column-gap: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
max-width: 394px;
width: 100%;
}
.about-project__details.without-client {
grid-template-columns: repeat(3, minmax(0, auto));
max-width: none;
}
.about-project__details .detail h3 {
font-size: max(18px, min(calc(13.42857px + 0.59524vw), 22px));
margin-bottom: 10px;
}
.about-project__details .detail a,
.about-project__details .detail p {
color: #d1d1d1;
color: var(--grey);
font-size: max(16px, min(calc(13.71429px + 0.29762vw), 18px));
}
.about-project__details .detail a {
transition: color 0.25s ease;
}
.about-project__details .detail a:hover {
color: #9050eb;
color: var(--primary);
}
.about-project__details .detail.full-line {
grid-column: 1/-1;
}
.about-project .content-element p {
font-size: max(16px, min(calc(13.71429px + 0.29762vw), 18px));
font-weight: 400;
}
.about-project + .project-image {
margin-bottom: max(60px, min(calc(14.28571px + 5.95238vw), 100px));
}
.project-image {
margin-bottom: 20px;
}
.project-image.long-image img {
width: 83%;
}
.project-image img {
margin: 0 auto 20px;
width: 100%;
}
.project-details .details-list {
grid-gap: max(10px, min(calc(-24.28571px + 4.46429vw), 40px));
display: grid;
gap: max(10px, min(calc(-24.28571px + 4.46429vw), 40px));
grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
justify-content: space-between;
}
@media screen and (min-width: 1540px) {
.project-details .details-list {
grid-template-columns: repeat(auto-fit, minmax(225px, max-content));
}
}
.project-details .details-block {
display: flex;
flex-direction: column;
width: 100%;
}
.project-details .details-block:first-child {
max-width: 248px;
}
.project-details .details-block .subtitle {
font-size: max(14px, min(calc(11.71429px + 0.29762vw), 16px));
margin-bottom: max(30px, min(calc(7.14286px + 2.97619vw), 50px));
min-height: 1.3em;
}
@media screen and (min-width: 1560px) {
.project-details .details-block .subtitle {
font-size: 18px;
}
}
.project-details .details-block__font {
margin-bottom: 30px;
}
.project-details .details-block__font img {
max-height: 160px;
-o-object-fit: contain;
object-fit: contain;
}
.project-details .details-block h3 {
font-size: max(24px, min(calc(17.14286px + 0.89286vw), 30px));
font-weight: 400;
}
.project-details .details-block--palette {
width: -moz-fit-content;
width: fit-content;
}
.project-details .details-block--palette .subtitle {
margin-bottom: 30px;
}
.project-details .details-block--palette .palette {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-template-columns: repeat(3, 1fr);
}
.project-details .details-block--palette .palette__item {
align-items: center;
display: flex;
flex-direction: column;
}
.project-details .details-block--palette .palette__color {
border-radius: 50%;
height: max(50px, min(calc(20.28571px + 3.86905vw), 76px));
margin-bottom: 4px;
width: max(50px, min(calc(20.28571px + 3.86905vw), 76px));
}
.project-details .details-block--palette .palette__title {
color: #d1d1d1;
color: var(--grey);
font-size: 14px;
}
.project-details .details-block:nth-child(n + 5).details-block--strategy {
margin-left: 0;
}
.project-details .details-block--strategy {
margin-left: auto;
max-width: 182px;
width: 100%;
}
.project-details .details-block--strategy .subtitle {
margin-bottom: 20px;
}
.project-details .details-block--strategy .strategy-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.project-details .details-block--strategy .strategy-list p {
border-bottom: 1px solid #d1d1d1;
border-bottom: 1px solid var(--grey);
color: #d1d1d1;
color: var(--grey);
font-size: max(16px, min(calc(13.71429px + 0.29762vw), 18px));
padding-bottom: 8px;
}
@media screen and (min-width: 1540px) {
.project-details .details-block:first-child {
max-width: 248px;
}
.project-details .details-block:nth-child(2) {
margin: 0;
max-width: 184px;
}
}
@media not all and (min-width: 991px) {
.project-details .details-list {
grid-gap: 50px;
display: grid;
gap: 50px;
grid-template-columns: repeat(2, 1fr);
}
.project-details .details-block--palette,
.project-details .details-block--strategy,
.project-details .details-block:first-child,
.project-details .details-block:nth-child(2) {
margin: 0;
max-width: 100%;
width: 100%;
}
.project-details .details-block .strategy-list {
grid-gap: 10px;
display: grid;
gap: 10px;
grid-template-columns: repeat(2, 1fr);
text-align: left;
}
}
@media not all and (min-width: 551px) {
.project-details .details-list {
grid-template-columns: 1fr;
text-align: center;
}
.project-details .details-block img {
margin: 0 auto;
max-width: 80px;
}
}
@media not all and (min-width: 320px) {
.project-details .details-block .strategy-list {
grid-template-columns: 1fr;
}
}
.project-images-list {
margin-bottom: 20px;
}
.project-images-list .image-list {
display: flex;
flex-direction: column;
gap: 20px;
}
.project-images-list .image-list__item {
height: 54.166666666666664vw;
max-height: 780px;
max-width: 712px;
width: 49.44444444444444vw;
}
.project-images-list .image-list__item img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.project-images-list.image-right .image-list__item {
margin-left: auto;
}
.project-posts .posts-list {
grid-gap: max(20px, min(calc(8.57143px + 1.4881vw), 30px));
display: grid;
gap: max(20px, min(calc(8.57143px + 1.4881vw), 30px));
grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}
.project-posts .posts-list__item {
flex-grow: 1;
}
.project-posts .posts-list__item img {
width: 100%;
}
@media not all and (min-width: 901px) {
.project-posts .posts-list {
grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
}
}
@media not all and (min-width: 441px) {
.project-posts .posts-list {
grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
}
}
.next-project h2 {
font-size: max(40px, min(calc(-28.57143px + 8.92857vw), 100px));
margin-bottom: max(40px, min(calc(17.14286px + 2.97619vw), 60px));
}
.next-project .work-card {
aspect-ratio: unset !important;
-webkit-clip-path: initial;
clip-path: none;
min-height: max(400px, min(calc(285.71429px + 14.88095vw), 500px));
}
.about-project__client {
align-items: center;
display: flex;
gap: 20px;
margin-bottom: 27px;
}
.about-project__client-avatar {
border-radius: 999px;
height: 71px;
overflow: hidden;
width: 71px;
}
.about-project__client-avatar-img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.about-project__client-name {
font-size: 22px;
font-weight: 700;
line-height: 1.22;
}
.about-project__client-position {
font-size: 18px;
}
.project-images img {
margin-bottom: 30px;
}
.project-image-slider .swiper-slide img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.two-img-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.two-img-row img {
width: 100%;
}
@media not all and (min-width: 651px) {
.two-img-row {
gap: 20px;
grid-template-columns: minmax(0, 1fr);
}
.two-img-row img {
margin-bottom: 0;
}
}
.two-img-row-gap {
grid-gap: 30px;
display: grid;
gap: 30px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media not all and (min-width: 551px) {
.two-img-row-gap {
gap: 0;
grid-template-columns: minmax(0, 1fr);
}
}
.contact-hero {
align-items: center;
display: flex;
min-height: 100vh;
padding: 150px 0;
}
.contact-hero .contact-wrap {
align-items: center;
display: flex;
gap: 45px;
justify-content: space-between;
}
.contact-hero .contact-content h1 {
font-family: Jeko, sans-serif;
font-family: var(--font-jeko);
font-size: max(42px, min(calc(-1.42857px + 4.24107vw), 80px));
font-weight: 800;
line-height: 110%;
max-width: 700px;
}
.contact-hero .contact-content h1:not(:last-chid) {
margin-bottom: 34px;
}
.contact-hero .contact-content h1 .primary {
color: #9050eb;
color: var(--primary);
}
@media not all and (min-width: 1025px) {
.contact-hero .contact-content h1 {
text-align: center;
}
}
.contact-hero .contact-form {
font-size: max(42px, min(calc(-1.42857px + 4.24107vw), 80px));
max-width: 50%;
padding-top: 4rem;
}
.contact-hero .contact-form .input-item {
font-size: 16px;
}
.contact-hero .contact-form textarea {
min-height: 120px;
resize: none;
}
.contact-hero .contact-form textarea ~ .focus-line {
bottom: 5px;
}
.contact-hero .contact-form__nav {
display: flex;
gap: 20px;
justify-content: flex-end;
margin-top: 30px;
}
.contact-hero .contact-form__nav .btn {
--fz: max(26px, min(calc(16.85714px + 1.19048vw), 34px));
--padding-x: 25px;
--padding-y: 8px;
}
.contact-hero .contact-form__nav .btn.hide {
opacity: 0;
pointer-events: none;
}
.contact-hero .contact-form__nav .btn.disabled {
opacity: 0.6;
pointer-events: none;
}
@media not all and (min-width: 1025px) {
.contact-hero .contact-wrap {
flex-direction: column;
gap: 40px;
}
.contact-hero .contact-content,
.contact-hero .contact-form {
max-width: 100%;
}
}
[data-view] {
transition-duration: var(--view-speed);
transition-timing-function: var(--view-easing);
}
[data-view].animated {
opacity: 1;
transform: translateZ(0);
}
[data-view="fade"],
[data-view="zoom"],
[data-view^="fade"],
[data-view^="zoom"] {
opacity: 0;
transition-property: opacity, transform;
}
[data-view="slide"],
[data-view^="slide"] {
transition-property: transform;
}
[data-view="slide"].animated,
[data-view^="slide"].animated {
transform: translateZ(0);
}
[data-view="fade-tl"],
[data-view="slide-tl"] {
transform: translateY(100px) translateX(100px);
}
[data-view="fade-tr"],
[data-view="slide-tr"] {
transform: translateY(100px) translateX(-100px);
}
[data-view="fade-bl"],
[data-view="slide-bl"] {
transform: translateY(-100px) translateX(100px);
}
[data-view="fade-br"],
[data-view="slide-br"] {
transform: translateY(-100px) translateX(-100px);
}
[data-view="fade-l"],
[data-view="slide-l"] {
transform: translateX(100px);
}
[data-view="fade-r"],
[data-view="slide-r"] {
transform: translateX(-100px);
}
[data-view="fade-t"],
[data-view="slide-t"] {
transform: translateY(100px);
}
[data-view="fade-b"],
[data-view="slide-b"] {
transform: translateY(-100px);
}
[data-view^="zoom"].animated {
opacity: 1;
transform: translateZ(0) scale(1);
}
[data-view="zoom"] {
transform: scale(0.1);
}
[data-view="zoom-l"] {
transform: translateX(100px) scale(0.1);
}
[data-view="zoom-tl"] {
transform: translateY(100px) translateX(100px) scale(0.1);
}
[data-view="zoom-tr"] {
transform: translateY(100px) translateX(-100px) scale(0.1);
}
[data-view="zoom-br"] {
transform: translateY(-100px) translateX(-100px) scale(0.1);
}
[data-view="zoom-bl"] {
transform: translateY(-100px) translateX(100px) scale(0.1);
}
[data-view="zoom-r"] {
transform: translateX(-100px) scale(0.1);
}
[data-view="zoom-t"] {
transform: translateY(100px) scale(0.1);
}
[data-view="zoom-b"] {
transform: translateY(-100px) scale(0.1);
}
[data-view^="rotate"] {
opacity: 0;
transform: rotate(180deg);
}
[data-view="rotate-l"] {
transform: rotate(180deg) translateX(-100px);
}
[data-view="rotate-r"] {
transform: rotate(180deg) translateX(100px);
}
[data-view="rotate-t"] {
transform: rotate(180deg) translateY(-100px);
}
[data-view="rotate-b"] {
transform: rotate(180deg) translateY(100px);
}
.fs-18{
font-size:18px !important;
}
.sub-menu a{
font-size:medium;
margin:5px;
}
.coffee_section{
display:flex;
}
.mt-5{
margin-top:15px;
}
.coffee_headeing {
margin:auto;
flex:1;
}
.coffee_headeing h2{
font-size:115px;
text-transform:capitalize;
}
.coffee-form{
flex:1;
}
@media scree and (max-width:786px){
.coffee_section{
display:flex;
flex-direction: column;
}
.coffee_headeing {
margin:auto;
flex:1;
}
.coffee_headeing h2{
font-size:70px;
text-transform:capitalize;
}
.coffee-form{
flex:1;
}
}
/*# sourceMappingURL=style.css.map */