/** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ *, *:before, *:after { box-sizing: border-box; } html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; overflow-x: hidden; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 700; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, 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; } /* 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. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 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, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-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. */ [type="search"]::-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 Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } svg { display: block; } img, svg, video { vertical-align: middle; max-width: 100%; } /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 0px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } .content-wrapper { margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } .dnd-section > .row-fluid { margin: 0 auto; } .dnd-section .dnd-column { padding: 0 0rem; } @media (max-width: 768px) { .dnd-section .dnd-column { padding: 0; } } :root { --white: #FFFFFF; --grey: #383f47; --cardBorderColour: #E4E4E4; --bodyColour: #141517; --ctaPrimaryColour: #787CFE; --primaryColour: #161b30; --secondaryColour: #e1e5ea; --red:#b10028; --blue:#12204B; } a { text-decoration: none; color: var(--primaryColour); } .btn { outline: none; cursor: pointer; font-size: 1.4rem; text-wrap: nowrap; font-weight: 700; text-align: center; border-radius: 5px; color: var(--white); display: inline-flex; text-decoration: none; padding: 22px 35px; transition: all 250ms ease; background-color: var(--ctaPrimaryColour); } .hs-button.primary.large { outline: none; cursor: pointer; font-size: 1.4rem; text-wrap: nowrap; font-weight: 700; text-align: center; border-radius: 5px; color: var(--white); display: inline-flex; text-decoration: none; padding: 22px 35px; transition: all 250ms ease; background-color: var(--ctaPrimaryColour); } .hs-button.primary.large:hover { color: var(--primaryColour); background-color: var(--white); box-shadow: 5px 5px 40px 0px rgba(120, 124, 254,.3); } .btn:hover { color: var(--primaryColour); background-color: var(--white); box-shadow: 5px 5px 40px 0px rgba(120, 124, 254,.3); } .btn.outline { box-shadow: none; color: var(--primaryColour); background-color: var(--white); } .btn.outline:hover { color: var(--ctaPrimaryColour); background-color: var(--white); border: 2px solid var(--ctaPrimaryColour); box-shadow: 5px 5px 40px 0px rgba(120, 124, 254,.3); } .btn.filter { color: #1F4659; border-color: #141517; background-color: #fff; box-shadow: none; } .btn.filter.active { color: #fff; border-color: #00A9F3; background-color: #00A9F3; } .btn.filter:hover { color: #fff; border-color: #00A9F3; background-color: #00A9F3; box-shadow: none; } .btn.link { gap: 5px; padding: 0px; border: none; font-weight: 600; font-size: 1.4rem; align-items: center; position: relative; text-decoration: none; transition: all 0ms ease; background-color: transparent; color: var(--ctaPrimaryColour); } .btn.link:before { content: ""; width: 100%; display: block; bottom: -3px; left: 0; position: absolute; height: 2px; background-color: var(--ctaPrimaryColour); } .btn.link:after { content: ""; width: 10px; height: 10px; display: block; background-repeat: no-repeat; background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/Learn%20More%20Arrow.svg'); } .btn.no-link { cursor: auto; border: none; padding-left: 0px; padding-right: 0px; color: var(--primaryColour); background-color: transparent; } .btn#menu { width: 100%; padding: 0px; height: 40px; border: none; max-width: 40px; background-color: transparent; } .btn.scroll { gap: 5px; padding: 0px; border: none; color: #141517; align-items: center; background-color: transparent; } .btn.pricing-btn { font-size: 14px; letter-spacing: 0; text-align: center; line-height: 12px; font-weight: 700; padding: 1rem 2.8rem; } :root { --primaryFont: Inter, 'Segoe UI', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; --secondaryFont: 'Oswald'; --fontWeightRegular: 400; --fontWeightSemiBold: 600; --fontWeightBold: 700; } @font-face { /* First Cormorant Garamond file from the screenshot */ font-family: "CormorantGaramond-Regular"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/CormorantGaramond-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { /* Second Cormorant Garamond file from the screenshot */ font-family: "CormorantGaramond-Bold"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/CormorantGaramond-Bold.woff2) format("woff2"); font-weight: 700; /* Adjust if this file is bold/italic */ font-style: normal; font-display: swap; } @font-face { font-family: "Avenir"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Light.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir-Medium"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Heavy.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "TradeGothicNo20-CondBold"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/TradeGothicNo20-CondBold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Book.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Black.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } /* h1, .h1 { margin: 0px; letter-spacing: 0px; font-size:70px; line-height: 63px; margin-bottom: 20px; font-family: 'TradeGothicNo20-CondBold', 'Impact', 'Arial Narrow', sans-serif!important; font-weight: 700; } h2 { margin: 0px; letter-spacing: 0px; font-size:40px; line-height: 52px; margin-bottom: 20px; font-family: 'TradeGothicNo20-CondBold', 'Impact', 'Arial Narrow', sans-serif!important; font-weight: var(--fontWeightSemiBold); } h2:last-child { margin-bottom: 0px; } h3 { margin: 0px; font-size:36px; line-height: 47px; letter-spacing: 0rem; margin-bottom: 2rem; font-family: 'TradeGothicNo20-CondBold', 'Impact', 'Arial Narrow', sans-serif; font-weight: 700; } h3:last-child { margin-bottom: 0px; } h4 { margin: 0px; font-size:32px; line-height: 42px; letter-spacing: 0px; margin-bottom: 2rem; font-family: "Cormorant Garamond", serif; font-weight: 700; } h4:last-child { margin-bottom: 0px; } h5 { margin: 0px; letter-spacing: 0px; font-size:24px; line-height:32px; margin-bottom: 20px; font-family: "Cormorant Garamond", serif; font-weight: 700; } h5:last-child { margin-bottom: 0px; } h6 { font-family: var(--primaryFont); font-weight: 500; font-size:18px; line-height: 27px; } */ h1, .h1 { margin: 0px; font-family: Oswald, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; letter-spacing: 0px; font-size: 48px; /* H1 Font Size */ line-height: 1.1; margin-bottom: 20px; font-family: Oswald; font-weight: regular; /* H1 Font Weight */ color: #0f1729; /* Primary Color */ text-transform: none; /* H1 Text Transform */ } h2 { margin: 0px; font-family: Oswald, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; letter-spacing: 0px; font-size: 40px; /* H2 Font Size */ line-height: 1.25; margin-bottom: 20px; font-family: Oswald; font-weight: 500; /* H2 Font Weight */ color: #0f1729; /* Primary Color */ text-transform: none; /* H2 Text Transform */ } h3 { font-family: Oswald, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; margin: 0px; font-size: 36px; /* H3 Font Size */ line-height: 1.25; letter-spacing: 0rem; margin-bottom: 2rem; font-family: Oswald; font-weight: 500; /* H3 Font Weight */ color: #0f1729; /* Primary Color */ text-transform: none; /* H3 Text Transform */ } h4 { font-family: 'Cormorant Garamond', serif; font-style: normal; font-weight: 700; text-decoration: none; margin: 0px; font-size: 32px; /* H4 Font Size */ line-height: 1.25; letter-spacing: 0px; margin-bottom: 2rem; font-family: 'Cormorant Garamond', serif; font-weight: 700; /* H4 Font Weight */ color: #0f1729; /* Primary Color */ text-transform: none; /* H4 Text Transform */ } h5 { font-family: 'Cormorant Garamond', serif; font-style: normal; font-weight: 700; text-decoration: none; margin: 0px; letter-spacing: 0px; font-size: 24px; /* H5 Font Size */ line-height: 1.25; margin-bottom: 20px; font-family: 'Cormorant Garamond', serif; font-weight: 700; /* H5 Font Weight */ color: #0f1729; /* Primary Color */ text-transform: none; /* H5 Text Transform */ } h6 { font-family: Inter, sans-serif; font-style: normal; font-weight: 500; text-decoration: none; font-family: Inter; font-weight: 500; /* H6 Font Weight */ font-size: 18px; /* H6 Font Size */ line-height: 1.25; color: #0f1729; /* Primary Color */ text-transform: none; /* H6 Text Transform */ } p, li { margin: 0px; font-size: 16px!important; /* Body Font Size */ letter-spacing: 0px; line-height: 1.5 !important;/* Body Line Height */ margin-bottom: 20px; font-family: Inter!important; font-weight: 300!important; /* Body Font Weight */ color: #344256; /* Primary Color */ } ul { margin: 0px; padding-left: 18px; margin-bottom: 20px; } ul:last-child { margin-bottom: 0; } ul { margin: 0px; padding-left: 18px; margin-bottom: 20px; } ul:last-child { margin-bottom: 0 } p, li { margin: 0px; font-size: 16px; letter-spacing: 0px; line-height: 24px; margin-bottom: 20px; font-family: var(--primaryFont); font-weight: var(--fontWeightRegular); } p:last-child { margin-bottom: 0 } .body-large { margin: 0px; font-size:24px; letter-spacing: 0px; line-height: 32px; margin-bottom: 20px; font-family: var(--primaryFont); font-weight: var(--fontWeightRegular); } .body-medium { margin: 0px; font-size: 18px; letter-spacing: 0px; line-height: 27px; margin-bottom: 20px; font-family: var(--primaryFont); font-weight: var(--fontWeightRegular); } .body-small { margin: 0px; font-size: 16px; letter-spacing: 0px; line-height: 24px; margin-bottom: 20px; font-family: var(--primaryFont); font-weight: var(--fontWeightRegular); } .body-extra-small { margin: 0px; font-size: 14px; letter-spacing: 0px; line-height: 21x; margin-bottom: 20px; font-family: var(--primaryFont); font-weight: var(--fontWeightRegular); } .form form { position: relative; } form { display: flex ; flex-direction: column; max-width: 940px; margin: 0 auto; padding: 50px; } .form form fieldset .input { margin: 0 !important; } .form form fieldset.form-columns-1 { display: grid; max-width: 100%; margin-bottom: 4rem; grid-template-columns: repeat(1, 1fr); } .form form fieldset.form-columns-2 { gap: 4rem; display: grid; max-width: 100%; margin-bottom: 4rem; grid-template-columns: repeat(2, 1fr); } .form form fieldset.form-columns-2 .hs-form-field { width: 100%; float: none; margin-bottom: 0px; } .form form fieldset.form-columns-2 .hs-form-field .input { margin-right: 0px; margin-bottom: 0px; } .form input[type="text"], .form input[type="email"], .form input[type="tel"] { width: 100%; height: 5.5rem; outline: none; display: block; border-radius: 0.4rem; padding: 0 1rem; border: 0.1rem solid #141517; } .form select { width: 100%; height: 5.5rem; outline: none; display: block; border-radius: 0.4rem; padding: 0 1rem; border: 0.1rem solid #141517; } .form textarea { width: 100% !important; min-height: 140px; outline: none; display: block; padding: 20px; margin: 0 !important; border-radius: 0.4rem; border: 0.1rem solid #141517; } .form .hs-form-field { margin-bottom: 15px; position: relative; } .form .hs-form-field .hs-error-msgs, .form .hs_error_rollup .hs-error-msgs { padding: 0px; margin: 0px; list-style: none; } .form .hs_error_rollup .hs-error-msgs li label, .form .hs-form-field .hs-error-msgs li label.hs-error-msg { color: red; font-size: 13px; } .form .legal-consent-container { gap: 3.5rem; display: flex; flex-direction: column; } .form .hs-richtext, .form .hs-richtext p { font-size: 1.5rem; color: #141517; letter-spacing: 0; line-height: 2.5rem; font-weight: 400; } .form .inputs-list { list-style: none; padding: 0px; } .form .legal-consent-container .hs-form-booleancheckbox-display { display: flex; align-items: center; justify-content: center; /* flex-direction: row-reverse; justify-content: flex-end; */ } .form .legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox] { display: none; } .form .legal-consent-container .hs-form-booleancheckbox-display span { gap: 1.2rem; margin: 0px; display: flex; align-items: center; font-size: 1.5rem; color: #141517; letter-spacing: 0; line-height: 25px; font-weight: 700; } .form .legal-consent-container .hs-form-booleancheckbox-display span:before { content: ''; width: 23px; height: 23px; display: block; border-radius: 5px; border: 1px solid #00A9F3; } .form .legal-consent-container .hs-form-booleancheckbox-display input[type=checkbox]:checked + span:before { background-image: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/images/checkmark-outline.svg); } .form.subscribe > h3 { font-size: 20px; color: var(--white); text-transform: uppercase; } .form.subscribe input[type="email"] { background-color: transparent; border: 2px solid var(--white); } .form.subscribe input[type="email"]::placeholder { color: var(--white); } .form.subscribe input[type="submit"] { border: none; outline: none; cursor: pointer; padding: 10px 20px; display: inline-flex; font-size: 12px; font-weight: 700; text-transform: uppercase; color: var(--primaryColour); background-color: var(--white); } .form.subscribe-cta-form form { display: flex; } .form.subscribe-cta-form form fieldset.form-columns-2 { gap: 10px; grid-template-columns: 15ch 1fr; } .form.subscribe-cta-form form input[type=submit] { height: 40px; outline: none; border: none; cursor: pointer; padding: 0 15px; border-radius: 0px; color: var(--white); background-color: var(--primaryColour); } .hs-search-field__bar.form form .hs-search-field__input { width: 100%; height: 50px; max-width: 370px; min-width: 370px; font-size: 1.6rem; border-radius: 7px; border: 2px solid #141517; } .hs-search-field__bar.form form .hs-search-field__input::placeholder { color: #000; font-weight: 700; } .hs-search-field__bar.form form .search-icon { width: 20px; height: 20px; top: 0px; bottom: 0px; right: 23px; margin: auto 0; position: absolute; background: none; border: none; outline: none; padding: 0px; display: flex; align-items: center; } .hs-search-field__bar.form form .search-icon svg { width: 100%; max-width: 20px; } .form .hs_submit.hs-submit .actions { display: flex; justify-content: center; } .form{ background: #fff; padding: 60px 80px; width: 940px; } input[type="text"], input[type="date"], input[type="email"], input[type="tel"], input[type="search"], input[type="password"], input[type="number"], textarea, select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; border: 1px solid #E1E7EF; border-radius: 0; box-shadow: none; color: #344259; font-size: 14px; font-weight: 600; margin: 0 0 10px; outline: none; padding: 9px 20px; width: 100%; width: 100%; height: 48px; padding: 16px; background: #fff; border: 1px solid #E1E7EF; margin-top: 5px; } input[type="text"]:hover, input[type="date"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="search"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover { border-color: var(--red) !important; } input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus { border: 1px solid var(--red) !important; } textarea { min-height: 167px; resize: none !important; margin-bottom:0; } fieldset { max-width: 100% !important; } fieldset.form-columns-1 .hs-input { width: 100% !important; } fieldset.form-columns-2 .input,fieldset.form-columns-1 .input { margin-right: 0 !important; } fieldset.form-columns-2 > div { margin-right: 4%; width: 48% !important; margin-bottom:10px; } fieldset.form-columns-1 > div{ margin-bottom:10px; } fieldset.form-columns-2 > div:last-child { margin-right: 0; } .hs-fieldtype-checkbox > label, .hs-fieldtype-radio > label{ font-size: 16px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-transform: inherit; color: #292B33; border-bottom: 1px solid #e1e7ef; padding-bottom: 5px; display: block; margin-bottom: 20px; } ::placeholder { color: #94A3B8; } ::-ms-input-placeholder { /* Edge 12 -18 */ color: #94A3B8; } .o-form.background.-blackout .hs-fieldtype-radio > label > span, .o-form.background.-darkgrey .hs-fieldtype-radio > label > span{ border-bottom: 2px solid #E1E7EF; } label span { font-weight: 600; font-size: 14px; line-height: 14px; color: #344259; } ul.no-list.hs-error-msgs { padding: 0; margin: 0; } ul.no-list.hs-error-msgs li { list-style: none; } label.hs-error-msg { background: #F4ABAC; font-size: 14px; color: #14151A; line-height: 26px; padding: 0 20px; } .hs_error_rollup { display: none; } span.hs-form-required{ color: var(--red); } /******************************************** Radio Button CSS*******************************************************/ form .input ul.inputs-list li label input[type="radio"]:checked+span:before {background: var(--red) ;background-size: 14px; background-position: center center;border-radius:50%;box-shadow:0 0 0 4px #fff inset; border:1px solid var(--red); } form .input ul.inputs-list li label input[type="radio"] { opacity: 0; display:none !important;} form .input ul.inputs-list li label input[type="radio"]+span:before { margin-top: 0; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 100%; max-width: 24px; height: 24px; padding: 2px; margin-right: 10px; text-align: center; border:1px solid #E1E7EF; border-radius:50%;} /******************************************** Check Box CSS*******************************************************/ form .input ul.inputs-list li label input[type="checkbox"]:checked+span:before {background: #b10028 url('https://6363151.fs1.hubspotusercontent-na1.net/hubfs/6363151/GMA%20Feb%202023/Vector-1.svg');background-size: 14px; border:1px solid var(--red); background-position: center center;background-repeat:no-repeat;} form .input ul.inputs-list li label input[type="checkbox"] { opacity: 0; display:none !important;} form .input ul.inputs-list li label input[type="checkbox"]+span:before { margin-top: 0; content: ''; background: #fff; display: inline-block;vertical-align: middle; width: 100%; max-width: 22px; height: 22px; padding: 2px; margin-right: 10px; text-align: center; border: 1px solid #E1E7EF;} /******************************************** Button CSS*******************************************************/ li.hs-form-booleancheckbox label span,li.hs-form-radio label span,li.hs-form-checkbox label span { color: #292B33; font-size: 14px; font-weight: 400; text-transform: inherit; letter-spacing: 0; line-height: 26px; display: flex; cursor: pointer; width: 100%; margin-bottom: 0; } ul.inputs-list { padding: 0; margin: 0; list-style: none; } li.hs-form-booleancheckbox,li.hs-form-radio { list-style: none; margin-bottom: 10px; } li.hs-form-checkbox { margin-bottom: 10px; } li.hs-form-booleancheckbox label, li.hs-form-radio label { width: 100%; } input[type="checkbox"], input[type="radio"] { width: 20px; height: 20px; } select { background: #fff url(https://6363151.fs1.hubspotusercontent-na1.net/hubfs/6363151/GMA%20Feb%202023/Dropdown.svg); background-position: calc(100% - 15px); background-repeat: no-repeat; padding-right: 50px; } input.error:not([type="submit"]) { border: 1px solid var(--red) !important; } input.hs-button.primary.large,input[type="submit"] { letter-spacing: 0.2em; text-transform: uppercase; font-weight: 900; font-size: 15px; line-height: 27px; color: #fff; border: 0; background: var(--red); padding: 7px 25px!important; cursor: pointer; margin:20px 0 0; float: right; border-radius: 0px; background-color: #b10028; border-radius: 0; color: #fff; display: inline-block; font-family: Avenir-Medium; font-size: 14px; font-weight: 500; padding: 16px 50px; text-align: center; text-decoration: none; transition: all .3s ease; } input.hs-button.primary.large:hover,input[type="submit"]:hover{ background-color: #8b0020; color: #fff; box-shadow: none!important; border: none !important; } .submitted-message { font-size: 20px; text-align: center; } ul.inputs-list.multi-container { column-count: 2; } /* ================ * Dark Theme * =============== */ .content.-dark input[type="text"], .content.-dark input[type="date"], .content.-dark input[type="email"], .content.-dark input[type="tel"], .content.-dark input[type="search"], .content.-dark input[type="password"], .content.-dark input[type="number"], .content.-dark textarea, .content.-dark select { border: 1px solid var(--grey); color: var(--blackout); } .o-form.background.-blackout.content.-dark label span,.o-form.background.-darkgrey.content.-dark label span,.o-form.background.-grey.content.-dark label span { color: #fff; } .o-form.background.-blackout.content.-dark span.hs-form-required,.o-form.background.-darkgrey.content.-dark span.hs-form-required { color: var(--red); } @media(max-width:767px){ fieldset.form-columns-2>div { margin-right: 0; width: 100%!important; } ul.inputs-list.multi-container { column-count: 1; } } form { display: flex; flex-direction: column; } form * { font-family: var(--primaryFont) !important; } @media(max-width:940px){ form { display: flex; flex-direction: column; max-width: 940px; margin: 0 auto; padding: 20px; width: 100%; } } .legal-consent-container .hs-dependent-field .inputs-list span.hs-form-required { width: 10px; display: flex ; justify-content: flex-end; } .legal-consent-container { color: #fff; font-size: 14px; line-height: 20px; font-family: var(--primaryFont) !important; font-weight: 400; } .legal-consent-container .hs-richtext { margin-bottom: 8px; margin-top: 10px; } .card { background: var(--white); border: 1px solid var(--cardBorderColour); box-shadow: 5px 5px 25px 4px rgba(22,27,48,0.05); border-radius: 7px; } .container { width: 100%; margin: 0 auto; padding: 0 20px; max-width: var(--containerWidth); } .cta-container { gap: 15px; display: flex; align-items: center; } .cta-container.right { justify-content: end; } .cta-container.center { justify-content: center; } .cta-container.space-between { justify-content: space-between; } body{padding-top:124px;} @media screen and (max-width: 1024px) { body{padding-top:60px;} } } .header .container{ margin-bottom: 0px !important;} .slick-dots { list-style: none !important; } @font-face { /* First Cormorant Garamond file from the screenshot */ font-family: "CormorantGaramond-Regular"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/CormorantGaramond-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { /* Second Cormorant Garamond file from the screenshot */ font-family: "CormorantGaramond-Bold"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/CormorantGaramond-Bold.woff2) format("woff2"); font-weight: 700; /* Adjust if this file is bold/italic */ font-style: normal; font-display: swap; } @font-face { font-family: "Avenir-Light"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Light.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir-Medium"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Medium.woff) format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir-Heavy"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Heavy.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "TradeGothicNo20-CondBold"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/TradeGothicNo20-CondBold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir-Book"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Book.woff) format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Avenir-Black"; src: url(//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/css/fonts/Avenir-Black.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } :root { --containerWidth: 1312px; --verticalSpacing: 80px; --swiper-pagination-bottom: -30px; } .no-scroll { overflow-y: hidden; } .menu-underlay { position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 1000; display: none; background-color: rgba(0,0,0,0.7); } .mega-menu-container { padding: 25px 0; background-color: #FFFFFF; color:var(--primaryColour); } .mega-menu-container .container { gap: 45px; display: flex; position: relative; align-items: center; justify-content: space-between; } @media (max-width: 768px) { .mega-menu-container { } } .mega-menu-container .container #menu { display: none; } @media (max-width: 768px) { .mega-menu-container .container #menu { display: flex; align-items: center; justify-content: center; } } .mega-menu-container .container #menu:after { width: 100%; content: url('//145782743.fs1.hubspotusercontent-eu1.net/hubfs/145782743/raw_assets/public/nova_theme/images/menu.svg'); } .mega-menu-container .container #menu svg { fill: var(--primaryColour); } .mega-menu-container ul.menu-items { flex: 1; gap: 35px; margin: 0px; padding: 0px; display: flex; align-items: center; list-style: none; justify-content: end; /* transform: translateY(17px); */ } @media (max-width: 768px) { .mega-menu-container ul.menu-items { top: -17px; right: -100%; height: 100dvh; max-height: 100dvh; overflow: scroll; width: 85vw; position: fixed; justify-content: start; flex-direction: column; background-color: #fff; z-index: 1001; transition: right 250ms ease; box-shadow: 0 0 50px 2px rgba(0, 0, 0, .1); } .mega-menu-container ul.menu-items.open { right: 0; } } .mega-menu-container ul li { cursor: pointer; margin-bottom: 0px; } @media (max-width: 768px) { .mega-menu-container ul li.menu-item { display: flex; flex-wrap: wrap; margin-bottom: 0px; border-bottom: 1px solid #ededed; } } .mega-menu-container ul li.menu-item.children .expand { display: none; } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children .expand { width: 100%; display: flex; max-width: 56px; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; border-left: 1px solid #ededed; background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/drop-down-arrow.svg'); } .mega-menu-container ul li.menu-item.children.show-submenu .expand { border-left: none; transform: rotate(180deg); border-right: 1px solid #ededed; } } .mega-menu-container.simple ul > li.show-submenu { position: relative; } .mega-menu-container ul li.menu-item.cta > a { color: #fff; padding: 1.75rem 3rem; border-radius: 5px; background-color: #787CFE; } .mega-menu-container ul li.menu-item > a { font-size: 1.4rem; padding: 0 0px; text-decoration: none; color: var(--primaryColour); font-weight: var(--fontWeightSemiBold); } @media (max-width: 768px) { .mega-menu-container ul li.menu-item > a { display: flex; padding: 20px; } } .mega-menu-container ul li.menu-item.children { } .mega-menu-container ul li.menu-item.children > a { gap: 5px; display: inline-flex; cursor: pointer; padding-bottom: 40px; text-decoration: none; color: var(--primaryColour); font-family: var(--primaryFont); } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children > a { flex: 1; width: 100%; padding-bottom: 20px; } } .mega-menu-container ul li.menu-item.children > a:after { transition: transform 250ms ease; content: url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/drop-down-arrow.svg); } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children > a:after { display: none; } } .mega-menu-container ul li.menu-item.children.show-submenu > a:after { transform: rotate(180deg); } .mega-menu-container ul li.menu-item { } .mega-menu-container ul li.menu-item.children .sub-menu { gap: 30px; right: 0px; display: none; min-width: 835px; padding: 30px 35px; position: absolute; border-radius: 7px; width: calc(100% - 0px); background-color: #fff; border: 1px solid #ededed; transform: translateY(-5px); grid-template-columns: 235px 1fr; box-shadow: 0 0 50px 2px rgba(0,0,0,0.1); } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children .sub-menu { display: none; flex-direction: column; gap: 40px; position: fixed; min-width: unset; width: 100%; top: 0px; right: -100%; grid-template-columns: 1fr; transition: left 250ms ease; } } .mega-menu-container ul li.menu-item.children.show-submenu .sub-menu { display: grid; right: 20px; padding: 30px; } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children.show-submenu .sub-menu { top: 0px; right: 0px; height: auto; padding: 20px; display: flex; overflow-y: scroll; position: relative; min-width: 100%; box-shadow: none; border-radius: 0px; transform: translateY(0px); border-bottom: none; } } .mega-menu-container ul li.menu-item.children .sub-menu .menu-overview { display: flex; flex-direction: column; align-items: start; } .mega-menu-container ul li.menu-item.children .sub-menu .close { display: none; font-size: 35px; position: absolute; top: 11px; right: 20px; color: #140047; } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children .sub-menu .close { display: block; } } .mega-menu-container ul li.menu-item.children .sub-menu .menu-overview h3 { } .mega-menu-container ul li.menu-item.children .sub-menu .menu-overview p { flex: 1; } .mega-menu-container ul li.menu-item.children .sub-menu .menu-overview .cta.arrow { font-size: 16px; color: #140047; letter-spacing: 0; text-align: center; font-weight: 500; padding: 10px 22px; } .mega-menu-container ul li.menu-item.children .sub-menu .menu-overview .cta.arrow:hover { border-color: #bf90f7; } .mega-menu-container ul li.menu-item.children .sub-menu .sub-menu-items { gap: 25px; row-gap: 40px; display: grid; grid-template-columns: 1fr 1fr; } @media (max-width: 768px) { .mega-menu-container ul li.menu-item.children .sub-menu .sub-menu-items { display: flex; flex-direction: column; } } .mega-menu-container ul li.menu-item.children .sub-menu .sub-menu-items > a { gap: 15px; padding: 0px; display: flex; align-items: start; text-decoration: none; } .mega-menu-container ul li.menu-item.children .sub-menu .sub-menu-items a .icon { width: 100%; max-width: 40px; } .mega-menu-container ul li.menu-item.children .sub-menu .sub-menu-items a .label { display: block; font-size: 16px; color: #140047; letter-spacing: 0; line-height: 18px; font-weight: 700; margin-bottom: 10px; padding: 0px; } .mega-menu-container ul li.menu-item.children .sub-menu .sub-menu-items a .description { display: block; font-size: 14px; color: #140047; letter-spacing: 0; line-height: 20px; font-weight: 200; padding: 0px; text-transform: none; } .mega-menu-container.simple ul li.menu-item.children.show-submenu .sub-menu { left: 50%; right: 50%; width: 100%; display: flex; padding: 25px; margin: 0 auto; min-width: 220px; max-width: 220px; transform: translateX(-50%); } .mega-menu-container.simple ul li.menu-item.children.show-submenu .sub-menu .sub-menu-items { gap: 0px; width: 100%; display: flex; flex-direction: column; } .mega-menu-container.simple ul li.menu-item.children.show-submenu .sub-menu .sub-menu-items a { font-size: 12px; } .mega-menu-container.simple ul li.menu-item.children.show-submenu .sub-menu .sub-menu-items a .label { font-size: 12px; margin-bottom: 0px; } .form-banner { padding-top: 12rem; padding-bottom: 12rem; } .form-banner .container { gap: 30px; display: grid; grid-template-columns: 1fr minmax(auto, 570px) } .content-banner { /* padding: var(--verticalSpacing) 0px; padding: 100px 0px 150px; */ } .content-banner .container { gap: 130px; display: flex; align-items: center; } @media (max-width: 768px) { .content-banner .container { flex-direction: column-reverse; } } .content-banner .container.equal { gap: 30px; } .content-banner .image { width: 100%; flex-grow: 1; flex-shrink: 0; padding-left: 6.5rem; max-width: 370px; } .content-banner.reverse .image { padding-left: 0px; padding-right: 6.5rem; } .content-banner .image img { width: 100%; } .content-banner .container.equal .image { flex-basis: 50%; max-width: 100%; flex-shrink: 1; } .content-banner .content { flex-grow: 1; flex-shrink: 1; } .content-banner .container.equal .content { flex-basis: 50%; flex-shrink: 1; } .content-banner .content .inner-content *:last-child { margin-bottom: 0px; } .content-banner .content .inner-content.split ul { column-count: 2; column-gap: 30px; } .content-banner .content .cta-container { padding-top: 35px; } .content-banner .content .inner-content .item-list { gap: 30px; display: flex; flex-direction: column; } .content-banner .content .inner-content .item-list .list { gap: 15px; display: flex; align-items: center; } .content-banner .content .inner-content .item-list .list .bullet { content: ""; height: 45px; min-width: 4px; max-width: 4px; background-color: var(--primaryColour); } .content-banner .content .inner-content .item-list .list span { display: block; padding: 8px 0; } .content-banner.reverse .container { flex-direction: row-reverse; } @media (max-width: 768px) { .content-banner.reverse .container { flex-direction: column-reverse; } } .content-banner.stacked .container { display: grid; justify-content: center; } .content-banner.stacked .container .image { grid-row: 1; display: flex; max-width: 100%; align-items: center; grid-column: 1 / -1; justify-content: center; } .content-banner.stacked .container .content { grid-row: 1; display: flex; grid-column: 1 / -1; flex-direction: column; justify-content: center; } .content-banner.stacked .container .content .inner-content { width: 100%; max-width: 800px; text-align: center; } .content-banner.stacked .container .content .cta-container { justify-content: center; } .media-container { padding: var(--verticalSpacing) 0px; } .media-container .container { gap: 30px; display: grid; align-items: center; grid-template-columns: repeat(2, 1fr); } @media (max-width: 991px) { .media-container .container { grid-template-columns: repeat(1, 1fr); } } .media-container .media iframe { border-radius: .7rem; } .blog-preview { padding: var(--verticalSpacing) 0px; } .blog-preview .container { gap: 30px; display: grid; grid-template-columns: repeat(3, 1fr); } @media (max-width: 991px) { .blog-preview .container { grid-template-columns: repeat(1, 1fr); } } .blog-preview .container .post { overflow: hidden; border-radius: 7px; border: 1px solid #E4E4E4; background-color: #FFFFFF; } .blog-preview .featured-image { margin-bottom: 2rem; } .blog-preview .post-content { padding: 0rem 2.5rem 2.5rem; } .blog-preview .post-content .tags { margin-bottom: 10px; } .blog-preview .post-content .tags, .blog-preview .post-content .tags a { outline: none; font-size: 1.6rem; font-weight: 600; text-decoration: none; /* text-transform: uppercase; */ color: #00A9F3; } .blog-preview .post-content .meta { margin-bottom: 4rem; } .blog-preview .post-content .meta time { margin-bottom: 10px; display: inline-block; } .blog-preview .post-content .meta .read-time { color: #a9a9a9; margin-bottom: 10px; display: inline-block; } .blog-preview .post.style-2 { overflow: hidden; border-radius: 10px; background-color: #fff; } .blog-preview .post.style-2 .post-content { padding: 0 30px 30px; } .blog-preview .post.style-2 .cta-container { justify-content: end; } .blog-preview .post.style-3 .featured-image { overflow: hidden; border-radius: 10px; } .blog-preview .post.style-3 .btn { border: none; padding: 0px; align-items: center; color: var(--primaryColour); background-color: transparent; } .blog-preview .post.style-3 .btn:after { content: ""; width: 20px; height: 20px; display: block; background-size: 20px; transition: all 250ms ease; background-repeat: no-repeat; background-position-y: center; background-position-x: center; background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/chevron-forward-outline.svg'); } .slider { padding: var(--verticalSpacing) 0px; } .slider.logos .container .swiper-pagination-bullets.swiper-pagination-horizontal { --swiper-pagination-bottom: -80px; } .slider .container { position: relative; } .slider .container .rich-text { margin-bottom: 6.5rem; } .slider .slide-content { align-items: center; display: flex; gap: 130px; } .slider .slide-content .featured-image { flex-grow: 1; flex-shrink: 0; max-width: 370px; width: 100%; } .slider .slide-content .content { flex-grow: 0; flex-shrink: 1; } .slider .slide-content .content *:last-child{ margin-bottom: 0px; } .slider .slide-content.reversed { flex-direction: row-reverse; } .slider.logos { } .slider.logos .slide-content .featured-image { display: flex; max-width: 100%; justify-content: center; } .call-to-action { } .call-to-action .container .inner-wrapper { display: flex; min-height: 275px; align-items: center; padding: 10rem 12rem; background-repeat: no-repeat; background-color: var(--grey); justify-content: space-between; background-position-y: top, bottom; background-position-x: left, right; background-image: url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/CTA%20-%20Pattern%20-%20Left.svg), url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/CTA%20-%20Pattern%20-%20Right.svg); } .call-to-action .container .inner-wrapper.style-2 { background-image: url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/CTA%20-%20Blue%20Pattern%20-%20Left.svg), url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/CTA%20-%20Blue%20Pattern%20-%20Right.svg); } .call-to-action.newsletter .container .inner-wrapper { padding: 0px; align-items: stretch; } .call-to-action.newsletter .container .inner-wrapper .content { padding: 60px 50px; max-width: 740px; } .call-to-action.newsletter .container .inner-wrapper .content.newsletter-sign-up { display: flex; max-width: 100%; align-items: center; justify-content: space-between; } .call-to-action.newsletter .container .inner-wrapper .featured-image img { width: 100%; height: 100%; display: block; object-fit: cover; } .call-to-action .content { width: 100%; max-width: 570px; } .call-to-action .form .hs-form-field { margin-bottom: 0px; } .call-to-action .form input[type=email] { height: 6.5rem; width: 25.5rem; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 2px solid #787CFE; background-color: #FFFFFF; } .call-to-action .form form input[type=submit] { width: 155px; height: 65px; font-weight: 700; font-size: 1.4rem; background-color: #787CFE; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pricing { } .pricing .container { gap: 30px; display: grid; grid-template-columns: repeat(3, 1fr); } .pricing .price-column { display: flex; border-radius: .7rem; flex-direction: column; background-color: rgba(228,228,228,.6); } .pricing .price-column .top { flex: 1; display: flex; background: #FFFFFF; padding-bottom: 40px; flex-direction: column; border: 1px solid #E4E4E4; border-radius: 0 0 7px 7px; background-position-y: bottom; background-position-x: right; background-repeat: no-repeat; background-size: 270px; border-radius: .7rem; box-shadow: 5px 5px 25px 4px rgba(22,27,48,0.05); background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/CTA%20-%20Blue%20Pattern%20-%20Right.svg'); } .pricing .price-column header { color: #fff; padding: 25px 40px; font-size: 3.0rem; letter-spacing: 0; line-height: 35px; font-weight: 600; background-color: #00A9F3; border-radius: 7px 7px 0 0; } .pricing .price-column article { flex: 1; margin-bottom: 4rem; } .pricing .price-column .cta-container { padding: 0 4rem; } .pricing .price-column .package-details { margin-bottom: 40px; padding: 35px 40px 0; } .pricing .price-column .pricing-container { padding: 0 40px; } .pricing .price-column .pricing-container .term { margin-bottom: 10px; } .pricing .price-column .pricing-container .h1 { font-weight: 700; } .pricing .price-column .bottom { padding: 4rem; border-radius: 0.7rem; } .pricing .price-column .features { gap: 30px; display: flex; flex-direction: column; } .pricing .price-column .features span { gap: 10px; display: flex; align-items: center; } .contact-form { } .contact-form .container { max-width: 830px; } .blog-tags-container { margin-bottom: 7.5rem; } .blog-tags-container .container { display: flex; align-items: center; justify-content: space-between; } .blog-tags-container .tags { width: 100%; height: 50px; display: flex; cursor: pointer; padding: 0 22px; max-width: 270px; border-radius: 7px; position: relative; align-items: center; background-color: #00A9F3; justify-content: space-between; } .blog-tags-container .tags:after { content: ""; width: 20px; height: 20px; display: block; background-position: center; background-repeat: no-repeat; transition: transform 250ms ease; transform: rotate(-90deg) translateX(5px); background-image: url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/Arrow%20Down%20-%20White.svg); } .blog-tags-container .tags.open:after { transform: rotate(90deg) translateX(2px); } .blog-tags-container .tags #initial-tag { font-size: 1.6rem; color: var(--white); font-weight: var(--fontWeightBold); } .blog-tags-container .tags .list { left: 0px; top: 48px; width: 100%; /* display: flex; */ display: none; overflow: hidden; position: absolute; border-radius: 7px; flex-direction: column; border: 1px solid #E4E4E4; background-color: var(--white); } .blog-tags-container .tags.open .list { display: flex; } .blog-tags-container .tags .list a { font-size: 1.6rem; padding: 13px 20px; text-decoration: none; color: var(--bodyColour); } .blog-tags-container .tags .list a:hover { background-color: #E4E4E4; } .recent-blogs-container { margin-bottom: 0rem; } .recent-blogs-container.related { padding: 10rem; } .recent-blogs-container .rich-text { margin-bottom: 6.7rem; } .recent-blogs-container .posts { gap: 3rem; display: grid; grid-template-columns: repeat(3, 1fr); } .recent-blogs-container .posts .post { display: flex; flex-direction: column; overflow: hidden; border-radius: 7px; border: 1px solid #E4E4E4; background-color: var(--white); } .recent-blogs-container .posts .post:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3; } .recent-blogs-container .posts .post:nth-child(1) .featured-image { max-height: 497px; } .recent-blogs-container .posts .post:nth-child(1) .body .summary-container { justify-content: space-between; } .recent-blogs-container .posts .post:nth-child(1) .body .summary { display: flex; } .recent-blogs-container .posts.grid .post:nth-child(1) .body .summary { display: none; } .recent-blogs-container .posts .post:nth-child(1) .body .post-footer { display: flex; align-items: end; justify-content: space-between; } .recent-blogs-container .posts.grid .post:nth-child(1) .body .post-footer { display: block; } .recent-blogs-container .posts .post:nth-child(1) .body .post-footer .written-author { margin-bottom: 0; } .recent-blogs-container .posts.grid .post:nth-child(1) .body .post-footer .written-author { margin-bottom: 2rem; } .recent-blogs-container .posts .post:nth-child(2) { grid-column: 3 / -1; } .recent-blogs-container .posts .post:nth-child(3) { grid-column: 3 / -1; } .recent-blogs-container .posts.grid .post:nth-child(1) { grid-column: unset; grid-row: unset; } .recent-blogs-container .posts.grid .post:nth-child(2) { grid-column: unset; } .recent-blogs-container .posts.grid .post:nth-child(3) { grid-column: unset; } .recent-blogs-container .posts .post .post-container { flex: 1; display: flex; flex-direction: column; } .recent-blogs-container .posts .post .featured-image { flex: 1; display: flex; overflow: hidden; max-height: 240px; min-height: 240px; align-items: center; justify-content: center; } .recent-blogs-container .posts .post .featured-image a { display: block; width: 100%; height: 100%; } .recent-blogs-container .posts .post .featured-image img { display: block; height: 100%; width: 100%; object-fit: cover; object-position: center; } .recent-blogs-container .posts .post .body { flex: 1; display: flex; padding: 2.5rem; flex-direction: column; } .recent-blogs-container .posts .post .body .tag { font-size: 1.6rem; color: #00A9F3; letter-spacing: 0; line-height: 1.6rem; font-weight: 600; display: inline-block; text-decoration: none; margin-bottom: 2rem; } .recent-blogs-container .posts .post .body .blog-post-title { color: #161B30; letter-spacing: 0; line-height: 30px; font-weight: 700; } .recent-blogs-container .posts .post .body .blog-post-title a { color: inherit; text-decoration: none; } .recent-blogs-container .posts .post .body .summary-container { flex: 1; display: flex; flex-direction: column; justify-content: end; } .recent-blogs-container .posts .post .body .summary { display: none; font-size: 1.6rem; color: #161B30; letter-spacing: 0; line-height: 25px; font-weight: 400; } .recent-blogs-container .posts .post .body .summary-container .author { font-size: 1.6rem; color: #161B30; letter-spacing: 0; line-height: 25px; font-weight: 600; } .recent-blogs-container .pagination { display: flex; gap: 5px; justify-content: center; align-items: center; padding-top: 9rem; } .recent-blogs-container .pagination .page-number { color: #141517; font-size: 16px; letter-spacing: 0; text-align: center; line-height: 25px; font-weight: 400; text-decoration: none; padding: 5px 10px; } .recent-blogs-container .pagination .page-number.active { color: #00A9F3; font-weight: 700; } .recent-blogs-container .pagination .previous-posts { margin-right: 10px; } .recent-blogs-container .pagination .next-posts { margin-left: 10px; } .testimonial-slider { padding: var(--verticalSpacing) 0px; } .testimonial-slider .rich-text { margin-bottom: 6rem; } .testimonial-slider .container { max-width: 1010px; } .testimonial-slider .swiper-slide { display: flex; height: 450px; visibility: hidden; border-radius: 7px; flex-direction: column; padding: 5.5rem 7.0rem; justify-content: center; border: 1px solid #E4E4E4; background-color: #FFFFFF; box-shadow: 5px 5px 25px 4px rgba(22,27,48,0.05); } .testimonial-slider .swiper-slide:before { content: ""; display: block; width: 30.81px; height: 21.22px; margin-bottom: 15px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/Quote%20-%20Blue.svg); } .testimonial-slider .swiper-slide[style*="background-image"] { border: none; box-shadow: none; min-height: 545px; background-size: cover; background-position: center; background-repeat: no-repeat; } .testimonial-slider .swiper-slide[style*="background-image"]:before { display: none; } .testimonial-slider .swiper-slide article { flex: 1; } .testimonial-slider .swiper-slide .footer { gap: 20px; display: flex; } .testimonial-slider .swiper-slide .avatar { border-radius: 50%; display: block; width: 60px; height: 60px; object-fit: cover; } .testimonial-slider .swiper-slide .details { display: flex; justify-content: center; flex-direction: column; } .testimonial-slider .swiper-slide .details h4 { color: #00A9F3; margin-bottom: 0px; font-weight: var(--fontWeightBold); } .testimonial-slider .swiper-slide.swiper-slide-prev, .testimonial-slider .swiper-slide.swiper-slide-active, .testimonial-slider .swiper-slide.swiper-slide-next { visibility: visible; } .section-intro { } .section-intro .container { max-width: 768px; } .timeline { } .timeline .thumbs { width: 100%; max-width: 970px; } .timeline .thumbs .swiper-button-next, .timeline .thumbs .swiper-button-prev { top: unset; bottom: 20px; margin-top: 0px; } .timeline .thumbs .swiper-button-next:after, .timeline .thumbs .swiper-button-prev:after { display: none; } .timeline .thumbs .swiper-button-next.swiper-button-disabled, .timeline .thumbs .swiper-button-prev.swiper-button-disabled { pointer-events: unset; cursor: pointer; opacity: 1; } .timeline .thumbs:after { content: ""; width: 100%; max-width: 800px; height: 2px; bottom: 40px; left: 0px; right: 0px; margin: auto; display: block; position: absolute; background-color: #141517; } .timeline .thumbs .swiper-slide { display: flex; align-items: center; flex-direction: column; justify-content: center; } .timeline .thumbs .swiper-slide .text { width: 100%; text-align: center; margin-bottom: 4rem; } .timeline .thumbs .swiper-slide:after { content: ""; display: block; width: 80px; height: 80px; max-width: 80px; border-radius: 50%; background-color: #00A9F3; } .timeline .thumbs .swiper-slide.swiper-slide-thumb-active:after { background-color: #141517; } .timeline .content-slider .swiper-slide { padding: 65px 100px 30px; } .timeline .swiper-slide .card { display: flex; align-items: center; border-radius: 7px; background-color: #FFFFFF; border: 1px solid #E4E4E4; padding: 40px 40px 40px 55px; box-shadow: 5px 5px 25px 4px rgba(22,27,48,0.05); } .timeline .swiper-slide .card .featured-image { width: 100%; max-width: 360px; overflow: hidden; border-radius: 7px; } .stats { } .stats .container { display: flex; } .stats .bx-wrapper { max-width: unset !important; margin-bottom: 0px; box-shadow: none; border: none; background: none; } .stats .column { flex: 1 1 25%; } .stats .column h3 { font-weight: 700; font-size: 3.5rem; margin-bottom: .5rem; } .stats .column .body { gap: 5px; display: flex; align-items: start; } .stats .column .body img { margin-top: 5px; } .stats .column .body p { font-size: 1.4rem; font-weight: 600; margin-bottom: 0px; } .stats .container.style-2 { gap: 125px; display: grid; grid-template-columns: repeat(2, 1fr); } .stats .container.style-2 .columns-container { gap: 65px; display: grid; grid-template-columns: repeat(2, 1fr); } .cards-grid { } .cards-grid .rich-text-editor { grid-column: 1 / -1; margin-bottom: 3.5rem; } .cards-grid .card .cta-container { padding-top: 5rem; } .cards-grid .container { gap: 30px; } .cards-grid.three-column .container { display: grid; grid-template-columns: repeat(3, 1fr); } .cards-grid.two-column .container { display: grid; grid-template-columns: repeat(2, 1fr); } .cards-grid.style-3 .container { row-gap: 60px; } .cards-grid .card { display: flex; padding: 4rem 4rem; flex-direction: column; background-position-x: right; background-repeat: no-repeat; background-position-y: bottom; } .cards-grid.style-2 .card { border: none; padding: 0rem 0; box-shadow: none; background-color: transparent; } .cards-grid .card:hover { background-color: #00A9F3; border: 1px solid transparent; box-shadow: 5px 5px 25px 4px rgba(0,169,243,0.25); background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/Service%20-%20Blue%20-%20Pattern%20%281%29.svg'); } .cards-grid.style-2 .card:hover { border: none; box-shadow: none; background-image: none; background-color: transparent; } .cards-grid.style-3 .card { gap: 23px; padding: 0px; display: grid; box-shadow: none; border: none; background-color: transparent; grid-template-columns: 80px 1fr; } .cards-grid.style-3 .card .card-body { margin-bottom: 0px; } .cards-grid.style-3 .card:hover { background-image: none; } .cards-grid.style-3 .card:hover .card-body > * { color: inherit; } .cards-grid.style-4 .card { background-size: 26.0rem; background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/CTA%20-%20Blue%20Pattern%20-%20Right.svg'); } .cards-grid .card .icon { margin-bottom: 35px; } .cards-grid .card .icon img.hover-icon { display: none; } .cards-grid .card:hover .icon img { display: none; } .cards-grid .card:hover .icon img.hover-icon { display: inline-block; } .cards-grid.style-2 .card .icon { margin-bottom: 45px; } .cards-grid .card .card-body { flex: 1; /* margin-bottom: 80px; */ } .cards-grid.style-2 .card .card-body { margin: 0px; } .cards-grid .card:hover .card-body > * { color: var(--white); } .cards-grid.style-2 .card:hover .card-body > * { color: inherit; } .cards-grid .card:hover .btn.link { color: var(--white); } .cards-grid .card:hover .btn.link:before { background-color: var(--white); } .cards-grid .card:hover .btn.link:after { content: ""; width: 10px; height: 10px; display: block; background-repeat: no-repeat; background-image: url('https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/Learn%20More%20Arrow%20-%20White.svg'); } .icon-columns { } .icon-columns .container { display: grid; grid-template-columns: repeat(4, 1fr); } .icon-columns .column { display: flex; flex-direction: column; align-items: center; /* justify-content: center; */ } .icon-columns .column .icon { margin-bottom: 2.5rem; } .teams { } .teams .teams-filters { gap: 30px; display: flex; margin-bottom: 6.5rem; justify-content: center; } .teams .members { gap: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); } .teams .members .member { padding: 1.5rem; cursor: pointer; border-radius: 2rem; border: 1px solid #f7f7f7; } .teams .members .description { grid-column: 1 / -1; border-radius: 7px; padding: 5.5rem 7rem; background-color: #E4E4E4; position: relative; } .teams .members .description .close { top: 20px; right: 20px; width: 30px; height: 30px; border: none; z-index: 1001; outline: none; cursor: pointer; position: absolute; background-color: transparent; background-image: url(https://20155276.fs1.hubspotusercontent-na1.net/hubfs/20155276/Close%20Button.svg); } .teams .members .member:hover, .teams .members .member.active { background-color: #E4E4E4; } .teams .members .member .member-image { height: 316px; overflow: hidden; border-radius: 7px; } .teams .members .member .member-info { display: flex; padding: 15px 5px; justify-content: space-between; } .teams .members .member .member-info span { display: block; } .teams .members .member .member-info .chevron { width: max-content; display: inline-block; margin-top: 10px; transition: transform 250ms ease; } .teams .members .member.active .member-info .chevron { transform: rotate(180deg); } .teams .members .member .member-info .title { font-size: 2.2rem; color: #141517; letter-spacing: 0; font-weight: 700; margin-bottom: 0; } .blog-featured-image { padding-bottom: 110px; } .blog-featured-image img { border-radius: 7px; } .blog-post-content .container { display: grid; grid-template-columns: minmax(auto, 265px) minmax(auto, 800px) 1fr; } .blog-post-content .anchors ul { gap: 5px; padding: 0; display: flex; align-items: start; flex-direction: column; } .blog-post-content .anchors ul a { gap: 12px; display: inline-flex; align-items: center; opacity: 0.4; font-size: 1.4rem; color: #141517; letter-spacing: 0; line-height: 2.5rem; font-weight: 600; text-decoration: none; } .blog-post-content .anchors ul a:before { content: ''; width: 8px; height: 8px; display: block; border-radius: 50%; background-color: #141517; } .blog-post-content .anchors ul a:hover:before { content: ''; width: 12px; height: 12px; display: block; border-radius: 50%; background-color: #00A9F3; } .blog-post-content .anchors ul a:hover, .blog-post-content .anchors ul a.active { opacity: 1; font-size: 1.6rem; } .blog-post-content .categories { display: flex; margin-bottom: 10px; } .blog-post-content .categories .category { font-size: 1.6rem; color: #00A9F3; letter-spacing: 0; line-height: 3.253rem; text-decoration: none; font-weight: var(--fontWeightSemiBold); } .blog-post-content .content { padding-bottom: 50px; } .blog-post-content .content h1 { font-size: 5.2rem; color: #141517; margin-bottom: 1.5rem; letter-spacing: 0; line-height: 6.5rem; } .blog-post-content .blog-details { gap: 10px; display: flex; align-items: center; margin-bottom: 6.5rem; } .blog-post-content .blog-details a, .blog-post-content .blog-details > span, .blog-post-content .blog-details time { color: #141517; font-size: 2.0rem; text-decoration: none; font-weight: var(--fontWeightSemiBold); } .blog-post-content .blog-share { display: flex; flex-direction: column; align-items: center; } .blog-post-content .blog-share .line { width: 2px; height: 35px; margin-top: 18px; margin-bottom: 20px; display: inline-flex; background-color: #00A9F3; } .blog-post-content .blog-share a { display: inline-flex; margin-bottom: 1.4rem; } .blog-post-content .blog-share a:last-child { margin-bottom: 0px; } .blog-post-content .blog-summary { padding: 70px; margin-top: 50px; margin-bottom: 65px; } .contact-details { } .contact-details .container { display: grid; grid-template-columns: 1fr minmax(auto, 770px); } .contact-details .details .rich-text { margin-bottom: 3.5rem; } .contact-details .map { display: flex; width: 100%; height: 350px; } .contact-details .map iframe { width: 100%; height: 100%; } .contact-details .contact-info { gap: 2.5rem; display: flex; flex-direction: column; } .contact-details .contact-info .row { gap: 1.8rem; display: flex; } .contact-details .contact-info a {} footer.footer { padding: var(--verticalSpacing) 0; background-color: #e4e4e4; } footer.footer .column .title { margin-bottom: 35px; } footer.footer .column .title h4 { color: var(--white); margin-bottom: 0px; text-transform: uppercase; } footer.footer .column .socials { gap: 30px; display: flex; flex-wrap: wrap; margin-bottom: 45px; } footer.footer .column .socials .social-link { width: 50px; height: 50px; overflow: hidden; border-radius: 4px; display: inline-flex; align-items: center; border-radius: 50%; justify-content: center; border: 2px solid #141517; background-color: transparent; } footer.footer .column .socials .social-link svg { max-height: 24px; fill: #00A9F3; } footer.footer .menu ul { padding: 0px; list-style: none; } footer.footer .menu ul a { color: var(--white); text-decoration: none; } footer.footer .logo { margin-bottom: 30px; } footer.footer.style-1 .container { display: grid; grid-template-columns: repeat(4, 1fr); } /* Hero CSS */ #hero-section { position: relative; height: 100vh; } #hero-section .hero-img img { height: 671px !important; } /*------------- Webinar Popup ----------*/ #one-west-point-parent-container .heading h1 { padding-bottom: 31px; } #one-west-point-parent-container .container { margin-bottom: 60px !important; } #one-west-point-parent-container .container .paragrapth { max-width: 940px; } #one-west-point-parent-container .container .paragrapth h4 { margin: 0 0 11px; } #header-container #header-slider-nav { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #header-container #header-slider-nav .arrows { position: absolute; top: 50%; } #one-west-point-parent-container .slider-nav .dots .slick-dots { list-style: none; margin: 0; padding: 0; } #one-west-point-parent-container .slider-nav .dots .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; box-sizing: border-box; outline: none; background: transparent; border: 1px solid #12204B; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } #one-west-point-parent-container .slider-nav .dots .slick-dots li.slick-active { outline: none; background: #B10028; border: 1px solid #B10028; } #one-west-point-parent-container .slider-nav .dots .slick-dots li button { display: none; } #one-west-point-parent-container .slider-nav .dots .slick-dots li button:hover { cursor: pointer; } #header-container #header-slider-nav .arrows, #one-west-point-parent-container .slider-nav .arrows { width: 45px; height: 45px; background-image: url("https://f.hubspotusercontent30.net/hubfs/6640237/assets/red-block-arrow.svg"); cursor: pointer; } #header-container #header-slider-nav .arrows-prev { left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } #one-west-point-parent-container .slider-nav .arrows-prev { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-right: 30px; } #header-container #header-slider-nav .arrows-next { right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #one-west-point-parent-container .slider-nav .arrows-next { margin-left: 30px; } #one-west-point-parent-container .slider-nav .dots { display: inline-block; margin-top: 14px; } .did-you-container .each-section { width: 430px; margin: 0 40px 83px; padding: 0 39px 35px; } .did-you-container { margin-bottom: 0; } .did-you-container .each-section .each-header { padding: 0 75px; } h1:after, .heading h1:after { bottom: 0; } .testimonial-section h1 { margin-bottom: 46px !important; } #testimonials .testimonial-dots-holder { height: unset; margin-left: unset; transform: translateX(-50%); } .reports-form.blog-journey .modal-form .modal-container .hs_submit.hs-submit .hs-button.primary.large { bottom: 155px; } .hs_selling_in.hs-selling_in.hs-fieldtype-textarea.field.hs-form-field { width: 100%; height: 120px; } .hs_selling_in.hs-selling_in.hs-fieldtype-textarea.field.hs-form-field .input { height: 100%; } .hs_selling_in.hs-selling_in.hs-fieldtype-textarea.field.hs-form-field textarea { width: 100% !important; height: 100%; } /******************* MEDIA QUERIES **********************/ @media screen and (max-width: 1024px) { .did-you-container .each-section .each-header { padding: 0; } } @media screen and (max-width: 940px) { .reports-form.blog-journey .modal-form .modal-container .hs_submit.hs-submit .hs-button.primary.large { bottom: unset; } }