@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;
}

.swiper {
 margin-left: auto;
 margin-right: auto;
 position: relative;
 overflow: hidden;
 list-style: none;
 padding: 0;
 z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.swiper-wrapper {
 position: relative;
 width: 100%;
 height: 100%;
 z-index: 1;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-transition-property: -webkit-transform;
 transition-property: -webkit-transform;
 transition-property: transform;
 transition-property: transform, -webkit-transform;
 -webkit-box-sizing: content-box;
 box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
}

.swiper-pointer-events {
 -ms-touch-action: pan-y;
 touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
 -ms-touch-action: pan-x;
 touch-action: pan-x;
}

.swiper-slide {
 -ms-flex-negative: 0;
 flex-shrink: 0;
 width: 100%;
 height: 100%;
 position: relative;
 -webkit-transition-property: -webkit-transform;
 transition-property: -webkit-transform;
 transition-property: transform;
 transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
 visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
 height: auto;
}

.swiper-autoheight .swiper-wrapper {
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 -webkit-transition-property: height, -webkit-transform;
 transition-property: height, -webkit-transform;
 transition-property: transform, height;
 transition-property: transform, height, -webkit-transform;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
 -webkit-perspective: 1200px;
 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,
.swiper-3d .swiper-wrapper {
 -webkit-transform-style: preserve-3d;
 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 {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
 z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
 background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
 background-image: -webkit-gradient(
  linear,
  right top,
  left top,
  from(rgba(0, 0, 0, 0.5)),
  to(transparent)
 );
 background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-right {
 background-image: -webkit-gradient(
  linear,
  left top,
  right top,
  from(rgba(0, 0, 0, 0.5)),
  to(transparent)
 );
 background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-top {
 background-image: -webkit-gradient(
  linear,
  left bottom,
  left top,
  from(rgba(0, 0, 0, 0.5)),
  to(transparent)
 );
 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-3d .swiper-slide-shadow-bottom {
 background-image: -webkit-gradient(
  linear,
  left top,
  left bottom,
  from(rgba(0, 0, 0, 0.5)),
  to(transparent)
 );
 background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-css-mode > .swiper-wrapper {
 overflow: auto;
 scrollbar-width: none;
 -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
 display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
 scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
 -ms-scroll-snap-type: x mandatory;
 scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
 -ms-scroll-snap-type: y mandatory;
 scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper:before {
 content: '';
 -ms-flex-negative: 0;
 flex-shrink: 0;
 -webkit-box-ordinal-group: 10000;
 -ms-flex-order: 9999;
 order: 9999;
}

.swiper-centered.swiper-horizontal
 > .swiper-wrapper
 > .swiper-slide:first-child {
 -webkit-margin-start: var(--swiper-centered-offset-before);
 margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
 height: 100%;
 min-height: 1px;
 width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
 -webkit-margin-before: var(--swiper-centered-offset-before);
 margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
 width: 100%;
 min-width: 1px;
 height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
 scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
 content: '';
 position: absolute;
 left: 0;
 top: 0;
 pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
 height: 1px;
 width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
 width: 1px;
 height: var(--swiper-virtual-size);
}

.swiper-button-next,
.swiper-button-prev {
 position: absolute;
 top: 50%;
 width: 27px;
 height: 44px;
 margin-top: -22px;
 z-index: 10;
 cursor: pointer;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 color: #007aff;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
 opacity: 0.35;
 cursor: auto;
 pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
 font-family: swiper-icons;
 font-size: 44px;
 text-transform: none !important;
 letter-spacing: 0;
 text-transform: none;
 font-variant: normal;
 line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
 left: 10px;
 right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
 content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
 right: 10px;
 left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
 content: 'next';
}

.swiper-button-lock {
 display: none;
}

.swiper-pagination {
 position: absolute;
 text-align: center;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
 opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 bottom: 10px;
 left: 0;
 width: 100%;
}

.swiper-pagination-bullets-dynamic {
 overflow: hidden;
 font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
 -webkit-transform: scale(0.33);
 transform: scale(0.33);
 position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
 -webkit-transform: scale(1);
 transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
 -webkit-transform: scale(0.66);
 transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
 -webkit-transform: scale(0.33);
 transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
 -webkit-transform: scale(0.66);
 transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
 -webkit-transform: scale(0.33);
 transform: scale(0.33);
}

.swiper-pagination-bullet {
 width: 8px;
 height: 8px;
 display: inline-block;
 border-radius: 50%;
 background: #000;
 opacity: 0.2;
}

button.swiper-pagination-bullet {
 border: none;
 margin: 0;
 padding: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
 cursor: pointer;
}

.swiper-pagination-bullet:only-child {
 display: none !important;
}

.swiper-pagination-bullet-active {
 opacity: 1;
 background: #007aff;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
 right: 10px;
 top: 50%;
 -webkit-transform: translate3d(0, -50%, 0);
 transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 6px 0;
 display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 8px;
}

.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 {
 display: inline-block;
 -webkit-transition: top 0.2s, -webkit-transform 0.2s;
 transition: top 0.2s, -webkit-transform 0.2s;
 transition: transform 0.2s, top 0.2s;
 transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
 .swiper-pagination-bullet {
 margin: 0 4px;
}

.swiper-horizontal
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 white-space: nowrap;
}

.swiper-horizontal
 > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet {
 -webkit-transition: left 0.2s, -webkit-transform 0.2s;
 transition: left 0.2s, -webkit-transform 0.2s;
 transition: transform 0.2s, left 0.2s;
 transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}

.swiper-horizontal.swiper-rtl
 > .swiper-pagination-bullets-dynamic
 .swiper-pagination-bullet {
 -webkit-transition: right 0.2s, -webkit-transform 0.2s;
 transition: right 0.2s, -webkit-transform 0.2s;
 transition: transform 0.2s, right 0.2s;
 transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s;
}

.swiper-pagination-progressbar {
 background: rgba(0, 0, 0, 0.25);
 position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 background: #007aff;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 -webkit-transform: scale(0);
 transform: scale(0);
 -webkit-transform-origin: left top;
 transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
 -webkit-transform-origin: right top;
 transform-origin: right top;
}

.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 {
 width: 100%;
 height: 4px;
 left: 0;
 top: 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: 4px;
 height: 100%;
 left: 0;
 top: 0;
}

.swiper-pagination-lock {
 display: none;
}

.swiper-scrollbar {
 border-radius: 10px;
 position: relative;
 -ms-touch-action: none;
 background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
 position: absolute;
 left: 1%;
 bottom: 3px;
 z-index: 50;
 height: 5px;
 width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
 position: absolute;
 right: 3px;
 top: 1%;
 z-index: 50;
 width: 5px;
 height: 98%;
}

.swiper-scrollbar-drag {
 height: 100%;
 width: 100%;
 position: relative;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 10px;
 left: 0;
 top: 0;
}

.swiper-scrollbar-cursor-drag {
 cursor: move;
}

.swiper-scrollbar-lock {
 display: none;
}

.swiper-zoom-container {
 width: 100%;
 height: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
 max-width: 100%;
 max-height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
}

.swiper-slide-zoomed {
 cursor: move;
}

.swiper-lazy-preloader {
 width: 42px;
 height: 42px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin-left: -21px;
 margin-top: -21px;
 z-index: 10;
 -webkit-transform-origin: 50%;
 transform-origin: 50%;
 -webkit-animation: swiper-preloader-spin 1s infinite linear;
 animation: swiper-preloader-spin 1s infinite linear;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border: 4px solid #007aff;
 border-radius: 50%;
 border-top-color: transparent;
}

.swiper-lazy-preloader-white {
 --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
 --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
 to {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
 }
}

@keyframes swiper-preloader-spin {
 to {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
 }
}

.swiper .swiper-notification {
 position: absolute;
 left: 0;
 top: 0;
 pointer-events: none;
 opacity: 0;
 z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
 margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
 pointer-events: none;
 -webkit-transition-property: opacity;
 transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
 pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
 pointer-events: auto;
}

.swiper-cube {
 overflow: visible;
}

.swiper-cube .swiper-slide {
 pointer-events: none;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 z-index: 1;
 visibility: hidden;
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
 width: 100%;
 height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
 pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
 -webkit-transform-origin: 100% 0;
 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 {
 position: absolute;
 left: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 opacity: 0.6;
 z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
 content: '';
 background: #000;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 right: 0;
 filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
 -webkit-filter: blur(50px);
 filter: blur(50px);
}

.swiper-flip {
 overflow: visible;
}

.swiper-flip .swiper-slide {
 pointer-events: none;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
 pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
 pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-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;
 overflow: hidden;
 -webkit-transition-property: opacity, height, -webkit-transform;
 transition-property: opacity, height, -webkit-transform;
 transition-property: transform, opacity, height;
 transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
 overflow: visible;
}

.swiper-cards .swiper-slide {
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 overflow: hidden;
}

@font-face {
 font-family: GothamSSm;
 font-weight: 900;
 src: url(../../assets/fonts/GothamSSm-Black.9bd49cd.ttf);
}

@font-face {
 font-family: GothamSSm;
 font-weight: 700;
 src: url(../../assets/fonts/GothamSSm-Bold.2071eb3.ttf);
}

@font-face {
 font-family: GothamSSm;
 font-weight: 500;
 src: url(../../assets/fonts/GothamSSm-Medium.3cc225a.ttf);
}

@font-face {
 font-family: GothamSSm;
 font-weight: 400;
 src: url(../../assets/fonts/GothamSSm-Book.40ae923.ttf);
}

@font-face {
 font-family: GothamSSm;
 font-weight: 300;
 src: url(../../assets/fonts/GothamSSm-Light.7a7c850.ttf);
}

@font-face {
 font-family: GothamSSm;
 font-weight: 200;
 src: url(../../assets/fonts/GothamSSm-XLight.0d59a40.ttf);
}

@font-face {
 font-family: Pike;
 font-weight: 700;
 src: url(../../assets/fonts/Pike-Bold.39c4f0c.otf);
}

@font-face {
 font-family: Pike;
 font-weight: 300;
 src: url(../../assets/fonts/Pike-Light.ee90937.otf);
}

@font-face {
 font-family: Pike;
 font-weight: 400;
 src: url(../../assets/fonts/Pike-Regular.9e9d32c.otf);
}

@font-face {
 font-family: SoDoSans;
 font-weight: 900;
 src: url(../../assets/fonts/SoDoSans-Black.78bbcad.otf);
}

@font-face {
 font-family: SoDoSans;
 font-weight: 700;
 src: url(../../assets/fonts/SoDoSans-Bold.212352e.otf);
}

@font-face {
 font-family: SoDoSans;
 font-weight: 300;
 src: url(../../assets/fonts/SoDoSans-Light.55c6c15.otf);
}

@font-face {
 font-family: SoDoSans;
 font-weight: 400;
 src: url(../../assets/fonts/SoDoSans-Regular.bbb869c.otf);
}

@font-face {
 font-family: SoDoSans;
 font-weight: 600;
 src: url(../../assets/fonts/SoDoSans-SemiBold.1769122.otf);
}

@-webkit-keyframes blinker {
 0% {
  opacity: 0;
 }

 25% {
  opacity: 0.5;
 }

 75% {
  opacity: 1;
 }

 to {
  opacity: 0.5;
 }
}

@keyframes blinker {
 0% {
  opacity: 0;
 }

 25% {
  opacity: 0.5;
 }

 75% {
  opacity: 1;
 }

 to {
  opacity: 0.5;
 }
}

.cx-navigation {
 overflow-y: hidden;
 width: 100%;
 height: 50px;
 background: #f9f9f9;
 -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
 box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.12);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 overflow-x: auto;
 padding: 0 40px;
 position: fixed;
 top: 0;
 z-index: 10;
}

@media (min-width: 1024px) {
 .cx-navigation {
  height: 60px;
  padding: 0 135px;
 }
}

.cx-navigation__items {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;
 gap: 30px;
 white-space: nowrap;
}

.cx-navigation__link {
 font-size: 12px;
 font-weight: 400;
 line-height: 21px;
 color: #1f1f1f;
 position: relative;
 border: 0;
 background-color: transparent;
 cursor: pointer;
}

@media (min-width: 1024px) {
 .cx-navigation__link {
  font-size: 13px;
 }
}

.cx-navigation__link--active {
 font-weight: 600;
}

.cx-navigation__link--active:after {
 content: '';
 background: #00a862;
 width: 100%;
 height: 3px;
 position: absolute;
 bottom: 3px;
 left: 0;
 right: 0;
 -webkit-transform: translateY(17px);
 transform: translateY(17px);
}

@media (min-width: 1024px) {
 .cx-navigation__link--active:after {
  -webkit-transform: translateY(22px);
  transform: translateY(22px);
 }
}

.cx-hero-banner {
 width: 100%;
 position: relative;
}

@media (min-width: 768px) {
 .cx-hero-banner {
  width: 100%;
 }
}

.cx-hero-banner__logo {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 44.73684210526316vw;
 height: 44.73684210526316vw;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin-top: -24vw;
 pointer-events: none;
}

.cx-hero-banner__logo img {
 width: 70%;
 height: 70%;
}

@media (min-width: 768px) {
 .cx-hero-banner__logo {
  width: 22.13541666666666vw;
  height: 22.13541666666666vw;
  margin-top: -9.3vw;
 }
}

.cx-hero-banner__video {
 width: 100%;
 height: 100%;
}

@media (min-width: 768px) {
 .cx-hero-banner__video {
  width: 100%;
  height: 100%;
 }
}

.cx-hero-banner__video--mobile {
 display: block;
 width: 100%;
}

@media (min-width: 768px) {
 .cx-hero-banner__video--mobile {
  display: none;
 }
}

.cx-hero-banner__video--desktop {
 display: none;
}

@media (min-width: 768px) {
 .cx-hero-banner__video--desktop {
  display: block;
  width: 100%;
  margin-top: -100px;
 }
}

.cx-20-years-old {
 width: 100%;
 padding: 45px 0 0;
 text-align: center;
 margin: 0 auto;
}

@media (min-width: 1024px) {
 .cx-20-years-old {
  padding: 110px 0;
 }
}

.cx-20-years-old__video {
 width: 130px;
 height: 130px;
 overflow: hidden;
 z-index: 1;
 position: relative;
}

@media (min-width: 1024px) {
 .cx-20-years-old__video {
  width: 250px;
  height: 250px;
 }
}

.cx-20-years-old__patterns {
 z-index: 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 position: absolute;
 width: 100%;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 left: 0;
 right: 0;
}

.cx-20-years-old__pattern-left {
 width: 50%;
 max-width: 110px;
 -webkit-transition: all 1.2s ease-in-out;
 transition: all 1.2s ease-in-out;
 -webkit-transform: translateX(-50px) scale(1);
 transform: translateX(-50px) scale(1);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: end;
 -ms-flex-pack: end;
 justify-content: flex-end;
}

@media (min-width: 768px) {
 .cx-20-years-old__pattern-left {
  max-width: 150px;
  -webkit-transform: translateX(-75px) scale(1);
  transform: translateX(-75px) scale(1);
 }
}

@media (min-width: 1024px) {
 .cx-20-years-old__pattern-left {
  max-width: 250px;
  -webkit-transform: translateX(-150px) scale(1);
  transform: translateX(-150px) scale(1);
 }
}

.cx-20-years-old__pattern-left--margin {
 -webkit-transform: translateX(50px) scale(0.85);
 transform: translateX(50px) scale(0.85);
 opacity: 0;
}

@media (min-width: 768px) {
 .cx-20-years-old__pattern-left--margin {
  -webkit-transform: translateX(75px) scale(0.85);
  transform: translateX(75px) scale(0.85);
 }
}

@media (min-width: 1024px) {
 .cx-20-years-old__pattern-left--margin {
  -webkit-transform: translateX(100px) scale(0.85);
  transform: translateX(100px) scale(0.85);
 }
}

.cx-20-years-old__pattern-right {
 width: 50%;
 max-width: 110px;
 -webkit-transition: all 1.2s ease-in-out;
 transition: all 1.2s ease-in-out;
 -webkit-transform: translateX(50px) scale(1);
 transform: translateX(50px) scale(1);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
}

@media (min-width: 768px) {
 .cx-20-years-old__pattern-right {
  max-width: 150px;
  -webkit-transform: translateX(75px) scale(1);
  transform: translateX(75px) scale(1);
 }
}

@media (min-width: 1024px) {
 .cx-20-years-old__pattern-right {
  max-width: 250px;
  -webkit-transform: translateX(150px) scale(1);
  transform: translateX(150px) scale(1);
 }
}

.cx-20-years-old__pattern-right--margin {
 -webkit-transform: translateX(-50px) scale(0.85);
 transform: translateX(-50px) scale(0.85);
 opacity: 0;
}

@media (min-width: 768px) {
 .cx-20-years-old__pattern-right--margin {
  -webkit-transform: translateX(-75px) scale(0.85);
  transform: translateX(-75px) scale(0.85);
 }
}

@media (min-width: 1024px) {
 .cx-20-years-old__pattern-right--margin {
  -webkit-transform: translateX(-100px) scale(0.85);
  transform: translateX(-100px) scale(0.85);
 }
}

.cx-20-years-old__top {
 position: relative;
 -webkit-transform: scale(1);
 transform: scale(1);
}

.cx-20-years-old__bottom {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.cx-20-years-old__sub-title {
 max-width: 240px;
 display: block;
 margin: 0 auto;
}

@media (min-width: 1024px) {
 .cx-20-years-old__sub-title {
  max-width: 350px;
 }
}

.cx-20-years-old__title {
 margin-top: 25px;
 display: block;
 text-align: center;
 font-family: SoDoSans, sans-serif;
 font-size: 50px;
 font-weight: 900;
 color: #cba258;
}

@media (min-width: 1024px) {
 .cx-20-years-old__title {
  margin-top: 40px;
  font-size: 94px;
 }
}

.cx-20-years-old__description {
 text-align: center;
 font-size: 16px;
 font-weight: 300;
 line-height: 26px;
 color: #000;
 margin-top: 35px;
 font-family: SoDoSans, sans-serif;
 display: none;
}

@media (min-width: 1024px) {
 .cx-20-years-old__description {
  display: block;
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
  margin-top: 50px;
  max-width: 900px;
 }
}

.cx-20-years-old__cta {
 width: 200px;
 cursor: pointer;
 height: 60px;
 background-color: #008248;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-radius: 30px;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 border: 0;
 font-size: 18px;
 font-weight: 500;
 font-family: GothamSSm, sans-serif;
}

.cx-20-years-old__cta:hover {
 background-color: #1e3932;
 color: #fff;
}

.cx-20-years-old .mobile {
 display: none;
}

@media (max-width: 1024px) {
 .cx-20-years-old .mobile {
  display: block;
 }
}

.cx-your-turn {
 z-index: 1;
 width: 100%;
 padding: 45px 0;
 margin: 150px auto 0;
 position: relative;
 font-family: SoDoSans, sans-serif;
}

@media (min-width: 1024px) {
 .cx-your-turn {
  padding: 110px 0;
  background-color: #d3e8e1;
 }
}

.cx-your-turn__top {
 z-index: 10;
 position: relative;
 -webkit-transform: scale(1);
 transform: scale(1);
}

.cx-your-turn__head {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 position: absolute;
 width: 100%;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 left: 0;
 right: 0;
}

.cx-your-turn__pen {
 position: relative;
 bottom: 48px;
}

@media (min-width: 1024px) {
 .cx-your-turn__pen {
  display: none;
 }
}

.cx-your-turn__cup {
 position: relative;
 bottom: 48px;
}

@media (max-width: 1024px) {
 .cx-your-turn__cup {
  width: 184px;
  height: 184px;
  bottom: 36px;
 }
}

.cx-your-turn__body {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background-color: #cba258;
 padding: 90px 25px 35px;
}

@media (min-width: 1024px) {
 .cx-your-turn__body {
  padding: 150px 200px 60px;
  text-align: center;
 }
}

.cx-your-turn .cx-your-turn__pattern-1 {
 z-index: 10;
 display: none;
 position: absolute;
 top: -210px;
 left: 0;
 width: 400px;
 height: 500px;
 background-image: url('../../assets/images/general/your-turn-pattern-1.svg');
}

@media (min-width: 1024px) {
 .cx-your-turn .cx-your-turn__pattern-1 {
  display: block;
 }
}

.cx-your-turn .cx-your-turn__pattern-2 {
 z-index: 10;
 display: none;
 position: absolute;
 top: 20%;
 right: 0;
 width: 852px;
 height: 580px;
 background-image: url('../../assets/images/general/your-turn-pattern-2.svg');
}

@media (min-width: 1024px) {
 .cx-your-turn .cx-your-turn__pattern-2 {
  display: block;
 }
}

.cx-your-turn .cx-your-turn__pattern-3 {
 z-index: 10;
 position: absolute;
 display: none;
 bottom: 0;
 left: 0;
 width: 290px;
 height: 200px;
 background-image: url('../../assets/images/general/your-turn-pattern-3.svg');
}

@media (min-width: 1024px) {
 .cx-your-turn .cx-your-turn__pattern-3 {
  display: block;
 }
}

.cx-your-turn__title {
 font-family: SoDoSans, sans-serif;
 font-size: 30px;
 font-weight: 600;
 color: #fff;
 padding-bottom: 38px;
}

@media (min-width: 1024px) {
 .cx-your-turn__title {
  font-size: 50px;
  font-weight: 900;
  text-transform: uppercase;
  max-width: 500px;
  padding-bottom: 60px;
 }
}

.cx-your-turn__subtitle {
 display: none;
 font-family: SoDoSans, sans-serif;
 font-size: 30px;
 font-weight: 600;
 color: #fff;
 padding-bottom: 38px;
}

@media (min-width: 1024px) {
 .cx-your-turn__subtitle {
  display: block;
 }
}

.cx-your-turn__description {
 font-size: 16px;
 font-weight: 300;
 line-height: 26px;
 color: #fff;
 font-family: SoDoSans, sans-serif;
 display: none;
}

@media (min-width: 1024px) {
 .cx-your-turn__description {
  display: block;
  font-size: 21px;
  font-weight: 400;
  line-height: 32px;
  max-width: 900px;
 }
}

.cx-your-turn__cta {
 width: 250px;
 cursor: pointer;
 height: 42px;
 background-color: #008248;
 color: #fff;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-radius: 30px;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 font-family: GothamSSm, sans-serif;
}

.cx-your-turn__cta:hover {
 background-color: #1e3932;
 color: #fff;
}

@media (min-width: 1024px) {
 .cx-your-turn__cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}

.cx-your-turn__brands {
 display: block;
 padding-top: 60px;
}

@media (min-width: 1024px) {
 .cx-your-turn__brands {
  display: block;
  position: relative;
  left: 10px;
 }
}

.cx-your-turn .mobile {
 display: none;
}

@media (max-width: 1024px) {
 .cx-your-turn .mobile {
  display: block;
 }
}

.cx-banner-and-content {
 width: 100%;
 padding: 60px 0;
}

@media (min-width: 1024px) {
 .cx-banner-and-content {
  padding: 100px 0;
 }
}

.cx-banner-and-content__wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
}

@media (min-width: 1024px) {
 .cx-banner-and-content__wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
 }
}

.cx-banner-and-content__left {
 width: 100%;
 height: 320px;
 background-color: #fff;
}

@media (min-width: 768px) {
 .cx-banner-and-content__left {
  height: 500px;
 }
}

@media (min-width: 1200px) {
 .cx-banner-and-content__left {
  width: 50%;
 }
}

@media (min-width: 1024px) {
 .cx-banner-and-content__left {
  height: 590px;
  width: 50%;
 }
}

.cx-banner-and-content__right {
 padding: 35px 25px;
 width: 100%;
 background-color: #00754a;
}

@media (min-width: 1024px) {
 .cx-banner-and-content__right {
  padding: 50px 50px 0;
  width: 50%;
  height: 590px;
 }
}

@media (min-width: 1200px) {
 .cx-banner-and-content__right {
  padding: 60px 70px 0;
 }
}

@media (min-width: 1400px) {
 .cx-banner-and-content__right {
  background: #000;
  padding: 65x 85px 70px;
 }
}

.cx-banner-and-content__banner {
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
 width: 100%;
 height: 100%;
}

.cx-banner-and-content__sub-title {
 font-size: 16px;
 font-weight: 700;
 line-height: 100%;
 letter-spacing: 4.24px;
 color: #fff;
 font-family: Pike, sans-serif;
}

@media (min-width: 1024px) {
 .cx-banner-and-content__sub-title {
  font-size: 18px;
  letter-spacing: 5.83px;
 }
}

@media (min-width: 1200px) {
 .cx-banner-and-content__sub-title {
  font-size: 21px;
  letter-spacing: 5.83px;
 }
}

.cx-banner-and-content__title {
 color: #fff;
 font-size: 30px;
 font-weight: 600;
 line-height: 100%;
 margin-top: 15px;
 font-family: SoDoSans, sans-serif;
}

@media (min-width: 1024px) {
 .cx-banner-and-content__title {
  font-size: 30px;
  margin-top: 20px;
 }
}

@media (min-width: 1200px) {
 .cx-banner-and-content__title {
  font-size: 40px;
  margin-top: 20px;
 }
}

.cx-banner-and-content__description {
 font-size: 16px;
 font-weight: 400;
 line-height: 28px;
 color: #fff;
 margin-top: 35px;
 font-family: SoDoSans, sans-serif;
}

@media (min-width: 1024px) {
 .cx-banner-and-content__description {
  font-size: 15px;
  line-height: 25px;
  margin-top: 30px;
 }
}

@media (min-width: 1200px) {
 .cx-banner-and-content__description {
  font-size: 15px;
  line-height: 25px;
  margin-top: 32px;
 }
}

@media (min-width: 1400px) {
 .cx-banner-and-content__description {
  font-size: 16px;
  line-height: 25px;
  margin-top: 32px;
 }
}

.cx-creators {
 width: 100%;
 background-color: #faf6ee;
 padding: 60px 0;
 z-index: 6;
 position: relative;
}

@media (min-width: 1024px) {
 .cx-creators {
  padding: 100px 0;
 }
}

.cx-creators__title {
 text-align: center;
 font-family: SoDoSans, sans-serif;
 font-size: 30px;
 font-weight: 600;
 color: #1f1f1f;
}

@media (min-width: 1024px) {
 .cx-creators__title {
  font-size: 40px;
 }
}

.cx-creators__boxes {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-top: 60px;
 gap: 20px;
}

@media (min-width: 1024px) {
 .cx-creators__boxes {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 70px;
 }
}

.cx-creators__box {
 width: 100%;
 background-color: #fff;
 padding: 35px;
 cursor: pointer;
 -webkit-transition: all 1.2s ease-in-out;
 transition: all 1.2s ease-in-out;
}

@media (min-width: 1024px) {
 .cx-creators__box {
  width: calc(33.3% - 20px);
  max-width: 400px;
  padding: 35px;
 }
}

@media (min-width: 1200px) {
 .cx-creators__box {
  width: calc(33.3% - 20px);
  max-width: 400px;
  padding: 50px;
 }
}

@media (min-width: 1024px) {
 .cx-creators__box--margin-left {
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
 }
}

@media (min-width: 1024px) {
 .cx-creators__box--margin-right {
  -webkit-transform: translateX(-100px);
  transform: translateX(-100px);
 }
}

.cx-creators__box:first-child {
 z-index: 2;
 position: relative;
}

.cx-creators__box:nth-child(2) {
 z-index: 1;
 position: relative;
}

.cx-creators__box:nth-child(3) {
 z-index: 0;
 position: relative;
}

.cx-creators__banner {
 width: 250px;
 height: 250px;
 border-radius: 500px;
 overflow: hidden;
 margin: 0 auto;
}

@media (min-width: 1024px) {
 .cx-creators__banner {
  width: 210px;
  height: 210px;
 }
}

@media (min-width: 1200px) {
 .cx-creators__banner {
  width: 250px;
  height: 250px;
 }
}

@media (min-width: 1400px) {
 .cx-creators__banner {
  width: 300px;
  height: 300px;
 }
}

.cx-creators__banner img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
}

.cx-creators__info {
 margin-top: 40px;
 position: relative;
 cursor: pointer;
}

@media (min-width: 1024px) {
 .cx-creators__info {
  margin-top: 55px;
 }
}

.cx-creators__info:after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 width: 25px;
 height: 25px;
 background-image: url('../../assets/images/general/chevron-down.svg');
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: 100%;
 z-index: 1;
}

@media (min-width: 1024px) {
 .cx-creators__info:after {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
 }
}

.cx-creators__box--active .cx-creators__info .cx-creators__name {
 color: #008248;
}

.cx-creators__box--active .cx-creators__info:after {
 -webkit-transform: rotate(-180deg);
 transform: rotate(-180deg);
}

.cx-creators__name {
 font-family: SoDoSans, sans-serif;
 font-size: 25px;
 font-weight: 600;
 line-height: 100%;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 cursor: pointer;
}

@media (min-width: 1024px) {
 .cx-creators__name {
  font-size: 23px;
  font-weight: 600;
 }
}

@media (min-width: 1200px) {
 .cx-creators__name {
  font-size: 27px;
  font-weight: 600;
 }
}

.cx-creators__sub-title {
 font-family: SoDoSans, sans-serif;
 font-size: 16px;
 line-height: 100%;
 margin-top: 15px;
 color: #6c6c6c;
}

@media (min-width: 1024px) {
 .cx-creators__popups {
  margin: 0 auto;
 }
}

.cx-creators__mobile-popup {
 background-color: #fff;
}

@media (min-width: 1024px) {
 .cx-creators__mobile-popup {
  display: none;
 }
}

.cx-creators__description {
 font-family: SoDoSans, sans-serif;
 font-size: 14px;
 font-weight: 300;
 line-height: 135%;
 margin-top: 20px;
 color: #1f1f1f;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 opacity: 0;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}

@media (min-width: 1024px) {
 .cx-creators__description {
  font-family: SoDoSans, sans-serif;
  margin-top: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  padding: 40px;
 }
}

@media (min-width: 1200px) {
 .cx-creators__description {
  padding: 50px;
 }
}

.cx-creators__description strong {
 font-family: 700;
}

.cx-creators__box--active .cx-creators__description {
 opacity: 1;
}

.cx-creators__popup {
 background-color: #fff;
 overflow: hidden;
 -webkit-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 opacity: 0;
 visibility: hidden;
 max-height: 0;
 overflow: 'hidden';
}

.cx-creators__popup--active {
 opacity: 1;
 visibility: visible;
 max-height: 500px;
 overflow: 'hidden';
}

@media (min-width: 1024px) {
 .cx-creators__popup--active {
  margin-top: 40px;
 }
}

.cx-creators__popup--active .cx-creators__description {
 opacity: 1;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-delay: 0.5s;
 transition-delay: 0.5s;
}

.cx-juries {
 display: none;
 background: #cba258;
 color: #fff;
 padding: 100px 48px;
 overflow: hidden;
 font-family: SoDoSans, sans-serif;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

@media (min-width: 1024px) {
 .cx-juries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}

.cx-juries__title {
 font-size: 40px;
 font-weight: 600;
 padding-bottom: 60px;
}

@media screen and (max-width: 1024px) {
 .cx-juries__title {
  text-align: center;
 }
}

.cx-juries__subtitle {
 display: none;
}

@media screen and (max-width: 1024px) {
 .cx-juries__subtitle {
  display: block;
  padding: 0 16px 40px;
  text-align: center;
 }
}

.cx-juries__people {
 display: grid;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 padding: 0 20px;
 gap: 16px;
}

@media screen and (max-width: 1024px) {
 .cx-juries__people {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: scroll;
 }
}

.cx-juries__person {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 max-width: 264px;
 overflow: hidden;
 text-align: center;
}

.cx-juries__person img {
 padding-bottom: 30px;
}

.cx-juries__person:last-child .cx-juries__job {
 max-width: 225px;
}

@media screen and (max-width: 1024px) {
 .cx-juries__person {
  min-width: 260px;
 }
}

.cx-juries__name {
 font-size: 24px;
 font-weight: 600;
 padding-bottom: 18px;
}

.cx-juries__job {
 font-size: 16px;
 max-width: 165px;
 text-align: center;
}

.cx-juries__cta {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 cursor: pointer;
 height: 60px;
 padding: 0 26px;
 background-color: #cba258;
 color: #fff;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 font-size: 16px;
 border-radius: 30px;
 border: 1px solid #fff;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 font-size: 18px;
 max-width: 200px;
 font-family: GothamSSm, sans-serif;
}

@media screen and (max-width: 1024px) {
 .cx-juries__cta {
  font-size: 16px;
 }
}

@media screen and (max-width: 1024px) {
 .cx-juries {
  padding: 60px 0 40px;
 }
}

.cx-juries__mobile-only {
 display: block;
}

@media (min-width: 1024px) {
 .cx-juries__mobile-only {
  display: none;
 }
}

.cx-awards {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 100px 170px 120px;
 color: #000;
 font-family: SoDoSans, sans-serif;
}

@media screen and (max-width: 1024px) {
 .cx-awards {
  padding: 60px 26px 40px;
 }
}

.cx-awards__title {
 font-size: 40px;
 font-weight: 600;
 padding-bottom: 30px;
}

.cx-awards__subtitle {
 font-size: 20px;
 font-weight: 300;
 padding-bottom: 70px;
 text-align: center;
}

.cx-awards__list {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 96px;
}

@media screen and (max-width: 1024px) {
 .cx-awards__list {
  grid-template-columns: repeat(1, minmax(0, 1fr));
 }
}

.cx-awards__item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 gap: 20px;
}

.cx-awards__item img {
 margin-bottom: 26px;
}

.cx-awards__item-title {
 color: #cba258;
 size: 21px;
 font-weight: 700;
 text-transform: uppercase;
}

.cx-awards__item-description {
 font-size: 16px;
 font-weight: 400;
 text-align: center;
 color: #6c6c6c;
}

.cx-calendar {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 position: relative;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background: #faf6ee;
 padding: 48px;
 font-family: SoDoSans, sans-serif;
}

.cx-calendar__container {
 overflow-x: scroll;
 overflow-y: hidden;
 margin: 0;
 max-width: 100%;
}

.cx-calendar__image-container {
 min-height: 720px;
}

.cx-calendar__image-container img {
 height: 720px;
 width: auto;
}

@media screen and (max-width: 1024px) {
 .cx-calendar__image-container img {
  height: 100%;
  max-width: 1000000000px !important;
 }
}

.cx-calendar__title {
 position: absolute;
 top: 100px;
 font-size: 40px;
 font-weight: 600;
}

@media screen and (max-width: 1024px) {
 .cx-calendar__title {
  font-size: 36px;
 }
}

.cx-calendar__cta {
 position: absolute;
 bottom: 100px;
 width: 200px;
 cursor: pointer;
 height: 60px;
 background-color: #008248;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-radius: 30px;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 font-family: GothamSSm, sans-serif;
}

.cx-calendar__cta:hover {
 background-color: #1e3932;
 color: #fff;
}

@media screen and (max-width: 1024px) {
 .cx-calendar {
  padding: 80px 0 48px;
 }
}

.cx-guide {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 background: #faf6ee;
 padding-left: 48px;
 font-family: SoDoSans, sans-serif;
}

@media screen and (max-width: 1024px) {
 .cx-guide {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: unset;
 }
}

.cx-guide__content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 padding: 120px 110px 150px;
}

@media screen and (max-width: 1024px) {
 .cx-guide__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 10px;
 }
}

.cx-guide__eyebrow {
 font-family: Pike, sans-serif;
 font-size: 16px;
 font-weight: 700;
 padding-bottom: 24px;
 color: #cba258;
 letter-spacing: 0.3rem;
}

.cx-guide__title {
 font-size: 50px;
 font-weight: 600;
 padding-bottom: 38px;
 color: #1e3932;
}

@media screen and (max-width: 1024px) {
 .cx-guide__title {
  text-align: center;
  font-size: 30px;
 }
}

.cx-guide__description {
 font-size: 16px;
 font-weight: 300;
 color: #1f1f1f;
 padding-bottom: 50px;
}

@media screen and (max-width: 1024px) {
 .cx-guide__description {
  text-align: center;
 }
}

.cx-guide__terms {
 font-size: 18px;
 font-weight: 400;
 color: #00754a;
 line-height: 24px;
 margin-bottom: 40px;
 text-decoration: underline;
}

@media screen and (max-width: 1024px) {
 .cx-guide__terms {
  display: none;
 }
}

.cx-guide__buttons {
 gap: 18px;
}

@media screen and (max-width: 390px) {
 .cx-guide__buttons {
  gap: 8px;
 }
}

.cx-guide__buttons,
.cx-guide__pdf-cta {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

.cx-guide__pdf-cta {
 width: 170px;
 cursor: pointer;
 height: 60px;
 background-color: #008248;
 color: #fff;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-radius: 30px;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 gap: 10px;
 font-family: GothamSSm, sans-serif;
}

@media screen and (max-width: 390px) {
 .cx-guide__pdf-cta {
  width: 150px;
  gap: 6px;
 }
}

.cx-guide__pdf-cta:hover {
 background-color: #1e3932;
 color: #fff;
}

.cx-guide__template-cta {
 width: 206px;
 cursor: pointer;
 height: 60px;
 color: #00754a;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border: 1px solid #00754a;
 border-radius: 30px;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 gap: 10px;
 font-family: GothamSSm, sans-serif;
}

@media screen and (max-width: 1024px) {
 .cx-guide__template-cta {
  display: none;
 }
}

.cx-guide__show-cta {
 width: 170px;
 cursor: pointer;
 height: 60px;
 color: #00754a;
 display: none;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border: 1px solid #00754a;
 border-radius: 30px;
 margin: 40px auto 10px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 gap: 10px;
 font-family: GothamSSm, sans-serif;
}

@media screen and (max-width: 1024px) {
 .cx-guide__show-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}

@media screen and (max-width: 390px) {
 .cx-guide__show-cta {
  width: 150px;
  gap: 6px;
 }
}

.cx-guide__image-container {
 overflow: hidden;
}

.cx-guide__image-container img {
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}

@media screen and (max-width: 1024px) {
 .cx-guide__image-container {
  display: none;
 }
}

.cx-guide__image-container-2 {
 display: none;
 overflow: hidden;
}

.cx-guide__image-container-2 img {
 width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}

@media screen and (max-width: 1024px) {
 .cx-guide__image-container-2 {
  display: block;
 }
}

.cx-form {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 90px 10px;
 font-family: SoDoSans, sans-serif;
}

.cx-form__title {
 font-size: 40px;
 font-weight: 700;
 padding-bottom: 50px;
 text-align: center;
}

.cx-form form {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 width: 660px;
 max-width: 100%;
}

.cx-form form label {
 font-size: 20px;
 font-weight: 700;
 padding-bottom: 30px;
}

.cx-form form input {
 height: 50px;
}

.cx-form form input,
.cx-form form textarea {
 width: 100%;
 margin-bottom: 40px;
 border: 1px solid rgba(0, 0, 0, 0.31373);
 border-radius: 12px;
 font-size: 18px;
 padding: 20px;
}

.cx-form form textarea {
 height: 200px;
}

.cx-form__input-file {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 background: #faf6ee;
 border-radius: 12px;
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23333' stroke-width='3' stroke-opacity='.5' stroke-dasharray='12, 12' stroke-dashoffset='36' stroke-linecap='round'/%3E%3C/svg%3E");
 padding: 40px 0;
 margin-bottom: 60px;
}

.cx-form__input-file input {
 width: 0 !important;
 height: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
 /* display: none */
}

.cx-form__input-file-label {
 width: 100px;
 height: 50px;
 font-size: 14px;
 font-weight: 500;
 text-align: center;
 line-height: 50px;
 color: #fff;
 background: #000;
 border-radius: 28px;
 cursor: pointer;
}

.cx-form__input-text {
 max-width: 300px;
 padding: 20px 0;
 font-size: 14px;
 line-height: 24px;
 font-weight: 300;
 color: #1f1f1f;
}

.cx-form__terms-text {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 margin-bottom: 20px;
 gap: 5px;
}

.cx-form__terms-text a {
 max-height: 100% !important;
 color: #00754a;
}

.cx-form__terms-text a strong {
 color: #000;
 font-weight: 400;
}

.cx-form__terms-text input {
 width: 24px !important;
 height: 24px !important;
 margin-bottom: 0 !important;
}

.cx-form__upload-progress {
 display: none;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 gap: 30px;
 width: 100%;
 padding: 30px;
 margin-bottom: 70px;
 -webkit-box-shadow: 2px 2px 9.4px 0 rgba(0, 0, 0, 0.07843);
 box-shadow: 2px 2px 9.4px 0 rgba(0, 0, 0, 0.07843);
 position: relative;
}

.cx-form__file-name {
 font-size: 16px;
 font-weight: 400;
 width: 100%;
}

.cx-form__progress-bar-container {
 width: 100%;
 height: 6px;
 background: #d4e9e2;
 border-radius: 40px;
 margin-top: 16px;
}

.cx-form__progress-bar {
 width: 0%;
 height: 100%;
 background: #008248;
 border-radius: 40px;
}

.cx-form__upload-cancel {
 position: absolute;
 top: 30px;
 right: 30px;
 cursor: pointer;
}

.cx-form__submit {
 width: 120px;
 cursor: pointer;
 height: 60px;
 background-color: #008248;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 border-radius: 30px;
 margin: 40px 0 10px auto;
 border: none;
 font-size: 18px;
 font-weight: 500;
 font-family: GothamSSm, sans-serif;
}

.cx-form__dialog,
.cx-form__submit {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
}

.cx-form__dialog {
 isolation: isolate;
 z-index: 1000;
 position: fixed;
 width: 100vw;
 height: 100vh;
 top: 0;
 left: 0;
 display: none;
 background-color: rgba(0, 0, 0, 0.5);
 scrollbar-color: #cba258 #dfc49d;
}

.cx-form__inner {
 max-width: 100%;
 width: 890px;
 padding: 50px 40px 50px 30px;
 background-color: #fff;
 border-radius: 8px;
 max-height: 90%;
}

.cx-form__inner h3 {
 padding-top: 10px;
 padding-bottom: 16px;
}

.cx-form__inner p {
 padding-bottom: 16px;
 font-size: 16px;
 font-weight: 300;
 line-height: 26px;
}

.cx-form__inner ul {
 font-size: 16px;
 font-weight: 300;
 width: 100%;
 list-style-type: none;
 padding-left: 20px;
}

.cx-form__inner ol {
 font-size: 16px;
 font-weight: 300;
 width: 100%;
 list-style-type: none;
 padding-left: 20px;
}

.cx-form__inner ul li {
 max-width: 80%;
 position: relative;
 padding-left: 20px;
 padding-bottom: 16px;
}

.cx-form__inner ol li {
 max-width: 80%;
 position: relative;
 padding-left: 20px;
 padding-bottom: 16px;
}

.cx-form__inner ul li:before {
 content: '\2022';
 font-size: 24px;
 position: absolute;
 left: 0;
 top: 8px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.cx-form__inner ol li:before {
 content: '\2022';
 font-size: 24px;
 position: absolute;
 left: 0;
 top: 8px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}

.cx-form__inner ul h3 {
 padding-bottom: 6px;
}

.cx-form__inner ul p {
 padding-bottom: 16px;
}

.cx-form__inner ol h3 {
 padding-bottom: 6px;
}

.cx-form__inner ol p {
 padding-bottom: 16px;
}

@media screen and (max-width: 1024px) {
 .cx-form__inner {
  padding: 30px 20px;
 }
}

.cx-form__dialog-content {
 height: -webkit-max-content;
 height: -moz-max-content;
 height: max-content;
 max-height: 60vh;
 overflow-y: scroll;
}

.cx-form__dialog-title {
 font-size: 28px;
 font-weight: 700;
 padding-bottom: 56px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.cx-form__dialog-close {
 cursor: pointer;
 width: 24px;
 min-width: 24px;
 height: 24px;
 background-image: url('../../assets/images/general/x-icon.svg');
 background-size: cover;
}

.cx-faq,
.open {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}

.cx-faq {
 scroll-margin: 20px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 90px 160px;
 background: #faf6ee;
 font-family: SoDoSans, sans-serif;
}

.cx-faq__title {
 font-size: 40px;
 font-weight: 700;
 color: #1e3932;
 padding-bottom: 50px;
}

@media screen and (max-width: 1024px) {
 .cx-faq__title {
  font-size: 30px;
  padding-bottom: 30px;
 }
}

.cx-faq .cx-faq__accordion-container {
 width: 100%;
}

.cx-faq .cx-faq__item {
 border-bottom: 1px solid rgba(0, 0, 0, 0.31373);
}

.cx-faq .cx-faq__item input {
 position: absolute;
 opacity: 0;
 z-index: -1;
}

.cx-faq .cx-faq__item label.cx-faq__label {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 35px 30px;
 font-size: 23px;
 font-weight: 400;
 cursor: pointer;
 background: #faf6ee;
 color: #000;
 -webkit-transition: all 0.3s linear;
 transition: all 0.3s linear;
}

.cx-faq .cx-faq__item label.cx-faq__label:hover {
 background: #00754a;
 color: #fff;
}

.cx-faq .cx-faq__item label.cx-faq__label:after {
 content: '';
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' class='icon' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.938 11.25a1.143 1.143 0 0 1-.819-.348L.337 2.907a1.215 1.215 0 0 1 0-1.68 1.138 1.138 0 0 1 1.64 0l6.96 7.15 7.084-7.28a1.133 1.133 0 0 1 1.635 0c.455.466.455 1.219.003 1.684L9.754 10.9a1.144 1.144 0 0 1-.819.349' fill='%231E3932'/%3E%3C/svg%3E");
 width: 18px;
 min-width: 18px;
 margin-left: 8px;
 height: 11px;
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;
}

@media screen and (max-width: 1024px) {
 .cx-faq .cx-faq__item label.cx-faq__label {
  padding: 20px 12px;
  font-size: 18px;
 }
}

.cx-faq .cx-faq__item input:checked + label.cx-faq__label {
 background: #00754a;
 color: #fff;
}

.cx-faq .cx-faq__item input:checked + label.cx-faq__label:after {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
 background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.938 11.25a1.143 1.143 0 0 1-.819-.348L.337 2.907a1.215 1.215 0 0 1 0-1.68 1.138 1.138 0 0 1 1.64 0l6.96 7.15 7.084-7.28a1.133 1.133 0 0 1 1.635 0c.455.466.455 1.219.003 1.684L9.754 10.9a1.144 1.144 0 0 1-.819.349' fill='%23fff'/%3E%3C/svg%3E");
}

.cx-faq .cx-faq__item .cx-faq__content {
 font-size: 16px;
 font-weight: 600;
 line-height: 28px;
 max-height: 0;
 overflow: hidden;
 -webkit-transition: max-height 0.3s linear;
 transition: max-height 0.3s linear;
 background: #faf6ee;
 -webkit-transition: 0.3s linear;
 transition: 0.3s linear;
 padding: 0 30px;
}

@media screen and (max-width: 1024px) {
 .cx-faq .cx-faq__item .cx-faq__content {
  font-size: 14px;
  line-height: 24px;
  padding: 0 12px;
 }
}

.cx-faq .cx-faq__item input:checked ~ .cx-faq__content {
 padding: 40px 30px 30px;
 max-height: 1000px;
}

@media screen and (max-width: 1024px) {
 .cx-faq .cx-faq__item input:checked ~ .cx-faq__content {
  padding: 20px 12px;
 }
}

@media screen and (max-width: 1024px) {
 .cx-faq {
  padding: 30px 16px;
 }
}

.cx-what-have-we-done {
 background-image: url('../../assets/images/general/image_20years-mobile.jpg');
 background-position: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 height: 480px;
 width: 100%;
 background-color: #a9dac4;
}

@media (min-width: 768px) {
 .cx-what-have-we-done {
  background-image: url('../../assets/images/general/image_20years.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 58vw;
  width: 100%;
  padding: 60px 0;
 }
}

@media (min-width: 1024px) {
 .cx-what-have-we-done {
  padding: 95px 0;
 }
}

.cx-what-have-we-done__left--mobile {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 40px 20px 0;
}

@media (min-width: 768px) {
 .cx-what-have-we-done__left--mobile {
  display: none;
 }
}

.cx-what-have-we-done__left--desktop {
 display: none;
}

@media (min-width: 768px) {
 .cx-what-have-we-done__left--desktop {
  display: block;
 }
}

.cx-what-have-we-done__left--desktop img {
 max-width: 150px;
 pointer-events: none;
}

@media (min-width: 1024px) {
 .cx-what-have-we-done__left--desktop img {
  max-width: 220px;
 }
}

@media (min-width: 1200px) {
 .cx-what-have-we-done__left--desktop img {
  max-width: 290px;
 }
}

@media (min-width: 768px) {
 .cx-what-have-we-done__left--desktop img {
  margin-left: 6.319444444444445vw;
 }
}

.cx-what-have-we-done__title {
 font-size: 20px;
 line-height: 100%;
 color: #062c22;
 font-family: SoDoSans, sans-serif;
 font-weight: 700;
 width: calc(100% - 50px);
 padding-left: 10px;
}

.cx-what-have-we-done__logo {
 width: 50px;
 height: 50px;
 border-radius: 100px;
 overflow: hidden;
}

.cx-what-have-we-done__logo img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}

.cx-starbucks-turkey-20-years-old {
 overflow: hidden;
 position: relative;
 padding: 60px 0 0;
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old {
  padding: 100px 0 0;
 }
}

.cx-starbucks-turkey-20-years-old:before {
 width: 100%;
 height: 255px;
 content: '';
 position: absolute;
 bottom: 0;
 right: 0;
 left: 0;
 background-color: #00754a;
 z-index: 0;
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old:before {
  height: 475px;
 }
}

.cx-starbucks-turkey-20-years-old__title {
 text-align: center;
 font-family: SoDoSans, sans-serif;
 line-height: 100%;
 font-size: 30px;
 font-weight: 600;
 width: 100%;
 color: #1f1f1f;
 z-index: 1;
}

.cx-starbucks-turkey-20-years-old__title span {
 color: #008248;
}

@media (max-width: 768px) {
 .cx-starbucks-turkey-20-years-old__title span {
  display: block;
  width: 100%;
 }
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old__title {
  font-size: 40px;
  font-weight: 600;
  line-height: 21px;
 }
}

.cx-starbucks-turkey-20-years-old__video {
 width: 100%;
 z-index: 1;
 height: 220px;
 overflow: hidden;
 position: relative;
 margin: 30px auto 0;
 max-width: 1080px;
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old__video {
  height: 420px;
  margin-top: 40px;
 }
}

@media (min-width: 1200px) {
 .cx-starbucks-turkey-20-years-old__video {
  height: 620px;
  margin-top: 40px;
  max-width: 1095px;
 }
}

.cx-starbucks-turkey-20-years-old__video iframe {
 width: 100%;
 height: 100%;
}

.cx-starbucks-turkey-20-years-old__cta {
 font-family: SoDoSans, sans-serif;
 z-index: 1;
 font-size: 14px;
 font-weight: 600;
 width: 127px;
 height: 32px;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 color: #fff;
 line-height: 100%;
 border: 1px solid #fff;
 border-radius: 25px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 margin: 35px auto 0;
}

.cx-starbucks-turkey-20-years-old__cta:hover {
 border: 1px solid #1e3932;
 background-color: #1e3932;
 color: #fff;
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old__cta {
  width: 141px;
  height: 52px;
  font-size: 16px;
  font-weight: 400;
 }
}

.cx-starbucks-turkey-20-years-old__scrolling-text-wrapper {
 z-index: 1;
 position: relative;
 padding-top: 90px;
 background-color: #00754a;
 overflow: hidden;
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old__scrolling-text-wrapper {
  padding-top: 110px;
 }
}

@-webkit-keyframes slide {
 0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
 }

 to {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
 }
}

@keyframes slide {
 0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
 }

 to {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
 }
}

.cx-starbucks-turkey-20-years-old__scrolling-text {
 font-family: SoDoSans, sans-serif;
 font-size: 56px;
 text-align: center;
 font-weight: 900;
 line-height: 43px;
 color: #1e3932;
 white-space: nowrap;
 -webkit-animation-name: slide;
 animation-name: slide;
 -webkit-animation-duration: 35s;
 animation-duration: 35s;
 -webkit-animation-timing-function: linear;
 animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;
 animation-iteration-count: infinite;
}

.cx-starbucks-turkey-20-years-old__scrolling-text span {
 color: #fff;
}

@media (min-width: 768px) {
 .cx-starbucks-turkey-20-years-old__scrolling-text {
  font-size: 140px;
  line-height: 100px;
  font-weight: 900;
 }
}

@media (min-width: 1200px) {
 .cx-starbucks-turkey-20-years-old__scrolling-text {
  font-size: 189px;
  line-height: 139px;
  font-weight: 900;
 }
}

.cx-carousel {
 position: relative;
 z-index: 6;
 padding: 60px 0;
 font-family: SoDoSans, sans-serif;
}

@media (min-width: 1024px) {
 .cx-carousel {
  padding: 100px 0;
 }
}

.cx-carousel:after {
 content: '';
 background-color: #cba258;
 width: 100%;
 z-index: 0;
 height: 580px;
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
}

@media (min-width: 768px) {
 .cx-carousel:after {
  height: 440px;
 }
}

@media (min-width: 1024px) {
 .cx-carousel:after {
  height: 590px;
 }
}

.cx-carousel__title {
 text-align: center;
 font-family: SoDoSans, sans-serif;
 font-size: 22px;
 font-weight: 600;
 line-height: normal;
 color: #ffffff;
 width: 100%;
 max-width: 993px;
 margin: 0 auto;
 z-index: 1;
 position: relative;
}

@media (min-width: 1024px) {
 .cx-carousel__title {
  font-size: 30px;
 }
}

.cx-carousel__description {
 text-align: center;
 font-family: SoDoSans, sans-serif;
 font-size: 16px;
 font-weight: 300;
 line-height: 26px;
 color: #000;
 padding: 0 25px;
 width: 100%;
 max-width: 960px;
 margin: 40px auto 0;
 position: relative;
 z-index: 1;
}

@media (min-width: 1024px) {
 .cx-carousel__description {
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
  padding: 0;
 }
}

.cx-carousel__carousel {
 margin-top: 70px;
 height: 230px;
 cursor: none;
}

@media (min-width: 1024px) {
 .cx-carousel__carousel {
  margin-top: 50px;
  height: 380px;
 }
}

.cx-carousel__carousel * {
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
}

.cx-carousel__carousel .swiper-wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
}

.cx-carousel__carousel .swiper-container-free-mode > .swiper-wrapper {
 -webkit-transition-timing-function: linear;
 transition-timing-function: linear;
}

.cx-carousel__carousel .swiper-slide {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 z-index: 1;
}

.cx-carousel__carousel .swiper-slide .cx-carousel__box {
 width: 80px;
 height: 150px;
 margin: 0 auto;
}

@media (min-width: 1024px) {
 .cx-carousel__carousel .swiper-slide .cx-carousel__box {
  width: 145px;
  height: 275px;
 }
}

.cx-carousel__carousel .swiper-slide .cx-carousel__box img {
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 -o-object-position: center;
 object-position: center;
}

.cx-carousel__carousel .swiper-slide-active .cx-carousel__box {
 width: 110px;
 height: 210px;
}

@media (min-width: 1024px) {
 .cx-carousel__carousel .swiper-slide-active .cx-carousel__box {
  width: 200px;
  height: 380px;
 }
}

.cx-carousel__carousel .swiper-slide-active .cx-carousel__box img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
}

@media screen and (max-width: 1024px) {
 .cx-carousel {
  display: none;
 }
}

.cx-cursor {
 width: 0;
 height: 0;
 border-radius: 100%;
 position: fixed;
 pointer-events: none;
 left: 0;
 top: 0;
 z-index: 10;
 -webkit-transform: translate(calc(-50% + 15px), -50%);
 transform: translate(calc(-50% + 15px), -50%);
 background: url('../../assets/images/general/cursor.png') 50% no-repeat;
 background-size: 100%;
}

.cx-cursor--active {
 width: 100px;
 height: 100px;
}

.cx-designs {
 padding: 60px 0;
}

@media (min-width: 1024px) {
 .cx-designs {
  margin: 0 auto;
  padding: 110px 0;
 }
}

.cx-designs__wrapper {
 display: none;
}

@media (min-width: 1024px) {
 .cx-designs__wrapper {
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
 }
}

@media (min-width: 1024px) {
 .cx-designs__left,
 .cx-designs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }

 .cx-designs__left {
  width: 50%;
  height: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
 }
}

@media (min-width: 1400px) {
 .cx-designs__left {
  width: calc(100% - 660px);
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
}

.cx-designs__right {
 background-color: none;
}

@media (min-width: 1024px) {
 .cx-designs__right {
  width: 50%;
  height: 400px;
 }
}

@media (min-width: 1200px) {
 .cx-designs__right {
  height: 550px;
 }
}

@media (min-width: 1400px) {
 .cx-designs__right {
  width: 660px;
  height: 550px;
 }
}

@media (min-width: 1024px) {
 .cx-designs__head {
  padding-left: 90px;
  width: 100%;
  position: relative;
 }
}

.cx-designs__sub-title {
 color: #cba258;
 font-family: Pike, sans-serif;
 font-size: 16px;
 font-weight: 700;
 line-height: 21px;
 letter-spacing: 4.24px;
}

.cx-designs__title {
 color: #000;
 font-family: SoDoSans, sans-serif;
 font-size: 30px;
 font-weight: 600;
}

@media (min-width: 1024px) {
 .cx-designs__title {
  font-size: 35px;
  font-weight: 600;
 }
}

@media (min-width: 1400px) {
 .cx-designs__title {
  font-size: 50px;
  font-weight: 600;
 }
}

@media (min-width: 1024px) {
 .cx-designs__content {
  height: auto;
  direction: rtl;
  overflow: hidden;
  padding-left: 90px;
  padding-right: 90px;
 }

 .cx-designs__content * {
  direction: ltr;
 }
}

@media (min-width: 1024px) {
 .cx-designs__row {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 50px;
 }

 .cx-designs__row:first-child {
  padding-top: 10px;
 }
}

.cx-designs__main-title {
 color: #000;
 font-family: SoDoSans, sans-serif;
 font-size: 23px;
 font-weight: 400;
 line-height: 21px;
 margin-top: 30px;
 width: 100%;
}

@media (min-width: 1024px) {
 .cx-designs__main-title {
  color: #000;
  font-family: SoDoSans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 35px;
 }
}

@media (min-width: 1400px) {
 .cx-designs__main-title {
  color: #000;
  font-family: SoDoSans, sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 30px;
 }
}

.cx-designs__description {
 margin-top: 25px;
 font-family: SoDoSans, sans-serif;
 font-size: 16px;
 font-weight: 300;
 line-height: 26px;
 overflow: hidden;
}

@media (min-width: 1024px) {
 .cx-designs__description {
  margin-top: 20px;
  font-family: SoDoSans, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 24px;
 }
}

@media (min-width: 1400px) {
 .cx-designs__description {
  margin-top: 25px;
  font-family: SoDoSans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
 }
}

.cx-designs__profile {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
}

@media (min-width: 1024px) {
 .cx-designs__profile {
  margin-top: 50px;
 }
}

@media (min-width: 1400px) {
 .cx-designs__profile {
  margin-top: 45px;
 }
}

.cx-designs__banner {
 width: 50px;
 height: 50px;
 border-radius: 100px;
 overflow: hidden;
}

.cx-designs__banner img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
}

@media (min-width: 1024px) {
 .cx-designs__banner {
  width: 40px;
  height: 40px;
 }
}

@media (min-width: 1400px) {
 .cx-designs__banner {
  width: 55px;
  height: 55px;
 }
}

.cx-designs__name {
 color: #1f1f1f;
 font-family: SoDoSans, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 21px;
 padding-left: 10px;
}

@media (min-width: 1024px) {
 .cx-designs__name {
  color: #1f1f1f;
  font-family: SoDoSans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 10px;
 }
}

@media (min-width: 1400px) {
 .cx-designs__name {
  color: #1f1f1f;
  font-family: SoDoSans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  padding-left: 10px;
 }
}

.cx-designs__cta {
 width: 250px;
 cursor: pointer;
 height: 42px;
 background-color: #008248;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-radius: 30px;
 margin-top: auto;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 border: 0;
 font-family: GothamSSm, sans-serif;
}

.cx-designs__cta:hover {
 background-color: #1e3932;
 color: #fff;
}

.cx-designs__cta img {
 width: 16px;
 height: 16px;
 display: block;
}

.cx-designs__cta span {
 padding-left: 5px;
 display: block;
 font-family: GothamSSm, sans-serif;
 font-size: 14px;
 font-weight: 500;
}

@media (min-width: 1024px) {
 .cx-designs__cta {
  margin-top: 40px;
 }
}

.cx-designs__images {
 width: 100%;
 position: relative;
 overflow: hidden;
}

@media (min-width: 1024px) {
 .cx-designs__images {
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
 }
}
@media (min-width: 1250px) {
 .cx-designs__images {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
 }
}

@media (min-width: 1400px) {
 .cx-designs__images {
  width: 660px;
  height: 550px;
  position: relative;
  overflow: hidden;
 }
}

.cx-designs__image {
 -webkit-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
}

@media (min-width: 1024px) {
 .cx-designs__image {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  overflow: hidden;
 }
}

@media (min-width: 1400px) {
 .cx-designs__image {
  width: 660px;
  position: absolute;
  overflow: hidden;
 }
}

.cx-designs__image--height-0 {
 height: 0;
}

.cx-designs__image-cup {
 position: absolute;
 bottom: 0;
 width: 100%;
}

@media (min-width: 1024px) {
 .cx-designs__progress {
  width: 5px;
  height: 100%;
  background-color: hsla(0, 0%, 42%, 0.15);
  position: absolute;
  top: 0;
  left: 0;
  height: 300px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 50px;
 }

 .cx-designs__progress-line {
  background-color: #cba258;
  width: 100%;
  height: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
 }
}

.cx-designs__number {
 width: 42px;
 height: 42px;
 border-radius: 100px;
 border: 2px solid hsla(0, 0%, 42%, 0.15);
 background-color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 font-size: 21px;
 font-weight: 600;
 font-family: SoDoSans, sans-serif;
 color: hsla(0, 0%, 42%, 0.15);
 position: absolute;
 top: 0;
 z-index: 1;
 left: 0;
 -webkit-transform: translateX(-17px);
 transform: translateX(-17px);
 -webkit-box-shadow: 0 0 0 5px hsla(0, 0%, 100%, 0.99);
 box-shadow: 0 0 0 5px hsla(0, 0%, 100%, 0.99);
}

.cx-designs__number--active {
 color: #cba258;
 border-color: #cba258;
}

.cx-designs__m-wrapper {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: start;
 -ms-flex-align: start;
 align-items: flex-start;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}

@media (min-width: 1024px) {
 .cx-designs__m-wrapper {
  display: none;
 }
}

.cx-designs__m-wrapper .cx-designs__m-content {
 margin-top: 15px;
 width: 100%;
}

.cx-designs__m-wrapper .cx-designs__m-sub-title {
 color: #00754a;
 font-family: Pike, sans-serif;
 font-size: 16px;
 font-weight: 700;
 line-height: 21px;
 letter-spacing: 4.24px;
 padding-left: 55px;
}

.cx-designs__m-wrapper .cx-designs__m-header {
 display: none;
 position: fixed;
 top: 50px;
 left: 0;
 z-index: 5;
 width: 100%;
 padding: 0 10px;
}

.cx-designs__m-wrapper .cx-designs__m-header .cx-designs__m-row-head {
 height: 65px;
 opacity: 0;
}

.cx-designs__m-wrapper
 .cx-designs__m-header
 .cx-designs__m-row-head
 .cx-designs__m-row-head-title {
 font-size: 20px;
 color: #cba258;
 font-weight: 600;
}

.cx-designs__m-wrapper
 .cx-designs__m-header
 .cx-designs__m-row-head
 .cx-designs__m-row-head-number {
 background-color: #cba258;
 color: #fff;
 font-size: 16px;
}

.cx-designs__m-wrapper
 .cx-designs__m-header
 .cx-designs__m-row-head:nth-child(2),
.cx-designs__m-wrapper
 .cx-designs__m-header
 .cx-designs__m-row-head:nth-child(3) {
 border-top: 2px solid hsla(0, 0%, 42%, 0.15);
 opacity: 0;
}

.cx-designs__m-wrapper .cx-designs__m-row {
 width: 100%;
}

.cx-designs__m-wrapper .cx-designs__m-row-head {
 padding: 0 10px;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-orient: horizontal;
 -ms-flex-direction: row;
 flex-direction: row;
 width: 100%;
 height: 80px;
 background-color: #fff;
 -webkit-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.cx-designs__m-wrapper .cx-designs__m-row-head,
.cx-designs__m-wrapper .cx-designs__m-row-head-number {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-direction: normal;
}

.cx-designs__m-wrapper .cx-designs__m-row-head-number {
 width: 32px;
 height: 32px;
 border: 2px solid #cba258;
 border-radius: 100px;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: vertical;
 -ms-flex-direction: column;
 flex-direction: column;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 font-size: 16px;
 font-family: SoDoSans, sans-serif;
 font-weight: 600;
 color: #cba258;
}

.cx-designs__m-wrapper .cx-designs__m-row-head-title {
 width: calc(100% - 32px);
 font-family: SoDoSans, sans-serif;
 font-size: 30px;
 padding-left: 12px;
 font-weight: 600;
}

.cx-designs__m-wrapper .cx-designs__m-row-image {
 background-color: none;
 width: 100%;
 margin-top: 20px;
}

@media (min-width: 768px) {
 .cx-designs__m-wrapper .cx-designs__m-row-image {
  width: 400px;
 }
}

.cx-designs__m-wrapper .cx-designs__m-row-image-cup {
 width: 100%;
 height: 100%;
}

@media (min-width: 768px) {
 .cx-designs__m-wrapper .cx-designs__m-row-image-cup {
  width: 400px;
  height: 400px;
 }
}

.cx-designs__m-wrapper .cx-designs__m-row-profile {
 width: 100%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 padding: 0 10px;
 margin-top: 25px;
}

.cx-designs__m-wrapper .cx-designs__m-row-profile-banner {
 width: 51px;
 height: 51px;
 border-radius: 100px;
 overflow: hidden;
}

.cx-designs__m-wrapper .cx-designs__m-row-profile-banner img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
}

.cx-designs__m-wrapper .cx-designs__m-row-profile-name {
 font-size: 16px;
 font-family: SoDoSans, sans-serif;
 line-height: 21px;
 padding-left: 15px;
 width: calc(100% - 51px);
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper {
 margin-top: 35px;
 padding: 0 10px;
 padding-bottom: 60px;
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper-title {
 font-family: SoDoSans, sans-serif;
 font-size: 23px;
 font-weight: 400;
 line-height: 21px;
 color: #000;
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper-description {
 font-family: SoDoSans, sans-serif;
 font-size: 16px;
 font-weight: 300;
 line-height: 26px;
 color: #000;
 margin-top: 25px;
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper-cta {
 width: 250px;
 cursor: pointer;
 height: 42px;
 background-color: #008248;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 -ms-flex-direction: row;
 flex-direction: row;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 border-radius: 30px;
 -webkit-transition: all 0.3s ease;
 transition: all 0.3s ease;
 margin-top: 30px;
 border: 0;
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper-cta:hover {
 background-color: #1e3932;
 color: #fff;
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper-cta img {
 width: 16px;
 height: 16px;
 display: block;
}

.cx-designs__m-wrapper .cx-designs__m-row-wrapper-cta span {
 padding-left: 5px;
 display: block;
 font-family: GothamSSm, sans-serif;
 font-size: 14px;
 font-weight: 500;
}

.cx-designs__m-wrapper
 .cx-designs__m-row:last-child
 .cx-designs__m-row-wrapper {
 padding-bottom: 0;
}

.cx-modal {
 display: none;
 position: fixed;
 z-index: 1;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: hsla(0, 0%, 100%, 0.3);
 z-index: 100;
 -webkit-backdrop-filter: blur(5px);
 backdrop-filter: blur(5px);
 overflow: hidden;
}

.cx-modal-content {
 margin: 0 auto;
 padding: 20px;
 width: 100%;
 z-index: 101;
 height: 50%;
 margin-top: 50%;
}

@media (min-width: 1024px) {
 .cx-modal-content {
  width: 60%;
  z-index: 101;
  height: 100%;
  margin-top: 0;
  padding: 100px 50px;
 }
}

.cx-modal-close {
 font-size: 28px;
 font-weight: 700;
 position: absolute;
 top: 10px;
 right: 10px;
 width: 45px;
 height: 45px;
 background-color: #00754a;
 color: #fff;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 font-size: 25px;
 line-height: 100%;
 cursor: pointer;
 border-radius: 100px;
}

* {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 outline: none;
}

body,
html {
 height: 100%;
}

body {
 font-family: GothamSSm, sans-serif;
 padding: 0;
 font-size: 16px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
 margin: 0;
}

a {
 text-decoration: none;
}

p,
ul {
 margin: 0;
}

ul {
 padding: 0;
}

ol {
 margin: 0;
}

ol {
 padding: 0;
}

li {
 list-style: none;
}

img {
 max-width: 100%;
}

.cx-home {
 padding-top: 50px;
 background-color: #fff;
}

@media (min-width: 1024px) {
 .cx-home {
  padding-top: 60px;
 }
}

.cx-home * {
 scroll-margin-top: 10px;
}

@media (min-width: 1024px) {
 .cx-home * {
  scroll-margin-top: -20px;
 }
}

.cx-container {
 width: calc(100% - 20px);
 margin: 0 10px;
}

@media (min-width: 768px) {
 .cx-container {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
 }
}

@media (min-width: 1024px) {
 .cx-container {
  max-width: 950px;
 }
}

@media (min-width: 1200px) {
 .cx-container {
  max-width: 1150px;
 }
}

@media (min-width: 1400px) {
 .cx-container {
  max-width: 1340px;
 }
}

.cx-opacity {
 opacity: 0;
}

.mobile {
 display: none;
}

@media (max-width: 1024px) {
 .mobile {
  display: block;
 }
}

.logos {
 display: flex;
 gap: 60px;
 margin-top: 60px;
 align-items: center;
 flex-wrap: wrap;
 justify-content: center;
}

@media (max-width: 768px) {
 .logos {
  width: 210px;
 }
}

.logos > img {
 height: 100%;
}