.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /*! * OverlayScrollbars * Version: 2.2.0 * * Copyright (c) Rene Haas | KingSora. * https://github.com/KingSora * * Released under the MIT license. */.os-size-observer,.os-size-observer-listener{box-sizing:border-box;direction:inherit;overflow:hidden;pointer-events:none;visibility:hidden}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{left:0;position:absolute;top:0;writing-mode:horizontal-tb}.os-size-observer{border:inherit;bottom:0;box-sizing:inherit;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;margin:-133px;padding:inherit;right:0;top:0;transform:scale(.1);z-index:-1}.os-size-observer:before{box-sizing:inherit;content:"";flex:none;height:10px;padding:10px;width:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{border:inherit;box-sizing:border-box;flex:auto;margin:-133px;padding:inherit;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";height:100%;width:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{border:inherit;box-sizing:content-box;display:block;flex:auto;padding:inherit;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{bottom:0;direction:ltr;flex:none;overflow:hidden;right:0}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{border:none;box-sizing:border-box;contain:strict;flex:none;height:0;margin:0;max-height:1px;max-width:0;overflow:hidden;padding:0;position:relative;top:calc(100% + 1px);z-index:-1}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{height:1000%;min-height:1px;min-width:1px;width:1000%}.os-environment{--os-custom-prop:-1;height:200px;opacity:0;overflow:scroll;position:fixed;visibility:hidden;width:200px;z-index:var(--os-custom-prop)}.os-environment div{height:200%;margin:10px 0;width:200%}.os-environment.os-environment-flexbox-glue{display:flex;flex-direction:row;flex-wrap:nowrap;height:auto;min-height:200px;min-width:200px;width:auto}.os-environment.os-environment-flexbox-glue div{flex:auto;height:auto;margin:0;max-height:100%;max-width:100%;width:auto}.os-environment.os-environment-flexbox-glue-max{max-height:200px}.os-environment.os-environment-flexbox-glue-max div{overflow:visible}.os-environment.os-environment-flexbox-glue-max div:before{content:"";display:block;height:999px;width:999px}.os-environment,[data-overlayscrollbars-viewport]{-ms-overflow-style:scrollbar!important}.os-scrollbar-hidden.os-environment,[data-overlayscrollbars-initialize],[data-overlayscrollbars-viewport~=scrollbarHidden],[data-overlayscrollbars~=scrollbarHidden]{scrollbar-width:none!important}.os-scrollbar-hidden.os-environment::-webkit-scrollbar,.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner,[data-overlayscrollbars-initialize]::-webkit-scrollbar,[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;display:none!important;height:0!important;width:0!important}[data-overlayscrollbars-initialize]{overflow:auto}html.os-scrollbar-hidden,html.os-scrollbar-hidden>body,html[data-overlayscrollbars]{box-sizing:border-box;height:100%;margin:0;width:100%}html[data-overlayscrollbars]>body{overflow:visible}[data-overlayscrollbars~=host]{position:relative}[data-overlayscrollbars-padding],[data-overlayscrollbars~=host]{display:flex;flex-direction:row!important;flex-wrap:nowrap!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]{border:none;box-sizing:inherit;flex:auto!important;height:auto;margin:0;padding:0;position:relative;width:100%;z-index:0}[data-overlayscrollbars-viewport]{--os-vaw:0;--os-vah:0}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";height:var(--os-vah);min-height:1px;min-width:1px;pointer-events:none;position:absolute;width:var(--os-vaw);z-index:-1}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport],[data-overlayscrollbars~=host],[data-overlayscrollbars~=viewport]{overflow:hidden}[data-overlayscrollbars-padding~=overflowVisible],[data-overlayscrollbars-viewport~=overflowVisible],[data-overlayscrollbars~=overflowVisible]{overflow:visible}[data-overlayscrollbars-overflow-x=hidden]{overflow-x:hidden}[data-overlayscrollbars-overflow-x=scroll]{overflow-x:scroll}[data-overlayscrollbars-overflow-x=hidden]{overflow-y:hidden}[data-overlayscrollbars-overflow-y=scroll]{overflow-y:scroll}[data-overlayscrollbars~=scrollbarPressed],[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport]{scroll-behavior:auto!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport]{height:auto!important;width:auto!important}.os-scrollbar{contain:size layout;contain:size layout style;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none}.os-scrollbar-track{border:none!important;direction:ltr!important;padding:0!important;position:relative}.os-scrollbar-handle{position:absolute}.os-scrollbar-handle,.os-scrollbar-track{height:100%;pointer-events:none;width:100%}.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle,.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{right:0;top:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-interaction.os-scrollbar-visible,.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hidden{opacity:0;visibility:hidden}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0}.os-scrollbar-vertical .os-scrollbar-handle{right:0}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{bottom:0;top:0}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar .os-scrollbar-track{background:var(--os-track-bg);border:var(--os-track-border);border-radius:var(--os-track-border-radius);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar .os-scrollbar-track:hover{background:var(--os-track-bg-hover);border:var(--os-track-border-hover)}.os-scrollbar .os-scrollbar-track:active{background:var(--os-track-bg-active);border:var(--os-track-border-active)}.os-scrollbar .os-scrollbar-handle{background:var(--os-handle-bg);border:var(--os-handle-border);border-radius:var(--os-handle-border-radius)}.os-scrollbar .os-scrollbar-handle:before{bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.os-scrollbar .os-scrollbar-handle:hover{background:var(--os-handle-bg-hover);border:var(--os-handle-border-hover)}.os-scrollbar .os-scrollbar-handle:active{background:var(--os-handle-bg-active);border:var(--os-handle-border-active)}.os-scrollbar-horizontal{height:var(--os-size);padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-handle{height:var(--os-handle-perpendicular-size);max-width:var(--os-handle-max-size);min-width:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:calc(var(--os-padding-perpendicular)*-1);top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{bottom:var(--os-size);padding:var(--os-padding-axis) var(--os-padding-perpendicular);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-handle{max-height:var(--os-handle-max-size);min-height:var(--os-handle-min-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s;width:var(--os-handle-perpendicular-size)}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1);right:calc(var(--os-padding-perpendicular)*-1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:calc(var(--os-padding-perpendicular)*-1);right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset))*-1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}.os-theme-none.os-scrollbar,[data-overlayscrollbars~=updating]>.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px;box-sizing:border-box}.os-theme-dark{--os-handle-bg:rgba(0,0,0,.44);--os-handle-bg-hover:rgba(0,0,0,.55);--os-handle-bg-active:rgba(0,0,0,.66)}.os-theme-light{--os-handle-bg:hsla(0,0%,100%,.44);--os-handle-bg-hover:hsla(0,0%,100%,.55);--os-handle-bg-active:hsla(0,0%,100%,.66)}.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track{border-radius:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal{height:10px;padding:2px;right:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl{left:10px;right:0}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle{max-width:none;min-width:33px}.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before{bottom:-2px;top:-6px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical,.os-no-css-vars.os-theme-light.os-scrollbar-vertical{bottom:10px;padding:2px;width:10px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle{max-height:none;min-height:33px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before{left:-6px;right:-2px}.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before,.os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{left:-2px;right:-6px}.os-no-css-vars.os-theme-dark .os-scrollbar-handle{background:rgba(0,0,0,.44)}.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle{background:rgba(0,0,0,.55)}.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle{background:rgba(0,0,0,.66)}.os-no-css-vars.os-theme-light .os-scrollbar-handle{background:hsla(0,0%,100%,.44)}.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle{background:hsla(0,0%,100%,.55)}.os-no-css-vars.os-theme-light:active .os-scrollbar-handle{background:hsla(0,0%,100%,.66)} @charset "UTF-8"; /*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */ /*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */ /* Document ======== */ /** Use a better box model (opinionated). */ *, ::before, ::after { box-sizing: border-box; } /** Use a more readable tab size (opinionated). */ html { tab-size: 4; } /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ======== */ /** Remove the margin in all browsers. */ body { margin: 0; } /** Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ body { font-family: system-ui, -apple-system, /* Firefox supports this but not yet `system-ui` */ 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; } /* Grouping content ================ */ /** 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ } /* Text-level semantics ==================== */ /** Add the correct text decoration in Chrome, Edge, and Safari. */ abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /** 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) 2. Correct the odd 'em' font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Tabular data ============ */ /** 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ } /* Forms ===== */ /** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Remove the inheritance of text transform in Edge and Firefox. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** Correct the inability to style clickable types in iOS and Safari. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; } /** Remove the inner border and padding in Firefox. */ ::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ :-moz-focusring { outline: 1px dotted ButtonText; } /** Remove the additional ':invalid' styles in Firefox. See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737 */ :-moz-ui-invalid { box-shadow: none; } /** Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. */ legend { padding: 0; } /** Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /** Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to 'inherit' in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive =========== */ /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /** * Manually forked from SUIT CSS Base: https://github.com/suitcss/base * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. */ /** * Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } button { background-color: transparent; background-image: none; } fieldset { margin: 0; padding: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Tailwind custom reset styles */ /** * 1. Use the user's configured `sans` font-family (with Tailwind's default * sans-serif font stack as a fallback) as a sane default. * 2. Use Tailwind's default "normal" line-height so the user isn't forced * to override it to ensure consistency even when using the default theme. */ html { font-family: Poppins, sans-serif; /* 1 */ line-height: 1.5; /* 2 */ } /** * Inherit font-family and line-height from `html` so users can set them as * a class directly on the `html` element. */ body { font-family: inherit; line-height: inherit; } /** * 1. Prevent padding and border from affecting element width. * * We used to set this in the html element and inherit from * the parent element for everything else. This caused issues * in shadow-dom-enhanced elements like
where the content * is wrapped by a div with box-sizing set to `content-box`. * * https://github.com/mozdevs/cssremedy/issues/4 * * * 2. Allow adding a border to an element by just adding a border-width. * * By default, the way the browser specifies that an element should have no * border is by setting it's border-style to `none` in the user-agent * stylesheet. * * In order to easily add borders to elements by just setting the `border-width` * property, we change the default border-style for all elements to `solid`, and * use border-width to hide them instead. This way our `border` utilities only * need to set the `border-width` property instead of the entire `border` * shorthand, making our border utilities much more straightforward to compose. * * https://github.com/tailwindcss/tailwindcss/pull/116 */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } /* * Ensure horizontal rules are visible by default */ hr { border-top-width: 1px; } /** * Undo the `border-style: none` reset that Normalize applies to images so that * our `border-{width}` utilities have the expected effect. * * The Normalize reset is unnecessary for us since we default the border-width * to 0 on all elements. * * https://github.com/tailwindcss/tailwindcss/issues/362 */ img { border-style: solid; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role="button"] { cursor: pointer; } /** * Override legacy focus reset from Normalize with modern Firefox focus styles. * * This is actually an improvement over the new defaults in Firefox in our testing, * as it triggers the better focus styles even for links, which still use a dotted * outline in Firefox by default. */ :-moz-focusring { outline: auto; } table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /** * Reset links to optimize for opt-in styling instead of * opt-out. */ a { color: inherit; text-decoration: inherit; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /** * 1. Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 * * 2. Add `vertical-align: middle` to align replaced elements more * sensibly by default when overriding `display` by adding a * utility like `inline`. * * This can trigger a poorly considered linting error in some * tools but is included by design. * * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /** * Constrain images and videos to the parent width and preserve * their intrinsic aspect ratio. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, video { max-width: 100%; height: auto; } /** * Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } *, ::before, ::after{ --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-transform: translateX(var(--tw-translate-x)) translateY(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)); --tw-border-opacity: 1; border-color: rgba(229, 231, 235, var(--tw-border-opacity)); --tw-blur: var(--tw-empty,/*!*/ /*!*/); --tw-brightness: var(--tw-empty,/*!*/ /*!*/); --tw-contrast: var(--tw-empty,/*!*/ /*!*/); --tw-grayscale: var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/); --tw-invert: var(--tw-empty,/*!*/ /*!*/); --tw-saturate: var(--tw-empty,/*!*/ /*!*/); --tw-sepia: var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/); --tw-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); } /*! Lity - v2.4.1 - 2020-04-26 * http://sorgalla.com/lity/ * Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */ .lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; transition: opacity 0.3s ease; } .lity.lity-opened { opacity: 1; } .lity.lity-closed { opacity: 0; } .lity * { box-sizing: border-box; } .lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; } .lity-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; opacity: 0; transition: opacity 0.3s ease; } .lity-loading .lity-loader { opacity: 1; } .lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; } .lity-content { z-index: 9993; width: 100%; transform: scale(1); transition: transform 0.3s ease; } .lity-loading .lity-content, .lity-closed .lity-content { transform: scale(0.8); } .lity-content:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; } .lity-close::-moz-focus-inner { border: 0; padding: 0; } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; } .lity-close:active { top: 1px; } /* Image */ .lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; } /* iFrame */ .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; } .lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; transform: translateZ(0); -webkit-overflow-scrolling: touch; } .lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .lity-hide { display: none; } .overlay { position: relative; } .overlay:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(29, 29, 29); opacity: 0; transition: opacity 0.3s cubic-bezier(0, 0, 0, 1); } .overlay.overlay-light:before { background-color: rgb(255, 255, 255); } .overlay.overlay-5:before { opacity: 0.05; } .overlay.overlay-10:before { opacity: 0.1; } .overlay.overlay-15:before { opacity: 0.15; } .overlay.overlay-20:before { opacity: 0.2; } .overlay.overlay-25:before { opacity: 0.25; } .overlay.overlay-30:before { opacity: 0.3; } .overlay.overlay-35:before { opacity: 0.35; } .overlay.overlay-40:before { opacity: 0.4; } .overlay.overlay-45:before { opacity: 0.45; } .overlay.overlay-50:before { opacity: 0.5; } .overlay.overlay-55:before { opacity: 0.55; } .overlay.overlay-60:before { opacity: 0.6; } .overlay.overlay-65:before { opacity: 0.65; } .overlay.overlay-70:before { opacity: 0.7; } .overlay.overlay-75:before { opacity: 0.75; } .overlay.overlay-80:before { opacity: 0.8; } .overlay.overlay-85:before { opacity: 0.85; } .overlay.o90:before { opacity: 0.9; } .overlay.o95:before { opacity: 0.95; } .grayscale { filter: grayscale(100%); } @keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes bounce-top { from { transform: translateY(0); } to { transform: translateY(-20px); } } @keyframes bounce-bottom { from { transform: translateY(0); } to { transform: translateY(20px); } } .has-black-color { color: #000000; } .has-black-background-color { background-color: #000000; } .has-white-color { color: #ffffff; } .has-white-background-color { background-color: #ffffff; } .has-pink-color { color: #C30073; } .has-pink-background-color { background-color: #C30073; } .has-pink-light-color { color: #AA60BF; } .has-pink-light-background-color { background-color: #AA60BF; } .has-pink-dark-color { color: #700F52; } .has-pink-dark-background-color { background-color: #700F52; } .has-blue-color { color: #4D4DFF; } .has-blue-background-color { background-color: #4D4DFF; } .has-blue-light-color { color: #2687B9; } .has-blue-light-background-color { background-color: #2687B9; } .has-blue-dark-color { color: #014F8C; } .has-blue-dark-background-color { background-color: #014F8C; } .has-gray-color { color: #CCCCCC; } .has-gray-background-color { background-color: #CCCCCC; } :root { --col48: calc(calc(100vw - 40px) / 48); } @media (min-width: 1280px) { :root { --col48: calc(1240px / 48); } } html { scroll-behavior: smooth; } html.noscroll { height: var(--app-height, 100vh) !important; overflow: hidden !important; width: 100%; } body{ font-family: Poppins, sans-serif; } body.noscroll { height: var(--app-height, 100vh) !important; overflow: hidden !important; width: 100%; } p{ font-size: 1rem; line-height: normal; line-height: 1.5; margin-bottom: 1em; font-family: Poppins, sans-serif; } p.h3, p.h6 { line-height: 1.25; } p.h3 { margin-bottom: 0.5em; } p.h6 { margin-bottom: 8px !important; } .text-md p, .text-base p { font-size: inherit; } b, strong{ font-family: Poppins, sans-serif; font-weight: 700; } a, button{ transform: var(--tw-transform); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 300ms; } .container{ padding-left: 1.25rem; padding-right: 1.25rem; } :root, body { --h1: 3rem; --h2: 2rem; --h3: 1.5rem; --h4: 1.4rem; --h5: 1.25rem; --h6: 1rem; --font-small: 14px; --font-large: 18px; } @media (min-width: 1280px) { :root, body { --h1: 4rem; --h2: 2.5rem; --h3: 2rem; --h4: 1.5rem; --h5: 1.4rem; --h6: 1rem; --font-small: 14px; --font-large: 20px; } } h1, .h1{ font-family: Poppins, sans-serif; font-size: 3rem; line-height: normal; font-weight: 700; line-height: 1.25; } @media (min-width: 1024px) { h1, .h1{ font-size: 4rem; line-height: normal; } } h2, .h2{ font-family: Poppins, sans-serif; font-size: 2rem; line-height: normal; font-weight: 700; line-height: 1.375; } @media (min-width: 1024px) { h2, .h2{ font-size: 2.5rem; line-height: normal; } h2, .h2{ line-height: 1.375; } } h3, .h3{ font-family: Poppins, sans-serif; font-size: 1.5rem; line-height: normal; font-weight: 700; line-height: 1.375; } @media (min-width: 1024px) { h3, .h3{ font-size: 2rem; line-height: normal; } } h4, .h4{ font-family: Poppins, sans-serif; font-size: 1.4rem; line-height: normal; font-weight: 700; line-height: 1.375; } @media (min-width: 1024px) { h4, .h4{ font-size: 1.5rem; line-height: normal; } } h5, .h5{ font-family: Poppins, sans-serif; font-size: 1.25rem; line-height: normal; font-weight: 700; line-height: 1.375; } @media (min-width: 1024px) { h5, .h5{ font-size: 1.4rem; line-height: normal; } } h6, .h6{ position: relative; margin-bottom: 0.5rem; padding-left: 5rem; font-family: Poppins, sans-serif; font-size: 1rem; line-height: normal; font-weight: 400; text-transform: uppercase; line-height: 1.375; } h6:before, .h6:before { content: ""; display: block; position: absolute; height: 1px; width: 60px; background-color: black; left: 0; top: 50%; } h6.has-white-color:before, .h6.has-white-color:before { background-color: #fff; } @media (min-width: 1024px) { h6, .h6{ font-size: 1rem; line-height: normal; } } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; color: inherit; line-height: 1.25; } h1.is-style-no-margin, h2.is-style-no-margin, h3.is-style-no-margin, h4.is-style-no-margin, h5.is-style-no-margin, h6.is-style-no-margin { margin-bottom: 0 !important; } h1.is-style-half-margin, h2.is-style-half-margin, h3.is-style-half-margin, h4.is-style-half-margin, h5.is-style-half-margin, h6.is-style-half-margin { margin-bottom: 0.335em !important; } .btn{ display: inline-flex; min-width: 15rem; transform: var(--tw-transform); align-items: center; justify-content: center; border-radius: 0; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); background-color: transparent; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: Poppins, sans-serif; font-size: 1rem; line-height: normal; --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); transition-duration: 300ms; } @media (min-width: 1280px){ .btn{ padding-left: 1rem; padding-right: 1rem; } } .btn { transition-property: background-color, border, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .btn:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .btn:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .btn:hover:after { content: url("data:image/svg+xml; utf8, "); } .btn.white{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .btn.white:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .btn.white:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .btn.fill, .btn.full{ --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .btn.fill:after, .btn.full:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .btn.fill:hover, .btn.full:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .btn.fill:hover:after, .btn.full:hover:after { content: url("data:image/svg+xml; utf8, "); } .play { position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; border-radius: 100%; border: 1px solid rgba(255, 255, 255, 0.4); transition: all 0.3s ease-in-out; } .play:before { content: ""; display: block; position: absolute; top: 4px; left: 4px; background-color: white; height: 90px; width: 90px; border-radius: 50%; transition: all 0.3s ease-in-out; } .play:after { content: ""; display: block; position: absolute; border-width: 0.5rem 0px 0.5rem 1rem; border-color: transparent transparent transparent black; z-index: 1; left: calc(50% - 7px); top: calc(50% - 7px); transition: all 0.3s ease-in-out; } .play:hover { border-color: transparent; } .play:hover:before { opacity: 0.5; } .play:hover:after { border-color: transparent transparent transparent rgb(195, 0, 115); } .wp-block-buttons{ margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; font-weight: 700; } .wp-block-buttons .wp-block-button .wp-block-button__link, .wp-block-buttons .wp-block-button .btn{ display: inline-flex; min-width: 15rem; transform: var(--tw-transform); align-items: center; justify-content: center; border-radius: 0; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); background-color: transparent; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: Poppins, sans-serif; font-size: 1rem; line-height: normal; transition-duration: 300ms; } @media (min-width: 1280px){ .wp-block-buttons .wp-block-button .wp-block-button__link, .wp-block-buttons .wp-block-button .btn{ padding-left: 1rem; padding-right: 1rem; } } .wp-block-buttons .wp-block-button .wp-block-button__link, .wp-block-buttons .wp-block-button .btn { transition-property: background-color, border, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .wp-block-buttons .wp-block-button .wp-block-button__link:hover, .wp-block-buttons .wp-block-button .btn:hover { text-decoration: none; } .wp-block-buttons .wp-block-button.is-style-outline-black .wp-block-button__link, .wp-block-buttons .wp-block-button.black .wp-block-button__link{ --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-outline-black .wp-block-button__link:after, .wp-block-buttons .wp-block-button.black .wp-block-button__link:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; display: none; --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-outline-black .wp-block-button__link:after:before, .wp-block-buttons .wp-block-button.black .wp-block-button__link:after:before { content: url("data:image/svg+xml; utf8, "); } .wp-block-buttons .wp-block-button.is-style-back .wp-block-button__link{ --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-back .wp-block-button__link:before { content: url("data:image/svg+xml; utf8, "); transform: rotate(-180deg); margin-right: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .wp-block-buttons .wp-block-button.is-style-back .wp-block-button__link:after { display: none; } .wp-block-buttons .wp-block-button.is-style-back .wp-block-button__link:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-back .wp-block-button__link:hover:before { content: url("data:image/svg+xml; utf8, "); } .wp-block-buttons .wp-block-button.is-style-back-pink .wp-block-button__link { background-color: rgb(195, 0, 115); color: white; border: 2px solid rgb(195, 0, 115); font-weight: 500; letter-spacing: calc(0.001rem * 120); font-size: 14px; min-width: 15rem; } @media (min-width: 1280px) { .wp-block-buttons .wp-block-button.is-style-back-pink .wp-block-button__link { font-size: 16px; } } .wp-block-buttons .wp-block-button.is-style-back-pink .wp-block-button__link:after { display: none; } .wp-block-buttons .wp-block-button.is-style-back-pink .wp-block-button__link:before { content: url("data:image/svg+xml; utf8, "); transform: rotate(-180deg); margin-right: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .wp-block-buttons .wp-block-button.is-style-back-pink .wp-block-button__link:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-solid-arrow { width: 100%; max-width: 410px; } .wp-block-buttons .wp-block-button.is-style-solid-arrow .wp-block-button__link { background-color: black; color: white; width: 100%; text-transform: uppercase; font-weight: 500; letter-spacing: calc(0.001rem * 120); font-size: 14px; min-width: 0; border: none; } @media (min-width: 1280px) { .wp-block-buttons .wp-block-button.is-style-solid-arrow .wp-block-button__link { font-size: 16px; } } .wp-block-buttons .wp-block-button.is-style-solid-arrow .wp-block-button__link:after { content: ""; display: inline-flex; width: 24px; height: 24px; background-image: url(../images/button-arrow.svg); background-repeat: no-repeat; background-size: contain; margin-left: 1em; } .wp-block-buttons .wp-block-button.is-style-solid-arrow .wp-block-button__link:hover { background-color: rgb(195, 0, 115); } .wp-block-buttons .wp-block-button.is-style-solid-pdf { width: 100%; max-width: 410px; } .wp-block-buttons .wp-block-button.is-style-solid-pdf .wp-block-button__link { background-color: black; color: white; width: 100%; text-transform: uppercase; font-weight: 500; letter-spacing: calc(0.001rem * 120); font-size: 14px; min-width: 0; border: none; } @media (min-width: 1280px) { .wp-block-buttons .wp-block-button.is-style-solid-pdf .wp-block-button__link { font-size: 16px; } } .wp-block-buttons .wp-block-button.is-style-solid-pdf .wp-block-button__link:after { content: ""; display: inline-flex; width: 18px; height: 22.72px; background-image: url(../images/button-pdf.svg); background-repeat: no-repeat; background-size: contain; margin-left: 1em; } .wp-block-buttons .wp-block-button.is-style-solid-pdf .wp-block-button__link:hover { background-color: rgb(195, 0, 115); } .wp-block-buttons .wp-block-button.is-style-pink-pdf .wp-block-button__link { background-color: rgb(195, 0, 115); color: white; width: 100%; text-transform: uppercase; font-weight: 500; letter-spacing: calc(0.001rem * 120); font-size: 14px; border: 2px solid rgb(195, 0, 115); min-width: 15rem; } @media (min-width: 1280px) { .wp-block-buttons .wp-block-button.is-style-pink-pdf .wp-block-button__link { font-size: 16px; } } .wp-block-buttons .wp-block-button.is-style-pink-pdf .wp-block-button__link:after { content: ""; display: inline-flex; width: 18px; height: 22.72px; background-image: url(../images/button-pdf.svg); background-repeat: no-repeat; background-size: contain; margin-left: 1em; } .wp-block-buttons .wp-block-button.is-style-pink-pdf .wp-block-button__link:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-outline-white-no-arrow .wp-block-button__link{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-outline-white-no-arrow .wp-block-button__link:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link{ --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .wp-block-buttons .wp-block-button.is-style-fill .wp-block-button__link:hover:after { content: url("data:image/svg+xml; utf8, "); } .links{ margin-top: 1.5rem; margin-bottom: 1.5rem; display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; font-weight: 700; } .blocks-gallery-grid { list-style: none !important; padding: 0 !important; margin: 0 !important; } ul:not(.clear) { list-style-type: disc; margin: 1em 0; padding-left: 20px; } #extendify-templates-inserter-btn { display: none !important; } .post-type-work .components-panel { display: flex; flex-direction: column; } .post-type-work .components-panel .edit-post-meta-boxes-area.is-side { order: -1; } .page-id-399 .outro, .page-id-787 .outro, .page-id-785 .outro { display: none; } .error404-hero { background-image: url(../images/404-mobile.jpg); background-repeat: no-repeat; background-size: auto 100%; background-position: center top; } @media (min-width: 1024px) { .error404-hero { background-image: url(../images/404.jpeg); height: 340px; } .error404-hero .wrap { padding-left: calc(24 * var(--col48)); } } .wp-block-pb-accordion-item { padding: 12px 0; } .wp-block-pb-accordion-item > h4 { margin-bottom: 0; } .wp-block-pb-accordion-item .c-accordion__content { padding-top: 20px; } .top-border-margin { margin-top: calc(0px - var(--wp--custom--radius--m)); border-top-left-radius: var(--wp--custom--radius--m); border-top-right-radius: var(--wp--custom--radius--m); } .forminator-custom-form .forminator-button-submit.btn-dark, .forminator-guttenberg .forminator-button-submit.btn-dark { border-color: #000; color: #000; } .forminator-custom-form .forminator-button-submit.btn-dark:after, .forminator-guttenberg .forminator-button-submit.btn-dark:after { content: url("data:image/svg+xml; utf8, "); } .forminator-custom-form .forminator-button-submit.btn-dark:hover:after, .forminator-guttenberg .forminator-button-submit.btn-dark:hover:after { content: url("data:image/svg+xml; utf8, "); } .social ul{ margin: 0rem; display: flex; list-style-type: none; padding: 0rem; } @media (min-width: 768px){ .social ul li{ margin-right: 1rem; } } .social ul li a{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .lity-content:after { display: none; } .simpleParallax{ height: 100%; width: 100%; } .simpleParallax img { transform: scale(1.3); } .zoom-in { overflow: hidden; } .zoom-in img { transition: transform 1s cubic-bezier(0, 0, 0, 1) 0s; } .zoom-in img:hover { transform: scale(1.2); } .svg-bg { fill: #cccccc; } .svg-image { fill: #000000; } .svg-stroke { fill: #ffffff; } #breadcrumbs{ font-family: Poppins, sans-serif; } .prev-next a:hover figure:before { opacity: 0.9; } ol { counter-reset: counter; margin-top: 2rem; margin-bottom: 2rem; } ol li { counter-increment: counter; margin-bottom: 2rem; display: flex; } ol li::before { content: counter(counter); margin-right: 1rem; display: flex; height: 2.5rem; width: 2.5rem; flex: 1 0 auto; align-items: center; justify-content: center; border-radius: 9999px; border-width: 1px; font-family: Poppins, sans-serif; font-size: 1.5rem; line-height: normal; font-weight: 700; } .c-accordion__title:after { color: black; } .h-important { display: none !important; } .s-important { display: block !important; } .sf-important { display: flex !important; } @media (min-width: 1280px) { .xl\:h-important { display: none !important; } .xl\:s-important { display: block !important; } .xl\:sf-important { display: flex !important; } } @media (min-width: 1024px) { .lg\:h-important { display: none !important; } .lg\:s-important { display: block !important; } .lg\:sf-important { display: flex !important; } } @media (min-width: 768px) { .md\:h-important { display: none !important; } .md\:s-important { display: block !important; } .md\:sf-important { display: flex !important; } } .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 1304px !important; } .editor-styles-wrapper ul.is-style-tags { --background-color: black; --text-color: inherit; } ul.is-style-tags { background-color: transparent !important; margin: 1em 0; padding: 0; display: flex; gap: 12px; list-style: none; flex-wrap: wrap; padding-right: 25%; justify-content: flex-start; } ul.is-style-tags.column { align-items: flex-start; flex-direction: column; } ul.is-style-tags.column li { padding: 10px; border-radius: 17px; } @media (min-width: 1024px) { ul.is-style-tags { padding-right: 50%; } } ul.is-style-tags li { border: 1px solid var(--background-color); color: var(--text-color); border-radius: 20px; padding: 5px 10px; font-size: 0.9em; line-height: 0.9em; display: flex; align-items: center; justify-content: center; } ul.is-style-tags li:has(> a:first-child):hover { background-color: var(--background-color); } .nav-link{ position: relative; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; } .nav-link:before { content: ""; position: absolute; left: 0rem; z-index: -1; height: 0.5rem; width: 0px; transform: var(--tw-transform); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); transition-duration: 300ms; top: calc(50% + 0.5rem); } .nav-link:hover:before, .nav-link.active:before{ width: 100%; } .nav-item.button a{ display: inline-flex; transform: var(--tw-transform); align-items: center; justify-content: center; border-radius: 0; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); background-color: transparent; padding-left: 1rem; padding-right: 1rem; font-family: Poppins, sans-serif; font-size: 1rem; line-height: normal; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); transition-duration: 300ms; transition-property: background-color, border, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .nav-item.button a:before { display: none; } .nav-item.button.pink a{ --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .nav-item.button.pink:hover a{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); background-color: transparent; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .nav-item.button:hover a{ --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .current_page_item .nav-link:before, .current-menu-ancestor .nav-link:before{ width: 100%; } li .menu-item.current-menu-item, li .menu-item.current-work-ancestor{ font-weight: 700; --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } li.mobile-only{ margin-top: 1rem; } @media (min-width: 1024px){ li.mobile-only{ display: none; } } li.mobile-only { border-bottom: none !important; } .single-work .nav-item.work .nav-link:before{ width: 100%; } body.noscroll .site-branding__site-logo svg { transform: scale(0.82); } @media (min-width: 1024px) { body.noscroll .site-branding__site-logo svg { transform: none; } } .site-header.black .site-branding__site-logo svg { transform: scale(0.82); } @media (min-width: 1024px) { .site-header.black .site-branding__site-logo svg { transform: none; } } .single-work .site-header, .error404 .site-header{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } .single-work .site-header > .container, .error404 .site-header > .container { background-image: url("../images/hero-black.svg"); background-position: right bottom; background-repeat: no-repeat; } body.noscroll #masthead{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } body.noscroll #masthead > .container { transition: all 0.25s ease-in-out; padding-top: 0.5rem; padding-bottom: 0rem; } #masthead.black{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } #masthead.black > .container { transition: all 0.25s ease-in-out; padding-top: 0.5rem; padding-bottom: 0rem; } #masthead.dark{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } #masthead.dark:before { width: 100vw; height: 100vh; } .site-branding__site-logo svg { transform-origin: top left; } .site-branding__site-logo svg path { transition: all 0.5s cubic-bezier(0, 0, 0, 1); } .active .site-branding__site-logo svg path { fill: black; } .hamburger { width: 2.5rem; height: 2.5rem; overflow: hidden; cursor: pointer; } .hamburger span { list-style: none; position: absolute; transform: translateY(-50%); width: 100%; height: 2px; background: white; transition: 1s; } .hamburger span:nth-of-type(1) { top: 30%; left: 0; transition-delay: 1s; opacity: 1; } .hamburger span:nth-of-type(2) { top: 50%; left: 0; transition-delay: 0s; } .hamburger span:nth-of-type(2):before { content: ""; position: absolute; top: -150px; left: 0; width: 100%; height: 100%; background: white; transform: rotate(90deg); transition: 1s; transition-delay: 0.5s; } .hamburger span:nth-of-type(3) { top: 70%; right: 0; transition-delay: 1s; opacity: 1; } .hamburger.active span { background-color: black; } .hamburger.active span:nth-of-type(1) { left: 100%; transition-delay: 0s; opacity: 0; } .hamburger.active span:nth-of-type(2) { transform: translateY(-50%) rotate(405deg); transition-delay: 0.5s; } .hamburger.active span:nth-of-type(2):before { top: 0; transition-delay: 1s; background-color: black; } .hamburger.active span:nth-of-type(3) { right: 100%; transition-delay: 0s; opacity: 0; } .active .mobile-nav{ top: 0rem; } .mobile-nav { transition: top 0.5s cubic-bezier(0, 0, 0, 1); position: fixed; top: -200vh; bottom: 0rem; left: 0rem; display: flex; height: 100vh; width: 100%; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 1.25rem; padding-top: 5rem; font-family: Poppins, sans-serif; } .mobile-nav nav > ul { overflow-y: scroll; overflow-x: hidden; position: absolute; margin: 0rem; height: calc(100vh - 5rem); width: calc(100vw - 2.5rem); list-style-type: none; padding: 0rem; } .mobile-nav nav > ul > li{ position: relative; font-size: 2rem; line-height: normal; } .mobile-nav nav > ul > li:last-of-type { margin-bottom: 2rem; } .mobile-nav nav > ul > li.dropdown .dropdown-toggle { position: absolute; width: 100px; height: 64px; top: 0; right: 0; display: block; } .mobile-nav nav > ul > li.dropdown .dropdown-toggle:before { content: ""; display: block; position: absolute; height: 15px; width: 30px; background-image: url(../images/chevron-down.svg); background-repeat: no-repeat; right: 0; top: calc(50% - 12.5px); } .mobile-nav nav > ul > li.dropdown.open .dropdown-toggle:before { background-image: url(../images/chevron-down-pink.svg); transform: rotate(180deg); --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .mobile-nav nav > ul > li a{ display: block; width: 100%; padding-top: 0.5rem; padding-bottom: 0.5rem; } .mobile-nav nav > ul > li > a { width: calc(100% - 100px); } .mobile-nav nav > ul > li ul{ margin: 0rem; display: none; list-style-type: none; padding: 0rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .mobile-nav nav > ul > li ul li{ font-size: 1.25rem; line-height: normal; border-bottom: 1px solid rgb(235, 236, 238); } .mobile-nav nav > ul > li ul li:last-of-type { border: none; } .mobile-nav nav > ul > li ul li a{ display: block; padding-top: 0.75rem; padding-bottom: 0.75rem; } .mobile-nav .current-menu-item > a{ font-weight: 700; --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .site-header.black .site-navigation > ul > li.dropdown .dropdown-nav { top: 66px; } .site-navigation .overlay { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.65); left: 0; position: fixed; top: 0; transition: all 0.5s ease-in-out; width: 100vw; height: 100vh; z-index: -2; visibility: hidden; opacity: 0; } .site-navigation .overlay:before { content: ""; display: block; position: absolute; height: 74px; width: 100vw; background-color: black; top: 0; z-index: -1; transition: all 0.5s ease-in-out; visibility: hidden; opacity: 0; } .site-navigation > ul > li { padding-bottom: 10px; } .site-navigation > ul > li.dropdown:hover > a:before, .site-navigation > ul > li.dropdown:has(a:focus) > a:before{ width: 100%; } .site-navigation > ul > li.dropdown:hover .dropdown-nav, .site-navigation > ul > li.dropdown:has(a:focus) .dropdown-nav { visibility: visible; opacity: 1; } .site-navigation > ul > li.dropdown:hover .dropdown-nav:before, .site-navigation > ul > li.dropdown:hover .dropdown-nav.after, .site-navigation > ul > li.dropdown:has(a:focus) .dropdown-nav:before, .site-navigation > ul > li.dropdown:has(a:focus) .dropdown-nav.after { visibility: visible; opacity: 1; } .site-navigation > ul > li.dropdown:hover + .overlay, .site-navigation > ul > li.dropdown:has(a:focus) + .overlay { visibility: visible; opacity: 1; } .site-navigation > ul > li.dropdown .dropdown-nav { position: absolute; visibility: hidden; opacity: 0; left: 0; top: 74px; transition: all 0.5s ease-in-out; } @media (min-width: 768px) { #mastfoot .outro { background: linear-gradient(90deg, #F5F5F5 0%, #F5F5F5 50%, black 50%, black 100%); } } #mastfoot .outro .container { padding: 0; display: grid; gap: 0; grid-template-rows: 1fr auto; } @media (min-width: 768px) { #mastfoot .outro .container { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; } } #mastfoot .outro .slogan { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; background-color: #F5F5F5; padding: 50px 20px 120px 20px; color: black; } @media (min-width: 768px) { #mastfoot .outro .slogan { padding: 60px 100px 60px 20px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } } @media (min-width: 1280px) { #mastfoot .outro .slogan { padding: 60px 120px 60px 20px; } } #mastfoot .outro .slogan a { margin-top: 0.5rem; } #mastfoot .outro .badge { grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; justify-self: center; width: 150px; height: 150px; margin-top: -75px; z-index: 10; } @media (min-width: 768px) { #mastfoot .outro .badge { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; margin: 0 0 0 -75px; align-self: center; justify-self: start; } } @media (min-width: 1280px) { #mastfoot .outro .badge { width: 200px; height: 200px; margin: 0 0 0 -100px; } } #mastfoot .outro .awards { grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; padding: 110px 20px 0 20px; display: flex; justify-content: center; align-items: center; background: transparent linear-gradient(53deg, #282B8A 0%, #000000 26%, #000000 77%, #000000 100%) 0% 0% no-repeat padding-box; } @media (min-width: 768px) { #mastfoot .outro .awards { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; padding: 20px 20px 0 100px; justify-content: center; } } @media (min-width: 1280px) { #mastfoot .outro .awards { padding: 25px 20px 25px 120px; align-self: end; } } #mastfoot .legal a{ --tw-text-opacity: 1; color: rgba(204, 204, 204, var(--tw-text-opacity)); } #mastfoot .legal a:hover{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } #mastfoot .btn{ font-weight: 700; } #mastfoot nav ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } @media (min-width: 768px) { #mastfoot nav ul { justify-content: flex-start; } } #mastfoot nav ul li { margin: 0 20px 12px 0; } #mastfoot nav ul#menu-legal-menu li { margin-bottom: 0; } #mastfoot .social { display: flex; padding: 20px; justify-content: center; } @media (min-width: 768px) { #mastfoot .social { padding: 0; justify-content: flex-end; } } #mastfoot .logo { flex-direction: column; align-items: center; padding-bottom: 20px; } @media (min-width: 768px) { #mastfoot .logo { flex-direction: row; justify-content: flex-start; align-items: center; padding: 0; margin: 0; } #mastfoot .logo svg { margin-right: 20px; } } #mastfoot .logo a:last-of-type { margin-top: 20px; } @media (min-width: 768px) { #mastfoot .logo a:last-of-type { margin: 0; } } .clients-carousel figure { overflow: hidden; } .clients-carousel figure img { transition: all 0.3s ease-in-out; } .clients-carousel figure:hover:before { opacity: 0.85; } .clients-carousel figure:hover img { transform: scale(1.1); } @media (min-width: 768px) { .clients-carousel .splide__track { margin-bottom: 70px; } } .clients-carousel .splide__progress { background-color: #eee; height: 2px; } .clients-carousel .splide__progress .splide__progress__bar { height: 2px; background-color: black; } .clients-carousel .splide__slide { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 1px; background-color: #E2E2E2; grid-row-gap: 1px; } @media (min-width: 768px) { .clients-carousel .splide__slide { grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 243px); height: 486px; } } .clients-carousel .splide__slide > * { background-color: #fff; } .clients-carousel .splide__arrows { display: none; position: absolute; z-index: 10; opacity: 1; transition: all 0.3s 0s ease-in-out; top: 50%; transform: translateY(calc(-50% - 20px)); width: 100%; } @media (min-width: 768px) { .clients-carousel .splide__arrows { display: block; } } .clients-carousel .splide__arrow { border-radius: 50%; width: 4rem; height: 4rem; background-color: unset; } .clients-carousel .splide__arrow:hover { background-color: rgba(0, 0, 0, 0.5); fill: #fff; } .clients-carousel .splide__arrow--prev { left: 0; } @media (min-width: 1440px) { .clients-carousel .splide__arrow--prev { left: -4rem; } } .clients-carousel .splide__arrow--next { right: 0; } @media (min-width: 1440px) { .clients-carousel .splide__arrow--next { right: -4rem; } } .td-resources { position: relative; } .td-resources .filters-container { border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom: 20px; top: 0px; } .td-resources .filters-container.sticky { position: sticky; top: 65px; width: 100%; z-index: 99; background-color: #fff; transition: top 0.25s ease-in-out; } .td-resources .loading { position: absolute; background-color: white; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; opacity: 0; visibility: hidden; transition: all 0.25s ease-in-out; } .td-resources .loading.active { opacity: 0.5; visibility: visible; } .td-resources .loading:hover { cursor: not-allowed; } body.paged:not(.paged-1) #featured-resources, body.paged:not(.paged-1) #latest-blog { display: none; } #filter-block { background-color: white; padding: 20px 0; } @media (min-width: 1024px) { #filter-block { display: flex; align-items: center; padding: 0; } } #filter-block #open-filterses { color: rgba(0, 0, 0, var(--tw-text-opacity)); width: 100%; padding: 12px; font-weight: 500; text-align: center; border: 1px solid rgba(0, 0, 0, var(--tw-border-opacity)); display: flex; justify-content: center; } #filter-block #open-filterses:hover { cursor: pointer; } @media (min-width: 1024px) { #filter-block #open-filterses { background-color: transparent; padding: 0; width: auto; border-radius: 0; color: #000; border: none; display: inline; } #filter-block #open-filterses:hover { cursor: default; } } #filter-block #open-filterses h4 { margin: 0; font-size: 18px; color: #000; font-weight: 500; text-transform: uppercase; } @media (min-width: 1024px) { #filter-block .heading { flex: 1; } } #filter-block .filters { position: fixed; z-index: 99; top: 46px; left: 0; overflow: hidden !important; width: 100%; height: calc(var(--app-height, 100vh) - 46px); background-color: white; opacity: 0; visibility: hidden; transform: translateX(-100%); transition: all 0.25s ease-in-out; } @media (min-width: 1024px) { #filter-block .filters { position: relative; height: auto; transform: none !important; opacity: 1; visibility: visible; background-color: transparent; top: auto; overflow: visible !important; width: auto; } } #filter-block .filters.active { opacity: 1; visibility: visible; transform: translateX(0); } #filter-block .filters .scroll { height: calc(var(--app-height, 100vh) - 130px); padding: 30px 20px 20px 20px; } @media (min-width: 1024px) { #filter-block .filters .scroll { height: auto; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); z-index: 100; position: relative; } } #filter-block .filters .title { font-weight: 500; font-size: 14px; text-transform: uppercase; font-family: Poppins, sans-serif; } @media (min-width: 1024px) { #filter-block .filters .title { background-color: white; height: 76px; border-radius: 0px; display: flex; align-items: center; padding: 20px 200px 20px 55px; position: relative; font-size: 18px; cursor: pointer; column-gap: 10px; } #filter-block .filters .title:before { content: ""; display: block; position: absolute; height: 24px; width: 24px; background-image: url(../images/dropdown.svg); background-size: cover; right: 20px; } #filter-block .filters .title.active:before { transform: rotate(180deg); } } #filter-block .filters .title__number { display: flex; align-items: center; justify-content: center; background: #C30273 0% 0% no-repeat padding-box; color: #fff; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; visibility: hidden; } @media (min-width: 1024px) { #filter-block .filters .title__number.show { visibility: visible; } } #filter-block .filters .dropdown { position: relative; } @media (min-width: 1024px) { #filter-block .filters .dropdown .title { border-right: 1px solid #000000; } #filter-block .filters .dropdown .list { left: -1px; width: calc(100% + 1px); } #filter-block .filters .dropdown:first-of-type .title { border-left: 1px solid #000000; } #filter-block .filters .dropdown:first-of-type .list { left: 0px; width: 100%; } } @media (max-width: 1023px) { #filter-block .filters .list { display: block !important; } } @media (min-width: 1024px) { #filter-block .filters .list { background-color: white; padding: 30px 20px; top: 76px; position: absolute; width: 100%; display: none; min-width: 234px; box-shadow: 0px 3px 10px rgba(69, 85, 96, 0.1607843137); border: 1px solid #000000; } } #filter-block .filters ul { padding: 0; margin: 20px 0; list-style: none; width: 100%; } @media (min-width: 1024px) { #filter-block .filters ul { margin: 0; width: auto; } } #filter-block .filters ul li { padding: 0; display: grid; grid-template-columns: 18px 1fr; gap: 12px; align-items: center; color: #1A1A1A; font-size: 14px; margin: 2px 0 5px 0; font-family: Poppins, "sans-serif"; } #filter-block .filters ul li:hover { cursor: pointer; color: rgb(195, 0, 115); } #filter-block .filters ul li label { font-size: 16px; cursor: pointer; } #filter-block .filters ul li:last-of-type { margin: 0; } #filter-block .filters ul li::marker { display: none; } #filter-block .filters ul li input[type=checkbox] { width: 18px; height: 18px; margin-right: 12px; appearance: none; background-color: #fff; display: grid; place-content: center; position: relative; } #filter-block .filters ul li input[type=checkbox]:before { content: ""; position: absolute; background-position: center; background-repeat: no-repeat; color: #fff; display: flex; justify-content: center; align-items: center; width: 18px; height: 18px; border: 1px solid #000000; } #filter-block .filters ul li input[type=checkbox]:checked:before { background-image: url(../images/icon_check.svg); border: 1px solid rgb(195, 0, 115); background-color: rgb(195, 0, 115); } #filter-block .filters ul li input[type=checkbox]:checked + label { color: rgb(195, 0, 115); } #filter-block .filters .submit-input { background-color: white; position: fixed; width: 100%; left: 0; bottom: 0; padding: 12px 30px 12px 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: 70px; gap: 8px 20px; font-family: Poppins, "sans-serif"; } @media (min-width: 1024px) { #filter-block .filters .submit-input { display: none; } } #filter-block .filters .submit-input .clear-all { border: 1px solid rgba(0, 0, 0, var(--tw-border-opacity)); text-transform: uppercase; height: 32px; border-radius: 0px; font-size: 12px; line-height: 1em; font-weight: 500; color: #000; } @media (min-width: 1024px) { #filter-block .filters .submit-input .clear-all { display: none; } } #filter-block .filters .submit-input .submit { height: 32px; font-size: 12px; text-transform: uppercase; font-weight: 700; line-height: 1em; background-color: rgb(195, 0, 115); color: white; display: flex; justify-content: center; align-items: center; gap: 20px; } @media (min-width: 1024px) { #filter-block .filters .submit-input .submit { width: 40px; height: 40px; border-radius: 100%; margin: 7.5px 0 0 7.5px; z-index: 10; } #filter-block .filters .submit-input .submit span { display: none; } } #filter-block .os-scrollbar .os-scrollbar-handle { background-color: rgb(195, 0, 115); border: none; right: 10px; } #active-filters { margin: 0 0 40px 0; display: flex; flex-wrap: wrap; gap: 12px; } #active-filters button { height: 30px; padding-left: 12px; padding-right: 12px; font-size: 16px; cursor: pointer; font-weight: 400; background: #F2F2F2 0% 0% no-repeat padding-box; color: #1A1A1A; font-family: Poppins, "sans-serif"; } @media (min-width: 1280px) { #active-filters button { height: 40px; padding-left: 20px; padding-right: 20px; } } #active-filters .filter-button { position: relative; padding-right: 30px; } @media (min-width: 1280px) { #active-filters .filter-button { padding-right: 60px; } } #active-filters .filter-button:after { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml,%3Csvg id='x_circle' data-name='x circle' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Boundary' width='24' height='24' fill='none'/%3E%3Cline id='Line_1286' data-name='Line 1286' x2='7' y2='7' transform='translate(8.5 8.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_1287' data-name='Line 1287' y1='7' x2='7' transform='translate(8.5 8.5)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; height: 18px; width: 18px; transition: all 0.3s ease-in-out; right: 10px; top: calc(50% - 9px); } @media (min-width: 1280px) { #active-filters .filter-button:after { width: 24px; height: 24px; top: calc(50% - 12px); right: 16px; } } #active-filters .clear-all:hover { background-color: rgb(195, 0, 115); border-color: rgb(195, 0, 115); color: #fff; transform: var(--tw-transform); } #post-list .no-results { text-align: center; } @media (min-width: 768px) { #post-list .no-results { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 3; } } @media (min-width: 1024px) { #post-list .no-results { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 4; } } .hero-home { min-height: 100vh; background-color: black; color: white; position: relative; display: grid; } .hero-home #hero-home-lottie { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero-home #hero-home-lottie svg { object-fit: cover; height: 100%; width: 100%; } .hero-home.bg:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; opacity: 0.7; background-image: url(../images/hero-home-mobile.svg); background-size: cover; background-position: center; } .hero-home__description { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; position: relative; z-index: 1; padding: 120px 20px 60px 20px; justify-self: center; align-self: center; } .hero-home h1, .hero-home h2, .hero-home h3, .hero-home h4, .hero-home h5, .hero-home h6{ text-transform: uppercase; line-height: 1; } .hero-home p{ margin-top: 1rem; margin-bottom: 2rem; font-size: 1.25rem; line-height: normal; } .hero-home a:hover{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .hero-home h1 { font-size: 2.5rem; } @media (min-width: 768px) { .hero-home h1 { font-size: 3rem; } } @media (min-width: 1024px) { .hero-home h1 { font-size: 4rem; } } .hero-home .wp-block-buttons{ gap: 0px; } .hero-home .wp-block-buttons .wp-block-button{ margin: 0.5rem; } @keyframes hero-slider-scroll-y { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes hero-slider-scroll-x { from { transform: translateX(0); } to { transform: translateX(-50%); } } .hero-slider { position: relative; overflow: hidden; padding: 5rem 0 3rem 0; background: radial-gradient(130.6% 76.81% at 0% 100%, rgba(149, 26, 190, 0.39) 0%, rgba(136, 30, 198, 0.28) 20%, rgba(109, 40, 217, 0.17) 40%, rgba(109, 40, 217, 0) 70%), #000; } @media (min-width: 1024px) { .hero-slider { padding: 5rem 0 0 0; height: 90vh; min-height: 720px; } } .hero-slider .hero-slider__buttons { justify-content: center; } @media (min-width: 1024px) { .hero-slider .hero-slider__buttons { justify-content: flex-start; } } .hero-slider .hero-slider__fade { position: absolute; left: 0; width: 100%; pointer-events: none; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%); z-index: 3; } @media (min-width: 1024px) { .hero-slider .hero-slider__fade { height: 15vw; max-height: 255px; } } .hero-slider .hero-slider__container { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 2.5rem; max-width: 1680px; } @media (min-width: 1024px) { .hero-slider .hero-slider__container { flex-direction: row; align-items: center; justify-content: space-between; gap: 3rem; height: 100%; } } .hero-slider .hero-slider__content { position: relative; z-index: 4; display: flex; flex-direction: column; align-items: center; gap: 1.5rem; color: #fff; max-width: 640px; margin: auto; text-align: center; } @media (min-width: 1024px) { .hero-slider .hero-slider__content { align-items: flex-start; text-align: left; } } .hero-slider .hero-slider__content .hero-slider__title { margin: 0; color: #fff; font-family: Poppins, sans-serif; font-weight: 700; font-size: 2rem; line-height: 1.15; } .hero-slider .hero-slider__content .hero-slider__title i { color: #E89aFF; font-style: normal; } @media (min-width: 1024px) { .hero-slider .hero-slider__content .hero-slider__title { font-size: 3rem; } } @media (min-width: 1280px) { .hero-slider .hero-slider__content .hero-slider__title { font-size: 4.5rem; } } .hero-slider .hero-slider__content .hero-slider__subtitle p { margin: 0; color: #fff; font-size: 1.125rem; } @media (min-width: 1024px) { .hero-slider .hero-slider__content .hero-slider__subtitle p { font-size: 1.5rem; } } .hero-slider .hero-slider__media { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 1rem; width: 100%; height: auto; overflow: hidden; } @media (min-width: 1024px) { .hero-slider .hero-slider__media { flex-direction: row; width: 45%; max-width: 850px; height: 100%; gap: 1.5rem; } .hero-slider .hero-slider__media:after { display: block; content: ""; position: absolute; bottom: 0; height: 255px; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%); pointer-events: none; } } @media (hover: hover) and (pointer: fine) { .hero-slider .hero-slider__media { cursor: none; } } .hero-slider .hero-slider__column { position: relative; width: 100%; height: 150px; overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent); } @media (min-width: 640px) { .hero-slider .hero-slider__column { height: 190px; } } @media (min-width: 768px) { .hero-slider .hero-slider__column { height: 230px; } } .hero-slider .hero-slider__column.hero-slider__column--1 .hero-slider__column-track { animation-name: hero-slider-scroll-x; animation-direction: reverse; } .hero-slider .hero-slider__column.hero-slider__column--2 .hero-slider__column-track { animation-name: hero-slider-scroll-x; animation-direction: normal; } @media (min-width: 1024px) { .hero-slider .hero-slider__column { flex: 1 1 50%; width: auto; height: 100%; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent); } .hero-slider .hero-slider__column.hero-slider__column--1 .hero-slider__column-track { animation-name: hero-slider-scroll-y; } .hero-slider .hero-slider__column.hero-slider__column--2 .hero-slider__column-track { animation-name: hero-slider-scroll-y; margin-top: -10%; } } .hero-slider .hero-slider__column-track { display: flex; flex-direction: row; height: 100%; width: max-content; gap: 1rem; animation-duration: 40s; animation-timing-function: linear; animation-iteration-count: infinite; will-change: transform; } @media (min-width: 1024px) { .hero-slider .hero-slider__column-track { flex-direction: column; height: auto; width: auto; gap: 1.5rem; } } .hero-slider .hero-slider__item { position: relative; flex: 0 0 auto; height: 100%; width: auto; aspect-ratio: 4/5; border-radius: 12px; overflow: hidden; } @media (min-width: 1024px) { .hero-slider .hero-slider__item { width: 100%; height: auto; border-radius: 24px; } } .hero-slider .hero-slider__item-media { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .hero-slider .hero-slider__media.is-paused .hero-slider__column-track { animation-play-state: paused; } .hero-slider .hero-slider__hover { position: absolute; top: 50%; left: 50%; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; width: 150px; height: 150px; overflow: hidden; border-radius: 50%; background-color: rgba(0, 0, 0, 0.76); backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25); color: #fff; text-decoration: none; opacity: 0; pointer-events: none; transform: translate(-50%, -50%) scale(0.9); transition: opacity 0.25s ease; } @media (min-width: 1024px) { .hero-slider .hero-slider__hover { width: 180px; height: 180px; gap: 0.75rem; } } .hero-slider .hero-slider__hover .hero-slider__hover-lens { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; opacity: 0.2; filter: blur(3px); pointer-events: none; } .hero-slider .hero-slider__hover:after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 45%), radial-gradient(circle at 72% 78%, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 55%); box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.3), inset 0 0 22px rgba(0, 0, 0, 0.35); mix-blend-mode: overlay; } .hero-slider .hero-slider__hover .hero-slider__hover-icon, .hero-slider .hero-slider__hover .hero-slider__hover-text { position: relative; z-index: 2; } .hero-slider .hero-slider__hover .hero-slider__hover-icon svg { width: 24px; height: 24px; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.65)); } @media (min-width: 1024px) { .hero-slider .hero-slider__hover .hero-slider__hover-icon svg { width: 32px; height: 32px; } } .hero-slider .hero-slider__hover .hero-slider__hover-text { font-family: Poppins, sans-serif; font-weight: 700; font-size: 1rem; text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65); } .hero-slider .hero-slider__media.has-hero-cursor .hero-slider__hover { top: 0; left: 0; transform: translate(calc(var(--hero-slider-x, 0) * 1px - 50%), calc(var(--hero-slider-y, 0) * 1px - 50%)); } .hero-slider .hero-slider__media.is-hovering .hero-slider__hover { opacity: 1; pointer-events: auto; } .hero-slider .hero-slider__media .hero-slider__hover:focus-visible { top: 50%; left: 50%; opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); } .hero-slider .hero-slider__toggle, .hero-slider .splide__toggle { position: absolute; right: 1rem; bottom: 1rem; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; background: rgba(255, 255, 255, 0.1); font-size: 0; transition: background-color 0.2s ease; } .hero-slider .hero-slider__toggle svg, .hero-slider .splide__toggle svg { width: 46%; height: 46%; fill: #e5eeee; transition: fill 0.2s ease; } .hero-slider .hero-slider__toggle:hover, .hero-slider .splide__toggle:hover { background: #e5eeee; } .hero-slider .hero-slider__toggle:hover svg, .hero-slider .splide__toggle:hover svg { fill: #0c1012; } .hero-slider.is-admin .hero-slider__media { height: auto; } .hero-slider.is-admin .hero-slider__media .hero-slider__column { height: 620px; } .page-id-2811 header { background-color: black; } body.home header#masthead:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 189px; bottom: 0; background: linear-gradient(to top, transparent 0%, rgba(0, 0, 0, 0.4) 100%); pointer-events: none; } body.home .innovation-carousel.homepage { height: 100dvh; margin-top: 0; } body.home .innovation-carousel.homepage .splide { height: 100dvh; visibility: visible; } body.home .innovation-carousel.homepage .splide__track { height: 100dvh; } body.home .innovation-carousel.homepage .description { padding: 5rem 1rem 0; align-items: center; max-width: 810px !important; opacity: 1; transition: opacity 0.2s; } body.home .innovation-carousel.homepage .description.smooth-fade { opacity: 0; } body.home .innovation-carousel.homepage .description p { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); } body.home .innovation-carousel.homepage .tools .awards { display: none; } .innovation-carousel.homepage { height: calc(100vh - 72px); margin-top: 72px; background-color: black; } @media (min-width: 1024px) { .innovation-carousel.homepage { height: calc(100vh - 86px); margin-top: 86px; } } .innovation-carousel.homepage .shape { display: none; } @media (min-width: 1024px) { .innovation-carousel.homepage .shape { display: none; position: absolute; z-index: 3; top: 150px; left: 0; right: 0; } .innovation-carousel.homepage .shape svg { width: 187.49px; height: 187.49px; margin-left: auto; } .innovation-carousel.homepage .shape svg #spin { animation: spin 30s linear infinite; transform-box: fill-box; transform-origin: center; } } .innovation-carousel.homepage .splide { width: 100% !important; height: calc(100vh - 72px); grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; z-index: 1; } @media (min-width: 1024px) { .innovation-carousel.homepage .splide { height: calc(100vh - 86px); } } .innovation-carousel.homepage .splide__track { height: calc(100vh - 72px); } @media (min-width: 1024px) { .innovation-carousel.homepage .splide__track { height: calc(100vh - 86px); } } .innovation-carousel.homepage .splide__toggle { align-items: center; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: inline-flex; height: 1.8rem; justify-content: center; margin-right: 0.5rem; transition: background-color 0.2s ease; width: 1.8rem; position: absolute; right: 2rem; bottom: 2.5rem; font-size: 0; } @media (min-width: 1280px) { .innovation-carousel.homepage .splide__toggle { right: 10%; bottom: 3.5rem; } } .innovation-carousel.homepage .splide__toggle svg { fill: #e5eeee; height: 46%; transition: fill 0.2s ease; width: 46%; } .innovation-carousel.homepage .splide__toggle:hover { background: #e5eeee; } .innovation-carousel.homepage .splide__toggle:hover svg { fill: #0c1012; } .innovation-carousel.homepage.is-admin { height: auto; } .innovation-carousel.homepage.is-admin .splide { height: auto; visibility: visible !important; } .innovation-carousel.homepage.is-admin .splide .splide__track { overflow: visible !important; display: flex; flex-direction: column; height: auto !important; } .innovation-carousel.homepage.is-admin .splide .splide__list { flex-direction: column; height: auto !important; } .innovation-carousel.homepage.is-admin .splide .splide__list .block-editor-inner-blocks, .innovation-carousel.homepage.is-admin .splide .splide__list .block-editor-block-list__layout { width: 100%; } .innovation-carousel.homepage.is-admin .splide .splide__slide { height: auto; min-height: 800px; overflow: hidden; } .innovation-carousel.homepage.is-admin .splide .splide__slide .bg { height: auto; min-height: 800px; } .innovation-carousel.homepage.static { margin-top: 0; height: 100vh; } .innovation-carousel.homepage.static .splide { height: 100vh; visibility: visible; } .innovation-carousel.homepage.static .splide__track { height: 100vh; } .innovation-carousel.homepage.static .description { padding: 0 2rem; align-items: center; max-width: 730px !important; } .innovation-carousel.homepage.static .splide__toggle { display: none; } .innovation-carousel.homepage.half-height { height: 70vh; } .innovation-carousel.homepage.half-height .splide { height: 70vh; visibility: visible; } .innovation-carousel.homepage.half-height .splide__track { height: 70vh; } .innovation-carousel.homepage.half-height .tools { bottom: 30%; } .innovation-carousel.homepage.half-height .tools .awards { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; justify-self: center; /*fix for the low height devices*/ } @media (max-height: 600px) { .innovation-carousel.homepage.half-height .tools .awards { grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; } } @media (min-width: 768px) { .innovation-carousel.homepage.half-height .tools .awards { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 3; justify-self: center; } } @media (min-width: 1280px) { .innovation-carousel.homepage.half-height .tools .awards { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 3; align-self: start; } } .innovation-carousel.homepage .splide__slide { width: 100%; display: grid; position: relative !important; transition-timing-function: cubic-bezier(1, 0.54, 0, 1.13) !important; } .innovation-carousel.homepage .splide__slide.home .description { height: 100vh; } .innovation-carousel.homepage .splide__slide.home .bg { padding: 0; } .innovation-carousel.homepage .description { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; color: white; gap: 0 !important; padding-top: 20px; padding-bottom: 20px; margin-left: auto !important; margin-right: auto !important; max-width: 1280px !important; height: calc(100% - 180px); /*fix for the low height devices*/ } .innovation-carousel.homepage .description:before { content: ""; position: absolute; top: 25%; left: -20%; right: -20%; bottom: 10%; background: radial-gradient(at 50% 50%, rgba(0, 0, 0, 0.2) 0%, transparent 70%, transparent 100%); z-index: -1; } .innovation-carousel.homepage .description h1, .innovation-carousel.homepage .description h2, .innovation-carousel.homepage .description h3, .innovation-carousel.homepage .description h4, .innovation-carousel.homepage .description h5, .innovation-carousel.homepage .description h6 { margin: 0 0 0.35em 0; font-size: 30px; } @media (min-width: 1024px) { .innovation-carousel.homepage .description h1, .innovation-carousel.homepage .description h2, .innovation-carousel.homepage .description h3, .innovation-carousel.homepage .description h4, .innovation-carousel.homepage .description h5, .innovation-carousel.homepage .description h6 { font-size: 4rem; } .innovation-carousel.homepage .description { padding-right: calc(2 * var(--col48)); padding-left: calc(2 * var(--col48)); } } @media (min-width: 1280px) { .innovation-carousel.homepage .description { padding-right: calc(6 * var(--col48)); padding-left: calc(6 * var(--col48)); padding-bottom: 200px; } } .innovation-carousel.homepage .description .wp-block-buttons { justify-content: center; } .innovation-carousel.homepage .description .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link { background-color: #fff; color: #000; } .innovation-carousel.homepage .description .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link:after { content: url("data:image/svg+xml; utf8, "); } .innovation-carousel.homepage .description .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link:hover { background-color: rgb(195, 0, 115); color: #fff; } .innovation-carousel.homepage .description .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link:hover:after { content: url("data:image/svg+xml; utf8, "); } .innovation-carousel.homepage .description .wp-block-buttons .wp-block-button.is-style-outline-white .wp-block-button__link:focus-visible { outline-color: #0bf; } .innovation-carousel.homepage .description p { font-size: 16px; } @media (min-width: 768px) { .innovation-carousel.homepage .description p { font-size: 18px; } } @media (min-width: 1024px) { .innovation-carousel.homepage .description p { font-size: 20px; } } @media (max-height: 600px) { .innovation-carousel.homepage .description { padding-top: 40% !important; } } @media (max-height: 450px) { .innovation-carousel.homepage .description { padding-top: 20% !important; } } .innovation-carousel.homepage .bg { width: 100%; height: 100%; position: absolute; z-index: 1; padding-bottom: 0 !important; } .innovation-carousel.homepage .bg .wp-block-video, .innovation-carousel.homepage .bg figure { margin: 0; height: 100%; } .innovation-carousel.homepage .bg .wp-block-video:after, .innovation-carousel.homepage .bg figure:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.55); } .innovation-carousel.homepage .bg .wp-block-video .components-resizable-box__container, .innovation-carousel.homepage .bg figure .components-resizable-box__container { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; } .innovation-carousel.homepage .bg video, .innovation-carousel.homepage .bg img { object-fit: cover; object-position: center center; height: 100%; width: 100%; } .innovation-carousel.homepage .bg .wp-block-image { position: relative; } .innovation-carousel.homepage .bg .wp-block-image:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-image: linear-gradient(to bottom, transparent, black); opacity: 1; z-index: 10; top: 0; left: 0; } .innovation-carousel.homepage .tools { position: absolute; bottom: 0; z-index: 2; align-self: end; display: grid; gap: 0 !important; width: 100%; left: 0; right: 0; height: 30%; max-width: 70%; } @media (min-width: 1280px) { .innovation-carousel.homepage .tools { grid-template-columns: 3fr 1fr; } } .innovation-carousel.homepage .tools .awards { max-width: 359px; grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; justify-self: center; } @media (min-width: 768px) { .innovation-carousel.homepage .tools .awards { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 3; justify-self: center; } } @media (min-width: 1280px) { .innovation-carousel.homepage .tools .awards { grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 3; align-self: start; } } .innovation-carousel.homepage .tools .awards img { height: 117px; width: auto; } .innovation-carousel.homepage .tools .awards .overlay { height: 117px; } .innovation-carousel.homepage .tools .awards .overlay img { height: auto; width: 100%; } .innovation-carousel.homepage .tools .splide__arrows { display: block; } .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--prev, .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--next { width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.3s ease-in-out; background-image: url("../images/swiper-arrow.svg"); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 100%; position: absolute; top: unset; bottom: 2rem; z-index: 3; } @media (min-width: 1024px) { .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--prev, .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--next { top: -100%; bottom: unset; width: 65px; height: 65px; } } .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--prev:hover, .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--next:hover { border-color: white; cursor: pointer; } .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--prev { left: 2rem; } @media (min-width: 1024px) { .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--prev { left: -5rem; } } .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--next { transform: rotate(180deg); right: 2rem; } @media (min-width: 1024px) { .innovation-carousel.homepage .tools .splide__arrows .splide__arrow--next { right: -5rem; } } .innovation-carousel.homepage .tools .splide__navigation { display: flex; justify-content: center; gap: 5px; position: absolute; width: 100%; bottom: 2.5rem; z-index: 2; } @media (min-width: 1280px) { .innovation-carousel.homepage .tools .splide__navigation { display: flex; gap: 24px; grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 3; margin-bottom: 20px; } } .innovation-carousel.homepage .tools .splide__navigation .navigation-item { color: white; font-family: Poppins, "sans-serif"; padding-bottom: 10px; opacity: 0.5; align-self: center; flex: 1; font-size: 0; border: 1px solid rgba(255, 255, 255, 0.3); max-width: 20px; height: 20px; border-radius: 20px; } @media (min-width: 1280px) { .innovation-carousel.homepage .tools .splide__navigation .navigation-item { font-size: 18px; border: unset; border-bottom: 2px solid white; border-radius: unset; max-width: unset; height: unset; } } .innovation-carousel.homepage .tools .splide__navigation .navigation-item.active { background: #d9d9d9; } @media (min-width: 1280px) { .innovation-carousel.homepage .tools .splide__navigation .navigation-item.active { background: none; } } .innovation-carousel.homepage .tools .splide__navigation .navigation-item.active, .innovation-carousel.homepage .tools .splide__navigation .navigation-item:hover { opacity: 1; } .innovation-carousel.homepage .tools .splide__navigation .navigation-item.active::before, .innovation-carousel.homepage .tools .splide__navigation .navigation-item:hover::before { display: none; content: ""; position: absolute; left: 0; bottom: -2px; height: 1px; width: var(--progressBeforeWidth, "1%"); border-bottom: 2px solid #4d4eff; transition: width 0.5s linear; } @media (min-width: 1280px) { .innovation-carousel.homepage .tools .splide__navigation .navigation-item.active::before, .innovation-carousel.homepage .tools .splide__navigation .navigation-item:hover::before { display: block; } } .page-id-2811 header { background-color: black; } .innovation-carousel { height: calc(100vh - 72px); margin-top: 72px; background-color: black; } @media (min-width: 1024px) { .innovation-carousel { height: calc(100vh - 86px); margin-top: 86px; } } .innovation-carousel .shape { display: none; } @media (min-width: 1024px) { .innovation-carousel .shape { display: block; position: absolute; z-index: 3; top: 150px; left: 0; right: 0; } .innovation-carousel .shape svg { width: 187.49px; height: 187.49px; margin-left: auto; } .innovation-carousel .shape svg #spin { animation: spin 30s linear infinite; transform-box: fill-box; transform-origin: center; } } .innovation-carousel .splide { width: 100% !important; height: calc(100vh - 72px); grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; z-index: 1; } @media (min-width: 1024px) { .innovation-carousel .splide { height: calc(100vh - 86px); } } .innovation-carousel .splide__track { height: calc(100vh - 72px); } @media (min-width: 1024px) { .innovation-carousel .splide__track { height: calc(100vh - 86px); } } .innovation-carousel.is-admin { height: auto; } .innovation-carousel.is-admin .splide { height: auto; visibility: visible !important; } .innovation-carousel.is-admin .splide .splide__track { overflow: visible !important; display: flex; flex-direction: column; height: auto !important; } .innovation-carousel.is-admin .splide .splide__list { flex-direction: column; height: auto !important; } .innovation-carousel.is-admin .splide .splide__list .block-editor-inner-blocks, .innovation-carousel.is-admin .splide .splide__list .block-editor-block-list__layout { width: 100%; } .innovation-carousel.is-admin .splide .splide__slide { height: auto; min-height: 800px; overflow: hidden; } .innovation-carousel.is-admin .splide .splide__slide .bg { height: auto; min-height: 800px; } .innovation-carousel.static { margin-top: 0; height: 100vh; } .innovation-carousel.static .splide { height: 100vh; visibility: visible; } .innovation-carousel.static .splide__track { height: 100vh; } .innovation-carousel.static .description { padding: 0 2rem; align-items: center; max-width: 730px !important; } .innovation-carousel .splide__slide { width: 100%; display: grid; position: relative !important; } .innovation-carousel .splide__slide.home .description { height: 100vh; } .innovation-carousel .splide__slide.home .bg { padding: 0; } .innovation-carousel .description { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 2; color: white; gap: 0 !important; padding-top: 20px; padding-bottom: 20px; margin-left: auto !important; margin-right: auto !important; max-width: 1280px !important; height: calc(100% - 180px); } .innovation-carousel .description h1, .innovation-carousel .description h2, .innovation-carousel .description h3, .innovation-carousel .description h4, .innovation-carousel .description h5, .innovation-carousel .description h6 { margin: 0 0 0.35em 0; font-size: 30px; } @media (min-width: 1024px) { .innovation-carousel .description h1, .innovation-carousel .description h2, .innovation-carousel .description h3, .innovation-carousel .description h4, .innovation-carousel .description h5, .innovation-carousel .description h6 { font-size: 4rem; } .innovation-carousel .description { padding-right: calc(12 * var(--col48)); } } @media (min-width: 1280px) { .innovation-carousel .description { padding-right: calc(16 * var(--col48)); padding-bottom: 200px; } } .innovation-carousel .description p { font-size: 18px; } @media (min-width: 1024px) { .innovation-carousel .description p { font-size: 20px; } } .innovation-carousel .bg { width: 100%; height: 100%; position: absolute; z-index: 1; padding-bottom: 180px; } .innovation-carousel .bg .wp-block-video, .innovation-carousel .bg figure { margin: 0; height: 100%; } .innovation-carousel .bg .wp-block-video .components-resizable-box__container, .innovation-carousel .bg figure .components-resizable-box__container { width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; } .innovation-carousel .bg video, .innovation-carousel .bg img { object-fit: cover; object-position: center center; height: 100%; width: 100%; } .innovation-carousel .bg .wp-block-image { position: relative; } .innovation-carousel .bg .wp-block-image:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-image: linear-gradient(to bottom, transparent, black); opacity: 1; z-index: 10; top: 0; left: 0; } .innovation-carousel .tools { position: absolute; bottom: 0; z-index: 2; align-self: end; display: grid; gap: 0 !important; width: 100%; left: 0; right: 0; } @media (min-width: 1280px) { .innovation-carousel .tools { grid-template-columns: 3fr 1fr; } } .innovation-carousel .tools .awards { grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; justify-self: center; } @media (min-width: 768px) { .innovation-carousel .tools .awards { grid-row-start: 1; grid-column-start: 2; grid-row-end: 2; grid-column-end: 3; justify-self: end; } } @media (min-width: 1280px) { .innovation-carousel .tools .awards { grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 3; align-self: end; } } .innovation-carousel .tools .awards img { height: 117px; width: auto; } .innovation-carousel .tools .awards .overlay { height: 117px; } .innovation-carousel .tools .awards .overlay img { height: auto; width: 100%; } .innovation-carousel .tools .splide__arrows { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 2; display: flex; gap: 15px; height: 40px; width: 95px; margin: 20px 0; } .innovation-carousel .tools .splide__arrows .splide__arrow--prev, .innovation-carousel .tools .splide__arrows .splide__arrow--next { width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.3s ease-in-out; background-image: url("../images/swiper-arrow.svg"); background-repeat: no-repeat; background-position: 50% 50%; border-radius: 100%; } .innovation-carousel .tools .splide__arrows .splide__arrow--prev:hover, .innovation-carousel .tools .splide__arrows .splide__arrow--next:hover { border-color: white; cursor: pointer; } .innovation-carousel .tools .splide__arrows .splide__arrow--next { transform: rotate(180deg); } .innovation-carousel .tools .splide__navigation { display: none; } @media (min-width: 1280px) { .innovation-carousel .tools .splide__navigation { display: flex; gap: 24px; grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2; margin-bottom: 20px; } } .innovation-carousel .tools .splide__navigation .navigation-item { color: white; font-family: Poppins, "sans-serif"; font-size: 18px; border-bottom: 2px solid white; padding-bottom: 10px; opacity: 0.5; align-self: center; } .innovation-carousel .tools .splide__navigation .navigation-item.active, .innovation-carousel .tools .splide__navigation .navigation-item:hover { opacity: 1; } .lottie-svg { position: relative; } .lottie-svg__svg, .lottie-svg .lf-player-container { position: relative; z-index: 10; } .lottie-svg figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .lottie-svg figure:before { width: 90%; border-radius: var(--radius); } .lottie-svg figure img { object-fit: fill; height: 100%; width: 100%; border-radius: var(--radius); } /** * Scroll effect item block */ .scroll-effect__item { position: relative; display: flex; flex-direction: column; gap: 0.75rem; margin-bottom: 1rem; transition: opacity 0.3s ease; } .scroll-effect__item:last-child { margin-bottom: 0; } .scroll-effect__item--heading { padding: 0; } .scroll-effect__item--title { margin: 0; font-size: 24px; font-weight: 400; } @media (min-width: 1024px) { .scroll-effect__item--title { font-size: 36px; } } .scroll-effect__item--description { margin: 0; padding: 20px 0 0; } @media (min-width: 1024px) { .scroll-effect__item--description { padding: 0; } } .is-active .scroll-effect__item--description { padding: 20px 0 0; } .scroll-effect__item--description p:last-child { margin-bottom: 0; } .scroll-effect__item--media-wrap { margin: 0; padding: 0; line-height: 0; border-radius: 20px; overflow: hidden; } @media (min-width: 1024px) { .scroll-effect__item--media-wrap { max-height: calc(100dvh - 200px); width: auto; margin-left: auto; display: flex; align-items: center; justify-content: center; } } .scroll-effect__item--media { display: block; max-width: 100%; height: auto; width: auto; padding: 30px 0; border-radius: 20px; overflow: hidden; } @media (min-width: 1024px) { .scroll-effect__item--media { max-height: calc(100dvh - 200px); width: auto; margin-left: auto; padding: 0; } } /** * Scroll effect (Key Functionalities) block */ .scroll-effect { position: relative; min-height: 200px; } .scroll-effect--light { color: #fff; } .scroll-effect--dark { color: #000; } .scroll-effect__bg { position: absolute; inset: 0; z-index: 0; } .scroll-effect__bg--image { background-size: cover; background-attachment: fixed; background-position: 100% 0; background-repeat: no-repeat; } .scroll-effect__inner { position: relative; z-index: 1; display: grid; gap: 1rem; padding: 3rem 1.5rem; max-width: 1324px; margin: 0 auto; } @media (min-width: 1024px) { .scroll-effect__inner { grid-template-columns: 1fr 1.2fr; gap: 2rem; padding: 6rem 2rem; align-items: start; } } @media (min-width: 1280px) { .scroll-effect__inner { gap: calc(3 * var(--col48)); } } .scroll-effect__wrapper { display: flex; flex-direction: column; gap: 1rem; } @media (min-width: 1024px) { .scroll-effect__wrapper { position: sticky; top: 0; padding-top: 120px; align-self: start; } } .scroll-effect__heading { margin: 0 0 1rem; font-size: 18px !important; font-style: normal; font-weight: 400; } .scroll-effect__media { display: none; } @media (min-width: 1024px) { .scroll-effect__media { display: flex; flex-direction: column; gap: 120px; position: relative; min-height: 300px; } } .scroll-effect__item { transition: opacity 0.3s ease; } .scroll-effect__item.is-active .scroll-effect__item--title { opacity: 1; } .scroll-effect__item.is-active .scroll-effect__item--description { max-height: 50em; opacity: 1; } @media (min-width: 1024px) { .scroll-effect__item--title { opacity: 0.6; transition: opacity 0.3s ease; } .is-active .scroll-effect__item--title { opacity: 1; } } .scroll-effect__item--description { max-height: none; overflow: visible; opacity: 1; } @media (min-width: 1024px) { .scroll-effect__item--description { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease, opacity 0.3s ease; } .is-active .scroll-effect__item--description { max-height: 50em; opacity: 1; } .scroll-effect:not(.is-admin) .scroll-effect__item .scroll-effect__item--media-wrap { display: none; } } .scroll-effect.is-admin .scroll-effect__media { display: none !important; } .scroll-effect.is-admin .scroll-effect__item--description { max-height: none; opacity: 1; } .scroll-effect.is-admin .scroll-effect__item--title { opacity: 1; } .testimonials h3, .testimonials .h3 { writing-mode: tb-rl; } .testimonials .h3 { font-size: 2rem; } .testimonials #testimonials { background-image: url(../images/icon-testimonials.png); background-repeat: no-repeat; background-position: 100% 100%; background-size: 4rem auto; } .testimonials .description p:last-of-type { margin: 0; } .testimonials .splide__arrow { top: 7rem; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { .testimonials .splide__arrow { top: 5rem; } } .testimonials .splide__arrow.splide__arrow--next { right: 0; } @media (min-width: 768px) { .testimonials .splide__arrow.splide__arrow--next { right: auto; left: 18rem; } } .testimonials .splide__arrow.splide__arrow--prev { left: 0; } @media (min-width: 768px) { .testimonials .splide__arrow.splide__arrow--prev { left: 4rem; } } .work-carousel figure { overflow: hidden; } .work-carousel figure:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-image: linear-gradient(to top, rgb(0, 0, 0), transparent); border-radius: 0.175rem; transition: all 0.3s ease-in-out; opacity: 0.7; z-index: 1; } .work-carousel figure img { transition: all 0.3s ease-in-out; } .work-carousel a:hover figure:before { opacity: 0.85; } .work-carousel a:hover figure img { transform: scale(1.1); } .work-carousel a:hover h4, .work-carousel a:hover .h4 { color: rgb(195, 0, 115); } .work-carousel .splide__progress { background-color: #eee; height: 2px; } .work-carousel .splide__progress .splide__progress__bar { height: 2px; background-color: black; } .work-carousel .desc h4, .work-carousel .desc .h4, .work-carousel .desc h5 { transition: all 0.3s ease-in-out; } .work-carousel .desc .top { transition: all 0.3s ease-in-out; transform: translateY(-1rem); opacity: 0; } .work-carousel .desc .bottom { transition: all 0.3s ease-in-out; transform: translateY(1rem); opacity: 0; } .work-carousel .splide__slide { height: 15rem; } .work-carousel .splide__slide a { height: 15rem; } @media (min-width: 768px) { .work-carousel .splide__slide { height: 34.8vw; } .work-carousel .splide__slide a { height: 34.8vw; } } @media (min-width: 1920px) { .work-carousel .splide__slide { height: 668px; } .work-carousel .splide__slide a { height: 668px; } } .work-carousel .splide__slide.is-active .desc .top, .work-carousel .splide__slide.is-active .desc .bottom { opacity: 1; transform: none; transition-delay: 0.75s; } .work-carousel .splide:hover .splide__arrows { opacity: 1; } .work-carousel .splide__arrows { position: absolute; z-index: 10; opacity: 0; transition: all 0.3s 0s ease-in-out; top: 50%; transform: translateY(-50%); width: 100%; } .work-carousel .splide__arrow { border-radius: 0; width: 4rem; height: 4rem; background-color: white; } section.work .filters-mobile { border: 2px solid black; padding: 1.25rem; margin-bottom: 1rem; } section.work .filters-mobile > button{ font-family: Poppins, sans-serif; text-transform: uppercase; font-weight: 700; width: 100%; text-align: left; position: relative; } section.work .filters-mobile > button.open:after { transform: rotate(-90deg); } section.work .filters-mobile > button:after { content: url("data:image/svg+xml; utf8, "); transition: all 0.2s ease-in-out; display: block; position: absolute; width: 24px; height: 24px; transform: rotate(90deg); right: 0; top: 0; } section.work .filters-mobile ul { list-style: none; padding: 1rem 0 0 0; margin: 0; display: none; } section.work .filters-mobile ul li{ font-family: Poppins, sans-serif; } section.work .filters-mobile ul li button { padding: 0.5rem 0; width: 100%; text-align: left; } section.work .filters-mobile ul li button.mixitup-control-active { font-weight: 700; color: rgb(195, 0, 115); } section.work .filters-container { border-bottom: 1px solid rgb(235, 236, 238); margin-bottom: 1.5rem; } section.work .filters{ margin-bottom: 0.5rem; list-style-type: none; padding-left: 0rem; align-items: center; } section.work .filters h5 { padding: 1rem 2rem 1rem 0; text-transform: uppercase; font-size: 1rem; border-right: 1px solid rgb(235, 236, 238); font-weight: normal; } section.work .filters li{ font-family: Poppins, sans-serif; } section.work .filters li button { background-color: rgb(235, 236, 238); border-radius: 2rem; padding: 0.65rem 1.25rem; font-size: 14px; color: #535353; transition: all 0.3s ease-in-out; display: flex; justify-content: center; align-items: center; } section.work .filters li button:hover { color: black; background-color: #dcdcdc; } section.work .filters li button.mixitup-control-active { color: black; background-color: #dcdcdc; } section.work .filters li button.mixitup-control-active:before { display: inline; content: url("data:image/svg+xml; utf8, "); width: 20px; height: 20px; } .about-values .image:before { content: ""; display: block; position: absolute; width: 85%; height: 100%; left: -1.25rem; top: 0; background-image: url(../images/td-background.jpeg); } @media (min-width: 768px) { .about-values .image:before { width: 40%; } } .wp-block .about-values .image:before { background-image: url("/app/themes/totaldigital/public/images/td-background.jpeg"); } .wp-block .hero-black .container { background-image: url("/app/themes/totaldigital/public/images/hero-black.svg"); } .hero-black .container { background-image: url("../images/hero-black.svg"); background-position: right bottom; background-repeat: no-repeat; } .hero-black h1, .hero-black h1.wp-block, .hero-black h2, .hero-black h2.wp-block, .hero-black h3, .hero-black h3.wp-block{ margin-top: 0rem; line-height: 1; } .hero-black h1, .hero-black h1.wp-block { font-size: 3rem; } .hero-black h2, .hero-black h2.wp-block { font-size: 2.5rem; } .hero-black p, .hero-black ul{ font-size: 1.25rem; line-height: normal; } .hero-black .block-editor-default-block-appender__content{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .hero-image { position: relative; } .hero-image .bg { position: absolute; width: 100%; height: 100%; } .hero-image .bg img { object-fit: cover; width: 100%; height: 100%; } .hero-image .container { z-index: 10; position: relative; } .hero-image h1, .hero-image h1.wp-block, .hero-image h2, .hero-image h2.wp-block, .hero-image h3, .hero-image h3.wp-block{ margin-top: 0rem; line-height: 1; } .hero-image h1, .hero-image h1.wp-block { font-size: 2.2rem; line-height: 1.3; } @media (min-width: 640px) { .hero-image h1, .hero-image h1.wp-block { font-size: 3rem; line-height: 1; } } .hero-image h2, .hero-image h2.wp-block { font-size: 1.8rem; line-height: 1.1; } @media (min-width: 640px) { .hero-image h2, .hero-image h2.wp-block { font-size: 2.5rem; line-height: 1; } } .hero-image p, .hero-image ul{ font-size: 1.25rem; line-height: normal; } .hero-image .block-editor-default-block-appender__content{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .delivering-impact.version_2 .video { order: 2; display: flex; align-items: center; justify-content: center; padding-right: 25px; } .delivering-impact.version_2 .video figure { padding-top: 0; padding-bottom: 0; position: relative; height: calc(100% - 80px); margin: auto; width: 100%; min-height: 200px; } .delivering-impact.version_2 .video figure:before { display: none; position: absolute; width: calc(100% - 50px); height: calc(100% + 62px); background: #262626 0% 0% no-repeat padding-box; content: ""; top: -31px; right: -30px; z-index: -1; border-radius: 10px; } @media (min-width: 768px) { .delivering-impact.version_2 .video figure:before { display: block; } } .delivering-impact.version_2 .video figure .bg-black { border-radius: 10px; } .delivering-impact.version_2 .description { background: unset; padding-right: 4rem; } .delivering-impact.version_2 .description figure { display: none; order: 1; } .delivering-impact.version_2 .description ul { display: inline-flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; list-style: none; padding: 0; } .delivering-impact.version_2 .description ul li { display: flex; align-items: center; justify-content: center; border: 1px solid #00B7FF; border-radius: 20px; padding: 5px 10px; font-size: 0.9em; line-height: 0.9em; font-family: Poppins, sans-serif; } .delivering-impact.version_2 .description ul li:hover { background: #00B7FF; color: #000; cursor: pointer; } .td-video-popup-frontend .td-video-popup-frame { position: relative; width: 100%; border-style: solid; border-width: 0 15px 15px 15px; /* top: 0 (52px bar); left/right/bottom: 15px */ border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; } .td-video-popup-frontend .td-video-popup-frame.light-border { border-color: #FFFFFF; background-color: #FFFFFF; } .td-video-popup-frontend .td-video-popup-frame.dark-border { background-color: #292933; border-color: #292933; } .td-video-popup-frontend .td-video-popup-frame-top { height: 52px; flex-shrink: 0; display: flex; align-items: center; justify-content: flex-start; padding: 0 15px; } .td-video-popup-frontend .td-video-popup-frame-top .td-video-popup-frame-icons { display: flex; align-items: center; gap: 8px; } .td-video-popup-frontend .td-video-popup-frame-top .td-video-popup-frame-icon { width: 12px; height: 12px; border-radius: 50%; } .td-video-popup-frontend .td-video-popup-frame.light-border .td-video-popup-frame-top { background-color: #FFFFFF; } .td-video-popup-frontend .td-video-popup-frame.dark-border .td-video-popup-frame-top { background-color: #292933; } .td-video-popup-frontend .td-video-popup-frame.light-border .td-video-popup-frame-icon { background-color: #E3E4EC; } .td-video-popup-frontend .td-video-popup-frame.dark-border .td-video-popup-frame-icon { background-color: #FFFFFF; } .td-video-popup-frontend .td-video-popup-frame.light-border .td-video-popup-frame-icon:first-child { background-color: #22C55E; } .td-video-popup-frontend .td-video-popup-frame.dark-border .td-video-popup-frame-icon:first-child { background-color: #EAB308; } .td-video-popup-frontend .td-video-popup-thumb-wrap { position: relative; width: 100%; margin: 0 auto; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; overflow: hidden; flex: 1; min-height: 0; } .td-video-popup-frontend .td-video-popup-thumb-wrap.td-video-popup-with-border { border: 15px solid #FFFFFF; border-radius: 10px; } .td-video-popup-frontend .td-video-popup-thumb-wrap.td-video-popup-with-border.light-border { border-color: #FFFFFF; } .td-video-popup-frontend .td-video-popup-thumb-wrap.td-video-popup-with-border.dark-border { border-color: #292933; } .td-video-popup-thumbnail { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; } .td-video-popup-placeholder { width: 100%; height: 100%; background: #eaeaea; display: flex; align-items: center; justify-content: center; min-height: 180px; border-radius: 25px; color: #777; } .td-video-popup-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer; } .td-video-popup-play-icon { width: 106px; height: 106px; background-image: url(../images/video-link.svg); background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform 0.25s ease-in-out; } .td-video-popup-play:hover .td-video-popup-play-icon { transform: scale(1.1); } .td-video-popup-toggleplay { position: absolute; bottom: 20px; right: 20px; z-index: 2; border: none; padding: 0; cursor: pointer; transition: transform 0.25s ease-in-out; width: 20px; height: 20px; background-image: url(../images/video-state-pause.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } .td-video-popup-toggleplay.pause { background-image: url(../images/video-state-play.svg); } @media (max-width: 767px) { .wp-block.wp-block-columns.pl-s, .wp-block-columns.pl-s, .container.pl-s, .wp-block.wp-block-column.pl-s, .wp-block-column.pl-s, .wp-block.wp-block-cover.pl-s, .wp-block-cover.pl-s, div.pl-s{ padding-left: 1rem; } .wp-block.wp-block-columns.pr-s, .wp-block-columns.pr-s, .container.pr-s, .wp-block.wp-block-column.pr-s, .wp-block-column.pr-s, .wp-block.wp-block-cover.pr-s, .wp-block-cover.pr-s, div.pr-s{ padding-right: 1rem; } .wp-block.wp-block-columns.pl-q, .wp-block-columns.pl-q, .container.pl-q, .wp-block.wp-block-column.pl-q, .wp-block-column.pl-q, .wp-block.wp-block-cover.pl-q, .wp-block-cover.pl-q, div.pl-q { padding-left: calc(1 * var(--col48)); } .wp-block.wp-block-columns.pr-q, .wp-block-columns.pr-q, .container.pr-q, .wp-block.wp-block-column.pr-q, .wp-block-column.pr-q, .wp-block.wp-block-cover.pr-q, .wp-block-cover.pr-q, div.pr-q { padding-right: calc(1 * var(--col48)); } .wp-block.wp-block-columns.pl-h, .wp-block-columns.pl-h, .container.pl-h, .wp-block.wp-block-column.pl-h, .wp-block-column.pl-h, .wp-block.wp-block-cover.pl-h, .wp-block-cover.pl-h, div.pl-h { padding-left: calc(2 * var(--col48)); } .wp-block.wp-block-columns.pr-h, .wp-block-columns.pr-h, .container.pr-h, .wp-block.wp-block-column.pr-h, .wp-block-column.pr-h, .wp-block.wp-block-cover.pr-h, .wp-block-cover.pr-h, div.pr-h { padding-right: calc(1 * var(--col48)); } .wp-block.wp-block-columns.pl-f, .wp-block-columns.pl-f, .container.pl-f, .wp-block.wp-block-column.pl-f, .wp-block-column.pl-f, .wp-block.wp-block-cover.pl-f, .wp-block-cover.pl-f, div.pl-f { padding-left: calc(4 * var(--col48)); } .wp-block.wp-block-columns.pr-f, .wp-block-columns.pr-f, .container.pr-f, .wp-block.wp-block-column.pr-f, .wp-block-column.pr-f, .wp-block.wp-block-cover.pr-f, .wp-block-cover.pr-f, div.pr-f { padding-right: calc(4 * var(--col48)); } .wp-block.wp-block-columns.pl-d, .wp-block-columns.pl-d, .container.pl-d, .wp-block.wp-block-column.pl-d, .wp-block-column.pl-d, .wp-block.wp-block-cover.pl-d, .wp-block-cover.pl-d, div.pl-d { padding-left: calc(8 * var(--col48)); } .wp-block.wp-block-columns.pr-d, .wp-block-columns.pr-d, .container.pr-d, .wp-block.wp-block-column.pr-d, .wp-block-column.pr-d, .wp-block.wp-block-cover.pr-d, .wp-block-cover.pr-d, div.pr-d { padding-right: calc(8 * var(--col48)); } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:pl-s, .wp-block-columns.md\:pl-s, .container.md\:pl-s, .wp-block.wp-block-column.md\:pl-s, .wp-block-column.md\:pl-s, .wp-block.wp-block-cover.md\:pl-s, .wp-block-cover.md\:pl-s, div.md\:pl-s{ padding-left: 1rem; } .wp-block.wp-block-columns.md\:pr-s, .wp-block-columns.md\:pr-s, .container.md\:pr-s, .wp-block.wp-block-column.md\:pr-s, .wp-block-column.md\:pr-s, .wp-block.wp-block-cover.md\:pr-s, .wp-block-cover.md\:pr-s, div.md\:pr-s{ padding-right: 1rem; } .wp-block.wp-block-columns.md\:pl-q, .wp-block-columns.md\:pl-q, .container.md\:pl-q, .wp-block.wp-block-column.md\:pl-q, .wp-block-column.md\:pl-q, .wp-block.wp-block-cover.md\:pl-q, .wp-block-cover.md\:pl-q, div.md\:pl-q { padding-left: calc(1 * var(--col48)); } .wp-block.wp-block-columns.md\:pr-q, .wp-block-columns.md\:pr-q, .container.md\:pr-q, .wp-block.wp-block-column.md\:pr-q, .wp-block-column.md\:pr-q, .wp-block.wp-block-cover.md\:pr-q, .wp-block-cover.md\:pr-q, div.md\:pr-q { padding-right: calc(1 * var(--col48)); } .wp-block.wp-block-columns.md\:pl-h, .wp-block-columns.md\:pl-h, .container.md\:pl-h, .wp-block.wp-block-column.md\:pl-h, .wp-block-column.md\:pl-h, .wp-block.wp-block-cover.md\:pl-h, .wp-block-cover.md\:pl-h, div.md\:pl-h { padding-left: calc(2 * var(--col48)); } .wp-block.wp-block-columns.md\:pr-h, .wp-block-columns.md\:pr-h, .container.md\:pr-h, .wp-block.wp-block-column.md\:pr-h, .wp-block-column.md\:pr-h, .wp-block.wp-block-cover.md\:pr-h, .wp-block-cover.md\:pr-h, div.md\:pr-h { padding-right: calc(2 * var(--col48)); } .wp-block.wp-block-columns.md\:pl-f, .wp-block-columns.md\:pl-f, .container.md\:pl-f, .wp-block.wp-block-column.md\:pl-f, .wp-block-column.md\:pl-f, .wp-block.wp-block-cover.md\:pl-f, .wp-block-cover.md\:pl-f, div.md\:pl-f { padding-left: calc(4 * var(--col48)); } .wp-block.wp-block-columns.md\:pr-f, .wp-block-columns.md\:pr-f, .container.md\:pr-f, .wp-block.wp-block-column.md\:pr-f, .wp-block-column.md\:pr-f, .wp-block.wp-block-cover.md\:pr-f, .wp-block-cover.md\:pr-f, div.md\:pr-f { padding-right: calc(4 * var(--col48)); } .wp-block.wp-block-columns.md\:pl-d, .wp-block-columns.md\:pl-d, .container.md\:pl-d, .wp-block.wp-block-column.md\:pl-d, .wp-block-column.md\:pl-d, .wp-block.wp-block-cover.md\:pl-d, .wp-block-cover.md\:pl-d, div.md\:pl-d { padding-left: calc(8 * var(--col48)); } .wp-block.wp-block-columns.md\:pr-d, .wp-block-columns.md\:pr-d, .container.md\:pr-d, .wp-block.wp-block-column.md\:pr-d, .wp-block-column.md\:pr-d, .wp-block.wp-block-cover.md\:pr-d, .wp-block-cover.md\:pr-d, div.md\:pr-d { padding-right: calc(8 * var(--col48)); } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:pl-s, .wp-block-columns.xl\:pl-s, .container.xl\:pl-s, .wp-block.wp-block-column.xl\:pl-s, .wp-block-column.xl\:pl-s, .wp-block.wp-block-cover.xl\:pl-s, .wp-block-cover.xl\:pl-s, div.xl\:pl-s{ padding-left: 1rem; } .wp-block.wp-block-columns.xl\:pr-s, .wp-block-columns.xl\:pr-s, .container.xl\:pr-s, .wp-block.wp-block-column.xl\:pr-s, .wp-block-column.xl\:pr-s, .wp-block.wp-block-cover.xl\:pr-s, .wp-block-cover.xl\:pr-s, div.xl\:pr-s{ padding-right: 1rem; } .wp-block.wp-block-columns.xl\:pl-q, .wp-block-columns.xl\:pl-q, .container.xl\:pl-q, .wp-block.wp-block-column.xl\:pl-q, .wp-block-column.xl\:pl-q, .wp-block.wp-block-cover.xl\:pl-q, .wp-block-cover.xl\:pl-q, div.xl\:pl-q { padding-left: calc(1 * var(--col48)); } .wp-block.wp-block-columns.xl\:pr-q, .wp-block-columns.xl\:pr-q, .container.xl\:pr-q, .wp-block.wp-block-column.xl\:pr-q, .wp-block-column.xl\:pr-q, .wp-block.wp-block-cover.xl\:pr-q, .wp-block-cover.xl\:pr-q, div.xl\:pr-q { padding-right: calc(1 * var(--col48)); } .wp-block.wp-block-columns.xl\:pl-h, .wp-block-columns.xl\:pl-h, .container.xl\:pl-h, .wp-block.wp-block-column.xl\:pl-h, .wp-block-column.xl\:pl-h, .wp-block.wp-block-cover.xl\:pl-h, .wp-block-cover.xl\:pl-h, div.xl\:pl-h { padding-left: calc(2 * var(--col48)); } .wp-block.wp-block-columns.xl\:pr-h, .wp-block-columns.xl\:pr-h, .container.xl\:pr-h, .wp-block.wp-block-column.xl\:pr-h, .wp-block-column.xl\:pr-h, .wp-block.wp-block-cover.xl\:pr-h, .wp-block-cover.xl\:pr-h, div.xl\:pr-h { padding-right: calc(2 * var(--col48)); } .wp-block.wp-block-columns.xl\:pl-f, .wp-block-columns.xl\:pl-f, .container.xl\:pl-f, .wp-block.wp-block-column.xl\:pl-f, .wp-block-column.xl\:pl-f, .wp-block.wp-block-cover.xl\:pl-f, .wp-block-cover.xl\:pl-f, div.xl\:pl-f { padding-left: calc(4 * var(--col48)); } .wp-block.wp-block-columns.xl\:pr-f, .wp-block-columns.xl\:pr-f, .container.xl\:pr-f, .wp-block.wp-block-column.xl\:pr-f, .wp-block-column.xl\:pr-f, .wp-block.wp-block-cover.xl\:pr-f, .wp-block-cover.xl\:pr-f, div.xl\:pr-f { padding-right: calc(4 * var(--col48)); } .wp-block.wp-block-columns.xl\:pl-d, .wp-block-columns.xl\:pl-d, .container.xl\:pl-d, .wp-block.wp-block-column.xl\:pl-d, .wp-block-column.xl\:pl-d, .wp-block.wp-block-cover.xl\:pl-d, .wp-block-cover.xl\:pl-d, div.xl\:pl-d { padding-left: calc(8 * var(--col48)); } .wp-block.wp-block-columns.xl\:pr-d, .wp-block-columns.xl\:pr-d, .container.xl\:pr-d, .wp-block.wp-block-column.xl\:pr-d, .wp-block-column.xl\:pr-d, .wp-block.wp-block-cover.xl\:pr-d, .wp-block-cover.xl\:pr-d, div.xl\:pr-d { padding-right: calc(8 * var(--col48)); } } @media (max-width: 767px) { .wp-block.wp-block-columns.mt-0, .wp-block-columns.mt-0, .container.mt-0, .wp-block.wp-block-column.mt-0, .wp-block-column.mt-0, .wp-block.wp-block-cover.mt-0, .wp-block-cover.mt-0, div.mt-0{ margin-top: 0rem; } .wp-block.wp-block-columns.mb-0, .wp-block-columns.mb-0, .container.mb-0, .wp-block.wp-block-column.mb-0, .wp-block-column.mb-0, .wp-block.wp-block-cover.mb-0, .wp-block-cover.mb-0, div.mb-0{ margin-bottom: 0rem; } .wp-block.wp-block-columns.pt-0, .wp-block-columns.pt-0, .container.pt-0, .wp-block.wp-block-column.pt-0, .wp-block-column.pt-0, .wp-block.wp-block-cover.pt-0, .wp-block-cover.pt-0, div.pt-0{ padding-top: 0rem; } .wp-block.wp-block-columns.pb-0, .wp-block-columns.pb-0, .container.pb-0, .wp-block.wp-block-column.pb-0, .wp-block-column.pb-0, .wp-block.wp-block-cover.pb-0, .wp-block-cover.pb-0, div.pb-0{ padding-bottom: 0rem; } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:mt-0, .wp-block-columns.md\:mt-0, .container.md\:mt-0, .wp-block.wp-block-column.md\:mt-0, .wp-block-column.md\:mt-0, .wp-block.wp-block-cover.md\:mt-0, .wp-block-cover.md\:mt-0, div.md\:mt-0{ margin-top: 0rem; } .wp-block.wp-block-columns.md\:mb-0, .wp-block-columns.md\:mb-0, .container.md\:mb-0, .wp-block.wp-block-column.md\:mb-0, .wp-block-column.md\:mb-0, .wp-block.wp-block-cover.md\:mb-0, .wp-block-cover.md\:mb-0, div.md\:mb-0{ margin-bottom: 0rem; } .wp-block.wp-block-columns.md\:pt-0, .wp-block-columns.md\:pt-0, .container.md\:pt-0, .wp-block.wp-block-column.md\:pt-0, .wp-block-column.md\:pt-0, .wp-block.wp-block-cover.md\:pt-0, .wp-block-cover.md\:pt-0, div.md\:pt-0{ padding-top: 0rem; } .wp-block.wp-block-columns.md\:pb-0, .wp-block-columns.md\:pb-0, .container.md\:pb-0, .wp-block.wp-block-column.md\:pb-0, .wp-block-column.md\:pb-0, .wp-block.wp-block-cover.md\:pb-0, .wp-block-cover.md\:pb-0, div.md\:pb-0{ padding-bottom: 0rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:mt-0, .wp-block-columns.xl\:mt-0, .container.xl\:mt-0, .wp-block.wp-block-column.xl\:mt-0, .wp-block-column.xl\:mt-0, .wp-block.wp-block-cover.xl\:mt-0, .wp-block-cover.xl\:mt-0, div.xl\:mt-0{ margin-top: 0rem; } .wp-block.wp-block-columns.xl\:mb-0, .wp-block-columns.xl\:mb-0, .container.xl\:mb-0, .wp-block.wp-block-column.xl\:mb-0, .wp-block-column.xl\:mb-0, .wp-block.wp-block-cover.xl\:mb-0, .wp-block-cover.xl\:mb-0, div.xl\:mb-0{ margin-bottom: 0rem; } .wp-block.wp-block-columns.xl\:pt-0, .wp-block-columns.xl\:pt-0, .container.xl\:pt-0, .wp-block.wp-block-column.xl\:pt-0, .wp-block-column.xl\:pt-0, .wp-block.wp-block-cover.xl\:pt-0, .wp-block-cover.xl\:pt-0, div.xl\:pt-0{ padding-top: 0rem; } .wp-block.wp-block-columns.xl\:pb-0, .wp-block-columns.xl\:pb-0, .container.xl\:pb-0, .wp-block.wp-block-column.xl\:pb-0, .wp-block-column.xl\:pb-0, .wp-block.wp-block-cover.xl\:pb-0, .wp-block-cover.xl\:pb-0, div.xl\:pb-0{ padding-bottom: 0rem; } } @media (max-width: 767px) { .wp-block.wp-block-columns.mt-s, .wp-block-columns.mt-s, .container.mt-s, .wp-block.wp-block-column.mt-s, .wp-block-column.mt-s, .wp-block.wp-block-cover.mt-s, .wp-block-cover.mt-s, div.mt-s{ margin-top: 1rem; } .wp-block.wp-block-columns.mb-s, .wp-block-columns.mb-s, .container.mb-s, .wp-block.wp-block-column.mb-s, .wp-block-column.mb-s, .wp-block.wp-block-cover.mb-s, .wp-block-cover.mb-s, div.mb-s{ margin-bottom: 1rem; } .wp-block.wp-block-columns.pt-s, .wp-block-columns.pt-s, .container.pt-s, .wp-block.wp-block-column.pt-s, .wp-block-column.pt-s, .wp-block.wp-block-cover.pt-s, .wp-block-cover.pt-s, div.pt-s{ padding-top: 1rem; } .wp-block.wp-block-columns.pb-s, .wp-block-columns.pb-s, .container.pb-s, .wp-block.wp-block-column.pb-s, .wp-block-column.pb-s, .wp-block.wp-block-cover.pb-s, .wp-block-cover.pb-s, div.pb-s{ padding-bottom: 1rem; } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:mt-s, .wp-block-columns.md\:mt-s, .container.md\:mt-s, .wp-block.wp-block-column.md\:mt-s, .wp-block-column.md\:mt-s, .wp-block.wp-block-cover.md\:mt-s, .wp-block-cover.md\:mt-s, div.md\:mt-s{ margin-top: 1rem; } .wp-block.wp-block-columns.md\:mb-s, .wp-block-columns.md\:mb-s, .container.md\:mb-s, .wp-block.wp-block-column.md\:mb-s, .wp-block-column.md\:mb-s, .wp-block.wp-block-cover.md\:mb-s, .wp-block-cover.md\:mb-s, div.md\:mb-s{ margin-bottom: 1rem; } .wp-block.wp-block-columns.md\:pt-s, .wp-block-columns.md\:pt-s, .container.md\:pt-s, .wp-block.wp-block-column.md\:pt-s, .wp-block-column.md\:pt-s, .wp-block.wp-block-cover.md\:pt-s, .wp-block-cover.md\:pt-s, div.md\:pt-s{ padding-top: 1rem; } .wp-block.wp-block-columns.md\:pb-s, .wp-block-columns.md\:pb-s, .container.md\:pb-s, .wp-block.wp-block-column.md\:pb-s, .wp-block-column.md\:pb-s, .wp-block.wp-block-cover.md\:pb-s, .wp-block-cover.md\:pb-s, div.md\:pb-s{ padding-bottom: 1rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:mt-s, .wp-block-columns.xl\:mt-s, .container.xl\:mt-s, .wp-block.wp-block-column.xl\:mt-s, .wp-block-column.xl\:mt-s, .wp-block.wp-block-cover.xl\:mt-s, .wp-block-cover.xl\:mt-s, div.xl\:mt-s{ margin-top: 1rem; } .wp-block.wp-block-columns.xl\:mb-s, .wp-block-columns.xl\:mb-s, .container.xl\:mb-s, .wp-block.wp-block-column.xl\:mb-s, .wp-block-column.xl\:mb-s, .wp-block.wp-block-cover.xl\:mb-s, .wp-block-cover.xl\:mb-s, div.xl\:mb-s{ margin-bottom: 1rem; } .wp-block.wp-block-columns.xl\:pt-s, .wp-block-columns.xl\:pt-s, .container.xl\:pt-s, .wp-block.wp-block-column.xl\:pt-s, .wp-block-column.xl\:pt-s, .wp-block.wp-block-cover.xl\:pt-s, .wp-block-cover.xl\:pt-s, div.xl\:pt-s{ padding-top: 1rem; } .wp-block.wp-block-columns.xl\:pb-s, .wp-block-columns.xl\:pb-s, .container.xl\:pb-s, .wp-block.wp-block-column.xl\:pb-s, .wp-block-column.xl\:pb-s, .wp-block.wp-block-cover.xl\:pb-s, .wp-block-cover.xl\:pb-s, div.xl\:pb-s{ padding-bottom: 1rem; } } @media (max-width: 767px) { .wp-block.wp-block-columns.mt-m, .wp-block-columns.mt-m, .container.mt-m, .wp-block.wp-block-column.mt-m, .wp-block-column.mt-m, .wp-block.wp-block-cover.mt-m, .wp-block-cover.mt-m, div.mt-m{ margin-top: 2rem; } .wp-block.wp-block-columns.mb-m, .wp-block-columns.mb-m, .container.mb-m, .wp-block.wp-block-column.mb-m, .wp-block-column.mb-m, .wp-block.wp-block-cover.mb-m, .wp-block-cover.mb-m, div.mb-m{ margin-bottom: 2rem; } .wp-block.wp-block-columns.pt-m, .wp-block-columns.pt-m, .container.pt-m, .wp-block.wp-block-column.pt-m, .wp-block-column.pt-m, .wp-block.wp-block-cover.pt-m, .wp-block-cover.pt-m, div.pt-m{ padding-top: 2rem; } .wp-block.wp-block-columns.pb-m, .wp-block-columns.pb-m, .container.pb-m, .wp-block.wp-block-column.pb-m, .wp-block-column.pb-m, .wp-block.wp-block-cover.pb-m, .wp-block-cover.pb-m, div.pb-m{ padding-bottom: 2rem; } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:mt-m, .wp-block-columns.md\:mt-m, .container.md\:mt-m, .wp-block.wp-block-column.md\:mt-m, .wp-block-column.md\:mt-m, .wp-block.wp-block-cover.md\:mt-m, .wp-block-cover.md\:mt-m, div.md\:mt-m{ margin-top: 2rem; } .wp-block.wp-block-columns.md\:mb-m, .wp-block-columns.md\:mb-m, .container.md\:mb-m, .wp-block.wp-block-column.md\:mb-m, .wp-block-column.md\:mb-m, .wp-block.wp-block-cover.md\:mb-m, .wp-block-cover.md\:mb-m, div.md\:mb-m{ margin-bottom: 2rem; } .wp-block.wp-block-columns.md\:pt-m, .wp-block-columns.md\:pt-m, .container.md\:pt-m, .wp-block.wp-block-column.md\:pt-m, .wp-block-column.md\:pt-m, .wp-block.wp-block-cover.md\:pt-m, .wp-block-cover.md\:pt-m, div.md\:pt-m{ padding-top: 2rem; } .wp-block.wp-block-columns.md\:pb-m, .wp-block-columns.md\:pb-m, .container.md\:pb-m, .wp-block.wp-block-column.md\:pb-m, .wp-block-column.md\:pb-m, .wp-block.wp-block-cover.md\:pb-m, .wp-block-cover.md\:pb-m, div.md\:pb-m{ padding-bottom: 2rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:mt-m, .wp-block-columns.xl\:mt-m, .container.xl\:mt-m, .wp-block.wp-block-column.xl\:mt-m, .wp-block-column.xl\:mt-m, .wp-block.wp-block-cover.xl\:mt-m, .wp-block-cover.xl\:mt-m, div.xl\:mt-m{ margin-top: 2rem; } .wp-block.wp-block-columns.xl\:mb-m, .wp-block-columns.xl\:mb-m, .container.xl\:mb-m, .wp-block.wp-block-column.xl\:mb-m, .wp-block-column.xl\:mb-m, .wp-block.wp-block-cover.xl\:mb-m, .wp-block-cover.xl\:mb-m, div.xl\:mb-m{ margin-bottom: 2rem; } .wp-block.wp-block-columns.xl\:pt-m, .wp-block-columns.xl\:pt-m, .container.xl\:pt-m, .wp-block.wp-block-column.xl\:pt-m, .wp-block-column.xl\:pt-m, .wp-block.wp-block-cover.xl\:pt-m, .wp-block-cover.xl\:pt-m, div.xl\:pt-m{ padding-top: 2rem; } .wp-block.wp-block-columns.xl\:pb-m, .wp-block-columns.xl\:pb-m, .container.xl\:pb-m, .wp-block.wp-block-column.xl\:pb-m, .wp-block-column.xl\:pb-m, .wp-block.wp-block-cover.xl\:pb-m, .wp-block-cover.xl\:pb-m, div.xl\:pb-m{ padding-bottom: 2rem; } } @media (max-width: 767px) { .wp-block.wp-block-columns.mt-l, .wp-block-columns.mt-l, .container.mt-l, .wp-block.wp-block-column.mt-l, .wp-block-column.mt-l, .wp-block.wp-block-cover.mt-l, .wp-block-cover.mt-l, div.mt-l{ margin-top: 4rem; } .wp-block.wp-block-columns.mb-l, .wp-block-columns.mb-l, .container.mb-l, .wp-block.wp-block-column.mb-l, .wp-block-column.mb-l, .wp-block.wp-block-cover.mb-l, .wp-block-cover.mb-l, div.mb-l{ margin-bottom: 4rem; } .wp-block.wp-block-columns.pt-l, .wp-block-columns.pt-l, .container.pt-l, .wp-block.wp-block-column.pt-l, .wp-block-column.pt-l, .wp-block.wp-block-cover.pt-l, .wp-block-cover.pt-l, div.pt-l{ padding-top: 4rem; } .wp-block.wp-block-columns.pb-l, .wp-block-columns.pb-l, .container.pb-l, .wp-block.wp-block-column.pb-l, .wp-block-column.pb-l, .wp-block.wp-block-cover.pb-l, .wp-block-cover.pb-l, div.pb-l{ padding-bottom: 4rem; } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:mt-l, .wp-block-columns.md\:mt-l, .container.md\:mt-l, .wp-block.wp-block-column.md\:mt-l, .wp-block-column.md\:mt-l, .wp-block.wp-block-cover.md\:mt-l, .wp-block-cover.md\:mt-l, div.md\:mt-l{ margin-top: 4rem; } .wp-block.wp-block-columns.md\:mb-l, .wp-block-columns.md\:mb-l, .container.md\:mb-l, .wp-block.wp-block-column.md\:mb-l, .wp-block-column.md\:mb-l, .wp-block.wp-block-cover.md\:mb-l, .wp-block-cover.md\:mb-l, div.md\:mb-l{ margin-bottom: 4rem; } .wp-block.wp-block-columns.md\:pt-l, .wp-block-columns.md\:pt-l, .container.md\:pt-l, .wp-block.wp-block-column.md\:pt-l, .wp-block-column.md\:pt-l, .wp-block.wp-block-cover.md\:pt-l, .wp-block-cover.md\:pt-l, div.md\:pt-l{ padding-top: 4rem; } .wp-block.wp-block-columns.md\:pb-l, .wp-block-columns.md\:pb-l, .container.md\:pb-l, .wp-block.wp-block-column.md\:pb-l, .wp-block-column.md\:pb-l, .wp-block.wp-block-cover.md\:pb-l, .wp-block-cover.md\:pb-l, div.md\:pb-l{ padding-bottom: 4rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:mt-l, .wp-block-columns.xl\:mt-l, .container.xl\:mt-l, .wp-block.wp-block-column.xl\:mt-l, .wp-block-column.xl\:mt-l, .wp-block.wp-block-cover.xl\:mt-l, .wp-block-cover.xl\:mt-l, div.xl\:mt-l{ margin-top: 4rem; } .wp-block.wp-block-columns.xl\:mb-l, .wp-block-columns.xl\:mb-l, .container.xl\:mb-l, .wp-block.wp-block-column.xl\:mb-l, .wp-block-column.xl\:mb-l, .wp-block.wp-block-cover.xl\:mb-l, .wp-block-cover.xl\:mb-l, div.xl\:mb-l{ margin-bottom: 4rem; } .wp-block.wp-block-columns.xl\:pt-l, .wp-block-columns.xl\:pt-l, .container.xl\:pt-l, .wp-block.wp-block-column.xl\:pt-l, .wp-block-column.xl\:pt-l, .wp-block.wp-block-cover.xl\:pt-l, .wp-block-cover.xl\:pt-l, div.xl\:pt-l{ padding-top: 4rem; } .wp-block.wp-block-columns.xl\:pb-l, .wp-block-columns.xl\:pb-l, .container.xl\:pb-l, .wp-block.wp-block-column.xl\:pb-l, .wp-block-column.xl\:pb-l, .wp-block.wp-block-cover.xl\:pb-l, .wp-block-cover.xl\:pb-l, div.xl\:pb-l{ padding-bottom: 4rem; } } @media (max-width: 767px) { .wp-block.wp-block-columns.mt-xl, .wp-block-columns.mt-xl, .container.mt-xl, .wp-block.wp-block-column.mt-xl, .wp-block-column.mt-xl, .wp-block.wp-block-cover.mt-xl, .wp-block-cover.mt-xl, div.mt-xl{ margin-top: 6rem; } .wp-block.wp-block-columns.mb-xl, .wp-block-columns.mb-xl, .container.mb-xl, .wp-block.wp-block-column.mb-xl, .wp-block-column.mb-xl, .wp-block.wp-block-cover.mb-xl, .wp-block-cover.mb-xl, div.mb-xl{ margin-bottom: 6rem; } .wp-block.wp-block-columns.pt-xl, .wp-block-columns.pt-xl, .container.pt-xl, .wp-block.wp-block-column.pt-xl, .wp-block-column.pt-xl, .wp-block.wp-block-cover.pt-xl, .wp-block-cover.pt-xl, div.pt-xl{ padding-top: 6rem; } .wp-block.wp-block-columns.pb-xl, .wp-block-columns.pb-xl, .container.pb-xl, .wp-block.wp-block-column.pb-xl, .wp-block-column.pb-xl, .wp-block.wp-block-cover.pb-xl, .wp-block-cover.pb-xl, div.pb-xl{ padding-bottom: 6rem; } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:mt-xl, .wp-block-columns.md\:mt-xl, .container.md\:mt-xl, .wp-block.wp-block-column.md\:mt-xl, .wp-block-column.md\:mt-xl, .wp-block.wp-block-cover.md\:mt-xl, .wp-block-cover.md\:mt-xl, div.md\:mt-xl{ margin-top: 6rem; } .wp-block.wp-block-columns.md\:mb-xl, .wp-block-columns.md\:mb-xl, .container.md\:mb-xl, .wp-block.wp-block-column.md\:mb-xl, .wp-block-column.md\:mb-xl, .wp-block.wp-block-cover.md\:mb-xl, .wp-block-cover.md\:mb-xl, div.md\:mb-xl{ margin-bottom: 6rem; } .wp-block.wp-block-columns.md\:pt-xl, .wp-block-columns.md\:pt-xl, .container.md\:pt-xl, .wp-block.wp-block-column.md\:pt-xl, .wp-block-column.md\:pt-xl, .wp-block.wp-block-cover.md\:pt-xl, .wp-block-cover.md\:pt-xl, div.md\:pt-xl{ padding-top: 6rem; } .wp-block.wp-block-columns.md\:pb-xl, .wp-block-columns.md\:pb-xl, .container.md\:pb-xl, .wp-block.wp-block-column.md\:pb-xl, .wp-block-column.md\:pb-xl, .wp-block.wp-block-cover.md\:pb-xl, .wp-block-cover.md\:pb-xl, div.md\:pb-xl{ padding-bottom: 6rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:mt-xl, .wp-block-columns.xl\:mt-xl, .container.xl\:mt-xl, .wp-block.wp-block-column.xl\:mt-xl, .wp-block-column.xl\:mt-xl, .wp-block.wp-block-cover.xl\:mt-xl, .wp-block-cover.xl\:mt-xl, div.xl\:mt-xl{ margin-top: 6rem; } .wp-block.wp-block-columns.xl\:mb-xl, .wp-block-columns.xl\:mb-xl, .container.xl\:mb-xl, .wp-block.wp-block-column.xl\:mb-xl, .wp-block-column.xl\:mb-xl, .wp-block.wp-block-cover.xl\:mb-xl, .wp-block-cover.xl\:mb-xl, div.xl\:mb-xl{ margin-bottom: 6rem; } .wp-block.wp-block-columns.xl\:pt-xl, .wp-block-columns.xl\:pt-xl, .container.xl\:pt-xl, .wp-block.wp-block-column.xl\:pt-xl, .wp-block-column.xl\:pt-xl, .wp-block.wp-block-cover.xl\:pt-xl, .wp-block-cover.xl\:pt-xl, div.xl\:pt-xl{ padding-top: 6rem; } .wp-block.wp-block-columns.xl\:pb-xl, .wp-block-columns.xl\:pb-xl, .container.xl\:pb-xl, .wp-block.wp-block-column.xl\:pb-xl, .wp-block-column.xl\:pb-xl, .wp-block.wp-block-cover.xl\:pb-xl, .wp-block-cover.xl\:pb-xl, div.xl\:pb-xl{ padding-bottom: 6rem; } } @media (max-width: 767px) { .wp-block.wp-block-columns.mt-xxl, .wp-block-columns.mt-xxl, .container.mt-xxl, .wp-block.wp-block-column.mt-xxl, .wp-block-column.mt-xxl, .wp-block.wp-block-cover.mt-xxl, .wp-block-cover.mt-xxl, div.mt-xxl{ margin-top: 8rem; } .wp-block.wp-block-columns.mb-xxl, .wp-block-columns.mb-xxl, .container.mb-xxl, .wp-block.wp-block-column.mb-xxl, .wp-block-column.mb-xxl, .wp-block.wp-block-cover.mb-xxl, .wp-block-cover.mb-xxl, div.mb-xxl{ margin-bottom: 8rem; } .wp-block.wp-block-columns.pt-xxl, .wp-block-columns.pt-xxl, .container.pt-xxl, .wp-block.wp-block-column.pt-xxl, .wp-block-column.pt-xxl, .wp-block.wp-block-cover.pt-xxl, .wp-block-cover.pt-xxl, div.pt-xxl{ padding-top: 8rem; } .wp-block.wp-block-columns.pb-xxl, .wp-block-columns.pb-xxl, .container.pb-xxl, .wp-block.wp-block-column.pb-xxl, .wp-block-column.pb-xxl, .wp-block.wp-block-cover.pb-xxl, .wp-block-cover.pb-xxl, div.pb-xxl{ padding-bottom: 8rem; } } @media (max-width: 1279px) and (min-width: 768px) { .wp-block.wp-block-columns.md\:mt-xxl, .wp-block-columns.md\:mt-xxl, .container.md\:mt-xxl, .wp-block.wp-block-column.md\:mt-xxl, .wp-block-column.md\:mt-xxl, .wp-block.wp-block-cover.md\:mt-xxl, .wp-block-cover.md\:mt-xxl, div.md\:mt-xxl{ margin-top: 8rem; } .wp-block.wp-block-columns.md\:mb-xxl, .wp-block-columns.md\:mb-xxl, .container.md\:mb-xxl, .wp-block.wp-block-column.md\:mb-xxl, .wp-block-column.md\:mb-xxl, .wp-block.wp-block-cover.md\:mb-xxl, .wp-block-cover.md\:mb-xxl, div.md\:mb-xxl{ margin-bottom: 8rem; } .wp-block.wp-block-columns.md\:pt-xxl, .wp-block-columns.md\:pt-xxl, .container.md\:pt-xxl, .wp-block.wp-block-column.md\:pt-xxl, .wp-block-column.md\:pt-xxl, .wp-block.wp-block-cover.md\:pt-xxl, .wp-block-cover.md\:pt-xxl, div.md\:pt-xxl{ padding-top: 8rem; } .wp-block.wp-block-columns.md\:pb-xxl, .wp-block-columns.md\:pb-xxl, .container.md\:pb-xxl, .wp-block.wp-block-column.md\:pb-xxl, .wp-block-column.md\:pb-xxl, .wp-block.wp-block-cover.md\:pb-xxl, .wp-block-cover.md\:pb-xxl, div.md\:pb-xxl{ padding-bottom: 8rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns.xl\:mt-xxl, .wp-block-columns.xl\:mt-xxl, .container.xl\:mt-xxl, .wp-block.wp-block-column.xl\:mt-xxl, .wp-block-column.xl\:mt-xxl, .wp-block.wp-block-cover.xl\:mt-xxl, .wp-block-cover.xl\:mt-xxl, div.xl\:mt-xxl{ margin-top: 8rem; } .wp-block.wp-block-columns.xl\:mb-xxl, .wp-block-columns.xl\:mb-xxl, .container.xl\:mb-xxl, .wp-block.wp-block-column.xl\:mb-xxl, .wp-block-column.xl\:mb-xxl, .wp-block.wp-block-cover.xl\:mb-xxl, .wp-block-cover.xl\:mb-xxl, div.xl\:mb-xxl{ margin-bottom: 8rem; } .wp-block.wp-block-columns.xl\:pt-xxl, .wp-block-columns.xl\:pt-xxl, .container.xl\:pt-xxl, .wp-block.wp-block-column.xl\:pt-xxl, .wp-block-column.xl\:pt-xxl, .wp-block.wp-block-cover.xl\:pt-xxl, .wp-block-cover.xl\:pt-xxl, div.xl\:pt-xxl{ padding-top: 8rem; } .wp-block.wp-block-columns.xl\:pb-xxl, .wp-block-columns.xl\:pb-xxl, .container.xl\:pb-xxl, .wp-block.wp-block-column.xl\:pb-xxl, .wp-block-column.xl\:pb-xxl, .wp-block.wp-block-cover.xl\:pb-xxl, .wp-block-cover.xl\:pb-xxl, div.xl\:pb-xxl{ padding-bottom: 8rem; } } .wp-block.wp-block-columns, .wp-block-columns{ margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 768px) { .wp-block.wp-block-columns, .wp-block-columns{ margin-top: 2rem; margin-bottom: 2rem; } } @media (min-width: 1280px) { .wp-block.wp-block-columns, .wp-block-columns{ margin-top: 4rem; margin-bottom: 4rem; } } .wp-block.wp-block-columns.reverse, .wp-block-columns.reverse{ flex-direction: column-reverse; } @media (min-width: 768px){ .wp-block.wp-block-columns.reverse, .wp-block-columns.reverse{ flex-direction: row; } } .wp-block.wp-block-cover, .wp-block-cover { padding: 0; } .wp-block.wp-block-columns, .wp-block-columns, .container{ margin-left: auto; margin-right: auto; max-width: 1280px; gap: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 0rem; padding-bottom: 0rem; } .wp-block.wp-block-columns.full, .wp-block-columns.full, .container.full{ max-width: none; } .wp-block.wp-block-columns.wider, .wp-block-columns.wider, .container.wider{ max-width: 1440px; } @media (min-width: 1280px) { .wp-block.wp-block-columns.wider > .normal:first-child, .wp-block-columns.wider > .normal:first-child, .container.wider > .normal:first-child { max-width: 37.5rem !important; margin: 0 0 0 auto !important; } .wp-block.wp-block-columns.wider > .normal:not(:first-child), .wp-block-columns.wider > .normal:not(:first-child), .container.wider > .normal:not(:first-child) { max-width: 37.5rem !important; margin: 0 auto 0 0 !important; } } .wp-block.wp-block-columns.no-gap, .wp-block-columns.no-gap, .container.no-gap{ gap: 0px; } .wp-block.wp-block-columns.no-padding, .wp-block-columns.no-padding, .container.no-padding{ padding-left: 0rem; padding-right: 0rem; } .wp-block-column .wp-block[data-align=left], .wp-block-column .wp-block[data-align=right] { height: auto; } .wp-block-column .wp-block[data-align=left] > *{ float: none; } .wp-block-column .wp-block, .wp-block-column .wp-block-image{ display: block; } .wp-block-column .wp-block .alignleft, .wp-block-column .wp-block-image .alignleft{ float: none; margin: 0rem; margin-bottom: 1rem; } .wp-block-column .wp-block .wp-block-image img, .wp-block-column .wp-block-image .wp-block-image img{ margin: 0rem; } .wp-block-column a{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .wp-block-column a:hover{ text-decoration: underline; } .wp-block-column:not(:first-child){ margin-left: 0rem; } .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child){ margin-left: 0rem; } @media (min-width: 768px) { .wider .wp-block-column:first-child:nth-last-child(2), .wider .wp-block-column:first-child:nth-last-child(2) ~ .wp-block-column { max-width: 50%; } .wp-block-column:first-child:nth-last-child(2), .wp-block-column:first-child:nth-last-child(2) ~ .wp-block-column { flex-basis: 50%; } .wp-block-column:first-child:nth-last-child(3), .wp-block-column:first-child:nth-last-child(3) ~ .wp-block-column { flex-basis: calc(33.333% - 13.3333333333px) !important; } } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { color: inherit; } .mt-auto { margin-top: auto; } #forminator-module-784 .forminator-button-submit { padding: 0 10px !important; min-width: auto !important; } #forminator-module-784 .forminator-button-submit:hover { transform: none !important; } @media (min-width: 768px) { #forminator-module-784 .forminator-button-submit { min-width: 15rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } } .forminator-guttenberg, .forminator-custom-form{ margin-left: auto; margin-right: auto; margin-bottom: 1rem; max-width: 36rem; font-family: Poppins, sans-serif; } .forminator-guttenberg .forminator-pagination-progress, .forminator-custom-form .forminator-pagination-progress{ margin-bottom: 0.5rem; display: flex; align-items: center; font-size: 0.875rem; line-height: normal; } .forminator-guttenberg .forminator-checkbox-label p, .forminator-custom-form .forminator-checkbox-label p { margin-top: 0 !important; font-size: 14px; } .forminator-guttenberg .forminator-progress-bar, .forminator-custom-form .forminator-progress-bar{ height: 0.25rem; width: 100%; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .forminator-guttenberg .forminator-progress-bar span, .forminator-custom-form .forminator-progress-bar span{ display: flex; height: 100%; --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); } .forminator-guttenberg .forminator-progress-label, .forminator-custom-form .forminator-progress-label{ display: none; } .forminator-guttenberg .label-steps, .forminator-custom-form .label-steps{ margin-right: 0.5rem; white-space: nowrap; } .forminator-guttenberg .forminator-pagination--content, .forminator-custom-form .forminator-pagination--content{ font-size: 1rem; line-height: normal; } .forminator-guttenberg .forminator-required, .forminator-custom-form .forminator-required{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .forminator-guttenberg .forminator-label, .forminator-custom-form .forminator-label{ display: block; } .forminator-guttenberg .forminator-input, .forminator-custom-form .forminator-input{ height: 3rem; width: 100%; padding: 1rem; --tw-text-opacity: 1; color: rgba(38, 38, 40, var(--tw-text-opacity)); border-radius: 0 !important; } .forminator-guttenberg .forminator-textarea, .forminator-custom-form .forminator-textarea{ width: 100%; padding: 1rem; --tw-text-opacity: 1; color: rgba(38, 38, 40, var(--tw-text-opacity)); } .forminator-guttenberg .forminator-error-message, .forminator-custom-form .forminator-error-message{ font-size: 0.875rem; line-height: normal; --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .forminator-guttenberg .forminator-button, .forminator-custom-form .forminator-button{ margin-top: 1rem; display: inline-flex; min-width: 15rem; transform: var(--tw-transform); align-items: center; justify-content: center; border-radius: 0; border-width: 2px; border-style: solid; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); background-color: transparent; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: Poppins, sans-serif; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); transition-duration: 300ms; } @media (min-width: 1280px){ .forminator-guttenberg .forminator-button, .forminator-custom-form .forminator-button{ padding-left: 1rem; padding-right: 1rem; } } .forminator-guttenberg .forminator-button, .forminator-custom-form .forminator-button { transition-property: background-color, border, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .forminator-guttenberg .forminator-button.forminator-button-next, .forminator-guttenberg .forminator-button.forminator-button-back, .forminator-custom-form .forminator-button.forminator-button-next, .forminator-custom-form .forminator-button.forminator-button-back { padding: 2px 10px; min-width: auto; } @media (min-width: 768px) { .forminator-guttenberg .forminator-button.forminator-button-next, .forminator-guttenberg .forminator-button.forminator-button-back, .forminator-custom-form .forminator-button.forminator-button-next, .forminator-custom-form .forminator-button.forminator-button-back { min-width: 15rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; padding-left: 0.5rem !important; padding-right: 0.5rem !important; } } .forminator-guttenberg .forminator-button.forminator-button-next:hover, .forminator-guttenberg .forminator-button.forminator-button-back:hover, .forminator-custom-form .forminator-button.forminator-button-next:hover, .forminator-custom-form .forminator-button.forminator-button-back:hover { transform: none; } .forminator-guttenberg .forminator-button:after, .forminator-custom-form .forminator-button:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } .forminator-guttenberg .forminator-button.forminator-button-back:after, .forminator-custom-form .forminator-button.forminator-button-back:after{ display: none; } .forminator-guttenberg .forminator-button.forminator-button-back:before, .forminator-custom-form .forminator-button.forminator-button-back:before { content: url("data:image/svg+xml; utf8, "); margin-right: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; --tw-scale-x: -1; transform: var(--tw-transform); transform: var(--tw-transform); } .forminator-guttenberg .forminator-button:hover, .forminator-custom-form .forminator-button:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .forminator-guttenberg .forminator-checkbox, .forminator-custom-form .forminator-checkbox{ margin-bottom: 1.25rem; display: flex; cursor: pointer; font-family: Poppins, sans-serif; font-size: 1.25rem; line-height: normal; } .forminator-guttenberg .forminator-checkbox input, .forminator-custom-form .forminator-checkbox input{ margin-right: 1rem; height: 1.25rem; width: 1.25rem; max-width: 1.25rem; } body .nf-table-display .nf-form-content { padding: 0; } body .nf-table-display .nf-form-content .label-above .nf-field-label, body .nf-table-display .nf-form-content .label-below .nf-field-label, body .nf-table-display .nf-form-content .label-hidden .nf-field-label { margin-bottom: 0; font-size: 14px; font-family: Poppins, sans-serif; } body .nf-table-display .nf-form-content .label-above .nf-field-label label, body .nf-table-display .nf-form-content .label-below .nf-field-label label, body .nf-table-display .nf-form-content .label-hidden .nf-field-label label { font-weight: normal; } body .nf-table-display .nf-form-fields-required { display: none; } body .nf-table-display .nf-field-element input, body .nf-table-display .nf-field-element select, body .nf-table-display .nf-field-element textarea { color: black; width: 100%; padding: 16px; border-radius: 0 !important; } body .nf-table-display .nf-field-element input, body .nf-table-display .nf-field-element select { height: 48px; } body .nf-table-display button[type=submit]{ font-family: Poppins, sans-serif; background-color: transparent; border: 2px solid white; padding: 16px 8px; display: inline-flex; justify-content: center; align-items: center; color: white; min-width: 240px; transition: all 0.3s ease-in-out; border-radius: 0; margin-top: 16px; transition-property: background-color, border, transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); height: auto; } body .nf-table-display button[type=submit]:after { content: url("data:image/svg+xml; utf8, "); margin-left: 0.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; } body .nf-table-display button[type=submit]:hover { background-color: rgb(195, 0, 115); border-color: rgb(195, 0, 115); } @media (min-width: 1280px) { body .nf-table-display button[type=submit]:hover { transform: translateY(-4px); } } body .nf-table-display a { text-decoration: underline; } .grecaptcha-badge { visibility: hidden; } body #CybotCookiebotDialog{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } body #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } body #CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{ border-radius: 0; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); } body #CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover{ --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); opacity: 1; } body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{ border-radius: 0; --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); font-family: Poppins, sans-serif; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:hover, body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept:hover, body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); background-color: transparent; opacity: 1; } body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{ border-radius: 0; --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); font-family: Poppins, sans-serif; } body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:hover, body #CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover{ --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); opacity: 1; } body #CybotCookiebotDialog #CybotCookiebotDialogTabContent input:checked + .CybotCookiebotDialogBodyLevelButtonSlider{ --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); } body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span, body #CybotCookiebotDialog :focus-visible{ outline: 2px solid transparent; outline-offset: 2px; } body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, body #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover, body #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active{ border-bottom-width: 3px; --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } body:not(.wp-admin) .schema-faq-section.no-js .schema-faq-answer { display: block !important; } body:not(.wp-admin) .schema-faq-section.no-js .schema-faq-question { cursor: default; padding-right: none; } body:not(.wp-admin) .schema-faq-section.no-js .schema-faq-question:after { display: none; } body:not(.wp-admin) .schema-faq-question { cursor: pointer; padding-right: 2rem; position: relative; } body:not(.wp-admin) .schema-faq-question:after { content: "+"; font-weight: 300; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: black; } body:not(.wp-admin) .schema-faq-question[aria-expanded=true]:after { content: "−"; } @media print { body:not(.wp-admin) .schema-faq-answer { display: block !important; } } body:not(.wp-admin) .editor-styles-wrapper .schema-faq-section.is-selected { border-bottom: 1px solid var(--wp-admin-theme-color) !important; } body:not(.wp-admin) .schema-faq-section { padding: 12px 0; } body:not(.wp-admin) .schema-faq-section > .schema-faq-question { display: block; font-family: Poppins, sans-serif; font-size: 1.4rem; line-height: normal; font-weight: 700; line-height: 1.375; margin-bottom: 0; } @media (min-width: 1024px) { body:not(.wp-admin) .schema-faq-section > .schema-faq-question{ font-size: 1.5rem; line-height: normal; } } body:not(.wp-admin) .schema-faq-section .schema-faq-answer { padding-top: 0px; margin: 0; line-height: 1.7; overflow: hidden; height: 0; transition: all 0.2s ease-in; } .wp-block-gallery ul.blocks-gallery-grid{ display: grid; gap: 1px; --tw-bg-opacity: 1; background-color: rgba(235, 236, 238, var(--tw-bg-opacity)); } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item{ margin: 0rem; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); padding: 1rem; } @media (min-width: 1280px){ .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item{ padding: 2rem; } } .wp-block-gallery ul.blocks-gallery-grid li.blocks-gallery-item figcaption{ left: 0rem; } @media (min-width: 768px){ .wp-block-gallery.columns-3 ul.blocks-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } .wp-block-gallery.columns-3 ul.blocks-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 1024px){ .wp-block-gallery.columns-3 ul.blocks-gallery-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } } .wp-block-gallery.columns-4 ul.blocks-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 1024px){ .wp-block-gallery.columns-4 ul.blocks-gallery-grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } .wp-block-gallery.columns-5 ul.blocks-gallery-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (min-width: 1024px){ .wp-block-gallery.columns-5 ul.blocks-gallery-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); } } .wp-block-image{ position: relative; margin-bottom: 0rem; } .wp-block-image:hover figcaption{ opacity: 1; } .wp-block-image img{ margin-left: auto; margin-right: auto; } .wp-block-image a{ position: relative; z-index: 15; z-index: 10; display: flex; height: 100%; width: 100%; } .wp-block-image figcaption{ position: absolute; top: 0rem; left: 0rem; z-index: 10; margin: 0rem; display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgba(38, 38, 40, var(--tw-bg-opacity)); --tw-bg-opacity: 0.4; font-family: Poppins, sans-serif; font-size: 1.5rem; line-height: normal; font-weight: 700; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-duration: 500ms; } @media (min-width: 1024px){ .wp-block-image figcaption{ opacity: 0; } } .wp-block-image .components-resizable-box__container{ display: block; } .wp-block-image.cover{ height: 100%; } .wp-block-image.cover img{ height: 100%; width: 100%; object-fit: cover; } .wp-block-image.cover .components-resizable-box__container { height: 100% !important; } .cr-marquee { overflow: hidden !important; padding-bottom: var(--y) !important; } .cr-marquee.wp-block .marquee.marquee-left .wp-block-gallery { animation: none; } .cr-marquee.wp-block .marquee.marquee-right .wp-block-gallery { animation: none; } .cr-marquee .marquee { height: 276px; position: relative; width: 100%; display: grid; place-items: center; } .cr-marquee .marquee.marquee-left .wp-block-gallery { animation: scroll 60s linear infinite; } .cr-marquee .marquee.marquee-right .wp-block-gallery { animation: scroll-right 60s linear infinite; } .cr-marquee .marquee .wp-block-gallery { width: 7840px; display: flex; justify-content: space-between; } .cr-marquee .marquee .wp-block-gallery .wp-block-image { width: 392px !important; height: 276px !important; display: grid !important; place-items: center; cursor: pointer; margin: 0 !important; flex-grow: unset !important; } .cr-marquee .marquee .wp-block-gallery .wp-block-image img { width: 100%; height: auto; } @keyframes scroll { 0% { transform: translateX(0px); } 100% { transform: translateX(-3920px); } } @keyframes scroll-right { 0% { transform: translateX(-3920px); } 100% { transform: translateX(0px); } } .popup-form{ width: 100vw; max-width: calc(100vw - 1.25rem); --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); background-size: cover; padding: 2rem; --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } @media (min-width: 768px){ .popup-form{ max-width: 42rem; } } @media (min-width: 1280px){ .popup-form{ padding: 4rem; } } .popup-form:before { content: ""; display: block; position: absolute; top: 0rem; left: 0rem; height: 100%; width: 100%; --tw-scale-x: -1; transform: var(--tw-transform); transform: var(--tw-transform); background-size: cover; background-position: center; opacity: 0.5; background-image: url("../images/hero-home.svg"); } .popup-form .content{ position: relative; z-index: 10; } body .lity { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); transition: opacity 0.5s ease-in-out; background-color: rgba(0, 0, 0, 0.65); } body .lity-content:after { display: none; } .lity-active body { overflow: hidden; } .lity-inline .lity-content > * { max-height: none !important; } .lity-inline .lity-wrap { overflow: auto; } body .forminator-custom-form .forminator-checkbox input, body .forminator-guttenberg .forminator-checkbox input{ margin-top: 0.25rem; height: 1.25rem; width: 1.25rem; flex: 1 0 auto; } body .forminator-row:not(:last-child) { margin-bottom: 1rem !important; } body .forminator-response-message.forminator-error.forminator-accessible{ display: none; } body .btn.nf-fu-fileinput-button, body .btn.nf-fu-button-cancel { color: white; border-color: white; } body .btn.nf-fu-fileinput-button:after, body .btn.nf-fu-button-cancel:after { display: none; } body .btn.nf-fu-fileinput-button:hover, body .btn.nf-fu-button-cancel:hover{ --tw-translate-y: -0.25rem; transform: var(--tw-transform); --tw-border-opacity: 1; border-color: rgba(195, 0, 115, var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgba(195, 0, 115, var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } body .file_upload-wrap label { margin-bottom: 10px; display: block; } body .nf-fu-progress { border-radius: 0; } .services-list .wp-block-column{ display: flex; flex-direction: column; } .services-list .wp-block-column .wp-block-buttons{ margin-top: auto; --tw-translate-y: 1rem; transform: var(--tw-transform); } @media (min-width: 768px){ .services-list .wp-block-column .wp-block-buttons a{ font-size: 0.875rem; line-height: normal; } } @media (min-width: 1024px){ .services-list .wp-block-column .wp-block-buttons a{ font-size: 1rem; line-height: normal; } } .garrett__hero { background-color: #000000; background-image: url(../images/garrett-pattern.png), linear-gradient(79deg, rgba(255, 239, 0, 0.2) 0%, rgba(0, 0, 0, 0.5176470588) 48%, rgba(0, 0, 0, 0) 100%), linear-gradient(284deg, #1B1B1D 0%, #000000 66%, #000000 100%); background-size: auto 300px, cover, cover; border-bottom: 1px solid #494949; border-top: 1px solid #494949; } .garrett__steps { background-color: black !important; color: white !important; background-image: url(../../resources/garrett-bg.svg), linear-gradient(264deg, rgba(63, 64, 69, 0.12) 0%, rgba(26, 27, 29, 0.12) 43%, rgba(255, 239, 0, 0.12) 100%), linear-gradient(172deg, rgba(255, 239, 0, 0.12) 0%, rgba(0, 0, 0, 0.061) 48%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(134deg, #000000 0%, rgba(0, 0, 0, 0) 100%); background-repeat: no-repeat; background-position: 50% 100%, 0 0, 0 0; background-size: contain, cover, cover; } .garrett__steps .downloading-text { display: none; } @media (min-width: 1024px) { .garrett__steps .downloading-text { display: block; } } @media (min-width: 1280px) { .garrett__steps .td-column:nth-of-type(2) figure:last-of-type { transform: translateY(50px); } } .garrett__video { background-image: url(../images/Pattern_02.png); } .garrett__carousel .swiper-slide { padding: 10px; background: transparent linear-gradient(69deg, rgb(255, 239, 0) 0%, rgb(216, 174, 0) 100%) 0% 0% no-repeat padding-box; border-radius: 10px; } @media (min-width: 1024px) { .garrett__carousel .swiper-slide { padding: 20px; border-radius: 10px; } } @media (min-width: 1280px) { .garrett__carousel .swiper-slide { padding: 36px; } } .garrett__carousel .td-column { display: grid; } .garrett__carousel .swiper-carousel { padding: 20px 20px 60px 20px; } @media (min-width: 768px) { .garrett__carousel .swiper-carousel { padding: calc(2 * var(--col48)) calc(2 * var(--col48)) calc(3 * var(--col48)) calc(2 * var(--col48)); } } @media (min-width: 1280px) { .garrett__carousel .swiper-carousel { padding: calc(4 * var(--col48)); } } .garrett__carousel .swiper-pagination { bottom: 15px !important; } @media (min-width: 1280px) { .garrett__carousel .swiper-pagination { bottom: 30px !important; } } .garrett__carousel .swiper-pagination span { opacity: 1; height: 16px; width: 16px; background-color: white; } .garrett__carousel .swiper-pagination span.swiper-pagination-bullet-active { background-color: #FFEF00; } .garrett__mission .td-column:first-of-type .wp-block-image { max-width: calc(20 * var(--col48)); } @media (min-width: 768px) { .garrett__mission::after { background-image: url(../images/Made-In-America.svg); background-size: cover; content: ""; display: block; height: 120px; position: absolute; left: calc(50% - 60px); bottom: 0; width: 120px; z-index: 10; } } @media (min-width: 1280px) { .garrett__mission::after { width: 150px; height: 150px; left: calc(50% - 75px); } } .black-white > section { transition: background-color 1.2s ease 0s, color 0.8s ease 0s; background-color: black; color: white; } .black-white > section.isBlack, .black-white > section:first-of-type { background-color: black; color: white; } .black-white > section.isWhite { background-color: white; color: black; } .show .work-circles .swiper-slide > div:nth-of-type(1), .show .work-circles .swiper-slide > div:nth-of-type(2), .show .work-circles .swiper-slide > div:nth-of-type(3), .wp-block .work-circles .swiper-slide > div:nth-of-type(1), .wp-block .work-circles .swiper-slide > div:nth-of-type(2), .wp-block .work-circles .swiper-slide > div:nth-of-type(3) { transform: none; opacity: 1; } .show .work-circles .swiper-slide > div p, .show .work-circles .swiper-slide > div h5, .wp-block .work-circles .swiper-slide > div p, .wp-block .work-circles .swiper-slide > div h5 { opacity: 1; } .work-circles .swiper-slide { position: relative; display: grid; grid-template-rows: 50px 1fr 50px 1fr 50px 1fr 50px; } @media (min-width: 768px) { .work-circles .swiper-slide { grid-template-columns: 50px 1fr 50px 1fr 50px 1fr 50px; grid-template-rows: 1fr; } } .work-circles .swiper-slide > div { aspect-ratio: 1; color: black; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15% 17%; text-align: center; transition: all 0.7s ease-in-out 0.9s; } .work-circles .swiper-slide > div h5 { font-weight: 400; font-size: 20px; } @media (min-width: 1280px) { .work-circles .swiper-slide > div h5 { font-size: 30px; } } .work-circles .swiper-slide > div:nth-of-type(1) { grid-row-start: 1; grid-column-start: 1; grid-row-end: 4; grid-column-end: 2; background: transparent linear-gradient(317deg, #000000 0%, #545454 100%) 0% 0% no-repeat padding-box; color: white; transform: translateX(87%); opacity: 0; z-index: 1; position: relative; } @media (min-width: 1024px) { .work-circles .swiper-slide > div:nth-of-type(1) { grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 4; } } .work-circles .swiper-slide > div:nth-of-type(2) { grid-row-start: 3; grid-column-start: 1; grid-row-end: 6; grid-column-end: 2; background: transparent linear-gradient(131deg, rgba(255, 239, 0, 0.5450980392) 0%, #FFEF00 100%) 0% 0% no-repeat padding-box; z-index: 2; position: relative; opacity: 0; } @media (min-width: 1024px) { .work-circles .swiper-slide > div:nth-of-type(2) { grid-row-start: 1; grid-column-start: 3; grid-row-end: 2; grid-column-end: 6; } } .work-circles .swiper-slide > div:nth-of-type(3) { grid-row-start: 5; grid-column-start: 1; grid-row-end: 8; grid-column-end: 2; background: transparent linear-gradient(159deg, rgba(255, 255, 255, 0.7568627451) 0%, rgba(234, 234, 234, 0.8901960784) 100%) 0% 0% no-repeat padding-box; transform: translateX(-87%); opacity: 0; z-index: 3; position: relative; } @media (min-width: 1024px) { .work-circles .swiper-slide > div:nth-of-type(3) { grid-row-start: 1; grid-column-start: 5; grid-row-end: 2; grid-column-end: 8; } } .work-circles .swiper-slide > div p, .work-circles .swiper-slide > div h5 { transition: all 1s ease-in-out 0.6s; opacity: 0; line-height: 1.15em; } .work-circles .swiper-slide > div p { font-size: 14px; } @media (min-width: 1024px) { .work-circles .swiper-slide > div p { font-size: 1rem; } } .heading-spacer { height: 66px; } @media (min-width: 1024px) { .heading-spacer { height: 86px; } } .hero-work .container { display: flex; justify-content: center; flex-direction: column; align-items: flex-start; height: 100%; padding-top: 16px; padding-bottom: 16px; gap: 0; } .hero-work .spider { height: 35px; margin: 0; } .hero-work h5 { font-weight: 200; font-size: 16px; } @media (min-width: 1024px) { .hero-work h5 { font-size: 20px; } } .fexillon { overflow: hidden; } .fexillon__bg #Path_13029, .fexillon__bg #Path_13031 { animation: bounce-top 4s linear alternate infinite; } .fexillon__bg #Path_13030, .fexillon__bg #Path_13038 { animation: bounce-bottom 4s linear alternate infinite; } .fexillon__bg svg { max-width: 580px; margin: auto; } .fexillon__mobile-1 img { animation: bounce-top 4s linear alternate infinite; } .fexillon__mobile-2 img { animation: bounce-bottom 4s linear alternate infinite; } .fexillon__photo { min-height: 600px; overflow: hidden; } .cr_mobile_1 img { animation: bounce-top 4s linear alternate infinite; } .cr_mobile_2 img { animation: bounce-bottom 4s linear alternate infinite; } .elfc_spin { position: absolute; border-radius: 50%; padding: 10%; max-width: 165px; } .elfc_spin img { animation: spin 30s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .border-bottom-radius-60 { border-bottom-left-radius: 60px; border-bottom-right-radius: 60px; } .mfcu-calculator-rounded { padding: 50px 18px 26px; background-color: #fff; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; } body .mfcu-technology { border-top-right-radius: 40px; } body .mfcu-technology-number { margin-bottom: 20px; } body .mfcu-technology-number img { margin-left: 0; } body .mfcu-technology .mt-auto { margin-top: auto; } .pagination-carousel .swiper-pagination { display: flex; justify-content: center; align-items: center; } .pagination-carousel .swiper-pagination span { background-color: #FFFFFF !important; } .pagination-carousel .swiper-pagination span.swiper-pagination-bullet-active { background-color: #FF9A21 !important; } .garrett-list { padding-left: 0; } .garrett-list li { padding-left: 35px; list-style: none; background-image: url("../images/garrett-icon-check.svg"); background-repeat: no-repeat; background-position: left center; background-size: 24px; margin-bottom: 8px; } .garrett-video-frame { background: linear-gradient(180deg, #3F3B38 0%, rgba(63, 59, 56, 0) 12.02%), #3F3B38; } .garrett-video-frame .td-column { max-width: 1090.5px; width: 100%; margin: 0 auto !important; } .garrett-video-frame .td-column figure.wp-block-video { border: 10px solid #9E978D; } .garrett-background-gradient-light { background: linear-gradient(180deg, #F9F9F9 0%, #F2F3F3 100%); } .garrett-background-gradient-light-1 { background: linear-gradient(180deg, #3F3B38 0%, #5C5754 100%); } .garrett-background-gradient-light-2 { background: linear-gradient(90deg, #e9e5df 0%, #f0efed 100%); } .garret-unset-margin figure img { margin: 0 !important; } .video-frame .td-column { background-image: url("/app/uploads/2022/04/video-frame.svg"); background-size: 100% auto; background-position: 50% 0; background-repeat: no-repeat; max-width: 1090.5px; width: 100%; margin: 0 auto !important; padding: 0 20px 62.25% 20px; position: relative; } .video-frame .td-column figure { position: absolute; width: calc(100% - 40px); height: auto; top: 8%; } .video-frame--black .td-column { background-image: url("/app/uploads/2022/07/video-frame-black.svg"); } .video-frame--blue .td-column { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1090.5' height='666.56' xmlns:v='https://vecta.io/nano'%3E%3Cg fill='none' stroke='%230d1473'%3E%3Crect x='.5' y='.5' width='1089' height='665.56' rx='9.5'/%3E%3Cpath d='M.5 40.285h1090'/%3E%3C/g%3E%3Cg fill='%231792ff'%3E%3Ccircle cx='26' cy='20.672' r='6'/%3E%3Ccircle cx='43' cy='20.672' r='6'/%3E%3Ccircle cx='60' cy='20.672' r='6'/%3E%3C/g%3E%3C/svg%3E"); } .video-frame--lightblue .td-column { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1090.5' height='666.56' viewBox='0 0 1090.5 666.56'%3E%3Cg id='Browser' transform='translate(-175 -3246.328)'%3E%3Cg id='Rectangle_3760' data-name='Rectangle 3760' transform='translate(175 3246.328)' fill='none' stroke='%230d1473' stroke-width='1'%3E%3Crect width='1090' height='666.56' rx='10' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='1089' height='665.56' rx='9.5' fill='none'/%3E%3C/g%3E%3Cline id='Line_1217' data-name='Line 1217' x2='1090' transform='translate(175.5 3286.613)' fill='none' stroke='%230d1473' stroke-width='1'/%3E%3Ccircle id='Ellipse_1563' data-name='Ellipse 1563' cx='6' cy='6' r='6' transform='translate(195 3261)' fill='%2305c5ae'/%3E%3Ccircle id='Ellipse_1564' data-name='Ellipse 1564' cx='6' cy='6' r='6' transform='translate(212 3261)' fill='%2305c5ae'/%3E%3Ccircle id='Ellipse_1565' data-name='Ellipse 1565' cx='6' cy='6' r='6' transform='translate(229 3261)' fill='%2305c5ae'/%3E%3C/g%3E%3C/svg%3E"); } .video-frame--pinpoint .td-column { background-image: url("../images/frame-pinpoint.svg"); } .video-frame--red .td-column { border-radius: var(--wp--custom--radius--m); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1090.5' height='666.56' viewBox='0 0 1090.5 666.56'%3E%3Cg id='Video' transform='translate(-175 -3246.328)'%3E%3Cg id='Browser'%3E%3Cg id='Rectangle_3760' data-name='Rectangle 3760' transform='translate(175 3246.328)' fill='none' stroke='%23fff' stroke-width='1'%3E%3Crect width='1090' height='666.56' rx='10' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='1089' height='665.56' rx='9.5' fill='none'/%3E%3C/g%3E%3Cline id='Line_1217' data-name='Line 1217' x2='1090' transform='translate(175.5 3286.613)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3Ccircle id='Ellipse_1563' data-name='Ellipse 1563' cx='6' cy='6' r='6' transform='translate(195 3261)' fill='%23FF0000'/%3E%3Ccircle id='Ellipse_1564' data-name='Ellipse 1564' cx='6' cy='6' r='6' transform='translate(212 3261)' fill='%23FF0000'/%3E%3Ccircle id='Ellipse_1565' data-name='Ellipse 1565' cx='6' cy='6' r='6' transform='translate(229 3261)' fill='%23FF0000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } @media (min-width: 1280px) { .video-frame--red .td-column { padding: 0 20px 57.25%; } } .video-frame--red .td-column video { border-bottom-left-radius: var(--wp--custom--radius--m); border-bottom-right-radius: var(--wp--custom--radius--m); } .cr-logos .td-column:first-of-type { border: 1px solid #DEDEDE; border-radius: 15px 15px 0 0; } @media (min-width: 768px) { .cr-logos .td-column:first-of-type { border-radius: 15px 0 0 15px; } .cr-logos .td-column:nth-of-type(2) { border-radius: 0 15px 0 0; } } .cr-logos .td-column:nth-of-type(3) { border-radius: 0 0 15px 15px; } @media (min-width: 768px) { .cr-logos .td-column:nth-of-type(3) { border-radius: 0 0 15px 0; } } .cr-logos__mfcu .td-column:last-of-type { border-left: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; border-right: 1px solid #DEDEDE; border-top: 0; } @media (min-width: 768px) { .cr-logos__mfcu .td-column:last-of-type { border-left: 0; } } .cr-logos__unilsim .td-column:first-of-type { border-width: 0; } h1.line, h2.line, h3.line, h4.line, h5.line, h6.line { border-bottom: 1px solid #D1D9D9; padding-bottom: 6px; font-size: 16px; font-weight: 400; width: 100%; margin-bottom: 2rem; } h1.line--grey, h2.line--grey, h3.line--grey, h4.line--grey, h5.line--grey, h6.line--grey { border-bottom: 1px solid #707070; } .arc-bottom-white { position: relative; padding-bottom: 4.2vw; position: relative; } .arc-bottom-white .wp-block-column, .arc-bottom-white .wp-block-cover__inner-container { position: relative; z-index: 20; } .arc-bottom-white:after { content: ""; display: block; position: absolute; top: unset !important; bottom: -1px !important; left: 0 !important; right: 0 !important; margin: 0 auto; max-height: 108px; height: 4.2vw; width: 100%; background-position: 50% 100%; background-size: cover; background-image: url("data:image/svg+xml;utf8,"); box-shadow: none !important; border-radius: 0 !important; background-repeat: no-repeat; z-index: 2; } .mfcu-lenear-3 { background: transparent linear-gradient(118deg, #0A1482 0%, #232FB5 48%, #0A1482 100%) 0% 0% no-repeat padding-box; } .mfcu-list { list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.629' height='19.088' viewBox='0 0 23.629 19.088'%3E%3Cpath id='Path_17109' data-name='Path 17109' d='M-11421.562,8231.415h-.009a2,2,0,0,1-1.424-.6l-4.668-4.792a2,2,0,0,1,.037-2.828,2,2,0,0,1,2.828.037l3.248,3.334,13.528-13.643a2,2,0,0,1,2.828-.012,2,2,0,0,1,.012,2.828l-14.961,15.088A2,2,0,0,1-11421.562,8231.415Z' transform='translate(11428.23 -8212.327)' fill='%2312ffec'/%3E%3C/svg%3E"); } .mfcu-list li { margin-bottom: 10px; margin-left: 10px; } .mfcu-impact-img1 { position: absolute; left: 50%; transform: translate(calc(-100% + 30px), calc(-100% + 30px)); top: 50%; z-index: 2; } .mfcu-impact-img2 { position: absolute; left: 50%; top: 50%; transform: translate(-30px, -30px); } ul.procon-list { padding-left: 0; } ul.procon-list li { padding: 3px 0px 3px 34px; list-style: none; margin: 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Group_14362' data-name='Group 14362' transform='translate(-4476.668 -7652.238)'%3E%3Crect id='Rectangle_3761' data-name='Rectangle 3761' width='24' height='24' rx='3' transform='translate(4476.668 7652.239)' fill='%23f0f1f4'/%3E%3Cpath id='Path_12079' data-name='Path 12079' d='M1253.354,257.11l3.289,3.29,8.768-8.768' transform='translate(3229.286 7408.224)' fill='none' stroke='%23054ada' stroke-linecap='square' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); } .procon-subheading { font-size: 20px; line-height: 24px; font-family: Poppins, "sans-serif"; margin-bottom: 0; } ul.pobal-list { padding-left: 0; } ul.pobal-list li { padding: 3px 0px 3px 20px; list-style: none; margin: 0; background-repeat: no-repeat; background-position: left 10px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' width='10' height='10' xmlns='http://www.w3.org/2000/svg' fill='%23F8D070'%3E%3Ccircle cx='5' cy='5' r='5' /%3E%3C/svg%3E"); } .pobal-carousel { padding-bottom: 50px; } .pobal-carousel .swiper { overflow: unset; } .pobal-carousel .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #F8D070; background: transparent; opacity: 1; } .pobal-carousel .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #F8D070; } .pobal-rounded { position: relative; } .pobal-rounded:after { content: ""; height: 61px; position: absolute; bottom: -61px; background-size: cover; display: block; background-repeat: no-repeat; width: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='60.507' viewBox='0 0 1440 60.507'%3E%3Cpath id='Path_658' data-name='Path 658' d='M-779-524.761s355.368,60.507,706.425,60.507C304.613-464.253,661-524.761,661-524.761Z' transform='translate(779 524.761)' fill='%23fbf9f6'/%3E%3C/svg%3E"); } .mfcu-list { list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.629' height='19.088' viewBox='0 0 23.629 19.088'%3E%3Cpath id='Path_17109' data-name='Path 17109' d='M-11421.562,8231.415h-.009a2,2,0,0,1-1.424-.6l-4.668-4.792a2,2,0,0,1,.037-2.828,2,2,0,0,1,2.828.037l3.248,3.334,13.528-13.643a2,2,0,0,1,2.828-.012,2,2,0,0,1,.012,2.828l-14.961,15.088A2,2,0,0,1-11421.562,8231.415Z' transform='translate(11428.23 -8212.327)' fill='%2312ffec'/%3E%3C/svg%3E"); } .mfcu-list li { margin-bottom: 10px; margin-left: 10px; } .nurse-list, .procure-list, .circle-k-list { padding-left: 0; } .nurse-list li, .procure-list li, .circle-k-list li { padding: 3px 0px 3px 30px; list-style: none; margin: 0; background-repeat: no-repeat; background-position: left 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.629' height='19.629' viewBox='0 0 19.629 19.629'%3E%3Cg id='Group_14894' data-name='Group 14894' transform='translate(-1699.849 -582.754)'%3E%3Cpath id='Path_11863' data-name='Path 11863' d='M1708.791,580.712a10.019,10.019,0,0,0-1.264-.081,9.819,9.819,0,1,0,1.264.081Zm6.735,10.76a8.065,8.065,0,0,1-7.975,7.028,8.366,8.366,0,0,1-1.039-.067,8.053,8.053,0,1,1,9.014-6.961Zm-5.22-4.035-4.149,4.15-1.386-1.388a.881.881,0,0,0-1.246,1.246l2.01,2.01a.881.881,0,0,0,1.244,0l4.772-4.774a.88.88,0,1,0-1.246-1.244Z' transform='translate(2.124 2.123)' fill='%2305c5ae'/%3E%3C/g%3E%3C/svg%3E"); } .procure-list li { background-image: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 21 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5 2.5C5.80558 2.5 2 6.30558 2 11C2 15.6944 5.80558 19.5 10.5 19.5C15.1944 19.5 19 15.6944 19 11C19 6.30558 15.1944 2.5 10.5 2.5ZM0 11C0 5.20101 4.70101 0.5 10.5 0.5C16.299 0.5 21 5.20101 21 11C21 16.799 16.299 21.5 10.5 21.5C4.70101 21.5 0 16.799 0 11ZM15.4861 6.46624C15.8913 6.84147 15.9157 7.47416 15.5404 7.87941L9.20709 14.7194C9.02237 14.9189 8.76439 15.0346 8.49255 15.0398C8.22072 15.045 7.95848 14.9394 7.76623 14.7471L4.72623 11.7071C4.3357 11.3166 4.3357 10.6834 4.72623 10.2929C5.11675 9.90237 5.74992 9.90237 6.14044 10.2929L8.44561 12.5981L14.0729 6.52059C14.4481 6.11535 15.0808 6.09101 15.4861 6.46624Z' fill='url(%23paint0_linear_421_385)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_421_385' x1='10.5' y1='0.5' x2='10.5' y2='21.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23208EE8'/%3E%3Cstop offset='1' stop-color='%23EC3174'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } .circle-k-list li { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0776 0.26203C10.6584 0.208398 10.2363 0.181344 9.81363 0.18103C7.26433 0.182425 4.8155 1.17525 2.98499 2.94956C1.15448 4.72388 0.0858058 7.14056 0.00494566 9.68858C-0.0759145 12.2366 0.837383 14.7162 2.55171 16.603C4.26604 18.4898 6.64698 19.6359 9.19107 19.7989C11.7352 19.962 14.2429 19.1291 16.1841 17.4766C18.1252 15.824 19.3475 13.4813 19.5925 10.9438C19.8376 8.4063 19.0861 5.87297 17.497 3.87953C15.908 1.88608 13.6059 0.588808 11.0776 0.26203ZM17.8126 11.022C17.5612 12.9612 16.6138 14.743 15.1468 16.0358C13.6798 17.3286 11.793 18.0444 9.83763 18.05C9.49025 18.0493 9.14324 18.0269 8.79863 17.983C7.21891 17.78 5.73488 17.113 4.53419 16.0666C3.33351 15.0201 2.4701 13.6411 2.05314 12.1039C1.63619 10.5668 1.68442 8.94046 2.19173 7.4307C2.69904 5.92094 3.64265 4.59551 4.90324 3.62203C6.16383 2.64855 7.68478 2.07074 9.27376 1.96165C10.8627 1.85257 12.4484 2.21712 13.8302 3.0092C15.212 3.80128 16.3278 4.98532 17.0367 6.41159C17.7456 7.83786 18.0156 9.4423 17.8126 11.022ZM12.5926 6.98703L8.44363 11.137L7.05763 9.74903C6.8924 9.5838 6.6683 9.49098 6.43463 9.49098C6.20096 9.49098 5.97686 9.5838 5.81163 9.74903C5.6464 9.91426 5.55358 10.1384 5.55358 10.372C5.55358 10.6057 5.6464 10.8298 5.81163 10.995L7.82163 13.005C7.98677 13.1697 8.21045 13.2621 8.44363 13.2621C8.67682 13.2621 8.90049 13.1697 9.06563 13.005L13.8376 8.23103C13.9193 8.14922 13.9841 8.05212 14.0282 7.94527C14.0724 7.83843 14.0951 7.72393 14.095 7.60832C14.0949 7.49271 14.072 7.37826 14.0277 7.27148C13.9834 7.16471 13.9184 7.06771 13.8366 6.98603C13.7548 6.90435 13.6577 6.83958 13.5509 6.79542C13.444 6.75127 13.3295 6.72859 13.2139 6.72868C13.0983 6.72878 12.9839 6.75164 12.8771 6.79597C12.7703 6.84029 12.6733 6.90522 12.5916 6.98703H12.5926Z' fill='%23ED8B00'/%3E%3C/svg%3E"); } .shadow { filter: drop-shadow(0px 3px 10px rgba(69, 85, 96, 0.2)); } @media (min-width: 1280px) { .gsap_section { position: relative; height: 100vh; overflow: hidden; } .gsap_section__container > * { display: flex; flex-direction: column; justify-content: center; height: 100vh; width: 100%; position: absolute; top: 0; left: 0; } .user-flows__text, .user-flows__image { background-color: #FBF9F6; z-index: 10; } .wireframe__text, .wireframe__image { z-index: 10; } .wireframe__text { background-color: #413F3F; } .user-flows__text.last, .wireframe__text.last, .wireframe__image.last, .user-flows__image.last { background-color: transparent; } } .innovation-box { box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2352941176); margin-bottom: 20px; display: flex; flex-direction: column; } .innovation-box figure { overflow: hidden; } .innovation-box.big .description { padding: 20px 40px; font-family: Poppins, "sans-serif"; } .innovation-box.big .description h5 { margin-bottom: 4px; } .innovation-box.small { background-color: #F2F2F2; } .innovation-box.small figure { padding: 20px 20px 0 20px; } .innovation-box.small figure img { aspect-ratio: 16/11; } .innovation-box.small .description { padding: 0; display: flex; flex-direction: column; flex: 1; } .innovation-box.small .wp-block-buttons { margin: auto 0 0; } .innovation-box.small h5 { margin: 20px 20px 4px 20px; } .innovation-box.small p { margin: 0 20px 20px 20px; } .innovation-box .description { font-family: Poppins, "sans-serif"; } .innovation-box .description h5 { margin-bottom: 4px; } .left-image { height: 100%; position: absolute; right: 0; } .overflow-visible .radius { overflow: unset; } .overflow-visible .td-columns.radius { overflow: unset; } @media (min-width: 768px) { .unnislim-lottie-mobile-app { margin-top: -100px; } } .wave-pink-top { background-image: url("../images/bg-pink.svg"), linear-gradient(150deg, rgba(247, 185, 197, 0.9882352941) 0%, rgba(247, 185, 197, 0.2431372549) 93%, rgba(247, 185, 197, 0.2196078431) 100%); background-size: auto 130px, cover; background-repeat: no-repeat; background-position: 30% 0, 50% 50%; } .border-left { border-top-left-radius: var(--wp--custom--radius--m); border-bottom-left-radius: var(--wp--custom--radius--m); } .border-right { border-top-right-radius: var(--wp--custom--radius--m); border-bottom-right-radius: var(--wp--custom--radius--m); } .unislim-tabs .td-tabs__nav { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; padding: 20px var(--wp--custom--gap) 10px; background-color: #fff; border-top-right-radius: var(--wp--custom--radius--m); border-top-left-radius: var(--wp--custom--radius--m); column-gap: 0px; overflow: auto; } .unislim-tabs .td-tabs__nav .td-tabs__nav-line { height: 3px; background-color: #E73F5E; content: ""; position: absolute; bottom: 0; width: var(--tab-line-width); transition: all 0.3s ease-in-out; left: 0; display: none; } @media (min-width: 640px) { .unislim-tabs .td-tabs__nav .td-tabs__nav-line { display: block; } .unislim-tabs .td-tabs__nav { column-gap: 75px; overflow: hidden; flex-direction: row; } } .unislim-tabs .td-tabs__nav .td-tabs__nav--item { color: #343434; border-left: 2px solid #d6d6d6; opacity: 0.47; } @media (min-width: 640px) { .unislim-tabs .td-tabs__nav .td-tabs__nav--item { border-left: none; } } .unislim-tabs .td-tabs__nav .td-tabs__nav--item h5 { margin-bottom: 0; font-size: 14px; padding-left: 0.5rem; line-height: 30px; font-weight: 700; } @media (min-width: 640px) { .unislim-tabs .td-tabs__nav .td-tabs__nav--item h5 { font-size: 20px; padding-left: 0; } } .unislim-tabs .td-tabs__nav .td-tabs__nav--item.active { color: #4B2161; opacity: 1; border-left: 2px solid #4B2161; } @media (min-width: 640px) { .unislim-tabs .td-tabs__nav .td-tabs__nav--item.active { border-left: none; } } .unislim-tabs .td-tabs__content--item { border-bottom-right-radius: var(--wp--custom--radius--m); border-bottom-left-radius: var(--wp--custom--radius--m); } .unislim-tabs .td-tabs__content--item:nth-child(1) { background-image: url("../images/bg-pink.svg"), url("../images/pink-wave-bottom.svg"), linear-gradient(180deg, rgba(247, 185, 197, 0.5019607843) 0%, #F7B9C5 100%); background-size: auto 130px, auto 140px, cover; background-repeat: no-repeat; background-position: 10% 0, right 10% bottom, 50% 50%; } .unislim-tabs .td-tabs__content--item:nth-child(2) { background: transparent linear-gradient(180deg, #5F2C79 0%, #4B2161 100%) 0% 0% no-repeat padding-box; } .unislim-tabs .td-tabs__content--item:nth-child(3) { background: transparent linear-gradient(180deg, #01644A 0%, rgba(3, 150, 112, 0.7960784314) 100%) 0% 0% no-repeat padding-box; } .unislim-tabs .td-tabs__content--item:nth-child(4) { background: transparent linear-gradient(180deg, rgba(252, 206, 72, 0.6784313725) 0%, #FCCE48 100%) 0% 0% no-repeat padding-box; } .overflow-hidden-important { overflow: hidden !important; } .border-no-right { border: 1px solid #E6E6E6; border-bottom: none; } @media (min-width: 640px) { .border-no-right { border-bottom: 1px solid #E6E6E6; border-right: none; } } .esg-header { color: #05C5AE; font-weight: 300; position: relative; } .esg-header:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='33.72' height='33.721' viewBox='0 0 33.72 33.721'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2305c5ae'/%3E%3Cstop offset='1' stop-color='%2310a795'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='Path_20971' data-name='Path 20971' d='M1293.758,1712.238c9.1,9.1,6.362,26.587,6.362,26.587s-17.488,2.737-26.586-6.363-6.362-26.586-6.362-26.586S1284.66,1703.14,1293.758,1712.238Z' transform='translate(-1266.786 -1705.49)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E"); content: ""; width: 18px; height: 18px; background-repeat: no-repeat; background-position: center; background-size: contain; display: block; position: absolute; left: 0; top: -18px; } @media (min-width: 768px) { .esg-header:before { top: -33px; width: 33px; height: 33px; } } .esg-challenge { position: relative; } .esg-challenge:after { position: absolute; content: ""; display: block; bottom: -13px; z-index: -1; left: 50%; background: #1E272E; width: 29px; height: 29px; border-radius: 5px; transform: translate(-50%, 0) rotate(45deg); } .esg-dashed-bottom { background-image: linear-gradient(to right, #bfbfbf 40%, rgba(255, 255, 255, 0) 20%); background-position: bottom; background-size: 17px 1px; background-repeat: repeat-x; } .esg-margin-column { margin-top: 30%; margin-bottom: 24%; } @media (min-width: 1280px) { .esg-margin-column { margin-top: 20%; } } .esg-computer-column { margin-top: -30%; } .esg-computer { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='992.114' height='631.465' viewBox='0 0 992.114 631.465'%3E%3Cdefs%3E%3Cfilter id='Path_13825' x='94.38' y='0' width='810.561' height='597.684' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='blur'/%3E%3CfeFlood flood-color='%23444659' flood-opacity='0.2'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3ClinearGradient id='linear-gradient' x1='0.5' y1='1' x2='0.5' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23d0d2d3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3Cfilter id='Path_13826' x='0' y='571.212' width='992.114' height='36.068' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='blur-2'/%3E%3CfeFlood flood-color='%23444659' flood-opacity='0.2'/%3E%3CfeComposite operator='in' in2='blur-2'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3ClinearGradient id='linear-gradient-2' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-opacity='0.447'/%3E%3Cstop offset='1' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='Path_33378' x='0' y='586.279' width='992.114' height='45.186' filterUnits='userSpaceOnUse'%3E%3CfeOffset input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3.5' result='blur-3'/%3E%3CfeFlood flood-color='%23444659' flood-opacity='0.2'/%3E%3CfeComposite operator='in' in2='blur-3'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg id='Group_27462' data-name='Group 27462' transform='translate(-144.114 -1078.229)'%3E%3Cg transform='matrix(1, 0, 0, 1, 144.11, 1078.23)' filter='url(%23Path_13825)'%3E%3Cpath id='Path_13825-2' data-name='Path 13825' d='M923.494,86.748H180.276c-12.8,0-23.171,10.076-23.171,22.505V663.432H946.666V109.253C946.666,96.824,936.291,86.748,923.494,86.748Z' transform='translate(-52.22 -76.25)' fill='%23fff'/%3E%3C/g%3E%3Cg id='Group_27461' data-name='Group 27461' transform='translate(154.614 1659.94)'%3E%3Cg transform='matrix(1, 0, 0, 1, -10.5, -581.71)' filter='url(%23Path_13826)'%3E%3Cpath id='Path_13826-2' data-name='Path 13826' d='M80.4,497.99a.578.578,0,0,0-.469,1c3.886,3.363,18.616,14.069,48.709,14.069h873.319c30.026,0,44.758-10.657,48.683-14.045.435-.376.129-1.022-.48-1.022Z' transform='translate(-69.24 83.72)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3Cg transform='matrix(1, 0, 0, 1, -10.5, -581.71)' filter='url(%23Path_33378)' style='mix-blend-mode: multiply;isolation: isolate'%3E%3Cpath id='Path_33378-2' data-name='Path 33378' d='M80.4,522.176c-.6,0-.893-1.014-.469-1.6,3.886-5.4,18.616-22.582,48.709-22.582h873.319c30.026,0,44.758,17.105,48.683,22.545.435.6.129,1.641-.48,1.641Z' transform='translate(-69.24 98.79)' opacity='0.591' fill='url(%23linear-gradient-2)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); position: relative; width: 100%; aspect-ratio: 8/5; height: auto; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: contain; display: flex; justify-content: center; } .esg-computer .wp-block-image { position: absolute; width: 72%; aspect-ratio: 7/5; height: auto; overflow: auto; margin-top: 20px; } @media (min-width: 640px) { .esg-computer .wp-block-image { margin-top: 30px; } } @media (min-width: 768px) { .esg-computer .wp-block-image { margin-top: 40px; } } .esg-computer .wp-block-image img { width: 100%; } .esg-carousel { margin-bottom: -22%; } .esg-carousel .swiper-wrapper { align-items: center; } .esg-carousel .swiper-pagination { bottom: -15px !important; } @media (min-width: 1280px) { .esg-carousel .swiper-pagination { bottom: -30px !important; } } .esg-carousel .swiper-pagination span { opacity: 1; height: 16px; width: 16px; background-color: #F0F3F5; } .esg-carousel .swiper-pagination span.swiper-pagination-bullet-active { background-color: #04C5AD; } .esg-impact { display: flex; flex-direction: column; row-gap: 5px; width: 100%; } @media (min-width: 768px) { .esg-impact { row-gap: 10px; } } .esg-impact .wp-block-columns { flex-wrap: nowrap !important; padding-left: 0; padding-right: 0; width: 100%; column-gap: 0.5rem; } .esg-impact .wp-block-columns .wp-block-column { display: flex; align-items: center; } .esg-impact .wp-block-columns .wp-block-column:first-child { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2705882353); justify-content: center; flex-basis: 0; min-width: 60px; min-height: 60px; max-width: 60px; max-height: 60px; border-radius: 50%; } @media (min-width: 768px) { .esg-impact .wp-block-columns .wp-block-column:first-child { min-width: 100px; min-height: 100px; max-width: 100px; max-height: 100px; } } @media (min-width: 1024px) { .esg-impact .wp-block-columns .wp-block-column:first-child { min-width: 119px; min-height: 119px; max-width: 119px; max-height: 119px; } } .esg-impact .wp-block-columns .wp-block-column:first-child > * { font: italic normal 900 20px/24px Poppins Serif Display; color: #0CB39F; } @media (min-width: 768px) { .esg-impact .wp-block-columns .wp-block-column:first-child > * { font: italic normal 900 30px/34px Poppins Serif Display; } } @media (min-width: 1024px) { .esg-impact .wp-block-columns .wp-block-column:first-child > * { font: italic normal 900 42px/50px Poppins Serif Display; } } .esg-impact .wp-block-columns .wp-block-column:last-child > * { font: normal normal normal 18px/24px Poppins; } @media (min-width: 768px) { .esg-impact .wp-block-columns .wp-block-column:last-child > * { font: normal normal normal 20px/24px Poppins; } } .esg-impact .wp-block-columns:nth-child(2n) { flex-direction: row-reverse; } .esg-impact .wp-block-columns:nth-child(2n) .wp-block-column:last-child { padding-left: calc(60px + 1.25rem); justify-content: end; } @media (min-width: 768px) { .esg-impact .wp-block-columns:nth-child(2n) .wp-block-column:last-child { padding-left: 0; } } @media (min-width: 1024px) { .esg-impact .wp-block-columns:nth-child(2n) .wp-block-column:last-child { padding-left: calc(119px + 1.25rem); } } .esg-el_logo { position: relative; padding-left: 30px; } @media (min-width: 768px) { .esg-el_logo { padding-left: 80px; } } .esg-el_logo:before { width: 20px; height: 95px; content: ""; display: block; position: absolute; left: 0; top: 0; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.214' height='157.645' viewBox='0 0 33.214 157.645'%3E%3Cg id='Group_27495' data-name='Group 27495' transform='translate(0 180.952) rotate(-90)'%3E%3Cg id='Rectangle_5645' data-name='Rectangle 5645' transform='translate(23.308 0)' fill='none' stroke='%23455560' stroke-width='1'%3E%3Crect width='157.644' height='33.214' rx='16.607' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='156.644' height='32.214' rx='16.107' fill='none'/%3E%3C/g%3E%3Cpath id='Path_33764' data-name='Path 33764' d='M1.025-8.607H7.3v1.055H2.162v2.613H6.914v1H2.162v2.918H7.389V0H1.025ZM9.68-2.777a2.352,2.352,0,0,0,.346,1.189,2.291,2.291,0,0,0,2.045.855,3.62,3.62,0,0,0,1.2-.187,1.328,1.328,0,0,0,1.043-1.3,1.123,1.123,0,0,0-.439-1,4.437,4.437,0,0,0-1.395-.51L11.309-4a5.28,5.28,0,0,1-1.617-.568,1.8,1.8,0,0,1-.82-1.611,2.481,2.481,0,0,1,.8-1.9,3.221,3.221,0,0,1,2.273-.744,3.949,3.949,0,0,1,2.3.653,2.358,2.358,0,0,1,.946,2.089H14.1a2.157,2.157,0,0,0-.375-1.061,2.179,2.179,0,0,0-1.811-.674,2.094,2.094,0,0,0-1.482.434,1.357,1.357,0,0,0-.451,1.008.984.984,0,0,0,.527.926,7.739,7.739,0,0,0,1.564.469l1.207.275a3.7,3.7,0,0,1,1.348.545,2.04,2.04,0,0,1,.82,1.752,2.187,2.187,0,0,1-1.04,2.045,4.658,4.658,0,0,1-2.417.615,3.614,3.614,0,0,1-2.514-.82,2.768,2.768,0,0,1-.891-2.209ZM20.643-8.83a4.422,4.422,0,0,1,2.1.469A3.058,3.058,0,0,1,24.311-6H23.156a2.1,2.1,0,0,0-.873-1.374,3,3,0,0,0-1.67-.431,2.617,2.617,0,0,0-2.013.9,3.847,3.847,0,0,0-.817,2.672,4.269,4.269,0,0,0,.674,2.5,2.491,2.491,0,0,0,2.2.964,2.806,2.806,0,0,0,1.931-.677,2.833,2.833,0,0,0,.782-2.188h-2.7v-.967h3.779V0H23.7L23.42-1.107a4.421,4.421,0,0,1-1.049.9A3.931,3.931,0,0,1,20.42.229a3.8,3.8,0,0,1-2.631-.99,4.7,4.7,0,0,1-1.2-3.41A4.89,4.89,0,0,1,17.76-7.611,3.725,3.725,0,0,1,20.643-8.83Zm9.627.223,2.473,7.33,2.443-7.33h1.307L33.352,0H32.115L28.98-8.607Zm6.973,2.361h1.072V0H37.242Zm0-2.361h1.072v1.2H37.242Zm3.334,5.543A3.111,3.111,0,0,0,41-1.377a1.5,1.5,0,0,0,1.371.68,1.444,1.444,0,0,0,1.2-.63,2.975,2.975,0,0,0,.472-1.808A2.673,2.673,0,0,0,43.564-4.9a1.517,1.517,0,0,0-1.2-.571,1.586,1.586,0,0,0-1.292.609A2.791,2.791,0,0,0,40.576-3.064Zm1.588-3.322a2.233,2.233,0,0,1,1.207.3,2.835,2.835,0,0,1,.639.615v-3.17h1.014V0h-.949V-.873a2.282,2.282,0,0,1-.873.838,2.5,2.5,0,0,1-1.154.258A2.337,2.337,0,0,1,40.23-.659a3.448,3.448,0,0,1-.768-2.347,4.051,4.051,0,0,1,.7-2.376A2.292,2.292,0,0,1,42.164-6.387ZM49.2-6.416A2.862,2.862,0,0,1,50.49-6.1a2.388,2.388,0,0,1,.955.812,2.8,2.8,0,0,1,.422,1.107A7.245,7.245,0,0,1,51.961-2.8h-4.6a2.684,2.684,0,0,0,.451,1.532,1.511,1.511,0,0,0,1.307.577,1.689,1.689,0,0,0,1.318-.545,1.837,1.837,0,0,0,.4-.732h1.037A2.184,2.184,0,0,1,51.6-1.2a2.74,2.74,0,0,1-.519.694,2.458,2.458,0,0,1-1.189.633,3.613,3.613,0,0,1-.861.094A2.643,2.643,0,0,1,47.045-.63a3.317,3.317,0,0,1-.814-2.388,3.607,3.607,0,0,1,.82-2.455A2.706,2.706,0,0,1,49.2-6.416Zm1.682,2.777a2.732,2.732,0,0,0-.3-1.1A1.532,1.532,0,0,0,49.131-5.5a1.6,1.6,0,0,0-1.219.524,1.981,1.981,0,0,0-.521,1.333ZM55.746-.68a1.455,1.455,0,0,0,1.438-.794,3.955,3.955,0,0,0,.39-1.767,3.145,3.145,0,0,0-.281-1.43,1.582,1.582,0,0,0-1.535-.867,1.514,1.514,0,0,0-1.406.738,3.422,3.422,0,0,0-.439,1.781,2.977,2.977,0,0,0,.439,1.67A1.548,1.548,0,0,0,55.746-.68Zm.041-5.777a2.842,2.842,0,0,1,2.051.809,3.158,3.158,0,0,1,.838,2.379,4.081,4.081,0,0,1-.738,2.508,2.671,2.671,0,0,1-2.291.99A2.586,2.586,0,0,1,53.59-.647,3.46,3.46,0,0,1,52.828-3a3.743,3.743,0,0,1,.8-2.52A2.694,2.694,0,0,1,55.787-6.457ZM65.949.132A2.994,2.994,0,0,1,64.315-.3a2.83,2.83,0,0,1-1.05-1.2A3.987,3.987,0,0,1,62.9-3.243,3.954,3.954,0,0,1,63.273-5,2.875,2.875,0,0,1,64.33-6.2a2.946,2.946,0,0,1,1.607-.43,3.086,3.086,0,0,1,1.33.275,2.419,2.419,0,0,1,.944.769,2.329,2.329,0,0,1,.428,1.155H67.4a1.491,1.491,0,0,0-.467-.793,1.389,1.389,0,0,0-.974-.332,1.582,1.582,0,0,0-.931.279,1.818,1.818,0,0,0-.62.793,3.044,3.044,0,0,0-.222,1.212A3.193,3.193,0,0,0,64.4-2.037a1.829,1.829,0,0,0,.616.805,1.571,1.571,0,0,0,.94.286,1.577,1.577,0,0,0,.658-.134,1.343,1.343,0,0,0,.5-.386,1.473,1.473,0,0,0,.283-.605h1.24a2.409,2.409,0,0,1-.413,1.134,2.382,2.382,0,0,1-.923.784A3.018,3.018,0,0,1,65.949.132Zm5.962.013a2.652,2.652,0,0,1-1.125-.232,1.866,1.866,0,0,1-.795-.675A1.933,1.933,0,0,1,69.7-1.849a1.761,1.761,0,0,1,.213-.912,1.572,1.572,0,0,1,.575-.567,3,3,0,0,1,.81-.315,8.049,8.049,0,0,1,.912-.162l.955-.113a1.382,1.382,0,0,0,.533-.147.36.36,0,0,0,.166-.332v-.03a1.156,1.156,0,0,0-.313-.865,1.28,1.28,0,0,0-.931-.307,1.623,1.623,0,0,0-1.012.283,1.536,1.536,0,0,0-.509.629L69.9-4.96a2.31,2.31,0,0,1,.624-.965,2.543,2.543,0,0,1,.948-.537A3.753,3.753,0,0,1,72.6-6.631a4.1,4.1,0,0,1,.833.092,2.49,2.49,0,0,1,.827.335,1.849,1.849,0,0,1,.633.692,2.409,2.409,0,0,1,.247,1.165V0H73.9V-.895h-.051a1.813,1.813,0,0,1-.371.486,1.97,1.97,0,0,1-.635.4A2.463,2.463,0,0,1,71.911.145Zm.277-1.023a1.843,1.843,0,0,0,.906-.209,1.476,1.476,0,0,0,.575-.548,1.415,1.415,0,0,0,.2-.727V-3.2a.646.646,0,0,1-.262.126,3.613,3.613,0,0,1-.441.1q-.247.04-.482.072l-.392.053a3.119,3.119,0,0,0-.675.158,1.155,1.155,0,0,0-.486.317.8.8,0,0,0-.181.548.81.81,0,0,0,.349.714A1.536,1.536,0,0,0,72.188-.878ZM76.837,0V-6.545H78.06V-5.48h.081a1.7,1.7,0,0,1,.669-.846,1.982,1.982,0,0,1,1.112-.3,1.9,1.9,0,0,1,1.1.307,1.8,1.8,0,0,1,.658.844h.068a1.854,1.854,0,0,1,.746-.837,2.288,2.288,0,0,1,1.219-.313,1.982,1.982,0,0,1,1.455.558,2.271,2.271,0,0,1,.565,1.683V0H84.46V-4.27a1.178,1.178,0,0,0-.362-.963,1.318,1.318,0,0,0-.865-.3,1.238,1.238,0,0,0-.967.381,1.4,1.4,0,0,0-.345.978V0h-1.27V-4.351a1.142,1.142,0,0,0-.332-.857,1.187,1.187,0,0,0-.865-.324,1.238,1.238,0,0,0-.667.19,1.4,1.4,0,0,0-.49.526,1.591,1.591,0,0,0-.185.78V0Zm10.6,2.455v-9h1.244v1.061h.107a3.561,3.561,0,0,1,.32-.473,1.831,1.831,0,0,1,.58-.471,2.044,2.044,0,0,1,.98-.2,2.556,2.556,0,0,1,1.415.4,2.7,2.7,0,0,1,.978,1.155,4.226,4.226,0,0,1,.356,1.815,4.263,4.263,0,0,1-.354,1.817,2.742,2.742,0,0,1-.972,1.163,2.506,2.506,0,0,1-1.411.407,2.07,2.07,0,0,1-.974-.2,1.841,1.841,0,0,1-.59-.469,3.547,3.547,0,0,1-.328-.477h-.077V2.455Zm1.249-5.727a3.356,3.356,0,0,0,.2,1.21,1.82,1.82,0,0,0,.58.812,1.478,1.478,0,0,0,.929.292,1.486,1.486,0,0,0,.955-.3,1.878,1.878,0,0,0,.582-.829,3.318,3.318,0,0,0,.2-1.18,3.287,3.287,0,0,0-.194-1.163,1.8,1.8,0,0,0-.58-.814,1.524,1.524,0,0,0-.961-.3,1.516,1.516,0,0,0-.935.286,1.746,1.746,0,0,0-.577.8A3.324,3.324,0,0,0,88.688-3.273ZM96.75.145a2.652,2.652,0,0,1-1.125-.232,1.866,1.866,0,0,1-.795-.675,1.933,1.933,0,0,1-.292-1.087,1.761,1.761,0,0,1,.213-.912,1.572,1.572,0,0,1,.575-.567,3,3,0,0,1,.81-.315,8.049,8.049,0,0,1,.912-.162L98-3.918a1.382,1.382,0,0,0,.533-.147A.36.36,0,0,0,98.7-4.4v-.03a1.156,1.156,0,0,0-.313-.865,1.28,1.28,0,0,0-.931-.307,1.623,1.623,0,0,0-1.012.283,1.536,1.536,0,0,0-.509.629l-1.2-.273a2.31,2.31,0,0,1,.624-.965,2.543,2.543,0,0,1,.948-.537,3.753,3.753,0,0,1,1.129-.168,4.1,4.1,0,0,1,.833.092A2.49,2.49,0,0,1,99.1-6.2a1.849,1.849,0,0,1,.633.692,2.409,2.409,0,0,1,.247,1.165V0H98.736V-.895h-.051a1.813,1.813,0,0,1-.371.486,1.97,1.97,0,0,1-.635.4A2.463,2.463,0,0,1,96.75.145Zm.277-1.023a1.843,1.843,0,0,0,.906-.209,1.476,1.476,0,0,0,.575-.548,1.415,1.415,0,0,0,.2-.727V-3.2a.646.646,0,0,1-.262.126,3.613,3.613,0,0,1-.441.1q-.247.04-.482.072l-.392.053a3.119,3.119,0,0,0-.675.158,1.155,1.155,0,0,0-.486.317.8.8,0,0,0-.181.548.81.81,0,0,0,.349.714A1.536,1.536,0,0,0,97.027-.878ZM101.676,0V-6.545h1.274V0Zm.643-7.555a.8.8,0,0,1-.569-.224.711.711,0,0,1-.237-.535.715.715,0,0,1,.237-.539.8.8,0,0,1,.569-.224.8.8,0,0,1,.569.224.715.715,0,0,1,.237.539.711.711,0,0,1-.237.535A.8.8,0,0,1,102.32-7.555Zm5.088,10.134a3.917,3.917,0,0,1-1.34-.2,2.616,2.616,0,0,1-.914-.539,2.28,2.28,0,0,1-.528-.727l1.1-.452a2.844,2.844,0,0,0,.309.388,1.6,1.6,0,0,0,.528.358,2.134,2.134,0,0,0,.863.149,1.962,1.962,0,0,0,1.2-.349,1.286,1.286,0,0,0,.473-1.108V-1.193h-.081a2.968,2.968,0,0,1-.33.464,1.823,1.823,0,0,1-.59.443,2.187,2.187,0,0,1-.976.188,2.7,2.7,0,0,1-1.4-.364,2.535,2.535,0,0,1-.98-1.078,3.876,3.876,0,0,1-.36-1.758,4.125,4.125,0,0,1,.356-1.79,2.7,2.7,0,0,1,.978-1.144,2.559,2.559,0,0,1,1.411-.4,2.07,2.07,0,0,1,.984.2,1.845,1.845,0,0,1,.586.471,3.839,3.839,0,0,1,.326.473h.094V-6.545h1.249V.145a2.278,2.278,0,0,1-.392,1.374,2.313,2.313,0,0,1-1.059.8A4.109,4.109,0,0,1,107.408,2.578Zm-.013-3.733a1.624,1.624,0,0,0,.931-.258,1.6,1.6,0,0,0,.58-.741,3.059,3.059,0,0,0,.2-1.161,3.189,3.189,0,0,0-.2-1.163,1.743,1.743,0,0,0-.575-.786,1.522,1.522,0,0,0-.937-.283,1.522,1.522,0,0,0-.959.3,1.8,1.8,0,0,0-.577.8,3.152,3.152,0,0,0-.194,1.134,3,3,0,0,0,.2,1.129,1.665,1.665,0,0,0,.582.759A1.608,1.608,0,0,0,107.395-1.155Zm5.949-2.732V0H112.07V-6.545h1.223V-5.48h.081a1.867,1.867,0,0,1,.71-.835,2.193,2.193,0,0,1,1.221-.315,2.375,2.375,0,0,1,1.172.279,1.894,1.894,0,0,1,.78.829,3,3,0,0,1,.277,1.359V0h-1.274V-4.01a1.583,1.583,0,0,0-.371-1.114,1.316,1.316,0,0,0-1.018-.4,1.584,1.584,0,0,0-.786.192,1.364,1.364,0,0,0-.541.56A1.853,1.853,0,0,0,113.344-3.886Z' transform='translate(49.786 19.5)' fill='%23455560'/%3E%3Ccircle id='Ellipse_1729' data-name='Ellipse 1729' cx='3.214' cy='3.214' r='3.214' transform='translate(36.928 12.857)' fill='%2347c3d3'/%3E%3C/g%3E%3C/svg%3E"); } @media (min-width: 768px) { .esg-el_logo:before { width: 33px; height: 158px; } } .esg-el_logo--image { padding-left: 0px; } .esg-el_logo--image:before { left: 15px; top: 20px; } @media (min-width: 768px) { .esg-el_logo--image:before { left: 32px; top: 32px; } } .esg-el_logo--white:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='168.892' viewBox='0 0 31 168.892'%3E%3Cg id='Group_27606' data-name='Group 27606' transform='translate(-110.308 -4774.896)'%3E%3Cg id='Rectangle_5644' data-name='Rectangle 5644' transform='translate(110.308 4943.788) rotate(-90)' fill='none' stroke='%23fff' stroke-width='1'%3E%3Crect width='168.892' height='31' rx='15.5' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='167.892' height='30' rx='15' fill='none'/%3E%3C/g%3E%3Cpath id='Path_33767' data-name='Path 33767' d='M1.025-8.607H7.3v1.055H2.162v2.613H6.914v1H2.162v2.918H7.389V0H1.025ZM9.68-2.777a2.352,2.352,0,0,0,.346,1.189,2.291,2.291,0,0,0,2.045.855,3.62,3.62,0,0,0,1.2-.187,1.328,1.328,0,0,0,1.043-1.3,1.123,1.123,0,0,0-.439-1,4.437,4.437,0,0,0-1.395-.51L11.309-4a5.28,5.28,0,0,1-1.617-.568,1.8,1.8,0,0,1-.82-1.611,2.481,2.481,0,0,1,.8-1.9,3.221,3.221,0,0,1,2.273-.744,3.949,3.949,0,0,1,2.3.653,2.358,2.358,0,0,1,.946,2.089H14.1a2.157,2.157,0,0,0-.375-1.061,2.179,2.179,0,0,0-1.811-.674,2.094,2.094,0,0,0-1.482.434,1.357,1.357,0,0,0-.451,1.008.984.984,0,0,0,.527.926,7.739,7.739,0,0,0,1.564.469l1.207.275a3.7,3.7,0,0,1,1.348.545,2.04,2.04,0,0,1,.82,1.752,2.187,2.187,0,0,1-1.04,2.045,4.658,4.658,0,0,1-2.417.615,3.614,3.614,0,0,1-2.514-.82,2.768,2.768,0,0,1-.891-2.209ZM20.643-8.83a4.422,4.422,0,0,1,2.1.469A3.058,3.058,0,0,1,24.311-6H23.156a2.1,2.1,0,0,0-.873-1.374,3,3,0,0,0-1.67-.431,2.617,2.617,0,0,0-2.013.9,3.847,3.847,0,0,0-.817,2.672,4.269,4.269,0,0,0,.674,2.5,2.491,2.491,0,0,0,2.2.964,2.806,2.806,0,0,0,1.931-.677,2.833,2.833,0,0,0,.782-2.188h-2.7v-.967h3.779V0H23.7L23.42-1.107a4.421,4.421,0,0,1-1.049.9A3.931,3.931,0,0,1,20.42.229a3.8,3.8,0,0,1-2.631-.99,4.7,4.7,0,0,1-1.2-3.41A4.89,4.89,0,0,1,17.76-7.611,3.725,3.725,0,0,1,20.643-8.83Zm9.627.223,2.473,7.33,2.443-7.33h1.307L33.352,0H32.115L28.98-8.607Zm6.973,2.361h1.072V0H37.242Zm0-2.361h1.072v1.2H37.242Zm3.334,5.543A3.111,3.111,0,0,0,41-1.377a1.5,1.5,0,0,0,1.371.68,1.444,1.444,0,0,0,1.2-.63,2.975,2.975,0,0,0,.472-1.808A2.673,2.673,0,0,0,43.564-4.9a1.517,1.517,0,0,0-1.2-.571,1.586,1.586,0,0,0-1.292.609A2.791,2.791,0,0,0,40.576-3.064Zm1.588-3.322a2.233,2.233,0,0,1,1.207.3,2.835,2.835,0,0,1,.639.615v-3.17h1.014V0h-.949V-.873a2.282,2.282,0,0,1-.873.838,2.5,2.5,0,0,1-1.154.258A2.337,2.337,0,0,1,40.23-.659a3.448,3.448,0,0,1-.768-2.347,4.051,4.051,0,0,1,.7-2.376A2.292,2.292,0,0,1,42.164-6.387ZM49.2-6.416A2.862,2.862,0,0,1,50.49-6.1a2.388,2.388,0,0,1,.955.812,2.8,2.8,0,0,1,.422,1.107A7.245,7.245,0,0,1,51.961-2.8h-4.6a2.684,2.684,0,0,0,.451,1.532,1.511,1.511,0,0,0,1.307.577,1.689,1.689,0,0,0,1.318-.545,1.837,1.837,0,0,0,.4-.732h1.037A2.184,2.184,0,0,1,51.6-1.2a2.74,2.74,0,0,1-.519.694,2.458,2.458,0,0,1-1.189.633,3.613,3.613,0,0,1-.861.094A2.643,2.643,0,0,1,47.045-.63a3.317,3.317,0,0,1-.814-2.388,3.607,3.607,0,0,1,.82-2.455A2.706,2.706,0,0,1,49.2-6.416Zm1.682,2.777a2.732,2.732,0,0,0-.3-1.1A1.532,1.532,0,0,0,49.131-5.5a1.6,1.6,0,0,0-1.219.524,1.981,1.981,0,0,0-.521,1.333ZM55.746-.68a1.455,1.455,0,0,0,1.438-.794,3.955,3.955,0,0,0,.39-1.767,3.145,3.145,0,0,0-.281-1.43,1.582,1.582,0,0,0-1.535-.867,1.514,1.514,0,0,0-1.406.738,3.422,3.422,0,0,0-.439,1.781,2.977,2.977,0,0,0,.439,1.67A1.548,1.548,0,0,0,55.746-.68Zm.041-5.777a2.842,2.842,0,0,1,2.051.809,3.158,3.158,0,0,1,.838,2.379,4.081,4.081,0,0,1-.738,2.508,2.671,2.671,0,0,1-2.291.99A2.586,2.586,0,0,1,53.59-.647,3.46,3.46,0,0,1,52.828-3a3.743,3.743,0,0,1,.8-2.52A2.694,2.694,0,0,1,55.787-6.457Zm7.4,8.912v-9h1.244v1.061h.107a3.561,3.561,0,0,1,.32-.473,1.831,1.831,0,0,1,.58-.471,2.044,2.044,0,0,1,.98-.2,2.556,2.556,0,0,1,1.415.4,2.7,2.7,0,0,1,.978,1.155A4.226,4.226,0,0,1,69.17-3.26a4.263,4.263,0,0,1-.354,1.817,2.742,2.742,0,0,1-.972,1.163,2.506,2.506,0,0,1-1.411.407,2.07,2.07,0,0,1-.974-.2,1.841,1.841,0,0,1-.59-.469,3.547,3.547,0,0,1-.328-.477h-.077V2.455ZM64.44-3.273a3.356,3.356,0,0,0,.2,1.21,1.82,1.82,0,0,0,.58.812,1.478,1.478,0,0,0,.929.292,1.486,1.486,0,0,0,.955-.3,1.878,1.878,0,0,0,.582-.829,3.318,3.318,0,0,0,.2-1.18,3.287,3.287,0,0,0-.194-1.163,1.8,1.8,0,0,0-.58-.814,1.524,1.524,0,0,0-.961-.3,1.516,1.516,0,0,0-.935.286,1.746,1.746,0,0,0-.577.8A3.324,3.324,0,0,0,64.44-3.273ZM70.6,0V-6.545H71.83v1.04H71.9a1.589,1.589,0,0,1,.633-.833,1.8,1.8,0,0,1,1.029-.3q.119,0,.283.009t.258.021v1.219a2.476,2.476,0,0,0-.273-.049,2.8,2.8,0,0,0-.392-.028,1.665,1.665,0,0,0-.8.19,1.441,1.441,0,0,0-.556.524,1.429,1.429,0,0,0-.2.761V0Zm7.193.132a3.19,3.19,0,0,1-1.664-.415,2.769,2.769,0,0,1-1.074-1.172,3.932,3.932,0,0,1-.377-1.775A3.97,3.97,0,0,1,75.053-5,2.892,2.892,0,0,1,76.11-6.2a2.911,2.911,0,0,1,1.592-.43,3.207,3.207,0,0,1,1.074.183,2.6,2.6,0,0,1,.933.575,2.705,2.705,0,0,1,.652,1.016A4.255,4.255,0,0,1,80.6-3.341v.452H75.4v-.955h3.955a1.893,1.893,0,0,0-.2-.893,1.555,1.555,0,0,0-.573-.616,1.619,1.619,0,0,0-.863-.226,1.663,1.663,0,0,0-.935.262,1.771,1.771,0,0,0-.614.682,1.965,1.965,0,0,0-.215.91v.746a2.457,2.457,0,0,0,.232,1.116,1.637,1.637,0,0,0,.65.7A1.919,1.919,0,0,0,77.8-.92a1.989,1.989,0,0,0,.661-.1,1.4,1.4,0,0,0,.516-.313,1.37,1.37,0,0,0,.332-.516l1.206.217A2.179,2.179,0,0,1,80-.705a2.508,2.508,0,0,1-.933.618A3.479,3.479,0,0,1,77.791.132Zm9.132-5.08-1.155.2a1.391,1.391,0,0,0-.228-.422,1.158,1.158,0,0,0-.42-.328,1.512,1.512,0,0,0-.661-.128,1.6,1.6,0,0,0-.9.241.721.721,0,0,0-.362.62.651.651,0,0,0,.243.528,1.967,1.967,0,0,0,.784.328l1.04.239a2.789,2.789,0,0,1,1.347.643,1.512,1.512,0,0,1,.443,1.129,1.714,1.714,0,0,1-.339,1.046,2.243,2.243,0,0,1-.942.718,3.5,3.5,0,0,1-1.4.26,3.135,3.135,0,0,1-1.794-.471,1.974,1.974,0,0,1-.852-1.34l1.232-.187a1.17,1.17,0,0,0,.473.727,1.621,1.621,0,0,0,.933.245,1.717,1.717,0,0,0,1-.262.766.766,0,0,0,.375-.641.671.671,0,0,0-.228-.516,1.524,1.524,0,0,0-.7-.315L83.71-2.872a2.648,2.648,0,0,1-1.353-.665,1.6,1.6,0,0,1-.437-1.155,1.651,1.651,0,0,1,.324-1.014,2.136,2.136,0,0,1,.895-.68,3.291,3.291,0,0,1,1.308-.245,2.722,2.722,0,0,1,1.67.458A2.151,2.151,0,0,1,86.923-4.947ZM91.27.132a3.19,3.19,0,0,1-1.664-.415,2.769,2.769,0,0,1-1.074-1.172,3.932,3.932,0,0,1-.377-1.775A3.97,3.97,0,0,1,88.532-5a2.892,2.892,0,0,1,1.057-1.2,2.911,2.911,0,0,1,1.592-.43,3.207,3.207,0,0,1,1.074.183,2.6,2.6,0,0,1,.933.575,2.705,2.705,0,0,1,.652,1.016,4.255,4.255,0,0,1,.239,1.515v.452h-5.2v-.955H92.83a1.893,1.893,0,0,0-.2-.893,1.555,1.555,0,0,0-.573-.616,1.619,1.619,0,0,0-.863-.226,1.663,1.663,0,0,0-.935.262,1.771,1.771,0,0,0-.614.682,1.965,1.965,0,0,0-.215.91v.746a2.457,2.457,0,0,0,.232,1.116,1.637,1.637,0,0,0,.65.7,1.919,1.919,0,0,0,.976.241,1.989,1.989,0,0,0,.661-.1,1.4,1.4,0,0,0,.516-.313,1.37,1.37,0,0,0,.332-.516L94-1.636a2.179,2.179,0,0,1-.518.931,2.508,2.508,0,0,1-.933.618A3.479,3.479,0,0,1,91.27.132Zm5.5-4.018V0H95.5V-6.545H96.72V-5.48H96.8a1.867,1.867,0,0,1,.71-.835,2.193,2.193,0,0,1,1.221-.315,2.375,2.375,0,0,1,1.172.279,1.894,1.894,0,0,1,.78.829,3,3,0,0,1,.277,1.359V0H99.686V-4.01a1.583,1.583,0,0,0-.371-1.114,1.316,1.316,0,0,0-1.018-.4,1.584,1.584,0,0,0-.786.192,1.364,1.364,0,0,0-.541.56A1.853,1.853,0,0,0,96.771-3.886Zm8.949-2.659v1.023h-3.575V-6.545ZM103.1-8.114h1.274v6.192a1.106,1.106,0,0,0,.111.556.563.563,0,0,0,.288.251,1.094,1.094,0,0,0,.386.066,1.49,1.49,0,0,0,.268-.021l.179-.034.23,1.053a2.288,2.288,0,0,1-.315.087,2.619,2.619,0,0,1-.511.049,2.243,2.243,0,0,1-.937-.179,1.608,1.608,0,0,1-.7-.58,1.7,1.7,0,0,1-.268-.984ZM109.031.145a2.652,2.652,0,0,1-1.125-.232,1.866,1.866,0,0,1-.795-.675,1.933,1.933,0,0,1-.292-1.087,1.761,1.761,0,0,1,.213-.912,1.572,1.572,0,0,1,.575-.567,3,3,0,0,1,.81-.315,8.049,8.049,0,0,1,.912-.162l.955-.113a1.382,1.382,0,0,0,.533-.147.36.36,0,0,0,.166-.332v-.03a1.156,1.156,0,0,0-.313-.865,1.28,1.28,0,0,0-.931-.307,1.623,1.623,0,0,0-1.012.283,1.536,1.536,0,0,0-.509.629l-1.2-.273a2.31,2.31,0,0,1,.624-.965,2.543,2.543,0,0,1,.948-.537,3.753,3.753,0,0,1,1.129-.168,4.1,4.1,0,0,1,.833.092,2.49,2.49,0,0,1,.827.335,1.849,1.849,0,0,1,.633.692,2.409,2.409,0,0,1,.247,1.165V0h-1.244V-.895h-.051a1.813,1.813,0,0,1-.371.486,1.97,1.97,0,0,1-.635.4A2.463,2.463,0,0,1,109.031.145Zm.277-1.023a1.843,1.843,0,0,0,.906-.209,1.476,1.476,0,0,0,.575-.548,1.415,1.415,0,0,0,.2-.727V-3.2a.646.646,0,0,1-.262.126,3.613,3.613,0,0,1-.441.1q-.247.04-.482.072l-.392.053a3.119,3.119,0,0,0-.675.158,1.155,1.155,0,0,0-.486.317.8.8,0,0,0-.181.548.81.81,0,0,0,.349.714A1.536,1.536,0,0,0,109.308-.878Zm7.7-5.668v1.023h-3.575V-6.545ZM114.4-8.114h1.274v6.192a1.106,1.106,0,0,0,.111.556.563.563,0,0,0,.288.251,1.094,1.094,0,0,0,.386.066,1.49,1.49,0,0,0,.268-.021L116.9-1.1l.23,1.053a2.288,2.288,0,0,1-.315.087,2.619,2.619,0,0,1-.511.049,2.243,2.243,0,0,1-.937-.179,1.608,1.608,0,0,1-.7-.58,1.7,1.7,0,0,1-.268-.984ZM118.419,0V-6.545h1.274V0Zm.643-7.555a.8.8,0,0,1-.569-.224.711.711,0,0,1-.237-.535.715.715,0,0,1,.237-.539.8.8,0,0,1,.569-.224.8.8,0,0,1,.569.224.715.715,0,0,1,.237.539.711.711,0,0,1-.237.535A.8.8,0,0,1,119.063-7.555Zm5.1,7.688a3.005,3.005,0,0,1-1.607-.422,2.845,2.845,0,0,1-1.065-1.18,3.917,3.917,0,0,1-.379-1.773,3.954,3.954,0,0,1,.379-1.781,2.839,2.839,0,0,1,1.065-1.185,3.005,3.005,0,0,1,1.607-.422,3.005,3.005,0,0,1,1.607.422,2.839,2.839,0,0,1,1.065,1.185,3.954,3.954,0,0,1,.379,1.781,3.917,3.917,0,0,1-.379,1.773A2.845,2.845,0,0,1,125.77-.29,3.005,3.005,0,0,1,124.163.132Zm0-1.07a1.527,1.527,0,0,0,.989-.315,1.862,1.862,0,0,0,.582-.839,3.373,3.373,0,0,0,.19-1.155,3.378,3.378,0,0,0-.19-1.153,1.89,1.89,0,0,0-.582-.846,1.514,1.514,0,0,0-.989-.32,1.529,1.529,0,0,0-1,.32,1.883,1.883,0,0,0-.584.846,3.378,3.378,0,0,0-.19,1.153,3.373,3.373,0,0,0,.19,1.155,1.855,1.855,0,0,0,.584.839A1.543,1.543,0,0,0,124.168-.937Zm5.74-2.949V0h-1.274V-6.545h1.223V-5.48h.081a1.867,1.867,0,0,1,.71-.835,2.193,2.193,0,0,1,1.221-.315,2.375,2.375,0,0,1,1.172.279,1.894,1.894,0,0,1,.78.829,3,3,0,0,1,.277,1.359V0h-1.274V-4.01a1.583,1.583,0,0,0-.371-1.114,1.316,1.316,0,0,0-1.018-.4,1.584,1.584,0,0,0-.786.192,1.364,1.364,0,0,0-.541.56A1.853,1.853,0,0,0,129.908-3.886Z' transform='translate(129.308 4918.788) rotate(-90)' fill='%23fff'/%3E%3Ccircle id='Ellipse_1728' data-name='Ellipse 1728' cx='3' cy='3' r='3' transform='translate(122.308 4930.788) rotate(-90)' fill='%2347c3d3'/%3E%3C/g%3E%3C/svg%3E"); } .esg-video { background-color: #fff; border-radius: var(--wp--custom--radius--m); padding: 10px; } @media (min-width: 768px) { .esg-video { padding: 20px; } } .esg-video .wp-block-video { border-radius: var(--wp--custom--radius--m); overflow: hidden; position: relative; margin: 0; } .esg-video .wp-block-video:after { content: ""; width: 50px; height: 50px; position: absolute; background-size: contain; background-repeat: no-repeat; left: 50%; top: 50%; pointer-events: none; transform: translate(-50%, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='116.001' viewBox='0 0 116 116.001'%3E%3Cpath id='Subtraction_1' data-name='Subtraction 1' d='M-3542,14058a57.64,57.64,0,0,1-22.581-4.56,57.845,57.845,0,0,1-18.436-12.429,57.8,57.8,0,0,1-12.43-18.437A57.631,57.631,0,0,1-3600,14000a57.643,57.643,0,0,1,4.557-22.575,57.767,57.767,0,0,1,12.43-18.437,57.839,57.839,0,0,1,18.436-12.432A57.637,57.637,0,0,1-3542,13942a57.608,57.608,0,0,1,22.575,4.557,57.838,57.838,0,0,1,18.434,12.432,57.852,57.852,0,0,1,12.429,18.438A57.651,57.651,0,0,1-3484,14000a57.64,57.64,0,0,1-4.557,22.574,57.827,57.827,0,0,1-12.429,18.438,57.854,57.854,0,0,1-18.434,12.429A57.611,57.611,0,0,1-3542,14058Zm-6.75-72.838h0v29.673l24.286-14.835-24.286-14.838Z' transform='translate(3600 -13941.999)' fill='%23fff' opacity='0.999'/%3E%3C/svg%3E"); } @media (min-width: 768px) { .esg-video .wp-block-video:after { width: 116px; height: 116px; } } .esg-video .wp-block-video video { cursor: pointer; } .esg-video .wp-block-video video.played { z-index: 1; position: relative; } .esg-with-arrow { position: relative; } .esg-with-arrow:before { content: ""; display: block; width: 65px; height: 65px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64.624' height='64.624' viewBox='0 0 64.624 64.624'%3E%3Cg id='Group_27599' data-name='Group 27599' transform='translate(-699.336 -2858.122)'%3E%3Cg id='Ellipse_1727' data-name='Ellipse 1727' transform='translate(763.96 2858.122) rotate(90)' fill='none' stroke='%2305c5ae' stroke-width='2'%3E%3Ccircle cx='32.312' cy='32.312' r='32.312' stroke='none'/%3E%3Ccircle cx='32.312' cy='32.312' r='31.312' fill='none'/%3E%3C/g%3E%3Cg id='Group_27487' data-name='Group 27487' transform='translate(737.489 2879.767) rotate(90)'%3E%3Cg id='Group_751' data-name='Group 751' transform='translate(0 0)'%3E%3Cline id='Line_320' data-name='Line 320' x2='22.568' transform='translate(0 5.841)' fill='none' stroke='%2305c5ae' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_674' data-name='Path 674' d='M0,0,5.841,5.841,0,11.681' transform='translate(17.125)' fill='none' stroke='%2305c5ae' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); top: 0px; left: 50%; position: absolute; transform: translate(-50%, -50%); background-color: #fff; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 45px; } @media (min-width: 768px) { .esg-with-arrow:before { width: 95px; height: 95px; background-size: auto; } } .esg-mobile-video { position: relative; } .esg-mobile-video .wp-block-video video { margin-top: 10px; transform: scale(1.05); } .esg-mobile-video:before { width: 20px; height: 95px; content: ""; display: block; position: absolute; left: 15px; top: 20px; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.214' height='157.645' viewBox='0 0 33.214 157.645'%3E%3Cg id='Group_27495' data-name='Group 27495' transform='translate(0 180.952) rotate(-90)'%3E%3Cg id='Rectangle_5645' data-name='Rectangle 5645' transform='translate(23.308 0)' fill='none' stroke='%23455560' stroke-width='1'%3E%3Crect width='157.644' height='33.214' rx='16.607' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='156.644' height='32.214' rx='16.107' fill='none'/%3E%3C/g%3E%3Cpath id='Path_33764' data-name='Path 33764' d='M1.025-8.607H7.3v1.055H2.162v2.613H6.914v1H2.162v2.918H7.389V0H1.025ZM9.68-2.777a2.352,2.352,0,0,0,.346,1.189,2.291,2.291,0,0,0,2.045.855,3.62,3.62,0,0,0,1.2-.187,1.328,1.328,0,0,0,1.043-1.3,1.123,1.123,0,0,0-.439-1,4.437,4.437,0,0,0-1.395-.51L11.309-4a5.28,5.28,0,0,1-1.617-.568,1.8,1.8,0,0,1-.82-1.611,2.481,2.481,0,0,1,.8-1.9,3.221,3.221,0,0,1,2.273-.744,3.949,3.949,0,0,1,2.3.653,2.358,2.358,0,0,1,.946,2.089H14.1a2.157,2.157,0,0,0-.375-1.061,2.179,2.179,0,0,0-1.811-.674,2.094,2.094,0,0,0-1.482.434,1.357,1.357,0,0,0-.451,1.008.984.984,0,0,0,.527.926,7.739,7.739,0,0,0,1.564.469l1.207.275a3.7,3.7,0,0,1,1.348.545,2.04,2.04,0,0,1,.82,1.752,2.187,2.187,0,0,1-1.04,2.045,4.658,4.658,0,0,1-2.417.615,3.614,3.614,0,0,1-2.514-.82,2.768,2.768,0,0,1-.891-2.209ZM20.643-8.83a4.422,4.422,0,0,1,2.1.469A3.058,3.058,0,0,1,24.311-6H23.156a2.1,2.1,0,0,0-.873-1.374,3,3,0,0,0-1.67-.431,2.617,2.617,0,0,0-2.013.9,3.847,3.847,0,0,0-.817,2.672,4.269,4.269,0,0,0,.674,2.5,2.491,2.491,0,0,0,2.2.964,2.806,2.806,0,0,0,1.931-.677,2.833,2.833,0,0,0,.782-2.188h-2.7v-.967h3.779V0H23.7L23.42-1.107a4.421,4.421,0,0,1-1.049.9A3.931,3.931,0,0,1,20.42.229a3.8,3.8,0,0,1-2.631-.99,4.7,4.7,0,0,1-1.2-3.41A4.89,4.89,0,0,1,17.76-7.611,3.725,3.725,0,0,1,20.643-8.83Zm9.627.223,2.473,7.33,2.443-7.33h1.307L33.352,0H32.115L28.98-8.607Zm6.973,2.361h1.072V0H37.242Zm0-2.361h1.072v1.2H37.242Zm3.334,5.543A3.111,3.111,0,0,0,41-1.377a1.5,1.5,0,0,0,1.371.68,1.444,1.444,0,0,0,1.2-.63,2.975,2.975,0,0,0,.472-1.808A2.673,2.673,0,0,0,43.564-4.9a1.517,1.517,0,0,0-1.2-.571,1.586,1.586,0,0,0-1.292.609A2.791,2.791,0,0,0,40.576-3.064Zm1.588-3.322a2.233,2.233,0,0,1,1.207.3,2.835,2.835,0,0,1,.639.615v-3.17h1.014V0h-.949V-.873a2.282,2.282,0,0,1-.873.838,2.5,2.5,0,0,1-1.154.258A2.337,2.337,0,0,1,40.23-.659a3.448,3.448,0,0,1-.768-2.347,4.051,4.051,0,0,1,.7-2.376A2.292,2.292,0,0,1,42.164-6.387ZM49.2-6.416A2.862,2.862,0,0,1,50.49-6.1a2.388,2.388,0,0,1,.955.812,2.8,2.8,0,0,1,.422,1.107A7.245,7.245,0,0,1,51.961-2.8h-4.6a2.684,2.684,0,0,0,.451,1.532,1.511,1.511,0,0,0,1.307.577,1.689,1.689,0,0,0,1.318-.545,1.837,1.837,0,0,0,.4-.732h1.037A2.184,2.184,0,0,1,51.6-1.2a2.74,2.74,0,0,1-.519.694,2.458,2.458,0,0,1-1.189.633,3.613,3.613,0,0,1-.861.094A2.643,2.643,0,0,1,47.045-.63a3.317,3.317,0,0,1-.814-2.388,3.607,3.607,0,0,1,.82-2.455A2.706,2.706,0,0,1,49.2-6.416Zm1.682,2.777a2.732,2.732,0,0,0-.3-1.1A1.532,1.532,0,0,0,49.131-5.5a1.6,1.6,0,0,0-1.219.524,1.981,1.981,0,0,0-.521,1.333ZM55.746-.68a1.455,1.455,0,0,0,1.438-.794,3.955,3.955,0,0,0,.39-1.767,3.145,3.145,0,0,0-.281-1.43,1.582,1.582,0,0,0-1.535-.867,1.514,1.514,0,0,0-1.406.738,3.422,3.422,0,0,0-.439,1.781,2.977,2.977,0,0,0,.439,1.67A1.548,1.548,0,0,0,55.746-.68Zm.041-5.777a2.842,2.842,0,0,1,2.051.809,3.158,3.158,0,0,1,.838,2.379,4.081,4.081,0,0,1-.738,2.508,2.671,2.671,0,0,1-2.291.99A2.586,2.586,0,0,1,53.59-.647,3.46,3.46,0,0,1,52.828-3a3.743,3.743,0,0,1,.8-2.52A2.694,2.694,0,0,1,55.787-6.457ZM65.949.132A2.994,2.994,0,0,1,64.315-.3a2.83,2.83,0,0,1-1.05-1.2A3.987,3.987,0,0,1,62.9-3.243,3.954,3.954,0,0,1,63.273-5,2.875,2.875,0,0,1,64.33-6.2a2.946,2.946,0,0,1,1.607-.43,3.086,3.086,0,0,1,1.33.275,2.419,2.419,0,0,1,.944.769,2.329,2.329,0,0,1,.428,1.155H67.4a1.491,1.491,0,0,0-.467-.793,1.389,1.389,0,0,0-.974-.332,1.582,1.582,0,0,0-.931.279,1.818,1.818,0,0,0-.62.793,3.044,3.044,0,0,0-.222,1.212A3.193,3.193,0,0,0,64.4-2.037a1.829,1.829,0,0,0,.616.805,1.571,1.571,0,0,0,.94.286,1.577,1.577,0,0,0,.658-.134,1.343,1.343,0,0,0,.5-.386,1.473,1.473,0,0,0,.283-.605h1.24a2.409,2.409,0,0,1-.413,1.134,2.382,2.382,0,0,1-.923.784A3.018,3.018,0,0,1,65.949.132Zm5.962.013a2.652,2.652,0,0,1-1.125-.232,1.866,1.866,0,0,1-.795-.675A1.933,1.933,0,0,1,69.7-1.849a1.761,1.761,0,0,1,.213-.912,1.572,1.572,0,0,1,.575-.567,3,3,0,0,1,.81-.315,8.049,8.049,0,0,1,.912-.162l.955-.113a1.382,1.382,0,0,0,.533-.147.36.36,0,0,0,.166-.332v-.03a1.156,1.156,0,0,0-.313-.865,1.28,1.28,0,0,0-.931-.307,1.623,1.623,0,0,0-1.012.283,1.536,1.536,0,0,0-.509.629L69.9-4.96a2.31,2.31,0,0,1,.624-.965,2.543,2.543,0,0,1,.948-.537A3.753,3.753,0,0,1,72.6-6.631a4.1,4.1,0,0,1,.833.092,2.49,2.49,0,0,1,.827.335,1.849,1.849,0,0,1,.633.692,2.409,2.409,0,0,1,.247,1.165V0H73.9V-.895h-.051a1.813,1.813,0,0,1-.371.486,1.97,1.97,0,0,1-.635.4A2.463,2.463,0,0,1,71.911.145Zm.277-1.023a1.843,1.843,0,0,0,.906-.209,1.476,1.476,0,0,0,.575-.548,1.415,1.415,0,0,0,.2-.727V-3.2a.646.646,0,0,1-.262.126,3.613,3.613,0,0,1-.441.1q-.247.04-.482.072l-.392.053a3.119,3.119,0,0,0-.675.158,1.155,1.155,0,0,0-.486.317.8.8,0,0,0-.181.548.81.81,0,0,0,.349.714A1.536,1.536,0,0,0,72.188-.878ZM76.837,0V-6.545H78.06V-5.48h.081a1.7,1.7,0,0,1,.669-.846,1.982,1.982,0,0,1,1.112-.3,1.9,1.9,0,0,1,1.1.307,1.8,1.8,0,0,1,.658.844h.068a1.854,1.854,0,0,1,.746-.837,2.288,2.288,0,0,1,1.219-.313,1.982,1.982,0,0,1,1.455.558,2.271,2.271,0,0,1,.565,1.683V0H84.46V-4.27a1.178,1.178,0,0,0-.362-.963,1.318,1.318,0,0,0-.865-.3,1.238,1.238,0,0,0-.967.381,1.4,1.4,0,0,0-.345.978V0h-1.27V-4.351a1.142,1.142,0,0,0-.332-.857,1.187,1.187,0,0,0-.865-.324,1.238,1.238,0,0,0-.667.19,1.4,1.4,0,0,0-.49.526,1.591,1.591,0,0,0-.185.78V0Zm10.6,2.455v-9h1.244v1.061h.107a3.561,3.561,0,0,1,.32-.473,1.831,1.831,0,0,1,.58-.471,2.044,2.044,0,0,1,.98-.2,2.556,2.556,0,0,1,1.415.4,2.7,2.7,0,0,1,.978,1.155,4.226,4.226,0,0,1,.356,1.815,4.263,4.263,0,0,1-.354,1.817,2.742,2.742,0,0,1-.972,1.163,2.506,2.506,0,0,1-1.411.407,2.07,2.07,0,0,1-.974-.2,1.841,1.841,0,0,1-.59-.469,3.547,3.547,0,0,1-.328-.477h-.077V2.455Zm1.249-5.727a3.356,3.356,0,0,0,.2,1.21,1.82,1.82,0,0,0,.58.812,1.478,1.478,0,0,0,.929.292,1.486,1.486,0,0,0,.955-.3,1.878,1.878,0,0,0,.582-.829,3.318,3.318,0,0,0,.2-1.18,3.287,3.287,0,0,0-.194-1.163,1.8,1.8,0,0,0-.58-.814,1.524,1.524,0,0,0-.961-.3,1.516,1.516,0,0,0-.935.286,1.746,1.746,0,0,0-.577.8A3.324,3.324,0,0,0,88.688-3.273ZM96.75.145a2.652,2.652,0,0,1-1.125-.232,1.866,1.866,0,0,1-.795-.675,1.933,1.933,0,0,1-.292-1.087,1.761,1.761,0,0,1,.213-.912,1.572,1.572,0,0,1,.575-.567,3,3,0,0,1,.81-.315,8.049,8.049,0,0,1,.912-.162L98-3.918a1.382,1.382,0,0,0,.533-.147A.36.36,0,0,0,98.7-4.4v-.03a1.156,1.156,0,0,0-.313-.865,1.28,1.28,0,0,0-.931-.307,1.623,1.623,0,0,0-1.012.283,1.536,1.536,0,0,0-.509.629l-1.2-.273a2.31,2.31,0,0,1,.624-.965,2.543,2.543,0,0,1,.948-.537,3.753,3.753,0,0,1,1.129-.168,4.1,4.1,0,0,1,.833.092A2.49,2.49,0,0,1,99.1-6.2a1.849,1.849,0,0,1,.633.692,2.409,2.409,0,0,1,.247,1.165V0H98.736V-.895h-.051a1.813,1.813,0,0,1-.371.486,1.97,1.97,0,0,1-.635.4A2.463,2.463,0,0,1,96.75.145Zm.277-1.023a1.843,1.843,0,0,0,.906-.209,1.476,1.476,0,0,0,.575-.548,1.415,1.415,0,0,0,.2-.727V-3.2a.646.646,0,0,1-.262.126,3.613,3.613,0,0,1-.441.1q-.247.04-.482.072l-.392.053a3.119,3.119,0,0,0-.675.158,1.155,1.155,0,0,0-.486.317.8.8,0,0,0-.181.548.81.81,0,0,0,.349.714A1.536,1.536,0,0,0,97.027-.878ZM101.676,0V-6.545h1.274V0Zm.643-7.555a.8.8,0,0,1-.569-.224.711.711,0,0,1-.237-.535.715.715,0,0,1,.237-.539.8.8,0,0,1,.569-.224.8.8,0,0,1,.569.224.715.715,0,0,1,.237.539.711.711,0,0,1-.237.535A.8.8,0,0,1,102.32-7.555Zm5.088,10.134a3.917,3.917,0,0,1-1.34-.2,2.616,2.616,0,0,1-.914-.539,2.28,2.28,0,0,1-.528-.727l1.1-.452a2.844,2.844,0,0,0,.309.388,1.6,1.6,0,0,0,.528.358,2.134,2.134,0,0,0,.863.149,1.962,1.962,0,0,0,1.2-.349,1.286,1.286,0,0,0,.473-1.108V-1.193h-.081a2.968,2.968,0,0,1-.33.464,1.823,1.823,0,0,1-.59.443,2.187,2.187,0,0,1-.976.188,2.7,2.7,0,0,1-1.4-.364,2.535,2.535,0,0,1-.98-1.078,3.876,3.876,0,0,1-.36-1.758,4.125,4.125,0,0,1,.356-1.79,2.7,2.7,0,0,1,.978-1.144,2.559,2.559,0,0,1,1.411-.4,2.07,2.07,0,0,1,.984.2,1.845,1.845,0,0,1,.586.471,3.839,3.839,0,0,1,.326.473h.094V-6.545h1.249V.145a2.278,2.278,0,0,1-.392,1.374,2.313,2.313,0,0,1-1.059.8A4.109,4.109,0,0,1,107.408,2.578Zm-.013-3.733a1.624,1.624,0,0,0,.931-.258,1.6,1.6,0,0,0,.58-.741,3.059,3.059,0,0,0,.2-1.161,3.189,3.189,0,0,0-.2-1.163,1.743,1.743,0,0,0-.575-.786,1.522,1.522,0,0,0-.937-.283,1.522,1.522,0,0,0-.959.3,1.8,1.8,0,0,0-.577.8,3.152,3.152,0,0,0-.194,1.134,3,3,0,0,0,.2,1.129,1.665,1.665,0,0,0,.582.759A1.608,1.608,0,0,0,107.395-1.155Zm5.949-2.732V0H112.07V-6.545h1.223V-5.48h.081a1.867,1.867,0,0,1,.71-.835,2.193,2.193,0,0,1,1.221-.315,2.375,2.375,0,0,1,1.172.279,1.894,1.894,0,0,1,.78.829,3,3,0,0,1,.277,1.359V0h-1.274V-4.01a1.583,1.583,0,0,0-.371-1.114,1.316,1.316,0,0,0-1.018-.4,1.584,1.584,0,0,0-.786.192,1.364,1.364,0,0,0-.541.56A1.853,1.853,0,0,0,113.344-3.886Z' transform='translate(49.786 19.5)' fill='%23455560'/%3E%3Ccircle id='Ellipse_1729' data-name='Ellipse 1729' cx='3.214' cy='3.214' r='3.214' transform='translate(36.928 12.857)' fill='%2347c3d3'/%3E%3C/g%3E%3C/svg%3E"); z-index: 1; } @media (min-width: 768px) { .esg-mobile-video:before { left: 32px; top: 32px; width: 33px; height: 158px; } } .flex-align-center { display: flex; align-items: center; } .visible{ visibility: visible; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .sticky{ position: sticky; } .inset-0{ top: 0rem; right: 0rem; bottom: 0rem; left: 0rem; } .top-0{ top: 0rem; } .left-0{ left: 0rem; } .bottom-0{ bottom: 0rem; } .-bottom-32{ bottom: -8rem; } .right-0{ right: 0rem; } .isolate{ isolation: isolate; } .z-\[100\]{ z-index: 100; } .z-50{ z-index: 50; } .z-10{ z-index: 10; } .z-5{ z-index: 5; } .z-15{ z-index: 15; } .col-span-2{ grid-column: span 2 / span 2; } .col-start-1{ grid-column-start: 1; } .col-start-\[17\]{ grid-column-start: 17; } .col-end-\[29\]{ grid-column-end: 29; } .col-end-\[31\]{ grid-column-end: 31; } .row-span-3{ grid-row: span 3 / span 3; } .row-span-2{ grid-row: span 2 / span 2; } .row-start-1{ grid-row-start: 1; } .row-start-\[8\]{ grid-row-start: 8; } .row-start-2{ grid-row-start: 2; } .row-end-\[25\]{ grid-row-end: 25; } .row-end-\[31\]{ grid-row-end: 31; } .row-end-\[9\]{ grid-row-end: 9; } .row-end-\[11\]{ grid-row-end: 11; } .m-0{ margin: 0rem; } .m-8{ margin: 2rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .mx-16{ margin-left: 4rem; margin-right: 4rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-0{ margin-top: 0rem; margin-bottom: 0rem; } .mb-5{ margin-bottom: 1.25rem; } .mt-18{ margin-top: 4.5rem; } .mb-0{ margin-bottom: 0rem; } .mt-l{ margin-top: 4rem; } .mb-m{ margin-bottom: 2rem; } .mt-m{ margin-top: 2rem; } .mt-0{ margin-top: 0rem; } .mt-8{ margin-top: 2rem; } .mb-16{ margin-bottom: 4rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-8{ margin-bottom: 2rem; } .mb-4{ margin-bottom: 1rem; } .mr-2{ margin-right: 0.5rem; } .mt-16{ margin-top: 4rem; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .grid{ display: grid; } .hidden{ display: none; } .h-12{ height: 3rem; } .h-80{ height: 20rem; } .h-full{ height: 100%; } .h-6{ height: 1.5rem; } .h-2{ height: 0.5rem; } .h-1{ height: 0.25rem; } .h-8{ height: 2rem; } .h-64{ height: 16rem; } .h-76{ height: 19rem; } .min-h-\[20rem\]{ min-height: 20rem; } .w-full{ width: 100%; } .w-40{ width: 10rem; } .w-\[90px\]{ width: 90px; } .w-6{ width: 1.5rem; } .w-8{ width: 2rem; } .min-w-\[12rem\]{ min-width: 12rem; } .max-w-screen-2xl{ max-width: 1440px; } .max-w-4xl{ max-width: 56rem; } .max-w-screen-hd{ max-width: 1920px; } .flex-1-0{ flex: 1 0 auto; } .flex-auto{ flex: 1 1 auto; } .origin-bottom-left{ transform-origin: bottom left; } .origin-bottom-right{ transform-origin: bottom right; } .-translate-x-5{ --tw-translate-x: -1.25rem; transform: var(--tw-transform); } .translate-y-5{ --tw-translate-y: 1.25rem; transform: var(--tw-transform); } .scale-95{ --tw-scale-x: .95; --tw-scale-y: .95; transform: var(--tw-transform); } .scale-y-90{ --tw-scale-y: .9; transform: var(--tw-transform); } .scale-x-reflect{ --tw-scale-x: -1; transform: var(--tw-transform); } .transform{ transform: var(--tw-transform); } .resize{ resize: both; } .list-none{ list-style-type: none; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-\[repeat\(30\2c minmax\(0\2c 1fr\)\)\]{ grid-template-columns: repeat(30, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-rows-\[repeat\(30\2c minmax\(0\2c 1fr\)\)\]{ grid-template-rows: repeat(30, minmax(0, 1fr)); } .grid-rows-2{ grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-3{ grid-template-rows: repeat(3, minmax(0, 1fr)); } .grid-rows-\[repeat\(10\2c minmax\(0\2c 1fr\)\)\]{ grid-template-rows: repeat(10, minmax(0, 1fr)); } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .content-start{ align-content: 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-5{ gap: 1.25rem; } .gap-3{ gap: 0.75rem; } .gap-10{ gap: 2.5rem; } .gap-2{ gap: 0.5rem; } .gap-6{ gap: 1.5rem; } .gap-x-5{ column-gap: 1.25rem; } .self-center{ align-self: center; } .justify-self-center{ justify-self: center; } .overflow-auto{ overflow: auto; } .overflow-hidden{ overflow: hidden; } .break-all{ word-break: break-all; } .rounded-full{ border-radius: 9999px; } .rounded-tl-2xl{ border-top-left-radius: 2rem; } .rounded-br-2xl{ border-bottom-right-radius: 2rem; } .rounded-tl-4xl{ border-top-left-radius: 3rem; } .rounded-br-4xl{ border-bottom-right-radius: 3rem; } .border-8{ border-width: 8px; } .border{ border-width: 1px; } .border-t{ border-top-width: 1px; } .border-b-2{ border-bottom-width: 2px; } .border-r{ border-right-width: 1px; } .border-white{ --tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); } .border-blue{ --tw-border-opacity: 1; border-color: rgba(77, 77, 255, var(--tw-border-opacity)); } .border-gray{ --tw-border-opacity: 1; border-color: rgba(204, 204, 204, var(--tw-border-opacity)); } .bg-black{ --tw-bg-opacity: 1; background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); } .bg-gray-darker{ --tw-bg-opacity: 1; background-color: rgba(38, 38, 40, var(--tw-bg-opacity)); } .bg-\[\#030512\]{ --tw-bg-opacity: 1; background-color: rgba(3, 5, 18, var(--tw-bg-opacity)); } .bg-white{ --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-gray-light{ --tw-bg-opacity: 1; background-color: rgba(235, 236, 238, var(--tw-bg-opacity)); } .bg-opacity-40{ --tw-bg-opacity: 0.4; } .object-contain{ object-fit: contain; } .object-cover{ object-fit: cover; } .p-8{ padding: 2rem; } .p-0{ padding: 0rem; } .p-2{ padding: 0.5rem; } .p-5{ padding: 1.25rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .py-12{ padding-top: 3rem; padding-bottom: 3rem; } .px-10{ padding-left: 2.5rem; padding-right: 2.5rem; } .py-16{ padding-top: 4rem; padding-bottom: 4rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .px-0{ padding-left: 0rem; padding-right: 0rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-1{ padding-top: 0.25rem; padding-bottom: 0.25rem; } .pt-3{ padding-top: 0.75rem; } .pb-3{ padding-bottom: 0.75rem; } .pt-36{ padding-top: 9rem; } .pb-24{ padding-bottom: 6rem; } .pb-m{ padding-bottom: 2rem; } .pt-s{ padding-top: 1rem; } .pt-60{ padding-top: 15rem; } .pt-8{ padding-top: 2rem; } .pl-5{ padding-left: 1.25rem; } .pb-5{ padding-bottom: 1.25rem; } .pr-5{ padding-right: 1.25rem; } .pb-2{ padding-bottom: 0.5rem; } .pr-10{ padding-right: 2.5rem; } .text-center{ text-align: center; } .font-sans{ font-family: Poppins, sans-serif; } .text-h5{ font-size: 1.25rem; line-height: normal; } .text-h3{ font-size: 1.5rem; line-height: normal; } .text-sm{ font-size: 0.875rem; line-height: normal; } .text-h1{ font-size: 3rem; line-height: normal; } .text-h6{ font-size: 1rem; line-height: normal; } .font-bold{ font-weight: 700; } .font-normal{ font-weight: 400; } .uppercase{ text-transform: uppercase; } .leading-snug{ line-height: 1.375; } .leading-normal{ line-height: 1.5; } .tracking-widest{ letter-spacing: 0.1em; } .tracking-wider{ letter-spacing: 0.05em; } .text-white{ --tw-text-opacity: 1; color: rgba(255, 255, 255, var(--tw-text-opacity)); } .text-gray-dark{ --tw-text-opacity: 1; color: rgba(136, 136, 136, var(--tw-text-opacity)); } .text-blue{ --tw-text-opacity: 1; color: rgba(77, 77, 255, var(--tw-text-opacity)); } .text-black{ --tw-text-opacity: 1; color: rgba(0, 0, 0, var(--tw-text-opacity)); } .underline{ text-decoration: underline; } .opacity-60{ opacity: 0.6; } .opacity-50{ opacity: 0.5; } .opacity-30{ opacity: 0.3; } .outline-white{ outline: 2px dotted white; outline-offset: 2px; } .outline-black{ outline: 2px dotted black; outline-offset: 2px; } .blur{ --tw-blur: blur(8px); filter: var(--tw-filter); } .grayscale{ --tw-grayscale: grayscale(100%); filter: var(--tw-filter); } .filter{ filter: var(--tw-filter); } .transition{ transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all{ transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } .duration-500{ transition-duration: 500ms; } .hover\:text-pink:hover{ --tw-text-opacity: 1; color: rgba(195, 0, 115, var(--tw-text-opacity)); } .group:hover .group-hover\:bottom-0{ bottom: 0rem; } .group:hover .group-hover\:opacity-100{ opacity: 1; } @media (min-width: 640px){ .sm\:flex{ display: flex; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:flex-col{ flex-direction: column; } .sm\:justify-center{ justify-content: center; } } @media (min-width: 768px){ .md\:static{ position: static; } .md\:col-span-8{ grid-column: span 8 / span 8; } .md\:col-span-3{ grid-column: span 3 / span 3; } .md\:col-start-10{ grid-column-start: 10; } .md\:mt-l{ margin-top: 4rem; } .md\:mt-m{ margin-top: 2rem; } .md\:mb-0{ margin-bottom: 0rem; } .md\:mt-12{ margin-top: 3rem; } .md\:block{ display: block; } .md\:flex{ display: flex; } .md\:grid{ display: grid; } .md\:h-100{ height: 25rem; } .md\:w-\[calc\(50\%-\.75rem\)\]{ width: calc(50% - .75rem); } .md\:w-\[18rem\]{ width: 18rem; } .md\:flex-1-0{ flex: 1 0 auto; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:items-center{ align-items: center; } .md\:justify-between{ justify-content: space-between; } .md\:gap-10{ gap: 2.5rem; } .md\:gap-8{ gap: 2rem; } .md\:p-8{ padding: 2rem; } .md\:p-12{ padding: 3rem; } .md\:p-16{ padding: 4rem; } .md\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .md\:pt-m{ padding-top: 2rem; } .md\:pb-m{ padding-bottom: 2rem; } .md\:pt-s{ padding-top: 1rem; } .md\:pl-12{ padding-left: 3rem; } .md\:pl-4{ padding-left: 1rem; } .md\:pt-16{ padding-top: 4rem; } } @media (min-width: 1024px){ .lg\:col-span-7{ grid-column: span 7 / span 7; } .lg\:col-span-5{ grid-column: span 5 / span 5; } .lg\:mx-auto{ margin-left: auto; margin-right: auto; } .lg\:mt-21{ margin-top: 5.25rem; } .lg\:mr-4{ margin-right: 1rem; } .lg\:mt-0{ margin-top: 0rem; } .lg\:block{ display: block; } .lg\:flex{ display: flex; } .lg\:grid{ display: grid; } .lg\:hidden{ display: none; } .lg\:h-full{ height: 100%; } .lg\:h-110{ height: 27.5rem; } .lg\:min-h-\[15rem\]{ min-height: 15rem; } .lg\:w-\[calc\(33\.3333\%-\.833333333333333rem\)\]{ width: calc(33.3333% - .833333333333333rem); } .lg\:max-w-xl{ max-width: 36rem; } .lg\:grid-cols-12{ grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:items-center{ align-items: center; } .lg\:p-5{ padding: 1.25rem; } .lg\:py-24{ padding-top: 6rem; padding-bottom: 6rem; } .lg\:px-16{ padding-left: 4rem; padding-right: 4rem; } .lg\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .lg\:pb-2{ padding-bottom: 0.5rem; } .lg\:pt-5{ padding-top: 1.25rem; } .lg\:pr-\[60\%\]{ padding-right: 60%; } .lg\:text-left{ text-align: left; } .lg\:opacity-0{ opacity: 0; } } @media (min-width: 1280px){ .xl\:my-24{ margin-top: 6rem; margin-bottom: 6rem; } .xl\:mt-xl{ margin-top: 6rem; } .xl\:mt-l{ margin-top: 4rem; } .xl\:mt-0{ margin-top: 0rem; } .xl\:mb-0{ margin-bottom: 0rem; } .xl\:mb-32{ margin-bottom: 8rem; } .xl\:mt-16{ margin-top: 4rem; } .xl\:h-110{ height: 27.5rem; } .xl\:gap-32{ gap: 8rem; } .xl\:px-24{ padding-left: 6rem; padding-right: 6rem; } .xl\:py-4{ padding-top: 1rem; padding-bottom: 1rem; } .xl\:py-32{ padding-top: 8rem; padding-bottom: 8rem; } .xl\:py-24{ padding-top: 6rem; padding-bottom: 6rem; } .xl\:py-8{ padding-top: 2rem; padding-bottom: 2rem; } .xl\:py-12{ padding-top: 3rem; padding-bottom: 3rem; } .xl\:pr-\[50\%\]{ padding-right: 50%; } .xl\:pt-m{ padding-top: 2rem; } .xl\:pb-xl{ padding-bottom: 6rem; } .xl\:pt-s{ padding-top: 1rem; } .xl\:pb-32{ padding-bottom: 8rem; } .xl\:pt-24{ padding-top: 6rem; } .xl\:text-h1{ font-size: 3rem; line-height: normal; } } /*# sourceMappingURL=app.css.map*/