@font-face {
     font-family: 'Inter';
     src: url('Inter-Regular.eot');
     src: url('fonts/Inter-Regular.woff2') format('woff2'), url('fonts/Inter-Regular.woff') format('woff'), url('fonts/Inter-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Inter';
     src: url('fonts/Inter-Medium.eot');
     src: url('fonts/Inter-Medium.woff2') format('woff2'), url('fonts/Inter-Medium.woff') format('woff'), url('fonts/Inter-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Inter';
     src: url('fonts/Inter-SemiBold.eot');
     src: url('fonts/Inter-SemiBold.woff2') format('woff2'), url('fonts/Inter-SemiBold.woff') format('woff'), url('fonts/Inter-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }
 
 :root {
     --white: #fff;
     --gray: #B0BFC3;
     --black: #222530;
     --blue: #0082F3;
     --light-blue: #4CA7F7;
     --dark-blue: #115391;
     --light-gray--bg: #F7F9F9;
     --light-gray: #E9E9EA;
     --dark-gray: #909297;
     --semi-bold: 600;
     --medium: 500;
     --regular: 400;
     --title-extralarge-size: 68px;
     --title-extralarge-lineheight: 72px;
     --title-large-size: 56px;
     --title-large-lineheight: 61px;
     --title-medium-size: 46px;
     --title-medium-lineheight: 56px;
     --title-regular-size: 36px;
     --title-regular-lineheight: 46px;
     --title-small-size: 28px;
     --title-small-lineheight: 36px;
     --text-extralarge-size: 24px;
     --text-extralarge-lineheight: 34px;
     --text-large-size: 20px;
     --text-large-lineheight: 28px;
     --text-large-lineheight--small: 19px;
     --text-medium-size: 18px;
     --text-medium-lineheight: 30px;
     --text-medium-lineheight--small: 19px;
     --text-regular-size: 16px;
     --text-regular-lineheight: 26px;
     --text-regular-lineheight--small: 19px;
     --text-small-size: 12px;
     --text-small-lineheight: 20px;
     --container: 1800px;
     --container-fit: 750px;
     --section-spacing: 70px;
     --margin-section-extralarge: 100px;
     --margin-section-large: 60px;
     --margin-section-regular: 45px;
     --margin-section-medium: 30px;
     --margin-section-small: 15px;
     --margin-section-extrasmall: 5px;
     --box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.17);
     --box-shadow--card: 0px 0.998688px 3.99475px rgba(0, 0, 0, 0.25);
     --border-radius: 22px;
     --border-radius--small: 4px;
     --primary-font-family: 'Inter', Arial, Helvetica, sans-serif;
 }
 
 @media (max-width: 600px) {
      :root {
         --title-extralarge-size: 40px;
         --title-extralarge-lineheight: 47px;
         --title-large-size: 36px;
         --title-large-lineheight: 41px;
         --title-semilarge-size: 20px;
         --title-semilarge-lineheight: 28px;
         --title-medium-size: 30px;
         --title-medium-lineheight: 38px;
         --title-small-size: 20px;
         --title-small-lineheight: 28px;
         --text-extralarge-size: 20px;
         --text-extralarge-lineheight: 28px;
         --text-large-size: 16px;
         --text-large-lineheight: 19px;
         --text-medium-size: 18px;
         --text-medium-lineheight: 30px;
         --text-medium-size--mb-small: 14px;
         --text-medium-lineheight--mb-small: 16px;
         --text-regular-size: 14px;
         --text-regular-lineheight: 24px;
         --section-spacing: 50px;
     }
 }
 
 html {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
 }
 
 * {
     margin: 0;
     padding: 0;
     max-height: 100000px;
 }
 
 ul,
 ol,
 dl,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 address,
 form,
 table,
 blockquote,
 applet,
 embed,
 object,
 iframe,
 frameset {
     margin: 0 0 15px;
 }
 
 html,
 body,
 div,
 span,
 applet,
 embed,
 object,
 iframe,
 frameset,
 p,
 q,
 blockquote,
 sub,
 sup,
 a,
 abbr,
 acronym,
 font,
 img,
 small,
 center,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 b,
 strong,
 big,
 u,
 ins,
 i,
 cite,
 em,
 var,
 dfn,
 address,
 s,
 strike,
 del,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 pre,
 code,
 kbd,
 samp,
 tt,
 fieldset,
 legend,
 form,
 label,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section,
 summary,
 time,
 mark,
 audio,
 video {
     border: 0;
     background: none;
 }
 
 body {
     -webkit-font-smoothing: antialiased;
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     font-family: var(--primary-font-family);
     margin: 0;
     color: var(--black);
     background: var(--white);
     min-width: 320px;
     min-height: 100vh;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: none;
     font-weight: var(--regular);
     -webkit-font-smoothing: antialiased;
     position: relative;
     box-sizing: border-box;
     overflow-x: hidden;
 }
 
 input[type=text],
 input[type=password],
 input[type=email],
 input[type=search],
 input[type=file],
 textarea {
     -webkit-appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     -ms-appearance: none;
     -o-appearance: none;
     appearance: none;
 }
 
 input[type=submit] {
     text-transform: uppercase;
     border-radius: 0;
     text-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none;
     color: var(--white);
     border: 0;
     margin: 0;
     border-radius: 0;
     -webkit-appearance: none;
 }
 
 .img img,
 img {
     max-width: 100%;
     height: auto;
 }
 
 img {
     border-style: none;
 }
 
 a {
     text-decoration: none;
     outline: none;
     color: var(--black);
 }
 
 a:hover {
     text-decoration: none;
     transition: color .2s linear;
 }
 
 a:focus {
     outline: none;
 }
 
 form,
 fieldset {
     margin: 0;
     padding: 0;
     border-style: none;
 }
 
 header,
 footer,
 article,
 section,
 nav,
 figure,
 aside,
 main {
     display: block;
 }
 
 figure {
     margin: 0;
     padding: 0;
 }
 
 input,
 textarea,
 select {
     vertical-align: middle;
     color: var(--black);
     overflow: auto;
 }
 
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 label {
     vertical-align: middle;
 }
 
 button,
 input {
     width: auto;
     overflow: visible;
 }
 
 button::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 b,
 th {
     font-weight: var(--semi-bold);
 }
 
 i,
 cite,
 em,
 var,
 dfn,
 address {
     font-style: italic;
 }
 
 u,
 ins {
     text-decoration: underline;
 }
 
 s,
 strike,
 del {
     text-decoration: line-through;
 }
 
 blockquote p q {
     font-size: 1.3em;
     color: var(--light-gray);
 }
 
 blockquote,
 blockquote:before,
 blockquote:after,
 q,
 q:before,
 q:after {
     quotes: none;
 }
 
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: '';
     display: inherit;
 }
 
 blockquote {
     border: 0;
     padding-left: 0;
     margin-left: 0;
     font: var(--primary-font-family);
     color: var(--dark-gray);
 }
 
 blockquote cite {
     display: block;
     text-align: right;
     padding: 5px 0 0;
     font-weight: bold;
 }
 
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 th,
 td {
     border: 1px solid #ccc;
     padding: 3px 7px;
     text-align: left;
     vertical-align: top;
 }
 
 th {
     border-color: #999;
     text-align: center;
     vertical-align: middle;
 }
 
 .odd td {
     background: #efefef;
 }
 
 ul {
     margin-left: 1px;
 }
 
 ul ul,
 ul ol,
 ol ul,
 ol ol {
     padding-left: var(--text-regular-size);
     margin: 0;
 }
 
 ul li,
 ol li {
     list-style-position: inside;
 }
 
 ul>li {
     list-style-type: disc;
 }
 
 dl dt {
     float: left;
     clear: left;
     padding-right: 4px;
     font-weight: var(--semi-bold);
 }
 
 li,
 p {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     margin-bottom: var(--margin-section-small);
 }
 
 strong {
     font-weight: var(--medium);
     color: var(--black);
 }
 
 section {
     padding: var(--section-spacing) 0px;
 }
 
 section:first-of-type {
     padding-top: calc(var(--section-spacing)*2);
 }
 
 select:focus,
 input:focus {
     outline: none;
 }
 
 .page-numbers {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     color: var(--dark-gray);
     background-color: var(--light-gray--bg);
     padding: 4px 13px;
 }
 
 .custom-pagination {
     width: 100%;
     text-align: center;
 }
 
 .custom-pagination__links {
     margin: 0px;
     display: flex;
     justify-content: center;
     flex-wrap: wrap;
 }
 
 .page-numbers:hover,
 .page-numbers.current {
     color: var(--white);
     background-color: var(--blue);
     border-radius: 2px;
 }
 
 .next.page-numbers,
 .prev.page-numbers {
     position: relative;
     width: 15px;
     border-radius: 0 50px 50px 0;
 }
 
 .prev.page-numbers {
     transform: rotate(180deg);
 }
 
 .next.page-numbers:after,
 .prev.page-numbers:after {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     top: 9px;
     left: 13px;
     background-image: url(images/arrow-black.svg);
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
     opacity: 0.4;
 }
 
 .prev.page-numbers::after {
     width: 17px;
     height: 13px;
     top: 10px;
 }
 
 .next.page-numbers:hover:after,
 .prev.page-numbers:hover:after {
     background-image: url(images/arrow-white.svg);
     opacity: 1;
 }
 
 .page-numbers.unavailable:after {
     opacity: 0.1;
 }
 
 .page-numbers.unavailable:hover {
     background-color: var(--light-gray--bg);
 }
 
 .page-numbers.unavailable:hover:after {
     background-image: url(images/arrow-black.svg);
     opacity: 0.1;
 }
 
 .container {
     width: 100%;
     max-width: var(--container);
     padding: 0px 5%;
     margin: 0 auto;
     box-sizing: border-box;
 }
 
 .container--fit {
     max-width: var(--container-fit);
 }
 
 .flex-row {
     display: flex;
 }
 
 .flex-row--space {
     justify-content: space-between;
 }
 
 .flex-row--even {
     justify-content: space-evenly;
 }
 
 .flex-row--around {
     justify-content: space-around;
 }
 
 .flex-row--center {
     justify-content: center;
 }
 
 .flex-row--reverse {
     flex-direction: row-reverse;
 }
 
 .flex-row--right {
     justify-content: flex-end;
 }
 
 .flex-column--center,
 .flex-row--vcenter {
     align-items: center;
 }
 
 .flex-row--vtop {
     align-items: flex-start;
 }
 
 .flex-row--vbottom {
     align-items: flex-end;
 }
 
 .flex-row--wrap {
     flex-wrap: wrap;
 }
 
 .flex-column {
     display: flex;
     flex-direction: column;
 }
 
 .flex-column--left {
     align-items: flex-start;
 }
 
 .flex-grow {
     flex-grow: 1;
 }
 
 .col-4 {
     width: 23%;
     box-sizing: border-box;
 }
 
 .col-3 {
     width: 30%;
     box-sizing: border-box;
 }
 
 .col-2 {
     width: 46%;
     box-sizing: border-box;
 }
 
 @media(max-width: 600px) {
     .container {
         padding: 0px 25px;
     }
 }
 
 .pre-title {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight--small);
     font-weight: var(--medium);
     margin-bottom: var(--margin-section-small);
 }
 
 .page-title-large {
     font-size: var(--title-extralarge-size);
     line-height: var(--title-extralarge-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: var(--margin-section-regular);
 }
 
 .page-title {
     font-size: var(--title-large-size);
     line-height: var(--title-large-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: var(--margin-section-medium);
 }
 
 .page-subtitle {
     font-size: var(--text-extralarge-size);
     line-height: var(--text-extralarge-lineheight);
     font-weight: var(--regular);
     margin: var(--margin-section-medium) 0 var(--margin-section-regular);
 }
 
 .section-title {
     font-size: var(--title-medium-size);
     line-height: var(--title-medium-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: var(--margin-section-large);
 }
 
 .section-title-small {
     font-size: var(--title-medium-size);
     line-height: var(--title-medium-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: var(--margin-section-large);
 }
 
 .section-subtitle {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     font-weight: var(--regular);
     margin: 0 auto var(--margin-section-large);
     max-width: 550px;
     color: var(--dark-gray);
 }
 
 .subsection-title--large {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: var(--margin-section-regular);
 }
 
 .subsection-title {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: var(--margin-section-small);
 }
 
 .align-center {
     text-align: center;
 }
 
 .align-left {
     text-align: left;
 }
 
 .align-right {
     text-align: right;
 }
 
 .no-margin {
     margin: 0;
 }
 
 .menu-button a,
 .button {
     font-size: var(--text-medium-size);
     font-weight: var(--semi-bold);
     line-height: var(--text-medium-lineheight--small);
     text-align: center;
     text-transform: lowercase;
     padding: 12px 24px;
     color: #fff;
     background-color: var(--black);
     transition: all 0.2s linear;
     display: inline-block;
     border-radius: var(--border-radius);
 }
 
 .button.button--gray {
     background-color: rgba(255, 255, 255, 0.23);
     color: var(--white);
 }
 
 .button.button--gray:hover {
     background-color: rgba(255, 255, 255, 0.35);
 }
 
 .button-container {
     width: 100%;
 }
 
 .main-header .menu-button a:hover,
 .button:hover {
     color: var(--white) !important;
     background-color: var(--blue);
     opacity: 1;
 }
 
 .main-header .menu-button a:focus,
 .button:focus,
 .main-header .menu-button a:active,
 .button:active {
     color: var(--white) !important;
     background-color: var(--dark-blue);
     opacity: 1;
 }
 
 .link {
     color: var(--blue);
     cursor: pointer;
     width: max-content;
 }
 
 .link:hover {
     text-decoration: underline;
 }
 
 .arrow-link,
 .download-link {
     font-size: var(--text-medium-size);
     line-height: var(--text-medium-lineheight--small);
     font-weight: var(--semi-bold);
     padding-right: 25px;
     position: relative;
 }
 
 .arrow-link.arrow-link--white {
     color: var(--white);
 }
 
 .arrow-link.arrow-link--reverse {
     padding-right: 0;
     padding-left: 25px;
 }
 
 .arrow-link:after {
     content: "";
     position: absolute;
     width: 15px;
     height: 9px;
     top: calc(50% - 3px);
     right: 0px;
     background-image: url(images/arrow-blue.svg);
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .download-link:after {
     content: "";
     position: absolute;
     width: 16px;
     height: 16px;
     top: calc(50% - 7px);
     right: 0px;
     background-image: url(images/arrow-download.svg);
     background-size: contain;
     background-repeat: no-repeat;
 }
 
 .arrow-link.arrow-link--reverse:after {
     top: calc(50% - 4px);
     left: 0px;
     transform: rotate(180deg);
 }
 
 .arrow-link.arrow-link--white:after {
     background-image: url(images/arrow-white.svg);
 }
 
 .arrow-link:not(.arrow-link--reverse):hover:after {
     animation-name: arrow-link-move;
     animation-timing-function: ease-in-out;
     animation-delay: .1s;
     animation-duration: .5s;
 }
 
 .arrow-link--reverse:hover:after {
     animation-name: arrow-link-move--reverse;
     animation-timing-function: ease-in-out;
     animation-delay: .1s;
     animation-duration: .5s;
 }
 
 @keyframes arrow-link-move {
     0% {
         right: 0px
     }
     50% {
         right: -15px
     }
     100% {
         right: 0px
     }
 }
 
 @keyframes arrow-link-move--reverse {
     0% {
         left: 0px
     }
     50% {
         left: -15px
     }
     100% {
         left: 0px
     }
 }
 
 .slick-dots {
     bottom: -35px;
 }
 
 .slick-dots li {
     background-color: var(--light-gray);
     width: 10px !important;
     height: 10px !important;
     border-radius: 100%;
 }
 
 .slick-dots li button {
     display: none !important;
 }
 
 .slick-dots li.slick-active {
     background-color: var(--blue);
 }
 
 .sub-menu li:not(.menu-item-has-children)>a {
     cursor: pointer;
 }
 
 .main-header {
     position: absolute;
     width: 100%;
     padding: 25px 0px;
     z-index: 99990;
 }
 
 .main-header--fixed {
     position: fixed;
     top: -80px;
     opacity: 0;
     background-color: #fff;
     box-shadow: var(--box-shadow);
     padding: 25px 0;
 }
 
 .main-header--transition-on {
     top: 0;
     opacity: 1;
     transition: top .3s linear;
 }
 
 .main-header--transition-off {
     top: -80px;
     opacity: 0;
     transition: top .3s linear, opacity .5s linear;
 }
 
 .main-header__logo-link {
     display: flex;
     margin-right: var(--margin-section-large);
 }
 
 .responsive-menu,
 .responsive-menu-button {
     display: none;
 }
 
 .menu {
     margin: 0;
 }
 
 .main-menu li {
     font-weight: var(--regular);
     cursor: pointer;
 }
 
 .alternative-menu li {
     margin: 0 var(--margin-section-medium) 0 0;
 }
 
 .menu li,
 .footer__main .footer-menu>li>a {
     display: inline-block;
     font-family: var(--primary-font-family);
     position: relative;
     font-size: var(--text-medium-size);
     line-height: var(--text-medium-lineheight--small);
     text-transform: lowercase;
 }
 
 .main-menu li {
     padding-bottom: 10px;
     margin: 0 39px -10px 0;
 }
 
 .main-menu>li.menu-item-has-children>.sub-menu {
     display: none;
     opacity: 0;
     position: absolute;
     width: max-content;
     z-index: 9999;
     background-color: var(--white);
     box-shadow: var(--box-shadow);
     border-radius: var(--border-radius--small);
     padding: 30px 20px;
     margin-top: 10px;
     left: -20px;
     top: 50px;
     transition: all .15s linear;
 }
 
 .main-menu>.menu-item-has-children>a {
     position: relative;
 }
 
 .main-menu>li.menu-item-has-children li {
     margin: 0 0 23px;
     padding: 0;
     display: block
 }
 
 .main-menu>li.menu-item-has-children>.sub-menu li.menu-item-has-children {
     margin-bottom: var(--margin-section-medium);
 }
 
 .main-menu>li.menu-item-has-children>.sub-menu li.menu-item-has-children>a {
     cursor: default;
     color: var(--dark-gray);
     font-size: var(--text-extrasmall-size);
     line-height: var(--text-extrasmall-lineheight);
     text-transform: uppercase;
 }
 
 .main-menu>li.menu-item-has-children>.sub-menu li.menu-item-has-children>a:hover {
     opacity: 1;
 }
 
 .main-menu>li.menu-item-has-children>.sub-menu li.menu-item-has-children>.sub-menu {
     padding: 0;
     margin-top: 10px;
 }
 
 .main-menu>li.menu-item-has-children li:last-child,
 .main-menu>li.menu-item-has-children>.sub-menu li.menu-item-has-children:last-child {
     margin-bottom: 0;
 }
 
 .main-menu li a:hover,
 .main-header a:not(.main-header__logo-link):hover,
 .main-menu .sub-menu--open>a,
 .footer__main .footer-menu>li>a:hover {
     color: var(--blue);
     transition: all .15s linear;
 }
 
 .main-menu>li.menu-item-has-children>.sub-menu--active {
     top: 20px;
     opacity: 1;
 }
 
 .main-menu>li:last-child,
 .alternative-menu>li:last-child {
     margin-right: 0px;
 }
 
 .main-menu li.sub-menu--columns>.sub-menu {
     display: flex;
     width: 280px;
     justify-content: space-between;
     padding: var(--margin-section-regular);
 }
 
 .main-menu li.sub-menu--columns>.sub-menu>.menu-item {
     width: 45%;
     margin: 0 !important;
 }
 
 @media(max-width:1080px) {
     .main-header__menu-container,
     .main-header__altmenu-container {
         display: none;
     }
     .responsive-menu {
         background-color: var(--white);
         position: fixed;
         top: 0px;
         right: -100%;
         z-index: 9999999;
         width: 100%;
         height: 100%;
         padding: 30px;
         transition: right 0.3s linear;
         overflow: scroll;
         display: block;
         box-sizing: border-box;
     }
     .responsive-menu.responsive-menu--active {
         right: 0px;
     }
     .responsive-menu-button {
         display: flex;
         flex-direction: column;
         width: 32px;
         cursor: pointer;
     }
     .responsive-menu-button-line {
         width: 100%;
         height: 3px;
         display: block;
         margin-bottom: 6px;
         border-radius: 10px;
         background-color: var(--black);
     }
     .responsive-menu-button-line:last-child {
         margin-bottom: 0px;
     }
     .responsive-menu-button--close {
         display: block;
         width: 32px;
         height: 32px;
         cursor: pointer;
         background-size: contain;
         background-image: url(images/responsive-menu-arrow.svg);
         background-repeat: no-repeat;
         background-position: center;
     }
     .responsive-menu__menu-container .menu {
         margin: var(--margin-section-small) 0;
     }
     .responsive-menu__menu-container .menu>.menu-item {
         display: block;
         width: 100%;
         margin: 0;
         padding: 0;
     }
     .responsive-menu__menu-container .menu>.menu-item>a {
         display: block;
         width: 100%;
         position: relative;
         padding: 20px 0;
         font-size: var(--text-medium-size);
         line-height: var(--text-medium-lineheight--small);
     }
     .responsive-menu__menu-container .menu>.menu-item-has-children>a::after {
         content: "";
         right: 0px;
         width: 12px;
         height: 12px;
         top: calc(50% - 6px);
         position: absolute;
         background-size: contain;
         background-image: url(images/dropdown-arrow-right.svg);
         background-repeat: no-repeat;
     }
     .responsive-menu__menu-container .menu>.menu-item>.sub-menu {
         display: none;
         position: relative;
         top: 0;
         opacity: 1;
         padding: 0 0 0 40px;
         margin: 10px 0;
         box-shadow: none;
         border-radius: none;
         width: 100%;
         transition: none;
     }
     .responsive-menu__menu-container .menu>.menu-item>.sub-menu li {
         margin: 0 0 30px;
     }
     .responsive-menu__menu-container .menu>.menu-item>.sub-menu li:last-child {
         margin-bottom: 0px;
     }
     .responsive-menu__menu-container {
         border-bottom: 1px solid var(--light-gray);
     }
     .responsive-menu__alt-container {
         margin-top: var(--margin-section-small);
     }
     .responsive-menu__alt-container .alternative-menu {
         display: flex;
         flex-direction: column;
     }
     .responsive-menu__alt-container .alternative-menu li {
         margin: 0;
         padding: var(--margin-section-small) 0;
     }
     .blog-search__container--fixed {
         top: 75px !important;
     }
     section.blog-search-bar:first-of-type {
         padding: 75px 0px 0px !important;
     }
     .blog-search-bar {
         min-height: 75px !important;
     }
 }
 
 .footer {
     padding: var(--section-spacing) 0;
     background-color: var(--light-gray--bg);
 }
 
 .footer__logo-link {
     margin-right: var(--margin-section-large);
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .footer__main {
     margin-bottom: var(--margin-section-large);
 }
 
 .footer__main .footer-menu>li {
     margin: 0 var(--margin-section-medium) 0 0;
 }
 
 .footer__main .footer-menu>li:last-child {
     margin-right: 0;
 }
 
 .footer__partners-row {
     margin: var(--margin-section-regular) 0;
 }
 
 .footer__partners-row-title {
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
     opacity: 0.5;
 }
 
 .footer__partners-row-partner {
     max-width: 140px;
     max-height: 35px;
     margin-right: var(--margin-section-small);
 }
 
 .footer__copyright-icon-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     max-width: 100px;
 }
 
 .footer__last-row,
 .footer__last-row p {
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
     color: var(--black);
 }
 
 .footer__copyright .menu li.menu-item {
     margin: 0 0 0 var(--margin-section-medium);
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
 }
 
 .footer__copyright-icon-container,
 .footer__copyright-text {
     opacity: 0.5;
 }
 
 .footer .footer__copyright .legal-menu li:hover {
     text-decoration: underline;
 }
 
 .imprint__card {
     width: 20%;
     max-width: 250px;
     background-color: var(--white);
     box-shadow: var(--box-shadow--card);
     padding: var(--margin-section-medium) var(--margin-section-medium) var(--margin-section-regular);
 }
 
 .imprint__content {
     width: 68%;
 }
 
 .imprint__card-title {
     margin-bottom: var(--margin-section-small);
 }
 
 .imprint__card-text {
     margin-bottom: var(--margin-section-extralarge);
 }
 
 .imprint__card-text p {
     color: var(--dark-gray);
 }
 
 .imprint__card-text p:last-child {
     margin-bottom: 0;
 }
 
 @media(max-width:800px) {
     .footer-menu-container {
         width: 100%;
     }
     .footer__logo-link {
         margin: 0 0 var(--margin-section-medium);
     }
     .footer__partners-row-partner {
         margin-bottom: var(--margin-section-medium);
     }
     .footer__partners-row {
         margin-bottom: 0;
     }
     .footer__copyright-icon-container {
         margin-bottom: var(--margin-section-regular);
     }
     .footer .footer__copyright p {
         font-size: var(--text-extrasmall-size);
         line-height: var(--text-extrasmall-lineheight);
         margin-bottom: var(--margin-section-extrasmall);
     }
     .footer .footer__copyright .legal-menu li {
         font-size: var(--text-extrasmall-size);
         line-height: var(--text-extrasmall-lineheight);
         margin-right: var(--margin-section-extrasmall);
     }
 }
 
 section.hero-shot {
     position: relative;
 }
 
 section.hero-shot-video {
     padding-top: calc(var(--section-spacing) + var(--margin-section-medium));
     position: relative;
     padding-bottom: var(--margin-section-regular);
     margin-bottom: var(--margin-section-regular);
 }
 
 .hero-shot__bg-color {
     position: absolute;
     top: 0px;
     right: 0px;
     height: 100%;
     width: 35%;
     background-color: var(--light-gray--bg);
     z-index: 0;
 }
 
 .hero-shot-video--product .hero-shot__bg-color {
     left: 0;
     right: unset;
 }
 
 .hero-shot__container {
     position: relative;
     z-index: 99;
 }
 
 .hero-shot__text-container {
     position: relative;
     width: 48%;
     top: -20px;
 }
 
 .hero-shot__image-container {
     width: 48%;
     overflow: hidden;
     position: relative;
 }
 
 .hero-shot__text-video-container {
     max-height: calc(100vh - 50px);
 }
 
 .hero-shot__text-video-container .hero-shot__text-container {
     width: 38%;
     max-width: 465px;
     margin: var(--margin-section-extralarge) 0px;
 }
 
 .hero-shot__text-video-container .hero-shot__image-container {
     width: 58%;
 }
 
 .hero-shot-video--product .hero-shot__text-video-container .hero-shot__image-container {
     width: 48%;
 }
 
 .hero-shot__text-video-container .hero-shot__image {
     position: relative;
     opacity: 1;
     width: 100%;
     min-height: 300px;
     max-height: calc(100vh - 180px);
     padding-bottom: var(--margin-section-regular);
 }
 
 .hero-shot-video--product .hero-shot__text-video-container .hero-shot__text-container {
     width: 50%;
     max-width: 550px;
 }
 
 .hero-shot__image {
     width: 100%;
     opacity: 0;
     transition: all 1s ease-in-out;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     object-fit: contain;
 }
 
 .hero-shot__image--active {
     opacity: 1;
     position: relative;
     z-index: 99;
 }
 
 .hero-shot__video {
     width: 100%;
     max-height: 560px;
     margin-bottom: var(--margin-section-regular);
 }
 
 .hero-shot__image-container.hero-shot__image-container--video {
     cursor: pointer;
 }
 
 .hero-shot__image-container.hero-shot__image-container--video:after {
     content: "";
     background-image: url(images/play-video.svg);
     background-size: contain;
     width: 80px;
     height: 80px;
     left: calc(50% - 40px);
     top: calc(50% - 70px);
     position: absolute;
     transition: all .2s linear;
 }
 
 .hero-shot__image-container.hero-shot__image-container--video:hover:after {
     transform: scale(1.1);
 }
 
 .hero-shot__image-container.hero-shot__image-container--video.hero-shot__image-container--video-playing::after {
     display: none;
 }
 
 .logo-row__container {
     width: 100%;
     box-sizing: border-box;
 }
 
 .logo-row__title {
     text-align: center;
     margin-bottom: var(--margin-section-medium);
     color: var(--dark-gray);
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
 }
 
 .logo-row__title span {
     color: var(--black);
 }
 
 .logo-row__logo-container {
     display: flex;
     justify-content: center;
     height: 36px;
     margin: 0px var(--margin-section-regular);
     align-items: center;
 }
 
 .logo-row__logo-container:first-child {
     margin-left: 0px;
 }
 
 .logo-row__logo-container:last-child {
     margin-right: 0px;
 }
 
 .logo-row__logo {
     max-height: 100%;
 }
 
 img.card__image {
     width: 598px;
     height: 355px;
 }
 
 img.footer__partners-row-partner {
     width: 111px;
     height: 31px;
 }
 
 img.testimonials-carousel__logo {
     width: 111px;
     height: 50px;
 }
 
 img.logo-row__logo {
     width: 98px;
     height: 28px;
 }
 
 img.folded-sections__icon {
     width: 49px;
     height: 49px;
 }
 
 img.footer__copyright-icon {
     width: 100px;
     height: 35px;
 }
 
 img.footer__logo {
     width: 100px;
     height: 25px;
 }
 
 .folded-sections__video-column {
     width: 48%;
     margin-top: var(--margin-section-regular);
 }
 
 .folded-sections__video {
     width: 100%;
 }
 
 .folded-sections__sections {
     width: 48%;
 }
 
 .folded-sections__section {
     background-color: var(--light-gray--bg);
     border-radius: var(--border-radius--small);
     padding: var(--margin-section-extrasmall) var(--margin-section-medium);
     margin-bottom: 4px;
     cursor: pointer;
 }
 
 .folded-sections__section:hover {
     background-color: var(--light-gray);
 }
 
 .folded-sections__section--active {
     background-color: var(--black);
     color: var(--white);
     padding: var(--margin-section-medium);
     transition: all .25s linear;
 }
 
 .folded-sections__section--active:hover {
     background-color: var(--black);
 }
 
 .folded-sections__section:last-child {
     margin-bottom: 0px;
 }
 
 .folded-sections__section-text-container {
     display: none;
 }
 
 .folded-sections__section--active .folded-sections__section-text-container {
     display: block;
 }
 
 .folded-sections__section-text {
     margin: var(--margin-section-small) 0px 0px;
     font-weight: var(--medium);
 }
 
 .folded-sections__section-title {
     margin-left: 20px;
     padding-right: 20px;
     font-weight: var(--semi-bold);
     position: relative;
     width: 100%;
     box-sizing: border-box;
 }
 
 .folded-sections__section-title:after {
     content: "";
     position: absolute;
     top: calc(50% - 6px);
     right: 0;
     width: 12px;
     height: 12px;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(images/dropdown-arrow.svg);
     filter: invert(40%);
     transform: rotate(180deg);
 }
 
 .folded-sections__section--active .folded-sections__section-title {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     transition: all .15s linear;
 }
 
 .folded-sections__section--active .folded-sections__section-title::after {
     top: 9px;
     filter: none;
     transform: none;
 }
 
 .testimonials-carousel .slick-track {
     display: flex;
     align-items: center;
 }
 
 .testimonials-carousel {
     background-color: var(--light-gray--bg);
     margin: var(--section-spacing) 0px;
     padding: 0;
     margin: var(--margin-section-small) 0;
 }
 
 .testimonials-carousel__item {
     padding: var(--margin-section-regular) 0;
     max-width: var(--container);
 }
 
 .testimonials-carousel__text-container {
     width: 65%;
 }
 
 .testimonials-carousel__image-container {
     width: 33%;
 }
 
 .testimonials-carousel__item {
     padding: var(--margin-section-regular) var(--margin-section-large);
 }
 
 .testimonials-carousel__quote {
     font-size: var(--title-small-size);
     line-height: var(--title-small-lineheight);
     margin-bottom: var(--margin-section-medium);
     position: relative;
     padding-top: 50px;
 }
 
 .testimonials-carousel__quote::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 25px;
     height: 25px;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(images/quote.svg);
 }
 
 .testimonials-carousel__name-position {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     margin-bottom: var(--margin-section-medium);
 }
 
 .testimonials-carousel__name-position span {
     opacity: 0.5;
 }
 
 .testimonials-carousel__logo {
     max-width: 150px;
     max-height: 50px;
     margin-bottom: var(--margin-section-medium);
 }
 
 .carousel-dots__position span {
     color: var(--blue);
 }
 
 .carousel-dots__dot {
     content: "";
     background-color: var(--light-gray);
     border-radius: 100px;
     width: 10px;
     height: 10px;
     margin-right: 10px;
     cursor: pointer;
 }
 
 .carousel-dots__dot.carousel-dots__dot--current {
     background-color: var(--blue);
 }
 
 .carousel-dots__dot:last-child {
     margin-right: 0;
 }
 
 .card {
     width: 48%;
 }
 
 .card.card-link {
     cursor: pointer;
 }
 
 .card__image-container {
     width: 100%;
     margin-bottom: var(--margin-section-regular);
 }
 
 .card__image {
     width: 100%;
     height: auto;
 }
 
 .card__title::after {
     content: " —";
 }
 
 .card__text {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     color: var(--dark-gray);
 }
 
 .testimonials-carousel+.banner {
     margin-top: -15px;
 }
 
 .banner {
     background-color: var(--black);
     color: var(--white);
     text-align: center;
     padding: calc(var(--section-spacing)*1.8);
     margin-top: var(--section-spacing);
 }
 
 .banner.banner-blog {
     margin: 0 0 var(--margin-section-large);
     width: 100%;
     box-sizing: border-box;
 }
 
 .banner__title {
     max-width: 900px;
     margin: 0 auto var(--margin-section-regular);
 }
 
 .carousel__item {
     background-color: var(--white);
     box-shadow: var(--box-shadow);
     padding: var(--margin-section-large);
     margin: 0 var(--margin-section-small) var(--margin-section-large);
 }
 
 .features__feature-container {
     margin-bottom: var(--margin-section-extralarge);
 }
 
 .features__feature-container:last-child {
     margin-bottom: 0;
 }
 
 .features__feature-container:nth-child(odd) {
     flex-direction: row-reverse;
 }
 
 .features__text-container {
     width: 45%;
 }
 
 .features__image-container {
     display: flex;
     flex-direction: column;
     overflow: hidden;
     justify-content: center;
     width: 45%;
 }
 
 .features__feature-image {
     object-fit: contain;
 }
 
 .features__feature-video {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .features__feature-title {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     margin-bottom: var(--margin-section-small);
 }
 
 .features__feature-subtitle {
     font-size: var(--text-extralarge-size);
     line-height: var(--text-extralarge-lineheight);
 }
 
 .features__feature-text {
     color: var(--dark-gray);
 }
 
 .features__feature-text p:last-child {
     margin-bottom: 0;
 }
 
 .how-works__title {
     margin-bottom: var(--margin-section-regular);
 }
 
 .how-works__subtitle {
     color: var(--black);
 }
 
 .how-works__steps-container {
     position: relative;
 }
 
 .how-works__step {
     width: 28%;
 }
 
 .how-works__step-content {
     position: relative;
 }
 
 .how-works__step-image-container {
     height: 320px;
     display: flex;
     align-items: center;
     background-color: var(--light-gray--bg);
     margin-bottom: var(--margin-section-medium);
     position: relative;
 }
 
 .how-works__step-image {
     display: block;
     margin: 0 auto;
     max-height: 180px;
     max-width: 160px;
 }
 
 .how-works__step-title:after {
     content: " —";
 }
 
 .how-works__step-text {
     color: var(--dark-gray);
 }
 
 .how-works__step-text ul {
     padding-left: 10px;
 }
 
 .how-works__step-text li {
     margin-bottom: 5px;
 }
 
 .how-works__step-text p:last-child {
     margin-bottom: 0;
 }
 
 .how-works .carousel-dots__container {
     display: none;
     margin-top: var(--margin-section-regular);
 }
 
 .how-works__step:not(:last-child) .how-works__step-content:after {
     content: "";
     height: 2px;
     width: 250px;
     background-color: var(--black);
     position: absolute;
     z-index: -10;
     top: 159px;
     left: 100%;
 }
 
 .how-works__step:not(:last-child) .how-works__step-image-container:after {
     width: 16px;
     height: 16px;
     background-color: var(--black);
     content: "";
     position: absolute;
     right: -8px;
     border-radius: 100%;
     top: calc(50% - 8px);
 }
 
 .how-works__step:not(:first-child) .how-works__step-image-container:before {
     content: "";
     height: 13px;
     width: 13px;
     border-top: 2px solid;
     border-right: 2px solid;
     transform: rotate(45deg);
     border-color: var(--black);
     position: absolute;
     left: -16px;
 }
 
 .integrate__title {
     margin-bottom: var(--margin-section-regular);
 }
 
 .integrate__subtitle {
     color: var(--black);
 }
 
 .integrate__integration {
     text-align: center;
     margin: 0 var(--margin-section-extralarge);
     color: var(--dark-gray);
 }
 
 .integrate__image {
     min-width: 194px;
     margin-bottom: var(--margin-section-regular);
 }
 
 .resources-header,
 .resources-items,
 .single-resource {
     background-color: var(--light-gray--bg);
 }
 
 section.resources-header {
     padding-bottom: 0;
 }
 
 .resources-header__title {
     margin-bottom: var(--margin-section-medium);
 }
 
 .resources-header__subtitle {
     color: var(--dark-gray);
     max-width: 700px;
     margin-bottom: 0;
 }
 
 .resources-items__filters-container {
     margin: 0 0 var(--margin-section-extralarge);
 }
 
 .resources-items__filters:last-child {
     margin-right: 0;
 }
 
 .resources-items__filters--search {
     min-width: 300px;
 }
 
 .resources-search__input-box {
     width: 100%;
     margin: 0;
     max-width: unset;
 }
 
 .resources-items__filter {
     list-style-type: none;
     display: inline-block;
     margin: 0 var(--margin-section-medium) 0 0;
     cursor: pointer;
     transition: all .15s linear;
     color: var(--dark-gray);
 }
 
 .resources-items__filter:hover,
 .resources-items__filter.resources-items__filter--selected {
     color: var(--black);
     font-weight: var(--medium);
 }
 
 .resources-items__filter-list .resources-items__filter:last-child {
     margin-right: 0;
 }
 
 .resources-items__filter-list {
     margin: 0;
 }
 
 .resources-items__item {
     width: 45%;
     display: flex;
     flex-direction: column;
     margin: 0px 1% var(--margin-section-extralarge);
     padding: 13px;
     min-width: 300px;
 }
 
 .resources-items__item-image-container {
     max-height: 350px;
     margin-bottom: var(--margin-section-medium);
     overflow: hidden;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .resources-items__item-image-container img {
     object-fit: cover;
     height: 100%;
     width: 100%;
 }
 
 .resources-items__item-title:after {
     content: " —";
 }
 
 .resources-items__tags-container {
     margin-bottom: var(--margin-section-medium);
 }
 
 .resources-items__tag {
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
     font-weight: var(--regular);
     text-transform: uppercase;
     padding: 3px 10px;
     color: var(--dark-gray);
     background-color: var(--white);
     border-radius: var(--border-radius);
 }
 
 .resources-items__item-text {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     color: var(--dark-gray);
     margin-bottom: var(--margin-section-extrasmall);
 }
 
 .single-resource-heading {
     position: relative;
 }
 
 .single-resource-heading__subtitle {
     color: var(--dark-gray);
 }
 
 .single-resource-heading__text-container {
     width: 44%;
 }
 
 .single-resource-heading__image-container {
     position: absolute;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     bottom: calc(var(--section-spacing)*-2);
 }
 
 .single-resource-heading__image {
     height: 100%;
     max-height: 560px;
     object-fit: contain;
 }
 
 .single-resource-heading__form-container {
     width: 40%;
     background-color: var(--white);
     box-shadow: var(--box-shadow);
     min-height: 650px;
 }
 
 .single-resource-heading__responsive-image-container {
     display: none;
 }
 
 .single-resource-content {
     background-color: var(--white);
     padding-top: calc(var(--section-spacing)*3);
 }
 
 .single-resource-content__title {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     margin-bottom: var(--margin-section-large);
 }
 
 .single-resource-content__content strong {
     font-weight: var(--semi-bold);
 }
 
 .single-resource-content__content p:last-child {
     margin-bottom: 0;
 }
 
 section.blog-search-bar:first-of-type {
     padding: 93px 0px 0px;
 }
 
 .blog-search-bar {
     min-height: 72px;
 }
 
 .blog-search__container {
     background-color: var(--light-gray--bg);
     transition: all .3s linear;
     width: 100%;
     display: inline-block;
     top: 0;
 }
 
 .blog-search__container--fixed {
     position: fixed;
     top: 93px;
     z-index: 9999;
 }
 
 .search__input-box {
     position: relative;
     max-width: 260px;
     margin: 14px 0;
 }
 
 .search__input {
     padding: 8px 24px;
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     border: 1px solid #E9E9EA;
     border-radius: 32px;
     box-sizing: border-box;
     width: 100%;
 }
 
 .blog-search__input-box {
     position: relative;
     max-width: 260px;
     margin: 14px 0;
 }
 
 .search__search-icon {
     position: absolute;
     right: 0;
     height: 100%;
     width: 72px;
     background-color: var(--black);
     border-radius: 32px;
     cursor: pointer;
     transition: background-color .2s linear;
 }
 
 .search__search-icon:hover {
     background-color: var(--blue);
 }
 
 .search__search-icon:after {
     content: "";
     background-image: url(images/search-icon-white.svg);
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     position: absolute;
     background-position: center;
 }
 
 .blog-archive-header__no-results {
     margin-bottom: var(--margin-section-large);
 }
 
 .blog-header__image-container {
     width: 40%;
     max-height: 300px;
     display: flex;
     flex-direction: column;
 }
 
 .blog-header__image-container img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }
 
 .blog-header__text-container {
     width: 55%;
 }
 
 .blog-listing__title span {
     font-weight: var(--regular);
     color: var(--light-gray);
 }
 
 .blog-listing__search-input {
     padding: 14px var(--margin-section-small) 14px 50px;
     width: 100%;
     box-sizing: border-box;
     border: 1px solid var(--black);
     background-image: url(images/search-icon.svg);
     background-repeat: no-repeat;
     background-position: 18px center;
     color: var(--dark-gray);
 }
 
 .blog-post-card {
     width: 28%;
     display: flex;
     flex-direction: column;
     margin: 0px var(--margin-section-extrasmall) var(--margin-section-medium);
     padding: 13px;
     min-width: 300px;
 }
 
 .blog-post-card__post {
     display: flex;
     flex-direction: column;
 }
 
 .blog-post-card__image-container {
     height: 300px;
     margin-bottom: var(--margin-section-medium);
 }
 
 .blog-post-card__image-container img {
     object-fit: cover;
     height: 100%;
     width: 100%;
 }
 
 .blog-post-card__link {
     display: block;
     margin-top: var(--margin-section-small);
 }
 
 .blog-listing__see-more-container {
     text-align: center;
     margin: var(--margin-section-medium) 0;
 }
 
 .blog-listing__see-more {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     font-weight: var(--semi-bold);
     cursor: pointer;
 }
 
 .blog-listing__see-more:hover {
     text-decoration: underline;
 }
 
 .blog-article.blog-article--listing:nth-child(3n) {
     margin-right: 0;
 }
 
 .blog-article.blog-article--listing {
     width: 31%;
     margin: 0 3.5% var(--margin-section-large) 0;
 }
 
 .blog-listing__featured-resources {
     background-color: var(--light-gray--bg);
     margin-top: calc(var(--margin-section-large)*-1);
 }
 
 .blog-listing__featured-resources .resources-items__item {
     margin: 0;
     padding: 0;
     width: 48%;
 }
 
 section.blog-archive-header {
     padding-bottom: 0;
 }
 
 .blog-article.blog-article--featured .blog-post-card__post {
     flex-direction: row;
     justify-content: space-between;
 }
 
 .blog-article.blog-article--heading .blog-post-card__post {
     flex-direction: row-reverse;
     justify-content: space-between;
     margin-bottom: var(--section-spacing);
 }
 
 .blog-article.blog-article--featured .blog-post-card__image-container,
 .blog-article.blog-article--featured .blog-post-card__text-container,
 .blog-article.blog-article--heading .blog-post-card__image-container,
 .blog-article.blog-article--heading .blog-post-card__text-container {
     width: 45%;
 }
 
 .blog-article:not(.blog-article.blog-article--heading) .blog-post-card__pre-title {
     display: none;
 }
 
 .blog-article.blog-article--featured .blog-post-card__title,
 .blog-article.blog-article--heading .blog-post-card__title {
     font-size: var(--title-large-size);
     line-height: var(--title-large-lineheight);
     margin-bottom: var(--margin-section-medium);
 }
 
 .blog-post-card__text {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     color: var(--dark-gray);
     margin-bottom: var(--margin-section-medium);
 }
 
 .blog-article.blog-article--heading .blog-post-card__text {
     margin-bottom: 0;
 }
 
 .blog-article.blog-article--featured .blog-post-card__text,
 .blog-article.blog-article--heading .blog-post-card__text {
     font-size: var(--text-extralarge-size);
     line-height: var(--text-extralarge-lineheight);
 }
 
 .blog-article.blog-article--featured .blog-post-card__image-container,
 .blog-article.blog-article--heading .blog-post-card__image-container {
     height: auto;
     max-height: 450px;
 }
 
 .blog-article.blog-article--featured .blog-post-card__text-container,
 .blog-article.blog-article--heading .blog-post-card__text-container {
     margin-top: var(--margin-section-regular);
     padding-right: 10%;
     box-sizing: border-box;
 }
 
 .blog-article.blog-article.blog-article--heading .blog-post-card__link {
     display: none;
 }
 
 .blog-post__content {
     max-width: 680px;
     margin: var(--section-spacing) auto;
 }
 
 .blog-post__content h2 {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     margin: var(--margin-section-regular) 0 var(--margin-section-medium);
 }
 
 .blog-post__content p a {
     color: var(--blue);
 }
 
 .blog-post__content p a:hover {
     text-decoration: underline;
 }
 
 .blog-post__content p strong {
     font-weight: var(--semi-bold);
 }
 
 .blog-post__content figcaption {
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
 }
 
 .blog-post__content .wp-block-image {
     margin: var(--margin-section-medium) 0;
 }
 
 .blog-post__content .wp-block-image.is-style-zoom-image {
     position: relative;
     margin: var(--margin-section-medium) calc(var(--margin-section-extralarge)*-1);
 }
 
 .blog-post__content .wp-block-image.is-style-zoom-image img {
     transition: all .4s ease-in;
     z-index: 0;
     position: relative;
 }
 
 .blog-post__content .wp-block-image.is-style-zoom-image img:hover {
     transform: scale(1.3);
     z-index: 999;
 }
 
 .blog-post__content .wp-block-image.is-style-zoom-image:after {
     content: "";
     position: absolute;
     height: 50px;
     width: 50px;
     right: 0;
     bottom: 0;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(images/zoom-icon.svg);
 }
 
 .blog-post__content blockquote {
     margin: var(--margin-section-regular) 0;
     padding-top: 50px;
     position: relative;
 }
 
 .blog-post__content blockquote p {
     font-size: var(--title-small-size);
     line-height: var(--title-small-lineheight);
     color: var(--black);
     margin: 0;
 }
 
 .blog-post__content blockquote:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 25px;
     height: 25px;
     background-size: contain;
     background-repeat: no-repeat;
     background-image: url(images/quote.svg);
 }
 
 .blog-post__content .blocks-gallery-grid {
     display: flex;
     justify-content: space-between;
 }
 
 .blog-post__content .blocks-gallery-item {
     list-style: none;
     width: 48%;
     margin: 0;
 }
 
 .blog-post__content .wp-block-gallery {
     margin-bottom: var(--margin-section-regular);
 }
 
 .blog-post__content .wp-block-gallery img {
     object-fit: cover;
     width: 100%;
     height: auto;
 }
 
 .blog-post__content .wp-block-separator {
     margin: var(--margin-section-extralarge) -15px;
     color: var(--dark-gray);
 }
 
 .our-vision__text {
     max-width: var(--container-fit);
     margin: 0 auto var(--margin-section-regular);
     color: var(--dark-gray);
 }
 
 .our-vision__text p {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     margin-bottom: var(--margin-section-medium);
 }
 
 .columns-item__container {
     width: 28%;
     margin: 0 var(--margin-section-small) calc(var(--margin-section-large)*2);
 }
 
 .columns-container.columns-container--tight {
     max-width: 900px;
     margin: 0 auto calc(var(--margin-section-large)*-1);
     justify-content: center;
 }
 
 .columns-container.columns-container--center {
     text-align: center;
 }
 
 .columns-item__text {
     color: var(--dark-gray);
     margin-bottom: 0;
 }
 
 .columns-container.columns-container--wide {
     max-width: 1100px;
     margin: 0 auto calc(var(--margin-section-large)* -2);
 }
 
 .columns-container--tight .columns-item__container {
     width: calc(33% - var(--margin-section-regular) * 2);
     margin: 0 var(--margin-section-regular) var(--margin-section-large);
 }
 
 .columns-item__image-container {
     display: flex;
     align-items: center;
 }
 
 .columns-container--wide .columns-item__image-container {
     height: 260px;
     margin-bottom: var(--margin-section-large);
 }
 
 .columns-container--tight .columns-item__image-container {
     height: auto;
     margin-bottom: var(--margin-section-medium);
 }
 
 .columns-item__image {
     display: block;
     margin: 0 auto;
 }
 
 .careers-gallery__section-title {
     display: none;
 }
 
 .careers-gallery__container {
     position: relative;
     max-height: 650px;
     overflow: hidden;
 }
 
 .careers-gallery__images {
     position: relative;
 }
 
 .careers-gallery__image {
     opacity: 0;
     transition: all 1s ease-in-out;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
 }
 
 .careers-gallery__image.careers-gallery__image--active {
     opacity: 1;
     z-index: 99;
     position: relative;
 }
 
 .careers-gallery__title {
     position: absolute;
     left: var(--margin-section-large);
     bottom: 90px;
     margin: 0;
     padding-bottom: var(--margin-section-medium);
     color: var(--white);
     text-shadow: 0px -1px 7px rgba(0, 0, 0, 0.51);
     z-index: 99;
 }
 
 .careers-gallery__title:after {
     content: "—";
     position: absolute;
     bottom: calc(var(--margin-section-small) * -1);
     left: 5px;
 }
 
 .careers-gallery__card {
     position: absolute;
     display: flex;
     flex-direction: column;
     justify-content: center;
     top: 100%;
     right: var(--margin-section-extralarge);
     height: calc(100% - var(--margin-section-large)*4);
     max-width: 360px;
     padding: var(--margin-section-large);
     color: var(--white);
     background: linear-gradient(233.28deg, rgba(34, 38, 62, 0.89) -9.14%, rgba(85, 88, 102, 0) 107.25%);
     backdrop-filter: blur(20px);
     box-sizing: border-box;
     border-radius: 4px;
     z-index: 999;
     transition: all 1s ease-in-out;
 }
 
 .careers-gallery__card.careers-gallery__card--active {
     top: calc(var(--margin-section-large)*2);
 }
 
 .careers-gallery__card.careers-gallery__card--top {
     top: -100%;
 }
 
 .careers-gallery__card-text {
     margin-bottom: var(--margin-section-small);
 }
 
 .embed-code__iframe {
     width: 100%;
     height: 350px;
 }
 
 .form-map__button-responsive {
     display: none;
 }
 
 .form-map__form-container {
     width: 40%;
     background-color: var(--white);
     box-shadow: var(--box-shadow);
 }
 
 .form-map__text-container {
     width: 48%;
 }
 
 .form-map__text {
     margin: var(--margin-section-large) 0 var(--margin-section-medium);
 }
 
 .form-map__text p {
     color: var(--dark-gray);
 }
 
 .form-map__text p:last-child {
     margin-bottom: 0;
 }
 
 .form-map__text a {
     color: var(--blue);
     text-decoration: underline;
 }
 
 .form-map__text h2 {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     margin-bottom: var(--margin-section-medium);
 }
 
 .form-map__map-container {
     height: 430px;
 }
 
 .hsForm {
     padding: 40px 40px 0px;
     width: 100%;
     box-sizing: border-box;
 }
 
 .hs-form-iframe {
     width: 100% !important;
 }
 
 .form__form-container {
     max-width: 600px;
     margin: 0 auto;
 }
 
 .legal-page__container {
     position: relative;
 }
 
 .legal-page__content {
     width: 56%;
 }
 
 .legal-page__title {
     max-width: 80%;
 }
 
 .legal-page__navigation {
     position: sticky;
     width: 28%;
     max-width: 250px;
     top: var(--margin-section-regular);
     right: 0;
     padding: var(--margin-section-medium) var(--margin-section-regular);
     margin-bottom: var(--margin-section-extralarge);
     box-shadow: var(--box-shadow--card);
     background-color: var(--white);
 }
 
 .legal-page__navigation-item {
     color: var(--dark-gray);
     margin-bottom: 25px;
     max-width: 250px;
 }
 
 a.legal-page__navigation-item:last-child {
     margin-bottom: 0;
 }
 
 .legal-page__section-content p {
     color: var(--dark-gray);
     margin-bottom: var(--margin-section-medium);
 }
 
 .legal-page__section-content p:last-child {
     margin-bottom: 0;
 }
 
 .legal-page__section {
     margin-bottom: var(--margin-section-large);
 }
 
 .legal-page__section-content a {
     color: var(--blue);
 }
 
 .legal-page__section-content a:hover {
     text-decoration: underline;
 }
 
 .legal-page__section-content ul li:not(li[style="list-style-type: none;"])::before {
     content: "\2022";
     color: var(--blue);
     font-weight: bold;
     display: inline-block;
     width: 1em;
     position: absolute;
     left: 0;
 }
 
 .legal-page__section-content li {
     color: var(--dark-gray);
 }
 
 .legal-page__section-content ul {
     padding-left: var(--margin-section-extrasmall);
     margin-bottom: var(--margin-section-medium);
 }
 
 .legal-page__section-content ul li:not(li[style="list-style-type: none;"]) {
     list-style: none;
     margin-bottom: 8px;
     padding-left: var(--margin-section-medium);
     position: relative;
 }
 
 .legal-page__section-content ul>li>ul {
     padding-left: 40px;
 }
 
 .legal-page__section-content strong {
     font-weight: var(--semi-bold);
 }
 
 .legal-page__section-content hr {
     color: var(--light-gray);
     margin-bottom: var(--margin-section-large);
     border-top: 1px solid var(--light-gray);
 }
 
 .legal-page__section:last-child {
     margin-bottom: 0;
 }
 
 .request-demo-heading {
     background-color: var(--light-gray--bg);
     background-repeat: no-repeat;
     background-position: top;
 }
 
 .request-demo-heading__text-container {
     width: 42%;
 }
 
 .request-demo-heading_button {
     display: none;
 }
 
 .request-demo-heading__form-container {
     width: 45%;
     position: sticky;
     top: 70px;
     height: 100%;
 }
 
 .request-demo-heading__form {
     background-color: var(--white);
     box-shadow: var(--box-shadow);
 }
 
 .request-demo-heading__content {
     color: var(--dark-gray);
     margin-bottom: var(--margin-section-large);
 }
 
 .request-demo-heading__content p {
     margin-bottom: var(--margin-section-medium);
 }
 
 .request-demo-heading__content ul {
     padding-left: var(--margin-section-small);
 }
 
 .request-demo-heading__content li {
     list-style: none;
     margin-bottom: 8px;
     padding-left: var(--margin-section-medium);
     position: relative;
 }
 
 .request-demo-heading__content li:before {
     content: "—";
     position: absolute;
     left: 7px;
 }
 
 .request-demo-heading__logos-container-title {
     color: var(--dark-gray);
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
 }
 
 .request-demo-heading__logo-container {
     margin: var(--margin-section-small) var(--margin-section-medium);
     max-width: 85px;
     max-height: 60px;
     display: flex;
     justify-content: center;
 }
 
 .request-demo-heading__logo {
     width: 100%;
     height: auto;
     object-fit: contain;
 }
 
 .request-demo-heading__responsive-form-container {
     display: none;
 }
 
 .request-demo-heading__carousel-container .testimonials-carousel__item-container {
     flex-direction: column-reverse;
 }
 
 .request-demo-heading__carousel-container .testimonials-carousel__item {
     padding: var(--margin-section-regular) 0;
 }
 
 .request-demo-heading__carousel-container .testimonials-carousel__text-container {
     width: 100%;
 }
 
 .request-demo-heading__carousel-container .testimonials-carousel__image-container {
     width: 60%;
     margin-bottom: var(--margin-section-medium);
     max-width: 200px;
 }
 
 .request-demo-heading__carousel-container .testimonials-carousel__item-container {
     align-items: flex-start;
 }
 
 .uc-hero-shot {
     position: relative;
 }
 
 .uc-hero-shot.uc-hero-shot--logos {
     margin-bottom: calc(36px + var(--section-spacing));
     padding-bottom: var(--margin-section-small);
 }
 
 .uc-hero-shot__left-image,
 .uc-hero-shot__right-image {
     position: absolute;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     z-index: -10;
     opacity: 0.5;
     background-position: 50% 0%;
 }
 
 .uc-hero-shot__left-image {
     left: -510px;
 }
 
 .uc-hero-shot__right-image {
     right: -486px;
     top: 30px;
 }
 
 .uc-hero-shot__center-image {
     position: absolute;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     z-index: -10;
     background-position: center;
     top: var(--margin-section-small);
     opacity: 0.5;
 }
 
 .uc-hero-shot__text-container {
     margin: var(--margin-section-large) auto var(--margin-section-extralarge);
     max-width: 810px;
 }
 
 .uc-hero-shot__subtitle {
     color: var(--dark-gray);
     margin-bottom: 0;
 }
 
 .uc-hero-shot__button {
     margin-top: var(--margin-section-regular);
 }
 
 .uc-hero-shot .logo-row__container {
     position: absolute;
     top: 100%;
     max-width: var(--container);
     left: 0;
     right: 0;
     margin: 0 auto;
     padding: 0 5%;
 }
 
 .single-text__text-container {
     max-width: 750px;
     margin: 0 auto;
 }
 
 .single-text__subtitle {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     color: var(--dark-gray);
     margin-top: var(--margin-section-small);
 }
 
 .data-cards__text-container.alignLeft {
     max-width: 520px;
 }
 
 .data-cards__text-container.alignCenter {
     text-align: center;
     max-width: 700px;
     margin: 0 auto var(--margin-section-regular);
 }
 
 .data-cards__text-container {
     margin-bottom: var(--margin-section-regular);
 }
 
 .data-cards__subtitle p {
     font-size: var(--text-regular-size);
     line-height: var(--text-regular-lineheight);
     color: var(--dark-gray);
 }
 
 .data-cards__subtitle {
     margin-top: var(--margin-section-small);
 }
 
 .data-cards__subtitle p:last-child {
     margin-bottom: 0;
 }
 
 .data-cards__cards-container {
     margin: 0 -1.5%;
 }
 
 .data-cards__card {
     width: 30%;
     margin: 0 1.5% var(--margin-section-medium);
     padding: var(--margin-section-medium);
     background-color: var(--white);
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     border-radius: var(--border-radius--small);
     box-sizing: border-box;
     min-width: 330px;
 }
 
 .data-cards__card-number,
 .data-cards__card-title {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     font-weight: var(--semi-bold);
     margin: 0;
 }
 
 .data-cards__card-text {
     color: var(--dark-gray);
     margin: var(--margin-section-small) 0 0;
     min-height: 50px;
 }
 
 .data-cards__button {
     display: block;
     max-width: max-content;
     margin: var(--margin-section-medium) auto;
 }
 
 .numbers {
     position: relative;
     overflow: hidden;
 }
 
 .numbers:before,
 .numbers:after {
     content: "";
     position: absolute;
     background-repeat: no-repeat;
     z-index: -10;
     opacity: 0.6;
     background-size: contain;
 }
 
 .numbers:before {
     background-image: url(images/bg-numbers-left.svg);
     height: 400px;
     width: 550px;
     left: 0;
     bottom: 60px;
 }
 
 .numbers:after {
     background-image: url(images/bg-numbers-right.svg);
     height: 340px;
     width: 500px;
     bottom: 40px;
     right: -2.5%;
 }
 
 .numbers__card {
     width: 31%;
     min-width: 350px;
     color: var(--black);
     margin: var(--margin-section-small);
     padding: var(--margin-section-large) var(--margin-section-regular);
     background: var(--white);
     border-radius: var(--border-radius--small);
     box-sizing: border-box;
 }
 
 .numbers__card-number {
     font-size: var(--title-medium-size);
     line-height: var(--title-medium-lineheight);
     font-weight: var(--semi-bold);
     margin-bottom: 0;
 }
 
 .numbers__card-title {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     font-weight: var(--semi-bold);
     margin: 0;
 }
 
 .numbers__card-text {
     margin-top: var(--margin-section-small);
 }
 
 .advantages__image-container {
     width: 50%;
 }
 
 .advantages__text-container {
     width: 43%;
 }
 
 .advantages__subtitle {
     color: var(--black);
     margin: var(--margin-section-small) 0 var(--margin-section-medium);
 }
 
 .advantages__text {
     color: var(--dark-gray);
 }
 
 .advantages__text p {
     margin-bottom: var(--margin-section-medium);
 }
 
 .advantages__text li {
     list-style: none;
     padding: 8px 0 8px 35px;
     margin-bottom: 0;
     position: relative;
 }
 
 .advantages__text li:before {
     content: "—";
     position: absolute;
     left: 7px;
 }
 
 .advantages__text li:last-child {
     border-bottom: 0;
 }
 
 .advantages__image {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .form__title {
     max-width: 890px;
     margin: 0 auto var(--margin-section-large);
 }
 
 .request-demo-heading__form-container.request-demo-heading__form-container--custom-code {
     position: relative;
     top: 0px;
 }
 
 .request-demo-heading__form-container.request-demo-heading__form-container--custom-code .request-demo-heading__form {
     background-color: transparent;
     box-shadow: none;
 }
 
 .pricing-columns {
     position: relative;
     text-align: center;
 }
 
 .pricing-columns__bg {
     position: absolute;
     width: 100%;
     height: 60%;
     background-color: #e4f2fe;
     top: 0px;
     z-index: 0;
 }
 
 .pricing-columns .container {
     position: relative;
     z-index: 10;
 }
 
 .pricing-columns__column {
     text-align: left;
     box-shadow: var(--box-shadow--card);
     border-radius: var(--border-radius--small);
     background-color: #fff;
     padding: var(--margin-section-small) var(--margin-section-medium) var(--margin-section-medium);
     box-sizing: border-box;
 }
 
 .pricing-columns__columns {
     margin-top: var(--margin-section-large);
     border-radius: 6px;
 }
 
 .pricing-columns__columns--3 .pricing-columns__column {
     width: 30%;
 }
 
 .pricing-columns__columns--4 .pricing-columns__column {
     width: 24%;
 }
 
 .pricing-columns__column-title {
     font-size: var(--text-large-size);
     font-weight: 600;
     line-height: var(--text-large-lineheight);
     margin-bottom: var(--margin-section-small);
 }
 
 .pricing-columns__column-max-users {
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
     font-weight: var(--regular);
     display: inline-block;
     margin-left: var(--margin-section-small);
 }
 
 .pricing-columns__column-button {
     display: block;
     background-color: var(--black);
     color: #fff;
     text-align: center;
     padding: 10px;
     border-radius: var(--border-radius--small);
     margin-bottom: var(--margin-section-medium);
     cursor: pointer;
 }
 
 .pricing-columns__column-list-item {
     color: var(--dark-gray);
     list-style: none;
     background-image: url(images/pricing-check.svg);
     background-repeat: no-repeat;
     background-size: 13px 13px;
     background-position: 0px center;
     padding-left: 25px;
     display: flex;
     align-items: center;
 }
 
 .pricing-columns__column-see-features {
     color: var(--blue);
 }
 
 .pricing-columns__column-bottom-text {
     margin-top: var(--margin-section-large);
     margin-bottom: 0px;
 }
 
 .pricing-columns__column.pricing-columns__column--popular {
     border: 2px solid var(--blue);
 }
 
 .pricing-columns__column.pricing-columns__column--popular .pricing-columns__column-button {
     background-color: var(--blue);
 }
 
 .pricing-columns__periodicity {
     display: flex;
     justify-content: center;
     max-width: 250px;
     background-color: #fff;
     border-radius: 50px;
     border: 2px solid #fff;
     box-sizing: border-box;
     position: relative;
     margin: var(--margin-section-regular) auto var(--margin-section-small);
 }
 
 .pricing-columns__periodicity-item {
     width: 50%;
     border-radius: 50px;
     padding: 5px 30px;
     position: relative;
     z-index: 10;
     font-weight: var(--medium);
     cursor: pointer;
 }
 
 .pricing-columns__periodicity-bg {
     position: absolute;
     width: 50%;
     height: 100%;
     background-color: #333;
     top: 0px;
     left: 0px;
     border-radius: 50px;
     z-index: 0;
     transition: left .2s linear;
 }
 
 .pricing-columns__periodicity-bg.pricing-columns__periodicity-bg--right {
     left: 50%;
 }
 
 .pricing-columns__periodicity-item.pricing-columns__periodicity-item--active {
     color: #fff;
     transition: color .2s linear;
 }
 
 .pricing-columns__periodicity-text {
     color: var(--dark-gray);
 }
 
 .pricing__tooltip-text {
     display: none;
     position: absolute;
     width: 250px;
     background-color: var(--black);
     border-radius: var(--border-radius--small);
     color: #fff;
     padding: var(--margin-section-small);
     font-size: var(--text-small-size);
     text-align: center;
     line-height: var(--text-small-lineheight);
     bottom: 25px;
     left: -125px;
     box-sizing: border-box;
 }
 
 .pricing__tooltip-text:after {
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-top: 7px solid var(--black);
     content: "";
     position: absolute;
     bottom: -7px;
     left: 128px;
 }
 
 .pricing-columns__after-text {
     margin: var(--margin-section-regular) 0px 0px;
     color: var(--dark-gray);
 }
 
 .pricing__tooltip-icon {
     width: 16px;
     height: 16px;
     background-image: url(images/tooltip.svg);
     background-size: contain;
     background-repeat: no-repeat;
     display: block;
     cursor: pointer;
 }
 
 .pricing-columns__column-price-units {
     color: var(--dark-gray);
     font-size: var(--text-small-size);
     line-height: var(--text-small-size);
 }
 
 .pricing-columns__column-price {
     display: flex;
     align-items: center;
     margin-bottom: var(--margin-section-small);
 }
 
 .pricing__tooltip {
     margin-left: var(--margin-section-extrasmall);
     position: relative;
 }
 
 .pricing-columns__column-price-value {
     margin: 0px var(--margin-section-extrasmall) 0px 0px;
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
     font-weight: 600;
 }
 
 .pricing-columns__column-popular-text {
     height: 25px;
     margin-bottom: var(--margin-section-small);
     text-align: center;
     text-transform: uppercase;
     color: var(--blue);
     font-weight: var(--medium);
 }
 
 .popup {
     max-width: 650px !important;
     padding: var(--margin-section-regular) var(--margin-section-regular) var(--margin-section-small) !important;
 }
 
 .popup-form__title {
     font-size: var(--title-small-size);
     line-height: var(--title-small-lineheight);
     margin: 0;
 }
 
 .popup-form__subtitle {
     font-size: var(--text-small-size);
     line-height: var(--text-small-lineheight);
     margin: var(--margin-section-small) 0 0;
 }
 
 .popup-form__form-container .hsForm {
     padding: 0;
     margin-top: var(--margin-section-medium);
 }
 
 .pricing-features__section {
     box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);
     padding: var(--margin-section-regular);
     margin-bottom: var(--margin-section-large);
 }
 
 .pricing-features__section:last-child {
     margin-bottom: 0;
 }
 
 .pricing-features__section-headers {
     border-bottom: 1px solid var(--light-blue);
     padding-bottom: var(--margin-section-small);
 }
 
 .pricing-features__section-title {
     margin: 0px;
     width: 34%;
     font-size: var(--text-extralarge-size);
 }
 
 .pricing-features__column-header {
     margin: 0px;
     width: 22%;
     text-align: center;
     font-size: var(--text-medium-size);
     color: var(--dark-gray);
 }
 
 .pricing-features__row-title {
     margin: 0px;
     width: 34%;
 }
 
 .pricing-features__section-row {
     padding: var(--margin-section-small) 0px;
     border-bottom: 1px solid #909297;
     margin: 0px;
 }
 
 .pricing-features__section-row:hover {
     background-color: var(--light-gray);
 }
 
 .pricing-features__section-row:last-child {
     border: 0px;
 }
 
 .pricing-features__row-cell {
     width: 22%;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .pricing-features__row-check.pricing-features__row-check--checked {
     background-image: url(images/pricing-check.svg);
     background-size: contain;
     width: 20px;
     height: 20px;
     background-repeat: no-repeat;
     display: block;
 }
 
 .pricing-features__section--4-columns .pricing-features__section-title,
 .pricing-features__section--4-columns .pricing-features__row-title {
     width: 32%;
     display: flex;
     align-items: center;
 }
 
 .pricing-features__section--4-columns .pricing-features__column-header,
 .pricing-features__section--4-columns .pricing-features__row-cell {
     width: 17%;
 }
 
 .faq__faqs {
     margin-top: var(--margin-section-small);
 }
 
 .faq__faq {
     padding: var(--margin-section-medium) 0px;
     border-bottom: 1px solid;
     cursor: pointer;
 }
 
 .faq__faq-question {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     font-weight: var(--medium);
     margin: 0px;
     position: relative;
 }
 
 .faq__faq-question::after {
     background-image: url(images/faq-arrow.svg);
     background-repeat: no-repeat;
     background-size: 25px;
     background-position: right center;
     content: "";
     width: 25px;
     height: 25px;
     position: absolute;
     right: 0px;
     transition: transform .2s linear;
 }
 
 .faq__faq--active .faq__faq-question::after {
     transform: rotate(180deg);
     transition: transform .2s linear;
 }
 
 .faq__faq-answer p {
     color: var(--dark-gray);
 }
 
 .faq__faq-answer p:last-child {
     margin: 0px;
 }
 
 .faq__faq-answer {
     display: none;
     margin-top: var(--margin-section-medium);
 }
 
 .not-found__container,
 .thank-you__container {
     max-width: 850px;
     margin: var(--margin-section-large) auto var(--margin-section-extralarge);
 }
 
 .not-found__text,
 .thank-you__text {
     color: var(--dark-gray);
 }

 .columns-grid__column {
    width: 100%;
  }

  .columns-grid__columns--1 .columns-grid__column {
    text-align: center;
  }
 
 .columns-grid__columns--2.columns-grid__columns--5050 .columns-grid__column {
     width: 48%;
 }
 
 .columns-grid__columns--2.columns-grid__columns--4060 .columns-grid__column:first-child,
 .columns-grid__columns--2.columns-grid__columns--6040 .columns-grid__column:last-child {
     width: 33%;
 }
 
 .columns-grid__columns--2.columns-grid__columns--4060 .columns-grid__column:last-child,
 .columns-grid__columns--2.columns-grid__columns--6040 .columns-grid__column:first-child {
     width: 63%;
 }
 
 .columns-grid__columns--3 .columns-grid__column {
     width: 28%;
 }
 
 .columns-grid__columns--4 .columns-grid__column {
     width: 23%;
 }
 
 .columns-grid__column-title {
     font-size: var(--title-regular-size);
     line-height: var(--title-regular-lineheight);
 }
 
 .columns-grid__column-subtitle {
     font-size: var(--text-extralarge-size);
     line-height: var(--text-extralarge-lineheight);
     font-weight: var(--regular);
 }
 
 .columns-grid__column-text p {
     color: var(--dark-gray);
 }
 
 .columns-grid__column-image-container {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 .columns-grid__column-image {
     width: 100%;
     height: auto;
     object-fit: contain;
     max-height: 450px;
 }
 
 .columns-grid__column-text {
     margin-bottom: var(--margin-section-medium);
 }
 
 .columns-grid__column-video-container {
     cursor: pointer;
     position: relative;
 }
 
 .columns-grid__column-video {
     width: 100%;
 }
 
 .columns-grid__column-video-container:after {
     content: "";
     background-image: url(images/play-video.svg);
     background-size: contain;
     width: 80px;
     height: 80px;
     left: calc(50% - 40px);
     top: calc(50% - 70px);
     position: absolute;
     transition: all .2s linear;
 }
 
 .columns-grid__column-video-container:hover:after {
     transform: scale(1.1);
 }
 
 .columns-grid__column-video-container--playing::after {
     display: none;
 }
 
 .uc-hero-shot-2022 {
     background-color: #e4f2fe;
     padding: 0px!important;
 }
 
 .uc-hero-shot-2022__container {
     background-repeat: no-repeat;
     background-position: 100%;
     padding-top: calc(var(--section-spacing)*2);
     padding-bottom: var(--section-spacing);
 }
 
 .uc-hero-shot-2022__content {
     max-width: 890px;
     margin-bottom: var(--margin-section-extralarge);
 }
 
 .uc-hero-shot-2022__pre-title {
     font-size: var(--text-large-size);
     line-height: var(--text-large-lineheight);
     margin-bottom: var(--margin-section-medium);
 }
 
 .uc-hero-shot-2022__subtitle {
     max-width: 550px;
     color: var(--dark-gray);
     margin-bottom: var(--margin-section-medium);
 }
 
 .uc-hero-shot-2022__anchor {
     position: relative;
     bottom: calc(var(--section-spacing) * -1);
 }
 
 .title-subtitle {
     margin-bottom: calc(var(--section-spacing) * -1);
     padding-bottom: 0px;
 }
 
 .title-subtitle__title--w-subtitle {
     margin-bottom: var(--margin-section-small);
 }
 
 .features-carousel__feature-text-container {
	width: 40%;
}
.features-carousel__feature-title {
	font-size: var(--title-regular-size);
	line-height: var(--title-regular-lineheight);
}
.features-carousel__feature-text {
	color: var(--dark-gray);
}
.features-carousel__feature-subtitle {
	font-size: var(--text-extralarge-size);
	line-height: var(--text-extralarge-lineheight);
	font-weight: var(--regular);
}
.features-carousel__feature-image-container {
	width: 55%;
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: center;
}
.features-carousel__feature-image {
	width: 100%;
	height: auto;
	object-fit: contain;
}
 @media(max-width: 1400px) {
     .hero-shot__text-video-container .hero-shot__text-container {
         width: 45%;
         margin-bottom: var(--margin-section-large);
         top: 0;
     }
     .hero-shot__text-video-container .hero-shot__image-container {
         width: 48%;
     }
 }
 
 @media(max-width: 1100px) {
     .folded-sections__video-column {
         display: none;
     }
     .folded-sections__sections {
         width: 100%;
     }
     .blog-article.blog-article--featured .blog-post-card__text-container,
     .blog-article.blog-article--heading .blog-post-card__text-container {
         margin-top: 0;
         padding-right: 0;
     }
     .blog-article.blog-article--featured .blog-post-card__post,
     .blog-article.blog-article--heading .blog-post-card__post {
         align-items: center;
     }
     .blog-article.blog-article--featured .blog-post-card__image-container,
     .blog-article.blog-article--heading .blog-post-card__image-container {
         margin-bottom: 0;
     }
     .single-resource__image-container,
     .single-resource__image {
         max-height: 400px;
     }
     .numbers::after {
         top: 20%;
     }
     .advantages__image-container {
         width: 42%;
     }
     .advantages__text-container {
         width: 50%;
     }
     .logo-row__logo-container {
         margin: 0px var(--margin-section-medium);
     }
     .pricing-columns__columns--3 .pricing-columns__column {
         width: 31%;
         padding: var(--margin-section-medium) var(--margin-section-small);
     }
     .pricing-columns__columns--4 .pricing-columns__column {
         width: 23%;
         padding: var(--margin-section-medium) var(--margin-section-small);
     }
 }
 
 @media(max-width: 900px) {
     .careers-gallery__section-title {
         display: block;
     }
     .careers-gallery__container {
         max-width: 520px;
         margin: 0 auto;
         height: 340px;
     }
     .careers-gallery__title {
         display: none;
     }
     .careers-gallery__images {
         height: 100%;
     }
     .careers-gallery__image {
         object-fit: cover;
         width: 100%;
         height: 100%;
     }
     .careers-gallery__card {
         max-width: 100%;
         justify-content: flex-end;
         height: 100%;
         right: unset;
         padding: var(--margin-section-extralarge) var(--margin-section-regular) var(--margin-section-large);
         opacity: 0;
         background: linear-gradient(1.17deg, rgba(34, 38, 62, 0.8) 1.11%, rgba(62, 65, 84, 0.526953) 65.21%, rgba(85, 88, 102, 0) 98.89%);
         backdrop-filter: none;
     }
     .careers-gallery__card.careers-gallery__card--active {
         top: 0;
         opacity: 1;
     }
     .careers-gallery__card.careers-gallery__card--top {
         opacity: 0;
     }
     .advantages__image-container,
     .advantages__text-container {
         width: 100%;
         max-width: 600px;
         margin: 0 auto;
     }
     .advantages__image-container {
         margin-bottom: var(--margin-section-regular);
     }
     .pricing-columns__columns.pricing-columns__columns--4 {
         margin: var(--margin-section-large) 0 calc(var(--margin-section-regular)*-1);
     }
     .pricing-columns__columns--4 .pricing-columns__column {
         width: 45%;
         padding: var(--margin-section-medium);
         margin-bottom: var(--margin-section-regular);
     }
 }
 
 @media(max-width: 800px) {
     .card__image-container {
         width: 100%;
         margin-bottom: var(--margin-section-medium);
     }
     section.hero-shot {
         margin-bottom: 0;
         padding: calc(var(--section-spacing)*2) 0 0;
     }
     section.hero-shot-video {
         margin-bottom: 0;
     }
     .hero-shot-video--product .hero-shot__text-video-container {
         flex-wrap: wrap-reverse;
     }
     .hero-shot__text-container,
     .hero-shot__image-container,
     .hero-shot__text-video-container .hero-shot__text-container,
     .hero-shot__text-video-container .hero-shot__image-container,
     .hero-shot-video--product .hero-shot__text-video-container .hero-shot__text-container,
     .hero-shot-video--product .hero-shot__text-video-container .hero-shot__image-container {
         width: 100%;
         max-width: 520px;
         margin: 0 auto;
     }
     .hero-shot__text-container,
     .hero-shot__text-video-container .hero-shot__text-container,
     .hero-shot-video--product .hero-shot__text-video-container .hero-shot__text-container {
         margin: var(--margin-section-medium) auto var(--margin-section-regular);
     }
     .hero-shot__text-video-container {
         max-height: 100%;
     }
     .logo-row__logo-container {
         margin: var(--margin-section-small) var(--margin-section-medium);
         max-width: 110px;
         max-height: 40px;
     }
     .logo-row__logo-container:last-child {
         margin-right: var(--margin-section-medium);
     }
     .logo-row__container {
         flex-wrap: wrap;
         justify-content: center;
         position: relative;
         width: calc(100% + 50px);
         left: -25px;
     }
     .card {
         width: 100%;
         margin: 0 auto var(--margin-section-large);
     }
     .card:last-child {
         margin-bottom: 0;
     }
     .blog-article.blog-article--featured .blog-post-card__image-container,
     .blog-article.blog-article--featured .blog-post-card__text-container,
     .blog-article.blog-article--heading .blog-post-card__image-container,
     .blog-article.blog-article--heading .blog-post-card__text-container {
         width: 100%;
     }
     .blog-post__content .wp-block-image.is-style-zoom-image {
         margin: 0;
     }
     .blog-post__content .wp-block-image.is-style-zoom-image img:hover {
         transform: unset;
     }
     .blog-article.blog-article--featured .blog-post-card__post,
     .blog-article.blog-article--heading .blog-post-card__post {
         flex-wrap: wrap-reverse;
     }
     .blog-article.blog-article--featured .blog-post-card__text-container,
     .blog-article.blog-article--heading .blog-post-card__text-container {
         margin-bottom: var(--margin-section-medium);
     }
     .blog-article.blog-article--featured,
     .blog-article.blog-article--listing,
     .blog-article.blog-article--heading {
         width: 100%;
         max-width: 520px;
         margin: 0 auto;
     }
     .blog-article.blog-article--listing {
         margin-bottom: var(--margin-section-large);
     }
     .resources-header__title,
     .resources-header__subtitle {
         max-width: 520px;
         margin: 0 auto;
     }
     .resources-header__title {
         margin-bottom: var(--margin-section-medium);
     }
     .resources-items__filters-container {
         max-width: 520px;
         margin: 0 auto var(--margin-section-large);
     }
     .resources-items__filters--search {
         margin-bottom: var(--margin-section-small);
     }
     .search__input-box.resources-search__input-box {
         max-width: 100%;
     }
     .resources-items__filter {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
         margin-right: var(--margin-section-medium);
     }
     .resources-items__item,
     .blog-listing__featured-resources .resources-items__item {
         width: 100%;
         max-width: 520px;
         margin: 0 auto var(--margin-section-large);
     }
     .resources-items__item:last-child,
     .blog-listing__featured-resources .resources-items__item:last-child {
         margin-bottom: 0;
     }
     .single-resource-heading {
         max-width: 520px;
         margin: 0 auto calc(var(--section-spacing)*-2);
         padding-bottom: 0;
     }
     .single-resource-heading__text-container,
     .single-resource-heading__form-container {
         width: 100%;
     }
     .single-resource-heading__responsive-image-container {
         display: block;
         margin-top: var(--margin-section-extralarge);
         max-height: 350px;
     }
     .single-resource-content__title {
         max-width: 520px;
         margin: 0 auto var(--margin-section-large);
     }
     .single-resource-content__content {
         max-width: 520px;
         margin: 0 auto;
     }
     .hero-shot__bg-color {
         width: 100%;
         height: 75%;
     }
     .testimonials-carousel__item-container {
         flex-direction: column-reverse;
     }
     .testimonials-carousel__item {
         padding: var(--margin-section-regular) 0;
     }
     .testimonials-carousel__text-container {
         width: 100%;
     }
     .testimonials-carousel__image-container {
         width: 60%;
         margin-bottom: var(--margin-section-medium);
         max-width: 200px;
     }
     .testimonials-carousel__item-container {
         align-items: flex-start;
     }
     .testimonials-carousel__name-position span:before {
         content: "\a";
         white-space: pre;
     }
     section.banner.banner-blog {
         margin: 0 -10% var(--margin-section-extralarge);
         width: 120%;
         padding: var(--margin-section-large) var(--margin-section-large);
     }
     .banner {
         padding: var(--margin-section-large) 0px;
         margin-top: var(--margin-section-small);
     }
     .banner__title {
         margin-bottom: var(--margin-section-regular);
     }
     .columns__title {
         text-align: left;
         margin-bottom: var(--margin-section-medium);
     }
     .columns__subtitle {
         max-width: 100%;
         text-align: left;
     }
     .columns__content {
         max-width: 520px;
     }
     .columns-container.columns-container--center,
     .columns-container.columns-container--wide {
         text-align: left;
         margin: 0;
     }
     .columns-item__container,
     .columns-container--tight .columns-item__container {
         width: 100%;
         margin: 0 0 var(--margin-section-regular);
     }
     .columns-item__container:last-child {
         margin-bottom: 0;
     }
     .columns-item__image-container,
     .columns-container--wide .columns-item__image-container,
     .columns-container--tight .columns-item__image-container {
         max-height: 100px;
         display: block;
         margin-bottom: var(--margin-section-medium);
         height: 100%;
     }
     .columns-item__image {
         margin: 0;
         height: 100%;
     }
     .features-carousel__feature-text-container,
	.features-carousel__feature-image-container {
		width: 100%;
	}
	.features-carousel__feature-text-container {
		margin-bottom: var(--margin-section-regular);
	}
     .form-map__button-responsive {
         display: inline-block;
     }
     .form-map__container {
         flex-wrap: wrap-reverse;
     }
     .form-map__form-container,
     .form-map__text-container {
         width: 100%;
     }
     .form-map__text-container {
         margin-bottom: var(--margin-section-regular);
     }
     .form-map__map-container {
         height: 300px;
     }
     .imprint__card {
         width: 100%;
         max-width: 100%;
         margin-bottom: var(--margin-section-large);
     }
     .imprint__content {
         width: 100%;
     }
     .legal-page__container {
         flex-wrap: wrap-reverse;
     }
     .legal-page__content {
         width: 100%;
     }
     .legal-page__navigation {
         position: relative;
         flex-direction: row;
         width: 100%;
         max-width: 100%;
         top: unset;
         right: unset;
         padding: 0;
         margin-bottom: var(--margin-section-small);
         background-color: transparent;
         box-shadow: none;
         overflow-y: scroll;
         overflow: hidden;
         --webkit-overflow-scrolling: touch;
     }
     .legal-page__navigation-item {
         color: var(--dark-gray);
         background-color: var(--light-gray--bg);
         max-width: max-content;
         margin: 0 var(--margin-section-small) 0 0;
         padding: 7px 14px;
         border-radius: 90px;
         white-space: nowrap;
     }
     .features__feature-subtitle {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .features__text-container {
         width: 100%;
         max-width: 520px;
         margin: 0 auto;
     }
     .features__image-container {
         width: 100%;
         max-width: 520px;
         margin: 0 auto var(--margin-section-medium);
     }
     .features__feature-container {
         flex-wrap: wrap-reverse;
     }
     .features__feature-subtitle {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .integrate__integration {
         width: 100%;
         max-width: 520px;
         margin: 0 auto var(--margin-section-regular);
     }
     .integrate__integration:last-child {
         margin-bottom: 0;
     }
     .how-works__steps-container {
         position: relative;
         width: 110%;
         margin-left: -5%;
     }
     .how-works__step-content {
         max-width: 520px;
         margin: 0 auto;
     }
     .how-works__step:not(:last-child) .how-works__step-content:after {
         content: "";
         height: 2px;
         width: 300px;
         background-color: var(--black);
         position: absolute;
         z-index: -10;
         top: 159px;
         left: 100%;
     }
     .how-works__step-title.subsection-title {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .how-works__step-text p {
         font-size: var(--text-regular-size);
         line-height: var(--text-regular-lineheight);
     }
     .how-works .carousel-dots__container {
         display: flex;
     }
     .request-demo-heading__text-container,
     .request-demo-heading__form-container {
         width: 100%;
         max-width: 520px;
         margin: 0 auto;
     }
     .request-demo-heading_button {
         margin-bottom: var(--margin-section-regular);
         display: inline-block;
     }
     .request-demo-heading__logos-container {
         margin-bottom: var(--margin-section-regular);
     }
     .request-demo-heading__form-container {
         display: none;
     }
     .request-demo-heading__responsive-form-container {
         display: block;
         margin-bottom: var(--margin-section-extralarge);
     }
     .uc-hero-shot__text-container {
         text-align: left;
         margin: 220px auto 0;
     }
     .uc-hero-shot--logos .uc-hero-shot__text-container {
         margin-bottom: var(--margin-section-regular);
     }
     .uc-hero-shot__right-image {
         display: none;
     }
     .uc-hero-shot__left-image {
         top: var(--margin-section-medium);
         left: 0;
         height: 50%;
         background-size: contain;
         opacity: 1;
     }
     .uc-hero-shot__center-image {
         top: var(--margin-section-medium);
         height: 44%;
         opacity: 1;
         background-size: contain;
         margin-top: var(--margin-section-medium);
     }
     .uc-hero-shot.uc-hero-shot--logos {
         margin-bottom: calc(132px + var(--section-spacing));
     }
     .data-cards__text-container.alignCenter {
         text-align: left;
     }
     .data-cards__card {
         width: 100%;
         margin: 0 auto var(--margin-section-medium);
     }
     .pricing-columns__columns.pricing-columns__columns--3 {
         margin: var(--margin-section-large) 0 calc(var(--margin-section-regular)*-1);
     }
     .pricing-columns__columns--3 .pricing-columns__column {
         width: 100%;
         max-width: 450px;
         padding: var(--margin-section-medium);
         margin: 0 auto var(--margin-section-regular);
     }
     .columns-grid:not(:last-child) {
         padding-bottom: var(--margin-section-small);
     }
     .columns-grid__column {
         width: 100% !important;
     }
     .columns-grid__column.textColumn {
         order: 1;
         margin-bottom: var(--margin-section-small);
     }
     .columns-grid__column.imageColumn,
     .columns-grid__column.videoColumn {
         order: 2;
     }
     .columns-grid__column:last-child {
         margin-bottom: 0px;
     }
     .columns-grid+.testimonials-carousel {
         margin-top: var(--section-spacing);
     }
     .uc-hero-shot-2022 .logo-row__logo-container:first-child {
         margin-left: var(--margin-section-medium)!important;
     }
     .uc-hero-shot-2022__content {
         margin-bottom: var(--margin-section-regular);
     }
 }
 
 @media(max-width: 600px) {
     .link {
         font-size: var(--text-medium-size--mb-small);
         line-height: var(--text-medium-lineheight--mb-small);
     }
     .menu-button a,
     .button {
         font-size: var(--text-medium-size--mb-small);
         line-height: var(--text-medium-lineheight--mb-small);
         padding: 8px 20px;
     }
     .page-subtitle {
         margin-top: var(--margin-section-small);
     }
     .section-title {
         margin-bottom: var(--margin-section-medium);
     }
     .section-title-small {
         margin-bottom: var(--margin-section-regular);
     }
     .folded-sections__section-title {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .folded-sections__section--active .folded-sections__section-title-container {
         flex-direction: column;
         align-items: flex-start;
     }
     .folded-sections__section--active .folded-sections__section-title {
         margin: var(--margin-section-small) 0 0;
     }
     .folded-sections__section--active .folded-sections__section-title::after {
         display: none;
     }
     .testimonials-carousel__name-position,
     .testimonials-carousel__position {
         font-size: var(--text-regular-size);
         line-height: var(--text-regular-lineheight);
     }
     .testimonials-carousel__position {
         margin-right: var(--margin-section-small);
     }
     .subsection-title--large {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
         margin-bottom: var(--margin-section-small);
     }
     .subsection-title {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .card__text {
         font-size: var(--text-regular-size);
         line-height: var(--text-regular-lineheight);
     }
     .banner__title {
         margin-bottom: var(--margin-section-medium);
     }
     section.banner.banner-blog {
         margin: 0 -25px var(--margin-section-extralarge);
     }
     .hero-shot .hero-shot__image-container {
         margin: 0 -25px;
         max-width: calc(100% + 50px);
         width: calc(100% + 50px);
     }
     .our-vision__text {
         margin: 0 auto;
     }
     .our-vision__text p {
         font-size: var(--text-regular-size);
         line-height: var(--text-regular-lineheight);
         margin-bottom: var(--margin-section-small);
     }
     .our-vision__text p:last-child {
         margin-bottom: 0;
     }
     .our-vision .logo-row__title,
     .our-vision .logo-row__container {
         display: none;
     }
     .blog-post-card__image-container {
         max-height: 200px;
     }
     .blog-post-card__text {
         font-size: var(--text-regular-size);
         line-height: var(--text-regular-lineheight);
         margin-bottom: var(--margin-section-small);
     }
     .resources-items__filters.resources-items__filters--search {
         width: 100%;
     }
     .resources-items__item-text {
         font-size: var(--text-regular-size);
         line-height: var(--text-regular-lineheight);
         margin-bottom: var(--margin-section-small);
     }
     .resources-items__item-image-container {
         max-height: 200px;
     }
     .form-map__text h2 {
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
         margin-bottom: var(--margin-section-small);
     }
     .legal-page__section {
         margin-bottom: var(--margin-section-regular);
     }
     .imprint__card {
         min-height: auto;
     }
     .imprint__card-text {
         margin-bottom: var(--margin-section-medium);
     }
     .how-works__steps-container {
         position: relative;
         width: calc(100% + 50px);
         margin-left: -25px;
     }
     .how-works__step-content {
         max-width: calc(100% - 50px);
         margin: 0 auto;
     }
     .uc-hero-shot .logo-row__container {
         padding: 0px 25px;
         width: 100%;
     }
     .uc-hero-shot__button {
         margin-top: var(--margin-section-medium);
     }
     .numbers__card {
         width: 100%;
         margin: 0 0 var(--margin-section-regular);
     }
     .numbers__card:last-child {
         margin-bottom: 0;
     }
     .numbers__title {
         text-align: left;
     }
     .advantages__title {
         margin-bottom: 10px;
     }
     .advantages__subtitle {
         margin: 0 0 var(--margin-section-small);
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .not-found__container,
     .thank-you__container {
         text-align: left;
     }
     .not-found__title,
     .thank-you__title {
         margin-bottom: var(--margin-section-regular);
     }
     .pricing-columns__columns--3 .pricing-columns__column,
     .pricing-columns__columns--4 .pricing-columns__column {
         width: 100%;
         max-width: 400px;
         margin-inline: auto;
         padding: var(--margin-section-medium) var(--margin-section-small);
     }
     .pricing-features__section-title {
         width: 100% !important;
         margin-bottom: var(--margin-section-small);
         border-bottom: 2px solid var(--light-blue);
         padding-bottom: var(--margin-section-small);
     }
     .pricing-features__column-header {
         color: var(--blue);
         font-size: var(--text-regular-size);
     }
     .pricing-features__row-title {
         width: 100% !important;
         background-color: var(--light-gray);
         padding: var(--margin-section-extrasmall) var(--margin-section-small);
     }
     .pricing-features__section-row {
         border: 1px solid var(--light-gray);
         padding: 0px;
         margin-bottom: var(--margin-section-medium);
     }
     .pricing-features__section-headers {
         border-bottom: 0px;
     }
     .pricing-features__row-cell {
         padding: var(--margin-section-small);
     }
     .pricing-features__section--4-columns .pricing-features__column-header,
     .pricing-features__section--4-columns .pricing-features__row-cell {
         width: 25%;
         box-sizing: border-box;
     }
     .pricing-features__section--3-columns .pricing-features__column-header,
     .pricing-features__section--3-columns .pricing-features__row-cell {
         width: 33%;
         box-sizing: border-box;
     }
     .pricing-features__section-row:last-child {
         margin: 0px;
         border: 1px solid var(--light-gray);
     }
     .pricing-features__section {
         margin-bottom: var(--margin-section-regular);
         padding: var(--margin-section-small);
     }
     .pricing-features__section-row:hover {
         background-color: #fff;
     }
     .pricing__tooltip-text {
         left: -220px;
     }
     .pricing__tooltip-text::after {
         left: 223px;
     }
 }
 
 @media(max-width: 500px) {
     .logo-row__logo-container {
         margin: var(--margin-section-small) 14px;
     }
     .folded-sections__section:not(.folded-sections__section--active) {
         padding: 10px var(--margin-section-small);
     }
     section.banner.banner-blog {
         padding: var(--margin-section-large) var(--margin-section-regular);
         margin-bottom: var(--margin-section-large);
     }
     .search__input-box {
         max-width: 100%;
     }
     .search__input {
         padding: 15px 24px;
         font-size: var(--text-large-size);
         line-height: var(--text-large-lineheight);
     }
     .search__search-icon {
         width: 100px;
     }
     .single-resource-heading__responsive-image-container {
         margin-top: var(--margin-section-large);
     }
     .request-demo-heading__logo-container {
         max-width: 60px;
         max-height: 20px;
         margin: var(--margin-section-small);
     }
     .popup {
         padding: var(--margin-section-regular) var(--margin-section-medium) var(--margin-section-small) !important;
     }
 }
 
 .slick-slider {
     position: relative;
     display: block;
     box-sizing: border-box;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-tap-highlight-color: transparent
 }
 
 .slick-list {
     position: relative;
     display: block;
     overflow: hidden;
     margin: 0;
     padding: 0
 }
 
 .slick-list:focus {
     outline: 0
 }
 
 .slick-list.dragging {
     cursor: pointer;
     cursor: hand
 }
 
 .slick-slider .slick-list,
 .slick-slider .slick-track {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0)
 }
 
 .slick-track {
     position: relative;
     top: 0;
     left: 0;
     display: block;
     margin-left: auto;
     margin-right: auto
 }
 
 .slick-track:after,
 .slick-track:before {
     display: table;
     content: ''
 }
 
 .slick-track:after {
     clear: both
 }
 
 .slick-loading .slick-track {
     visibility: hidden
 }
 
 .slick-slide {
     display: none;
     float: left;
     height: 100%;
     min-height: 1px
 }
 
 [dir=rtl] .slick-slide {
     float: right
 }
 
 .slick-slide img {
     display: block
 }
 
 .slick-slide.slick-loading img {
     display: none
 }
 
 .slick-slide.dragging img {
     pointer-events: none
 }
 
 .slick-initialized .slick-slide {
     display: block
 }
 
 .slick-loading .slick-slide {
     visibility: hidden
 }
 
 .slick-vertical .slick-slide {
     display: block;
     height: auto;
     border: 1px solid transparent
 }
 
 .slick-arrow.slick-hidden {
     display: none
 }
 /* .slick-loading .slick-list {
     background: #fff url(ajax-loader.gif) center center no-repeat
 } */
 
 @font-face {
     font-family: slick;
     font-weight: 400;
     font-style: normal;
     src: url(fonts/slick.eot);
     src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url(fonts/slick.svg#slick) format('svg')
 }
 
 .slick-next,
 .slick-prev {
     font-size: 0;
     line-height: 0;
     position: absolute;
     top: 50%;
     display: block;
     width: 20px;
     height: 20px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: transparent;
     border: none;
     outline: 0;
     background: 0 0
 }
 
 .slick-next:focus,
 .slick-next:hover,
 .slick-prev:focus,
 .slick-prev:hover {
     color: transparent;
     outline: 0;
     background: 0 0
 }
 
 .slick-next:focus:before,
 .slick-next:hover:before,
 .slick-prev:focus:before,
 .slick-prev:hover:before {
     opacity: 1
 }
 
 .slick-next.slick-disabled:before,
 .slick-prev.slick-disabled:before {
     opacity: .25
 }
 
 .slick-next:before,
 .slick-prev:before {
     font-family: slick;
     font-size: 20px;
     line-height: 1;
     opacity: .75;
     color: #fff;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .slick-prev {
     left: -25px
 }
 
 [dir=rtl] .slick-prev {
     right: -25px;
     left: auto
 }
 
 .slick-prev:before {
     content: '←'
 }
 
 [dir=rtl] .slick-prev:before {
     content: '→'
 }
 
 .slick-next {
     right: -25px
 }
 
 [dir=rtl] .slick-next {
     right: auto;
     left: -25px
 }
 
 .slick-next:before {
     content: '→'
 }
 
 [dir=rtl] .slick-next:before {
     content: '←'
 }
 
 .slick-dotted.slick-slider {
     margin-bottom: 30px
 }
 
 .slick-dots {
     position: absolute;
     bottom: -25px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: center;
     bottom: -45px;
 }
 
 .slick-dots li {
     position: relative;
     display: inline-block;
     width: 20px;
     height: 20px;
     margin: 0 5px;
     padding: 0;
     cursor: pointer
 }
 
 .slick-dots li button {
     font-size: 0;
     line-height: 0;
     display: block;
     width: 20px;
     height: 20px;
     padding: 5px;
     cursor: pointer;
     color: transparent;
     border: 0;
     outline: 0;
     background: 0 0
 }
 
 .slick-dots li button:focus,
 .slick-dots li button:hover {
     outline: 0
 }
 
 .slick-dots li button:focus:before,
 .slick-dots li button:hover:before {
     opacity: 1
 }
 
 .slick-dots li button:before {
     font-family: slick;
     font-size: 6px;
     line-height: 20px;
     position: absolute;
     top: 0;
     left: 0;
     width: 20px;
     height: 20px;
     content: '•';
     text-align: center;
     opacity: .25;
     color: #000;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 
 .slick-dots li.slick-active button:before {
     opacity: .75;
     color: #000
 }
 
 body.compensate-for-scrollbar {
     overflow: hidden
 }
 
 .fancybox-active {
     height: auto
 }
 
 .fancybox-is-hidden {
     left: -9999px;
     margin: 0;
     position: absolute!important;
     top: -9999px;
     visibility: hidden
 }
 
 .fancybox-container {
     -webkit-backface-visibility: hidden;
     height: 100%;
     left: 0;
     outline: none;
     position: fixed;
     -webkit-tap-highlight-color: transparent;
     top: 0;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     transform: translateZ(0);
     width: 100%;
     z-index: 99992
 }
 
 .fancybox-container * {
     box-sizing: border-box
 }
 
 .fancybox-bg,
 .fancybox-inner,
 .fancybox-outer,
 .fancybox-stage {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0
 }
 
 .fancybox-outer {
     -webkit-overflow-scrolling: touch;
     overflow-y: auto
 }
 
 .fancybox-bg {
     background: #1e1e1e;
     opacity: 0;
     transition-duration: inherit;
     transition-property: opacity;
     transition-timing-function: cubic-bezier(.47, 0, .74, .71)
 }
 
 .fancybox-is-open .fancybox-bg {
     opacity: .9;
     transition-timing-function: cubic-bezier(.22, .61, .36, 1)
 }
 
 .fancybox-caption,
 .fancybox-infobar,
 .fancybox-navigation .fancybox-button,
 .fancybox-toolbar {
     direction: ltr;
     opacity: 0;
     position: absolute;
     transition: opacity .25s ease, visibility 0s ease .25s;
     visibility: hidden;
     z-index: 99997
 }
 
 .fancybox-show-caption .fancybox-caption,
 .fancybox-show-infobar .fancybox-infobar,
 .fancybox-show-nav .fancybox-navigation .fancybox-button,
 .fancybox-show-toolbar .fancybox-toolbar {
     opacity: 1;
     transition: opacity .25s ease 0s, visibility 0s ease 0s;
     visibility: visible
 }
 
 .fancybox-infobar {
     color: #ccc;
     font-size: 13px;
     -webkit-font-smoothing: subpixel-antialiased;
     height: 44px;
     left: 0;
     line-height: 44px;
     min-width: 44px;
     mix-blend-mode: difference;
     padding: 0 10px;
     pointer-events: none;
     top: 0;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .fancybox-toolbar {
     right: 0;
     top: 0
 }
 
 .fancybox-stage {
     direction: ltr;
     overflow: visible;
     transform: translateZ(0);
     z-index: 99994
 }
 
 .fancybox-is-open .fancybox-stage {
     overflow: hidden
 }
 
 .fancybox-slide {
     -webkit-backface-visibility: hidden;
     display: none;
     height: 100%;
     left: 0;
     outline: none;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding: 44px;
     position: absolute;
     text-align: center;
     top: 0;
     transition-property: transform, opacity;
     white-space: normal;
     width: 100%;
     z-index: 99994
 }
 
 .fancybox-slide:before {
     content: "";
     display: inline-block;
     font-size: 0;
     height: 100%;
     vertical-align: middle;
     width: 0
 }
 
 .fancybox-is-sliding .fancybox-slide,
 .fancybox-slide--current,
 .fancybox-slide--next,
 .fancybox-slide--previous {
     display: block
 }
 
 .fancybox-slide--image {
     overflow: hidden;
     padding: 44px 0
 }
 
 .fancybox-slide--image:before {
     display: none
 }
 
 .fancybox-slide--html {
     padding: 6px
 }
 
 .fancybox-content {
     background: #fff;
     display: inline-block;
     margin: 0;
     max-width: 100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
     padding: 44px;
     position: relative;
     text-align: left;
     vertical-align: middle
 }
 
 .fancybox-slide--image .fancybox-content {
     animation-timing-function: cubic-bezier(.5, 0, .14, 1);
     -webkit-backface-visibility: hidden;
     background: transparent;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     left: 0;
     max-width: none;
     overflow: visible;
     padding: 0;
     position: absolute;
     top: 0;
     transform-origin: top left;
     transition-property: transform, opacity;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 99995
 }
 
 .fancybox-can-zoomOut .fancybox-content {
     cursor: zoom-out
 }
 
 .fancybox-can-zoomIn .fancybox-content {
     cursor: zoom-in
 }
 
 .fancybox-can-pan .fancybox-content,
 .fancybox-can-swipe .fancybox-content {
     cursor: grab
 }
 
 .fancybox-is-grabbing .fancybox-content {
     cursor: grabbing
 }
 
 .fancybox-container [data-selectable=true] {
     cursor: text
 }
 
 .fancybox-image,
 .fancybox-spaceball {
     background: transparent;
     border: 0;
     height: 100%;
     left: 0;
     margin: 0;
     max-height: none;
     max-width: none;
     padding: 0;
     position: absolute;
     top: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width: 100%
 }
 
 .fancybox-spaceball {
     z-index: 1
 }
 
 .fancybox-slide--iframe .fancybox-content,
 .fancybox-slide--map .fancybox-content,
 .fancybox-slide--pdf .fancybox-content,
 .fancybox-slide--video .fancybox-content {
     height: 100%;
     overflow: visible;
     padding: 0;
     width: 100%
 }
 
 .fancybox-slide--video .fancybox-content {
     background: #000
 }
 
 .fancybox-slide--map .fancybox-content {
     background: #e5e3df
 }
 
 .fancybox-slide--iframe .fancybox-content {
     background: #fff
 }
 
 .fancybox-iframe,
 .fancybox-video {
     background: transparent;
     border: 0;
     display: block;
     height: 100%;
     margin: 0;
     overflow: hidden;
     padding: 0;
     width: 100%
 }
 
 .fancybox-iframe {
     left: 0;
     position: absolute;
     top: 0
 }
 
 .fancybox-error {
     background: #fff;
     cursor: default;
     max-width: 400px;
     padding: 40px;
     width: 100%
 }
 
 .fancybox-error p {
     color: #444;
     font-size: 16px;
     line-height: 20px;
     margin: 0;
     padding: 0
 }
 
 .fancybox-button {
     background: rgba(30, 30, 30, .6);
     border: 0;
     border-radius: 0;
     box-shadow: none;
     cursor: pointer;
     display: inline-block;
     height: 44px;
     margin: 0;
     padding: 10px;
     position: relative;
     transition: color .2s;
     vertical-align: top;
     visibility: inherit;
     width: 44px
 }
 
 .fancybox-button,
 .fancybox-button:link,
 .fancybox-button:visited {
     color: #ccc
 }
 
 .fancybox-button:hover {
     color: #fff
 }
 
 .fancybox-button:focus {
     outline: none
 }
 
 .fancybox-button.fancybox-focus {
     outline: 1px dotted
 }
 
 .fancybox-button[disabled],
 .fancybox-button[disabled]:hover {
     color: #888;
     cursor: default;
     outline: none
 }
 
 .fancybox-button div {
     height: 100%
 }
 
 .fancybox-button svg {
     display: block;
     height: 100%;
     overflow: visible;
     position: relative;
     width: 100%
 }
 
 .fancybox-button svg path {
     fill: currentColor;
     stroke-width: 0
 }
 
 .fancybox-button--fsenter svg:nth-child(2),
 .fancybox-button--fsexit svg:first-child,
 .fancybox-button--pause svg:first-child,
 .fancybox-button--play svg:nth-child(2) {
     display: none
 }
 
 .fancybox-progress {
     background: #ff5268;
     height: 2px;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     transform: scaleX(0);
     transform-origin: 0;
     transition-property: transform;
     transition-timing-function: linear;
     z-index: 99998
 }
 
 .fancybox-close-small {
     background: transparent;
     border: 0;
     border-radius: 0;
     color: #ccc;
     cursor: pointer;
     opacity: .8;
     padding: 8px;
     position: absolute;
     right: -12px;
     top: -44px;
     z-index: 401
 }
 
 .fancybox-close-small:hover {
     color: #fff;
     opacity: 1
 }
 
 .fancybox-slide--html .fancybox-close-small {
     color: currentColor;
     padding: 10px;
     right: 0;
     top: 0
 }
 
 .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
     overflow: hidden
 }
 
 .fancybox-is-scaling .fancybox-close-small,
 .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
     display: none
 }
 
 .fancybox-navigation .fancybox-button {
     background-clip: content-box;
     height: 100px;
     opacity: 0;
     position: absolute;
     top: calc(50% - 50px);
     width: 70px
 }
 
 .fancybox-navigation .fancybox-button div {
     padding: 7px
 }
 
 .fancybox-navigation .fancybox-button--arrow_left {
     left: 0;
     left: env(safe-area-inset-left);
     padding: 31px 26px 31px 6px
 }
 
 .fancybox-navigation .fancybox-button--arrow_right {
     padding: 31px 6px 31px 26px;
     right: 0;
     right: env(safe-area-inset-right)
 }
 
 .fancybox-caption {
     background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
     bottom: 0;
     color: #eee;
     font-size: 14px;
     font-weight: 400;
     left: 0;
     line-height: 1.5;
     padding: 75px 44px 25px;
     pointer-events: none;
     right: 0;
     text-align: center;
     z-index: 99996
 }
 
 @supports (padding:max(0px)) {
     .fancybox-caption {
         padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
     }
 }
 
 .fancybox-caption--separate {
     margin-top: -50px
 }
 
 .fancybox-caption__body {
     max-height: 50vh;
     overflow: auto;
     pointer-events: all
 }
 
 .fancybox-caption a,
 .fancybox-caption a:link,
 .fancybox-caption a:visited {
     color: #ccc;
     text-decoration: none
 }
 
 .fancybox-caption a:hover {
     color: #fff;
     text-decoration: underline
 }
 
 .fancybox-loading {
     animation: a 1s linear infinite;
     background: transparent;
     border: 4px solid #888;
     border-bottom-color: #fff;
     border-radius: 50%;
     height: 50px;
     left: 50%;
     margin: -25px 0 0 -25px;
     opacity: .7;
     padding: 0;
     position: absolute;
     top: 50%;
     width: 50px;
     z-index: 99999
 }
 
 @keyframes a {
     to {
         transform: rotate(1turn)
     }
 }
 
 .fancybox-animated {
     transition-timing-function: cubic-bezier(0, 0, .25, 1)
 }
 
 .fancybox-fx-slide.fancybox-slide--previous {
     opacity: 0;
     transform: translate3d(-100%, 0, 0)
 }
 
 .fancybox-fx-slide.fancybox-slide--next {
     opacity: 0;
     transform: translate3d(100%, 0, 0)
 }
 
 .fancybox-fx-slide.fancybox-slide--current {
     opacity: 1;
     transform: translateZ(0)
 }
 
 .fancybox-fx-fade.fancybox-slide--next,
 .fancybox-fx-fade.fancybox-slide--previous {
     opacity: 0;
     transition-timing-function: cubic-bezier(.19, 1, .22, 1)
 }
 
 .fancybox-fx-fade.fancybox-slide--current {
     opacity: 1
 }
 
 .fancybox-fx-zoom-in-out.fancybox-slide--previous {
     opacity: 0;
     transform: scale3d(1.5, 1.5, 1.5)
 }
 
 .fancybox-fx-zoom-in-out.fancybox-slide--next {
     opacity: 0;
     transform: scale3d(.5, .5, .5)
 }
 
 .fancybox-fx-zoom-in-out.fancybox-slide--current {
     opacity: 1;
     transform: scaleX(1)
 }
 
 .fancybox-fx-rotate.fancybox-slide--previous {
     opacity: 0;
     transform: rotate(-1turn)
 }
 
 .fancybox-fx-rotate.fancybox-slide--next {
     opacity: 0;
     transform: rotate(1turn)
 }
 
 .fancybox-fx-rotate.fancybox-slide--current {
     opacity: 1;
     transform: rotate(0deg)
 }
 
 .fancybox-fx-circular.fancybox-slide--previous {
     opacity: 0;
     transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
 }
 
 .fancybox-fx-circular.fancybox-slide--next {
     opacity: 0;
     transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
 }
 
 .fancybox-fx-circular.fancybox-slide--current {
     opacity: 1;
     transform: scaleX(1) translateZ(0)
 }
 
 .fancybox-fx-tube.fancybox-slide--previous {
     transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
 }
 
 .fancybox-fx-tube.fancybox-slide--next {
     transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
 }
 
 .fancybox-fx-tube.fancybox-slide--current {
     transform: translateZ(0) scale(1)
 }
 
 @media (max-height:576px) {
     .fancybox-slide {
         padding-left: 6px;
         padding-right: 6px
     }
     .fancybox-slide--image {
         padding: 6px 0
     }
     .fancybox-close-small {
         right: -6px
     }
     .fancybox-slide--image .fancybox-close-small {
         background: #4e4e4e;
         color: #f2f4f6;
         height: 36px;
         opacity: 1;
         padding: 6px;
         right: 0;
         top: 0;
         width: 36px
     }
     .fancybox-caption {
         padding-left: 12px;
         padding-right: 12px
     }
     @supports (padding:max(0px)) {
         .fancybox-caption {
             padding-left: max(12px, env(safe-area-inset-left));
             padding-right: max(12px, env(safe-area-inset-right))
         }
     }
 }
 
 .fancybox-share {
     background: #f4f4f4;
     border-radius: 3px;
     max-width: 90%;
     padding: 30px;
     text-align: center
 }
 
 .fancybox-share h1 {
     color: #222;
     font-size: 35px;
     font-weight: 700;
     margin: 0 0 20px
 }
 
 .fancybox-share p {
     margin: 0;
     padding: 0
 }
 
 .fancybox-share__button {
     border: 0;
     border-radius: 3px;
     display: inline-block;
     font-size: 14px;
     font-weight: 700;
     line-height: 40px;
     margin: 0 5px 10px;
     min-width: 130px;
     padding: 0 15px;
     text-decoration: none;
     transition: all .2s;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     white-space: nowrap
 }
 
 .fancybox-share__button:link,
 .fancybox-share__button:visited {
     color: #fff
 }
 
 .fancybox-share__button:hover {
     text-decoration: none
 }
 
 .fancybox-share__button--fb {
     background: #3b5998
 }
 
 .fancybox-share__button--fb:hover {
     background: #344e86
 }
 
 .fancybox-share__button--pt {
     background: #bd081d
 }
 
 .fancybox-share__button--pt:hover {
     background: #aa0719
 }
 
 .fancybox-share__button--tw {
     background: #1da1f2
 }
 
 .fancybox-share__button--tw:hover {
     background: #0d95e8
 }
 
 .fancybox-share__button svg {
     height: 25px;
     margin-right: 7px;
     position: relative;
     top: -1px;
     vertical-align: middle;
     width: 25px
 }
 
 .fancybox-share__button svg path {
     fill: #fff
 }
 
 .fancybox-share__input {
     background: transparent;
     border: 0;
     border-bottom: 1px solid #d7d7d7;
     border-radius: 0;
     color: #5d5b5b;
     font-size: 14px;
     margin: 10px 0 0;
     outline: none;
     padding: 10px 15px;
     width: 100%
 }
 
 .fancybox-thumbs {
     background: #ddd;
     bottom: 0;
     display: none;
     margin: 0;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     padding: 2px 2px 4px;
     position: absolute;
     right: 0;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     top: 0;
     width: 212px;
     z-index: 99995
 }
 
 .fancybox-thumbs-x {
     overflow-x: auto;
     overflow-y: hidden
 }
 
 .fancybox-show-thumbs .fancybox-thumbs {
     display: block
 }
 
 .fancybox-show-thumbs .fancybox-inner {
     right: 212px
 }
 
 .fancybox-thumbs__list {
     font-size: 0;
     height: 100%;
     list-style: none;
     margin: 0;
     overflow-x: hidden;
     overflow-y: auto;
     padding: 0;
     position: absolute;
     position: relative;
     white-space: nowrap;
     width: 100%
 }
 
 .fancybox-thumbs-x .fancybox-thumbs__list {
     overflow: hidden
 }
 
 .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
     width: 7px
 }
 
 .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
     background: #fff;
     border-radius: 10px;
     box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }
 
 .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
     background: #2a2a2a;
     border-radius: 10px
 }
 
 .fancybox-thumbs__list a {
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     background-color: rgba(0, 0, 0, .1);
     background-position: 50%;
     background-repeat: no-repeat;
     background-size: cover;
     cursor: pointer;
     float: left;
     height: 75px;
     margin: 2px;
     max-height: calc(100% - 8px);
     max-width: calc(50% - 4px);
     outline: none;
     overflow: hidden;
     padding: 0;
     position: relative;
     -webkit-tap-highlight-color: transparent;
     width: 100px
 }
 
 .fancybox-thumbs__list a:before {
     border: 6px solid #ff5268;
     bottom: 0;
     content: "";
     left: 0;
     opacity: 0;
     position: absolute;
     right: 0;
     top: 0;
     transition: all .2s cubic-bezier(.25, .46, .45, .94);
     z-index: 99991
 }
 
 .fancybox-thumbs__list a:focus:before {
     opacity: .5
 }
 
 .fancybox-thumbs__list a.fancybox-thumbs-active:before {
     opacity: 1
 }
 
 @media (max-width:576px) {
     .fancybox-thumbs {
         width: 110px
     }
     .fancybox-show-thumbs .fancybox-inner {
         right: 110px
     }
     .fancybox-thumbs__list a {
         max-width: calc(100% - 10px)
     }
 }